/****************************
 * Desktop Menu
****************************/
.site-desktop-hamburger {
    --ham-tri-size:var(--vii-header-height);
    position:fixed; top:0; right:0; z-index:31;
    transition:var(--vii-transition-slow);
}
.site-desktop-hamburger__inner {
    position:relative; padding:10px 10px 13px;
    width:var(--vii-header-height); height:var(--vii-header-height);
}
.site-desktop-hamburger__inner:before {
    width:0; height:0; left:auto; bottom:auto; top:var(--vii-body-padding); right:0;
    border-top:var(--ham-tri-size) solid #fff;
    border-left:var(--ham-tri-size) solid transparent;
}

/* STICKY HEADER */
.site-nav--desktop {
    position:fixed; top:0; left:0; right:0; z-index:30;
    background:#fff; border-bottom:1px solid var(--vii-color-neutral-100);
    transition:var(--vii-transition-slow);
}
.site-nav--row__inner {min-height:var(--vii-header-height); transition:var(--vii-transition-slow);}

/* Scroll middle: hide header */
html:not(.menu-open) .scroll-middle .site-nav--desktop {opacity:0; transform:translateY(-100%);}
@media only screen and (min-width:1181px) {
    body:not(.scroll-middle) .site-desktop-hamburger {opacity:0; transform:translateY(-100%);}
}


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

/* HAMBURGER MENU */
.nav-block.hamburger .nav-hamburger--lines i {right:auto; left:0;}
button.nav-hamburger {padding:5px 0; background:none;}
.nav-hamburger--lines {display:block; width:30px; height:21px; position:relative;}
.nav-hamburger--lines i {
    position:absolute; right:0;
    display:block; width:100%; height:3px; background:#000;
    transition:var(--vii-transition);
}
.nav-hamburger--lines i:nth-child(1) {top:0;}
.nav-hamburger--lines i:nth-child(2) {top:9px; width:23px;}
.nav-hamburger--lines i:nth-child(3) {bottom:0; width:13px;}
.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; width:100%;}
.menu-open .nav-hamburger--lines i:nth-child(2) {width:0; left:50%;}

/* DESKTOP MENU */
.desktop-menu ul {list-style:none; margin:0;}
.desktop-menu ul > li {padding:0; position:relative;}
.desktop-menu ul > li > a {text-decoration:none; color:var(--vii-color-text);}
.desktop-menu ul.sub-menu ul.sub-menu {display:none;}
.desktop-menu ul > li[class*="current"] > a {font-weight:700;}
.desktop-menu ul > li[class*="current"] > a,
.desktop-menu ul > li > a:hover,
.desktop-menu ul > li > a:focus {color:var(--vii-color-primary);}

/* DESKTOP MENU > Lv1 */
.desktop-menu ul.menu {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.desktop-menu ul.menu > li {padding:10px 0;}
.desktop-menu ul.menu > li:not(:last-child) {margin-right:35px;}
.desktop-menu ul.menu > li > a {}

/* DESKTOP MENU > Lv1 has submenu */
.desktop-menu ul.menu > li[class*="has-child"] > a:after {
    content:"\e931"; font-family:var(--vii-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;}
.desktop-menu ul.sub-menu {
    position:absolute; top:100%; left:-20px; min-width:calc(100% + 40px);
    background:#fff; padding:10px 0; border:1px solid var(--vii-color-neutral-200);
    transition:var(--vii-transition);
}
.desktop-menu ul.sub-menu > li {}
.desktop-menu ul.sub-menu > li > a {
    display:block; padding:5px 20px;
    white-space:nowrap;
}

/* 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;}
}