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

.core-hero-slideshow {
	position: relative;
}

.core-hero-slideshow:not(.js-loaded) {
	min-height: 225px;
}

.core-hero-slideshow.js-loaded {
	min-height: unset;
}

.core-hero-slideshow .arrows-cont .glide__arrows {
	left: auto;
	right: 0;
	bottom: 20px;
	gap: 12px;
	padding: 0 10px;
}

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

.core-hero-slideshow .slide,
.core-hero-slideshow .slide .img-cont {
	position: relative;
}

.core-hero-slideshow .slide-img {
	position: relative;
	z-index: 1;
}

.core-hero-slideshow .slide .img-cont::before {
	position: absolute;
	inset: 30% 0 0 0;
	z-index: 2;
	display: block;
	background: linear-gradient(to top, rgba(0,0,0,.4), rgba(0,0,0,0));
	content: '';
	pointer-events: none;
}

.core-hero-slideshow .slide .content-section {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	display: block;
	max-width: 251px;
	padding: 14px 18px;
}

.core-hero-slideshow .slide .content-section a {
	color: inherit;
	text-decoration: none !important;
	pointer-events: all;
}

.core-hero-slideshow .slide-title,
.core-hero-slideshow .slide .slide-desc {
	text-shadow: 0 0 12px rgba(0,0,0,.7);
}

.core-hero-slideshow .slide-title {
	margin-bottom: 2px;
	font-weight: var(--font-weight-bold);
	font-style: italic;
	font-size: 20px;
	line-height: 1.25;
}

.core-hero-slideshow .slide .slide-desc {
	font-weight: var(--font-weight-medium);
	font-size: 16px;
	line-height: 1.375;
}

.core-hero-slideshow .shared-play-button {
	top: 20px;
	right: 20px;
	left: auto;
	transform: none;
}

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

@media (min-width: 64em) {
	.core-hero-slideshow {
		width: calc(100% - 80px);
		margin: 0 auto;
	}

	.core-hero-slideshow:not(.js-loaded) {
		min-height: 600px;
	}

	.core-hero-slideshow .arrows-cont .glide__arrows {
		bottom: 50px;
		padding: 0 50px;
	}

	.core-hero-slideshow .slide .content-section {
		max-width: 584px;
		padding: 44px 50px;
	}

	.core-hero-slideshow .slide-title {
		margin-bottom: 1px;
		font-size: 25px;
		line-height: 1.2;
	}

	.core-hero-slideshow .slide .slide-desc {
		font-size: 18px;
		line-height: calc(25/18);
	}

	.core-hero-slideshow .shared-play-button {
		top: 40px;
		right: 40px;
	}
}