/* Additions WordPress needs on top of the original site styles: an uploaded logo
   picture, the admin bar for logged-in users, and screen-reader text. Nothing here
   changes the look of the original design. */

/* Uploaded logo: fixed height, so the header never shifts while it loads */
.logo .logo-img{display:block;flex:none;height:var(--logo-h,30px);width:auto;max-width:min(52vw,280px);object-fit:contain}
.logo .logo-img--scrolled{display:none}
.nav.solid .logo.has-alt .logo-img{display:none}
.nav.solid .logo.has-alt .logo-img--scrolled{display:block}
.menu .logo .logo-img{height:min(var(--logo-h,30px),40px)}
.loader .kj-img{font-size:0;animation:pulse 1.2s ease-in-out infinite}
.loader .kj-img .logo-img{height:clamp(56px,11vw,120px);width:auto;max-width:70vw}
@media (max-width:560px){
  .logo .logo-img{height:var(--logo-h-m,30px);max-width:44vw}
}
.flogo{display:block;height:var(--flogo-h,40px);width:auto;max-width:80%;margin:0 auto 26px;object-fit:contain}

/* Logged-in admin bar */
.admin-bar .nav{top:32px}
.admin-bar .frag-pin{top:32px;height:calc(100vh - 32px)}
.admin-bar .frag.flat .frag-pin{top:auto;height:auto}
@media screen and (max-width:782px){
  .admin-bar .nav{top:46px}
  .admin-bar .frag-pin{top:46px;height:calc(100vh - 46px)}
}
@media screen and (max-width:600px){
  #wpadminbar{position:fixed}
}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{clip:auto!important;clip-path:none;height:auto;width:auto;margin:0;padding:12px 16px;left:8px;top:8px;z-index:100000;background:var(--void);color:var(--bone);border:1px solid var(--acc);border-radius:4px}