/* CORALLI v2.15.36 - one photographic background across the booking journey */
body > .cb-journey-background {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: #e8f1ef;
}
.cb-journey-background .cb-journey-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center 52%;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 1.4s ease-in-out;
}
.cb-journey-background .cb-journey-slide.is-active {opacity: 1}
.cb-journey-background::after {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,.88) 0%,
    rgba(255,255,255,.72) 34%,
    rgba(255,255,255,.42) 58%,
    rgba(255,255,255,.20) 100%
  );
}
body.cb-results-mode .cb-journey-background::after {
  background: rgba(255,255,255,.73);
}
body.cb-results-mode.cb-no-results-mode .cb-journey-background::after {
  background: rgba(255,255,255,.76);
}
/* Always keep visible, selectable content above the noninteractive background. */
body:has(> .cb-journey-background) > main,
body:has(> .cb-journey-background) > header,
body:has(> .cb-journey-background) > footer {
  position: relative;
  z-index: 1;
}
body:has(> .cb-journey-background) .cb-hero {
  background: transparent !important;
  background-image: none !important;
}
body:has(> .cb-journey-background) .cb-hero-art {
  display: none !important;
}
body:has(> .cb-journey-background) .cb-hero-copy {
  text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
body:has(> .cb-journey-background) .cb-no-results-card,
body:has(> .cb-journey-background) .cb-results .cb-filters {
  background: rgba(255,255,255,.97);
}
body.cb-demo-journey > main,
body.cb-mybooking-journey > main {
  position: relative;
  z-index: 1;
}
body.cb-demo-journey .cb-journey-background::after,
body.cb-mybooking-journey .cb-journey-background::after {
  background: rgba(248,252,252,.78);
}
body.cb-demo-journey,
body.cb-mybooking-journey {
  background: #e8f1ef !important;
}
@media(max-width:900px) {
  .cb-journey-background .cb-journey-slide {background-position:58% center}
  .cb-journey-background::after {background:rgba(255,255,255,.81)}
  body.cb-results-mode .cb-journey-background::after {background:rgba(255,255,255,.82)}
}
@media print {
  .cb-journey-background {display:none!important}
  body.cb-mybooking-journey {background:#fff!important}
}