/* Global Banner Background & Font Sync */
/* Matches the "Upcoming Events" banner style precisely */

.hero,
.page-header-banner,
.about-page-legacy-hero,
.upcoming-page-banner,
.conf-banner,
.conf-hero-banner,
.about-page-banner,
.page-header-bg,
.hero-section,
.about-section,
.cms-banner {
  background-image: linear-gradient(120deg, #031532e6, #005c99ba 58%, #00aeef80),
    url(https://images.unsplash.com/photo-1515187029135-18ee286d815b?auto=format&fit=crop&w=1800&q=80) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: #ffffff !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Sync Font Sizes to match Upcoming Events exactly */
.hero h1, .page-header-banner h1, .about-page-legacy-hero h1, .upcoming-page-banner h1, 
.conf-banner h1, .conf-hero-banner h1, .about-page-banner h1, .page-header-bg h1,
.hero-section h1, .about-section h1 {
  font-size: clamp(2rem, 5vw, 3.3rem) !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.hero p, .page-header-banner p, .about-page-legacy-hero p, .upcoming-page-banner p, 
.conf-banner p, .conf-hero-banner p, .about-page-banner p, .page-header-bg p,
.hero-section p, .about-section p {
  font-size: clamp(1rem, 2.2vw, 1.2rem) !important;
  line-height: 1.8 !important;
  max-width: 780px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Badges / Eyebrows */
.hero-badge, .page-header-eyebrow, .upcoming-page-eyebrow, .conf-banner__eyebrow, 
.about-page-legacy-eyebrow, .section-eyebrow {
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  padding: 0.5rem 1rem !important;
  border-radius: 999px !important;
}

/* Ensure content is above the pseudo-element glow */
.hero .container,
.page-header-banner .container,
.about-page-legacy-hero .container,
.upcoming-page-banner .container,
.conf-banner .container,
.conf-hero-banner .container,
.hero-section .container,
.about-section .container {
  position: relative !important;
  z-index: 2 !important;
}

/* Additional overlay glow */
.hero:before, .page-header-banner:before, .about-page-legacy-hero:before,
.upcoming-page-banner:before, .conf-banner:before, .hero-section:before, .about-section:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.15), transparent 30%),
              radial-gradient(circle at 78% 80%, rgba(255, 255, 255, 0.1), transparent 34%) !important;
  z-index: 1 !important;
}