/*
 * OS Framework 4.5 — Header Region layout.
 *
 * The region groups the Top Header and Header. Their heights remain natural:
 * no component-height variable, offset or Hero-specific selector is required.
 */

.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%;
}

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;
  }
}