/**
 * Quiltfolk Academy - Workshop modal video embed
 *
 * Styles the placeholder box that qfa-workshop-video.js fills in with a
 * YouTube <iframe> once a workshop's modal is opened. Keeps the embed at
 * a standard 16:9 ratio regardless of the container's width.
 *
 * Markup this targets (built in Elementor, see qfa-workshop-video.js for
 * the full setup notes): an "HTML" widget containing
 *   <div class="qfa-workshop-video"></div>
 */

.qfa-workshop-video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
}

.qfa-workshop-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}