/**
 * Thin float-flow + radius for generated single posts.
 * Theme still owns typography, colors, and list markers.
 */

body.vbg-generated-article .entry-content figure.alignleft,
body.vbg-generated-article .fl-post-content figure.alignleft {
	float: left;
	max-width: 45%;
	margin: 0.5em 1.5em 1em 0;
	border-radius: 8px;
	overflow: hidden;
}

body.vbg-generated-article .entry-content figure.alignright,
body.vbg-generated-article .fl-post-content figure.alignright {
	float: right;
	max-width: 45%;
	margin: 0.5em 0 1em 1.5em;
	border-radius: 8px;
	overflow: hidden;
}

body.vbg-generated-article .entry-content figure.alignleft img,
body.vbg-generated-article .entry-content figure.alignright img,
body.vbg-generated-article .fl-post-content figure.alignleft img,
body.vbg-generated-article .fl-post-content figure.alignright img {
	border-radius: 8px;
	display: block;
	max-width: 100%;
	height: auto;
}

body.vbg-generated-article .entry-content ul,
body.vbg-generated-article .entry-content ol,
body.vbg-generated-article .fl-post-content ul,
body.vbg-generated-article .fl-post-content ol {
	clear: none !important;
	overflow: visible !important;
	list-style-position: inside;
}

body.vbg-generated-article .entry-content li,
body.vbg-generated-article .fl-post-content li {
	clear: none !important;
}

body.vbg-generated-article .entry-content h2,
body.vbg-generated-article .entry-content h3,
body.vbg-generated-article .fl-post-content h2,
body.vbg-generated-article .fl-post-content h3 {
	clear: both;
}

@media (max-width: 768px) {
	body.vbg-generated-article .entry-content figure.alignleft,
	body.vbg-generated-article .entry-content figure.alignright,
	body.vbg-generated-article .fl-post-content figure.alignleft,
	body.vbg-generated-article .fl-post-content figure.alignright {
		float: none;
		width: 100%;
		max-width: 100%;
		margin: 1em 0;
	}
}
