/* ---------------------------------------------------------------------------
   Custom overrides for hdsncnw.com. Loaded AFTER the compiled Start Bootstrap
   "Creative" theme (css/styles.css) so these rules win. Do NOT hand-edit the
   compiled theme; put site-specific tweaks here.
   --------------------------------------------------------------------------- */

/* NCNW navbar logo.
   The theme's navbar is transparent over the dark masthead at the top of the
   page (desktop) and turns white when scrolled / on mobile -- which is why the
   theme swaps its brand text white <-> dark. The logo follows the same rule:
   white variant on the dark top state, purple variant on the white state. */
#mainNav .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}
#mainNav .navbar-brand img {
  height: 48px;
  width: auto;
  display: block;
}
#mainNav .navbar-brand .logo-white  { display: none; }   /* default: mobile + scrolled (white bar) -> purple */
#mainNav .navbar-brand .logo-purple { display: block; }

@media (min-width: 992px) {
  /* desktop, top of page (transparent bar over the dark masthead) -> white */
  #mainNav:not(.navbar-scrolled) .navbar-brand .logo-purple { display: none; }
  #mainNav:not(.navbar-scrolled) .navbar-brand .logo-white  { display: block; }
}