@font-face {
  font-family: 'Gotham';
  src: url('/fonts/Gotham-Book.woff2') format('woff2'), 
       url('/fonts/Gotham-Book.woff') format('woff'), 
       url('/fonts/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

/* Extra event cards */
#news-list .news-extra {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transform: translateY(-8px);
	margin-top: 0;
	transition:
		max-height 0.4s ease,
		opacity 0.3s ease,
		transform 0.3s ease,
		margin-top 0.3s ease;
}

#news-list.expanded .news-extra {
	max-height: 500px; 
	opacity: 1;
	transform: translateY(0);
	margin-top: 1.5rem;
}

#mc_embed_signup {
  background: #ffffff00;
  clear: left;
  font: 14px Helvetica, Arial, sans-serif;
  width: 350px;
}

#mc_embed_shell {
  display: flex;
  justify-content: center;
}

#mc_embed_signup {
  float: none;
}

/* Nightclub page: force readable headings on dark/overlay sections */
html.dark .overlay.overlay-show h1,
html.dark .overlay.overlay-show h2,
html.dark .overlay.overlay-show h3,
html.dark .overlay.overlay-show h4,
html.dark .section.section-dark h1,
html.dark .section.section-dark h2,
html.dark .section.section-dark h3,
html.dark .section.section-dark h4,
html.dark .bg-dark h1,
html.dark .bg-dark h2,
html.dark .bg-dark h3,
html.dark .bg-dark h4 {
	color: rgba(255, 255, 255, 0.95);
}

/* Keep your primary accent intact inside those areas */
html.dark .overlay.overlay-show .text-color-primary,
html.dark .section.section-dark .text-color-primary,
html.dark .bg-dark .text-color-primary {
	color: var(--primary) !important;
}

/* Body text in dark sections (often also ends up too dark) */
html.dark .overlay.overlay-show,
html.dark .section.section-dark,
html.dark .bg-dark {
	color: rgba(255, 255, 255, 0.78);
}