/* Static-site helpers for the Allay Hospice Cloudflare Pages copy. */

.cmplz-close,
.cmplz-divider,
.cmplz-body,
.cmplz-buttons,
.cmplz-links,
.cmplz-documents,
.cmplz-categories,
.cmplz-manage-consent,
.cmplz-cookiebanner,
#cmplz-cookiebanner-container {
  display: none !important;
}

.static-form-note {
  background: #faf6ee;
  border: 1px solid #fadea6;
  color: #556767;
  padding: 12px 16px;
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 4px;
}

.static-form-note a {
  color: #583d82;
  text-decoration: underline;
}

/* Hero slider: keep a photo visible even if Slider Revolution JS does not boot. */
#rev_slider_1_1_wrapper,
rs-module-wrap {
  visibility: visible !important;
  min-height: 100vh !important;
  height: 100vh !important;
  background-color: #2a1b40 !important;
  background-image: url("/wp-content/uploads/sites/20/2022/05/allay-home-1-1.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative !important;
}

.tp-loader,
rs-module-wrap .spinner0,
#rev_slider_1_1_wrapper .tp-loader {
  display: none !important;
}

#rev_slider_1_1_wrapper:not(.rs-booted) rs-module,
#rev_slider_1_1_wrapper:not(.rs-booted) rs-slides {
  opacity: 0 !important;
}

#rev_slider_1_1_wrapper.rs-booted,
rs-module-wrap.rs-booted {
  background-image: none;
}

.static-hero-copy {
  position: absolute;
  z-index: 20;
  left: 12%;
  top: 38%;
  max-width: 680px;
  color: #fff;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
  pointer-events: none;
}

.static-hero-copy h1 {
  font-family: "Playfair Display", serif;
  font-size: clamp(32px, 3.6vw, 54px);
  font-weight: 700;
  line-height: 1.15;
  color: #fff;
  margin: 0 0 18px;
}

.static-hero-copy p {
  font-family: "Open Sans", sans-serif;
  font-size: 19px;
  line-height: 29px;
  margin: 0 0 28px;
  max-width: 640px;
}

.static-hero-copy a {
  pointer-events: auto;
  display: inline-block;
  padding: 0 35px;
  line-height: 48px;
  background: #fff;
  color: #000;
  border-radius: 4px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  text-shadow: none;
}

@media (max-width: 767px) {
  #rev_slider_1_1_wrapper,
  rs-module-wrap {
    min-height: 70vh;
  }

  .static-hero-copy {
    left: 6%;
    right: 6%;
    top: 42%;
    text-align: center;
  }
}