/* Shared event typography and palette; existing columns and media stay intact. */
.event-page {
  --event-bg: #111111;
  --event-surface: #1b1b1d;
  --event-white: #f5f5f6;
  --event-muted: #b8b8be;
  --event-red: #ef4b59;
  background: var(--event-bg);
  color: var(--event-white);
  font-family: "Inter", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.event-page .mainEvent h1,
.event-page .mainEvent h2,
.event-page .mainEvent h3,
.event-page .mainEvent h4,
.event-page .mainEvent .h1,
.event-page .mainEvent .h4,
.event-page footer span.lead,
.event-page #foot2 h4 {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-weight: 600;
}

.event-page .event-heading {
  font-size: clamp(34px, 3vw, 44px);
  line-height: 1.1;
  margin-bottom: 12px;
}

.event-page .event-heading-details {
  display: block;
  margin-top: 10px;
  font: 400 15px/1.6 "Inter", Arial, sans-serif;
  color: var(--event-muted);
}

.event-page .mainEvent h5 {
  font: 500 13px/1.6 "Inter", Arial, sans-serif;
  margin-bottom: 20px;
}

.event-page .mainEvent .lead { font-size: 16px; font-weight: 400; line-height: 1.7; }
.event-page .mainEvent .small { font-size: 14px; line-height: 1.7; }
.event-page .mainEvent strong, .event-page .mainEvent b { font-weight: 600; }
.event-page .event-details .h1 { font-size: 32px; line-height: 1.2; }
.event-page .event-details > .row { margin-top: 24px; }
.event-page .event-details p { margin-bottom: 18px; }
.event-page .text-secondary { color: var(--event-muted) !important; }
.event-page .text-danger { color: var(--event-red) !important; }
.event-page #eventContLeft { background: var(--event-surface) !important; border-radius: 4px; }

.event-page .mainEvent .btn,
.event-page .district-event-context .btn {
  min-height: 44px;
  padding: 11px 16px;
  border-radius: 4px !important;
  font: 500 13px/1.5 "Inter", Arial, sans-serif;
  white-space: normal;
}

.event-page .mainEvent .btn-lg {
  padding: 14px 12px;
  font-size: 15px;
  font-weight: 600;
}

.event-page .mainEvent .btn-danger {
  color: #fff;
  background-color: var(--event-red);
  border-color: var(--event-red);
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--event-red);
  --bs-btn-border-color: var(--event-red);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff6875;
  --bs-btn-hover-border-color: #ff6875;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff6875;
  --bs-btn-active-border-color: #ff6875;
}

.event-page .mainEvent .btn-danger:hover,
.event-page .mainEvent .btn-danger:focus,
.event-page .mainEvent .btn-danger:active {
  color: #fff;
  background-color: #ff6875;
  border-color: #ff6875;
}

.event-page .mainEvent .btn-outline-danger,
.event-page .mainEvent .btn-outline-primary,
.event-page .mainEvent .btn-outline-secondary {
  color: #c8c8cf;
  border-color: #77777e;
  --bs-btn-color: #c8c8cf;
  --bs-btn-border-color: #77777e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #29292d;
  --bs-btn-hover-border-color: #b8b8be;
  margin-bottom: 6px;
}

.event-page .mainEvent .btn-outline-danger:hover,
.event-page .mainEvent .btn-outline-primary:hover,
.event-page .mainEvent .btn-outline-secondary:hover {
  color: #fff;
  background-color: #29292d;
  border-color: #b8b8be;
}

.event-page .mainEvent p.btnFont {
  padding: 10px 8px !important;
  border: 0;
  background: transparent;
  color: var(--event-muted);
  font-size: 13px !important;
  font-style: normal;
  line-height: 1.6;
}

.event-page .btnFont strong { color: var(--event-red); }
.event-page a:focus-visible, .event-page button:focus-visible { outline: 2px solid var(--event-red); outline-offset: 4px; }
.event-page footer { border-color: #303034; }
.event-page footer span.lead { display: block; margin-bottom: 12px; font-size: 25px; line-height: 1.2; }
.event-page footer p.h6.font-weight-normal.lead.text-secondary { font-size: 14px !important; line-height: 1.65 !important; font-weight: 400; }
.event-page #foot2 h4 { font-size: 18px; line-height: 1.2; }
.event-page #foot2 p { font-size: 13px; line-height: 1.65; }
.event-page .footFinePrint { font-size: 11px; line-height: 1.7; }

@media (max-width: 767.98px) {
  .event-page .mainEvent .lead { font-size: 15px; }
  .event-page .event-heading { margin-top: 28px; }
  .event-page .mainEvent .btn-lg { font-size: 14px; }
}