/* Probably Fine™ Divi YouTube Background - frontend styles */

.pf-ytbg{
	position: relative;
	overflow: hidden;
}

.pf-ytbg__media,
.pf-ytbg__overlay{
	position: absolute;
	inset: 0;
	z-index: 0;
}

.pf-ytbg__content{
	position: relative;
	z-index: 2;
}

.pf-ytbg__fallback{
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1;
}

.pf-ytbg__iframe{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none; /* background only */
	border: 0;
	opacity: 1;
}

/* If no video, keep fallback visible. */
.pf-ytbg--no-video .pf-ytbg__iframe{
	display:none;
}

/* Overlay sits above media but below content */
.pf-ytbg__overlay{
	z-index: 1;
}

/* Mobile disabling */
@media (max-width: 980px){
	.pf-ytbg--disable-mobile .pf-ytbg__iframe{
		display:none !important;
	}
}

/* Keep content readable by default if user forgets padding */
.pf-ytbg{
	padding: 40px;
	box-sizing: border-box;
}