/**
 * Articles / archive preview images: full card width.
 * In-post floated figures keep theme + inline 45% styles on single posts.
 */

/* Beaver Builder post modules */
.fl-post-feed .fl-post-image,
.fl-post-grid .fl-post-image,
.fl-post-gallery .fl-post-image {
	display: block;
	width: 100%;
	max-width: 100%;
}

.fl-post-feed .fl-post-image img,
.fl-post-grid .fl-post-image img,
.fl-post-gallery .fl-post-image img,
.fl-post-feed .fl-post-image .fl-photo-img,
.fl-post-grid .fl-post-image .fl-photo-img {
	display: block;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 !important;
}

/* Core / theme archive cards */
body.blog .post-thumbnail,
body.archive .post-thumbnail,
body.home .post-thumbnail,
body.blog .wp-block-post-featured-image,
body.archive .wp-block-post-featured-image {
	display: block;
	width: 100%;
	max-width: 100%;
}

body.blog .post-thumbnail img,
body.archive .post-thumbnail img,
body.home .post-thumbnail img,
body.blog .wp-post-image,
body.archive .wp-post-image,
body.home .wp-post-image,
body.blog .wp-block-post-featured-image img,
body.archive .wp-block-post-featured-image img {
	display: block;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

/*
 * If a feed module renders excerpt content with floated inline figures,
 * force those preview figures full-width (single-post content is unaffected).
 */
body:not(.single) .fl-post-content figure.alignleft,
body:not(.single) .fl-post-content figure.alignright,
body.blog article .entry-summary figure.alignleft,
body.blog article .entry-summary figure.alignright,
body.archive article .entry-summary figure.alignleft,
body.archive article .entry-summary figure.alignright {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body:not(.single) .fl-post-content figure.alignleft img,
body:not(.single) .fl-post-content figure.alignright img,
body.blog article .entry-summary figure.alignleft img,
body.blog article .entry-summary figure.alignright img,
body.archive article .entry-summary figure.alignleft img,
body.archive article .entry-summary figure.alignright img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}