/*
    Mobile Menu Core Style
*/

.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    padding: 0.638em 0.625em 0.638em 0.625em;
    line-height: 1.125em;
    cursor: pointer;
}

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: right;
}

.slicknav_menu .slicknav_icon {
    float: right;
    margin: 0.188em 0.438em 0 0.438em;
}

.slicknav_menu .slicknav_no-text {
    margin: 0
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em
}

.slicknav_nav {
    clear: both
}

.slicknav_nav ul,
.slicknav_nav li {
    display: block;
    border-bottom: 1px solid #fff;
    padding: 10px;
}

.slicknav_nav .slicknav_arrow {
    float: right;
    width: 11px;
    height: 7px;
    padding-top: 17px;
}

.slicknav_nav .slicknav_arrow .close {
    width: 11px;
    height: 7px;
    background: url(../images/dd_down.png) center no-repeat;
    display: block;
    margin-top: 6px;
}

.slicknav_nav .slicknav_arrow .open {
    width: 11px;
    height: 7px;
    background: url(../images/dd_up.png) center no-repeat;
    display: block;
    margin-top: 6px;
}

.slicknav_nav .slicknav_item {
    display: block;
    cursor: pointer;
}

.slicknav_nav a {
    display: block
}

.slicknav_nav .slicknav_item a {
    display: inline
}

.slicknav_menu:before,
.slicknav_menu:after {
    content: " ";
    display: table;
}

.slicknav_menu:after {
    clear: both
}

/* IE6/7 support */
.slicknav_menu {
    *zoom: 1
}

/*
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size: 16px;
}

/* Button */
.slicknav_btn {
    text-decoration: none;
    background-color: transparent;
    width: 100%;
    z-index: 999;
    color: #f0f0f0;
}

/* Button Text */
.slicknav_menu .slicknav_menutxt {
    color: #fff;
}

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
    background-color: #ffffff;
}

/* after scroll */

.fixed-mobile-white .slicknav_menutxt,
.fixed-mobile-white .slicknav_icon-bar {
    color: #231f20;
}

.fixed-mobile-white .slicknav_icon-bar {
    background-color: #231f20;
}



.slicknav_nav {
    background: #f0f0f0;
    color: #ffffff;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    margin-top: 110px;
}

.slicknav_nav ul {
    padding: 0;
    margin: 0;
}

.slicknav_nav ul ul li a {
    padding-left: 25px;
}

.slicknav_nav .slicknav_item {
    padding: 6px 20px;
}

.slicknav_nav a {
    text-decoration: none;
    color: #231f20;
}

.slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
}

.slicknav_nav .slicknav_item:hover {
    background: #fff;
    color: #231f20;

}

.slicknav_nav a:hover, .slicknav_nav .slicknav_item:hover a {
    color: #231f20;
}

.slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
}

.slicknav_nav ul li a {
    color: #231f20;
    padding: 6px 20px;
}
.slicknav_nav  li:hover {
    background-color: #fff;
}
.slicknav_nav  li:hover a {
    color: #231f20;
}

.slicknav_open > a {
    background: #f0f0f0;
    color: #231f20;
}

.slicknav_open > a a, .slicknav_open > a > a {
    color: #231f20 !important;
}

.slicknav_open > ul {
    background: #f0f0f0;
}
/*
.menu_item_level_1.slicknav_open > ul > li > a{
    padding-left: 30px !important;
}
.menu_item_level_2.slicknav_open > ul > li > a {
    padding-left: 40px !important;
}

.slicknav_nav  .menu_item_level_1 > a {
    margin-left: 0;
}
*/
/* content pages */

.header-course-landing #mobile_nav .slicknav_menu .slicknav_icon-bar,
.header-content #mobile_nav .slicknav_menu .slicknav_icon-bar{
    background-color: #231f20;
}
.header-course-landing #mobile_nav .slicknav_menu .slicknav_menutxt,
.header-content #mobile_nav .slicknav_menu .slicknav_menutxt{
    color: #231f20;
}

/* course pages */

.header-course-page #mobile_nav .slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
}
.header-course-page #mobile_nav .slicknav_menu .slicknav_menutxt {
    color: #fff;
}