.ipm-event-modal::backdrop {
	/*background-image: linear-gradient(
			45deg,
			magenta,
			rebeccapurple,
			dodgerblue,
			green
	);
	opacity: 0.75;
	*/
	background: rgba(255, 255, 255, .8);
}

:root {
	--modal-meta-color: #777;
}

.ipm-event-modal {
	border: 3px solid var(--color-gray--dark);
	padding: 2rem;
	width: 80%;
}
@media screen and (min-width: 48em) {
	.ipm-event-modal {
		width: 600px;
	}
}

.ipm-event-modal__content {
	.ipm-event-modal__thumbnail {
		img {
			aspect-ratio: 21/9;
			margin: 0 0 1rem;
			object-fit: cover;
			width: 100%;
		}
	}
}

.ipm-event-modal__title {
	display: block;
	margin: 0 0 .5rem;
}

.ipm-event-modal__dates {
	margin: 0 0 .5rem;
}

.ipm-event-modal__meta {
	display: flex;
	flex-wrap: wrap;
	color: var(--modal-meta-color, #777);
	font-size: .75em;
	gap: 1rem;
	margin-top: .5rem;

	@media screen and (min-width: 64em) {
		font-size: .875rem;
	}
}
.ipm-event-modal__description {
	margin: 0 0 1rem;
}

/*.ipm-event-modal__links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: .5rem;
}*/

.site button.ipm-event-modal__close,
.site button.ipm-event-modal__close:hover,
.site button.ipm-event-modal__close:focus,
.ipm-event-modal__close {
	background: none;
	border: none;
	color: #222;
	letter-spacing: 0;
	line-height: 1;
	font-size: 2rem;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	height: 2rem;
	text-align: center;
	width: 2rem;
}



/*
@media (max-width: 768px) {
	.ipm-monthly__event,
	.ipm-monthly__more {
		display: none;
	}
	.ipm-monthly__dot {
		display: inline-block;
		width: 6px;
		height: 6px;
		background: var(--calendar-eventlink, #0073aa);
		border-radius: 50%;
		margin-left: 4px;
		vertical-align: middle;
	}
}*/

/* Hide events in mobile view, show dots instead */
@media (max-width: 47.9999em) {
	.ipm-monthly__events {
		display: none;
	}
	.ipm-monthly__more {
		display: none;
	}
	.ipm-monthly__dot {
		background: var(--calendar-eventlink);
		border-radius: 50%;
		display: flex;
		height: 0.5em;
		justify-self: center;
		margin-top: 50%;
		transform: translateY(-50%);
		width: 0.5em;
	}
}

/* Desktop: hide dots */
@media (min-width: 48em) {
	.ipm-monthly__dot {
		display: none;
	}
}



/* Single */
.ipm_single_event__dates_title {
	display: block;
}

.ipm_single_event__dates {
	list-style: none;
	margin: 0 0 2rem;
	padding: 0;

	li {
		margin: 0 0 .25rem;
	}
}

.ipm_single_event__thumbnail {
	margin: 0 0 2rem;
	width: 100%;

	img {
		aspect-ratio: 16 /9;
		margin: 0 0 2rem;
		object-fit: cover;
		width: 100%;
	}
}

.ipm_single_event__content {
	margin: 0 0 2rem;
}