.block-common-slider {
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 100;
}

body:has(#wpadminbar) .block-common-slider {
	height: calc(100vh - 28px);
	top: 28px;
}

.block-common-slider .slick-track {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
}

.block-common-slider .slick-track img.slick-slide {
	height: auto;
	min-height: 100vh;
	min-width: 100vw;
	width: auto;
}

#slick-slider-text {
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 200;
}

#slick-slider-text .slick-track {
	display: flex;
	flex-direction: row;
}

/* Let clicks pass through the full-viewport text layer to the pause/play
   button of the image slider below; the link re-enables its own clicks. */
#slick-slider-text {
	pointer-events: none;
}

#slick-slider-text a {
	pointer-events: auto;
}

/* Scoped to the slide class: a bare `div` selector would also hit slick's
   generated .slick-list/.slick-track wrappers, shrinking the computed slide
   width and re-centering the track (texts end up over the wrong slide). */
#slick-slider-text .slider-text-slide {
	align-items: center;
	color: white;
	display: flex;
	/* Fluid on small screens: at full size the longest words are wider than a
	   narrow viewport and centered flex content overflows into the
	   neighbouring slides. */
	font-size: clamp( 1.75rem, 11vw, calc( var(--wp--preset--font-size--x-large) * 1.4 ) );
	font-weight: 600;
	height: 100vh;
	justify-content: center;
	overflow: hidden;
	padding: 0 10vw;
	text-align: center;
	text-shadow: 0 1px 3px rgba(0,0,0,0.9), 0 0 24px rgba(0,0,0,0.6);
}

/* The tagline is the page h1; undo the global heading styles so it looks
   identical to the other slide texts. */
#slick-slider-text .slider-text-slide h1 {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: 0;
	text-shadow: inherit;
}

#slick-slider-text .slider-text-slide a {
	color: var(--wp--preset--color--white);
	text-decoration: underline;
	text-decoration-thickness: 3px;
	text-underline-offset: 8px;
}

/* Accessible Slick's autoplay pause/play toggle: the default theme parks it
   offscreen (bottom: -32px); pin it bottom-left inside the viewport with a
   readable icon instead. */
#slick-slider .slick-autoplay-toggle-button {
	background: rgba(25, 25, 24, 0.6);
	border-radius: 50%;
	bottom: 24px;
	color: #fff;
	height: 44px;
	left: 24px;
	opacity: 1;
	top: auto;
	width: 44px;
	z-index: 150;
}

#slick-slider .slick-autoplay-toggle-button:focus {
	color: #fff;
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* Lottie animation */

#fp-animation {
	height: 600px;
	width: 60vw;
}