/*
 * Some imported pages place an Elementor section with "Position: Absolute"
 * (an Elementor Advanced-tab setting, not Pro-only) as a full-bleed hero,
 * which visually overlaps the header even though the header comes first
 * in normal document flow. Force it above everything else.
 */
.mb_elementor_header {
  position: relative;
  z-index: 999;
}

/*
 * Nothing in the page (html/body/section) ever sets an explicit background
 * color — every one of them computes to fully transparent. That's why so
 * much of the site looked "black": with no explicit color set anywhere,
 * it was falling through to the browser's own dark default canvas instead
 * of showing white the way the design actually intended. This is the fix,
 * not a per-section patch.
 */
body {
  background-color: #ffffff;
}

/*
 * Sits inside the header's own empty nav column (see header.php) — inline
 * with the logo, not a separate bar. That row (same one holding the logo/
 * RSVP button/social icons) is the demo's own light background, with a
 * "logo-dark.png"-style dark logo designed for it — so the nav should just
 * be plain black text on it, matching the rest of that row, not a bar with
 * its own background color.
 */
.mb_fallback_nav_menu {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0;
  padding: 0;
}

.mb_fallback_nav_menu a {
  color: #000;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  white-space: nowrap;
}

.mb_fallback_nav_menu a:hover {
  opacity: 0.6;
}