/**
 * Fullscreen Slideshow — BEM styles
 *
 * Block: .nh-slideshow
 * Used by the [nh_slideshow] shortcode.
 */

body.nh-slideshow-page #page-content {
	cursor: pointer;
}

.nh-slideshow {
	position: relative;
	width: 100%;
	height: calc(90dvh - var(--header-height, 100px));
	overflow: hidden;
	background: #000;
}

.nh-slideshow__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	pointer-events: none;
}

.nh-slideshow__slide.is-active {
	opacity: 1;
	pointer-events: auto;
}

.nh-slideshow__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}