/*
Theme Name:         ECS Theme
Description:        Build using wordpress Sage from Root.io.
Requires PHP:       8.0
Requires at least:  5.9
*/
.link-download.modal-toggle-video {
	padding: 6px 75px !important;
}
.modal-video {
	position: absolute;
	z-index: 10000; /* 1 */
	top: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
}
.modal-video.is-visible {
	visibility: visible;
}
.modal-video-overlay {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: hsla(0, 0%, 0%, 0.5);
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.modal-video.is-visible .modal-video-overlay {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}
.modal-video-wrapper {
	position: fixed;
	z-index: 9999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.modal-video-transition {
	transition: all 0.3s 0.12s;
	opacity: 0;
}
.modal-video.is-visible .modal-video-transition {
	opacity: 1;
}
.modal-video-content video {
	width: 70vw;
	height: fit-content;
	aspect-ratio: 16 / 9;
}
@media screen and (max-width: 767px) {
	.modal-video-content video {
		height: fit-content;
		width: 80vw;
		aspect-ratio: 40 / 61;
	}
}
.modal-video-header {
	position: relative;
	background-color: transparent;
}
.modal-video-close {
	position: absolute;
	top: -50px;
	right: -10px;
	padding: 1em;
	background: none;
	border: 0;
	cursor: pointer;
}