.elementor-5934 .elementor-element.elementor-element-cef1f16{--display:flex;--overlay-opacity:0.5;}.elementor-5934 .elementor-element.elementor-element-cef1f16::before, .elementor-5934 .elementor-element.elementor-element-cef1f16 > .elementor-background-video-container::before, .elementor-5934 .elementor-element.elementor-element-cef1f16 > .e-con-inner > .elementor-background-video-container::before, .elementor-5934 .elementor-element.elementor-element-cef1f16 > .elementor-background-slideshow::before, .elementor-5934 .elementor-element.elementor-element-cef1f16 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5934 .elementor-element.elementor-element-cef1f16 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5934 .elementor-element.elementor-element-ff6496c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5934 .elementor-element.elementor-element-8bdcfba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-5934:not(.elementor-motion-effects-element-type-background), body.elementor-page-5934 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05070EFA;}:root{--page-title-display:none;}/* Start custom CSS for protopia_event_hero, class: .elementor-element-8c9c33f */@import url('https://fonts.googleapis.com/css2?family=Fustat:wght@300;400;500;600&display=swap');/* End custom CSS */
/* Start custom CSS *//* ── Force white headings inside all Protopia event widgets ── */
.pel-hero h1, .pel-hero h2, .pel-hero h3, .pel-hero h4,
.pel-value-prop h1, .pel-value-prop h2, .pel-value-prop h3, .pel-value-prop h4,
.pel-spotlights h1, .pel-spotlights h2, .pel-spotlights h3, .pel-spotlights h4,
.pel-event-cards h1, .pel-event-cards h2, .pel-event-cards h3, .pel-event-cards h4,
.pel-footer h1, .pel-footer h2, .pel-footer h3, .pel-footer h4 {
  color: #ffffff !important;
}

/* ── Muted connector word ("at") stays grey ───────────────── */
.pel-hero__connector { color: #64748b !important; }

/* ── Gradient headline ────────────────────────────────────── */
.pel-hero__event-name {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* ── Solid dark section backgrounds (override theme white) ── */
.pel-hero     { background: #020617 !important; color: #f8fafc !important; }
.pel-section  { background: #020617 !important; color: #f8fafc !important; }
.pel-spotlights { background: #0d1526 !important; }
.pel-footer   { background: #020617 !important; color: #f8fafc !important; }

/* ── Solid card backgrounds (replace transparent glass) ───── */
.pel-feature-card    { background: #0f1729 !important; }
.pel-spotlight-card  { background: #0a1121 !important; }
.pel-event-card      { background: #0a1121 !important; }

/* ── Keep all content visible (don't hide if JS is slow) ──── */
.pel-fade-in { opacity: 1 !important; transform: none !important; }

/* ── Fustat font (paste this at the very top) ─────────────── */
@import url('https://fonts.googleapis.com/css2?family=Fustat:wght@300;400;500;600&display=swap');
/* ── Button text contrast fixes ───────────────────────────── */
.pel-btn--secondary,
.pel-btn--secondary:hover,
.pel-btn--secondary:visited {
  color: #0f172a !important;
}

.pel-btn--outline,
.pel-btn--outline:hover,
.pel-btn--outline:visited {
  color: #ffffff !important;
}

.pel-btn--ghost,
.pel-btn--ghost:hover,
.pel-btn--ghost:visited {
  color: #ffffff !important;
}
/* ── Hero CTA buttons – prevent wrapping ─────────────────── */
.pel-hero .pel-btn-row {
  flex-wrap: nowrap;
}

.pel-hero .pel-btn {
  white-space: nowrap;
  flex-shrink: 0;
}/* ── Event cards grid – no orphaned half-width cards ─────── */
.pel-2col-grid {
  grid-template-columns: repeat(2, 1fr) !important;
}

/* A lone last card spans both columns but stays card-width */
.pel-2col-grid > .pel-event-card:last-child:nth-child(odd) {
  grid-column: 1 / -1;
  max-width: calc(50% - 16px);
}

/* On mobile go single column, orphan rule not needed */
@media (max-width: 768px) {
  .pel-2col-grid {
    grid-template-columns: 1fr !important;
  }
  .pel-2col-grid > .pel-event-card:last-child:nth-child(odd) {
    grid-column: auto;
    max-width: 100%;
  }
}/* End custom CSS */