/* MAPSA NAVY BANNER HEIGHT V1
   Changes ONLY the dark intro area directly below the header.
   The header, logo, site widths, other dark sections, and CMS stay unchanged.
*/

/* Homepage intro: 326px -> 218px (about one third shorter). */
html body[data-page="home"] main > section.hero,
html body[data-page="home"] .hero[data-native-id="native-home-1"] {
  height: 218px !important;
  min-height: 0 !important;
}

/* Internal-page intro: shorten the vertical space; content remains visible. */
html body main > section.page-hero,
html body main .page-hero {
  padding-top: 28px !important;
  padding-bottom: 31px !important;
}

@media (max-width: 700px) {
  /* Homepage originally 480px on small screens -> 320px. */
  html body[data-page="home"] main > section.hero,
  html body[data-page="home"] .hero[data-native-id="native-home-1"] {
    height: 320px !important;
    min-height: 320px !important;
  }
  /* Keep the inner-page titles and breadcrumbs while reducing the navy area. */
  html body main > section.page-hero,
  html body main .page-hero {
    padding-top: 17px !important;
    padding-bottom: 18px !important;
  }
}