/*
 * frb-fixes.css — post-WordPress static-export fixes
 *
 * The site is a static export of the original WordPress/Elementor site.
 * Elementor's frontend JavaScript (which normally sizes hosted background
 * videos to "cover" their section) does not run on the static export, so the
 * hero <video> stays at its intrinsic 16:9 size and renders as a thin band in
 * the middle of the hero — most visible on mobile. These rules reproduce, in
 * pure CSS, the cover behaviour Elementor's JS would have applied, so the hero
 * video fills the whole header on every screen size.
 */

.elementor-background-video-container {
  overflow: hidden !important;
}

.elementor-background-video-container .elementor-background-video-hosted,
.elementor-background-video-hosted {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 100% !important;
  min-height: 100% !important;
  transform: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}