Header - Logo (Scroll)

/*START - display dark logo on scrolled state */
nav#global-navbar.scroll {
    .header.theme-light .logo__img.light {
        display: none;
    }
    .header.theme-light .logo__img.dark {
        display: block;
    }
    .header.theme-auto .logo__img.light {
        display: none;
    }
    .header.theme-auto .logo__img.dark {
        display: block;
    }
}
/*END - display dark logo on scrolled state */