/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 08 2026 | 15:41:39 */
/* ========================================= Video with overlay ======================================== */
.video-overlay-block {
	position: relative;

	.video-wrapper {
		position: relative;
		line-height: 0;

		@media screen and (min-width: 576px) {
			display: inline-block;
			vertical-align: top;
			max-width: 100%;
		}

		.wp-block-video {
			margin-bottom: 0;
		}

		video {
			display: block;
			width: 100%;
			max-width: 100%;

			@media screen and (min-width: 576px) {
				width: auto;
			}
		}

		.video-expand-btn {
			position: absolute;
			top: 12px;
			right: 12px;
			width: 2rem;
			height: 2rem;
			z-index: 3;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 0;
			padding: 0;
			cursor: pointer;
			background: rgba(0, 0, 0, .35);
			border-radius: 6px;
			opacity: .85;
			transition: opacity .2s ease, background .2s ease;
		}
	}

	.text-overlay {
		padding: 1rem 1.5rem;
		background-color: var(--green-dark-1);

		@media screen and (min-width: 576px) {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: var(--green-dark-transparent-2);
		}

		span {
			color: var(--white);
		}
	}
}