/* Oasis case study — transcribed from Elementor post-4690.css */

/* hero (section 5f147dbe / inner 4d091c6) */
.oasis-hero { background-color: #FFC443; }
.oasis-hero-cols { margin-top: 30px; margin-bottom: 30px; }
.oasis-title {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 72px;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-shadow: 4px 14px 7px rgba(213, 151, 16, 0.62);
  color: #272b2b;
  line-height: 1.2;
}
.oasis-sub { margin-bottom: 0; }
.oasis-intro { padding-top: 10px; }
.oasis-button { background-color: #69DCDC; }
.oasis-button:hover, .oasis-button:focus { background-color: #29CECE; color: #fff; }

/* 50px Elementor spacer widgets (4ba7fdfe / 67f3c0f6 / 66a30e4) */
.oasis-spacer { height: 50px; }

/* tagline (54a840db): centered, widget-container margin 0 20px */
.oasis-tagline {
  margin: 0 20px;
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.6em;
  color: #FFC443;
}

/* numbered section heading rows (2065f7de / 7c84dea6 / 8edda86) */
.oasis-numbered { margin-top: 50px; margin-bottom: 50px; }
.oasis-h2 {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.2;
  color: #222222;
}

/* divider widgets (48b4171b / 72437129 / db43301) */
.oasis-divider { font-size: 0; line-height: 0; }
.oasis-divider-sep {
  display: inline-block;
  width: 50%;
  border-top: 3px solid #29CECE;
}

/* Elementor column margin-right 20px (6357362 / 512c83a9 / 462c5db8 / 4393ebc)
   folded into the 10px column padding */
.oasis-gap-r { padding-right: 30px; }

/* section 02 background (2556f842) */
.oasis-action { background-color: #F8F8F8; }

/* video widget (a6f8cf3): image overlay + play button, opens lightbox */
.oasis-video-overlay {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.oasis-video-overlay { aspect-ratio: 16 / 9; overflow: hidden; }
.oasis-video-overlay img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.oasis-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 0.8;
  transition: opacity 0.3s;
  pointer-events: none;
}
.oasis-video-overlay:hover .oasis-video-play,
.oasis-video-overlay:focus .oasis-video-play { opacity: 1; }
.oasis-video-play svg {
  display: block;
  width: 100px;
  height: 100px;
  fill: currentColor;
  filter: drop-shadow(1px 0 6px rgba(0, 0, 0, 0.3));
}

/* lightbox (mirrors Elementor's video lightbox) */
.oasis-lightbox {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
}
.oasis-lightbox[hidden] { display: none; }
.oasis-lightbox-frame {
  width: min(90vw, calc((100vh - 120px) * 1.77777));
  aspect-ratio: 16 / 9;
  background: #000;
}
.oasis-lightbox-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.oasis-lightbox-close {
  position: absolute;
  top: 10px;
  right: 18px;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  font-size: 40px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.8;
}
.oasis-lightbox-close:hover { opacity: 1; }

@media (max-width: 767px) {
  .oasis-divider-sep { width: 90%; }
}