/*Horizontal*/
.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{
    display: none;
}
.thegem-te-menu__default.desktop-view ul.nav-menu{
    position: relative;
    display: flex;
    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 {
    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 > a{
    position: relative;
    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 ul{
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
    opacity: 0;
}

/*Hamburger*/
.thegem-te-menu__hamburger.desktop-view .overlay-menu-back,
.thegem-te-menu__hamburger.desktop-view .dl-trigger,
.thegem-te-menu__hamburger.desktop-view .overlay-toggle,
.thegem-te-menu__hamburger.desktop-view .mobile-menu-slide-close{
    display: none;
}
.thegem-te-menu__hamburger.desktop-view ul.nav-menu li.dl-back{
    display: none;
}
.thegem-te-menu__hamburger.desktop-view ul.nav-menu{
    display: none;
}
.thegem-te-menu__hamburger.desktop-view .hamburger-menu-back{
    display: none;
}

/*Overlay*/
.thegem-te-menu-mobile__overlay.mobile-view .hamburger-toggle,
.thegem-te-menu-mobile__overlay.mobile-view .hamburger-menu-back,
.thegem-te-menu__overlay.desktop-view .mobile-menu-slide-close,
.thegem-te-menu__overlay.desktop-view .dl-trigger,
.thegem-te-menu-mobile__overlay.mobile-view .dl-trigger{
    display: none;
}
.thegem-te-menu__overlay.desktop-view ul.nav-menu li.dl-back,
.thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu li.dl-back{
    display: none;
}
.thegem-te-menu__overlay.desktop-view .overlay-menu-wrapper,
.thegem-te-menu-mobile__overlay.mobile-view .overlay-menu-wrapper{
    display: none;
}
.thegem-te-menu__overlay.desktop-view .overlay-menu-back,
.thegem-te-menu-mobile__overlay.mobile-view .overlay-menu-back{
    display: none;
}

/*Mobile Default*/
.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 ul.nav-menu{
    display: none;
}

/*Mobile Sliding*/
.thegem-te-menu-mobile__slide-horizontal.mobile-view .overlay-toggle,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .overlay-menu-back,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .hamburger-toggle,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .hamburger-menu-back,
.thegem-te-menu-mobile__slide-vertical.mobile-view .overlay-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .overlay-menu-back,
.thegem-te-menu-mobile__slide-vertical.mobile-view .hamburger-toggle,
.thegem-te-menu-mobile__slide-vertical.mobile-view .hamburger-menu-back{
    display: none;
}

.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-back,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper,
.thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu,
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-back,
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper,
.thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu{
    display: none;
}

/* Menu split logo */
.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.nav-menu--split.fullwidth-logo .menu-item-type-split-logo{
	width: 100%;
	justify-content: center;
}
.thegem-te-menu__default.desktop-view ul.nav-menu.absolute .menu-item-type-split-logo {
	margin-left: 150px;
	margin-right: 150px;
}
.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;
}

@media screen and (max-width: 767px) {
    .thegem-te-menu__default.desktop-view ul.nav-menu{
        display: none;
    }
    .thegem-te-menu .menu-toggle{
        display: none;
    }
    .thegem-te-menu .menu-toggle:first-of-type{
        display: block !important;
        width: 18px !important;
    }
    .thegem-te-menu .menu-toggle .menu-line-1{
        height: 2px;
        top: 9px;
    }
    .thegem-te-menu .menu-toggle .menu-line-2{
        height: 2px;
        top: 14px;
    }
    .thegem-te-menu .menu-toggle .menu-line-3{
        height: 2px;
        top: 19px;
    }
}

.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';
}

/* Hover and Active Pointers */

.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-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);
}

.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 */

.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);
}

.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 */

.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 Color */

.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);
}


/* Menu Default Hover Styles */

.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;
}

/* Menu Hamburger Hover Styles */

.style-hover-lined.style-hover-type-line-underline-1 .thegem-te-menu__hamburger.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__hamburger.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a,
.style-hover-lined.style-hover-type-line-underline-2 .thegem-te-menu__hamburger.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__hamburger.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a {
    padding-left: 0;
    padding-right: 0;
}

.style-hover-lined.style-hover-type-line-top-bottom .thegem-te-menu__hamburger.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a,
.style-hover-background.style-hover-type-background-color .thegem-te-menu__hamburger.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a {
    padding-left: 10px;
    padding-right: 10px;
}

.style-hover-background.style-hover-type-background-underline .thegem-te-menu__hamburger.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__hamburger.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a {
    padding-left: 15px;
    padding-right: 15px;
}

.style-hover-background.style-hover-type-background-extra-paddings .thegem-te-menu__hamburger.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before {
    border-radius: 3px;
}