/**
 * Theme-style events grid cards (Eventastic / Events Manager theme parity).
 *
 * Uses elevated specificity + !important so Salient/WPBakery/LiteSpeed UCSS
 * cannot strip border-radius, overflow clipping, or box-shadow after paint.
 */

.eventplus-style-theme-grid.eventplus-events-list,
.eventplus-style-theme-grid.eventplus-events-list-gutenberg,
.eventplus-events-list.eventplus-style-theme-grid,
.eventplus-events-list-gutenberg.eventplus-style-theme-grid {
	display: grid !important;
	row-gap: var(--ep-list-gap, 24px) !important;
	column-gap: var(--ep-list-gap, 24px) !important;
	width: 100%;
	min-width: 0;
	padding-top: 0 !important;
	overflow: visible !important;
}

/* Raised Material Cards need extra row clearance for the overhanging image. */
.eventplus-style-theme-grid.eventplus-card-style--material-cards,
.eventplus-events-list.eventplus-style-theme-grid.eventplus-card-style--material-cards,
.eventplus-events-list-gutenberg.eventplus-style-theme-grid.eventplus-card-style--material-cards {
	row-gap: calc(36px + var(--ep-list-gap, 24px)) !important;
	padding-top: 36px !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card,
body .eventplus-element .eventplus-style-theme-grid eventplus-card.eventplus-theme-grid-card {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	height: auto !important;
	align-self: start !important;
	margin-top: 0 !important;
	background: var(--ep-list-card-bg, #fff) !important;
	border: 0 !important;
	border-radius: 6px !important;
	overflow: visible !important;
	box-shadow:
		0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.2),
		0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
	font-family: inherit;
	color: var(--ep-list-meta-color, #6b7280);
}

/*
 * Shared media shell (badges anchor). Raised overhang only for Material Cards.
 */
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__media,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__media {
	position: relative !important;
	z-index: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border-radius: 0 !important;
	line-height: 0 !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__image-link,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__image-link {
	display: block !important;
	text-decoration: none !important;
	overflow: hidden !important;
	border-radius: inherit !important;
	line-height: 0 !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-cards"] .eventplus-theme-grid-card__media,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-cards"] .eventplus-theme-grid-card__media,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card:not([data-card-style]) .eventplus-theme-grid-card__media,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card:not([data-card-style]) .eventplus-theme-grid-card__media {
	margin: -28px 15px 0 !important;
	overflow: visible !important;
	border-radius: 6px !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-cards"] .eventplus-theme-grid-card__image-link,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-cards"] .eventplus-theme-grid-card__image-link,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card:not([data-card-style]) .eventplus-theme-grid-card__image-link,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card:not([data-card-style]) .eventplus-theme-grid-card__image-link {
	overflow: visible !important;
	border-radius: 6px !important;
}

/* LiteSpeed injects <br> around optimized images — hide them. */
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__media br,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__media br,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__image-link br,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__image-link br,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__badges br,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__badges br {
	display: none !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__image,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__image,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card picture.eventplus-theme-grid-card__image,
body .eventplus-element .eventplus-style-theme-grid picture.eventplus-theme-grid-card__image {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	aspect-ratio: 3 / 2 !important;
	object-fit: cover !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	pointer-events: none;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-cards"] .eventplus-theme-grid-card__image,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-cards"] .eventplus-theme-grid-card__image,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-cards"] picture.eventplus-theme-grid-card__image,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-cards"] picture.eventplus-theme-grid-card__image,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card:not([data-card-style]) .eventplus-theme-grid-card__image,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card:not([data-card-style]) .eventplus-theme-grid-card__image {
	box-shadow:
		0 5px 15px -8px rgba(0, 0, 0, 0.24),
		0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
}

/* LiteSpeed moves the image class onto <picture>; target nested img explicitly. */
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__media img,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__media img,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card picture.eventplus-theme-grid-card__image img,
body .eventplus-element .eventplus-style-theme-grid picture.eventplus-theme-grid-card__image img {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	aspect-ratio: auto !important;
	object-fit: cover !important;
	border-radius: 6px !important;
	box-shadow: none !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__image-placeholder,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__image-placeholder {
	background: linear-gradient(135deg, #e2e8f0, #cbd5e1) !important;
	min-height: 0 !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__badges,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__badges {
	position: absolute !important;
	top: 15px !important;
	right: 15px !important;
	bottom: auto !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 6px !important;
	z-index: 3 !important;
	line-height: normal !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__badge,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__badge {
	display: inline-block !important;
	padding: 4px 10px !important;
	border-radius: 3px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	color: #fff !important;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.18) !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__badge--primary,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__badge--primary {
	background: #4a89dc !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__badge--seats,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__badge--seats {
	background: #37bc9b !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__body,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__body {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	padding: 18px 24px 0 !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__categories,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__categories {
	margin: 0 0 10px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__category,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__category {
	color: var(--ep-list-link-color, #4a89dc);
	text-decoration: none !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__category:hover,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__category:hover {
	text-decoration: underline !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__title,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__title {
	margin: 0 0 10px !important;
	font-size: 20px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: var(--ep-list-title-color, #2c3e50) !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__title a,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__title a {
	color: inherit !important;
	text-decoration: none !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__title a:hover,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__title a:hover {
	color: var(--ep-list-link-color, #4a89dc) !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__excerpt,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__excerpt {
	margin: 0 0 16px !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: var(--ep-list-meta-color, #6b7280) !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__meta,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__meta {
	margin-top: auto !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__meta-row,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__meta-row {
	padding: 12px 0 !important;
	border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
	text-align: center !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	color: var(--ep-list-meta-color, #6b7280) !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__datetime,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__datetime {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 12px 18px !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__meta-item,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__meta-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__meta-item svg,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__meta-item svg,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__location-addr svg,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__location-addr svg {
	flex-shrink: 0;
	opacity: 0.75;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__location-addr,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__location-addr {
	display: inline-flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	gap: 6px !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	letter-spacing: 0.03em !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__location-addr br,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__location-addr br {
	display: none !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__stars,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__stars {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 2px !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__star,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__star {
	display: inline-flex !important;
	color: #d1d5db !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__star.is-filled,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__star.is-filled {
	color: #f5a623 !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__star svg,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__star svg {
	width: 16px;
	height: 16px;
}

/* ==========================================================================
   Card style personalities (same markup, different chrome)
   ========================================================================== */

/* —— Cards: flush image, bordered, soft shadow (distinct from Material) —— */
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="cards"],
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="cards"] {
	border: 1px solid var(--ep-list-card-border, #e5e7eb) !important;
	border-radius: var(--ep-list-radius, 0.5rem) !important;
	overflow: hidden !important;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="cards"] .eventplus-theme-grid-card__media,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="cards"] .eventplus-theme-grid-card__media {
	margin: 0 !important;
	border-radius: 0 !important;
	overflow: hidden !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="cards"] .eventplus-theme-grid-card__image-link,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="cards"] .eventplus-theme-grid-card__image-link,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="cards"] .eventplus-theme-grid-card__image,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="cards"] .eventplus-theme-grid-card__image,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="cards"] picture.eventplus-theme-grid-card__image,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="cards"] picture.eventplus-theme-grid-card__image,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="cards"] .eventplus-theme-grid-card__media img,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="cards"] .eventplus-theme-grid-card__media img {
	border-radius: 0 !important;
	box-shadow: none !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="cards"] .eventplus-theme-grid-card__body,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="cards"] .eventplus-theme-grid-card__body {
	padding: 16px 20px 0 !important;
}

/* —— Material Minimal: no card chrome, soft image corners —— */
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-minimal"],
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-minimal"],
body .eventplus-element .eventplus-card-style--material-minimal eventplus-card.eventplus-theme-grid-card,
body .eventplus-element .eventplus-card-style--material-minimal .eventplus-theme-grid-card,
body #ajax-content-wrap .container-wrap .main-content .eventplus-element eventplus-card.eventplus-theme-grid-card[data-card-style="material-minimal"],
body #ajax-content-wrap .eventplus-element .eventplus-card-style--material-minimal eventplus-card.eventplus-theme-grid-card {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	overflow: visible !important;
	box-shadow: none !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-minimal"] .eventplus-theme-grid-card__media,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-minimal"] .eventplus-theme-grid-card__media {
	margin: 0 !important;
	border-radius: var(--ep-list-radius, 0.5rem) !important;
	overflow: hidden !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-minimal"] .eventplus-theme-grid-card__image-link,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-minimal"] .eventplus-theme-grid-card__image-link,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-minimal"] .eventplus-theme-grid-card__image,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-minimal"] .eventplus-theme-grid-card__image,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-minimal"] picture.eventplus-theme-grid-card__image,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-minimal"] picture.eventplus-theme-grid-card__image,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-minimal"] .eventplus-theme-grid-card__media img,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-minimal"] .eventplus-theme-grid-card__media img {
	border-radius: var(--ep-list-radius, 0.5rem) !important;
	box-shadow: none !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-minimal"] .eventplus-theme-grid-card__body,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-minimal"] .eventplus-theme-grid-card__body {
	padding: 14px 4px 0 !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-minimal"] .eventplus-theme-grid-card__meta-row,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-minimal"] .eventplus-theme-grid-card__meta-row {
	border-top-color: rgba(15, 23, 42, 0.06) !important;
}

/* —— Material Overlay: text over image with gradient —— */
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"],
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] {
	position: relative !important;
	border: 0 !important;
	border-radius: 6px !important;
	overflow: hidden !important;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.16) !important;
	background: #0f172a !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__media,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__media {
	margin: 0 !important;
	border-radius: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__image-link,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__image-link {
	height: 100% !important;
	border-radius: 0 !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__image,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__image,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] picture.eventplus-theme-grid-card__image,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] picture.eventplus-theme-grid-card__image,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__media img,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__media img {
	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	aspect-ratio: auto !important;
	object-fit: cover !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Body stays in flow so the card height follows content; media fills behind it. */
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__body,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__body {
	position: relative !important;
	z-index: 2 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
	flex: 1 1 auto !important;
	min-height: 280px !important;
	padding: 4.5rem 1.125rem 1.125rem !important;
	background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.55) 35%, rgba(15, 23, 42, 0.92) 100%) !important;
	color: #fff !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__excerpt,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__excerpt {
	display: none !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__categories,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__categories {
	margin-bottom: 8px !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__category,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__category {
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__title,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__title,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__title a,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__title a {
	color: #fff !important;
	margin-bottom: 8px !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__title a:hover,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__title a:hover {
	color: #fff !important;
	opacity: 0.9;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__meta,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__meta {
	margin-top: 0 !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__meta-row,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__meta-row {
	border-top-color: rgba(255, 255, 255, 0.22) !important;
	color: rgba(255, 255, 255, 0.92) !important;
	text-align: left !important;
	justify-content: flex-start !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__datetime,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__datetime {
	justify-content: flex-start !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__location-addr,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__location-addr {
	justify-content: flex-start !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__meta-item svg,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__meta-item svg,
body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__location-addr svg,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__location-addr svg {
	opacity: 0.95;
	color: #fff;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__star,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__star {
	color: rgba(255, 255, 255, 0.35) !important;
}

body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__star.is-filled,
body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card[data-card-style="material-overlay"] .eventplus-theme-grid-card__star.is-filled {
	color: #f5a623 !important;
}

@media (max-width: 768px) {
	body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card,
	body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card,
	body .eventplus-element .eventplus-style-theme-grid eventplus-card.eventplus-theme-grid-card {
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__title,
	body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__title,
	body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__excerpt,
	body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__excerpt,
	body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__meta,
	body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__meta {
		overflow-wrap: anywhere !important;
		word-break: break-word !important;
	}

	body .eventplus-element eventplus-list[data-layout="grid"] eventplus-card.eventplus-theme-grid-card .eventplus-theme-grid-card__media,
	body .eventplus-element .eventplus-style-theme-grid .eventplus-theme-grid-card__media {
		max-width: 100% !important;
	}
}

