/* Pinned photo backgrounds for the archived Wild & Free site.
 *
 * The photo strips get the treatment the live site cannot do on its own: the
 * picture stays put while the page scrolls over it. Only layers the companion
 * script has tagged are touched, so without JavaScript the page is the plain
 * snapshot.
 */

[data-fx-parallax] {
  /* Keeps the fixed image inside its own section. */
  clip-path: inset(0);
}

/* Wix leaves a transform on the image wrapper, and a transformed ancestor makes
   position: fixed behave like absolute, which would kill the effect silently. */
[data-fx-parallax] wow-image,
[data-fx-parallax] [id^="img_"],
[data-fx-parallax] [id^="bgMedia_"] {
  transform: none !important;
  filter: none !important;
}

[data-fx-parallax] img {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center;
}

/* Phones get the flat version: pinned backgrounds are jerky on iOS, and the
   mobile layout is full width to begin with. */
@media (max-width: 767px), (prefers-reduced-motion: reduce) {
  [data-fx-parallax] img {
    position: absolute !important;
  }
}