/*==============================*/
/*=====----- TEMPLATE -----=====*/
/*==============================*/

.events-slider {
	position: relative;
	padding: 40px 20px;
	margin-bottom: 60px;
	background: var(--yellow-lighter);
	color: var(--gray-dark);
}

.events-slider.no-footer {
	padding-bottom: 130px;
}

.events-slider .slider-cont {
	position: static;
	max-width: 1160px;
	margin: 0 auto;
}

.events-slider .glide__track {
	position: relative;
	z-index: 1;
}

.events-slider .glide__arrows {
	position: absolute;
	inset: auto 0 40px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	pointer-events: none;
}

.events-slider .glide__arrow {
	margin: 0;
}

.events-slider .template-footer {
	display: flex;
	justify-content: center;
	margin-top: 35px;
}

/*============================*/
/*=====----- SLIDES -----=====*/
/*============================*/

.events-slider .slide.has-date > .inner {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr);
	gap: 10px;
	align-items: start;
}

.events-slider .mini-date-section {
	position: static;
}

.events-slider .slide:nth-child(3n - 1) .mini-date-section {
	--background-color: var(--turq-dark);
}

.events-slider .slide:nth-child(3n) .mini-date-section {
	--background-color: var(--yellow);
}

.events-slider .slide-title {
	margin-bottom: 15px;
	font-family: var(--font-display);
	font-weight: var(--font-weight-black);
	font-size: 1.25rem;
	line-height: 1.3;
	color: inherit;
}

.events-slider .details {
	font-family: var(--font-body);
	font-weight: var(--font-weight-med);
	font-style: italic;
	font-size: 1rem;
	line-height: 1.375;
	list-style: none;
	color: inherit;
}

.events-slider .details .info-item:not(.has-link),
.events-slider .details .info-item.has-link a {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.events-slider .details a {
	font: inherit;
	color: inherit;
	text-decoration: none;
}

.events-slider .details i {
	font-style: normal;
}

/*===================================*/
/*=====----- MEDIA QUERIES -----=====*/
/*===================================*/

@media (min-width: 64em) {
	.events-slider {
		padding-top: 80px;
		padding-bottom: 80px;
		margin-bottom: 120px;
	}

	.events-slider.no-footer {
		padding-bottom: 187px;
	}

	.events-slider .template-footer {
		margin-top: 50px;
	}

	.events-slider .glide__arrows {
		bottom: 82px;
	}

	.events-slider .slide.has-date > .inner {
		grid-template-columns: 122px minmax(0, 1fr);
		gap: 20px;
	}

	.events-slider .slide-title {
		font-size: 1.5625rem;
		line-height: calc(31 / 25);
	}
}

@media (min-width: 90em) {
	.events-slider .slider-cont {
		position: relative;
	}

	.events-slider .glide__arrows {
		inset: 61px -74px auto;
		transform: translateY(-50%);
	}
}