{% require_css %}
background-color: #eef235;
align-items: center;

/* --- Aggressive Spacing Removal & Main Container Styling --- */
.videoWrapper-main {
  box-sizing: border-box;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: none; /* Ensures it fills horizontal space */
  margin-top: 0; /* Removes external margins */
  padding: 0; /* Removes external padding */
  line-height: 0; /* Helps remove any odd vertical gaps */
  margin-bottom: -95%
}

/* * Target common parent elements for aggressive spacing removal * */
body, 
.body-container,
.row-fluid,
.section,
.widget-type-custom_widget {
  margin: 0 !important;
  padding: 0 !important;
}

/* --- Responsive Aspect Ratio Wrapper --- */
.stretchy-wrapper {
  position: relative; /* Essential for absolutely positioning children */
  height: 0; /* Collapses the container's height */
  padding-bottom: 56.25%; /* Creates a 16:9 aspect ratio */
  overflow: hidden; 
}

/* --- Video and Overlay Positioning and Sizing --- */
/* Target both the video and the overlay container to make them fill the wrapper */
#myVideo,
.overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 }

/* Ensure the video is layered below the overlay */
#myVideo {
  z-index: 5;
  transform: translateY(-30%) translateX(0%);
}

/* Ensure the overlay is layered above the video and center its content */
.overlay-content {
  z-index: 10; /* Set a value higher than the video */
  display: flex; 
  justify-content: center; 
  align-items: center; 
  pointer-events: none;
  transform: translateY(-5%) translateX(0%);
}

/* Ensure the image inside the overlay is also responsive and fits */
.overlay-content img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* Scales proportionally to fit inside the wrapper */
}

/* --- Optional: Mobile Adjustments (Media Query) --- */
@media (max-width: 768px) {
  .stretchy-wrapper {
    padding-bottom: 75%; /* Example: 4:3 aspect ratio for mobile */
    overflow: hidden;
  }
}
{% end_require_css %}