/* SPARK Website Features - Background Slider
 *
 * Base layout for the slideshow. Uses the same class names the old Addon
 * Elements / Vegas markup used (.eae-section-bs, .vegas-slide, .vegas-slide-inner,
 * .vegas-overlay) so the child theme's existing rules apply unchanged. The
 * theme controls visibility per breakpoint (e.g. hides .eae-section-bs on
 * desktop), so this file only provides positioning and the cross-fade.
 */

.eae-section-bs {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.eae-section-bs-inner {
	position: relative;
	width: 100%;
	height: 100% !important;
}

.eae-section-bs .vegas-slide,
.eae-section-bs .vegas-slide-inner,
.eae-section-bs .vegas-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.eae-section-bs .vegas-slide-inner {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.eae-section-bs.spark-bs-contain .vegas-slide-inner {
	background-size: contain;
}

/* Cross-fade between slides. */
.eae-section-bs .vegas-slide {
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.eae-section-bs .vegas-slide.is-active {
	opacity: 1;
}

.eae-section-bs.spark-bs-instant .vegas-slide {
	transition: none;
}

/* Overlay tint/pattern sits above the slides, below the section content. */
.eae-section-bs .vegas-overlay {
	opacity: 0.5;
	background-repeat: repeat;
	background-position: center center;
}