/* Site-wide additions to the theme's own style.css */

/*
 * Single post: the featured media keeps 60% of the column from desktop up
 * instead of running the full width of the text container. Below 1024px it
 * stays full width — at phone and tablet widths 60% leaves an image too small
 * to carry a page.
 */
@media (min-width: 1024px) {
	.single-post .featured-content.featured-image {
		max-width: 60%;
	}
}

/*
 * A video standing in for the featured image. The width/height attributes come
 * from the poster, so the box is reserved before anything loads and the page
 * does not jump; these two rules turn that ratio into a fluid box.
 */
.featured-content.featured-image video {
	display: block;
	width: 100%;
	height: auto;
}