/*----------------------------------------------------------------- */
/* EMBEDS
/*----------------------------------------------------------------- */

.block-embed
{
	text-align: center;
}

.block-embed__wrapper
{
	display: inline-block;
	overflow: hidden;

	width: 100%;
	max-width: 500px; /* limited/max width for embed content */
	margin: 0 auto;
}

.block-embed.aspect-ratio .block-embed__wrapper
{
	position: relative;

	display: block;
}

.block-embed.aspect-ratio .block-embed__wrapper:before
{
	display: block;

	padding-top: 50%;

	content: '';
}

.block-embed.aspect-ratio .block-embed__wrapper iframe
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.block-embed.aspect-ratio.aspect-21-9 .block-embed__wrapper:before
{
	padding-top: 42.85%;
}

.block-embed.aspect-ratio.aspect-18-9 .block-embed__wrapper:before
{
	padding-top: 50%;
}

.block-embed.aspect-ratio.aspect-16-9 .block-embed__wrapper:before
{
	padding-top: 56.25%;
}

.block-embed.aspect-ratio.aspect-4-3 .block-embed__wrapper:before
{
	padding-top: 75%;
}

.block-embed.aspect-ratio.aspect-1-1 .block-embed__wrapper:before
{
	padding-top: 100%;
}

.block-embed.aspect-ratio.aspect-9-16 .block-embed__wrapper:before
{
	padding-top: 177.78%;
}

.block-embed.aspect-ratio.aspect-1-2 .block-embed__wrapper:before
{
	padding-top: 200%;
}

.block-embed figcaption
{
	max-width: 500px;
	margin: 0 auto;

	text-align: left;
}