/* ── The Hub static-mirror fixes ─────────────────────────────────────────
   Restores behavior that depends on Elementor Pro runtime / external Vimeo,
   which don't survive a static snapshot on a different domain. */

/* Hero: Vimeo background video is domain-restricted (won't embed off
   thehubnation.com), rendering a black privacy frame. Hide it so the poster
   image applied to the hero section (see hub-fixes.js) shows through. */
.elementor-background-video-container.hub-video-failed iframe,
.elementor-background-video-container.hub-video-failed video,
.elementor-background-video-container.hub-video-failed .elementor-background-video-embed{
  display:none !important;
}
.hub-video-poster{
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Mega-menu: hub-fixes.js toggles Elementor's own `.e-active` class on the
   panel's content container (click the arrow caret), so the dropdown renders
   with Elementor's native layout (rule
   `.e-n-menu-content>.e-con:not(.e-active){display:none}`).
   The static mirror loses Elementor's runtime "stretch" sizing, so size the
   panel to its content and center it under the menu — never a full-width white
   block (which covered the nav), and never overflowing off-screen. */
.elementor-widget-n-menu .e-n-menu-content{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:-moz-max-content !important;
  width:max-content !important;
  max-width:96vw !important;
}
/* Show every ministry card inside the dropdown. The mirrored markup marks some
   cards `elementor-hidden-desktop` (they belong to the mobile menu), which would
   otherwise leave the desktop dropdown with only a few cards. Scope strictly to
   the mega-menu panel so no other responsive hiding on the site is affected. */
.elementor-widget-n-menu .e-n-menu-content .e-con.elementor-hidden-desktop{
  display:flex !important;
}