/* CS Slider – Frontend Core Layout */

.cs-slider {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.cs-slide-wrapper {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 100%;
	/* transform is set via JS / animation CSS */
}

.slide-item {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.slide-item picture,
.slide-item picture source {
	display: block;
}

.slide-image {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.slide-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1.5rem;
	background: linear-gradient( transparent, rgba( 0, 0, 0, 0.55 ) );
	color: #fff;
}

.slide-content h1,
.slide-content h2,
.slide-content h3,
.slide-content h4,
.slide-content h5,
.slide-content h6 {
	margin: 0 0 0.25em;
	color: inherit;
	line-height: 1.2;
}

.slide-content .subline {
	margin: 0 0 0.5em;
	font-style: italic;
	opacity: 0.9;
}

.slide-content .slide-text {
	margin: 0;
	font-size: 0.95em;
	opacity: 0.85;
}