/****************************
 * Desktop Menu
****************************/
.site-nav--row.main {padding:0 var(--twc-gap-container); transition:background .3s ease;}
.site-nav--row__inner {min-height:var(--twc-header-height);}
.nav-block:not(:first-child):not(.hamburger) {padding-left:50px; margin-left:50px; position:relative;}
.nav-block:not(:first-child):not(.hamburger):before {
    content:""; position:absolute; top:50%; left:0;
    height:44px; width:1px; background:#fff; opacity:.5;
    transform:translateY(-50%);
}


/* STICKY HEADER */
.site-nav--desktop {
    position:fixed; top:0; left:0; right:0; z-index:30;
    transition:var(--twc-transition);
}
.scroll-middle.scroll-down:not(.scroll-bottom) .site-nav--desktop {opacity:0; transform:translateY(-100%);}
.scroll-up:not(.scroll-top) .site-nav--desktop {box-shadow:0 0 0 1px rgba(0, 0, 0, .1);}


/* LOGO */
.nav-logo-link {display:block; height:60px;}
.nav-logo-link img {height:100%; width:auto;}

/* HAMBURGER MENU */
button.nav-hamburger {padding:5px 0; background:none;}
.nav-hamburger--lines {display:block; width:30px; height:20px; position:relative;}
.nav-hamburger--lines i {
    position:absolute; left:0;
    display:block; width:100%; height:2px; background:#fff;
    transition:var(--twc-transition);
}
.nav-hamburger--lines i:nth-child(1) {top:0;}
.nav-hamburger--lines i:nth-child(2) {top:9px;}
.nav-hamburger--lines i:nth-child(3) {bottom:0;}
.menu-open .nav-hamburger--lines i:nth-child(1) {transform:rotate(45deg); top:9px;}
.menu-open .nav-hamburger--lines i:nth-child(3) {transform:rotate(-45deg); bottom:9px;}
.menu-open .nav-hamburger--lines i:nth-child(2) {width:0; left:50%;}

/* DESKTOP MENU */
.desktop-menu ul {list-style:none; margin:0; position:relative;}
.desktop-menu ul > li {padding:0; position:relative;}
.desktop-menu ul > li > a {text-decoration:none;}
.desktop-menu ul.sub-menu ul.sub-menu {display:none;}

/* DESKTOP MENU > Lv1 */
.desktop-menu ul.menu {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.desktop-menu ul.menu > li:not(:first-child) {margin-left:42px;}
.desktop-menu ul.sub-menu > li > a,
.desktop-menu ul.menu > li > a {font-size:var(--twc-size-16px); font-weight:600; padding:5px 0; display:block;}

.desktop-menu ul:hover > li > a,
.desktop-menu:not(.has-current-item) ul.menu:hover > li > a,
.desktop-menu.has-current-item ul.menu > li > a,
.desktop-menu.has-current-item ul:hover > li[class*="current"] > a {opacity:.7;}

.desktop-menu ul.sub-menu:hover > li > a:hover,
.desktop-menu ul.menu:hover > li:hover > a,
.desktop-menu:not(.has-current-item) ul.menu:hover > li > a:hover,
.desktop-menu.has-current-item ul.menu > li > a:hover,
.desktop-menu.has-current-item ul:hover > li[class*="current"] > a:hover,
.desktop-menu.has-current-item ul > li[class*="current"] > a,
.desktop-menu ul > li[class*="current"] > a {opacity:1;}

.desktop-menu ul.menu > li > a:hover,
.desktop-menu ul.menu > li > a:focus {color:#fff;}

/* DESKTOP MENU > Lv1 has submenu */
.desktop-menu ul.menu > li[class*="has-child"] > a:after {
    content:"\e931"; font-family:var(--twc-font-icomoon); font-size:.7em;
    margin-left:10px; display:inline-block;
    transition:transform .3s ease;
}
.desktop-menu ul.menu > li[class*="has-child"]:hover > a:after {transform:rotate(180deg);}

/* DESKTOP MENU > Lv2 */
.desktop-menu li:not(:hover) > ul.sub-menu {opacity:0; visibility:hidden; pointer-events:none; top:90%;}
.desktop-menu ul.sub-menu {
    position:absolute; top:100%; left:50%; width:calc(100% + 40px); min-width:160px;
    transform:translateX(-50%);
    background:var(--twc-color-blue); padding:40px 0 5px;
    transition:var(--twc-transition);
}
.desktop-menu ul.sub-menu > li {padding:0 20px;}
.desktop-menu ul.sub-menu > li > a {
    white-space:nowrap; text-align:center;
    min-height:50px; display:flex; justify-content:center; align-items:center;
}
.desktop-menu ul.sub-menu > li:not(:last-child) > a {border-bottom:1px solid rgb(255 255 255 / 0.5);}
.desktop-menu ul.sub-menu > li > a:hover,
.desktop-menu ul.sub-menu > li > a:focus {color:#fff;}
.desktop-menu ul.sub-menu > li[class*="current"] > a {color:var(--twc-color-yellow);}

/* DESKTOP MENU > submenu animation (search submenuAnimationDelay to edit stagger time) */
.desktop-menu ul.menu > li[class*="has-child"]:hover > ul.sub-menu > li {
    animation:slide-fade-in .4s ease forwards;
    opacity:0;
}
@keyframes slide-fade-in {
    0% {transform:translate(-15px); opacity:0;}
    100% {transform:translate(0); opacity:1;}
}


@media only screen and (max-width:1280px) {
    /* LOGO */
    .nav-logo-link {height:40px;}
}


/* DESKTOP MENU > sticky */
body.scroll-middle .site-nav--desktop,
html.menu-open .site-nav--desktop {background:#12132a;}

/* Page without footer */
body.page-template-page-without-header .site-header {padding-top:var(--twc-header-height);}
.site-sticky.blue-menu .site-nav--desktop {background:var(--twc-color-dark-blue);}