/* Lightweight tune-ups for the Bootstrap navbar to resemble our previous header */
#bs-navigation .navbar {
  border: 1px solid rgba(0,0,0,.06);
  align-items: center; /* ensure brand, toggler, collapse are vertically centered */
}
#bs-navigation { --navlink-top-nudge: 2px; }
#bs-navigation .navbar-nav .nav-link {
  padding: calc(.5rem + var(--navlink-top-nudge)) .75rem calc(.5rem - var(--navlink-top-nudge));
  font-weight: 500;
  display: flex;
  align-items: center; /* vertically center text/icons within navbar height */
  line-height: 1; /* tighter line-height helps visual centering */
}
#bs-navigation .navbar-nav .dropdown-toggle::after {
  vertical-align: middle; /* center the caret */
  margin-top: 0;
}
#bs-navigation .navbar-toggler { align-items: center; }
@media (max-width: 991.98px) {
  #bs-navigation .navbar-toggler { display: flex; }
}
@media (min-width: 992px) {
  #bs-navigation .navbar-toggler { display: none !important; }
}
#bs-navigation .navbar-brand img { display: block; }
#bs-navigation .dropdown-menu {
  margin-top: .5rem;
}
#bs-navigation .navbar-brand span {
  font-size: 1.05rem;
}
/* Ensure it sits above charts and other content when sticky */
#bs-navigation { z-index: 1000; }

/* Full-bleed look when page is scrolled to the very top */
#bs-navigation {
  transition: padding .2s ease, background-color .2s ease, box-shadow .2s ease;
}
#bs-navigation.at-top {
  background-color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
}
#bs-navigation.at-top .navbar {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Make inner container fluid when at the very top to avoid side gaps over imagery */
#bs-navigation.at-top .navbar { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; transition: max-width .25s ease, border-color .2s ease, border-radius .2s ease, box-shadow .2s ease, padding .2s ease, margin .2s ease; }

/* On scroll (not at top), bring back spacing and shrink navbar width on large screens */
#bs-navigation:not(.at-top) {
  background: transparent;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
@media (min-width: 992px) { /* lg and up */
  #bs-navigation:not(.at-top) .navbar {
    max-width: 1140px; /* roughly Bootstrap xl container */
    margin-left: auto;
    margin-right: auto;
  }
}