/***************************************************************
# Header parity
#
# Every legacy page renders the same header partial, but
# `theme.css` repositions it on three templates: the home page
# and All Developments float it over the hero with their own
# offsets, padding and alignment, and those two plus New Schemes
# frame the page at 10px instead of 0.5rem. Moving between pages
# made the logo, menus, social icons and button jump by 2–48px.
#
# This puts all three back on the geometry every other page has
# (0.5rem frame, 45px utility strip, masthead padded 0.5rem with
# its columns centred). The home and All Developments headers
# stay absolute and transparent over the hero — only their
# position changes.
#
# Desktop only: at 1100px and below `theme.css` hides both bars
# for the mobile header and sets its own body padding.
#
# Loaded only on those three templates — see `template_styles`
# in config/legacy.php.
#
***************************************************************/

@media not all and (max-width: 1100px) {
  .page-template-home-2023,
  .page-template-all-developments-new,
  .page-template-new-schemes {
    padding: 0.5rem;
  }

  .page-template-home-2023 .top-head,
  .page-template-all-developments-new .top-head {
    top: 0.5rem;
    left: 0.5rem;
    right: 0.5rem;
    height: 45px;
    padding-top: 10px;
  }

  .page-template-home-2023 .site-header,
  .page-template-all-developments-new .site-header {
    top: calc(0.5rem + 45px);
    left: 0.5rem;
    right: 0.5rem;
    padding: 0.5rem 0;
  }

  .page-template-home-2023 .site-header__row.container {
    align-items: center;
  }

  .page-template-home-2023 .site-header__col.site-header__col--mobile-hide,
  .page-template-home-2023 .site-header__row .site-header__col:last-child {
    display: block;
  }
}

/* The home page's `display: flex` above also beat the rule that hides the
   menu column below 1200px everywhere else. */
@media (max-width: 1199.99px) {
  .page-template-home-2023 .site-header__col.site-header__col--mobile-hide {
    display: none;
  }
}