Sindbad~EG File Manager
/****************************
Header
****************************/
#header .menu .menu-list-items { display: table; width: 100%; float: none; }
#header .menu .menu-inner { vertical-align: middle; height: 100%; display: table-cell; }
/* Main Logo */
#header .menu .site-logo,
#header .menu .sticky-logo {width: auto;}
/*.mega-menu { min-height: inherit; }*/
.mega-menu .menu-logo { padding: 33px 0px; }
.mega-menu .menu-logo > li > a + .site-description { padding-top: 10px; }
.menu-logo .site-description { margin: 0; display: block; line-height: normal; clear: both; }
.site-logo {height: 32px;}
.mega-menu .menu-logo .site-logo { display: block; }
.mega-menu.desktopTopFixed .menu-logo .site-logo, .mega-menu.mobileTopFixed .menu-logo .site-logo { display: none; }
.mega-menu .menu-logo .sticky-logo { display: none; }
.mega-menu.desktopTopFixed .menu-logo .sticky-logo, .mega-menu.mobileTopFixed .menu-logo .sticky-logo { display: block; }
#header #primary-menu > li > .menu-item-woocommerce-cart-wrapper { padding: 0 10px; }
#header .menu-inner li.menu-item .listing_add_cart {overflow: hidden;}
/* Max Mega Menu */
#header #mega-menu-wrap-primary-menu { float: right; clear: none; display: block; position: initial; }
#header #mega-menu-wrap-primary-menu #mega-menu-primary-menu { position: initial; }
#header #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li { display: table-cell; cursor: pointer; position: static; }
#mega-menu-wrap-primary-menu .mega-menu .menu-item-search { display: inline-block; }
#mega-menu-wrap-primary-menu .mega-menu .menu-item-search .search .search-open-btn:before { line-height: 20px; }
.desktopTopFixed #mega-menu-wrap-primary-menu .mega-menu .menu-item-search .search .search-open-btn:before { line-height: 15px; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu { top: 100%; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu { top: 100%; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.menu-item-type-cart { display: inline-block; position: relative; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.menu-item-type-cart .menu-item-woocommerce-cart-wrapper { padding: 0 13px; }
#header .mega-menu .header-main-inner #mega-menu-wrap-primary-menu .max-mega-menu .menu-item-type-cart .menu-item-woocommerce-cart-wrapper {height: auto;}
#primary-menu li.menu-item > a,
#mega-menu-primary-menu li.menu-item > a{text-transform: uppercase;}
/* Mega Menu */
.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 13px; font-weight: 400; color: #323232; }
.transparent .mega-menu .menu-links > li > a { color: #ffffff;}
.mega-menu .menu-links > li.current_page_item > a,
.mega-menu .menu-links > li.current-menu-item > a,
.mega-menu .menu-links > li.current-menu-ancestor > a,
.mega-menu .menu-links .current-menu-item > a{
color: #db2d2e;
}
.mega-menu .drop-down-multilevel.right-menu { right: 0px; }
.mega-menu .menu-links > li:last-child > a { padding-right: 0px; }
.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down a { color: #323232; }
.mega-menu .menu-links > li.active .drop-down li.active a { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down a:hover { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down li.active a i { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down a i:hover { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #db2d2e; background: #f6f6f6; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background: transparent;}
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a{color: #db2d2e; background:#f6f6f6;}
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #db2d2e; background: #f6f6f6; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #db2d2e; }
.mega-menu .row { margin-left: 0px; margin-right: 0px; }
.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; }
.mega-menu.desktopTopFixed .menu-list-items { padding: 0px; }
.mega-menu.desktopTopFixed .menu-logo { padding: 20px 0px; display: table; height: 100%; }
.mega-menu.desktopTopFixed .menu-logo li { display: table-cell; vertical-align: middle; float: none; }
.mega-menu.desktopTopFixed .search-top { padding: 26px 0; }
.mega-menu.desktopTopFixed .search-top.search-top-open .search-box { top: 72px !important; border-bottom: 1px solid #f6f6f6; }
/**************************
Max-Menu Height
**************************/
#header .menu .menu-inner div > .row .header-boxed,
#header .menu .menu-inner div > .row .mega-menu-wrap,
#header .menu .menu-inner div > .row .mega-menu-wrap #mega-menu-primary-menu,
#header .menu .menu-inner div > .row .mega-menu-wrap #mega-menu-primary-menu > li,
#header #mega-menu-primary-menu > li.menu-item-type-cart .menu-item-woocommerce-cart-wrapper,
#header #mega-menu-primary-menu > li > .searchform,
#header #mega-menu-primary-menu > li > .searchform .search{
height: 100%;
vertical-align: middle;
}
#header .menu-inner #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
line-height: 15px !important;
display: table-cell;
}
#header .menu-inner #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper > a{
height: 100%;
display: table;
}
#header .menu-inner #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper .woo-cart-items{
display: table-cell;
vertical-align: middle;
}
#header #mega-menu-primary-menu > li > .searchform .search > a {
height: 100%;
}
.mega-menu .menu-item-compare > a {top: 2px;}
.mega-menu .menu-item-compare .compare-details.count {
font-weight: 500;
font-style: normal;
font-size: 11px;
position: absolute;
top: 0;
right: 50%;
height: 18px;
width: 18px;
line-height: 18px;
text-align: center;
margin-top: -10px;
margin-right: -20px;
color: #ffffff;
background: #db2d2e;
border-radius: 50%;
}
@media (min-width: 993px){
#header .mega-menu .cart-contents .woo-cart-items,
#header .mega-menu .menu-item-compare a {
display: flex;
align-items: center;
font-size: 14px;
height: 25px;
}
#header .mega-menu .cart-contents .woo-cart-details.count,
#header .mega-menu .menu-item-compare .compare-details.count {
top: -8px;
margin-top: 0;
}
}
#header.logo-center .menu .menu-inner div > .row #primary-menu > li.menu-item-compare > a{margin-top: 0;}
/********************************
When Inner banner hide
*******************************/
#page.header-hidden .defualt,
#page.header-hidden .transparent-fullwidth{
position: relative;
}
#page.header-hidden .boxed + .wrapper {
/*padding-top: 50px;*/
padding-top: 0;
}
#header .menu .desktopTopFixed .menu-list-items,
#header .menu .mobileTopFixed .menu-list-items,
#header.defualt .desktopTopFixed .menu-list-items,
#header.defualt .mobileTopFixed .menu-list-items,
#header.transparent-fullwidth .desktopTopFixed .menu-list-items,
#header.transparent-fullwidth .mobileTopFixed .menu-list-items {
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
#page.header-hidden #header,
#page.header-hidden #header.boxed .mega-menu .header-boxed {
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
#page.header-hidden #header.boxed {
box-shadow: none;
}
#page.header-hidden #header.boxed .mega-menu.desktopTopFixed .header-boxed {box-shadow: none;}
#page.header-hidden .defualt,
#page.header-hidden .transparent-fullwidth {
background-color: #151515;
}
/***************************
Default-Menu Height
***************************/
#header .menu .menu-inner div > .row #primary-menu > li > .searchform,
#header .menu .menu-inner div > .row #primary-menu > li > .searchform .search {
height: 100%;
vertical-align: middle;
}
#header .menu .menu-inner div > .row #primary-menu > li.menu-item > a {
line-height: 0 !important;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
#header .menu .menu-inner div > .row #primary-menu > li.menu-item > a > i:before {
margin: 0 0 0 6px;
}
#header .menu .menu-inner div > .row #primary-menu > li.menu-item.current_page_parent > a {
color: var(--cd-primary-color);
}
#header #primary-menu > li > .menu-item-woocommerce-cart-wrapper > a {
height: 100%;
display: table;
}
#header #primary-menu > li > .menu-item-woocommerce-cart-wrapper .woo-cart-items{
display: table-cell;
vertical-align: middle;
}
#header #primary-menu > li > .searchform .search > a {
height: 100%;
display: block;
color: #323232;
}
#mega-menu-primary-menu > li.menu-item-compare > a { padding: 2px 10px; position: relative; color: #323232; }
#header #primary-menu > li.menu-item-compare .compare-details { right: 20px; }
#header.transparent #primary-menu > li > .searchform .search > a,
#header.transparent #primary-menu > li > .menu-item-woocommerce-cart-wrapper > a,
#header.transparent #mega-menu-primary-menu > li.menu-item-compare > a{
color: #ffffff;
}
/*************************
Topbar
**************************/
.topbar { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 10px 0px; font-family: 'Roboto', sans-serif; }
.topbar-left li i { padding-right: 5px; }
.topbar-right .list-inline li:last-child, .topbar-right li:last-child i { padding-right: 0px; }
.topbar .topbar-right li a:hover { color: #db2d2e; }
.topbar-right li i { padding-right: 5px; }
/* Topbar Sticky */
.topbar.topbar_fixed { position: fixed; top: 0; left: 0; width: 100%; background: #323232; z-index: 9998; }
.topbar.topbar_fixed + .menu .mega-menu.desktopTopFixed .menu-list-items { top: 44px; }
/* Topbar Dark */
#header.topbar-dark { background: #ffffff; z-index: 1000; padding: 0px; margin: 0px; position: relative; width: 100%; }
#header.topbar-dark .topbar { border-bottom: 0; background: #323232; padding: 10px 0px; font-family: 'Roboto', sans-serif; }
#header.topbar-dark .mega-menu .menu-links > li > a { color: #323232; }
#header.topbar-dark .mega-menu .menu-links > li > a:hover { color: #db2d2e;}
#header.topbar-dark .mega-menu.desktopTopFixed > section.menu-list-items {
background: #ffffff;
border-bottom: 1px solid #f6f6f6;
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
#header.topbar-dark .mega-menu .menu-links > li.active a { color: #db2d2e; }
#header.topbar-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #db2d2e; }
#header.topbar-dark .mega-menu .menu-links > li.active .drop-down-multilevel li a { color: #323232; }
#header.topbar-dark .mega-menu .menu-links > li.active .drop-down-multilevel li a:hover { color: #db2d2e; }
#header.topbar-dark .mega-menu .menu-logo { padding: 33px 0px; }
#header.topbar-dark .mega-menu.desktopTopFixed .menu-logo { padding: 20px 0px;}
/* Topbar Light */
#header.topbar-light .topbar.topbar_fixed { background: #ffffff; }
#header.topbar-light .menu { background: #323232;}
/* Header Full Width */
#header.light-fullwidth .topbar .container-fluid,
#header.transparent-fullwidth .topbar .container-fluid,
#header.light-fullwidth .menu-list-items .container-fluid,
#header.transparent-fullwidth .menu-list-items .container-fluid {
padding: 0px 50px;
}
/* Header Promocode */
.topbar_item.topbar_item_type-promocode .form-control {
margin-bottom: 0;
height: 30px;
padding: 3px 10px;
border: none;
background: #ffffff;
margin-right: 2px;
}
.topbar_item.topbar_item_type-promocode .promocode-btn {
height: 30px;
padding: 0 13px;
}
.topbar_item.topbar_item_type-promocode .promocode-msg {
margin: 0;
margin-top: 5px;
}
/*********************************
Header Light
*********************************/
#header.light { z-index: 1000; padding: 0px; margin: 0px; position: relative; width: 100%; }
#header.light .mega-menu.desktopTopFixed .menu-list-items { padding: 0px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);}
/*********************************
Transparent
**********************************/
body #header.defualt .topbar { background-color: transparent; }
#header.defualt { z-index: 1000; padding: 0px; margin: 0px; position: absolute; width: 100%; background-color: transparent; }
#header.transparent { background: transparent; z-index: 1000; padding: 0px; margin: 0px; position: absolute; width: 100%; }
/*********************************
Topbar Light Transparent
**********************************/
#header.light-transparent{background:rgba(255, 255, 255, 0.9); z-index: 1000; padding:0px; margin:0px; position: absolute; width: 100%;}
#header.light-transparent .mega-menu .menu-links > li > a { color: #363636; }
#header.light-transparent .mega-menu .menu-links > li.current-menu-ancestor > a { color: #db2d2e; }
#header.light-transparent .mega-menu.desktopTopFixed .menu-list-items{background: rgba(255, 255, 255, 0.9); padding:0px; -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3); -ms-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);}
#header.light-transparent .search .search-open-btn:before { color: #626262;}
#header.light-transparent .mega-menu .menu-links > li.active > a{color: #db2d2e;}
/*********************************
Topbar Light Fullwidth
**********************************/
.page-wrapper { overflow: hidden; position: relative; }
#header.light-fullwidth { z-index: 1000; padding: 0px; margin: 0px; position: relative; width: 100%; }
#header.light-fullwidth .mega-menu.desktopTopFixed .menu-list-items { padding: 0px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }
/*********************************
Dark Transparent
**********************************/
#header.dark-transparent { background: rgba(0, 0, 0, 0.4); z-index: 1000; padding: 0px; margin: 0px; position: absolute; width: 100%; border-bottom: 0px; }
#header.dark-transparent .mega-menu.desktopTopFixed .menu-list-items { background: #363636; padding: 0px;}
/**********************************
Header Full-Width Transparent
**********************************/
body #header.transparent-fullwidth .topbar { background-color: transparent; }
#header.transparent-fullwidth { z-index: 1000; padding: 0px; margin: 0px; position: absolute; width: 100%; background-color: transparent; }
#header.transparent-fullwidth .mega-menu { border-bottom: 0px; }
/*******************************
Logo Center
*******************************/
#header.logo-center #mega-menu-wrap-primary-menu {display: inline-block; float: none;}
#header.logo-center .menu .menu-inner div > .row #primary-menu > li.menu-item > a,
#header.logo-center .menu-inner #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
line-height: 66px !important;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
#header.logo-center .menu-inner #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper a.cart-contents {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
#header.logo-center .desktopTopFixed .menu .menu-inner div > .row #primary-menu > li.menu-item > a,
#header.logo-center .desktopTopFixed .menu-inner #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link,
#header.logo-center .desktopTopFixed #primary-menu > li > .menu-item-woocommerce-cart-wrapper > a{line-height: normal !important;}
#header.logo-center .desktopTopFixed #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.menu-item-search {position: relative;}
#header.logo-center .desktopTopFixed .menu-inner #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper,
#header.logo-center .desktopTopFixed .menu-inner #mega-menu-primary-menu > li.menu-item .searchform {line-height: normal;}
#header.logo-center .desktopTopFixed #mega-menu-primary-menu > li > .searchform .search{line-height: 26px; position: inherit;}
/*-----------------*/
#header.logo-center { z-index: 1000; padding: 0px; margin: 0px; position: relative; width: 100%; }
#header.logo-center .mega-menu.desktopTopFixed .menu-list-items { padding: 0px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); }
#header.logo-center .search .search-open-btn:before { line-height: 24px; }
#header.logo-center .desktopTopFixed .search .search-open-btn:before { line-height: 16px; }
#header.logo-center .mega-menu .menu-links > li.active > a { color: #db2d2e; }
#header.logo-center .mega-menu .menu-logo { float: none; text-align: center; display: block; }
#header.logo-center .mega-menu .menu-logo > li > a { z-index: 0; }
#header.logo-center .mega-menu .menu-logo > li { float: none; text-align: center; display: block; }
#header.logo-center .mega-menu .menu-logo > li > a { float: none; text-align: center; display: block;}
#header.logo-center .mega-menu .menu-logo .site-logo {text-align: center; float: none; margin: 0 auto;}
#header.logo-center .menu-logo .site-description { text-align: center; }
#header.logo-center .row > [class*='col-'] { text-align: center; }
#header.logo-center .desktopTopFixed .row > [class*='col-'] { text-align: right; }
#header.logo-center .search { float: right; }
#header.logo-center .mega-menu .drop-down.offset-4,
#header.logo-center .mega-menu .drop-down-tab-bar.offset-4 { margin-left: 0px; }
#header.logo-center .mega-menu .menu-links > li > a { line-height: 62px; }
#header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a img { margin: 0; }
#header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > .site-description { text-align: left; }
#header.logo-center .mega-menu.desktopTopFixed .search { float: right; }
#header.logo-center .mega-menu.desktopTopFixed .menu-logo { float: left; border: none; }
#header.logo-center .mega-menu.desktopTopFixed .menu-logo > li { float: left; }
#header.logo-center .mega-menu.desktopTopFixed .menu-logo > li > a { float: left; }
#header.logo-center .mega-menu.desktopTopFixed .menu-links > li:last-child a { padding-right: 13px; }
#header.logo-center .mega-menu .sticky-logo {display: none;}
#header.logo-center .mega-menu.desktopTopFixed .sticky-logo {display: block;}
#header.logo-center .mega-menu.desktopTopFixed .site-logo { display: none;}
#header.logo-center .mega-menu.mobileTopFixed .site-logo { display: none;}
#header.logo-center .mega-menu.mobileTopFixed .sticky-logo { display: block; margin: 0;}
#header.logo-center .searchform .search .search-box input { vertical-align: top; display: block; }
#header.logo-center #mega-menu-wrap-primary-menu li.menu-item-type-cart .menu-item-woocommerce-cart-wrapper{position: relative;}
@media (min-width: 993px) {
.admin-bar .topbar.topbar_fixed { top: 32px; }
.admin-bar .mega-menu.desktopTopFixed .menu-list-items { top: 32px; }
.admin-bar .topbar.topbar_fixed + .menu .mega-menu.desktopTopFixed .menu-list-items { top: 77px; }
#header.logo-center .menu-logo .logo-text{text-align: center;}
#header.logo-center #mega-menu-wrap-primary-menu { height: auto; }
#header.logo-center .desktopTopFixed #mega-menu-wrap-primary-menu { height: 100%; }
#header.logo-center .menu .menu-inner div >.row #primary-menu {float: none; display: inline-block !important; height: auto; max-height: inherit; vertical-align: top;}
#header.logo-center .menu .desktopTopFixed .menu-inner div >.row #primary-menu{height: 100%;}
#header.logo-center .desktopTopFixed #primary-menu { float: right; display: table !important; }
#header.logo-center #primary-menu li.menu-item-type-cart .menu-item-woocommerce-cart-wrapper,
#header.logo-center #primary-menu li.menu-item-search .searchform .search {position: relative; min-height: 66px;}
#header.logo-center #primary-menu li.menu-item-type-cart .menu-item-woocommerce-cart-wrapper .cart-mobile-content {position: relative; top: 20px;}
#header.logo-center #primary-menu li.menu-item-search .searchform .search .search-open-btn {position: relative; top: 33px;}
#header.logo-center .mega-menu.desktopTopFixed .menu-logo { display: table; height: 100%; }
#header.logo-center .mega-menu.desktopTopFixed .menu-logo li { display: table-cell; vertical-align: middle; float: none; }
#header.logo-center .mega-menu.desktopTopFixed .menu-inner div >.row #primary-menu { display: table !important; float: right;}
#header.logo-right #primary-menu > li > .menu-item-woocommerce-cart-wrapper,
#header .header-boxed #primary-menu > li > .menu-item-woocommerce-cart-wrapper {display: flex; align-items: center;}
#header.logo-right #primary-menu > li > .menu-item-woocommerce-cart-wrapper > a,
#header .header-boxed #primary-menu > li > .menu-item-woocommerce-cart-wrapper > a {display: flex; align-items: center; height: auto;}
}
/****************************
Logo Right
****************************/
#header.logo-right { z-index: 1000; padding: 0px; margin: 0px; position: relative; width: 100%; }
#header.logo-right .mega-menu .menu-logo { float: right; }
#header.logo-right .mega-menu .menu-links, #header.logo-right #mega-menu-wrap-primary-menu { float: left; }
#header.logo-right .search .search-open-btn:before { padding-left: 2px; }
#header.logo-right .mega-menu.desktopTopFixed .menu-list-items { padding: 0px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); }
#header.logo-right .mega-menu .drop-down-multilevel.right-menu { right: inherit; }
#header.logo-right .mega-menu .drop-down.offset-4, #header.logo-right .mega-menu .drop-down-tab-bar.offset-4 { margin-left: 0px; }
#header.logo-right .menu-logo > li > a img { float: right; }
#header.logo-right .menu-logo > li > .site-description { text-align: right; }
#header.logo-right #primary-menu > li.menu-item-type-cart > .menu-item-woocommerce-cart-wrapper,
#header.logo-right #mega-menu-primary-menu > li.menu-item-type-cart .menu-item-woocommerce-cart-wrapper{position: relative;}
/***************************
Header Boxed
***************************/
#header.boxed { position: relative; }
#header.boxed .topbar { padding-bottom: 60px; border-bottom: none; }
#header.boxed .menu { position: absolute; width: 100%; top: 20px; z-index: 999; }
#header.boxed .topbar + .menu { top: 45px; }
#header.boxed .mega-menu .header-boxed { padding: 0 25px; }
#header.boxed .mega-menu.desktopTopFixed .header-boxed { background: none; padding: 0; }
#header.boxed .topbar.topbar_fixed { padding-bottom: 45px; }
#header.boxed .mega-menu.desktopTopFixed .menu-list-items { top: 0; }
#header.boxed .topbar + .menu .mega-menu.desktopTopFixed .menu-list-items { top: 0; }
#header.boxed .topbar.topbar_fixed + .menu .mega-menu.desktopTopFixed .menu-list-items { top: 45px;}
.admin-bar #header.boxed .topbar + .menu .mega-menu.desktopTopFixed .menu-list-items {top: 32px;}
#header.boxed .menu .header-boxed,
#header.boxed .menu .desktopTopFixed .menu-list-items,
#header.boxed .menu .mobileTopFixed .menu-list-items {box-shadow: none;}
#header.boxed .menu .mega-menu.desktopTopFixed .menu-list-items {
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
#header.boxed #primary-menu li.menu-item-type-cart .menu-item-woocommerce-cart-wrapper,
#header.boxed #mega-menu-wrap-primary-menu li.menu-item-type-cart .menu-item-woocommerce-cart-wrapper{position: relative;}
/**********************************
Menu - Seaerch Button
**********************************/
.menu-item-search .search {
display: block;
line-height: 20px;
position: relative;
vertical-align: top;
z-index: 999;
}
.menu-item-search .search .search-open-btn {
outline: none;
display: block;
height: 20px;
line-height: 31px;
position: relative;
text-indent: -9999px;
width: 14px;
-o-transition: color 300ms ease 0s;
-moz-transition: color 300ms ease 0s;
-ms-transition: color 300ms ease 0s;
-webkit-transition: color 300ms ease 0s;
transition: color 300ms ease 0s;
margin-left: 10px;
}
.desktopTopFixed .menu-item-search .search .search-open-btn:before {
line-height: 18px;
}
.menu-item-search .search .search-open-btn:before {
content: "\f002";
font-family: "Font Awesome 5 Free";
font-size: 14px;
font-weight: 700;
left: 0;
position: absolute;
text-indent: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#primary-menu > li.menu-item-search .search.search-open .search-open-btn:before,
.menu-item-search .search.search-open .search-open-btn:before {
content: "\f00d";
}
.searchform .search-box {
background: #fff;
display: block;
margin: 0;
opacity: 0 !important;
padding: 15px;
position: absolute;
right: 0;
top: -9999px !important;
transition: visibility 300ms ease 0s, opacity 300ms ease 0s;
visibility: hidden;
width: 327px;
z-index: 888;
border-radius: 0;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}
.searchform .search.search-open .search-box {
opacity: 1 !important;
top: 100% !important;
visibility: visible !important;
}
.cd-search-wrap .cd-search-autocomplete-input {
background: transparent;
border: 1px solid #eceff8;
padding-left: 15px;
box-shadow: none;
padding-right: 15px;
width: calc( 100% - 45px );
height: 45px;
color: #999999;
}
.widget.widget_search .cd-search-wrap .cd-search-autocomplete-input {
background-color: #f6f6f6 !important;
background-position-x: 78% !important;
background-position-y: center !important;
}
.cd-search-wrap .cd-search-autocomplete-input.ui-autocomplete-loading {
background: white url("../../images/loader_img/cd_loader.svg") 95% center no-repeat !important;
}
.cd-search-wrap .search-box input:focus {
background: transparent;
border: 1px solid #db2d2e;
}
.cd-search-wrap .cd-search-submit {
cursor: pointer;
font-size: 15px;
position: absolute;
right: 0;
color: #626262;
width: 45px;
background-color: #eceff8;
height: 100%;
text-align: center;
top: 0;
padding: 0;
margin: 0;
border: none;
}
.cd-search-wrap.menu-search-wrap .cd-search-submit {
right: 15px;
height: calc( 100% - 30px );
top: 15px;
}
.searchform .search.search-open .cd-search-submit:hover { color: #db2d2e; }
.searchform .search .content-main { padding: 60px 0 80px; }
.searchform .search .content-main .pagination { margin-top: 50px; }
.searchform .search footer.entry-meta { margin-top: 15px; }
/* Search icon Color */
.topbar-dark .menu-item-search .search .search-open-btn:before { color: #db2d2e; }
.mega-menu .widget_shopping_cart_content { color: #999999;}
/*---------------------------------*/
/* Car Search & Header Search */
/*---------------------------------*/
.menu-search-wrap.cd-search-wrap .cd-search-autocomplete-input,
.cars_search .cd-search-wrap .cd-search-autocomplete-input {width: 100%; padding-right: 40px;}
.menu-search-wrap.cd-search-wrap .cd-search-submit,
.cars_search .cd-search-wrap .cd-search-submit {position: absolute; top: 0; right: 0; border: none; background: none; padding: 11px; color: #db2d2e; transition: all 0.1s ease-in-out;}
.menu-search-wrap.cd-search-wrap .cd-search-submit {right: 15px; top: 15px;}
.menu-search-wrap.cd-search-wrap .cd-search-autocomplete-input.ui-autocomplete-loading + .cd-search-submit,
.cars_search .cd-search-wrap .cd-search-autocomplete-input.ui-autocomplete-loading + .cd-search-submit {opacity: 0;}
.cd-search-wrap .cd-search-autocomplete-list li {width: auto; display: block; border-bottom: 1px solid #ece9e9; margin: 0; padding: 0; transition: all 0.3s ease-in-out;}
.cd-search-wrap .cd-search-autocomplete-list li:hover {background-color: #f7f7f7;}
.cd-search-wrap .cd-search-autocomplete-list li a {vertical-align: top; padding: 10px 15px; display: block;}
.cd-search-wrap .cd-search-autocomplete-list li .search-result-image { display: table-cell; width: 36px !important; float: none; }
.cd-search-wrap .cd-search-autocomplete-list li .search-result-name { display: table-cell; vertical-align: middle; padding-left: 16px; }
.cd-search-wrap .cd-search-autocomplete-list li .search-result-name.no-image { padding-left: 0; }
.cd-search-wrap .cd-search-autocomplete-list li .search-result-name { color: #999999; line-height: 1.5; transition: all 0.3s ease-in-out;}
.cd-search-wrap .cd-search-autocomplete-list li:hover .search-result-name { color: #db2d2e;}
/*----------------------------------------------------------
Default TopBar Setting
-----------------------------------------------------------*/
#header.default-header .topbar,
#header.default-header .topbar {
background-color: #323232 !important;
}
#header.default-header.defualt .topbar,
#header.default-header.transparent-fullwidth .topbar {
background-color: transparent !important;
}
#header.default-header.boxed .topbar {
background: #db2d2e !important;
}
#header.default-header.defualt .topbar.topbar_fixed,
#header.default-header.transparent-fullwidth .topbar.topbar_fixed {
background-color: #323232 !important;
}
#header.default-header .topbar a:hover,
#header.default-header .topbar.topbar_fixed a:hover,
#header.default-header.defualt .topbar.topbar_fixed a:hover,
#header.default-header.transparent-fullwidth .topbar.topbar_fixed a:hover {
color: #db2d2e;
}
#header.default-header.defualt .topbar.topbar_fixed a,
#header.default-header.transparent-fullwidth .topbar.topbar_fixed a {
color: #ffffff;
}
#header.default-header.boxed .topbar a:hover,
#header.default-header.boxed .topbar.topbar_fixed a:hover {
color: #323232;
}
/* All Default TopBar Color */
#header.default-header .topbar,
#header.default-header .topbar li a{color: #ffffff;}
#header.default-header .topbar li a:hover{color: #db2d2e;}
/*---------------------------------------------------------------
Header White Background
---------------------------------------------------------------*/
#header.default-header .menu-list-items {
background-color: #ffffff;
}
#header.default-header.boxed .menu-list-items {
background: none;
}
#header.default-header.boxed .desktopTopFixed .header-boxed {
background: none;
box-shadow: none;
}
#header.default-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link,
#header.default-header #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper > a,
#header.default-header #mega-menu-primary-menu > li > .searchform .search > a,
#header.default-header #mega-menu-primary-menu > li.menu-item-compare > a {
color: #323232;
}
#header.default-header .menu-logo .site-description,
#header.default-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-current-menu-item > a.mega-menu-link,
#header.default-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-current-menu-ancestor > a.mega-menu-link,
#header.default-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover,
#header.default-header #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper > a:hover,
#header.default-header #mega-menu-primary-menu > li > .searchform .search > a:hover,
#header.default-header #mega-menu-primary-menu > li.menu-item-compare > a:hover {
color: #db2d2e;
}
#header.default-header.boxed .header-boxed {background: #ffffff; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);}
/* Defualt Menu */
#header.default-header #primary-menu > li.menu-item > a,
#header.default-header #primary-menu > li > .menu-item-woocommerce-cart-wrapper > a,
#header.default-header #primary-menu > li > .searchform .search > a {
color: #323232;
}
#header.default-header #primary-menu > li.menu-item.current-menu-item > a,
#header.default-header #primary-menu > li.menu-item > a:hover,
#header.default-header #primary-menu > li > .menu-item-woocommerce-cart-wrapper > a:hover,
#header.default-header #primary-menu > li > .searchform .search > a:hover,
#header.default-header #primary-menu > li.current-menu-ancestor > a {
color: #db2d2e;
}
/************************
Sticky Header White
*************************/
#header.default-header .desktopTopFixed .menu-list-items,
#header.default-header .mobileTopFixed .menu-list-items,
#header.default-header .desktopTopFixed .menu-list-items,
#header.default-header .mobileTopFixed .menu-list-items {
background: #ffffff;
}
/*---------------------------------------------------------------
Header Transparent Background
---------------------------------------------------------------*/
#header.default-header.defualt .menu-list-items,
#header.default-header.transparent-fullwidth .menu-list-items {
background-color: transparent;
}
#header.default-header.defualt #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link,
#header.default-header.defualt .menu-inner #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper > a,
#header.default-header.defualt #mega-menu-primary-menu > li > .searchform .search > a,
#header.default-header.defualt #mega-menu-primary-menu > li.menu-item-compare > a,
#header.default-header.transparent-fullwidth #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link,
#header.default-header.transparent-fullwidth .menu-inner #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper > a,
#header.default-header.transparent-fullwidth #mega-menu-primary-menu > li > .searchform .search > a,
#header.default-header.transparent-fullwidth #mega-menu-primary-menu > li.menu-item-compare > a {
color: #ffffff;
}
#header.default-header.defualt .menu-logo .site-description,
#header.default-header.transparent-fullwidth .menu-logo .site-description,
#header.default-header.defualt #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-current-menu-item > a.mega-menu-link,
#header.default-header.defualt #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-current-menu-ancestor > a.mega-menu-link,
#header.default-header.defualt #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover,
#header.default-header.defualt #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper > a:hover,
#header.default-header.defualt #mega-menu-primary-menu > li > .searchform .search > a:hover,
#header.default-header.defualt #mega-menu-primary-menu > li.menu-item-compare > a:hover,
#header.default-header.transparent-fullwidth #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-current-menu-item > a.mega-menu-link,
#header.default-header.transparent-fullwidth #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-current-menu-ancestor > a.mega-menu-link,
#header.default-header.transparent-fullwidth #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover,
#header.default-header.transparent-fullwidth #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper > a:hover,
#header.default-header.transparent-fullwidth #mega-menu-primary-menu > li > .searchform .search > a:hover,
#header.default-header.transparent-fullwidth #mega-menu-primary-menu > li.menu-item-compare > a:hover,
#header.default-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-current-menu-ancestor > a,
#header.default-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-item > a {
color: #db2d2e;
}
/*********************
Defualt Menu
*********************/
#header.default-header.defualt #primary-menu > li.menu-item > a,
#header.default-header.defualt #primary-menu > li > .menu-item-woocommerce-cart-wrapper > a,
#header.default-header.defualt #primary-menu > li > .searchform .search > a,
#header.default-header.transparent-fullwidth #primary-menu > li.menu-item > a,
#header.default-header.transparent-fullwidth #primary-menu > li > .menu-item-woocommerce-cart-wrapper > a,
#header.default-header.transparent-fullwidth #primary-menu > li > .searchform .search > a {
color: #ffffff;
}
#header.default-header.defualt #primary-menu > li.menu-item.current-menu-item > a,
#header.default-header.defualt #primary-menu > li.menu-item > a:hover,
#header.default-header.defualt #primary-menu > li > .menu-item-woocommerce-cart-wrapper > a:hover,
#header.default-header.defualt #primary-menu > li > .searchform .search > a:hover,
#header.default-header.transparent-fullwidth #primary-menu > li.menu-item.current-menu-item > a,
#header.default-header.transparent-fullwidth #primary-menu > li.menu-item > a:hover,
#header.default-header.transparent-fullwidth #primary-menu > li > .menu-item-woocommerce-cart-wrapper > a:hover,
#header.default-header.transparent-fullwidth #primary-menu > li > .searchform .search > a:hover,
#header.default-header.defualt #primary-menu > li.menu-item.current-menu-ancestor > a,
#header.default-header.transparent-fullwidth #primary-menu > li.menu-item.current-menu-ancestor > a,
#header.default-header.defualt .desktopTopFixed #primary-menu > li.menu-item.current-menu-ancestor > a,
#header.default-header.transparent-fullwidth .desktopTopFixed #primary-menu > li.menu-item.current-menu-ancestor > a {
color: #db2d2e;
}
/********************************
Sticky Header Dark
********************************/
#header.default-header.defualt .desktopTopFixed .menu-list-items,
#header.default-header.defualt .mobileTopFixed .menu-list-items,
#header.default-header.transparent-fullwidth .desktopTopFixed .menu-list-items,
#header.default-header.transparent-fullwidth .mobileTopFixed .menu-list-items {
background: #ffffff;
}
#header.default-header.defualt .desktopTopFixed #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link,
#header.default-header.defualt .desktopTopFixed .menu-inner #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper > a,
#header.default-header.defualt .desktopTopFixed #mega-menu-primary-menu > li > .searchform .search > a,
#header.default-header.defualt .desktopTopFixed #mega-menu-primary-menu > li.menu-item-compare > a,
#header.default-header.transparent-fullwidth .desktopTopFixed #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link,
#header.default-header.transparent-fullwidth .desktopTopFixed .menu-inner #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper > a,
#header.default-header.transparent-fullwidth .desktopTopFixed #mega-menu-primary-menu > li > .searchform .search > a,
#header.default-header.transparent-fullwidth .desktopTopFixed #mega-menu-primary-menu > li.menu-item-compare > a {
color: #323232;
}
#header.default-header.defualt .desktopTopFixed #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-current-menu-ancestor > a.mega-menu-link,
#header.default-header.transparent-fullwidth .desktopTopFixed #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-current-menu-ancestor > a.mega-menu-link,
#header.default-header.defualt .desktopTopFixed #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover,
#header.default-header.defualt .desktopTopFixed .menu-inner #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper > a:hover,
#header.default-header.defualt .desktopTopFixed #mega-menu-primary-menu > li > .searchform .search > a:hover,
#header.default-header.defualt .desktopTopFixed #mega-menu-primary-menu > li.menu-item-compare > a:hover,
#header.default-header.transparent-fullwidth .desktopTopFixed #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover,
#header.default-header.transparent-fullwidth .desktopTopFixed .menu-inner #mega-menu-primary-menu > li.menu-item .menu-item-woocommerce-cart-wrapper > a:hover,
#header.default-header.transparent-fullwidth .desktopTopFixed #mega-menu-primary-menu > li > .searchform .search > a:hover,
#header.default-header.transparent-fullwidth .desktopTopFixed #mega-menu-primary-menu > li.menu-item-compare > a:hover,
#header.default-header .desktopTopFixed #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-current-menu-ancestor > a {
color: #db2d2e;
}
/*************************
Sticky Defualt
**************************/
#header.default-header.defualt .desktopTopFixed #primary-menu > li.menu-item > a,
#header.default-header.defualt .desktopTopFixed #primary-menu > li > .menu-item-woocommerce-cart-wrapper > a,
#header.default-header.defualt .desktopTopFixed #primary-menu > li > .searchform .search > a,
#header.default-header.transparent-fullwidth .desktopTopFixed #primary-menu > li.menu-item > a,
#header.default-header.transparent-fullwidth .desktopTopFixed #primary-menu > li > .menu-item-woocommerce-cart-wrapper > a,
#header.default-header.transparent-fullwidth .desktopTopFixed #primary-menu > li > .searchform .search > a {
color: #323232;
}
/*----------------------------------------------------------
Header Responsive CSS
-----------------------------------------------------------*/
#header.default-header.defualt .mobileTopFixed .menu-list-items,
#header.default-header.transparent-fullwidth .mobileTopFixed .menu-list-items {
background: #323232;
}
#header.default-header #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1:before {
color: #323232;
}
#header.default-header.defualt #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1:before,
#header.default-header.transparent-fullwidth #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1:before {
color: #ffffff;
}
#header.default-header .menu-logo .mobile-cart-wrapper > a,
#header.default-header .menu-logo .mobile-searchform-wrapper .search-open-btn,
#header.default-header .menu-logo .menu-item-compare > a {
color: #323232;
}
#header.default-header.defualt .menu-logo .mobile-cart-wrapper > a,
#header.default-header.defualt .menu-logo .mobile-searchform-wrapper .search-open-btn,
#header.default-header.transparent-fullwidth .menu-logo .mobile-cart-wrapper > a,
#header.default-header.transparent-fullwidth .menu-logo .mobile-searchform-wrapper .search-open-btn,
#header.default-header.defualt .menu-logo .menu-item-compare > a,
#header.default-header.transparent-fullwidth .menu-logo .menu-item-compare > a {
color: #ffffff;
}
#header.default-header .menu-logo .menu-mobile-collapse-trigger:before,
#header.default-header .menu-logo .menu-mobile-collapse-trigger:after,
#header.default-header .menu-logo .menu-mobile-collapse-trigger span {
background: #323232;
}
#header.default-header.defualt .menu-logo .menu-mobile-collapse-trigger:before,
#header.default-header.defualt .menu-logo .menu-mobile-collapse-trigger:after,
#header.default-header.defualt .menu-logo .menu-mobile-collapse-trigger span,
#header.default-header.transparent-fullwidth .menu-logo .menu-mobile-collapse-trigger:before,
#header.default-header.transparent-fullwidth .menu-logo .menu-mobile-collapse-trigger:after,
#header.default-header.transparent-fullwidth .menu-logo .menu-mobile-collapse-trigger span {
background: #ffffff;
}
/* Search Auto Complete Item List */
.cd-search-wrap {position: relative;}
.cd-search-wrap .cd-search-autocomplete{
position: absolute;
background: #ffffff;
width: 100%;
left: 0;
box-shadow: 0 14px 30px 0 rgba(0, 0, 0, 0.2);
overflow-y: auto;
overflow-x: hidden;
max-height: 400px;
z-index: 2;
}
.cd-search-wrap.menu-search-wrap .cd-search-autocomplete{
margin-top: 15px;
}
.cd-search-autocomplete li { margin-top: 16px; margin-left: 20px; margin-right: 15px;}
.cd-search-autocomplete li:last-child { padding-bottom: 15px; }
.cd-search-autocomplete ul { padding-left: 0; margin-left: 0; }
.cd-search-autocomplete li { float: none; padding: 0; }
.cd-search-autocomplete li a { display: inline-block; font-size: 14px; color: #999999; font-weight: normal; }
.cd-search-autocomplete li .search-result-image { display: table-cell; width: 40px !important; }
.cd-search-autocomplete li .search-result-name { display: table-cell; vertical-align: middle; padding-left: 16px; }
.cd-search-autocomplete li .search-result-name.no-image { padding-left: 0; }
.cd-search-autocomplete li .search-result-name a { color: #999; line-height: 18px; font-size: 13px; }
.cd-search-autocomplete li .search-result-name a:hover { color: #db2d2e; }
.mega-menu .menu-links > li .cd-search-autocomplete li { color: initial; }
.mega-menu .menu-links > li:hover .cd-search-autocomplete li { color: initial;}
.pgs_cars_search_box .pgs_cars_search .auto-compalte-list {
position: absolute;
background: #ffffff;
width: 100%;
left: 0;
box-shadow: 0 14px 30px 0 rgba(0, 0, 0, 0.2);
overflow-y: auto;
overflow-x: hidden;
max-height: 400px;
z-index: 99;
}
.pgs_cars_search_box .pgs_cars_search .auto-compalte-list ul { padding: 0; margin: 0; }
.pgs_cars_search_box .pgs_cars_search .auto-compalte-list li { list-style: none; width: auto; display: block; padding: 0; margin-left: 15px; margin-right: 15px; margin-top: 10px; }
.pgs_cars_search_box .pgs_cars_search .auto-compalte-list li:last-child { padding-bottom: 10px; }
.pgs_cars_search_box .pgs_cars_search .auto-compalte-list li .search-result-image { display: table-cell; width: 36px !important; float: none; }
.pgs_cars_search_box .pgs_cars_search .auto-compalte-list li .search-result-name {
display: table-cell;
vertical-align: middle;
padding-left: 16px;
color: #999999;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.pgs_cars_search_box .pgs_cars_search .auto-compalte-list li .search-result-name:hover {color: #db2d2e; }
.pgs_cars_search_box .pgs_cars_search .auto-compalte-list li .search-result-name.no-image { padding-left: 0; }
.pgs_cars_search_box .pgs_cars_search .auto-compalte-list li .search-result-name a {color: #999; font-size: 13px; line-height:18px;}
.pgs_cars_search_box .pgs_cars_search .auto-compalte-list li .search-result-name a:hover { color: #db2d2e; }
/*********************************************
Car Directory Page
*********************************************/
/* Add Car */
#header .menu .menu-inner div > .row #primary-menu > li.menu-item.cdfs-add-vehicle > a, #header .menu .menu-inner div > .row #mega-menu-primary-menu > li.menu-item.cdfs-add-vehicle > a {padding: 4px 10px; text-transform: capitalize; border-radius: 2px; background: #db2d2e; color: #ffffff; margin-left: 16px; width: auto;}
#header .menu .menu-inner div > .row #primary-menu > li.menu-item.cdfs-add-vehicle > a > div, #header .menu .menu-inner div > .row #mega-menu-primary-menu > li.menu-item.cdfs-add-vehicle > a > div { display: inline-block; position: relative; font-size: 14px; line-height: 20px;}
#header .menu .mega-menu.desktopTopFixed .menu-inner div > .row #primary-menu > li.menu-item.cdfs-add-vehicle > a, #header .menu .mega-menu.desktopTopFixed .menu-inner div > .row #mega-menu-primary-menu > li.menu-item.cdfs-add-vehicle > a { color: #ffffff; }
#header.logo-center .menu .menu-inner div > .row #primary-menu > li.menu-item.cdfs-add-vehicle > a {line-height: inherit !important;}
#cars-pagination-nav.pagination-nav .pagination-loader { margin-top: 8px;}
/*--------------------*/
/* Language */
/*--------------------*/
#header .topbar .language ul { background: #323232; padding-left: 5px; position: absolute; z-index: 99999; margin-left: 0; margin-top: 11px; margin-bottom: 0; text-align: left; padding-right: 5px; }
#header .topbar .language ul li { padding: 0 15px 10px 15px; list-style: none; }
#header .topbar .language ul li:last-child { padding-bottom: 15px; }
#header .topbar .language ul li:first-child { padding-top: 15px; }
#header .topbar .language a.cardealer-current-lang > img { margin-right: 2px; }
#header .topbar .language ul li a { font-size: 13px; display: inline-block; }
#header .topbar .language ul li a .lang-label { color: #ffffff; font-size: 13px; font-weight: 400; vertical-align: middle; padding-right: 0; transition: all 0.5s ease-in-out; }
#header .topbar .language#cardealer-lang-drop-down ul li a img { display: inline-block; }
#header .topbar .language#cardealer-lang-drop-down ul li a img + span { padding-left: 5px; }
#header .topbar .language#cardealer-lang-drop-down ul li a > span { padding-left: 0; }
#header .topbar .language a.cardealer-current-lang { color: #ffffff; }
#header .topbar .language .drop-content a { color: #323232; }
#header .topbar .language a.cardealer-current-lang:hover, #header .topbar .language a.cardealer-current-lang:hover, .language .drop-content a:hover, #header .topbar .language .drop-content a:hover { color: #db2d2e; }
#header .topbar .language ul li a:hover .lang-label { color: #db2d2e; }
#header .topbar.topbar_fixed .language ul { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
/*--------------------*/
/* Style Horizontal */
/*--------------------*/
#header .topbar .language.style-horizontal ul { background: inherit; position: inherit; padding: 0; margin: 0; }
#header .topbar .language.style-horizontal ul li { display: inline-block; padding: 0; margin: 0; padding-right: 8px; }
#header .topbar .language.style-horizontal ul li a .lang-label { color: #ffffff; }
#header .topbar .language.style-horizontal#cardealer-lang-drop-down ul li a img + span { padding-left: 5px; }
#header .topbar .language.style-horizontal ul li a:hover .lang-label { color: #db2d2e; }
#header.defualt .topbar .language ul, #header.transparent-fullwidth .topbar .language ul { background: #ffffff; }
#header.defualt .topbar .language ul li a .lang-label, #header.transparent-fullwidth .topbar .language ul li a .lang-label { color: #323232; }
#header.defualt .topbar .language ul li a:hover .lang-label, #header.transparent-fullwidth .topbar .language ul li a:hover .lang-label { color: #db2d2e; }
#header.defualt .topbar .language.style-horizontal ul, #header.transparent-fullwidth .topbar .language.style-horizontal ul { background: transparent; }
#header.defualt .topbar .language.style-horizontal ul li a .lang-label, #header.transparent-fullwidth .topbar .language.style-horizontal ul li a .lang-label { color: #ffffff; }
#header.defualt .topbar .language.style-horizontal ul li a:hover .lang-label, #header.transparent-fullwidth .topbar .language.style-horizontal ul li a:hover .lang-label { color: #db2d2e; }
/* Non Translated */
#header .topbar .language.non-translated .lang-label .icl_lang_sel_translated { display: none; }
/*--------------------*/
/* Header Boxed */
/*--------------------*/
#header.boxed .topbar .language a.cardealer-current-lang:hover { color: #323232 !important; }
#header.boxed .topbar .language.style-horizontal ul li a:hover .lang-label { color: #323232 !important; }
.cd-featured-carousel.owl-carousel .owl-stage-outer { text-align: center; }
.cd-featured-carousel.owl-carousel .owl-stage { display: inline-block; }
#woo_pp_ec_button.wcppec-cart-widget-button { display: inline-block; margin-top: 10px; text-align: center; width: 100%; }
#woo_pp_ec_button.wcppec-cart-widget-button img { display: inline; float: none; }
.cars_condition_carousel-wrapper #tabs .tabcontent, .cardealer-tabs .cardealer-tabcontent { overflow: visible; }
/*--------------------*/
/* Language switcher */
/*--------------------*/
/*#header .menu .menu-inner div > .row #primary-menu > li.menu-item > a { line-height: 10px !important; }*/
.mega-menu .menu-links>li a img { margin-right: 2px; }
.mega-menu .menu-links>li .drop-down-multilevel a img { margin-right: 2px; margin-top: 7px; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-menu-item .mega-menu-link img { margin-top: 2px; margin-right: 2px; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-sub-menu .mega-menu-item .mega-menu-link img { margin-right: 2px;margin-top: 7px; }
@media (max-width: 992px){
.tab-vertical.tabs-left .tab-content .tab-pane .grid-item:nth-child(2n) { margin-right: 0; }
.tab-vertical.tabs-left .tab-content .tab-pane .grid-item:nth-child(3n) { margin-right: 2%; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-menu-item .mega-menu-link img { margin-top: 6px; }
.mega-menu .menu-links>li a img { margin-top: 7px; }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link:after {position: relative;
top: 2px;}
#mega-menu-primary-menu > li.menu-item-compare > a { width: 30px; display: inline-block; }
.mega-menu .menu-item-compare .compare-details.count { margin-top: 0px; top: -8px; }
.header-preview .preview-logo img { height: 50px; }
body #mega-menu-wrap-primary-menu,
body #mega-menu-wrap-primary-menu #mega-menu-primary-menu,
body #mega-menu-wrap-primary-menu #mega-menu-primary-menu ul.mega-sub-menu,
body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item,
body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-row,
body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column,
body #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link { position: static; }
}
/*---------------------------------------*/
/* All Header Responsive CSS */
/*---------------------------------------*/
@media (min-width: 993px){
#header .menu .menu-inner {height: auto !important;}
.mega-menu .header-main-inner {display: flex; justify-content: space-between;}
.mega-menu .header-main-inner .menu-logo {display: flex; flex-wrap: wrap; align-items: center;}
.mega-menu .header-main-inner #mega-menu-wrap-primary-menu,
.mega-menu .header-main-inner .menu-links {display: flex !important; height: auto !important; flex-wrap: wrap; align-items: center;}
.mega-menu .header-main-inner .menu-links > li {display: flex; align-items: center; height: 100%;}
.mega-menu .header-main-inner .menu-links > li.menu-item-type-cart {position: relative;}
#header .mega-menu .header-main-inner #primary-menu > li.menu-item.current_page_parent > a,
#header .mega-menu .menu-inner #primary-menu > li.menu-item.current_page_parent > a {color: var(--cd-primary-color);}
/* Header Logo Right */
.logo-right .mega-menu .header-main-inner {flex-direction: row-reverse;}
/* Header Logo Center */
#header.logo-center .menu .menu-inner div > .row #primary-menu {display: flex !important; height: auto !important; flex-wrap: wrap; align-items: center; justify-content: center;}
#header.logo-center .menu .menu-inner div > .row #primary-menu > li {vertical-align: middle;}
/* Header Boxed */
.logo-right .mega-menu .header-main-inner .menu-links > li .menu-item-woocommerce-cart-wrapper,
.mega-menu .header-boxed.header-main-inner .menu-links > li .menu-item-woocommerce-cart-wrapper {height: 100%;}
}
/*==============================================================================*/
/* Default New & Fancy Header Style */
/*==============================================================================*/
header.default-new,
header.header-fancy {position: relative; z-index: 9;}
header .header-navbar-v2 .header-inner {display: flex; position: relative;}
/* Header Full Width */
.header-fancy .container,
.header-fancy .container-fluid,
.header-width-full-width .container {padding-left: 40px; padding-right: 40px;}
/* Header Logo */
header .header-navbar-v2 .header-logo {align-self: center; margin-right: auto; padding-right: 50px; padding-top: 30px; padding-bottom: 30px;}
header .header-navbar-v2.desktopTopFixed .header-logo {padding-top: 20px; padding-bottom: 20px;}
header .header-navbar-v2 .header-logo .site-logo {display: block; max-width: 100%;}
header .header-navbar-v2 .header-logo .sticky-logo {display: none;}
header .header-navbar-v2.desktopTopFixed .header-logo .site-logo,
header .header-navbar-v2.mobileTopFixed .header-logo .site-logo {display: none;}
header .header-navbar-v2.desktopTopFixed .header-logo .sticky-logo,
header .header-navbar-v2.mobileTopFixed .header-logo .sticky-logo {display: block;}
/* Header Menu */
header .header-navbar-v2 .header-menu .menu-links {display: flex; flex-wrap: wrap; gap: 0 30px; height: 100%; list-style-type: none;}
header .header-navbar-v2 .header-menu .menu-links > li {display: flex; position: relative; align-items: center;}
header .header-navbar-v2 .header-menu #primary-menu > li a {text-transform: capitalize;}
header .header-navbar-v2 .header-menu .menu-links > li > a {display: inline-flex; align-items: center; gap: 0 5px; text-transform: capitalize; font-size: 17px; color: #323232;}
header .header-navbar-v2 .header-menu .menu-links > li > a i {position: relative; top: 2px; font-size: 0.8em;}
header .header-navbar-v2 .header-menu #primary-menu li.current-menu-ancestor > a,
header .header-navbar-v2 .header-menu #primary-menu li.current_page_parent > a {color: var(--cd-primary-color) !important;}
/* Header Button */
header .header-navbar-v2 .header-button {display: flex; align-items: center; margin-left: 30px;}
header .header-navbar-v2 .header-button .button {font-size: 14px; line-height: 22px; position: relative; overflow: hidden; font-weight: normal; background: var(--cd-primary-color); padding: 8px 30px; color: #ffffff; white-space: nowrap; border-radius: 3px;}
/* Header Actions */
header .header-navbar-v2 .header-actions {display: flex; gap: 0 15px; margin-left: 40px;}
header .header-navbar-v2 .header-actions .cart-contents,
header .header-navbar-v2 .header-actions .menu-item-compare {position: relative; padding: 0 5px;}
header .header-navbar-v2 .header-actions .cart-contents .count,
header .header-navbar-v2 .header-actions .menu-item-compare .count {display: flex; justify-content: center; align-items: center; position: absolute; right: -5px; top: -5px; width: 16px; height: 16px; font-size: 12px; color: #ffffff; background: #db2d2e; border-radius: 50px;}
header .header-navbar-v2 .header-actions .action-cart .cart-contents,
header .header-navbar-v2 .header-actions .action-compare .menu-item-compare a,
header .header-navbar-v2 .header-actions .action-search .searchform .search-open-btn {font-size: 15px; color: #323232; transition: all 0.25s ease-in-out;}
header .header-navbar-v2 .header-actions .action-cart .cart-contents:hover,
header .header-navbar-v2 .header-actions .action-compare .menu-item-compare a:hover,
header .header-navbar-v2 .header-actions .action-search .searchform .search-open-btn:hover {font-size: 15px; color: #db2d2e;}
/*------------------------*/
/* Header Cart */
/*------------------------*/
header .header-navbar-v2 .header-inner .action-cart {display: flex; align-items: center; position: relative;}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content {display: none; position: absolute; top: 100%; right: -50px; z-index: 2; min-width: 340px; background: #ffffff; padding: 15px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); border-radius: 5px;}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content .woocommerce-mini-cart {max-height: 345px; margin-bottom: 15px;}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content .mini_cart_item {position: relative; list-style-type: none; padding: 8px 0; min-height: 86px;}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content .mini_cart_item img {width: 70px; float: left; margin-right: 20px; height: auto; box-shadow: none;}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content .mini_cart_item a {display: block; color: #323232;}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content .mini_cart_item .remove {position: absolute; right: -7px; top: 10px; width: 30px;
text-align: center; font-size: 20px; height: auto;}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content .mini_cart_item .quantity {font-size: 15px;}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content .total {display: flex; justify-content: space-between; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font-size: 15px; color: #323232; padding: 10px 0; text-align: left; margin-bottom: 15px;}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content .total strong {font-weight: 500; font-size: 16px;}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content .total .woocommerce-Price-amount {color: #db2d2e; font-weight: 600; font-size: 18px;}
header .header-navbar-v2 .header-inner .woocommerce-mini-cart__buttons {display: flex; justify-content: space-between; grid-gap: 0 10px;}
header .header-navbar-v2 .header-inner .woocommerce-mini-cart__buttons .button {width: 100%; border-radius: 3px;}
header .header-navbar-v2 .header-inner .woocommerce-mini-cart__buttons .button.checkout {background: #323232; color: #ffffff;}
header .header-navbar-v2 .header-inner .woocommerce-mini-cart__buttons .button.checkout:before {background: #db2d2e;}
/* Custom Scroll */
header .header-navbar-v2 .header-inner .widget_shopping_cart_content {--scrollbar-track-bg: rgba(0, 0, 0, 0.05); --scrollbar-thumb-bg: rgba(0, 0, 0, 0.12);}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content ul.product_list_widget {overflow: hidden; overflow-y: auto; scrollbar-width: thin; padding-right: 10px;}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content ::-webkit-scrollbar {width: 6px;}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content ::-webkit-scrollbar-track {background-color: var(--scrollbar-track-bg);}
header .header-navbar-v2 .header-inner .widget_shopping_cart_content ::-webkit-scrollbar-thumb {background-color: var(--scrollbar-thumb-bg);}
/*------------------------*/
/* Header Compare */
/*------------------------*/
header .header-navbar-v2 .header-actions .action-compare {display: flex; align-items: center;}
/*------------------------*/
/* Header Search */
/*------------------------*/
header .header-navbar-v2 .header-actions .action-search .searchform {height: 100%;}
header .header-navbar-v2 .header-actions .action-search .searchform .menu-search-wrap {height: 100%; display: flex; align-items: center;}
header .header-navbar-v2 .header-actions .action-search .searchform .menu-search-wrap .search-open-btn {margin-left: 0;}
/*---------------------------------------*/
/* Header : Default New */
/*---------------------------------------*/
header.default-new .header-navbar-v2 .header-inner {justify-content: flex-end;}
/*---------------------------------------*/
/* Header : Fancy */
/*---------------------------------------*/
header.header-fancy .header-navbar-v2 .header-inner .header-left {display: flex;}
header.header-fancy .header-navbar-v2 .header-inner .header-right {display: flex; align-items: center; margin-left: auto;}
header.header-fancy .header-navbar-v2 .header-info {display: flex; align-items: center;}
header.header-fancy .header-navbar-v2 .header-info .info-icon {font-size: 36px; color: #db2d2e; margin-right: 17px;}
header.header-fancy .header-navbar-v2 .header-info .info-content {display: flex; flex-direction: column;}
header.header-fancy .header-navbar-v2 .header-info .info-content .info-label {font-size: 15px; line-height: 22px;}
header.header-fancy .header-navbar-v2 .header-info .info-content .info-number {font-size: 18px; font-weight: 500; line-height: 26px; margin: 0;}
/*------------------------*/
/* Header Above Content */
/*------------------------*/
header.header-above-content-enabled .header-navbar-v2 {position: absolute; width: 100%; background-color: transparent; z-index: 5;}
header.header-above-content-enabled .header-navbar-v2 .header-inner {border-bottom: 1px solid rgba(255,255,255,0.1);}
#header.header-above-content-enabled.header-color-default .header-navbar-v2:not(.desktopTopFixed) .header-menu #primary-menu > li:not(.current-menu-item) > a,
header.header-above-content-enabled.header-color-default .header-navbar-v2:not(.desktopTopFixed) .header-menu .menu-links > li:not(.current-menu-item) > a {color: #ffffff;}
header.header-above-content-enabled.header-color-default .header-navbar-v2:not(.desktopTopFixed) .header-actions .action-cart .cart-contents,
header.header-above-content-enabled.header-color-default .header-navbar-v2:not(.desktopTopFixed) .header-actions .action-compare .menu-item-compare a,
header.header-above-content-enabled.header-color-default .header-navbar-v2:not(.desktopTopFixed) .header-actions .action-search .searchform .search-open-btn {color: #ffffff;}
header.header-fancy.header-above-content-enabled.header-color-default .header-navbar-v2:not(.desktopTopFixed) .header-info .info-content .info-label {color: rgba(255,255,255,0.8);}
header.header-fancy.header-above-content-enabled.header-color-default .header-navbar-v2:not(.desktopTopFixed) .header-info .info-content .info-number {color: #ffffff;}
/*------------------------*/
/* Sticky Header */
/*------------------------*/
header .header-navbar-v2.desktopTopFixed,
header .header-navbar-v2.mobileTopFixed {position: fixed; left: 0; top: 0; z-index: 5; width: 100%; background: #ffffff; box-shadow: 0 5px 17px rgba(0,0,0,0.05);
-webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideInDown; animation-name: slideInDown;}
@media screen and (min-width: 783px) {
.admin-bar header .header-navbar-v2.desktopTopFixed,
.admin-bar header .header-navbar-v2.mobileTopFixed {top: 32px;}
}
@media screen and (max-width: 782px) and (min-width: 601px) {
.admin-bar header .header-navbar-v2.desktopTopFixed,
.admin-bar header .header-navbar-v2.mobileTopFixed {top: 46px;}
}
@keyframes slideInDown {
from {
transform: translate3d(0,-100%,0);
visibility: visible
}
to {
transform: translate3d(0,0,0)
}
}
/*----------------------------*/
/* Inventory Details Header */
/*----------------------------*/
body.author.cardealer-dashboard header.header-above-content-enabled .header-navbar-v2,
body.single-cars-layout-builder-hide-header header.header-above-content-enabled .header-navbar-v2:not(.desktopTopFixed),
body.single-cars-layout-mobile header.header-above-content-enabled .header-navbar-v2:not(.desktopTopFixed),
body.single-cars-layout-modern-1 header.header-above-content-enabled .header-navbar-v2:not(.desktopTopFixed) {
position: relative;
background: #323232;
}
/*-----------------------------------------------*/
/* New Header Responsive CSS */
/*-----------------------------------------------*/
@media screen and (min-width: 993px) {
header .header-navbar-v2:not(.desktopTopFixed) .header-logo {display: flex; align-items: center; min-height: 100px;}
/* Main Header Submenu */
header .header-navbar-v2 .header-menu .menu-links .sub-menu {background: #ffffff; list-style-type: none; position: absolute; left: 0; top: 100%; z-index: 2; min-width: 230px; opacity: 0; visibility: hidden; padding: 15px 0; margin-top: 15px; box-shadow: 0 10px 50px rgba(0,0,0,0.1); border-radius: 5px; transition: all 0.25s ease-in-out;}
header .header-navbar-v2 .header-menu .menu-links li:hover .sub-menu {opacity: 1; visibility: visible; margin-top: 0px;}
/* Main Header Inner Submenu */
header .header-navbar-v2 .header-menu .menu-links .sub-menu li {position: relative; padding: 0 25px;}
header .header-navbar-v2 .header-menu .menu-links .sub-menu li a {position: relative; display: flex; align-items: center; justify-content: space-between; padding: 8px 0; font-size: 16px; line-height: 22px; color: #323232; transition: all 0.25s ease-in-out;}
header .header-navbar-v2 .header-menu .menu-links .sub-menu li:hover > a,
header .header-navbar-v2 .header-menu .menu-links .sub-menu li.current-menu-item > a,
header .header-navbar-v2 .header-menu .menu-links .sub-menu li a:hover {color: #db2d2e;}
header .header-navbar-v2 .header-menu .menu-links .sub-menu li a i {font-size: 13px;}
header .header-navbar-v2 .header-menu .menu-links .sub-menu li .sub-menu {background: #ffffff; list-style-type: none; position: absolute; left: 100%; top: -10px; z-index: 2; min-width: 250px; opacity: 0; visibility: hidden; margin-left: 25px; transition: all 0.3s ease-in-out;}
header .header-navbar-v2 .header-menu .menu-links .sub-menu li:hover .sub-menu {opacity: 1; visibility: visible; margin-left: 0px;}
header .header-navbar-v2 .header-menu .menu-links .sub-menu li.submenu-left .sub-menu {left: auto; right: 100%; margin-left: 0; margin-right: 25px;}
header .header-navbar-v2 .header-menu .menu-links .sub-menu li.submenu-left:hover .sub-menu {left: auto; right: 100%; margin-right: 0px;}
header .header-navbar-v2 .header-menu .menu-links .sub-menu li a i:not(.fas) {background: #8cd719; color: #ffffff; padding: 2px 7px; font-size: 12px; margin-right: auto;
margin-left: 10px; line-height: 15px; border-radius: 3px;}
/* Header Cart */
header .header-navbar-v2 .header-actions .action-cart .widget_shopping_cart_content {margin-top: 15px; transition: all 0.25s ease-in-out; display: block !important; opacity: 0; visibility: hidden;}
header .header-navbar-v2 .header-actions .action-cart:hover .widget_shopping_cart_content {margin-top: 0px; opacity: 1; visibility: visible;}
}
@media screen and (max-width: 1200px) {
header .header-navbar-v2 .header-menu .menu-links {gap: 0 20px;}
header .header-navbar-v2 .header-menu .menu-links > li {min-height: 50px;}
header .header-navbar-v2 .header-logo,
header .header-navbar-v2.desktopTopFixed .header-logo {padding-right: 30px;}
header .header-navbar-v2 .header-actions {margin-left: 30px;}
header .header-navbar-v2 .header-button .button {padding: 8px 20px;}
header.header-fancy .header-navbar-v2 .header-info {display: none;}
}
@media screen and (max-width: 992px) {
.default-new .container,
.header-fancy .container,
.header-fancy .container-fluid,
.header-width-full-width .container {padding-left: 15px; padding-right: 15px;}
header .header-navbar-v2 .header-logo {padding-top: 30px; padding-bottom: 30px;}
header.header-fancy .header-navbar-v2 .header-inner .header-left {width: 100%;}
/*------------------------*/
/* Mobile Menu Hide */
/*------------------------*/
header.default-new .header-navbar-v2 .header-inner .header-menu,
header.header-fancy .header-navbar-v2 .header-inner .header-menu,
header.header-fancy .header-navbar-v2 .header-inner .header-right,
header.default-new .header-navbar-v2 .header-button {display: none;}
}
/*===============================================*/
/* Mobile Header in Desktop View */
/*===============================================*/
/* Sticky Header ----------*/
header .header-navbar-v2.mobileTopFixedxxx {position: fixed; left: 0; top: 0; z-index: 5; width: 100%; background: #ffffff; box-shadow: 0 5px 17px rgba(0,0,0,0.05); --webkit-animation: .5s slideDown; --moz-animation: .5s slideDown; animation: .5s slideDown;}
header .topbar_fixed + .menu .header-navbar-v2.desktopTopFixed {top: 47px;}
/*------------------------*/
/* Mobile Menu Hide */
/*------------------------*/
header.default-new .header-navbar-v2-mobile .header-inner .header-menu,
header.header-fancy .header-navbar-v2-mobile .header-inner .header-menu {display: none;}
/*------------------------*/
/* Mobile Cart */
/*------------------------*/
header.default-new .header-navbar-v2-mobile .header-inner .header-logo .widget_shopping_cart_content,
header.header-fancy .header-navbar-v2-mobile .header-inner .header-logo .widget_shopping_cart_content {min-width: 300px; right: 0;}
/*------------------------*/
/* Mobile Header Overlay */
/*------------------------*/
header .header-navbar-v2-mobile .header-logo {width: 100%; display: flex; align-items: center; padding: 20px 0;}
header .header-navbar-v2-mobile .header-logo .mobile-icons-trigger {display: flex; gap: 0 15px; margin-left: auto; margin-right: 20px;}
header .header-navbar-v2-mobile .header-logo .mobile-cart-wrapper .cart-contents,
header .header-navbar-v2-mobile .header-logo .menu-item-compare a {position: relative; color: #323232; padding: 0 5px; font-size: 15px; transition: all .25s ease-out 0s;}
header .header-navbar-v2-mobile .header-logo .mobile-cart-wrapper .count,
header .header-navbar-v2-mobile .header-logo .menu-item-compare .count {display: flex; justify-content: center; align-items: center; position: absolute; right: -5px; top: -5px; width: 16px; height: 16px; font-size: 12px; color: #fff; background: #db2d2e; border-radius: 50px;}
/*------------------------*/
/* Mobile Menu Trigger */
/*------------------------*/
header .header-navbar-v2-mobile .menu-mobile-collapse-trigger {display: flex; justify-content: center; width: 40px; height: 35px; padding: 9px 0; margin-right: -5px; border-radius: 7px; cursor: pointer;}
header .header-navbar-v2-mobile .menu-mobile-collapse-trigger .trigger-span,
.header-mobile-overlay-menu .menu-mobile-collapse-trigger .trigger-span {display: flex; flex-direction: column; align-self: center; justify-content: space-between; align-items: inherit; width: 20px; height: 16px; cursor: pointer; -webkit-transform: rotate(0); transform: rotate(0); transition: all .45s cubic-bezier(.23,1,.32,1) .2s; transform: none; transition-delay: 0s;}
header .header-navbar-v2-mobile .menu-mobile-collapse-trigger .trigger-span span,
.header-mobile-overlay-menu .menu-mobile-collapse-trigger .trigger-span span {width: 20px; height: 2px; border-radius: 50em; background: #000000; position: relative; transition: all .45s cubic-bezier(.23,1,.32,1);}
header .header-navbar-v2-mobile .menu-mobile-collapse-trigger .trigger-span span:nth-child(2) {width: 16px; left: 0;}
.header-mobile-overlay-menu .menu-mobile-collapse-trigger.active .trigger-span span:nth-child(1) {transform: rotate(45deg); top: 7px;}
.header-mobile-overlay-menu .menu-mobile-collapse-trigger.active .trigger-span span:nth-child(2) {opacity: 0; left: 12px;}
.header-mobile-overlay-menu .menu-mobile-collapse-trigger.active .trigger-span span:nth-child(3) {transform: rotate(-45deg); top: -7px;}
header .header-navbar-v2-mobile .menu-mobile-collapse-trigger {opacity: 1; transition: all 0.25s ease-in-out;}
header .header-navbar-v2-mobile .menu-mobile-collapse-trigger.active {opacity: 0;}
.header-mobile-overlay-menu .menu-mobile-collapse-trigger {opacity: 0; transition: all 0.25s ease-in-out;}
.header-mobile-overlay-menu .menu-mobile-collapse-trigger.active {opacity: 1;}
/*header .header-navbar-v2-mobile .menu-mobile-collapse-trigger .trigger-span,
.header-mobile-overlay-menu .menu-mobile-collapse-trigger .trigger-span {display: flex; flex-direction: column; align-self: center; justify-content: space-between; align-items: inherit; width: 20px; height: 16px; cursor: pointer; -webkit-transform: rotate(0); transform: rotate(0); transition: all .45s cubic-bezier(.23,1,.32,1) .2s; transform: none; transition-delay: 0s;}
header .header-navbar-v2-mobile .menu-mobile-collapse-trigger .trigger-span span,
.header-mobile-overlay-menu .menu-mobile-collapse-trigger .trigger-span span {width: 20px; height: 2px; border-radius: 50em; background: #000000; position: relative; transition: all .45s cubic-bezier(.23,1,.32,1);}
header .header-navbar-v2-mobile .menu-mobile-collapse-trigger .trigger-span span:nth-child(2),
.header-mobile-overlay-menu .menu-mobile-collapse-trigger .trigger-span span:nth-child(2) {width: 16px; left: 0;}
header .header-navbar-v2-mobile .menu-mobile-collapse-trigger.active .trigger-span span:nth-child(1),
.header-mobile-overlay-menu .menu-mobile-collapse-trigger.active .trigger-span span:nth-child(1) {transform: rotate(45deg); top: 7px;}
header .header-navbar-v2-mobile .menu-mobile-collapse-trigger.active .trigger-span span:nth-child(2),
.header-mobile-overlay-menu .menu-mobile-collapse-trigger.active .trigger-span span:nth-child(2) {opacity: 0; left: 12px;}
header .header-navbar-v2-mobile .menu-mobile-collapse-trigger.active .trigger-span span:nth-child(3),
.header-mobile-overlay-menu .menu-mobile-collapse-trigger.active .trigger-span span:nth-child(3) {transform: rotate(-45deg); top: -7px;}*/
/* Mobile Overlay BG */
.header-mobile-overlay-menu {display: flex; flex-direction: column; overflow: hidden; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: #fff; pointer-events: none; width: 100%; opacity: 0; z-index: 1000; transition: opacity 0.3s ease;}
.header-mobile-overlay-menu.mobile-menu-active {transform: translate3d(0,0,0); pointer-events: all; opacity: 1;}
/* Mobile Overlay Trigger */
.header-mobile-overlay-menu .menu-mobile-collapse-trigger {padding: 30px 20px; display: flex; justify-content: flex-end;}
/* Mobile Overlay Menu */
.header-mobile-overlay-menu .header-mobile-navigation {position: relative; padding: 0; height: 100%; display: flex; justify-content: flex-start; overflow: hidden auto;
flex: 0 auto;}
.header-mobile-overlay-menu .menu-links {display: block !important; width: 100%; height: 96%; overflow: auto; overflow-x: hidden; padding: 0 25px; transition: all 0.25s ease-in-out;}
.header-mobile-overlay-menu .menu-links > li {min-height: inherit !important; height: auto !important; display: block; padding: 12px 0; border-bottom: 1px solid #e8e8e8;}
.header-mobile-overlay-menu .menu-links > li:last-child {border-bottom: none;}
.header-mobile-overlay-menu #primary-menu li.menu-item > a,
.header-mobile-overlay-menu .menu-links > li a {width: 100%; color: #323232; display: flex; justify-content: space-between; align-items: center; font-size: 16px; text-transform: capitalize;}
.header-mobile-overlay-menu #primary-menu li.menu-item.current-menu-ancestor > a,
.header-mobile-overlay-menu #primary-menu li.current-menu-item > a {color: var(--cd-primary-color);}
/* Mobile Overlay Submenu */
.header-mobile-overlay-menu .menu-links li > a i {position: relative; top: 2px; font-size: .8em; padding: 6px;}
.header-mobile-overlay-menu #primary-menu .sub-menu,
.header-mobile-overlay-menu .menu-links .sub-menu {display: none; list-style-type: none; padding-top: 10px; padding-left: 20px;}
.header-mobile-overlay-menu .menu-links .sub-menu li {display: block; padding: 12px 0; border-bottom: 1px solid #e8e8e8;}
.header-mobile-overlay-menu .menu-links .sub-menu li:last-child {border-bottom: none;}
/* Mobile Overlay Button */
.header-mobile-overlay-menu .header-button {padding: 0 25px; margin-bottom: 25px;}
.header-mobile-overlay-menu .header-button .button {width: 100%;}
/*------------------------*/
/* Mobile Cart */
/*------------------------*/
header .header-navbar-v2-mobile .header-inner .widget_shopping_cart_content {min-width: 300px; right: 0;}
/*------------------------*/
/* Mobile Overlay Light */
/*------------------------*/
header.defualt.header-color-default .header-navbar-v2-mobile:not(.mobileTopFixed) .header-logo .menu-item-compare a,
header.transparent-fullwidth.header-color-default .header-navbar-v2-mobile:not(.mobileTopFixed) .header-logo .menu-item-compare a,
header.header-above-content-enabled.header-color-default .header-navbar-v2-mobile:not(.mobileTopFixed) .header-logo .menu-item-compare a {color: #ffffff;}
header.defualt.header-color-default .header-navbar-v2-mobile:not(.mobileTopFixed) .header-logo .mobile-cart-wrapper .cart-contents,
header.transparent-fullwidth.header-color-default .header-navbar-v2-mobile:not(.mobileTopFixed) .header-logo .mobile-cart-wrapper .cart-contents,
header.header-above-content-enabled.header-color-default .header-navbar-v2-mobile:not(.mobileTopFixed) .header-logo .mobile-cart-wrapper .cart-contents {color: #ffffff;}
header.defualt .header-navbar-v2-mobile:not(.mobileTopFixed) .menu-mobile-collapse-trigger .trigger-span span,
header.transparent-fullwidth .header-navbar-v2-mobile:not(.mobileTopFixed) .menu-mobile-collapse-trigger .trigger-span span,
header.header-above-content-enabled.header-color-default .header-navbar-v2-mobile:not(.mobileTopFixed) .menu-mobile-collapse-trigger .trigger-span span {background: #ffffff;}
@media screen and (min-width: 992px) {
/* Header Full Width */
.default-new.header-width-full-width .container,
.header-fancy .container,
.header-fancy .container-fluid {width: 100%; max-width: 100%;}
}
@media screen and (min-width: 768px) {
.header-mobile-overlay-menu .menu-mobile-collapse-trigger {padding: 35px 35px;}
}
@media screen and (max-width: 1200px) and (min-width: 993px) {
header .topbar_fixed + .menu .header-navbar-v2.desktopTopFixed {top: 73px;}
}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists