/* Events List */
.wpfox-subsite-events-list .fox-item-image {
	aspect-ratio: 1/1;
	position: relative;
}

.wpfox-subsite-events-list .fox-item-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	object-position: center;
	transition: transform .3s ease-in;
}

.wpfox-subsite-events-list .fox-event-image-holder {
	clip-path: circle();
	height: 100%;
}

.wpfox-subsite-events-list a {
	text-decoration: none !important;
	color: inherit;
	font-weight: inherit !important;
}

.wpfox-subsite-events-list a:hover .fox-item-image img {
	transform: scale(1.04);
}

.wpfox-subsite-events-list .date {
	position: absolute;
	bottom: 0;
	right: 0;
	width: clamp(100px, var(--spacing-100), 150px);
	border-radius: 50%;
	aspect-ratio: 1/1;
	background-color: var(--wp--preset--color--light-blue);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transform: translateX(25%);
	transition: filter .3s;
}

.wpfox-subsite-events-list .date .month {
	font-size: var(--wp--preset-font-size--normal);
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	color: var(--wp--preset--color--dark-brown);
}

.wpfox-subsite-events-list .date .day {
	font-family: var(--wp--preset--font-family--secondary);
	font-weight: 600;
	line-height: 1;
	font-size: var(--wp--preset--font-size--h-1);
	color: var(--wp--preset--color--dark-brown);
}

/* Event List Stacked */
@media (min-width: 782px) {
	.wpfox-subsite-events-list.wpfox-subsite-events-list.is-style-stacked {
		max-width: min(max(538px, calc(945rem/var(--base-size))), calc(100vw - max(60px, var(--spacing-140))));
	}

	.wpfox-subsite-events-list.wpfox-subsite-events-list.is-style-stacked .fox-events-list>.wp-block-columns {
		flex-wrap: wrap !important;
	}

	.wpfox-subsite-events-list.is-style-stacked .fox-event-item {
		flex-basis: 100%;
		margin-bottom: var(--spacing-30);
		padding-bottom: var(--spacing-30);
	}

	.wpfox-subsite-events-list.is-style-stacked .fox-event-item:not(:last-of-type) {
		border-bottom: 3px solid #493D303E;
	}

	.wpfox-subsite-events-list.is-style-stacked .fox-event-item>a {
		display: flex;
		gap: var(--spacing-60);
		align-items: flex-start;
	}

	.wpfox-subsite-events-list.is-style-stacked .fox-event-item>a .fox-item-image {
		flex-basis: var(--spacing-250);
		flex-shrink: 0;
	}

	.wpfox-subsite-events-list.is-style-stacked h4 {
		font-family: var(--wp--preset--font-family--secondary);
		--font-size: 20;
		margin-top: var(--spacing-20);
	}

	.wpfox-subsite-events-list.is-style-stacked h6 {
		margin-bottom: var(--spacing-20);
	}
}

@media (max-width: 781px) {
	.wpfox-subsite-events-list.is-style-stacked {
		width: max(980px, calc(980rem/var(--base-size)));
		max-width: 100vw !important;
		margin-top: max(36px, var(--spacing-60)) !important;
		margin-left: auto;
		margin-right: auto;
	}

	.wpfox-subsite-events-list.is-style-stacked .wp-block-columns {
		display: block;
	}

	.wpfox-subsite-events-list.is-style-stacked .excerpt {
		display: none;
	}

	.wpfox-subsite-events-list.is-style-stacked .slick-slide {
		padding-left: var(--spacing-30);
		padding-right: var(--spacing-30);
	}

	.wpfox-subsite-events-list.is-style-stacked .fox-item-info * {
		text-align: center;
		line-height: 1 !important;
	}

	.wpfox-subsite-events-list.is-style-stacked .fox-event-meta {
		margin-top: var(--spacing-10);
	}

	.wpfox-subsite-events-list.is-style-stacked .fox-item-title {
		margin-top: var(--spacing-30);
		--font-size: 30;
	}

	.wpfox-subsite-events-list.is-style-stacked h6 {
		--font-size: 28;
	}

	.wpfox-subsite-events-list.is-style-stacked .arrow-links .fox-item-read-more {
		--font-size: 28;
	}

	.wpfox-subsite-events-list.is-style-stacked .slider-arrow {
		position: absolute;
		width: var(--spacing-20);
		top: 40%;
		cursor: pointer;
	}

	.wpfox-subsite-events-list.is-style-stacked .slider-arrow svg {
		fill: var(--wp--preset--color--green);
	}

	.wpfox-subsite-events-list.is-style-stacked .slider-prev {
		left: calc(-1 * var(--spacing-40));
	}

	.wpfox-subsite-events-list.is-style-stacked .slider-next {
		right: calc(-1 * var(--spacing-40));
		left: auto;
	}

	.wpfox-subsite-events-list.is-style-stacked .arrow-links {
		margin-top: var(--spacing-15);
	}

	.wpfox-subsite-events-list.is-style-stacked .arrow-links .fox-item-read-more {
		text-align: center;
	}

	.wpfox-subsite-events-list.is-style-stacked .arrow-links .fox-item-read-more::after {
		content: "\e901";
		font-family: 'icomoon' !important;
		speak: never;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		font-size: .75em;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		color: var(--wp--preset--color--orange);
		transition: color .3s ease-in;
	}

	.wpfox-subsite-events-list.is-style-stacked a[target="_blank"] .arrow-links .fox-item-read-more::after {
		content: "\e90a";
	}

	.wpfox-subsite-events-list.is-style-stacked a:hover .arrow-links .fox-item-read-more::after {
		color: var(--wp--preset--color--gold);
	}

}

