@charset "UTF-8";
 .mvertical.m3 ul,
button.g44-msi,
button.g44-msi.si-arrow span,
button.g44-msi.si-plus span:before,
.g44-banner span,
.mobile-menu-opener :is(.menu01, .menu02, .menu03),
.nav-branding h2,
.nav-cart,
div:not(.mvertical)>.g44menu>li.menu-item-has-children>a:after,
.main-menu .mobile-menu-opener :is(.menu01, .menu02, .menu03) {
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.g44menu {
padding: 0;
margin: 0px;
display: flex;
}
.g44-menu:not(.menu-loaded) .menu-item-has-children{
cursor:wait !important;
}
.g44-menu:not(.menu-loaded) .menu-item-has-children>a{
pointer-events:none;
}
.g44-menu-overlay {
display: none;
}
.g44menu li{
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
}
.g44menu .m3-back {
display: none !important;
}
.g44menu>li {
font-size: 1.1em;
line-height: 1.15em;
padding: 5px 0;
}
.navbar .g44menu>li {
padding: 0;
}
.g44menu>li>ul:is(.sub-menu, .children) {
font-size: .85em;
}
body .g44menu a:not(.g44-pattern-container a){
color: var(--g44-black-color);
text-decoration: none;
padding: 10px 15px;
box-sizing: border-box;
min-height: 50px;
height: 100%;
margin: 0 0;
display: flex;
align-items: center;
justify-content: start;
position: relative;
}
body .g44menu a:has(>mark){
display:block !important;
}
body .g44menu a:has(>mark) i.bi{
display:none !important;
}
.g44menu a>span:has(small),
.g44menu a:has(small) {
flex-direction: column;
justify-content: center;
display:flex;
text-align:center;  }
.mvertical .g44menu a>span:has(small),
.mvertical .g44menu a:has(small) {
text-align:left;
}
@keyframes g44-menu-anim1 {
0% {
background-position: 0 0
}
100% {
background-position: 340px 0
}
}
body:not(.woocommerce-cart, .woocommerce-checkout) .g44menu li.anim1>a{
overflow:hidden;
--color1:rgb(222 222 222 / 60%);
--color2:rgb(222 222 222 / 20%);
}
body:not(.woocommerce-cart, .woocommerce-checkout) .g44menu li.anim1>a:before{
content:"";
animation: g44-menu-anim1 1s infinite linear;
background: linear-gradient(-75deg, var(--color2) 0%, var(--color2) 25%, var(--color1) 50%, var(--color2) 75%, var(--color2) 100%);
height: 100%;
width:340px;
left: 0;
position: absolute;
z-index: 0;
}
.g44menu a span {
z-index: 1;
}
.g44menu a > span,
.g44menu a > i,
.g44menu a > strong {
pointer-events: none;
}
.g44menu a small {
font-size: 0.70em;
}
.g44menu a i {
font-size: 1.55em;
line-height: 0;
margin-right: 0px;
z-index: 1;
}
.g44menu a:has(i):not(.g44-contact-banner) { display: flex;
align-items: center !important;
gap: 8px;
}
.g44menu li:hover>a,
.g44menu li.current-cat>a{
color: var(--g44-primary-color);
background-color: rgba(0 0 0 / 5%);
}
.layout-dark .navbar .g44menu li>a {
color: var(--g44-primary-color-dark);
}
.layout-dark .navbar .g44menu li:hover>a {
color: var(--g44-secondary-color-dark);
background-color: var(--g44-sidebar-dark);
}
.g44menu .current_page_item>a {
background-color: inherit;
}
.menu-new>a:after {
content: "NEW";
z-index: 99;
background: var(--g44-primary-color);
padding: 0px 3px;
border-radius: 4px;
font-size: 0.65em;
font-weight: 700;
color: #fff;
margin-left: 5px;
position: relative;
}
.g44-dark .menu-new>a:after {
border: 1px solid rgba(255, 255, 255, 0.4);
} .g44menu ul:is(.sub-menu, .children) {
background-color: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
margin-top: 5px;
padding: 8px 8px;
box-sizing: border-box;
position: absolute;
width: max-content;
max-width: 260px;
z-index: 995;
display: none;
-webkit-border-bottom-right-radius: var(--g44-border-radius-menu);
-webkit-border-bottom-left-radius: var(--g44-border-radius-menu);
-moz-border-radius-bottomright: var(--g44-border-radius-menu);
-moz-border-radius-bottomleft: var(--g44-border-radius-menu);
border-bottom-right-radius: var(--g44-border-radius-menu);
border-bottom-left-radius: var(--g44-border-radius-menu);
}
.navbar .g44menu ul:is(.sub-menu, .children) {
margin-top: 0px;
}
.g44menu ul:is(.sub-menu, .children) ul {
-moz-border-radius: var(--g44-border-radius-menu);
-webkit-border-radius: var(--g44-border-radius-menu);
border-radius: var(--g44-border-radius-menu);
}
.g44menu ul:is(.sub-menu, .children) ul {
top: 0;
margin-top: -15px;
left: 100%;
}
.g44menu ul li {
display: block;
}
body .header .g44menu ul li a:not(.g44-pattern-container a) {
padding: 8px 8px;
min-height: unset;
color: var(--g44-black-color);
}
.g44menu ul li:has(.sub-menu) a:not(.g44-pattern-container a) {
padding-right: 20px;
}
.g44menu :is(.sub-menu, .children) .current_page_item:not(.menu-item-type-custom)>a {
background-color: transparent;
font-weight: 600;
}
button.g44-msi {
margin-left: 6px;
border: 0;
background: transparent;
margin-right: 6px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
top: 0;
right: 0;
}
.g44menu li:hover>button.g44-msi {
margin-left: 0;
margin-right: 12px;
}
button.g44-msi.si-arrow span {
position: absolute;
display: flex;
width: 14px;
height: 14px;
transform: rotate(-45deg);
}
button.g44-msi:is(.si-arrow, .si-plus) span:before {
background: #adadb3;
content: "";
position: absolute;
width: 2px;
height: 10px;
left: 8px;
border-radius: var(--g44-border-radius-menu);
}
button.g44-msi:is(.si-arrow, .si-plus) span:after {
background: #adadb3;
content: "";
position: absolute;
width: 10px;
height: 2px;
margin-top: 8px;
border-radius: var(--g44-border-radius-menu);
}
button.g44-msi.si-plus span {
position: absolute;
width: 12px;
height: 12px;
}
button.g44-msi.si-plus span:before {
width: 2px;
height: 12px;
left: 5px;
}
button.g44-msi.si-plus span:after {
width: 12px;
height: 2px;
margin-top: 5px;
} .g44-banner {
width: 100%;
}
.g44-banner img {
margin: 0;
border-radius: 5px;
width: 100%;
}
.g44-banner .banner-title {
margin: 2px 0 0 0;
padding: 0;
font-size: 15px;
font-weight: 400;
}
.g44-banner span {
font-size: 13px;
margin-top: 2px;
display: block;
}
.g44-banner span i {
font-size: 10px;
}
.g44-banner:hover span {
padding-left: 5px;
}
.g44menu ul li:has(.g44-contact-banner) a[href='#'] {
display: none;
} .mobile-menu-opener,
.mvertical .close-button {
display: none;
min-width: 44px;
padding: 7px 5px;
box-sizing: border-box;
margin: 0 0 0 10px;
cursor: pointer;
background-color: transparent !important;
border: 0;
border-radius: 8px;
position:relative;
opacity:0.25;
}
.mobile-menu-opener:has(svg) {
height: 44px;
}
.mobile-menu-opener.sidebar-loaded{
opacity:1;
}
.mobile-menu-opener[aria-expanded="true"]{
animation: g44-pulse 3s infinite;
pointer-events:none;
}
.mobile-menu-opener :is(.menu01, .menu02, .menu03) {
width: 100%;
height: 3px;
border-radius: 1px;
background: var(--g44-black-color);
margin: 6px 0;
}
.g44-dark.header,
.scrolled .g44-dark-sticky.header{
--navbar-el-color: var(--g44-primary-color-dark);
}
.g44-dark.header :is(a, button):hover,
.scrolled .g44-dark-sticky.header :is(a, button):hover{
--navbar-el-color: var(--g44-secondary-color-dark);
}
.g44-light.header,
.scrolled .g44-light-sticky.header{
--navbar-el-color: var(--g44-black-color);
}
.g44-light.header :is(a, button):hover,
.scrolled .g44-light-sticky.header :is(a, button):hover{
--navbar-el-color: var(--g44-primary-color);
}
.g44-dark .mobile-menu-opener .opener-el,
.scrolled .g44-dark-sticky .mobile-menu-opener .opener-el{
background: var(--navbar-el-color);
}
.g44-dark .mobile-menu-opener:hover .opener-el,
.scrolled .g44-dark-sticky .mobile-menu-opener:hover .opener-el{
background: var(--navbar-el-color);
}
.g44-light .mobile-menu-opener .opener-el,
.scrolled .g44-light-sticky .mobile-menu-opener .opener-el{
background: var(--navbar-el-color);
}
.g44-light .mobile-menu-opener:hover .opener-el,
.scrolled .g44-light-sticky .mobile-menu-opener:hover .opener-el{
background: var(--navbar-el-color);
}
.mobile-nav-header,
.mobile-nav-footer {
display: none;
} .simple-header div:not(.mvertical)>.g44menu>li>a {  border-radius: 16px;
justify-content: center;
}
.simple-header.scrolled div:not(.mvertical)>.g44menu>li>a { }
div:not(.mvertical)>.g44menu a .hidden {
display: none;
}
.g44-dark div:not(.mvertical)>.g44menu>li>a,
.scrolled .g44-dark-sticky div:not(.mvertical)>.g44menu>li>a{
color: var(--g44-primary-color-dark);
}
.g44-dark div:not(.mvertical)>.g44menu>li:hover>a,
.scrolled .g44-dark-sticky div:not(.mvertical)>.g44menu>li:hover>a{
color: var(--g44-secondary-color-dark);
background-color: rgba(0, 0, 0, 0.10);
}
.scrolled .g44-light-sticky div:not(.mvertical)>.g44menu>li>a {
color: var(--g44-black-color);
}
.scrolled .g44-light-sticky div:not(.mvertical)>.g44menu>li:hover>a {
color: var(--g44-primary-color);
background-color: rgba(0, 0, 0, 0.05);
}
div:not(.mvertical)>.g44menu ul:is(.sub-menu, .children) li:hover>a {
color: var(--g44-secondary-color);
background-color: transparent;
}
div:not(.mvertical)>.g44menu ul:is(.sub-menu, .children) li a:not(.g44menu .full-menu>:is(.sub-menu, .children)>li>a, .g44-pattern-container a) {
border-radius: var(--g44-border-radius-menu);
}
div:not(.mvertical)>.g44menu ul:is(.sub-menu, .children) li a:hover:not(.g44menu .full-menu>:is(.sub-menu, .children)>li>a:has(.g44-banner), .g44-pattern-container a),
div:not(.mvertical)>.g44menu ul:is(.sub-menu, .children) li:hover > a:not(.g44-pattern-container a) {
background-color: var(--g44-lightgray-color);
}
:is(.nav-branding, .nav-cart) :is(a, svg) {
display: block;
}
.nav-branding a {
width: auto;
min-width: 0;
}
.scrolled .nav-branding a {
min-width: 50px;
}
.nav-branding img {
display: block;
height: 0;
min-width: 0;
opacity: 0;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.scrolled .nav-branding img {
height: 35px;
width: auto;
min-width: 50px;
opacity: 1;
margin-right: 8px;
}
.nav-branding img.logo-light,
.layout-dark .nav-branding img.logo-dark {
display: none;
}
.layout-dark .nav-branding img.logo-light {
display: block;
}
.nav-branding h2 {
font-size: 0;
margin-bottom: 0;
}
.scrolled .nav-branding h2 {
font-size: 1.5em;
margin-right: 10px;
}
.nav-cart {
margin-left: auto;
transform: scale(0);
transform-origin:right center;
opacity: 0;
visibility: hidden;
}
.scrolled .nav-cart {
opacity: 1;
visibility: visible;
transform: scale(1);
}
div:not(.mvertical)>.g44menu>li>button.g44-msi {
display: none;
}
div:not(.mvertical)>.g44menu ul li {
width: auto;
min-width: 150px;
max-width: 280px;
}
div:not(.mvertical)>.g44menu ul:has(.g44-contact-banner) {
width: 100%;
min-width: 275px;
min-width: max-content;
}
div:not(.mvertical)>.g44menu .full-menu button.g44-msi {
display: none;
}
div:not(.mvertical)>.g44menu li.full-menu {
position: inherit;
}
div:not(.mvertical)>.g44menu :is(.full-menu, .full-menu.grid, .full-menu.flex) > :is(.sub-menu, .children) {
left: 20px;
width: calc(100% - 40px);
max-width: 100%;
padding: 30px 30px 25px 30px;
}
.sub-menu:has(.g44-pattern-container){
padding: 0 !important;
}
div:not(.mvertical)>.g44menu .full-menu.flex>:is(.sub-menu, .children) {
gap: 15px;
flex-wrap: wrap;
}
div:not(.mvertical)>.g44menu .full-menu.flex>:is(.sub-menu, .children) li {
flex-grow: 1;
justify-content: center;
}
div:not(.mvertical)>.g44menu .full-menu.grid>:is(.sub-menu, .children) {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 15px;
grid-row-gap: 15px;
}
div:not(.mvertical)>.g44menu .full-menu>:is(.sub-menu, .children) li {
width: auto;
}
div:not(.mvertical)>.g44menu>li>:is(.sub-menu, .children) {
border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.simple-header div:not(.mvertical)>.g44menu>li>:is(.sub-menu, .children) {
border-top: 0; border-radius: 16px;
}
div:not(.mvertical)>.g44menu .full-menu>:is(.sub-menu, .children)>li>a {
font-weight: 600;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: var(--g44-border-radius-menu);
justify-content: inherit;
margin-bottom: 5px;
}
div:not(.mvertical)>.g44menu .full-menu>:is(.sub-menu, .children)>li>a:has(.g44-banner) {
border: 0;
padding: 0;
}
div:not(.mvertical)>.g44menu .full-menu ul:is(.sub-menu, .children) li.g44-msi>a {
justify-content: flex-start;
align-items: center;
padding-right: 5px;
font-size: 1.1em;
}
div:not(.mvertical)>.g44menu .full-menu>:is(.sub-menu, .children) :is(.sub-menu, .children) {
display: block !important;
position: relative;
left: 0 !important;
top: 0 !important;
margin: 0px;
padding: 0px;
box-shadow: none;
width: 100%;
}
div:not(.mvertical)>.g44menu .columns-2>.sub-menu {
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 15px;
grid-row-gap: 0px;
max-width: 430px;
}
div:not(.mvertical)>.g44menu .columns-3>.sub-menu {
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 15px;
grid-row-gap: 0px;
max-width: 630px;
}
div:not(.mvertical)>.g44menu .flex.columns>.sub-menu {
writing-mode: vertical-lr;
flex-flow: row wrap;
align-content: flex-start;
justify-content:start;
gap: 10px 0px;
height:90vh;
max-height: 280px;
width: auto;
max-width:fit-content;
}
div:not(.mvertical)>.g44menu .flex.columns>.sub-menu>li {
width: 225px;
writing-mode: horizontal-tb;
}
div:not(.mvertical)>.g44menu .grid.columns>.sub-menu {
grid-auto-flow: column;
grid-template-rows: repeat(7, auto);
width: auto;
max-width: fit-content;
gap:0 10px;
}
div:not(.mvertical)>.g44menu .grid.columns>.sub-menu>li {
width: 230px;
} div:not(.mvertical)>.g44menu>li.menu-item-has-children>a:after {
opacity: 0.75;
content: "...";
position: absolute;
bottom: 2px;
right: 15px;
font-weight: 600;
font-size: 22px;
}
div:not(.mvertical)>.g44menu>li.menu-item-has-children:hover>a:after {
opacity: 0;
transform: translate(0, 15px);
}
.layout-dark div:not(.mvertical)>.g44menu ul:is(.sub-menu, .children) {
background-color: var(--g44-black-color);
border: 1px solid var(--g44-sidebar-dark);
}
.layout-dark div:not(.mvertical)>.g44menu ul:is(.sub-menu, .children) ul:not(.layout-dark .g44menu .full-menu ul:is(.sub-menu, .children) ul) {
border: 1px solid #3d3d43;
}
.layout-dark div:not(.mvertical)>.g44menu ul:is(.sub-menu, .children) a {
color: var(--g44-primary-color-dark);
}
.layout-dark div:not(.mvertical)>.g44menu ul:is(.sub-menu, .children) li:hover>a {
color: var(--g44-secondary-color-dark);
}
.layout-dark div:not(.mvertical)>.g44menu ul:is(.sub-menu, .children) li a:hover:not(.g44menu .full-menu>:is(.sub-menu, .children)>li>a:has(.g44-banner), .g44-pattern-container a),
.layout-dark div:not(.mvertical)>.g44menu ul:is(.sub-menu, .children) li:hover > a:not(.g44-pattern-container a),
.layout-dark div:not(.mvertical)>.g44menu ul:is(.sub-menu, .children) li a:hover:not(.layout-dark .g44menu .full-menu>:is(.sub-menu, .children)>li>a:has(.g44-banner)) {
background-color: var(--g44-sidebar-dark);
}
div:not(.mvertical)>.g44menu .full-menu>:is(.sub-menu, .children)>li>a {
border-color: #3d3d43;
} div:not(.mvertical)>.g44menu>li.wpml-ls-menu-item {
margin-left: 10px;
}
div:not(.mvertical)>.g44menu>li.wpml-ls-menu-item>a {
border: 1px solid #3d3d43;
padding: 10px 12px !important;
min-width: 56px;
box-sizing: border-box;
justify-content: center;
}
.g44-dark div:not(.mvertical)>.g44menu>li.wpml-ls-menu-item>a{
border-color: #fff;
}
.scrolled .g44-light-sticky div:not(.mvertical)>.g44menu>li.wpml-ls-menu-item>a{
border-color: #3d3d43;
}
div:not(.mvertical)>.g44menu>li.wpml-ls-menu-item a:after {
display: none;
}
div:not(.mvertical)>.g44menu>li.wpml-ls-menu-item :is(.sub-menu, .children) {
min-width: 56px;
}
div:not(.mvertical)>.g44menu>li.wpml-ls-menu-item :is(.sub-menu, .children) li {
width: 100%;
min-width: unset;
margin-top:5px;
}
div:not(.mvertical)>.g44menu>li.wpml-ls-menu-item :is(.sub-menu, .children) li:first-child {
margin-top:0px;
}
div:not(.mvertical)>.g44menu>li.wpml-ls-menu-item :is(.sub-menu, .children) li a {
justify-content: center;
border: 1px solid rgba(61, 61, 67, 0.2);
padding: 5px;
border-radius: 5px !important;
}
div:not(.mvertical)>.g44menu>li.wpml-ls-menu-item :is(.sub-menu, .children) li a>span {
display:flex;
} .accessibility .mvertical .g44menu *:focus-visible {
outline-width: 3px;
outline-offset: -5px;
outline-color: var(--g44-outline-color) !important;
} body .navbar {
z-index: 999;
border: 0 !important;
}
.main-menu .mobile-menu-opener :is(.menu01, .menu02, .menu03) {
background: #fff;
}
.mvertical .g44menu>li {
font-size: 1em;
line-height: 1.15em;
padding: 0;
}
.mvertical .g44menu>li>ul:is(.sub-menu, .children) {
font-size: 1em;
} .mvertical .g44menu {
position: relative;
display: block;
width: 100%;
margin: 0 auto;
padding: 5px;
box-sizing: border-box;
}
.mvertical .g44menu a small {
font-size: 0.85em;
}
.mvertical button.g44-msi {
display: flex;
border: 0;
background: transparent;
position: relative;
height: auto;
align-items: center;
justify-content: center;
margin: 0;
border-left: 1px solid #dddddf;
box-sizing: border-box;
cursor: pointer;
width: 30px;
}
.layout-dark dialog .mvertical button.g44-msi,
.layout-dark .g44-auto-layout .mvertical button.g44-msi{
border-color: #3d3d43
}
.mvertical .g44menu li:hover>button.g44-msi {
margin-left: 0;
margin-right: 0;
}
.mvertical .g44menu ul:is(.sub-menu, .children) li.g44-msi>a { }
.desktop .mvertical .g44menu li button.g44-msi.si-arrow:hover>span,
.mvertical .g44-menu-item-clicked>button.g44-msi.si-arrow span {
transform: rotate(45deg);
}
.mvertical .g44-menu-item-clicked>button.g44-msi.si-plus span:before {
transform: rotate(90deg);
opacity: 0;
}
.mvertical .g44menu li button.g44-msi.si-plus:hover>span {
transform: scale(1.1);
}
.mvertical .g44menu li.g44-msi {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mvertical .g44menu li.g44-msi>a {
flex-grow: 1;
box-sizing: border-box;
max-width: calc(100% - 50px);
}
.mvertical .g44menu a>.count {
opacity:0.5;
margin-left:5px;
}
.mvertical li.g44-msi button.g44-msi {
flex-basis: 50px;
}
.mvertical .g44menu>li,
.mvertical .g44menu ul:is(.sub-menu, .children)>li,
.g44-ds-results-list li:not(:first-child){
border-top: 1px solid #dddddf;
}
.layout-dark dialog .mvertical .g44menu>li,
.layout-dark dialog .mvertical .g44menu ul:is(.sub-menu, .children)>li,
.layout-dark .g44-auto-layout .mvertical .g44menu>li,
.layout-dark .g44-auto-layout .mvertical .g44menu ul:is(.sub-menu, .children)>li,
.layout-dark .g44-auto-layout .g44-ds-results-list li:not(:first-child){
border-color: #3d3d43;
} .next-level>li,
.next-level>li>button.g44-msi{
border-color: transparent !important;
}
.next-level>li>a,
.next-level>li>button,
.next-level>li>button.g44-msi{
visibility: hidden !important;
}
.next-level>li>button.g44-msi:is(.si-arrow, .si-plus) span:before,
.next-level>li>button.g44-msi:is(.si-arrow, .si-plus) span:after{
background:transparent;
}
.mvertical .g44menu>li:first-child,
.mvertical .g44menu ul:is(.sub-menu, .children)>li:first-child {
border-top: 0;
}
.mvertical .g44menu a:not(.g44-pattern-container a),
.mvertical .g44menu ul:is(.sub-menu, .children) li a:not(.g44-pattern-container a),
.mvertical.m3 .m3-back,
.g44-ds-results-list li a{
padding: 14px 15px;
min-height: unset;
align-items: flex-start;
}
.layout-light .g44-auto-layout .mvertical .g44menu a:not(.g44-pattern-container a),
.layout-light .g44-auto-layout .g44-ds-results-list li a{
color: var(--g44-black-color);
}
.layout-light .g44-auto-layout .mvertical .g44menu a:not(.g44-pattern-container a):hover,
.layout-light .g44-auto-layout .mvertical .g44menu ul:is(.sub-menu, .children) li a:not(.g44-pattern-container a):hover,
.layout-light .g44-auto-layout .mvertical .g44menu li:hover>a,
.layout-light .g44-auto-layout .mvertical .g44menu ul:is(.sub-menu, .children) li:hover>a,
.layout-light .g44-auto-layout .g44-ds-results-list li:hover>a{
color: var(--g44-secondary-color);
background: transparent;
}
.mvertical .g44menu li:has(.found) a,
.mvertical .g44menu ul:is(.sub-menu, .children) li:has(.found)>a {
color: var(--g44-black-color);
}
.layout-dark dialog .mvertical .g44menu a,
.layout-dark dialog .mvertical .g44menu ul:is(.sub-menu, .children) li a,
.layout-dark dialog.g44-auto-layout .mvertical .g44menu a:not(.g44-pattern-container a),
.layout-dark .g44-auto-layout .g44-ds-results-list li>a{
color: var(--g44-primary-color-dark);
}
.layout-dark dialog .mvertical .g44menu a:hover,
.layout-dark dialog .mvertical .g44menu ul:is(.sub-menu, .children) li a:hover,
.layout-dark dialog .mvertical .g44menu li:hover>a,
.layout-dark dialog .mvertical .g44menu ul:is(.sub-menu, .children) li:hover>a,
.layout-dark dialog.g44-auto-layout .mvertical .g44menu a:not(.g44-pattern-container a):hover,
.layout-dark .g44-auto-layout .g44-ds-results-list li:hover>a{
color: var(--g44-secondary-color-dark);
background: transparent;
}
.layout-dark dialog .mvertical .g44menu li:has(.found) a,
.layout-dark dialog .mvertical .g44menu ul:is(.sub-menu, .children) li:has(.found)>a {
color: var(--g44-primary-color-dark);
}
.g44menu .current_page_item:not(.menu-item-type-custom)>a,
.g44menu .current-menu-item:not(.menu-item-type-custom)>a,
.g44menu .current-menu-parent>a,
.g44menu .current-menu-ancestor>a{
font-weight: 600;
}
.mvertical .g44menu ul:is(.sub-menu, .children) {
display: none !important;
width: 100%;
max-width: none;
margin: 0;
padding: 0px;
position: relative;
left: 0 !important;
top: 0 !important;
box-shadow: none;
background-color: transparent;
}
.mvertical.m1 .g44menu :is(.sub-menu, .children),
.mvertical.m2 .g44menu :is(.sub-menu, .children){
display:block !important;
max-height:0;
opacity:0.25;
padding: 0;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.mvertical.m1 .g44menu li.g44-menu-item-clicked>:is(.sub-menu, .children),
.mvertical.m2 .g44menu li.g44-menu-item-clicked>:is(.sub-menu, .children){
display:block !important;
max-height: 1200px;
max-height:var(--g44-maxexpand-height);
opacity:1;
}
.mvertical .g44menu li,
.mvertical .g44menu ul:is(.sub-menu, .children) li {
overflow: hidden;
z-index: 9;
}
.mvertical.m3 .g44menu li:first-child,
.mvertical.m3 .g44menu ul:is(.sub-menu, .children) li:first-child {
-webkit-border-top-left-radius: var(--g44-border-radius-menu);
-webkit-border-top-right-radius: var(--g44-border-radius-menu);
-moz-border-radius-topleft: var(--g44-border-radius-menu);
-moz-border-radius-topright: var(--g44-border-radius-menu);
border-top-left-radius: var(--g44-border-radius-menu);
border-top-right-radius: var(--g44-border-radius-menu);
}
.mvertical.m3 .g44menu li:last-child,
.mvertical.m3 .g44menu ul:is(.sub-menu, .children) li:last-child {
-webkit-border-bottom-left-radius: var(--g44-border-radius-menu);
-webkit-border-bottom-right-radius: var(--g44-border-radius-menu);
-moz-border-radius-bottomleft: var(--g44-border-radius-menu);
-moz-border-radius-bottomright: var(--g44-border-radius-menu);
border-bottom-left-radius: var(--g44-border-radius-menu);
border-bottom-right-radius: var(--g44-border-radius-menu);
}
.mvertical .g44menu .g44-menu-item-clicked>ul {
visibility: visible !important;
display: block !important;
}
.mvertical .g44menu ul:is(.sub-menu, .children) ul {
margin: 0px;
border-radius: 0;
}
.g44menu-container.menu-searching ul{
display:none;
} .mvertical.m1 .g44menu {
padding: 0px;
}
.mvertical.m1 .menu-item-has-children.g44-menu-item-clicked:not(.menu-searching.m1 .menu-item-has-children.g44-menu-item-clicked) {
background-color: rgba(0, 0, 0, 0.025);
}
.layout-dark dialog .mvertical.m1 .menu-item-has-children.g44-menu-item-clicked:not(.menu-searching.m1 .menu-item-has-children.g44-menu-item-clicked) {
background-color: rgba(254, 254, 254, 0.05);
}
.mvertical.m1 .g44menu ul:is(.sub-menu, .children)>li:first-child {
border-top: 1px solid #dddddf;
border-radius: 0;
}
.layout-dark dialog .mvertical.m1 .g44menu ul:is(.sub-menu, .children)>li:first-child {
border-top: 1px solid #3d3d43;
} .mvertical.m2 .g44menu {
padding: 0px;
}
.mvertical.m2 ul:is(.sub-menu, .children),
.mvertical.m2 .g44menu li.g44-menu-item-clicked>:is(.sub-menu, .children){
padding: 4px;
}
.mvertical.m2 ul>li>ul>li.g44-msi {
flex-basis: 100%;
border: 1px solid rgba(0, 0, 0, 0.25);
}
.mvertical.m2 ul>li>ul>li.g44-msi>a { color: var(--g44-black-color);
flex-basis: 100%;
}
.layout-dark dialog .mvertical.m2 ul>li>ul>li.g44-msi>a {
background-color: #3d3d43 !important;
color: #fff;
}
.mvertical.m2 ul>li>ul>li.g44-msi:hover>a {
background-color: #dddddf;
}
.mvertical.m2 ul>li.g44-menu-item-clicked :is(.sub-menu, .children):not(.menu-searching.m2 ul>li.g44-menu-item-clicked :is(.sub-menu, .children)) {
visibility: visible !important;
display: block !important;
background-color: rgb(255 255 255 / 50%);
}
.layout-dark dialog .mvertical.m2 ul>li.g44-menu-item-clicked :is(.sub-menu, .children):not(.layout-dark .menu-searching.m2 ul>li.g44-menu-item-clicked :is(.sub-menu, .children)) {
background-color: #343438;
}
.mvertical .m2 ul>li.g44-menu-item-clicked :is(.sub-menu, .children) :is(.sub-menu, .children):not(.menu-searching.m2 ul>li.g44-menu-item-clicked :is(.sub-menu, .children) :is(.sub-menu, .children)) {
background-color: #f6f6f6;
}
.layout-dark dialog .mvertical.m2 ul>li.g44-menu-item-clicked :is(.sub-menu, .children) :is(.sub-menu, .children):not(.layout-dark .menu-searching.m2 ul>li.g44-menu-item-clicked :is(.sub-menu, .children) :is(.sub-menu, .children)) {
background-color: #2e2e31;
}
.mvertical.m2 ul>li.g44-menu-item-clicked :is(.sub-menu, .children) .menu-item-has-children:not(.menu-searching.m2 ul>li.g44-menu-item-clicked :is(.sub-menu, .children) .menu-item-has-children) { }
.mvertical.m2 ul>li.g44-menu-item-clicked :is(.sub-menu, .children) :is(.sub-menu, .children) :is(.sub-menu, .children):not(.menu-searching.m2 ul>li.g44-menu-item-clicked :is(.sub-menu, .children) :is(.sub-menu, .children) :is(.sub-menu, .children)) {
background-color: #fefefe;
}
.layout-dark dialog .mvertical.m2 ul>li.g44-menu-item-clicked :is(.sub-menu, .children) :is(.sub-menu, .children) :is(.sub-menu, .children) {
background-color: var(--g44-sidebar-dark);
}
.mvertical.m2 ul>li :is(.sub-menu, .children) button.g44-msi { }
.mvertical.m2 .g44menu>li,
.mvertical.m2 .g44menu ul:is(.sub-menu, .children)>li {
border: 1px solid #dddddf;
border-radius: var(--g44-border-radius-menu);
margin-bottom: 5px
}
.layout-dark dialog .mvertical.m2 .g44menu>li,
.layout-dark dialog .mvertical.m2 .g44menu ul:is(.sub-menu, .children)>li {
border: 1px solid #3d3d43 !important;
}
.mvertical.m2 .g44menu>li:last-child,
.mvertical.m2 .g44menu ul:is(.sub-menu, .children)>li:last-child {
margin-bottom: 0px
}
.mvertical.m2 .menu-item-has-children {
background-color: #fefefe;
}
.layout-dark dialog .mvertical.m2 .menu-item-has-children {
background-color: var(--g44-sidebar-dark);
}
.mvertical.m2 .menu-item-has-children.g44-menu-item-clicked:not(.menu-searching.m2 .menu-item-has-children.g44-menu-item-clicked) {
background-color: #f2f2f2; }
.layout-dark dialog .mvertical.m2 .menu-item-has-children.g44-menu-item-clicked:not(.layout-dark .menu-searching.m2 .menu-item-has-children.g44-menu-item-clicked) {
background-color: #3d3d43;
} .mvertical.m1.g44menu-container,
.mvertical.m2.g44menu-container,
.mvertical.m3.g44menu-container,
.page-sidebar-content {
overflow-y: scroll;
overflow-x: hidden;
flex-grow: 1;
-ms-overflow-style: none; scrollbar-width: none; }
.main-menu .mvertical.m3.g44menu-container,
.mvertical.m3.g44menu-container:not(:has(.next-level)) {
min-height: unset !important;
}
.mvertical.g44menu-container::-webkit-scrollbar,
.page-sidebar-content::-webkit-scrollbar {
display: none;
}
.mvertical.m3 .g44menu li {
position: initial;
color: initial;
}
.mvertical.m3 ul {
left: 0;
padding: 0;
background: #fefefe;
border-radius: var(--g44-border-radius-menu);
}
.mvertical.m3 ul,
.mvertical.m3 .g44menu ul:is(.sub-menu, .children),
.g44-ds-results-list{
background: #fefefe;
border-radius: var(--g44-border-radius-menu);
padding: 0;
}
.g44-ds-results-list li{
list-style:none;
}
.g44-ds-results-list li a{
display:block;
}
.layout-dark dialog .mvertical.m3 ul,
.layout-dark dialog .mvertical.m3 .g44menu ul:is(.sub-menu, .children),
.layout-dark .g44-auto-layout .mvertical.m3 ul,
.layout-dark .g44-auto-layout .mvertical.m3 .g44menu ul:is(.sub-menu, .children),
.layout-dark .g44-auto-layout .g44-ds-results-list{
background: var(--g44-sidebar-dark);
}
.mvertical.m3 .g44menu ul:is(.sub-menu, .children) {
position: absolute;
max-height: unset !important;
transform:translate(100%);
top: 0px;
display: none;
opacity: 0;
}
.mvertical.m3 .g44menu li button.g44-msi.si-arrow:hover>span,
.mvertical.m3 .g44-menu-item-clicked>button.g44-msi.si-arrow span {
transform: rotate(-45deg);
}
.mvertical.m3 .g44menu ul:is(.sub-menu, .children).g44-sub-menu-visible {
opacity: 1;
display: block !important;
height: auto;
overflow-y: visible !important;
}
.mvertical.m3 ul.g44menu:has(.g44-sub-menu-visible) {
transform:translateX(-100%);
}
.mvertical.m3 .next-level>li {
display: none;
}
.mvertical.m3.menu-searching .next-level>li:not(.m3-back) {
display: block;
}
.mvertical.m3.menu-searching .next-level>li.g44-msi {
display: flex;
}
.mvertical.m3 ul.g44menu li:has(.g44-sub-menu-visible) {
display: flex;
}
.mvertical.m3 ul.g44menu ul:has(.g44-sub-menu-visible) {
transform:translateX(0) !important;
}
.mvertical.m3 .m3-back {
border: none;
cursor: pointer;
color: inherit;
font-size: inherit;
font-family: var(--g44-font-family-body);
background: transparent;
display: flex !important;
width: 100%;
flex-wrap: wrap;
font-weight: 600;
align-items: center;
}
.layout-dark dialog .mvertical.m3 .m3-back {
border-color: rgba(216, 217, 224, 0.15);
color: var(--g44-primary-color-dark);
}
.mvertical.m3 .m3-back:focus-visible {
color: var(--g44-primary-color);
}
.layout-dark dialog .mvertical.m3 .m3-back:focus-visible {
color: var(--g44-secondary-color-dark);
}
.mvertical.m3 .m3-back>span:not(.hidden) {
display: flex;
opacity: 0.3;
margin-right: 6px;
width: 12px;
height: 10px;
transform: rotate(135deg);
}
.mvertical.m3 .m3-back strong {
font-weight: inherit;
margin-top: 3px;
opacity: 0.4;
font-size: 1em;
text-align: left;
flex-basis: 100%;
}
.mvertical.m3 .m3-back strong i {
margin-right:5px
}
.mvertical.m3 .m3-back strong small {
font-size: 1em;
}
.mvertical.m3 .m3-back .count {
display:none;
}
.mvertical.m3 .m3-back>span:before {
background: var(--g44-black-color);
content: "";
position: absolute;
width: 2px;
height: 10px;
left: 8px;
border-radius: var(--g44-border-radius-menu);
}
.mvertical.m3 .m3-back>span:after {
background: var(--g44-black-color);
content: "";
position: absolute;
width: 10px;
height: 2px;
margin-top: 8px;
border-radius: var(--g44-border-radius-menu);
}
.layout-dark dialog .mvertical.m3 .m3-back span:before,
.layout-dark dialog .mvertical.m3 .m3-back span:after,
.layout-dark .g44-auto-layout .mvertical.m3 .m3-back>span:before,
.layout-dark .g44-auto-layout .mvertical.m3 .m3-back>span:after{
background: #adadb3;
}
.mvertical.m3.menu-searching ul.g44menu:has(.g44-sub-menu-visible) {
left: 0%;
transform:translateX(0px);
}
.mvertical.menu-searching button.g44-msi.si-arrow span {
transform: rotate(45deg) !important;
}
.mvertical.m3.menu-searching .g44menu ul:is(.sub-menu, .children) {
visibility: visible;
opacity: 1;
}
.mvertical.m3.menu-searching .m3-back {
display: none !important;
}
.layout-dark dialog .mvertical :is(button.g44-msi.si-arrow span:before,
button.g44-msi.si-plus span:before,
button.g44-msi.si-arrow span:after,
button.g44-msi.si-plus span:after,
.m3.m3-back span:before,
.m3.m3-back span:after) {
background: var(--g44-primary-color-dark);
}
dialog .main-menu {
display: flex;
flex-direction: column;
} @media (max-height: 480px) {
.mobile-nav-footer,
.mobile-nav-header .dynamic-search{
display:none;
}
}