/* STEP 45 — CINEMATIC PAGE COVERS */

/* Shared image cover foundation */
.sub-hero,
.blog-hero,
.gallery-hero,
.involve-hero,
.sponsor-hero,
.donate-hero {
  background-color: #102b21;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
}

/* About, Programmes and Team */
.sub-hero {
  background-image:
    linear-gradient(90deg,
      rgba(5, 28, 20, .91),
      rgba(5, 28, 20, .44)),
    url("assets/images/murchison-cinematic-hero.webp");
}

/* Sponsor a Child */
.sponsor-hero {
  background-image:
    linear-gradient(90deg,
      rgba(5, 28, 20, .93),
      rgba(5, 28, 20, .42)),
    url("assets/images/murchison-cinematic-hero.webp");
}

/* Blog */
.blog-hero {
  background-image:
    linear-gradient(90deg,
      rgba(5, 28, 20, .91),
      rgba(5, 28, 20, .38)),
    url("assets/images/murchison-falls.jpg");
}

/* Gallery */
.gallery-hero {
  background-image:
    linear-gradient(90deg,
      rgba(5, 28, 20, .9),
      rgba(5, 28, 20, .38)),
    url("assets/images/murchison-cinematic-hero.webp");
}

/* Get Involved */
.involve-hero {
  background-image:
    linear-gradient(90deg,
      rgba(5, 28, 20, .92),
      rgba(5, 28, 20, .4)),
    url("assets/images/murchison-cinematic-hero.webp");
}

/* Donate */
.donate-hero {
  background-image:
    linear-gradient(90deg,
      rgba(5, 28, 20, .93),
      rgba(5, 28, 20, .42)),
    url("assets/images/murchison-cinematic-hero.webp");
}

/* Cinematic sizing */
.sub-hero,
.blog-hero,
.gallery-hero,
.involve-hero,
.sponsor-hero,
.donate-hero {
  min-height: 440px;
  box-sizing: border-box;
}

/* Text readability */
.sub-hero h1,
.blog-hero h1,
.gallery-hero h1,
.involve-hero h1,
.sponsor-hero h1,
.donate-hero h1 {
  text-shadow: 0 3px 22px rgba(0,0,0,.22);
}

/* Mobile adjustments */
@media (max-width: 700px) {
  .sub-hero,
  .blog-hero,
  .gallery-hero,
  .involve-hero,
  .sponsor-hero,
  .donate-hero {
    min-height: 360px;
    background-position: 58% center;
  }
}