.elementor-14674 .elementor-element.elementor-element-45fd905 > .elementor-container > .elementor-row{align-items:center;}.elementor-14674 .elementor-element.elementor-element-45fd905:not(.elementor-motion-effects-element-type-background), .elementor-14674 .elementor-element.elementor-element-45fd905 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-14674 .elementor-element.elementor-element-45fd905{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:100px;}.elementor-14674 .elementor-element.elementor-element-45fd905 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-14674 .elementor-element.elementor-element-0a63425{--spacer-size:196px;}.elementor-14674 .elementor-element.elementor-element-3d6f58a > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-14674 .elementor-element.elementor-element-3d6f58a{text-align:center;}.elementor-14674 .elementor-element.elementor-element-3d6f58a .heading-primary{font-size:70px;font-weight:800;text-transform:uppercase;line-height:1em;letter-spacing:17.5px;color:#FFFFFF;}.elementor-14674 .elementor-element.elementor-element-3d6f58a .heading-primary .stop-a{stop-color:#FFFFFF;}.elementor-14674 .elementor-element.elementor-element-3d6f58a .heading-primary .stop-b{stop-color:#FFFFFF;}@media(min-width:1600px){.elementor-14674 .elementor-element.elementor-element-3d6f58a .heading-primary{font-size:80px;letter-spacing:20px;}}@media(max-width:1199px){.elementor-14674 .elementor-element.elementor-element-45fd905{margin-top:0px;margin-bottom:80px;}.elementor-14674 .elementor-element.elementor-element-0a63425{--spacer-size:150px;}.elementor-14674 .elementor-element.elementor-element-3d6f58a .heading-primary{font-size:60px;letter-spacing:15px;}}@media(max-width:991px){.elementor-14674 .elementor-element.elementor-element-45fd905{margin-top:0px;margin-bottom:30px;}.elementor-14674 .elementor-element.elementor-element-0a63425{--spacer-size:120px;}.elementor-14674 .elementor-element.elementor-element-3d6f58a .heading-primary{font-size:50px;letter-spacing:12.5px;}}@media(max-width:767px){.elementor-14674 .elementor-element.elementor-element-3d6f58a .heading-primary{font-size:40px;letter-spacing:10px;}}@media(max-width:575px){.elementor-14674 .elementor-element.elementor-element-3d6f58a .heading-primary{font-size:30px;letter-spacing:6px;}}@media(max-width:360px){.elementor-14674 .elementor-element.elementor-element-0a63425{--spacer-size:0px;}}/* Start custom CSS for section, class: .elementor-element-45fd905 */<!-- Final Fullscreen Video with Mobile Fix -->
<style>
:root { --vh: 1vh; }

/* Fullscreen body */
html, body {
  margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:#000;
}

/* Hide all footers on front page */
body.home footer,
body.home .site-footer,
body.home .elementor-location-footer,
body.home .minimog-footer,
body.home .footer-wrapper {
  display:none !important;
}

/* Video wrapper fills viewport */
.video-wrapper {
  position: relative;
  width:100vw;
  height:calc(var(--vh,1vh)*100);
  overflow:hidden;
  background:#000;
  z-index:0;
}

/* Video itself */
.video-wrapper video {
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  min-width:100%;
  min-height:100%;
  width:auto; height:auto;
  object-fit:cover;
  z-index:-1;
}

/* Overlay content */
.video-overlay {
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%, -50%);
  text-align:center;
  z-index:2;
  color:#fff;
  width:100%;
  padding:0 20px;
  font-family:'Poppins', sans-serif;
}
.video-overlay h1 { font-size:2.5rem; margin-bottom:10px; }
.video-overlay p { font-size:1.1rem; opacity:0.85; }

/* Mobile viewport fix */
@supports (-webkit-touch-callout:none){
  html, body{height:-webkit-fill-available;}
  .video-wrapper{height:-webkit-fill-available;}
}

/* Mobile Fullscreen Fix */
@media only screen and (max-width: 767px) {
  .video-wrapper, 
  .video-wrapper video {
    height: 100vh !important;
    width: 100vw !important;
    min-height: 100% !important;
    min-width: 100% !important;
    object-fit: cover !important;
  }
  
  html, body {
    overflow: hidden !important;
    height: 100% !important;
  }
}
</style>

<div class="video-wrapper">
  <video id="frontVideo" autoplay muted loop playsinline preload="auto" poster="">
    <!-- Replace with your optimized HTTPS video URL -->
    <source src="https://yourwebsite.com/wp-content/uploads/optimized-video.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>

  <div class="video-overlay">
    <h1>Your Heading Here</h1>
    <p>Your tagline or call-to-action</p>
  </div>
</div>

<script>
(function(){
  // Mobile viewport fix
  function setVh(){
    const vh = window.innerHeight*0.01;
    document.documentElement.style.setProperty('--vh', `${vh}px`);
  }
  setVh();
  window.addEventListener('resize', setVh);
  window.addEventListener('orientationchange', ()=>setTimeout(setVh,200));

  // Ensure video autoplay
  const v = document.getElementById('frontVideo');
  if(v){
    v.muted = true;
    v.playsInline = true;
    const p = v.play();
    if(p && p.catch){ p.catch(()=>console.log('Autoplay blocked')); }
  }
})();
</script>/* End custom CSS */