/* Permanent page-hero parallax fill on all screen sizes */
html body header.villas-hero {
  position: relative !important;
  overflow: hidden !important;
}

html body header.villas-hero > .parallax,
html body header.villas-hero .parallax__container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
}

html body header.villas-hero .parallax__container > .parallax {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  top: 0 !important;
  bottom: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
/* Villas of Pine Valley v36 mobile subpage seam fix
   Visual only. Does not change nav/popdown geometry.
*/
@media (max-width: 991.98px) {
  html body header.villas-hero > .parallax,
  html body header.villas-hero .parallax__container > .parallax {
    transform: scale(1.003) !important;
    transform-origin: center center !important;
  }
}

/* v39: universal-parallax's fixed image must follow its flow-positioned hero. */
html body header.villas-hero .parallax__container,
html body header.villas-hero .parallax__container > .parallax,
html body header.villas-hero > .parallax {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
}
html body header.villas-hero .parallax__container {
  overflow: hidden !important;
}