/*
 * Event card colours are needed anywhere an Elementor Event loop is used,
 * not only on the main What's On page.
 */
.e-loop-item.event-product {
	--event-color: var(--event-card-default-color, var(--e-global-color-primary, #1368de));
}

.e-loop-item.event-holiday-camp {
	--event-color: var(--event-card-holiday-camp-color, #ef4444);
}

.e-loop-item.event-after-school-club {
	--event-color: var(--event-after-school-club-color, #69b651);
}

.e-loop-item.event-home-education {
	--event-color: var(--event-card-home-education-color, #69b651);
}

.e-loop-item.event-cricket-development {
	--event-color: var(--event-cricket-development-color, var(--e-global-color-primary, #1368de));
}

.e-loop-item.event-product .details-container {
	background-color: var(--event-color) !important;
}