/****************************
 * Desktop Menu
****************************/
.nav-block.main {position:relative; height:var(--ifs-header-height); margin-right:25px;}
.menu-control {transition:var(--ifs-transition);}
@media only screen and (min-width:1181px) {
    html.menu-open .menu-control.menu-closing,
    html:not(.menu-open) .menu-control.menu-opening {opacity:0; visibility:hidden;}
}

.quick-panel ul {margin:0; list-style:none;}
.quick-panel ul li {padding:0;}
.quick-panel ul li:not(:last-child) {margin-right:45px;}
.quick-panel a {text-decoration:none;}


/* STICKY HEADER */
.site-nav--desktop {
    position:fixed; top:0; left:0; right:0; z-index:30;
    background: #f3d733; padding: 20px 30px;
    transition:var(--ifs-transition);
}
.home .site-nav--desktop .nav-logo a.nav-logo-link{
    background-image: url(../../../../../../www.intelligence4start.com/wp-content/uploads/2022/12/I4S_Agency_Logo-129x150.png)!important;
}
@media only screen and (max-width:900px) {
    .home .site-nav--desktop .nav-logo {
        visibility: visible;
    }
}
.site-nav--desktop .main a{
    color: #000;
}
.home .site-nav--desktop .main a{
    color: #000;
}
.home .site-nav--desktop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 30;
    background: #ffffffa1;
    padding: 20px 30px;
    transition: var(--ifs-transition);
}
body:not(.home).scroll-top .site-nav--desktop {
    background: transparent;
}
.home.scroll-top .site-nav--desktop {
    background: #ffffffa1;
}

.home.scroll-up:not(.scroll-top) .site-nav--desktop .nav-logo a.nav-logo-link{
    background-image: url(../../../../../../www.intelligence4start.com/wp-content/uploads/2022/12/I4S_Agency_BnW_Logo-129x150.png)!important;
}

.home.scroll-up:not(.scroll-top) .site-nav--desktop {
    background: #f3d733;
}
.site-nav--row__inner {height:var(--ifs-header-height);}

/* Scroll middle down: hide header */
html:not(.accordion-moving) .scroll-middle.scroll-down:not(.scroll-bottom) .site-nav--desktop {opacity:0; transform:translateY(-100%);}

/* Scroll middle up: show header with separator */
.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:80px;}
.nav-logo-link img {height:100%; width:auto;}

