/* CodeLuma mobile navigation accessibility */
@media (max-width: 900px) {
  body nav:not([aria-label="CodeLuma quick navigation"]) a,
  body .mobile-menu a,
  body .mobile-nav a,
  body .nav-menu a,
  body .navbar-menu a,
  body .main-menu a,
  body .site-nav a,
  body .menu-toggle {
    color: #f7fbff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
  }

  body nav:not([aria-label="CodeLuma quick navigation"]) ul,
  body .mobile-menu,
  body .mobile-nav,
  body .nav-menu,
  body .navbar-menu,
  body .main-menu,
  body .site-nav {
    background: #0c1930 !important;
  }

  body nav:not([aria-label="CodeLuma quick navigation"]) a:hover,
  body nav:not([aria-label="CodeLuma quick navigation"]) a:focus,
  body .mobile-menu a:hover,
  body .mobile-menu a:focus,
  body .mobile-nav a:hover,
  body .mobile-nav a:focus,
  body .nav-menu a:hover,
  body .nav-menu a:focus,
  body .navbar-menu a:hover,
  body .navbar-menu a:focus,
  body .main-menu a:hover,
  body .main-menu a:focus,
  body .site-nav a:hover,
  body .site-nav a:focus {
    color: #ffffff !important;
    background: rgba(88, 129, 255, .25) !important;
    outline: 2px solid rgba(129, 158, 255, .8);
    outline-offset: 3px;
  }

  body nav:not([aria-label="CodeLuma quick navigation"]) a.active,
  body nav:not([aria-label="CodeLuma quick navigation"]) a[aria-current="page"],
  body .mobile-menu a.active,
  body .mobile-nav a.active,
  body .nav-menu a.active,
  body .navbar-menu a.active,
  body .main-menu a.active,
  body .site-nav a.active {
    color: #d8dcff !important;
    opacity: 1 !important;
    font-weight: 800 !important;
  }
}