/*
 * OS Framework 4.5 — Header Region layout.
 *
 * The region groups the Top Header and Header and keeps their visual height aligned with the rendered content.
 */

.os-header-region,
.os-header-region *{
  box-sizing:border-box;
}

.os-header-region{
  position:relative;
  z-index:1000;
  width:100%;
}

.os-top-header-shell,
.os-header-shell{
  width:100%;
}

.os-header-shell{
  min-height:var(--os-header-auto-height,0px);
}

.os-header-shell > :first-child{
  min-height:var(--os-header-auto-height,0px);
}

body.os-header-mode-overlay > .os-header-region{
  position:absolute;
  inset:0 0 auto;
  z-index:1000;
  width:100%;
}

body.admin-bar.os-header-mode-overlay > .os-header-region{
  top:32px;
}

@media (max-width:782px){
  body.admin-bar.os-header-mode-overlay > .os-header-region{
    top:46px;
  }
}