.thegem-te-menu {
position: relative;
width: fit-content;
} .thegem-te-menu .menu-toggle,
.thegem-te-menu__hamburger.desktop-view .menu-toggle,
.thegem-te-menu__overlay.desktop-view .menu-toggle{
position: relative;
width: 36px;
height: 30px;
display: flex;
border: none;
cursor: pointer;
outline: none;
background: transparent;
padding: 0;
font-size: 0;
line-height: 0;
}
.thegem-te-menu .menu-toggle.small,
.thegem-te-menu .menu-toggle.dl-trigger,
.thegem-te-menu-mobile__overlay.mobile-view .menu-toggle{
width: 18px;
}
@media (max-width: 767px) {
.thegem-te-menu-mobile__overlay .menu-toggle{
width: 18px;
}
}
.thegem-te-menu .menu-toggle .menu-line-1,
.thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1,
.thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1,
.thegem-te-menu .menu-toggle .menu-line-2,
.thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2,
.thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2,
.thegem-te-menu .menu-toggle .menu-line-3,
.thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3,
.thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3{
position: absolute;
height: 4px;
width: 100%;
left: 0;
-webkit-transition: all 0.5s, top .3s, height .3s;
transition: all 0.5s, top .3s, height .3s;
}
.thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1,
.thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1,
.thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2,
.thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2,
.thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3,
.thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3{
background: var(--thegem-to-hamburger-menu-icon-color, #3C3950);
}
.thegem-te-menu .menu-toggle .menu-line-1,
.thegem-te-menu .menu-toggle .menu-line-2,
.thegem-te-menu .menu-toggle .menu-line-3 {
background: var(--thegem-to-mobile-menu-btn-color, #3C3950);
}
.thegem-te-menu .menu-toggle.small .menu-line-1,
.thegem-te-menu .menu-toggle.dl-trigger .menu-line-1,
.thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1,
.thegem-te-menu .menu-toggle.small .menu-line-2,
.thegem-te-menu .menu-toggle.dl-trigger .menu-line-2,
.thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-2,
.thegem-te-menu .menu-toggle.small .menu-line-3,
.thegem-te-menu .menu-toggle.dl-trigger .menu-line-3,
.thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3{
height: 2px;
width: 18px;
}
@media (max-width: 767px) {
.thegem-te-menu-mobile__overlay .menu-toggle .menu-line-1,
.thegem-te-menu-mobile__overlay .menu-toggle .menu-line-2,
.thegem-te-menu-mobile__overlay .menu-toggle .menu-line-3{
height: 2px;
width: 18px;
}
}
.thegem-te-menu .menu-toggle .menu-line-1,
.thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1,
.thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1{
top: 3px;
}
.thegem-te-menu .menu-toggle.small .menu-line-1,
.thegem-te-menu .menu-toggle.dl-trigger .menu-line-1,
.thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1{
top: 9px;
}
@media (max-width: 767px) {
.thegem-te-menu-mobile__overlay .menu-toggle .menu-line-1{
top: 9px;
}
}
.thegem-te-menu .menu-toggle .menu-line-2,
.thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2,
.thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2{
top: 13px;
}
.thegem-te-menu .menu-toggle.small .menu-line-2,
.thegem-te-menu .menu-toggle.dl-trigger .menu-line-2,
.thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-2{
top: 14px;
}
@media (max-width: 767px) {
.thegem-te-menu-mobile__overlay .menu-toggle .menu-line-2{
top: 14px;
}
}
.thegem-te-menu .menu-toggle .menu-line-3,
.thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3,
.thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3{
top: 23px;
}
.thegem-te-menu .menu-toggle.small .menu-line-3,
.thegem-te-menu .menu-toggle.dl-trigger .menu-line-3,
.thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3{
top: 19px;
}
@media (max-width: 767px) {
.thegem-te-menu-mobile__overlay .menu-toggle .menu-line-3{
top: 19px;
}
}
@media (-webkit-device-pixel-ratio: 1.25) {
.thegem-te-menu .menu-toggle.small .menu-line-1,
.thegem-te-menu .menu-toggle.dl-trigger .menu-line-1,
.thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1,
.thegem-te-menu .menu-toggle.small .menu-line-2,
.thegem-te-menu .menu-toggle.dl-trigger .menu-line-2,
.thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-2,
.thegem-te-menu .menu-toggle.small .menu-line-3,
.thegem-te-menu .menu-toggle.dl-trigger .menu-line-3,
.thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3{
height: 1.6px;
}
}
.thegem-te-menu .nav-menu > li > a {
position: relative;
} .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a {
font-family: var(--thegem-to-menu-font-family, 'Montserrat');
font-style: var(--thegem-to-menu-font-style, normal);
font-weight: var(--thegem-to-menu-font-weight, 700);
font-size: var(--thegem-to-menu-font-size, 14px);
line-height: var(--thegem-to-menu-line-height, 25px);
letter-spacing: var(--thegem-to-menu-letter-spacing, 0);
text-transform: var(--thegem-to-menu-text-transform, uppercase);
text-decoration: none;
color: var(--thegem-to-menu-level1-color, #3C3950);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul li > a {
font-family: var(--thegem-to-submenu-font-family, 'Source Sans Pro');
font-style: var(--thegem-to-submenu-font-style, normal);
font-weight: var(--thegem-to-submenu-font-weight, normal);
font-size: var(--thegem-to-submenu-font-size, 16px);
line-height: var(--thegem-to-submenu-line-height, 20px);
letter-spacing: var(--thegem-to-submenu-letter-spacing, 0);
text-transform: var(--thegem-to-submenu-text-transform, none);
}
.thegem-te-menu nav.mobile-view .mega-label {
display: none;
}
@media (max-width: 767px) {
.thegem-te-menu .mega-label {
display: none;
}
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li .mega-label {
color: var(--thegem-to-main-bg-color, #FFFFFF)
}
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a,
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a,
.thegem-te-menu.menu--light-submenu.desktop-view .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a,
.thegem-te-menu.menu--light-submenu.desktop-view .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a,
.thegem-te-menu.menu--light-submenu.desktop-view .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a {
border-color: var(--thegem-to-styled-color1, #00BCD4);
}
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a,
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a,
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a { }
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li .mega-label {
background-color: var(--thegem-to-styled-color3, #f44336);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li > a:hover,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li.menu-item-current > a,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li.menu-item-active > a {
background-color: var(--thegem-to-menu-level1-color-hover, #00bcd4);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li > a {
color: var(--thegem-to-menu-level2-color, #5f727f);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li > a,
.thegem-te-menu nav:not(.mobile-view) .nav-menu> li.megamenu-enable.megamenu-style-grid > ul li > span.megamenu-column-header > a {
background-color: var(--thegem-to-menu-level2-bg-color, #f4f6f7);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li:hover > a {
color: var(--thegem-to-menu-level2-hover-color, #3c3950);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li:hover > a {
background-color: var(--thegem-to-menu-level2-hover-bg-color, #ffffff);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a {
color: var(--thegem-to-menu-level2-active-color, #3c3950);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a {
background-color: var(--thegem-to-menu-level2-active-bg-color, #ffffff);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a.mega-no-link {
color: var(--thegem-to-mega-menu-column-title-color, #3c3950);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a:hover {
color: var(--thegem-to-mega-menu-column-title-hover-color, #00bcd4);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li.menu-item-active > span.megamenu-column-header a {
color: var(--thegem-to-mega-menu-column-title-active-color, #00bcd4);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li:not(.megamenu-template-enable):not(.menu-item-type-template) li li:hover > a,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li.menu-item-current > a,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li.menu-item-active > a {
color: var(--thegem-to-menu-level3-hover-color, #ffffff);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header {
border-top: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li {
border-bottom: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8);
border-left: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8);
border-right: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header:not(:last-child) {
border-bottom: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul {
border: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a.megamenu-has-icon:before,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul > li > a:before {
color: var(--thegem-to-mega-menu-icons-color, #5F727FFF);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a:hover.megamenu-has-icon:before,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul > li > a:hover:before {
color: inherit;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul:not(.megamenu-item-inited) {
opacity: 0 !important;
transform: translateY(20px) !important;
-o-transform: translateY(20px) !important;
-ms-transform: translateY(20px) !important;
-moz-transform: translateY(20px) !important;
-webkit-transform: translateY(20px) !important;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul ul {
display: none;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul {
width: auto;
white-space: nowrap;
background-repeat: no-repeat;
font-size: 0;
line-height: 1;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul.megamenu-masonry.megamenu-masonry-inited > li {
position: absolute;
}
#site-header.without-transition *,
.thegem-te-menu nav:not(.mobile-view) .nav-menu li > ul.without-transition,
#primary-navigation.without-transition ul {
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable ul {
width: auto;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul ul {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-left: 0 !important;
border-right: 0 !important;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul:not(.megamenu-masonry) > li.megamenu-no-right-border,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul:not(.megamenu-masonry) > li.megamenu-no-right-border span.megamenu-column-header {
border-right: 0;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li {
display: inline-block;
vertical-align: top;
border: 0;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li {
margin: 0 0 -1px -1px;
border-top: 0 !important; }
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul.megamenu-masonry > li { }
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li {
margin: 0 0 0 31px;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li.megamenu-first-element {
margin-left: 0;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li.megamenu-new-row {
display: block;
font-size: 0;
line-height: 1;
height: 0;
padding: 0 !important;
margin: 0 0 1px 0;
border: none;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul.megamenu-masonry > li.megamenu-new-row { }
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li.megamenu-new-row {
margin: 0 0 7px 0;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default ul ul {
border: 0;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-current,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-active {
background: none;
border: 0;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header {
display: block;
border-top: 0;
position: relative;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header {
padding-top: 8px;
padding-bottom: 12px;
margin-bottom: 11px;
border-top: 0;
border-left: 0;
border-right: 0;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li a {
display: block;
background: none;
padding: 0;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li:hover > a,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-current > a,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-active > a {
border: 0;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-parent > a:after {
display: none;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a {
text-transform: uppercase;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header a {
padding: 0;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a {
display: block;
padding-top: 13px;
padding-bottom: 13px;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a.mega-no-link {
pointer-events: none;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header.mega-not-show {
display: none;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header a.megamenu-has-icon {
padding-left: 26px;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a.megamenu-has-icon {
padding-left: 56px;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a.megamenu-has-icon:before {
position: absolute;
left: 0;
display: inline-block;
font-weight: normal;
font-family: 'FontAwesome';
content: attr(data-icon);
font-size: 14px;
vertical-align: baseline;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a.megamenu-has-icon:before {
left: 30px;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li .mega-label {
display: inline;
font-size: 65%;
line-height: 1;
text-transform: uppercase;
padding: 0 4px 0px 4px;
margin: 0 0 0 10px;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
#thegem-perspective .perspective-navigation .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a {
padding-left: 55px;
}
.header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a {
padding-left: 52px;
}
.header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a,
.header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a,
.header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a,
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a,
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a,
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a {
padding-left: 52px;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li > ul li > a {
position: relative;
padding: 8px 12px 8px 47px;
vertical-align: middle;
margin-left: -20px;
border-left: 0 none;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul > li > a:before {
display: inline-block;
font-weight: normal;
font-family: 'FontAwesome';
content: "\f105";
font-size: 14px;
vertical-align: baseline;
width: 25px;
text-align: left;
margin-left: -13px;
padding-left: 4px;
position: absolute;
left: 34px;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul > li > a:before {
margin: 0;
left: 27px;
}
.header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before,
.header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before,
.header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before,
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before,
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before,
.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before,
.thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before {
left: 27px;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul > li.megamenu-has-icon > a::before {
content: attr(data-icon);
padding: 0;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li > ul > li > a:before {
margin-right: 0;
font-size: 14px;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li > ul > li.megamenu-has-icon > a::before {
font-family: 'FontAwesome';
content: attr(data-icon);
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul {
position: static !important;
transform: translateX(0) !important;
-o-transform: translateX(0) !important;
-ms-transform: translateX(0)!important;
-moz-transform: translateX(0) !important;
-webkit-transform: translateX(0) !important;
}
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable:hover > ul > li > ul,
.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable:focus-within > ul > li > ul {
visibility: visible;
opacity: 1;
}
.thegem-te-menu .nav-menu.submenu-icon > li:not(.menu-item-has-children):not(.menu-item-type-socials-widget) > a i,
.thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) li a i,
.thegem-te-menu .nav-menu.submenu-icon > li:not(.menu-item-has-children):not(.menu-item-type-socials-widget) > a svg,
.thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) li a svg {
display: none;
}
@media screen and (max-width: 979px) {
.thegem-te-menu .nav-menu.submenu-icon li:not(.menu-item-type-socials-widget) a i,
.thegem-te-menu .nav-menu.submenu-icon li:not(.menu-item-type-socials-widget) a svg {
display: none !important;
}
}
.thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a i,
.thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a svg {
display: inline-block;
font-style: normal;
font-size: var(--thegem-to-body-tiny-font-size);
line-height: 1;
font-weight: normal;
vertical-align: middle;
}
.thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a svg {
max-width: var(--thegem-to-body-tiny-font-size);
max-height: var(--thegem-to-body-tiny-font-size);
}
.thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a i.default:before {
content: '\e602';
font-family: 'thegem-icons';
}
.thegem-te-menu nav.desktop-view .nav-menu.submenu-hide-border > li ul,
.thegem-te-menu nav.desktop-view .nav-menu.submenu-hide-border > li ul li {
border: none !important;
}
.thegem-te-menu nav.desktop-view .nav-menu.submenu-hide-border > li.megamenu-enable.megamenu-style-grid ul li {
margin: 0 !important;
} #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li > a{
color: var(--header-builder-light-color, #FFFFFF);
}
#site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li:hover > a{
color: var(--header-builder-light-color-hover, var(--thegem-to-menu-level1-color-hover));
}
#site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a,
#site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a:hover,
#site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a,
#site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a:hover{
color: var(--header-builder-light-color, #FFFFFF);
}
#site-header.header-light .thegem-te-menu .menu-toggle .menu-line-1,
#site-header.header-light .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1,
#site-header.header-light .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1,
#site-header.header-light .thegem-te-menu .menu-toggle .menu-line-2,
#site-header.header-light .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2,
#site-header.header-light .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2,
#site-header.header-light .thegem-te-menu .menu-toggle .menu-line-3,
#site-header.header-light .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3,
#site-header.header-light .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3{
background: var(--header-builder-light-color);
}
.thegem-te-menu nav.different-source-mobile.desktop-view ul.nav-menu.mobile-menu-source,
.thegem-te-menu nav.different-source-mobile.mobile-view ul.nav-menu:not(.mobile-menu-source) {
display: none;
} .thegem-te-menu nav.desktop-view ul.nav-menu > li > a:after,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a:before {
display: block;
position: absolute;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
-o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
transition-timing-function: cubic-bezier(.58,.3,.005,1);
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a:before {
z-index: -1;
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after,
.thegem-te-menu nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before {
opacity: 0;
} .style-hover-framed.style-hover-type-frame-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a,
.style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a,
.style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a,
.style-hover-framed.style-hover-type-frame-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a:before,
.style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a:before,
.style-hover-framed.style-hover-type-frame-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after,
.style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a:after,
.style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
border-radius: 20px;
}
.style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before,
.style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:before,
.style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after,
.style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:after,
.style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
background: transparent;
left: 0;
top: 0;
bottom: 0;
right: 0;
border: 2px solid var(--thegem-to-menu-level1-active-bg-color, #3c3950);
}
#site-header.header-light .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
#site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before,
#site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:before,
#site-header.header-light .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after,
#site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:after,
#site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
border-color: var(--header-builder-light-color, #FFFFFF);
}
.style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before,
.style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:before {
content: '';
}
.style-hover-framed.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before {
transform: scale(0.75);
}
.style-hover-framed.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before {
transform: scale(1.25);
}
.style-hover-framed.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-framed.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before {
transition: opacity 0.2s, transform 0.4s;
}
.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after {
width: 2px;
height: 2px;
}
.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before {
border-width: 0 0 2px 2px;
transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
}
.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after {
content: '';
top: initial;
bottom: 0;
left: initial;
right: 0;
border-width: 2px 2px 0 0;
transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
}
.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before,
.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after {
width: 100% !important;
height: 100% !important;
}
.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before {
transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
}
.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after {
transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
}
.style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after {
width: 2px;
height: 2px;
}
.style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before {
border-width: 2px 0 0 2px;
}
.style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after {
content: '';
top: initial;
bottom: 0;
left: initial;
right: 0;
border-width: 0 2px 2px 0;
}
.style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before,
.style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after {
width: 100% !important;
height: 100% !important;
transition: opacity 0.002s, width 0.4s, height 0.4s;
}
.style-hover-framed.style-hover-animation-none,
.style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a {
transition-duration: 0s;
}
.style-hover-framed.style-hover-animation-none:before,
.style-hover-framed.style-hover-animation-none:after,
.style-hover-framed.style-hover-animation-none:hover,
.style-hover-framed.style-hover-animation-none:focus,
.style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after,
.style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a {
transition-duration: 0s;
} .style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:before,
.style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:before {
content: '';
top: 0;
}
.style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after,
.style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:after,
.style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
content: '';
bottom: 0;
}
.style-hover-lined.style-hover-type-line-underline-1 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-lined.style-hover-type-line-underline-2 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-lined.style-hover-type-line-overline-1 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after,
.style-hover-lined.style-hover-type-line-overline-2 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after,
.style-active-lined.style-active-type-line-underline-1 nav.desktop-view ul.nav-menu > li.menu-item-active > a:before,
.style-active-lined.style-active-type-line-underline-2 nav.desktop-view ul.nav-menu > li.menu-item-active > a:before,
.style-active-lined.style-active-type-line-overline-1 nav.desktop-view ul.nav-menu > li.menu-item-active > a:after,
.style-active-lined.style-active-type-line-overline-2 nav.desktop-view ul.nav-menu > li.menu-item-active > a:after,
.style-active-lined.style-active-type-line-underline-1 nav.desktop-view ul.nav-menu > li.menu-item-current > a:before,
.style-active-lined.style-active-type-line-underline-2 nav.desktop-view ul.nav-menu > li.menu-item-current > a:before,
.style-active-lined.style-active-type-line-overline-1 nav.desktop-view ul.nav-menu > li.menu-item-current > a:after,
.style-active-lined.style-active-type-line-overline-2 nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
content: none;
}
.style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:before,
.style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:before,
.style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after,
.style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:after,
.style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
height: 2px;
width: 100%;
left: 0;
background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
z-index: 2;
}
.style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:before,
.style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:before,
.style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after,
.style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:after,
.style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
background-color: var(--thegem-to-menu-level1-active-bg-color, #3c3950);
}
#site-header.header-light .style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
#site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:before,
#site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:before,
#site-header.header-light .style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after,
#site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:after,
#site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
background-color: var(--header-builder-light-color, #FFFFFF);
}
.style-hover-lined.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-lined.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
height: 0;
width: 0;
left: 50%;
}
.style-hover-lined.style-hover-animation-drop-out nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before {
top: 10px;
}
.style-hover-lined.style-hover-animation-drop-out nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
bottom: 10px;
}
.style-hover-lined.style-hover-animation-drop-in nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before {
top: -10px;
}
.style-hover-lined.style-hover-animation-drop-in nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
bottom: -10px;
}
.style-hover-lined.style-hover-animation-none,
.style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a {
transition-duration: 0s;
}
.style-hover-lined.style-hover-animation-none:before,
.style-hover-lined.style-hover-animation-none:after,
.style-hover-lined.style-hover-animation-none:hover,
.style-hover-lined.style-hover-animation-none:focus,
.style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after,
.style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:hover,
.style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:focus {
transition-duration: 0s;
}
.style-hover-lined.style-hover-animation-slide-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-lined.style-hover-animation-slide-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
width: 10px;
left: -20px;
}
.style-hover-lined.style-hover-animation-slide-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-lined.style-hover-animation-slide-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
width: 10px;
left: calc(100% + 20px);
} .style-hover-background nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-active-background nav.desktop-view ul.nav-menu > li.menu-item-active > a:before,
.style-active-background nav.desktop-view ul.nav-menu > li.menu-item-current > a:before,
.style-hover-background nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after,
.style-active-background nav.desktop-view ul.nav-menu > li.menu-item-active > a:after,
.style-active-background nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
content: '';
transition: 0.3s;
}
.style-hover-background nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-active-background nav.desktop-view ul.nav-menu > li.menu-item-active > a:before,
.style-active-background nav.desktop-view ul.nav-menu > li.menu-item-current > a:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--thegem-to-menu-level1-hover-bg-color, #F4F6F7);
z-index: -1;
}
.style-hover-background.style-hover-type-background-underline nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after,
.style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-active > a:after,
.style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
height: 2px;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thegem-to-menu-level2-border-color, #DFE5E8);
z-index: 2;
}
.style-hover-background.style-hover-type-background-underline nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a,
.style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-active > a,
.style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-current > a {
color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
}
.style-hover-background.style-hover-type-background-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a,
.style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a,
.style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a {
color: #fff;
}
.style-hover-background.style-hover-type-background-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before,
.style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a:before,
.style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a:before {
background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
border-radius: 20px;
}
.style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after {
transform: scale(0.5);
}
.style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before,
.style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after {
transform: scale(1);
opacity: 1;
}
.style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
transform: scale(1.2);
transition: 0.3s;
}
.style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before,
.style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after {
transition: opacity 0.15s, transform 0.4s;
}
.style-hover-background.style-hover-animation-sweep-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-background.style-hover-animation-sweep-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
left: 100%;
}
.style-hover-background.style-hover-animation-sweep-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-background.style-hover-animation-sweep-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
right: 100%;
}
.style-hover-background.style-hover-animation-sweep-up nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-background.style-hover-animation-sweep-up nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
top: 100%;
}
.style-hover-background.style-hover-animation-sweep-down nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-background.style-hover-animation-sweep-down nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
bottom: 100%;
}
.style-hover-background.style-hover-animation-none,
.style-hover-background.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a {
transition-duration: 0s;
}
.style-hover-background.style-hover-animation-none:before,
.style-hover-background.style-hover-animation-none:after,
.style-hover-background.style-hover-animation-none:hover,
.style-hover-background.style-hover-animation-none:focus,
.style-hover-background.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-hover-background.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after {
transition-duration: 0s;
} .style-hover-text nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a {
color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
}
.style-active-text nav.desktop-view ul.nav-menu > li.menu-item-active > a,
.style-active-text nav.desktop-view ul.nav-menu > li.menu-item-current > a {
color: var(--thegem-to-menu-level1-active-color, #3C3950);
}
.thegem-te-menu nav.mobile-view .megamenu-template {
display: none;
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li.megamenu-template-enable .sub-menu {
display: none !important;
}
.thegem-te-menu ul.nav-menu .megamenu-template {
background-color: var(--thegem-to-main-bg-color, #FFFFFF);
font-size: initial;
}
.thegem-te-menu ul.nav-menu .megamenu-template .container {
max-width: 100%;
}
.thegem-te-menu ul.nav-menu .megamenu-template .wpb_row {
margin-bottom: 0;
}
.thegem-te-menu ul.nav-menu .megamenu-template .vc_row {
margin-left: -21px;
margin-right: -21px;
}
.thegem-te-menu ul.nav-menu .megamenu-template.template-width-custom .container {
width: 100%;
}
.thegem-te-menu ul.nav-menu .megamenu-template > .container > p:empty {
display: none;
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li.megamenu-template-enable:not(:hover) .megamenu-template * {
transition: none !important;
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny {
margin-top: 0;
margin-bottom: 0;
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3 ~ span{
font-family: var(--thegem-to-h3-font-family);
font-style: var(--thegem-to-h3-font-style);
font-weight: var(--thegem-to-h3-font-weight);
text-transform: var(--thegem-to-h3-text-transform);
font-size: var(--thegem-to-h3-font-size);
line-height: var(--thegem-to-h3-line-height);
letter-spacing: var(--thegem-to-h3-letter-spacing);
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3.light,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3.light ~ span{
font-family: var(--thegem-to-light-title-font-family);
font-style: normal;
font-weight: normal;
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4 ~ span{
font-family: var(--thegem-to-h4-font-family);
font-style: var(--thegem-to-h4-font-style);
font-weight: var(--thegem-to-h4-font-weight);
text-transform: var(--thegem-to-h4-text-transform);
font-size: var(--thegem-to-h4-font-size);
line-height: var(--thegem-to-h4-line-height);
letter-spacing: var(--thegem-to-h4-letter-spacing);
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4.light,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4.light ~ span{
font-family: var(--thegem-to-light-title-font-family);
font-style: normal;
font-weight: normal;
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5 ~ span{
font-family: var(--thegem-to-h5-font-family);
font-style: var(--thegem-to-h5-font-style);
font-weight: var(--thegem-to-h5-font-weight);
text-transform: var(--thegem-to-h5-text-transform);
font-size: var(--thegem-to-h5-font-size);
line-height: var(--thegem-to-h5-line-height);
letter-spacing: var(--thegem-to-h5-letter-spacing);
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5.light,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5.light ~ span{
font-family: var(--thegem-to-light-title-font-family);
font-style: normal;
font-weight: normal;
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6 ~ span{
font-family: var(--thegem-to-h6-font-family);
font-style: var(--thegem-to-h6-font-style);
font-weight: var(--thegem-to-h6-font-weight);
text-transform: var(--thegem-to-h6-text-transform);
font-size: var(--thegem-to-h6-font-size);
line-height: var(--thegem-to-h6-line-height);
letter-spacing: var(--thegem-to-h6-letter-spacing);
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6.light,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6.light ~ span{
font-family: var(--thegem-to-light-title-font-family);
font-style: normal;
font-weight: normal;
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle ~ span{
font-family: var(--thegem-to-styled-subtitle-font-family);
font-style: var(--thegem-to-styled-subtitle-font-style);
font-weight: var(--thegem-to-styled-subtitle-font-weight);
text-transform: var(--thegem-to-styled-subtitle-text-transform);
font-size: var(--thegem-to-styled-subtitle-font-size);
line-height: var(--thegem-to-styled-subtitle-line-height);
letter-spacing: var(--thegem-to-styled-subtitle-letter-spacing);
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle.light,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle.light ~ span{
font-family: var(--thegem-to-light-title-font-family);
font-style: normal;
font-weight: normal;
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body ~ span{
font-family: var(--thegem-to-body-font-family);
font-style: var(--thegem-to-body-font-style);
font-weight: var(--thegem-to-body-font-weight);
text-transform: var(--thegem-to-body-text-transform);
font-size: var(--thegem-to-body-font-size);
line-height: var(--thegem-to-body-line-height);
letter-spacing: var(--thegem-to-body-letter-spacing);
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body.light,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body.light ~ span{
font-family: var(--thegem-to-light-title-font-family);
font-style: normal;
font-weight: normal;
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny ~ span{
font-family: var(--thegem-to-body-tiny-font-family);
font-style: var(--thegem-to-body-tiny-font-style);
font-weight: var(--thegem-to-body-tiny-font-weight);
text-transform: var(--thegem-to-body-tiny-text-transform);
font-size: var(--thegem-to-body-tiny-font-size);
line-height: var(--thegem-to-body-tiny-line-height);
letter-spacing: var(--thegem-to-body-tiny-letter-spacing);
}
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny.light,
.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny.light ~ span{
font-family: var(--thegem-to-light-title-font-family);
font-style: normal;
font-weight: normal;
}@media (min-width: 768px) {
.thegem-te-menu__default.desktop-view .menu-toggle,
.thegem-te-menu__default.desktop-view .overlay-menu-back,
.thegem-te-menu__default.desktop-view .mobile-menu-slide-close{
display: none;
} .thegem-te-menu__default.desktop-view ul.nav-menu li.dl-back,
.thegem-te-menu__default.desktop-view ul.nav-menu li.dl-parent{
display: none !important;
} .thegem-te-menu__default.desktop-view ul.nav-menu{
position: relative;
display: flex;
align-items: baseline;
flex-wrap: wrap;
width: auto !important;
left: inherit !important;
padding: 0;
margin: 0 -16px;
}
}
.thegem-te-menu__default.desktop-view ul.nav-menu.nav-menu--stretch {
justify-content: space-between;
}
.thegem-te-menu__default.desktop-view ul.nav-menu li ul {
margin-top: -1px;
}
.thegem-te-menu__default.desktop-view ul.nav-menu li {
position: relative;
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li{
position: relative;
display: flex;
align-items: center;
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-type-split-logo) {
flex: none;
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li > a{
position: relative;
display: block;
padding: 2px 16px;
font-family: var(--thegem-to-menu-font-family, 'Montserrat');
font-style: var(--thegem-to-menu-font-style, normal);
font-weight: var(--thegem-to-menu-font-weight, 700);
font-size: var(--thegem-to-menu-font-size, 14px);
line-height: var(--thegem-to-menu-line-height, 25px);
letter-spacing: var(--thegem-to-menu-letter-spacing, 0);
text-transform: var(--thegem-to-menu-text-transform, uppercase);
text-decoration: none;
color: var(--thegem-to-menu-level1-color, #3C3950);
background-color: var(--thegem-to-menu-level1-bg-color);
z-index: 1;
} .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) ul,
.thegem-te-menu__default.desktop-view ul.nav-menu > li .megamenu-template {
position: absolute;
visibility: hidden;
top: 100%;
left: 0;
opacity: 0;
transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s;
z-index: 1;
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul {
left: 0 !important;
width: 280px !important;
border: 1px solid var(--thegem-to-menu-level2-border-color, #DFE5E8);
border-top: 0;
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul.invert {
right: 0 !important;
left: initial !important;
}
@media (-webkit-device-pixel-ratio: 1.25) {
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul {
border: 0.8px solid var(--thegem-to-menu-level2-border-color, #DFE5E8);
border-top: 0;
}
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) > ul,
.thegem-te-menu__default.desktop-view ul.nav-menu > li .megamenu-template {
transform: translateY(20px);
} .thegem-te-menu__default.desktop-view ul.nav-menu > li .megamenu-template.template-width-fullwidth:not(.megamenu-template-inited) {
visibility: hidden !important;
}
.thegem-te-menu__default.desktop-view ul.nav-menu:hover > li:not(.megamenu-template-enable) ul,
.thegem-te-menu__default.desktop-view ul.nav-menu:hover > li.megamenu-template-enable > .megamenu-template {
visibility: hidden;
transition: transform 0.1s linear, opacity 0.1s linear, visibility 0.1s linear;
opacity: 0;
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable):hover > ul,
.thegem-te-menu__default.desktop-view ul.nav-menu > li:hover > .megamenu-template,
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable):focus-within > ul,
.thegem-te-menu__default.desktop-view ul.nav-menu > li:focus-within > .megamenu-template {
visibility: visible;
opacity: 1;
transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
transform: translateY(0);
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li{
border-top: 1px solid var(--thegem-to-menu-level2-border-color, #DFE5E8);
}
@media (-webkit-device-pixel-ratio: 1.25) {
.thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li{
border-top: 0.8px solid var(--thegem-to-menu-level2-border-color, #DFE5E8);
}
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li a{
position: relative;
display: flex;
align-items: center;
padding: 15px 30px 15px 27px;
font-family: var(--thegem-to-submenu-font-family, 'Source Sans Pro');
font-style: var(--thegem-to-submenu-font-style, normal);
font-weight: var(--thegem-to-submenu-font-weight, normal);
font-size: var(--thegem-to-submenu-font-size, 16px);
line-height: var(--thegem-to-submenu-line-height, 20px);
letter-spacing: var(--thegem-to-submenu-letter-spacing, 0);
text-transform: var(--thegem-to-submenu-text-transform, none);
text-decoration: none;
border-left: 3px solid transparent;
transition: color 0.3s, background-color 0.3s, border-left-color 0.3s;
color: var(--thegem-to-menu-level2-color, #5F727F);
background-color: var(--thegem-to-menu-level2-bg-color, #F4F6F7);
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) li:hover > a{
border-color: var(--thegem-to-styled-color1, #00BCD4);
background-color: var(--thegem-to-menu-level2-hover-bg-color, #FFFFFF);
color: var(--thegem-to-menu-level2-hover-color, #3C3950);
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) li.menu-item-active > a,
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) li.menu-item-current > a{
border-color: var(--thegem-to-styled-color1, #00BCD4);
background-color: var(--thegem-to-menu-level2-active-bg-color, #FFFFFF);
color: var(--thegem-to-menu-level2-active-color, #3C3950);
}
.menu--dark-submenu .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li a,
.menu--white-mainmenu .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li a{
border-left: 0;
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) li.menu-item-parent > a:after{
content: '\e601';
font-family: 'thegem-icons';
position: absolute;
right: 20px;
top: 50%;
width: 9px;
height: 16px;
margin-top: -8px;
font-size: 16px;
line-height: 1;
color: var(--thegem-to-menu-submenu-highlighter-color);
} .thegem-te-menu__default.desktop-view ul.nav-menu:hover li:hover > ul,
.thegem-te-menu__default.desktop-view ul.nav-menu:hover li.megamenu-template-enable:hover > .megamenu-template {
visibility: visible;
opacity: 1;
transform: translateY(0);
transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li ul ul{
position: absolute;
top: 0;
transform: translateX(20px);
z-index: 1;
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul ul {
left: 100% !important;
top: 0;
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul ul.invert {
right: 100% !important;
left: initial !important;
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li > ul li{
border-top: 1px solid var(--thegem-to-menu-level2-border-color, #DFE5E8);
}
@media (-webkit-device-pixel-ratio: 1.25) {
.thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li > ul li{
border-top: 0.8px solid var(--thegem-to-menu-level2-border-color, #DFE5E8);
}
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li > ul li a{
background-color: var(--thegem-to-menu-level3-bg-color, #FFFFFF);
color: var(--thegem-to-menu-level3-color, #5F727F);
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li li.menu-item:hover > a{
border-color: var(--thegem-to-styled-color1, #00BCD4);
background-color: var(--thegem-to-menu-level3-hover-bg-color, #FFFFFF);
color: var(--thegem-to-menu-level3-hover-color, #5F727F);
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li li.menu-item-active > a,
.thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li li.menu-item-current > a{
border-color: var(--thegem-to-styled-color1, #00BCD4);
background-color: var(--thegem-to-menu-level3-active-bg-color, #FFFFFF);
color: var(--thegem-to-menu-level3-active-color, #5F727F);
} .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul.invert{
left: auto !important;
right: 0 !important; }
.thegem-te-menu__default.desktop-view ul.nav-menu > li > ul ul.invert{
top: 0;
left: auto !important;
right: 100% !important;
transform: translateX(-20px);
z-index: 2;
} .thegem-te-menu__default:not(.desktop-view) ul.nav-menu .menu-item-type-split-logo{
display: none;
}
.thegem-te-menu__default.desktop-view ul.nav-menu.nav-menu--split {
flex-wrap: nowrap;
}
.thegem-te-menu__default.desktop-view ul.nav-menu .menu-item-type-split-logo .site-logo{
padding: 0 15px;
}
.thegem-te-menu__default.desktop-view ul.nav-menu .menu-item-type-split-logo .site-logo a{
display: block;
}
.thegem-te-menu__default.desktop-view ul.nav-menu.nav-menu--split.fullwidth-logo .menu-item-type-split-logo{
flex: 1;
justify-content: center;
}
.thegem-te-menu__default.desktop-view ul.nav-menu.absolute.nav-menu--split.fullwidth-logo .menu-item-type-split-logo{
z-index: -1;
}
.thegem-te-menu__default.desktop-view ul.nav-menu.absolute .menu-item-type-split-logo {
margin-left: 150px;
margin-right: 150px;
}
.elementor-widget-wrap > .logo-fullwidth-block {
position: absolute !important;
width: 100%;
left: 0;
}
.elementor-widget-wrap > .logo-fullwidth-block:not(.desktop-view) {
display: none !important;
}
.thegem-te-menu__default.desktop-view ul.nav-menu.absolute .menu-item-type-split-logo > .logo-fullwidth-block{
margin: 0 !important;
padding: 0 !important;
position: absolute !important;
}
.thegem-te-menu__default ul.nav-menu.nav-menu--split:not(.absolute) .logo-fullwidth-block{
width: auto !important;
left: auto !important;
}
.thegem-te-menu__default.desktop-view .menu-item-parent-toggle {
display: none;
} .style-hover-framed .thegem-te-menu__default.desktop-view ul.nav-menu,
.style-hover-lined.style-hover-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu,
.style-hover-background.style-hover-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu,
.style-hover-background.style-hover-type-background-rounded .thegem-te-menu__default.desktop-view ul.nav-menu {
margin-left: -5px;
margin-right: -5px;
}
.style-hover-framed .thegem-te-menu__default.desktop-view ul.nav-menu > li,
.style-hover-lined.style-hover-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu > li,
.style-hover-background.style-hover-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu > li,
.style-hover-background.style-hover-type-background-rounded .thegem-te-menu__default.desktop-view ul.nav-menu > li {
margin-left: 5px;
margin-right: 5px;
}
.style-hover-lined.style-hover-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu,
.style-hover-lined.style-hover-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu,
.style-hover-lined.style-hover-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu,
.style-hover-lined.style-hover-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu {
margin-left: -15px;
margin-right: -15px;
}
.style-hover-lined.style-hover-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li,
.style-hover-lined.style-hover-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li,
.style-hover-lined.style-hover-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li,
.style-hover-lined.style-hover-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li {
margin-left: 15px;
margin-right: 15px;
}
.style-hover-lined.style-hover-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a,
.style-hover-lined.style-hover-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a,
.style-active-lined.style-active-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a,
.style-active-lined.style-active-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a,
.style-active-lined.style-active-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a,
.style-active-lined.style-active-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a,
.style-hover-lined.style-hover-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a,
.style-hover-lined.style-hover-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a,
.style-active-lined.style-active-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a,
.style-active-lined.style-active-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a,
.style-active-lined.style-active-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a,
.style-active-lined.style-active-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a {
padding-left: 0;
padding-right: 0;
}
.style-hover-lined.style-hover-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a,
.style-active-lined.style-active-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a,
.style-active-lined.style-active-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a,
.style-hover-background.style-hover-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a,
.style-active-background.style-active-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a,
.style-active-background.style-active-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a {
padding-left: 10px;
padding-right: 10px;
}
.style-hover-background.style-hover-type-background-underline .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a,
.style-hover-background.style-hover-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a,
.style-active-background.style-active-type-background-underline .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a,
.style-active-background.style-active-type-background-underline .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a,
.style-active-background.style-active-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a,
.style-active-background.style-active-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a {
padding-left: 15px;
padding-right: 15px;
}
.style-hover-lined.style-hover-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li > a,
.style-hover-lined.style-hover-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li > a,
.style-hover-background.style-hover-type-background-underline .thegem-te-menu__default.desktop-view ul.nav-menu > li > a,
.style-hover-background.style-hover-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li > a {
padding-top: 20px;
padding-bottom: 20px;
}
.style-hover-background.style-hover-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before,
.style-active-background.style-active-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a:before,
.style-active-background.style-active-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a:before {
border-radius: 3px;
}.thegem-te-menu-mobile__slide-horizontal.mobile-view .overlay-toggle,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .overlay-menu-back,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .hamburger-toggle,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .hamburger-menu-back,
.thegem-te-menu-mobile__slide-vertical.mobile-view .overlay-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .overlay-menu-back,
.thegem-te-menu-mobile__slide-vertical.mobile-view .hamburger-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .hamburger-menu-back{
display: none;
} .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.megamenu-new-row,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.megamenu-new-row{
display: none;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu{
min-height: 100%;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper,
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper{
position: fixed;
overflow-y: auto;
padding-top: 75px;
z-index: 999;
-webkit-overflow-scrolling: touch;
opacity: 1;
background-color: var(--thegem-to-mobile-menu-level1-bg-color, #DFE5E8);
}
@media (max-width: 767px) {
.thegem-te-menu-mobile__slide-horizontal .mobile-menu-slide-wrapper,
.thegem-te-menu-mobile__slide-vertical .mobile-menu-slide-wrapper{
position: fixed;
overflow-y: auto;
padding-top: 75px;
z-index: 999;
-webkit-overflow-scrolling: touch;
opacity: 1;
background-color: var(--thegem-to-mobile-menu-level1-bg-color, #DFE5E8);
}
}
body.admin-bar .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper.opened,
body.admin-bar .thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper.opened{
top: 46px;
padding-bottom: 46px;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper .nav-menu,
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper .nav-menu{
padding-bottom: 30px;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-close,
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-close{
display: block;
border: none;
width: 36px;
height: 30px;
text-indent: 100%;
font-size: 0;
line-height: 0;
overflow: hidden;
position: absolute;
right: 19px;
top: 20px;
cursor: pointer;
outline: none;
background: transparent;
padding: 0;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-close:before,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-close:after,
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-close:before,
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-close:after{
display: block;
content: '';
position: absolute;
height: 4px;
width: 100%;
left: 0;
background-color: var(--thegem-to-mobile-menu-hide-color, #3C3950);
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-close:before,
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-close:before{
transform: rotate(45deg);
top: 13px;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-close:after,
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-close:after{
top: 13px;
transform: rotate(-45deg);
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper{
left: 0;
top: 0;
width: 350px;
height: 100vh;
max-width: 100vw;
transform: translateX(-100%);
}
@media (max-width: 767px) {
.thegem-te-menu-mobile__slide-horizontal .mobile-menu-slide-wrapper{
left: 0;
top: 0;
width: 350px;
height: 100vh;
max-width: 100vw;
transform: translateX(-100%);
}
}
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper{
left: 0;
right: 0;
top: -100vh;
height: 100vh;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper.animation{
transition: transform 0.2s ease-out;
opacity: 1;
}
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper.animation{
transition: top 0.2s ease-out;
opacity: 1;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper.opened{
transform: translateX(0);
opacity: 1;
}
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper.opened{
top: 0;
opacity: 1;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li{
position: relative;
width: auto !important;
border-top: 1px solid;
border-color: var(--thegem-to-mobile-menu-border-color, #DFE5E8);
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li:first-child,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li:first-child{
border: 0;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li a{
display: block;
padding: 13px 60px 15px 30px;
margin: 0;
position: relative;
color: var(--thegem-to-mobile-menu-level1-color, #5F727F);
background-color: var(--thegem-to-mobile-menu-level1-bg-color, #DFE5E8);
font-family: var(--thegem-to-submenu-font-family);
font-style: var(--thegem-to-submenu-font-style);
font-weight: var(--thegem-to-submenu-font-weight);
font-size: var(--thegem-to-submenu-font-size);
line-height: var(--thegem-to-submenu-line-height);
letter-spacing: var(--thegem-to-submenu-letter-spacing);
text-transform: var(--thegem-to-submenu-text-transform);
text-decoration: none;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li .menu-item-parent-toggle{
color: var(--thegem-to-mobile-menu-level1-color, #5F727F);
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul{
display: none;
padding: 0 !important;
background-image: none !important
} .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-has-children > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-has-children > .menu-item-parent-toggle{
display: block;
position: absolute;
right: 15px;
top: 0;
width: 40px;
height: 49px;
cursor: pointer;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-has-children > .menu-item-parent-toggle:after,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-has-children > .menu-item-parent-toggle:after{
display: block;
text-align: center;
font-weight: normal;
font-family: 'thegem-icons';
font-style: normal;
content: '\e634';
font-size: 24px;
line-height: 49px;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-has-children.opened > .menu-item-parent-toggle:after,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-has-children.opened > .menu-item-parent-toggle:after{
content: '\e635';
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-active > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-active > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-active.opened > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-active.opened > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-current > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-current > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-current.opened > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-current.opened > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-has-children.opened > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-has-children.opened > a{
color: var(--thegem-to-mobile-menu-level1-active-color, #3C3950);
background-color: var(--thegem-to-mobile-menu-level1-active-bg-color);
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-active > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-active > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-active.opened > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-active.opened > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-current > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-current > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-current.opened > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-current.opened > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li.menu-item-has-children.opened > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li.menu-item-has-children.opened > .menu-item-parent-toggle{
color: var(--thegem-to-mobile-menu-level1-active-color, #3C3950);
} .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul li a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul li a{
padding-left: 50px;
color: var(--thegem-to-mobile-menu-level2-color, #5F727F);
background-color: var(--thegem-to-mobile-menu-level2-bg-color, #F0F3F2);
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul li.menu-item-active > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul li.menu-item-active > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul li.menu-item-active.opened > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul li.menu-item-active.opened > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul li.menu-item-current > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul li.menu-item-current > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul li.menu-item-current.opened > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul li.menu-item-current.opened > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul li.menu-item-has-children.opened > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul li.menu-item-has-children.opened > a{
color: var(--thegem-to-mobile-menu-level2-active-color, #3C3950);
background-color: var(--thegem-to-mobile-menu-level2-active-bg-color);
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li.menu-item-current.opened > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li.menu-item-current.opened > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li.menu-item-current.opened > span > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li.menu-item-current.opened > span > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul > li.menu-item-has-children.opened > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul > li.menu-item-has-children.opened > .menu-item-parent-toggle{
color: var(--thegem-to-mobile-menu-level2-active-color, #3C3950);
} .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu >  li > ul > li > ul li a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li > ul li a{
padding-left: 70px;
color: var(--thegem-to-mobile-menu-level3-color, #5F727F);
background-color: var(--thegem-to-mobile-menu-level3-bg-color, #FFFFFF);
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li li.menu-item-active > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li li.menu-item-active > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li li.menu-item-active.opened > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li li.menu-item-active.opened > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li li.menu-item-current > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li li.menu-item-current > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li li.menu-item-current.opened > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li li.menu-item-current.opened > a,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li li.menu-item-parent.opened > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li li.menu-item-parent.opened > a{
background-color: var(--thegem-to-mobile-menu-level3-active-bg-color, #FFFFFF);
color: var(--thegem-to-mobile-menu-level3-active-color, #5F727F);
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul > li li.menu-item-active > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul > li li.menu-item-active > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul > li li.menu-item-active.opened > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul > li li.menu-item-active.opened > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul > li li.menu-item-current > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul > li li.menu-item-current > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul > li li.menu-item-current.opened > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul > li li.menu-item-current.opened > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu li > ul > li li.menu-item-parent.opened > .menu-item-parent-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu li > ul > li li.menu-item-parent.opened > .menu-item-parent-toggle{
color: var(--thegem-to-mobile-menu-level3-active-color, #5F727F);
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu > li > ul > li > ul > li > ul > li > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > ul > li > ul > li > ul > li > a{
padding-left: 90px;
} .thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-back,
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-back{
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000;
z-index: 10;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-out 0s, visibility 0s linear 0.3s;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-back.active,
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-back.active{
opacity: 0.7;
visibility: visible;
transition: opacity 0.3s ease-in 0s, visibility 0s linear 0s;
} .thegem-te-menu-mobile__slide-horizontal.mobile-view.show-mobile-search li.menu-item-type-search-widget,
.thegem-te-menu-mobile__slide-vertical.mobile-view.show-mobile-search li.menu-item-type-search-widget{
position: static;
display: inline-block !important;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > a,
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > a{
display: none;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch,
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch{
position: absolute;
top: 0;
left: 0;
right: 55px;
background: transparent;
width: auto;
padding: 15px 30px;
border: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch form,
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch form{
position: relative;
width: 100%;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch .sf-input,
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch .sf-input{
position: relative;
width: 100%;
height: 40px;
border-radius: 4px;
padding-right: 40px;
font-size: 16px;
color: var(--thegem-to-mobile-menu-level2-active-color);
border: 1px solid var(--thegem-to-mobile-menu-border-color);
background-color: var(--thegem-to-mobile-menu-level2-bg-color);
outline: none;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch .sf-input::placeholder,
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch .sf-input::placeholder{
color: var(--thegem-to-mobile-menu-level2-color);
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch .sf-submit-icon,
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch .sf-submit-icon{
position: absolute;
right: 0;
width: 40px;
height: 40px;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch .sf-submit-icon:before,
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch .sf-submit-icon:before{
content: "\e612";
display: block;
font-family: "thegem-icons";
font-style: normal;
font-size: 24px;
font-weight: normal;
line-height: 40px;
margin-right: 5px;
padding-right: 3px;
text-align: center;
vertical-align: top;
width: 100%;
height: 40px;
color: var(--thegem-to-mobile-menu-level2-color);
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch .sf-submit,
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch .sf-submit{
position: absolute;
right: 20px;
width: 40px;
height: 40px;
margin: 0;
background: transparent;
border: 0;
cursor: pointer;
} .thegem-te-menu-mobile__slide-horizontal.mobile-view.show-mobile-socials li.menu-item-type-socials-widget,
.thegem-te-menu-mobile__slide-vertical.mobile-view.show-mobile-socials li.menu-item-type-socials-widget{
position: static;
min-width: 100%;
display: inline-block !important;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-socials-widget > .menu-item-socials,
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-socials-widget > .menu-item-socials{
position: relative;
background: transparent;
padding: 15px 30px;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-socials-widget > .menu-item-socials .socials,
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-socials-widget > .menu-item-socials .socials{
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0 -8px;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-socials-widget > .menu-item-socials .socials-item,
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-socials-widget > .menu-item-socials .socials-item{
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
margin: 0;
color: var(--thegem-to-mobile-menu-socials-color);
background-color: transparent;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-socials-widget > .menu-item-socials .socials-item-icon,
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-socials-widget > .menu-item-socials .socials-item-icon{
font-size: 16px;
}
.thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-wrapper.mobile-menu-slide-global-section {
background-color: var(--thegem-to-main-bg-color, #ffffff);
padding-top: 0;
overflow: visible;
width: calc(100vw - 45px);
max-width: 500px;
}
.thegem-te-menu-mobile__global-section .mobile-menu-visible-content {
max-height: 100%;
overflow: auto;
}
.thegem-te-menu-mobile__global-section .mobile-menu-visible-content .elementor-top-section {
padding: 0 21px;
}
.thegem-te-menu-mobile__global-section .mobile-menu-visible-content .thegem-template-menu-global-section .elementor-section,
.thegem-te-menu-mobile__global-section .mobile-menu-visible-content .thegem-template-menu-global-section .e-con.e-parent {
display: block;
}
.thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-global-section .mobile-menu-hidden-content,
.thegem-te-menu-mobile__global-section.desktop-view .mobile-menu-slide-global-section .mobile-menu-visible-content {
display: none;
}
.thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-wrapper .mobile-menu-slide-close {
display: none;
width: 25px;
height: 25px;
top: 10px;
right: -35px;
z-index: 1;
}
.thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-wrapper.animation .mobile-menu-slide-close,
.thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-wrapper.opened .mobile-menu-slide-close {
display: block;
}
.thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-wrapper .mobile-menu-slide-close:before,
.thegem-te-menu-mobile__global-section.mobile-view .mobile-menu-slide-wrapper .mobile-menu-slide-close:after {
height: 1px;
top: 13px;
width: auto;
left: 3px;
right: 3px;
background-color: #ffffff;
}