/* Maroon navigation bar; overrides navigation.css, which navigation.js injects later */
body .shared-site-nav {
  background: #3d0f08;
  border-bottom: 1px solid #5a1a10;
  box-shadow: 0 3px 12px rgba(40, 8, 4, 0.35);
}

body .shared-site-nav .nav-links a,
body .shared-site-nav .nav-group-toggle {
  color: #ffffff;
}

body .shared-site-nav .nav-links a:hover,
body .shared-site-nav .nav-links a:focus-visible,
body .shared-site-nav .nav-group-toggle:hover,
body .shared-site-nav .nav-group-toggle:focus-visible,
body .shared-site-nav .nav-links a[aria-current="page"] {
  background: rgba(255, 255, 255, 0.08);
  color: #e0b878;
  outline-color: #e0b878;
}

body .shared-site-nav .dropdown-menu {
  border-color: #5a1a10;
  background: #4a140b;
  box-shadow: 0 10px 24px rgba(40, 8, 4, 0.4);
}

@media (max-width: 1050px) {
  body .shared-site-nav .nav-toggle {
    border-color: #7a3a2c;
    background: transparent;
    color: #ffffff;
  }

  body .shared-site-nav .nav-links {
    border-bottom-color: #5a1a10;
    background: #3d0f08;
  }

  body .shared-site-nav .dropdown-menu {
    border-left-color: #7a3a2c;
    background: transparent;
  }
}