/* Site Banner - top-of-page announcement bar (inc/site-banner.php) */
#site-banner{background:#000;color:#fff;font-family:var(--body);font-size:.9rem;line-height:1.4;border-bottom:4px solid var(--secondary)}
#site-banner .site-banner-inner{max-width:1400px;margin:0 auto;padding:.65rem 1rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .75rem;text-align:center}
#site-banner p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
#site-banner strong{font-weight:700}
#site-banner a{color:#fff;text-decoration:underline;text-underline-offset:3px}
#site-banner a:hover,#site-banner a:focus{color:var(--secondary)}
#site-banner .site-banner-link{font-weight:700;white-space:nowrap}
#site-banner .site-banner-link::after{content:"\2192";margin-left:.35em;display:inline-block;text-decoration:none}
@media (max-width:767px){#site-banner{font-size:.8rem}#site-banner .site-banner-inner{padding:.5rem 1rem}}

/* Banner lives inside #hdr-site: the red stripe moves from the header top to the banner bottom */
body.has-site-banner #hdr-site{border-top:0}
/* Desktop header is fixed: 118px = 128px default offset minus the header's 10px stripe, plus full banner height incl. its 4px stripe */
@media (min-width:992px){body.has-site-banner{--fixed-header-height:calc(118px + var(--site-banner-height,44px))}}