.date-list-slider {
	position: relative;
	margin: 0 auto;
	margin-bottom: var(--space-6);
	max-width: 1240px;
	padding: 0 28px;
}

/* Widget header */
.date-list-slider .widget-header {
	--font-heading: var(--stranger-wide);
	--color: var(--primary-color-700);
	--color-hover: inherit;
}

.date-list-slider .widget-header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 12px;
}

.date-list-slider .widget-title {
	text-transform: uppercase;
	font-family: var(--font-heading);
	font-size: 23px;
	line-height: 1.2;
	color: #1c2e44;
}

@media(hover: hover) {
	.date-list-slider .widget-view-all:hover {
		--button-color: var(--color-hover);
		text-decoration: none;
	}

	.date-list-slider .slide .slide-title > a:hover,
	.date-list-slider .slide a.more-caption:hover,
	.date-list-slider .slide a.link-btn:hover {
		text-decoration: none;
	}
}

@media (min-width: 64em) {
	.date-list-slider .widget-title {
		font-size: 36px;
		margin-left: -28px;
		margin-left: max(calc(0px - 28 * (100vw - 1024px) / 416), -28px);
	}

	.date-list-slider .widget-header-inner {
		padding-bottom: 18px;
	}
}

/* Slides */
.date-list-slider .glide__track {
	margin-bottom: 15px;
}

.date-list-slider .slider-cont .slide {
	padding-left: 9px;
	padding-left: min(calc(9px + 91 * (100vw - 320px) / 320), 100px);
}
.date-list-slider .slider-cont .slide > .inner {
	display: flex;
	height: 100%;
	margin: 0 auto;
}

.date-list-slider .slider-cont .slide .mini-date-section {
	position: static;
	align-self: flex-start;
	padding-left: 6px;;
	padding-right: 8px;
	padding-top: 10px;
	padding-bottom: 8px;
}

.date-list-slider .slider-cont .slide .content-section {
	padding: 4px 17px 0;
	background-color: white;
}

.date-list-slider .slider-cont .slide .content-section h4,
.date-list-slider .slider-cont .slide .content-section h4 a {
	font-size: 15px;
	font-weight: var(--font-weight-bold);
	font-family: var(--font-display);
	line-height: calc(16/15);
	letter-spacing: 0.025em;
	color: #2a2b29;
}

.date-list-slider .slider-cont .slide .content-section .locale {
	display: flex;
	align-items: baseline;
	font-family: var(--font-display);
	font-weight: var(--font-weight-light);
	font-size: 13px;
	color: #2a2b29;
	letter-spacing: .025em;
	line-height: 1.2;
	margin-top: 7px;
}

.date-list-slider .slider-cont .slide .content-section .locale i {
	margin-right: 3px;
	font-size: 12px;
}

/* Controls */
.date-list-slider .slider-cont .glide__arrows {
	position: absolute;
	top: 30%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	pointer-events: none;
	z-index: 1;
	--arrow-margin: 18px;
	width: calc(100% + var(--arrow-margin) * 2);
	left: calc(var(--arrow-margin) * -1);
}

.date-list-slider .slider-cont .glide__arrows .glide__arrow {
	--size: 10px;
	width: var(--size);
	height: var(--size);
	position: relative;
	flex-shrink: 0;
	padding: 0;
	background: transparent;
	font-size: 16px;
	color: #2a2b29;;
	cursor: pointer;
	pointer-events: all;
}

.date-list-slider .slider-cont .glide__arrows .glide__arrow i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	line-height: var(--leading-none);
}

.date-list-slider .slider-dots {
	gap: 7px;
}

.date-list-slider .slider-dot.glide__bullet {
	background-color: #2a2b29;
	border-radius: 50%;
}

@media (min-width: 40em) {
	.date-list-slider .glide__track {
		margin-bottom: 25px;
	}

	.date-list-slider .slider-cont .slide {
		padding-left: 9px;
	}
}


@media (min-width: 64em) {
	.date-list-slider {
		margin-bottom: 34px;
	}

	.date-list-slider {
		max-width: 1264px;
		padding: 0 40px;
	}

	.date-list-slider .glide__track {
		margin-bottom: 30px;
	}

	.date-list-slider .slider-cont .slide {
		padding-left: 30px;
	}

	.date-list-slider .slider-cont .slide .mini-date-section {
		position: static;
		align-self: flex-start;
		padding-left: 11px;;
		padding-right: 9px;
		padding-top: 14px;
		padding-bottom: 12px;
	}

	.date-list-slider .slider-cont .slide .content-section {
		padding-top: 8px
	}

	.date-list-slider .slider-cont .slide .content-section h4,
	.date-list-slider .slider-cont .slide .content-section h4 a {
		font-size: 22.5px;
		line-height: 1.2;
	}

	.date-list-slider .slider-cont .slide .content-section .locale {
		font-size: 18px;
		margin-top: 3px;
	}

	.date-list-slider .slider-cont .slide .content-section .locale i {
		color: #1e3d6d;
		margin-right: 7px;
		font-size: 18px;
	}

	.date-list-slider .slider-cont .glide__arrows {
		--arrow-margin: min(calc(8px + 29 * (100vw - 1024px) / 416), 37px);
		--left-offset: min(calc(0px + 4 * (100vw - 1024px) / 416), 4px);
		
		left: calc(var(--arrow-margin) * -1 + var(--left-offset));
	}

	.date-list-slider .slider-cont .glide__arrows .glide__arrow {
		font-size: min(calc(16px + 22 * (100vw - 1024px) / 416), 38px);
		color: #1e3d6d;
	}

	.date-list-slider .slider-dots {
		gap: 11px;
		padding-left: 15px;
	}

	.date-list-slider .slider-dot.glide__bullet {
		--size: 10px;
		background-color: rgba(27, 27, 27);
		opacity: .4;
	}

	.date-list-slider .slider-dot.glide__bullet--active {
		opacity: 1;
	}
}

/* Event panel styles */
.events-panel .date-list-slider {
	margin-bottom: 17px;
}
.events-panel .date-list-slider .slider-cont .content-section {
	background-color: transparent;
}

.events-panel .date-list-slider :is(.widget-title, .glide__arrows .glide__arrow) {
	color: var(--white);
}

.events-panel .date-list-slider .slider-cont .slide  :is(.widget-title, .content-section h4, .content-section h4 a, .locale, .locale i) {
	color: white;
}

.events-panel .date-list-slider .slider-dot.glide__bullet {
	background-color: var(--white);
	opacity: .25;
}

.events-panel .date-list-slider .slider-dot.glide__bullet--active {
	opacity: 1;
}

@media (min-width: 64em) {
	.events-panel .date-list-slider {
		margin-bottom: 16px
	}
	.events-panel .date-list-slider .glide__track {
		margin-bottom: 32px;
	}
}
