/**
 * Home slider (template-parts/home-slider.php, assets/js/home-slider.js).
 *
 * Replaces the old full-screen Revolution Slider: as tall as the window,
 * starting at the top of the page under the translucent light header, each
 * slide a centred background-cover image, and a 7 px timer bar along the
 * top edge, where the old .tp-bannertimer ran (under the translucent header,
 * which it shows through).
 */

.home-slider {
	position: relative;
	overflow: hidden;
	height: 100vh;
}

.home-slider-slides,
.home-slider-slides .slick-list,
.home-slider-slides .slick-track,
.home-slide {
	height: 100%;
}

.home-slide {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Before the script runs (or without it), only the first slide shows. */
.home-slider-slides:not(.slick-initialized) .home-slide + .home-slide {
	display: none;
}

/* The script fades the first slide in over 1.5 s once its image has loaded. */
.home-slider-slides.is-waiting {
	opacity: 0;
}

.home-slider-slides.is-fading-in {
	transition: opacity 1500ms ease;
}

.home-slider-timer {
	position: absolute;
	z-index: 200;
	top: 0;
	left: 0;
	width: 0;
	height: 7px;
	background-color: rgba(255, 255, 255, 0.25);
}