/* Event List Slides */
.wpfox-subsite-events-list.is-style-slides {
	margin-left: auto;
	margin-right: auto;
}

.wpfox-subsite-events-list.is-style-slides .wp-block-columns {
	display: block;
}

.wpfox-subsite-events-list.is-style-slides .excerpt {
	display: none;
}

.wpfox-subsite-events-list.is-style-slides .slick-slide {
	padding-left: var(--spacing-30);
	padding-right: var(--spacing-30);
}

.wpfox-subsite-events-list.is-style-slides .fox-item-info * {
	text-align: center;
	line-height: 1 !important;
}

.wpfox-subsite-events-list.is-style-slides .fox-event-meta {
	margin-top: var(--spacing-10);
}

.wpfox-subsite-events-list.is-style-slides .fox-item-title {
	margin-top: var(--spacing-30);
}

@media (max-width: 781px) {
	.wpfox-subsite-events-list.is-style-slides .fox-item-title {
		--font-size: 30;
	}

	.wpfox-subsite-events-list.is-style-slides h6 {
		--font-size: 28;
	}

	.wpfox-subsite-events-list.is-style-slides .arrow-links .fox-item-read-more {
		--font-size: 28;
	}
}

.wpfox-subsite-events-list.is-style-slides .slider-arrow {
	position: absolute;
	width: var(--spacing-20);
	top: 40%;
	cursor: pointer;
}

.wpfox-subsite-events-list.is-style-slides .slider-arrow svg {
	fill: var(--wp--preset--color--green);
}

.wpfox-subsite-events-list.is-style-slides .slider-prev {
	left: calc(-1 * var(--spacing-40));
}

.wpfox-subsite-events-list.is-style-slides .slider-next {
	right: calc(-1 * var(--spacing-40));
	left: auto;
}

.wpfox-subsite-events-list.is-style-slides .arrow-links {
	margin-top: var(--spacing-15);
}

.wpfox-subsite-events-list.is-style-slides .arrow-links .fox-item-read-more {
	text-align: center;
}

.wpfox-subsite-events-list.is-style-slides .arrow-links .fox-item-read-more::after {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: var(--wp--preset--color--orange);
	/* Color for the SVG */
	mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/%3E%3C/svg%3E') no-repeat center;
	mask-size: contain;
	transition: background-color .3s ease-in;
}


.wpfox-subsite-events-list.is-style-slides a[target="_blank"] .arrow-links .fox-item-read-more::after {
	content: "";
	mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/%3E%3C/svg%3E') no-repeat center;
	background-color: var(--wp--preset--color--green);
}

.wpfox-subsite-events-list.is-style-slides a:hover .arrow-links .fox-item-read-more::after {
	background-color: var(--wp--preset--color--gold);
}

/* Event List Slides Stacked */

.wpfox-subsite-events-list.is-style-slides-stacked {
	margin-top: max(36px, var(--spacing-60)) !important;
}

.wpfox-subsite-events-list.is-style-slides-stacked .wp-block-columns {
	display: block;
}

.wpfox-subsite-events-list.is-style-slides-stacked .date,
.wpfox-subsite-events-list.is-style-slides-stacked .excerpt {
	display: none;
}

.wpfox-subsite-events-list.is-style-slides-stacked .fox-event-item>a {
	display: flex;
	gap: var(--spacing-25);
	align-items: center;
}

.wpfox-subsite-events-list.is-style-slides-stacked .fox-event-item>a .fox-item-image {
	flex-basis: max(150px, var(--spacing-200));
	flex-shrink: 0;
}

.wpfox-subsite-events-list.is-style-slides-stacked .slick-slide {
	padding-left: var(--spacing-30);
	padding-right: var(--spacing-30);
}

.wpfox-subsite-events-list.is-style-slides-stacked .slick-slide>div:first-of-type .fox-event-item {
	margin-bottom: var(--spacing-30);
	padding-bottom: var(--spacing-30);
	border-bottom: 1px solid #493D3048;
}

.wpfox-subsite-events-list.is-style-slides-stacked .slider-arrow {
	position: absolute;
	width: var(--spacing-20);
	top: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: var(--spacing-10);
	background: var(--wp--preset--color--white);
	transform: translateY(-50%);
}

.wpfox-subsite-events-list.is-style-slides-stacked .slider-arrow svg {
	fill: var(--wp--preset--color--green);
}

.wpfox-subsite-events-list.is-style-slides-stacked .slider-prev {
	left: calc(-1 * var(--spacing-40));
}

.wpfox-subsite-events-list.is-style-slides-stacked .slider-next {
	right: calc(-1 * var(--spacing-40));
	left: auto;
}

@media (max-width: 781px) {
	.wpfox-subsite-events-list.is-style-slides-stacked .fox-event-item>a {
		justify-content: center;
	}

	.wpfox-subsite-events-list.is-style-slides-stacked .fox-event-item>a .fox-item-image {
		flex-basis: 38%;
	}

	.wpfox-subsite-events-list.is-style-slides-stacked .fox-event-item>a .fox-item-info {
		flex-grow: 1;
	}

	.wpfox-subsite-events-list.is-style-slides-stacked .fox-item-title {
		--font-size: 30;
	}

	.wpfox-subsite-events-list.is-style-slides-stacked h6 {
		--font-size: 28;
	}
}