/*------------------------------------------------------------------
[ECP Guard — Post-launch CSS overrides]

Must be linked AFTER master.css so these rules win.
Kept separate from the theme files (theme.css / responsive.css) so that
fixes are easy to roll back and so a new filename bypasses the 1-month
CSS cache set in .htaccess.
-------------------------------------------------------------------*/


/* ==========================================================================
   Mobile navigation — stop the empty black bar over the hero
   --------------------------------------------------------------------------
   responsive.css puts background-color:rgba(0,0,0,.95) on `.yamm`, which is
   the <nav> wrapper. Bootstrap only toggles its child `#navbar-collapse-1`,
   so the wrapper stayed visible and painted a ~50px black band (from
   Bootstrap's `.navbar{min-height:50px}`) on top of the slider, because
   `.header_mod-a` is absolutely positioned over it.

   The panel background belongs on the element that actually collapses.
   Zeroing the wrapper's min-height also stops its z-index:777 box from
   intercepting taps on the hero heading and button.
   ========================================================================== */

@media (max-width: 767px) {
  .yamm {
    background-color: transparent;
    min-height: 0;
    margin-top: 0;
    border-right: 0;
  }

  .yamm .navbar-collapse {
    background-color: rgba(0, 0, 0, 0.95);
  }
}