/* =========================================================
   ST7D v7.3.4 - NAVBAR SCROLL REFINEMENT
   Keeps the v7.3.3 creative navbar intact, but makes the
   sticky-header compact state intentionally subtle.
   ========================================================= */

@media (min-width:1281px){
  .header{
    transition:height .18s ease,background .18s ease,box-shadow .18s ease,padding .18s ease!important;
  }

  .header.header-scrolled{
    height:76px!important;
    background:rgba(7,7,9,.955)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.28),inset 0 -1px rgba(235,43,43,.045)!important;
  }

  /* Do not visibly scale the brand or controls when scrolling. */
  .header.header-scrolled .logo-wrap{
    width:102px!important;
    height:54px!important;
    flex-basis:102px!important;
  }

  .header.header-scrolled .primary-nav>.nav-primary-link,
  .header.header-scrolled .nav-menu-toggle{
    min-height:36px!important;
  }

  .header.header-scrolled .primary-nav>a[href="vote.html"],
  .header.header-scrolled .primary-nav>.nav-donor-link{
    min-height:34px!important;
  }
}

@media (min-width:1281px) and (max-width:1680px){
  .header.header-scrolled .logo-wrap{
    width:94px!important;
    height:54px!important;
    flex-basis:94px!important;
  }
}

@media (min-width:1281px) and (max-width:1420px){
  .header.header-scrolled .logo-wrap{
    width:88px!important;
    height:54px!important;
    flex-basis:88px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .header{transition:none!important}
}