.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.thegem-te-divider .gem-divider {
border: none;
height: auto;
color: var(--thegem-to-divider-color, #dfe5e8);
border-color: var(--thegem-to-divider-color, #dfe5e8);
}
.thegem-te-divider.gem-divider-direction-vertical .gem-divider {
border-top-width: 0px !important;
border-right-width: 0px !important;
border-bottom-width: 0px !important;
border-left-width: 0px;
}
.thegem-te-divider.gem-divider-direction-horizontal .gem-divider {
border-top-width: 0px;
border-right-width: 0px !important;
border-bottom-width: 0px !important;
border-left-width: 0px !important;
}
.thegem-te-divider.gem-divider-horizontal-full {  }
.thegem-te-divider.gem-divider-direction-horizontal.gem-divider-style-solid .gem-divider,
.thegem-te-divider.gem-divider-direction-vertical.gem-divider-style-solid .gem-divider {
border-style: solid;
}
.thegem-te-divider.gem-divider-direction-horizontal.gem-divider-style-dotted .gem-divider,
.thegem-te-divider.gem-divider-direction-vertical.gem-divider-style-dotted .gem-divider {
border-style: dotted;
}
.thegem-te-divider.gem-divider-direction-horizontal.gem-divider-style-dashed .gem-divider,
.thegem-te-divider.gem-divider-direction-vertical.gem-divider-style-dashed .gem-divider {
border-style: dashed;
} #site-header.header-light .thegem-te-divider .gem-divider{
border-color: var(--header-builder-light-color, #FFFFFF);
}.thegem-te-infobox,
.thegem-te-infobox-wrapper,
.thegem-te-infobox .thegem-te-infobox-content,
.thegem-te-infobox .gem-texbox-icon-image-wrapper .elementor-icon,
.thegem-te-infobox .gem-texbox-icon-image-wrapper .elementor-icon i,
.thegem-te-infobox .gem-image,
.thegem-te-infobox .gem-image img,
.thegem-te-infobox .gem-image span,
.thegem-te-infobox .gem-image span:before,
.thegem-te-infobox .thegem-te-infobox-title,
.thegem-te-infobox .thegem-te-infobox-subtitle,
.thegem-te-infobox .thegem-te-infobox-description,
.thegem-te-infobox .gem-button-container,
.thegem-te-infobox .thegem-te-infobox-top,
.thegem-te-infobox .thegem-te-infobox-top svg,
.thegem-te-infobox .thegem-te-infobox-bottom,
.thegem-te-infobox .thegem-te-infobox-bottom svg {
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.thegem-te-infobox-content {
padding: 30px;
}
.thegem-te-infobox-top,
.thegem-te-infobox-bottom {
font-size: 0;
line-height: 0;
text-align: center;
}
.gem-styled-textbox-link,
.gem-styled-textbox-icon-image-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.gem-texbox-icon-image-wrapper {
position: relative;
}
.thegem-te-infobox .thegem-te-infobox-icon-horizontal-right.thegem-te-infobox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper {
margin-left: 10px;
}
.thegem-te-infobox .thegem-te-infobox-icon-horizontal-left.thegem-te-infobox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper {
margin-right: 10px;
}
.thegem-te-infobox .gem-texbox-icon-image-wrapper .thegem-te-infobox-icon {
display: inline-block;
width: fit-content;
}
.thegem-te-infobox h4,
.thegem-te-infobox .title-h4 {
margin-top: 0;
}
.thegem-te-infobox-content .gem-image span {
display: inline-block;
vertical-align: top;
overflow: hidden;
max-width: 100%;
position: relative;
}
.thegem-te-infobox-content .gem-image span::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
z-index: 1;
}
.thegem-te-infobox:hover .thegem-te-infobox-content .gem-image a::before,
.thegem-te-infobox:hover .thegem-te-infobox-content .gem-image span::before {
opacity: 1;
}
.thegem-te-infobox .thegem-te-infobox-icon-horizontal-right .gem-icon-with-text-icon {
padding-right: 0px;
padding-left: 10px;
} .thegem-te-infobox-content.icon-bottom {
display: flex;
flex-direction: column;
}
.thegem-te-infobox .icon-bottom .gem-texbox-text-wrapper {
order: 1;
}
.thegem-te-infobox .icon-bottom .gem-texbox-icon-image-wrapper {
order: 2;
margin-top: 30px;
} .thegem-te-infobox-content.icon-bottom,
.thegem-te-infobox-content.button-top {
display: flex;
flex-direction: column;
}
.thegem-te-infobox .icon-bottom.button-bottom .gem-texbox-text-wrapper {
order: 1;
}
.thegem-te-infobox .icon-bottom.button-bottom .gem-texbox-icon-image-wrapper {
order: 2;
} .thegem-te-infobox-content.icon-top.button-top .gem-texbox-text-wrapper {
display: flex;
flex-direction: column;
}
.thegem-te-infobox-content.icon-top.button-top .gem-button-container {
order: 1;
}
.thegem-te-infobox-content.icon-top.button-top .thegem-te-infobox-title {
order: 2;
}
.thegem-te-infobox-content.icon-top.button-top .thegem-te-infobox-description {
order: 3;
} .thegem-te-infobox-content.icon-bottom.button-top .gem-texbox-text-wrapper {
display: flex;
flex-direction: column;
}
.thegem-te-infobox-content.icon-bottom.button-top .gem-button-container {
order: 1;
}
.thegem-te-infobox-content.icon-bottom.button-top .thegem-te-infobox-title {
order: 2;
}
.thegem-te-infobox-content.icon-bottom.button-top .thegem-te-infobox-description {
order: 3;
}
.thegem-te-infobox-content.icon-bottom.button-top .gem-texbox-text-wrapper {
order: 1;
}
.thegem-te-infobox-content.icon-bottom.button-top .gem-texbox-icon-image-wrapper {
order: 2;
margin-top: 30px;
}
.thegem-te-infobox-icon .elementor-icon {
display: block;
color: var(--thegem-to-menu-level1-color, #3C3950);
}
.thegem-te-infobox-icon-horizontal-center .gem-texbox-icon-image-wrapper {
text-align: center !important;
}
.thegem-te-infobox-icon-horizontal-left .gem-texbox-icon-image-wrapper {
text-align: left !important;
}
.thegem-te-infobox-icon-horizontal-right .gem-texbox-icon-image-wrapper {
text-align: right !important;
}
.thegem-te-infobox-icon-horizontal-right.thegem-te-infobox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper {
float: right;
}
.thegem-te-infobox-icon-horizontal-left.thegem-te-infobox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper {
float: left;
}
.thegem-te-infobox-icon-image-wrapping-inline {
display: flex;
flex-direction: column;
align-items: center;
}
.thegem-te-infobox-icon-image-wrapping-inline .gem-texbox-text-wrapper {
flex-grow: 1;
}
.thegem-te-infobox-icon-image-wrapping-inline.thegem-te-infobox-icon-horizontal-right {
flex-direction: row-reverse;
}
.icon-bottom.thegem-te-infobox-icon-image-wrapping-inline.thegem-te-infobox-icon-horizontal-right {
flex-direction: row;
}
.thegem-te-infobox-icon-image-wrapping-inline.thegem-te-infobox-icon-horizontal-left {
flex-direction: row;
}
.icon-bottom.thegem-te-infobox-icon-image-wrapping-inline.thegem-te-infobox-icon-horizontal-left {
flex-direction: row-reverse;
}
.icon-bottom.thegem-te-infobox-icon-image-wrapping-inline {
align-items: flex-end;
}
.icon-top.thegem-te-infobox-icon-image-wrapping-inline {
align-items: flex-start;
}
.thegem-te-infobox-title.title-default,
.thegem-te-infobox-subtitle.title-default {
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);
color: var(--thegem-to-h6-color);
}
.thegem-te-infobox-title.title-default.light,
.thegem-te-infobox-subtitle.title-default.light {
font-family: var(--thegem-to-light-title-font-family);
font-style: var(--thegem-to-light-title-font-style);
font-weight: normal;
}
.thegem-te-infobox-title.text-body,
.thegem-te-infobox-subtitle.text-body {
font-family: var(--thegem-to-body-font-family);
font-style: var(--thegem-to-body-font-style);
font-weight: var(--thegem-to-body-font-weight);
font-size: var(--thegem-to-body-font-size);
line-height: var(--thegem-to-body-line-height);
letter-spacing: var(--thegem-to-body-letter-spacing);
text-transform: var(--thegem-to-body-text-transform);
}
.thegem-te-infobox-title.text-body-tiny,
.thegem-te-infobox-subtitle.text-body-tiny {
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);
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);
text-transform: var(--thegem-to-body-tiny-text-transform);
} #site-header.header-light .thegem-te-infobox .thegem-te-infobox-title,
#site-header.header-light .thegem-te-infobox .thegem-te-infobox-subtitle,
#site-header.header-light .thegem-te-infobox .elementor-icon {
color: var(--header-builder-light-color, #FFFFFF) !important;
}
#site-header.header-light .thegem-te-infobox:hover .thegem-te-infobox-title,
#site-header.header-light .thegem-te-infobox:hover .thegem-te-infobox-subtitle,
#site-header.header-light .thegem-te-infobox:hover .elementor-icon {
color: var(--header-builder-light-color-hover, #FFFFFF) !important;
}
.thegem-te-infobox.width-link:hover .thegem-te-infobox-content .thegem-te-infobox-title,
.thegem-te-infobox.width-link:hover .thegem-te-infobox-content .thegem-te-infobox-subtitle {
color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;
}.thegem-te-logo.desktop-view .logo.desktop {
display: block;
}
.thegem-te-logo.desktop-view .logo.mobile {
display: none;
}
.thegem-te-logo.mobile-view .logo.desktop {
display: none;
}
.thegem-te-logo.mobile-view .logo.mobile {
display: block;
}
@media screen and (max-width: 767px) {
.thegem-te-logo.desktop-view .logo.desktop {
display: none;
}
.thegem-te-logo.desktop-view .logo.mobile {
display: block;
}
}.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 {
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%;
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: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 {
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;
transform: translateX(-20px);
}
.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;
} .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__default.mobile-view .overlay-toggle,
.thegem-te-menu-mobile__default.mobile-view .overlay-menu-back,
.thegem-te-menu-mobile__default.mobile-view .hamburger-toggle,
.thegem-te-menu-mobile__default.mobile-view .hamburger-menu-back{
display: none;
}
.thegem-te-menu-mobile__default.mobile-view{
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
z-index: 999;
}
@media (max-width: 767px) {
.thegem-te-menu-mobile__default{
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
z-index: 999;
}
}
.thegem-te-menu-mobile__default.mobile-view ul{
list-style: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
overflow-x: hidden;
overflow-y: auto;
padding: 0 !important;
background: none !important;
}
.thegem-te-menu-mobile__default.mobile-view li{
position: relative;
width: auto !important;
}
.thegem-te-menu-mobile__default.mobile-view li a{
position: relative;
display: block;
padding: 16px 30px;
margin: 0;
outline: none;
font-family: var(--thegem-to-mobile-menu-font-family, 'Source Sans Pro');
font-style: var(--thegem-to-mobile-menu-font-style, normal);
font-weight: var(--thegem-to-mobile-menu-font-weight, 400);
font-size: var(--thegem-to-mobile-menu-font-size, 16px);
line-height: var(--thegem-to-mobile-menu-line-height, 20px);
letter-spacing: var(--thegem-to-mobile-menu-letter-spacing, 0);
text-transform: var(--thegem-to-mobile-menu-text-transform, none);
text-decoration: none;
color: var(--thegem-to-mobile-menu-level1-color, #5F727F);
background-color: var(--thegem-to-mobile-menu-level1-bg-color, #F4F6F7);
border: 1px solid var(--thegem-to-mobile-menu-border-color, #DFE5E8);
}
.thegem-te-menu-mobile__default.mobile-view li + li > a,
.thegem-te-menu-mobile__default.mobile-view li + li > span > a{
border-top: 0;
}
.thegem-te-menu-mobile__default.mobile-view li.menu-item-current > a,
.thegem-te-menu-mobile__default.mobile-view li.menu-item-active > a,
.thegem-te-menu-mobile__default.mobile-view li.menu-item-current > span > a,
.thegem-te-menu-mobile__default.mobile-view li.menu-item-active > span > a{
padding-left: 26px;
color: var(--thegem-to-mobile-menu-level1-active-color, #3C3950);
background-color: var(--thegem-to-mobile-menu-level1-active-bg-color, #FFFFFF);
border-left: 4px solid var(--thegem-to-styled-color1, #00BCD4);
}
.thegem-te-menu-mobile__default.mobile-view li.dl-back > a{
text-align: right;
padding-right: 20px;
color: var(--thegem-to-mobile-menu-level2-color, #5F727F);
}
.thegem-te-menu-mobile__default.mobile-view li.dl-back:after,
.thegem-te-menu-mobile__default.mobile-view li.menu-item-parent > a:after,
.thegem-te-menu-mobile__default.mobile-view li.menu-item-parent > span > a:after,
.thegem-te-menu-mobile__default.mobile-view li.dl-parent > a:after {
content: '\e601';
font-family: 'thegem-icons';
position: absolute;
width: 9px;
height: 16px;
right: 20px;
top: 50%;
margin-top: -8px;
font-size: 16px;
line-height: 16px;
color: inherit;
}
.thegem-te-menu-mobile__default.mobile-view li.dl-back:after{
left: 33px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.thegem-te-menu-mobile__default.mobile-view .dl-menu{
position: absolute;
width: 100vw;
left: 0;
top: 100%;
margin: 0;
padding: 0 21px;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow-x: hidden;
overflow-y: auto;
}
@media (max-width: 767px) {
.thegem-te-menu-mobile__default .dl-menu{
position: absolute;
width: 100vw;
left: 0;
top: 100%;
margin: 0;
padding: 0 21px;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow-x: hidden;
overflow-y: auto;
}
}
.thegem-te-menu-mobile__default.mobile-view .overlay-menu-wrapper{
height: 0;
width: 0;
}
.thegem-te-menu-mobile__default.mobile-view .mobile-menu-slide-wrapper {
height: 0;
width: 0;
}
.thegem-te-menu-mobile__default.mobile-view .hamburger-menu-back {
height: 0;
width: 0;
}
.thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-menu-toggle{
transition: all 0.3s ease;
}
.thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-menuopen{
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0);
transform: translateY(0);
} .thegem-te-menu-mobile__default.mobile-view li .dl-submenu{
display: none;
} .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li,
.thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subviewopen > a,
.thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subviewopen > span > a,
.thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subview > a,
.thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subview > span > a{
display: none;
}
.thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subview,
.thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subview .dl-submenu,
.thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subviewopen,
.thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{
display: block;
} .thegem-te-menu-mobile__default.mobile-view > .dl-submenu{
position: absolute;
width: 100vw;
top: 100%;
left: 0;
right: 0;
margin: 0;
padding: 0 21px;
} .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-animate-out {
-webkit-animation: MenuAnimOut 0.4s;
animation: MenuAnimOut 0.4s;
}
@-webkit-keyframes MenuAnimOut {
0% { }
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@keyframes MenuAnimOut {
0% { }
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
.thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-animate-in {
-webkit-animation: MenuAnimIn 0.3s;
animation: MenuAnimIn 0.3s;
}
@-webkit-keyframes MenuAnimIn {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@keyframes MenuAnimIn {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
.thegem-te-menu-mobile__default.mobile-view .dl-menu + .dl-submenu.dl-animate-in {
-webkit-animation: SubMenuAnimIn 0.4s ease;
animation: SubMenuAnimIn 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn {
0% {
-webkit-transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
.thegem-te-menu-mobile__default.mobile-view .dl-menu + .dl-submenu.dl-animate-out {
-webkit-animation: SubMenuAnimOut 0.4s ease;
animation: SubMenuAnimOut 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
} .no-js .thegem-te-menu-mobile__default.mobile-view .dl-menu {
position: relative;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.no-js .thegem-te-menu-mobile__default.mobile-view li .dl-submenu {
display: block;
}
.no-js .thegem-te-menu-mobile__default.mobile-view li.dl-back {
display: none;
}
.no-js .thegem-te-menu-mobile__default.mobile-view li > a:not(:only-child):after {
content: '';
} .thegem-te-menu-mobile__default.mobile-view.show-mobile-search li.menu-item-type-search-widget{
display: block !important;
}
.thegem-te-menu-mobile__default.mobile-view.show-mobile-search li.menu-item-type-search-widget > a{
display: none;
}
.thegem-te-menu-mobile__default.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch {
position: static;
width: 100%;
opacity: 1;
visibility: visible;
padding: 20px 30px;
-webkit-transform: translateY(0);
transform: translateY(0);
background-color: var(--thegem-to-mobile-menu-level1-bg-color);
border: 1px solid var(--thegem-to-mobile-menu-border-color);
border-top: none;
}
.thegem-te-menu-mobile__default.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch form{
position: relative;
width: 100%;
}
.thegem-te-menu-mobile__default.mobile-view ul.nav-menu > 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-level1-active-color);
border: 1px solid var(--thegem-to-mobile-menu-border-color);
background-color: transparent;
outline: none;
}
.thegem-te-menu-mobile__default.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-input::placeholder{
color: var(--thegem-to-mobile-menu-level1-color);
}
.thegem-te-menu-mobile__default.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit-icon {
position: absolute;
right: 0;
width: 40px;
height: 40px;
}
.thegem-te-menu-mobile__default.mobile-view ul.nav-menu > 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-level1-active-color);
}
.thegem-te-menu-mobile__default.mobile-view ul.nav-menu > 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;
}