/**
 * XO Featured Image — structural front-end styles.
 *
 * This file owns mechanics only: fill behavior and object-fit cropping.
 * Height, aspect ratio, margins, padding, border radius, shadows, and
 * overlays belong to the active theme and are intentionally left unset
 * here.
 */

.xo-featured-image {
	display: block;
	width: 100%;
}

a.xo-featured-image {
	color: inherit;
	text-decoration: none;
}

.xo-featured-image__media {
	display: block;
	width: 100%;
	height: 100%;
}

.xo-featured-image__picture {
	display: block;
	width: 100%;
	height: 100%;
}

.xo-featured-image__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.xo-featured-image__button {
	display: inline-block;
}