/* Divi Vimeo Background — frontend styles */

.dvb-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	pointer-events: none;
	-webkit-transform: translateZ(0); /* forces Safari to give this its own compositing layer, avoiding stale-paint edges */
}

.dvb-iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 56.25vw; /* 16:9 */
	min-height: 100%;
	min-width: 177.78vh; /* 16:9 */
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.dvb-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

/* Make sure any direct row/module content Divi renders after our injected
   wrapper sits visually above the video and overlay. */
[class*="vimeo-bg-"] > .et_pb_row,
[class*="vimeo-bg-"] > .et_pb_module,
[class*="vimeo-bg-"] > .et_pb_column {
	position: relative;
	z-index: 2;
}