/* Menu bar shared by every page on democraticwinsmedia.org: dark blue, always on screen. */
html{scroll-padding-top:84px}
.site-top{--sn:#0f1431;position:sticky;top:0;z-index:100;background:var(--sn);color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;box-shadow:0 1px 0 rgba(255,255,255,.1)}
.site-bar{display:flex;align-items:center;gap:22px;max-width:1560px;height:60px;margin:0 auto;padding:0 clamp(16px,3.5vw,56px)}
.site-brand{display:flex;align-items:center;margin-right:auto;min-width:0;color:#fff;text-decoration:none}
.site-brand img{height:30px;width:auto;display:block;flex:none}
.site-nav{display:flex;align-self:stretch}
.site-nav a{display:flex;align-items:center;padding:3px 15px 0;color:#bfcff8;font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}
.site-nav a:hover{color:#fff}
.site-nav a[aria-current=page]{color:#fff;border-bottom-color:#be1e2d}
.site-cta{flex:none;padding:9px 18px;background:#fff;color:var(--sn);font-size:15px;font-weight:600;text-decoration:none}
.site-cta:hover{background:#dbe6ff}
.site-top a:focus-visible{outline:3px solid #8fb4ff;outline-offset:-3px}

@media(max-width:760px){
  html{scroll-padding-top:112px}
  .site-bar{flex-wrap:wrap;height:auto;gap:0 12px;padding-top:8px;padding-bottom:0}
  .site-brand img{height:25px}
  .site-cta{padding:8px 15px;font-size:14.5px}
  .site-nav{order:3;flex:0 0 100%;margin:4px 0 0 -12px;overflow-x:auto;scrollbar-width:none}
  .site-nav::-webkit-scrollbar{display:none}
  .site-nav a{height:38px;padding:3px 12px 0;font-size:14.5px}
}
