/* Sizing the Wix runtime used to apply with JavaScript. */

/* page background photo: fills the fixed background layer */
#BACKGROUND_GROUP wow-image.bgImage > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

/* mobile: Wix keeps the photo taller than the visible viewport so it does not jump when the browser toolbar collapses */
body.device-mobile-optimized #BACKGROUND_GROUP [id^="pageBackground_"] {
  height: 100vh;
  height: calc(100lvh + 80px);
}
body.device-mobile-optimized #BACKGROUND_GROUP wow-image.bgImage > img {
  position: absolute;
  top: 0;
  left: 0;
}

/* Whatever shows behind the page (between page loads, while the phone's toolbar slides away, on overscroll)
   is dark like the photo instead of the browser's default white. */
html {
  background: #000;
}

/* Page transition (desktop): only the page content cross-fades. Header, footer and background stay put, so their
   outgoing snapshot is dropped. Otherwise old and new copies overlap for the whole fade and the browser's default
   plus-lighter blending makes the menu and icons visibly brighter. */
::view-transition-old(header-group),
::view-transition-old(footer-group),
::view-transition-old(background-group) {
  display: none;
}
::view-transition-new(header-group),
::view-transition-new(footer-group),
::view-transition-new(background-group) {
  mix-blend-mode: normal;
}