/* ----------------------------------------------------------------
   Events page styling — brand palette only.
   Deliberately no font-size / font-weight / font-family / line-height
   here — every text element inherits your theme's own typography.
------------------------------------------------------------------ */
:root {
	--events-primary: #003c7a;
	--events-accent: #ee7623;
	--events-gray-light: #cccccd;
	--events-gray: #a4a4a9;
	--events-slate: #60789f;
	--events-sky: #63bce7;
	--events-sky-light: #8bc2e4;
	--events-accent-light: #e18442;
	--events-peach: #e7b78a;
}

.breadcrumbs{
	margin-top: 6rem !important;
	margin-bottom: 0 !important;
}

/* Hero */
.events-hero {
	padding: 72px 0 56px;
	background: linear-gradient(135deg, var(--events-primary), var(--events-slate));
}
.events-hero .container,
.events-archive-wrap .container {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 24px;
}
.events-hero__title {
	margin: 0 0 12px;
	color: #fff;
}
.events-hero__desc {
	max-width: 640px;
	color: var(--events-sky-light);
	margin: 0;
}

.events-archive-wrap {
	padding: 48px 0 80px;
}

/* Toolbar (heading + grid/list toggle) */
.events-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 16px;
}
.events-toolbar__heading {
	color: var(--events-primary);
	margin: 0;
}
.events-view-toggle .btn.view-btn {
	color: var(--events-slate);
	border-color: var(--events-gray-light);
}
.events-view-toggle .btn.view-btn.is-active {
	background-color: var(--events-accent);
	border-color: var(--events-accent);
	color: #fff;
}

/* Year pills */
.events-year-tabs {
	margin: 0 0 40px !important;
}
.events-year-tabs > li > a,
.events-year-tabs .dropdown-toggle {
	display: block;
	color: var(--events-slate);
	background: transparent;
	border-radius: 999px;
	padding: 8px 20px;
	cursor: pointer;
}
.events-year-tabs > li > a:hover,
.events-year-tabs > li > a:focus,
.events-year-tabs .dropdown-toggle:hover,
.events-year-tabs .dropdown-toggle:focus {
	background-color: var(--events-sky-light);
	color: var(--events-primary);
	text-decoration: none;
}
.events-year-tabs > li.is-active > a,
.events-year-tabs > li.is-active > a:hover,
.events-year-tabs > li.is-active > a:focus,
.events-year-tabs .dropdown.open .dropdown-toggle {
	background-color: var(--events-accent);
	color: #fff;
}

/* "Older Years" dropdown menu */
.events-year-tabs .dropdown-menu {
	border-radius: 8px;
	border-color: var(--events-gray-light);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	padding: 6px;
}
.events-year-tabs .dropdown-menu > li > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	border-radius: 6px;
	color: var(--events-primary);
	cursor: pointer;
}
.events-year-tabs .dropdown-menu > li > a:hover,
.events-year-tabs .dropdown-menu > li > a:focus {
	background-color: var(--events-sky-light);
	color: var(--events-primary);
}
.events-year-tabs .dropdown-menu > li.is-active > a {
	background-color: var(--events-accent);
	color: #fff;
}
.events-year-tabs .dropdown-menu .badge {
	background-color: var(--events-slate);
}
.events-year-tabs .dropdown-menu > li.is-active .badge {
	background-color: #fff;
	color: var(--events-accent);
}

/* Event grid / list */
.events-items--grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.events-items--list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.event-card {
	border: 1px solid var(--events-gray-light);
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.event-card:hover {
	box-shadow: 0 10px 24px rgba(0, 60, 122, 0.12);
	transform: translateY(-2px);
}
.event-card__link {
	display: block;
	color: inherit;
	text-decoration: none;
}
.event-card__link:hover,
.event-card__link:focus {
	text-decoration: none;
}
.event-card__thumb img {
	width: 100%;
	/*height: 180px;*/
	object-fit: cover;
	display: block;
}
.event-card__body {
	padding: 16px 18px;
	border-top: 3px solid var(--events-accent);
}
.event-card__date {
	color: var(--events-accent);
}
.event-card__title {
	margin: 8px 0 0;
	color: var(--events-primary);
	text-transform: capitalize;
}
.event-card__title::first-letter {
	text-transform: uppercase;
}

.events-items--list .event-card__body{
	border-top: 0;
}

.events-items--list .event-card__link {
	display: flex;
	gap: 20px;
	align-items: center;
}
.events-items--list .event-card__thumb {
	flex: 0 0 200px;
}
/*.events-items--list .event-card__thumb img {
	height: 120px;
}*/
.events-items--list .event-card__body {
	padding: 12px 20px 12px 12px;
	flex: 1;
}

.events-empty {
	color: var(--events-gray);
	padding: 32px 0;
}

/* Lazy-load states */
.epc-spinner {
	text-align: center;
	padding: 24px 0;
	color: var(--events-slate);
}
.epc-load-more-wrap {
	text-align: center;
	margin-top: 24px;
}
.epc-load-more-wrap .btn-primary {
	background-color: var(--events-accent);
	border-color: var(--events-accent);
}
.epc-load-more-wrap .btn-primary:hover {
	background-color: var(--events-accent-light);
	border-color: var(--events-accent-light);
}

@media (max-width: 991px) {
	.events-items--grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767px) {
	.events-items--grid {
		grid-template-columns: 1fr;
	}
	.events-items--list .event-card__link {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}
	.events-items--list .event-card__thumb {
		display: none;
		flex: none;
	}
	.events-items--list .event-card__body{
		border-top: 3px solid var(--events-accent);
	}
}