/* ============================================================
   ADI county and town pages: the homepage hero film and photo.

   Desktop and tablet play the homepage film over its poster; phones show
   the homepage's still photo. Scoped to body.location-page.wave-header.
   Load after the site-header and site-hero stylesheets, with location-hero.js.
   This folder is content-addressed: never edit a file in place, publish a
   new folder and point the page at it.
   ============================================================ */

.location-page.wave-header .hero-image {
  filter: brightness(45%);
}

@media (min-width: 769px) {
  .location-page.wave-header .hero-image {
    filter: brightness(60%);
  }
}

.location-page.wave-header .hero-video {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(60%);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.location-page.wave-header .hero-video.is-playing {
  opacity: 1;
}

@media (min-width: 769px) {
  .location-page.wave-header .hero-video {
    display: block;
  }
}