/**
 * Canva Embed – responsive container styles
 * Uses padding-top percentage for aspect ratio (responsive without JS).
 */

.canva-embed-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%; /* 16:9 aspect ratio (overridden by inline style when shortcode specifies aspect_ratio) */
	box-shadow: 0 2px 8px 0 rgba(63, 69, 81, 0.16);
	margin-top: 1.6em;
	margin-bottom: 0.9em;
	overflow: hidden;
	border-radius: 8px;
}

.canva-embed-container .canva-embed-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}