.view-page,
body[class^="view-"],
body[class*=" view-"] {
  background-color: var(--color-body-bg);
  background-image: none;
}

.mg-parallax-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  isolation: isolate;
  background-color: var(--color-body-bg);
}

.mg-parallax-layer {
  position: absolute;
  inset: -24vh -20vw;
  z-index: 0;
  background-repeat: no-repeat;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

.mg-parallax-layer--base {
  background-image:
    var(--parallax-base-overlay, linear-gradient(162deg, rgba(208, 221, 246, 0.34) 0%, rgba(224, 236, 255, 0.18) 46%, rgba(228, 220, 243, 0.3) 100%)),
    var(--mg-parallax-base-image, url('../../img/parallax/base.webp'));
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
}

.mg-parallax-layer--fiber {
  inset: -28vh -22vw;
  z-index: 1;
}

.mg-parallax-media {
  display: block;
  width: 100%;
  height: 100%;
}

.mg-parallax-media__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.mg-parallax-media__image--fiber {
  opacity: var(--parallax-fiber-opacity, 0.18);
  filter: var(--parallax-fiber-filter, none);
}

.mg-site-layer {
  position: relative;
  z-index: 1;
  padding-bottom: 0;
}

@media (max-width: 991.98px) {
  .mg-site-layer {
    padding-bottom: var(--mobile-bottom-clearance);
  }
}

/* reCAPTCHA badge must stay above the parallax content layer to keep hover/click. */
body .grecaptcha-badge,
body .grecaptcha-badge iframe {
  z-index: 2205 !important;
  pointer-events: auto !important;
}

.mg-parallax-bg.is-reduced-motion .mg-parallax-layer {
  transform: translate3d(0, 0, 0) !important;
}

@media (max-width: 767.98px) {
  .mg-parallax-layer {
    inset: -12vh -10vw;
  }

  .mg-parallax-layer--base {
    background-image:
      var(--parallax-base-overlay, linear-gradient(162deg, rgba(208, 221, 246, 0.34) 0%, rgba(224, 236, 255, 0.18) 46%, rgba(228, 220, 243, 0.3) 100%)),
      var(--mg-parallax-base-image-mobile, var(--mg-parallax-base-image, url('../../img/parallax/base-mobile.webp')));
  }

  .mg-parallax-layer--fiber {
    inset: -14vh -12vw;
  }

  .mg-parallax-media__image--fiber {
    opacity: var(--parallax-fiber-opacity-mobile, 0.22);
  }
}