/* Homepage: let the hero photograph show through both header rows. */
body.subpage-transparent-header > .platform-header.platform-header {
  background: linear-gradient(180deg, rgba(5, 31, 22, .32), rgba(5, 31, 22, .12)) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.subpage-transparent-header > .platform-header .platform-nav {
  background: transparent !important;
  border-color: rgba(255, 255, 255, .24) !important;
}

body.subpage-transparent-header > .platform-header .platform-nav a,
body.subpage-transparent-header > .platform-header .header-app-actions > *,
body.subpage-transparent-header > .platform-header .home-company-name {
  color: #fff !important;
  text-shadow: 0 1px 7px rgba(0, 0, 0, .45) !important;
}

body.subpage-transparent-header > .platform-header .platform-nav a.active,
body.subpage-transparent-header > .platform-header .platform-nav a:hover,
body.subpage-transparent-header > .platform-header .header-app-actions > *:hover,
body.subpage-transparent-header > .platform-header .header-app-actions > *:focus-visible {
  color: #ffb06d !important;
}

/* Keep white navigation readable over content after leaving the hero. */
body.subpage-transparent-header.header-scrolled > .platform-header.platform-header {
  background: rgba(7, 38, 27, .82) !important;
}

@media (max-width: 760px) {
  body.subpage-transparent-header > .platform-header .platform-nav.open {
    background: rgba(7, 38, 27, .82) !important;
  }
}

/* Start each page banner behind the fixed header. */
body.subpage-transparent-header { padding-top: 0 !important; }
body.subpage-transparent-header > main { padding-top: 0 !important; }
body.subpage-transparent-header > .platform-header.platform-header { background: linear-gradient(180deg,rgba(5,31,22,.65),rgba(5,31,22,.25)) !important; }
body.subpage-transparent-header .platform-logo::after { color: #fff !important; }
body.subpage-transparent-header .info-hero,
body.subpage-transparent-header .sub-hero,
body.subpage-transparent-header .page-hero { padding-top: 210px !important; }
body.subpage-transparent-header .catalog-hero { padding-top: 0 !important; }
body.subpage-transparent-header .catalog-hero-copy { padding-top: 210px; }
@media(max-width:760px) {
 body.subpage-transparent-header .info-hero,
 body.subpage-transparent-header .sub-hero,
 body.subpage-transparent-header .page-hero,
 body.subpage-transparent-header .catalog-hero-copy { padding-top: 190px !important; }
}