/* Adaptive nav: nav-adaptive.js adds .nav-on-light when the page behind the nav is light. */
.navigation .navigation-item,
.navigation .logo-link img,
.navigation .menu-icon { transition: color .25s ease, filter .25s ease; }

/* Dark background behind nav -> light text (default look) */
.navigation:not(.nav-on-light) .navigation-item,
.navigation:not(.nav-on-light) .navigation-item.w--current { color: #f4eedf !important; }
.navigation:not(.nav-on-light) .navigation-item:hover { color: #a86a9a !important; }

/* Light background behind nav -> dark text, dark logo and menu icon */
.navigation.nav-on-light .navigation-item,
.navigation.nav-on-light .navigation-item.w--current { color: #111 !important; }
.navigation.nav-on-light .navigation-item:hover { color: #6e0756 !important; }
.navigation.nav-on-light .logo-link img,
.navigation.nav-on-light .menu-icon { filter: brightness(0); }