/**
 * Front-end styles for assets inserted by plugin version 1.x.
 *
 * 2.0 inserts native core blocks, which the theme already styles. These rules
 * exist so posts published with 1.x keep their alignment after upgrading —
 * core only ships the legacy float rules globally, and .aligncenter gets
 * `clear: both` with no actual centering.
 */

.wp-block-mediagraph-asset {
	margin-bottom: 1.5em;
}

.wp-block-mediagraph-asset img,
.wp-block-mediagraph-asset video,
.wp-block-mediagraph-asset audio {
	max-width: 100%;
	height: auto;
}

.mediagraph-asset.alignleft,
.wp-block-mediagraph-asset.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}

.mediagraph-asset.alignright,
.wp-block-mediagraph-asset.alignright {
	float: right;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

.mediagraph-asset.aligncenter,
.wp-block-mediagraph-asset.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

figure.mediagraph-asset,
.wp-block-mediagraph-asset figure {
	margin: 0 0 1.5em;
}

.wp-block-mediagraph-asset figcaption {
	margin-top: 0.5em;
	color: #555;
	font-size: 0.875em;
	text-align: center;
}