/* HAMBURGER MENU */
/*button.nav-hamburger {*/
/*    padding:5px 0; background:none;*/
/*    width:55px; height:55px; border-radius:50%; background:var(--ifs-color-primary);*/
/*}*/
button.nav-hamburger {
    padding:5px 0; background:none;
    width:55px; height:55px; border-radius:50%; background: transparent;
}
.nav-hamburger--lines {display:block; width:23px; height:17px; position:relative;}
.nav-hamburger--lines i {
    position:absolute; left:0;
    display:block; width:100%; height:3px; background:var(--ifs-color-on-primary);
    transition:var(--ifs-transition); border-radius:30px;
}
.nav-hamburger--lines i:nth-child(1) {top:0;}
.nav-hamburger--lines i:nth-child(2) {top:7px;}
.nav-hamburger--lines i:nth-child(3) {bottom:0;}
.menu-open .nav-hamburger--lines i:nth-child(1) {transform:rotate(45deg); top:7px;}
.menu-open .nav-hamburger--lines i:nth-child(3) {transform:rotate(-45deg); bottom:7px;}
.menu-open .nav-hamburger--lines i:nth-child(2) {width:0; left:50%;}
button.nav-hamburger:hover {box-shadow:0 0 0 1px #fff;}

button.nav-hamburger:hover {
    background-color: #57575733;
}

/* DESKTOP MENU */
.desktop-menu {left:auto;}
.desktop-menu ul {list-style:none; margin:0;}
.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 {padding:20px 0;}
.desktop-menu ul.menu > li:not(:last-child) {margin-right:45px;}
.desktop-menu ul.menu > li > a {white-space:nowrap; opacity:.5;}
.desktop-menu ul.menu > li[class*="has-child"]:hover > a,
.desktop-menu ul.menu > li[class*="current"] > a:hover,
.desktop-menu ul.menu > li[class*="current"] > a,
.desktop-menu ul.menu > li > a:hover,
.desktop-menu ul.menu > li > a:focus {color: black; opacity:1; text-decoration:underline;}
.desktop-menu ul.menu > li[class*="current"] > a {text-decoration:none;}

/* DESKTOP MENU > Lv1 has submenu */
.desktop-menu ul.menu > li[class*="has-child"] > a:after {
    content:"\e931"; font-family:var(--ifs-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;
    transition:var(--ifs-transition);
    box-shadow:var(--ifs-shadow);
    border-radius:10px;
}
.desktop-menu ul.menu > li > ul.sub-menu:before {
    content:"\e95c"; font-family:var(--ifs-font-icomoon); color:#fff;
    position:absolute; bottom:100%; left:50%; line-height:1;
    transform:translate(-50%, 10px);
    font-size:27px;
}
.desktop-menu ul.sub-menu > li > a {
    display:block; padding:5px 20px; color:#000;
    white-space:nowrap; opacity:.5;
}
.desktop-menu ul.sub-menu > li[class*="current"]:not(.menu-item-type-custom) > a,
.desktop-menu ul.sub-menu > li > a:hover {opacity:1; color:#000; text-decoration:underline;}

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


/* DESKTOP MENU > Lv3 (mega) */
.desktop-menu .mega-menu > ul.sub-menu {
    display:flex;
    left:50%; transform:translateX(-50%);
    padding:40px 80px;
}
.desktop-menu .mega-menu > ul.sub-menu > li {}
.desktop-menu .mega-menu > ul.sub-menu > li:not(:last-child) {padding-right:80px;}
.desktop-menu .mega-menu > ul.sub-menu > li > a {font-size:var(--ifs-size-20); font-weight:700; opacity:1;}

.desktop-menu .mega-menu > ul.sub-menu ul.sub-menu {
    display:block; position:relative; top:auto; left:auto; min-width:auto;
    opacity:1; visibility:visible; box-shadow:none; padding:0;
}
.desktop-menu .mega-menu > ul.sub-menu ul.sub-menu li {padding:7px 0;}
.desktop-menu .mega-menu > ul.sub-menu ul.sub-menu a {padding:0; opacity:1; display:inline-block; font-size:var(--ifs-size-16); text-decoration:none;}
.desktop-menu .mega-menu > ul.sub-menu ul.sub-menu li[class*="current"] > a {font-weight:500;}
.desktop-menu .mega-menu > ul.sub-menu ul.sub-menu li[class*="current"] > a,
.desktop-menu .mega-menu > ul.sub-menu ul.sub-menu a:hover,
.desktop-menu .mega-menu > ul.sub-menu ul.sub-menu a:focus {text-decoration:underline; color:var(--ifs-color-black);}
.desktop-menu .mega-menu > ul.sub-menu ul.sub-menu li[class*="current"] > a:before {background:var(--ifs-color-primary);}
.desktop-menu .mega-menu ul.sub-menu > li > a {padding-right:0; padding-left:0;}
.txt_color_white .mega-menu [class*="btn_underline"] {--ifs-color-black:#171617;}

/* DESKTOP MENU > Lv3 (mega:compact) */
.desktop-menu .mega-menu > ul.sub-menu.compact-layout {padding:40px 60px;}
.desktop-menu .mega-menu > ul.sub-menu.compact-layout > li:not(:last-child) {padding-right:60px;}


@media only screen and (max-width:1400px) {
    /* DESKTOP MENU > Lv3 (mega:compact) */
    .desktop-menu .mega-menu > ul.sub-menu.compact-layout {padding:40px;}
    .desktop-menu .mega-menu > ul.sub-menu.compact-layout > li:not(:last-child) {padding-right:40px;}
    .desktop-menu .mega-menu > ul.sub-menu.compact-layout {flex-wrap:wrap; width:80vw; left:12vw;}
    .desktop-menu .mega-menu > ul.sub-menu.compact-layout > li {width:33.33%;}
    .desktop-menu ul.menu > li > ul.sub-menu.compact-layout:before {left:40%;}
}
@media only screen and (max-width:1180px) {
    /* Header */
    .menu-control.menu-opening {display:none;}
    .site-nav--desktop {padding: 20px;}

    /* LOGO */
    .nav-logo-link {height: 60px;}

    /* HAMBURGER MENU */
    button.nav-hamburger {width:45px; height:45px;}
}
@media only screen and (max-width:768px) {
    .nav-block.main {display:none;}
}