.cover-block {
	align-items: center;
	display: flex;
	height: 100%;
	min-height: 550px;
	overflow: hidden;
	padding-bottom: var(--padding) !important;
	padding-top: var(--padding) !important;
	position: relative;

	@media screen and (max-width: 662px) {
		padding-bottom: calc(var(--padding) * 2) !important;
		padding-top: calc(var(--padding) * 2) !important;
	}

	&.add-strip {
		&::before {
			content: '';
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			width: 2px;
			height: 90px;
			background-color: var(--wp--preset--color--blue);
			z-index: 1;
		}
	}

	/* &.add-angled-bottom {
		clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
	} */

}


.cover-block .container {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	text-align: center;
	justify-content: center;

	& * {
		color: var(--wp--preset--color--white);
		margin-left: auto;
		margin-right: auto;
		max-width: 780px;
	} 
	
	& ul {
		margin-left: 0;
	}

	&.text-left {
		align-items: start;
		text-align: left;

		& * {
			color: var(--wp--preset--color--white);
			margin-left: 0;
			margin-right: auto;
			max-width: 780px;
		} 

		& p {
			margin-left: 0;
			max-width: 50%;
			@media screen and (max-width: 662px) {
				max-width: 100%;
			}
		}

	}

}



/* VIDEO BLOCK */
.cover-block .video {
	height: 100%;
	left: 50%;
	min-height: 500px;
	max-width: none !important;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100vw !important;
}

.cover-block .wp-video {
	height: 100%;
	pointer-events: none;
	position: relative;
	/* max-height: 680px; */
}
.cover-block .wp-video::before,
.cover-block .video::before {
	content: '';
	background-color: var(--wp--preset--color--black);
	height: 100%;
	left: 0;
	opacity: 0.45;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.cover-block .video iframe,
.cover-block .video video {
	aspect-ratio: 16 / 9;
	height: auto;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	pointer-events: none;	
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: auto;
}

.cover-block .video .wp-video {
	width: 100% !important;
}

.cover-block .video .mejs-mediaelement {
	height: 100dvh;
}

.cover-block .video .mejs-container {
	max-width: none;
}

.cover-block .video .mejs-layers,
.cover-block .video .mejs-controls {
	display: none !important;
}


/* SINGLE IMAGE */

.cover-block .single-image {
	height: 100%;
	left: 50%;
	/* max-height: 680px; */
	max-width: none !important;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100vw !important;

	&::before {
		content: '';
		mix-blend-mode: normal;
		background: linear-gradient(120deg, #002750 0, rgba(0, 39, 80, 0.00) 70.16%);
		height: 100%;
		left: 0;
		opacity: 0.8;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 0;
		
		@media screen and (max-width: 662px) {
			background: var(--wp--preset--color--navy);
			opacity: 0.6;
		}

	}



}

.cover-block:has(> .single-image) h3 {
	color: var(--wp--preset--color--white) !important;
}

.cover-block .single-image img {
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}