%PDF- %PDF-
Direktori : /var/www/html/ceaa/wp-content/themes/eduma/assets/sass/header/ |
Current File : /var/www/html/ceaa/wp-content/themes/eduma/assets/sass/header/_main-menu.scss |
/* Bootstrap */ .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; } .table-cell { display: table-cell; vertical-align: middle; float: none; } #masthead { padding: 0; @include transition(all 0.5s ease-in-out); .navigation { padding-top: 25px; padding-bottom: 5px; @include transition(all 0.5s ease-in-out); } &.affix { .navigation { } &.menu-hidden { @include translate(0, -100%); .wrapper-container.mobile-menu-open & { @include translate(0, 0); } body.thim-popup-active &, body.thim-search-active & { transform: none; } } } &.header_v3{ .width-logo{ overflow: hidden; position: absolute; top: -40px; left: 0; } .header_v3_container{ padding-left: 185px; position: relative; } .toolbar-container{ padding-left: 200px; width: 1285px; .thim-link-login{ .logout, .login{ display: inline-block; &:before{ content: '\f007'; margin-right: 7px; display: inline-block; font-family: FontAwesome; } } .profile{ display: none; } } .widget{ display: inline-block; } } } &.header_v4{ #magic-line { display: none!important; } .navigation { padding-bottom: 0; padding-top: 32px; .width-logo, .width-navigation { float: left; width: auto; } .width-logo { margin-right: 30px; img { margin-bottom: 32px; } } .width-navigation { .navbar-nav { > li { > a, > span { font-weight: 300; text-transform: none; padding-top: 12px; &:after { top: 10px; } } } } } .menu-right { float: right; ul { li { >div { padding: 0; } &.widget_shopping_cart { margin-right: 25px; .minicart_hover { .cart-items-number { font-size: 21px; .fa { &:before { content: "\e74d"; font-family: Linearicons; } } span.wrapper-items-number { background-color: #ffffff; } } } } } } .thim-link-login { .thim-widget-login-popup-base { padding-right: 0; } .profile { //display: none; } .logout, .login, .profile { background: none; font-weight: 300; font-size: 16px; padding-bottom: 3px; padding-left: 0; &:before { content: "\e71e"; font-family: 'Linearicons'; margin-right: 10px; } } } .widget_courses-searching { .search-toggle { border: 1px solid rgba(255,255,255,0.6); width: 40px; line-height: 35px; border-radius: 100%; &:hover { background: #ffffff; color: #333333; border-color: #ffffff; } } } .thim-widget-button { margin-left: 10px; .widget-button { background: none; &.very-rounded { border-radius: 25px; } &.small { line-height: 40px; padding-right: 30px; padding-left: 30px; } } } .woocommerce { .widget_shopping_cart_content { padding: 10px 20px; ul.cart_list { li { a { font-weight: 400; margin-bottom: 5px; } } } .buttons { margin-bottom: 15px; } } } } } .navbar-nav { text-align: left; li.tc-menu-layout-builder { .sub-menu { .widget-title { font-weight: 500; font-size: 16px; text-transform: none; } } } } .thim-course-megamenu { .course-title { font-weight: 400; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .course-meta>div { display: inline-block; padding-left: 0; } .course-price { .value { font-size: 16px; font-weight: 400; } } .course-readmore { font-weight: 300; font-size: 13px; text-transform: none; } } &.affix { .navbar-nav { li { .sub-menu { margin-top: 0; } } } .navigation { .tm-table { border: none; } .menu-right { ul { li.widget_shopping_cart { .minicart_hover { .cart-items-number { span.wrapper-items-number { border: 1px solid; span { line-height: 15px; display: block; } } } } } } .widget_courses-searching { .search-toggle { border-color: #333333; } } } } } } &.header_v5{ .navigation { padding-top: 0; padding-bottom: 0; } .width-logo > a { margin-top: -40px; text-align: center; img { margin-top: 12px; margin-bottom: 15px; } } } } body.home-page { #masthead.header_v4 { .navigation { .tm-table { border-bottom: 1px solid rgba(255,255,255,.2); } .width-logo { img { @include transition(all .5s ease-in-out); } } .width-navigation { .navbar-nav { >li { >a, >span { &:after { top: 10px; } } } } } } } } #masthead.header_v4 { &.affix { .navigation { padding-top: 20px; .tm-table { border-bottom: none; } .width-logo { img { margin-bottom: 20px; } } .width-navigation { .navbar-nav { >li { >span, >a { padding-bottom: 25px; } } } } .menu-right { .widget_courses-searching { .search-toggle { &:hover { border-color: #333333; } } } } } } } body.thim-popup-active, body.thim-search-active { #masthead { transform: none; } } .navigation { .width-navigation, .width-logo { padding: 0; img { margin-bottom: 20px; } } .navbar-nav li { .sub-menu { li { padding: 0; a, > span.disable_link, > .tc-menu-inner{ @include transition(all 0.3s); padding: 8px 0; display: block; } &.menu-item-has-children { > a, > span.disable_link, > .tc-menu-inner{ &:after { content: "\f178"; font: normal normal normal 14px/1 FontAwesome; float: right; line-height: 25px; display: none; } } } } } > .sub-menu { margin-left: 0; } } .menu-right { padding-left: 0; ul { margin: 0; list-style: none; line-height: 20px; li { list-style: none; display: inline-block; padding-left: 0; padding-right: 0; vertical-align: middle; &:last-child { >div{ padding-right: 0; } >div.minicart_hover{ padding-right: 15px; } } >div{ padding: 11px 10px 29px; &.minicart_hover{ padding-right: 25px; } } .search-form { position: relative; height: 60px; width: 50px; label { margin: 0; } &:after { width: 30px; cursor: pointer; text-align: center; line-height: 20px; position: absolute; right: 10px; top: 5px; display: inline-block; } .search-field { width: 200px; position: absolute; right: 0; bottom: -35px; height: 35px; @include translate(0, 20px); @include transition(all 0.3s); @include opacity(0); visibility: hidden; } &:hover { .search-field { @include translate(0, 0); @include opacity(1); visibility: visible; } } } } } } } .site-header { position: absolute; z-index: 999; width: 100%; top: 0; .header_full { padding-left: 30px; padding-right: 30px; } &.sticky-header{ position: fixed; } .sticky-logo { display: none; } .navbar-nav { > li { > a, > span.disable_link, > .tc-menu-inner{ @include transition(all .3s ease-in-out); } } } &.affix{ box-shadow: 0 1px 5px -2px rgba(42, 42, 42, .4); .navbar-nav { > li { > a, > span.disable_link, > .tc-menu-inner{ padding: 11px 20px 29px; line-height: 20px; @include transition(all .3s ease-in-out); &.icon-toggle { padding: 0; } } } } .no-sticky-logo { display: none; } .sticky-logo { display: inline-block; } } .navbar-nav { text-align: right; > li { float: none; display: inline-block; zoom: 1; max-height: 60px; } } &.header_v5 { > .header_full { padding-left: 0; padding-right: 0; } .navbar-nav { text-align: center; display: flex; li { width: 100%; } #magic-line { display: none!important; } } a.widget-button.normal.very-rounded { border-radius: 25px; height: 40px; padding: 0 30px; } } } .tc-menu-column-hide-title .tc-megamenu-title{ display: none !important; } @media (min-width: 992px) { .widget_area aside ul li a, .widget_area aside ul li span { padding: 10px 25px 10px 0; } .widget_area .widget_recent_entries li { padding-bottom: 0; margin-bottom: 0; } .drop_to_right > .sub-menu { left: auto; right: 12px; } .drop_to_center.standard > .sub-menu { left: 50%; } .mobile-logo-custom { .sticky-logo-mobile, .no-sticky-logo-mobile { display: none; } } //megamenu for demo 3 .navbar-nav li.multicolumn .submenu_columns_2 { width: 466px; } #toolbar { .menu { li { &[class*=layout-default] { .sub-menu { overflow: visible; .sub-menu { left: 100%; top: 0; } } } .sub-menu { &[class*=tc-columns-] { >ul { >li { a.tc-megamenu-title { font-weight: 600; } .sub-menu { display: block!important; position: relative; } } } } &.tc-columns-2 { width: 466px; } &.tc-columns-3 { width: 750px; } &.tc-columns-4 { width: 932px; } &.tc-columns-5 { width: 1165px; } } } } } } @media only screen and (min-width: 769px) and (max-width: 1200px) { .navbar-nav li.multicolumn .submenu_columns_1{ width: 194px; } .navbar-nav li.multicolumn .submenu_columns_2{ width: 388px; } .navbar-nav li.multicolumn .submenu_columns_3 { width: 582px; } .navbar-nav li.multicolumn .submenu_columns_4 { width: 776px; } .navbar-nav li.multicolumn .submenu_columns_5 { width: 970px; } .navbar-nav li.dropdown_full_width [class*="submenu_columns"].sub-menu { width: 100%; } .navbar-nav li.drop_to_center .submenu_columns_1 { left: -55px; } .navbar-nav li.drop_to_center .submenu_columns_2 { left: -152px; } .navbar-nav li.drop_to_center .submenu_columns_3 { left: -252px; } .navbar-nav li.drop_to_center .submenu_columns_4 { left: -347px; } .navbar-nav li.drop_to_center .submenu_columns_5 { left: -450px; } } .mega-sub-menu[class*=tc-columns-]>.row>li:before{ display: none; } @media (max-width: 991px) { .navbar-nav>li>a, .navbar-nav>li>span.disable_link, .navbar-nav>li>.tc-menu-inner{ display: block; padding-top: 15px; padding-bottom: 15px; } #masthead.affix-top{ top: 0; position: absolute; } .navigation { .width-logo { text-align: left; padding-left: 15px; } } body.admin-bar { .site-header { top: 0; &.sticky-header{ top: 46px; } } } } @media (max-width: 1024px) { .tc-menu-layout-builder>.sub-menu{ display: none; } .navigation .navbar-nav>li.menu-item-has-children>a:after, .navigation .navbar-nav>li.menu-item-has-children>span:not(.icon-toggle):after{ display: none; } .menu-mobile-effect { &.navbar-toggle { float: right; display: inline-block; cursor: pointer; z-index: 1; vertical-align: middle; width: 30px; height: 28px; padding: 0; position: absolute; top: 50%; right: 15px; margin: 0; margin-top: -14px; span.icon-bar { width: 22px; border-radius: 0; position: absolute; left: 0; right: 0; margin: 0 auto; top: 6px; background: #111; &:nth-child(2) { top: 13px; } &:nth-child(3) { top: 20px; } @include transition(all 0.3s ease-in-out); .mobile-menu-open & { @include rotation(-45deg); top: 13px; &:nth-child(2) { @include opacity(0); } &:nth-child(3) { @include rotation(45deg); top: 13px; } } } } } .wrapper-container { position: relative; overflow: hidden; .mobile-effect.mobile-menu-container { } &.mobile-menu-open { overflow: hidden; height: 100vh !important; margin-top: 0 !important; body.admin-bar &{ height: calc(100vh - 46px) !important; height: -webkit-calc(100vh - 46px) !important; height: -moz-calc(100vh - 46px) !important; } .content-pusher { -webkit-transform: translate(-300px, 0) !important; -moz-transform: translate(-300px, 0) !important; -ms-transform: translate(-300px, 0) !important; -o-transform: translate(-300px, 0) !important; transform: translate(-300px, 0) !important; &:after { @include opacity(1); } } .mobile-effect.mobile-menu-container { visibility: visible; box-shadow: 0 1px 5px -2px rgba(42, 42, 42, .4); } } } .content-pusher { right: 0; position: relative; @include transition(all 0.5s); height: 100%; &:after { position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(0, 0, 0, 0.2); content: ''; @include opacity(0); -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; z-index: 9; } } .mobile-menu-container { right: 0; position: absolute; @include translate(100%, 0px); visibility: hidden; top: 0; z-index: 99999; width: 300px; height: 100%; overflow: auto; @include transition(all 0.5s); > .nav { margin-top: 15px; padding-left: 5px; padding-right: 5px; } .tc-menu-column-hide-title { .sub-menu { &.mega-sub-menu { margin-left: 0; } .sub-menu { margin-left: 15px; } } } .sub-menu { background-image: none !important; margin-top: 0; margin-bottom: 0; overflow: hidden; margin-left: 15px; //display: block; &.mega-sub-menu{ margin-left: 0px; &:before{ display: none; } .sub-menu:before{ top: 0; } >.row{ margin: 0; >li{ margin: 0; padding: 0; &:before{ display: none; } } } .widget-title { color: #777777; text-transform: none; } } li{ ul{ display: block; } } } ul { float: none; li { float: none; &.current-menu-parent { .sub-menu { display: block; } } &.disable_link { margin-left: 20px; } .icon-toggle { position: absolute; right: 0; width: 40px; height: 40px; line-height: 20px; top: 0; &:before, &:after{ display: none; } .fa{ line-height: 30px; vertical-align: middle; } } &.menu-right { ul { margin-left: 15px; li { display: inline-block; vertical-align: middle; margin-right: 15px; margin-top: 15px; &.widget_login-menu { .thim-widget-login-menu { padding-bottom: 5px; a { padding: 10px 24px; } } } &.widget_courses-searching { display: none; } } } } a { display: block; outline: none; -webkit-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; &:hover, :focus { background: transparent; } } } } } .navbar-nav { margin: 0; li { list-style: none; position: relative; } } .site-header { .navigation nav { //display: none; > li { } } .navbar-nav { float: none; padding-right: 60px; >li { display: none; &.menu-right { display: inline-block; } } } } .sub-menu { position: relative; li { width: 100%; border: none !important; a,span { padding-left: 25px !important; } } } .navbar-nav .sub-menu { &:before { content: ''; width: 1px; height: 100%; position: absolute; left: 2px; top: 1px; display: block; } li { margin-top: 9px; &:before { content: ''; width: 7px; height: 1px; position: absolute; left: 3px; top: 10px; padding: 0; display: block; } } .sub-menu { margin-left: 20px; } } .nav > li > span { padding: 10px 15px; display: block; } .site-header .navigation { padding: 10px 0; } .mobile-menu-container ul li span.icon-toggle { cursor: pointer; } .site-header.sticky-header { //position: absolute; } } @media (min-width: 1025px) { .admin-bar { .site-header { top: 32px; } } .mobile-menu-container { display: none; } .navigation { position: relative; .tm-table { display: table; table-layout: fixed; max-width: none; width: auto; min-width: 100%; } nav { position: static; } } .navbar-nav > li.multicolumn [class*="submenu_columns"] .sub-menu { position: static !important; display: block !important; width: auto; border: none; box-shadow: 0 0 0; padding: 0; } .navbar-nav a i.fa { margin-right: 5px; } .navbar-nav > li.multicolumn [class*="submenu_columns"] > li, .navbar-nav [class*="submenu_columns"] > aside { float: left; } .navbar-nav > li.multicolumn [class*="submenu_columns"] > aside { padding: 15px; } .submenu-widget { padding: 10px; } .navbar-nav .submenu_columns_2 > li, .navbar-nav .submenu_columns_2 > aside { width: 50%; } .navbar-nav .submenu_columns_3 > li, .navbar-nav .submenu_columns_3 > aside { width: 33.33333%; } .navbar-nav .submenu_columns_4 > li, .navbar-nav .submenu_columns_4 > aside { width: 25%; } .navbar-nav .submenu_columns_5 > li, .navbar-nav .submenu_columns_5 > aside { width: 20%; } .navbar-nav .dropdown_full_width{ position: static; } .navbar-nav li.multicolumn .submenu_columns_1 { width: 233px; } .navbar-nav li.multicolumn .submenu_columns_1 li { width: 100%; } .navbar-nav li.multicolumn .submenu_columns_2 { width: 466px; } .navbar-nav li.multicolumn .submenu_columns_3 { width: 750px; } .navbar-nav li.multicolumn .submenu_columns_4 { width: 932px; } .navbar-nav li.multicolumn .submenu_columns_5 { width: 1165px; } .navbar-nav li.drop_to_center .submenu_columns_1 { left: -80px; } .navbar-nav li.drop_to_center .submenu_columns_2 { left: -191px; } .navbar-nav li.drop_to_center .submenu_columns_3 { left: -310px; } .navbar-nav li.drop_to_center .submenu_columns_4 { left: -425px; } .navbar-nav li.drop_to_center .submenu_columns_5 { left: -545px; } .navbar-nav li.widget_area>.submenu-widget{ min-width: 800px; width: auto; } .navbar-nav li.dropdown_full_width .megacol { left: 15px; right: 15px; width: auto; } .navbar-nav > li > span:hover { background: transparent; } .navbar-nav [class*="submenu_columns"] aside { float: left; text-align: left; } .navbar-nav > li > .sub-menu { &.submenu-widget, &.multicolumn { > li { float: left; padding: 15px 0; } &.submenu_columns_1 { > li { float: none; } } } &.submenu-widget{ >li{ padding: 0; } .thim-widget-course-categories{ li{ padding-left: 0; padding-right: 0; } } } } nav .navbar-collapse { padding-right: 0; padding-left: 0; } /****************megamenu**************/ nav { ul, ul ul, ul ul ul { margin: 0; li { margin: 0; } } } .nav > li > a:hover, .nav > li > a:focus { background: transparent; } .navbar-nav { float: none; li { span { display: block; } &.tc-menu-layout-builder{ .sub-menu{ padding-top: 23px; padding-bottom: 15px; min-width: 800px; width: auto; .widget-title{ text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 25px; text-align: left; } } } .sub-menu { display: none; position: absolute; left: -10px; top: auto; margin-top: 5px; z-index: 9999; li { list-style: none; text-align: left; position: relative; a { text-decoration: none; } } &.submenu_columns_5{ >li{ width: 20%; } } &.submenu_columns_4{ >li{ width: 25%; } } &.submenu_columns_3{ >li{ width: 33.33%; } } &.submenu_columns_2{ >li{ width: 50%; } } &.tc-columns-5{ width: 1165px; >ul>li{ width: 20%; } } &.tc-columns-4{ width: 1000px; >ul>li{ width: 25%; } } &.tc-columns-3{ width: 750px; >ul>li{ width: 33.33%; } } &.tc-columns-2{ width: 500px; >ul>li{ width: 50%; } } &.tc-columns-1{ width: 250px; >ul>li{ width: 100%; } } &[class*=tc-columns-]{ padding: 15px 30px 20px; >ul{ margin: 0; >li{ float: left; &:first-child{ >.sub-menu{ padding-right: 30px; padding-left: 0; } } &:last-child{ >.sub-menu:before{ display: none; } } .sub-menu{ display: block !important; opacity: 1 !important; margin-top: 10px; top: auto; left: 0; right: auto; min-width: 0; padding: 0; position: relative; overflow: hidden; padding-left: 30px; a,span{ border: 0; } li{ padding-left: 0; } &:before{ right: 0; bottom: 5px; top: 15px; content: ''; width: 1px; height: auto; background: #eee; position: absolute; } li{ >a,>span{ padding: 8px 0; } } } } } } &.megacol{ padding-bottom: 20px; >li{ .sub-menu{ display: block !important; opacity: 1 !important; margin-top: 10px; top: auto; a,span{ border: 0; } li{ padding-left: 0; } } } &.submenu_columns_3{ .sub-menu{ min-width: 0; padding-left: 30px; &:before{ right: 0; bottom: 5px; top: 15px; content: ''; width: 1px; height: auto; background: #eee; position: absolute; } li{ >a,>span{ padding: 8px 0; } } } li:first-child{ >.sub-menu{ padding-left: 0; } } li:last-child{ >.sub-menu{ &:before{ display: none; } } } } } } &:hover { > .sub-menu { li { a { text-decoration: none; } } } } } li { .sub-menu { min-width: 260px; margin-left: 0; li { width: 100%; } } } li { .sub-menu .sub-menu { right: calc(100% + 30px); right: -webkit-calc(100% + 30px); right: -moz-calc(100% + 30px); left: auto; top: 0; padding: 15px 30px; } .sub-menu li:hover .sub-menu { height: auto; z-index: 999; } } li.multicolumn { .megacol { > li { > a, > span { &:hover { background: transparent; } } > a:hover { } } .sub-menu { background: transparent; display: block !important; a, span.disable_link, .tc-menu-inner{ padding: 5px 0; display: block; } } } } } .navbar-nav { > li { vertical-align: middle; display: inline-block; float: none; > a, > span.disable_link, > .tc-menu-inner{ padding: 11px 20px 29px; display: inline-block; position: relative; line-height: 20px; &.icon-toggle { padding: 0; } > span { line-height: 20px; } } } } .nav > li > .sub-menu { box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.3); padding: 15px 30px; .menu-category-description { text-align: justify; } } .nav > li.widget_area > .sub-menu { padding-top: 23px; padding-bottom: 15px; aside { padding: 15px; } } .nav > li.multicolumn > .sub-menu .sub-menu, .nav > li.widget_area > .sub-menu .sub-menu { box-shadow: 0 0 0; } .navigation { .navbar-nav { > li { > a, > span { text-transform: uppercase; position: relative; padding: 11px 20px 29px; &.icon-toggle { padding: 0; position: absolute; top: 9px; right: 6px; margin: 0; line-height: 24px; } } &.widget_area, &.tc-menu-layout-builder, &.menu-item-has-children{ >a{ &:after{ content: "\f107"; display: inline-block; font-family: FontAwesome; padding: 0; position: absolute; top: 8px; right: 6px; margin: 0; line-height: 24px; font-size: 14px; font-weight: 400; } } >span:not(.icon-toggle) { &:after{ content: "\f107"; display: inline-block; font-family: FontAwesome; padding: 0; position: absolute; top: 8px; right: 6px; margin: 0; line-height: 24px; font-size: 14px; font-weight: 400; } } .icon-toggle{ display: none; } &:last-child, &:nth-last-child(2){ >.sub-menu{ right: 0; left: auto; } } } &:not(.menu-item-has-children){ &:last-child { > a, > span { padding-right: 0; &:before { right: 0; } } } } } } } .header_v5 { .navigation { .navbar-nav { > li { max-height: none; border-right: 1px solid #f0f0f0; > a, > span { padding-top: 0!important; padding-bottom: 0!important; padding-right: 25px!important; padding-left: 25px!important; line-height: 70px!important; &:after { top: 22px!important; right: 10px!important; } } .sub-menu { margin-top: 0; left: 0; } &.menu-right { margin-left: 30px; padding: 15px 0; } &:last-child { border-right: none; } } } } } .header_v5 { .navbar-nav { li.tc-menu-layout-builder { .sub-menu { .widget-title { font-weight: 600; } } } } .thim-course-megamenu { .course-title { } } } } // default menu .menu-main-menu { > .menu { ul li { display: inline-block; list-style: none; padding: 10px 15px; } } } #magic-line { position: absolute; height: 2px; z-index: 99999; bottom: 26px; } /** Mobile Login Link **/ .thim-mobile-login{ padding: 20px 20px 0; display: none; a{ color: #fff; font-size: 13px; font-weight: 400; } .thim-link-login{ a{ padding: 0 12px; line-height: 20px; display: inline-block; &:first-child{ border-right: 1px solid #3e3d3d; padding-left: 0; } &:last-child{ padding-right: 0; } } } } .menu-right{ .thim-link-login { overflow: hidden; .profile { color: #ffffff; background-color: transparent; &:hover { color: #ffffff; background-color: transparent; } } .register{ display: none; } a { font-size: 13px; font-weight: 700; border: 0; padding: 6px 20px; line-height: 20px; display: inline-block; float: left; } } ul{ li{ >div{ &.thim-widget-login-popup, &.thim-widget-login-menu{ padding-top: 5px; padding-bottom: 23px; } } } } } .tc-menu-layout-builder, .widget_area .submenu-widget{ .widget-title{ text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 25px; text-align: left; } .single-image{ padding-top: 8px; padding-bottom: 8px; } .course-item .course-thumbnail{ padding-top: 8px; padding-bottom: 8px; a{ padding-bottom: 6px; padding-top: 3px; display: block; } } } .thim-megamenu-row{ >.panel-grid-cell{ padding-right: 30px !important; position: relative; &:after{ content: ''; top: 7px; bottom: 5px; width: 1px; position: absolute; background: #eee; right: 1px; min-height: 360px; } &:first-child{ padding-left: 0 !important; } &:last-child{ padding-right: 0 !important; &:after{ display: none; } } } } .site-header{ &.header_v2{ &#masthead .navigation{ padding-top: 20px; } .navigation .width-navigation img, .navigation .width-logo img{ margin-bottom: 0; } .width-navigation{ width: 100%; bottom: -35px; margin-top: -15px; position: relative; } .navbar-nav{ text-align: left; li{ .sub-menu{ margin-top: 0; left: auto; .sub-menu{ //left: auto; } &.tc-megamenu-wrapper { left: 0; } } &.dropdown_full_width{ .megacol, .sub-menu{ left: 0; right: 0; } } } #magic-line{ background: #fff; bottom: 15px !important; } } .navigation { .navbar-nav{ >li{ >a,>span{ padding: 15px 26px 15px 30px; line-height: 30px; &:before{ content: ''; position: absolute; left: 0; top: 15px; bottom: 15px; width: 1px; background: #f2ac03; } &:after{ top: 17px; right: 11px; } } &:first-child{ >a,>span{ &:before{ display: none; } } } } } .menu-right ul li>div{ padding-top: 15px; padding-bottom: 15px; } } .menu-right{ float: right; } #toolbar{ padding-top: 6px; padding-bottom: 6px; position: relative; &:before{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; max-width: 1170px; margin: auto; background: #212121; } } } } #masthead.affix.menu-hidden.header_v2{ @include translate(0, -120%); } .menu-right{ .thim-social{ margin: 0; padding-top: 3px; padding-bottom: 3px; padding-right: 22px; li{ height: 24px; &:last-child{ a{ margin-right: 0; } } } a{ color: #fff !important; border-color: #fff; width: 24px; height: 24px; line-height: 22px; font-size: 12px; .fa{ margin: 0; line-height: 22px; } } } } .header-top-menu{ text-align: right; overflow: hidden; li{ list-style: none; padding: 0; margin: 0; } .search-form{ line-height: 34px; padding: 0; margin: 0; border: 0; width: 270px; background: #1f1f1f; display: inline-block; label{ .search-field{ height: 34px; line-height: 32px; color: #ddd; font-style: italic; padding-right: 40px; background: #1f1f1f; border: 1px solid #1f1f1f; &:focus{ border: 1px solid #484848 ; } } } .search-submit{ height: 34px; line-height: 34px; color: transparent; background: transparent; &:hover{ color: transparent; background: transparent; } } &:after{ width: 34px; height: 34px; line-height: 34px; color: #ddd; } } } .menu-main-menu li .sub-menu:not(.megacol) li.menu-item-has-children:before{ content: "\f107"; font-family: FontAwesome; position: absolute; right: -15px; top: 5px; line-height: 32px; } .wrapper-container.mobile-menu-open{ z-index: 999999999; } a.thim-create-menu{ font-size: 14px; font-weight: 700; text-transform: uppercase; color: #4653ff !important;; line-height: 25px; float: right; &:hover{ text-decoration: underline !important; } } .navbar-nav > li > .submenu-widget .thim-megamenu-row .widget_single-images img{ margin-bottom: 10px; } .navbar-nav>li>.tc-menu-inner span.tc-icon{ margin-right: 7px; display: inline-block; } .navbar-nav>li .sub-menu span.tc-icon{ display: inline-block; } /* Menu header in sidebar Demo university-3*/ .sidebar-header { .so-panel { margin-bottom: 0!important; } .widget_nav_menu { display: none; position: absolute; background-color: #ffffff; top: calc(100% - 0px); padding: 10px 25px; margin-left: 0px; ul { margin-bottom: 0; margin-left: 0; li { list-style: none; position: relative; a { padding: 8px 0; display: block; color: #999999; &:hover { color: #333333; } } .sub-menu { position: absolute; left: 100%; display: none; background-color: #ffffff; width: 200px; top: 0; padding-left: 40px; margin: 0; li { margin: 0; } } &:hover { > .sub-menu { display: block; } } } } } .vc_column-inner .vc_column-inner, .panel-grid-cell { &:hover { .widget_nav_menu { display: block; } } } }