/* Frontend Styles */ 
.custom-slideshow {
position: relative;
 /* width: 100vw; */
height: 80vh;
 /* margin-left: calc(-50vw + 50%); */
 overflow: hidden;
 background:#000;
 
 width: calc(100vw - 2 * var(--wp--custom--gap--horizontal)) !important;
 margin: 0 calc(-3 * var(--wp--custom--gap--horizontal)) !important;
}
.custom-slideshow.home-slide {
	position: relative;
}
 .home-slide .slideshow-container {
 position: absolute;
 }
 .slideshow-container {
	 position: relative;
 width: 100%;
 height: 100%;
}

.slideshow-slide {
position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height:
100%;
 background-size: cover;
 background-position: center;
 opacity: 0;

transition: opacity 1s ease-in-out;
 display: flex;
 align-items: flex-end;

}

.slideshow-slide.active {
opacity: 1;
 z-index: 1;
 
}

 .slideshow-slide
.slide-video-container {
position: absolute;
 top: 0;
 left: 0;
 width: 100%;

height: 100%;
 z-index: 0;

}

 .slideshow-slide .slide-video-container iframe {
position: absolute;
 top: 50%;
 left: 50%;
 width: 100vw;
 height: 100vh;
 transform:
translate(-50%, -50%);
 pointer-events: none;
opacity: 0;
}
 .slideshow-slide .slide-video-container iframe.loaded {
	 opacity: 1;
	 transition: opacity 1s ease-in-out;

}

 @media (aspect-ratio > 16/9) {
.slideshow-slide .slide-video-container iframe {
height: 56.25vw;

}


}

 @media
(aspect-ratio < 16/9) {
.slideshow-slide .slide-video-container iframe {
width:
177.78vh;

}
}

 .slideshow-slide .slide-overlay {
position: absolute;
 top: 0;

left: 0;
 right: 0;
 bottom: 0;
 background: linear-gradient(180deg, rgb(0,0,0) 0%,
rgba(0,0,0,0) 31%, rgba(0,0,0,0) 57%, rgb(0,0,0) 100%);
 z-index: 1;
opacity: 0.6;
pointer-events: none;

}

 .slideshow-slide .slide-content {
position: relative;

z-index: 2;
 padding: 60px;
 color: white;
 max-width: 100%;

}

 .slideshow-slide
.slide-content h1, .slideshow-slide .slide-content h2, .slideshow-slide
.slide-content h3, .slideshow-slide .slide-content h4, .slideshow-slide
.slide-content h5, .slideshow-slide .slide-content h6 {
color: white !important;
 margin: 0
0 15px 0;

}

 .slideshow-slide .slide-content p {
color: white !important;
 margin: 0 0 10px 0;
}
 .slideshow-slide .slide-content a {
color: white !important;
text-decoration: none;
}

 .slideshow-indicators {
position: absolute;
 bottom: 20px;
 left: 50%;

transform: translateX(-50%);
 z-index: 10;
 display: flex;

}



.slideshow-indicators button {

	width: 12px;

	height: 12px;

	background: var(--wp--preset--color--primary);

	margin: 0 10px;

transition: all 0.3s ease;
 
border: 0;


}

 

.slideshow-indicators button:hover {
 transform: scale(1.2);

}

 

.slideshow-indicators button.active {
background: var(--wp--preset--color--secondary);


}



/* Loading state */
.slideshow-slide button.loading {
background-color: #000;

}

 

/* Responsive adjustments
*/ @media (max-width: 768px) {
.slideshow-slide .slide-content {
padding: 30px;

}


}