/*╔════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗*/
/*║ HEADER I                                                                                                                                                                                                                                              ║*/
/*╚════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╝*/
/***-------------------------------------------*** Header ***-------------------------------------------***/
body.home:not(.scrolled) header { background: transparent; box-shadow: none; transition: var(--transition); }

/***-------------------------------------------*** Hamburger ***-------------------------------------------***/
body.home:not(.scrolled) #nav-icon4 span { background: var(--white); }

/***-------------------------------------------*** Desktop ***-------------------------------------------***/
@media screen and (min-width: 1201px) {
    /* Start: First-Level */
    body.home:not(.scrolled) header #hNavigation > ul > li > a { color: var(--white); }
    body.home:not(.scrolled) header #hNavigation > ul > li.current > a,
    body.home:not(.scrolled) header #hNavigation > ul > li:hover > a { color: var(--primary); }
    /* End: First-Level */

    /* Start: Toggler */
    body.home:not(.scrolled) header #hNavigation > ul > li > div.toggler > svg > path { stroke: var(--primary); }
    body.home:not(.scrolled) header #hNavigation > ul > li:hover > div.toggler > svg > path { stroke: var(--primary); }
    /* End: Toggler */
}