/**
 * Blog listing, overlay titles, featured images, WP-PageNavi.
 * Layout stacking is limited to blog/archive/single so other pages keep tablet columns.
 */
.blog-post-img img[src=""] {
	display: none;
}

.blog-non-single-post .blog-post-img {
	position: relative;
	overflow: hidden;
	min-width: 0 !important;
	min-height: 0 !important;
	width: 100%;
	max-width: 100%;
}

.blog-non-single-post .blog-post-img img {
	opacity: 1 !important;
	-webkit-opacity: 1 !important;
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}

.blog-non-single-post .blog-post-img .black-stripe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
	z-index: 2;
}

@media only screen and (max-width: 1024px) {
	body.blog,
	body.archive,
	body.category,
	body.tag,
	body.single-post,
	body.page-template-template-blog-php {
		overflow-x: hidden;
		max-width: 100%;
	}

	body.blog #content-container,
	body.archive #content-container,
	body.category #content-container,
	body.tag #content-container,
	body.single-post #content-container,
	body.page-template-template-blog-php #content-container,
	body.blog .page-wrapper,
	body.archive .page-wrapper,
	body.single-post .page-wrapper,
	body.page-template-template-blog-php .page-wrapper,
	body.blog .content-boxed,
	body.archive .content-boxed,
	body.single-post .content-boxed,
	body.page-template-template-blog-php .content-boxed,
	body.blog #content,
	body.archive #content,
	body.category #content,
	body.tag #content,
	body.single-post #content,
	body.page-template-template-blog-php #content,
	body.blog #sidebar,
	body.archive #sidebar,
	body.category #sidebar,
	body.tag #sidebar,
	body.single-post #sidebar,
	body.page-template-template-blog-php #sidebar,
	.blog-non-single-post,
	.blog-single-post {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		float: none !important;
		box-sizing: border-box;
		overflow-x: hidden;
		-webkit-text-size-adjust: 100%;
	}

	.page-title h1 {
		margin-top: 16px;
		padding: 12px 0;
		font-size: 26px;
		line-height: 1.3;
		word-wrap: break-word;
	}

	.blog-non-single-post {
		margin-bottom: 20px;
	}

	.blog-non-single-post .black-stripe {
		box-sizing: border-box;
		max-width: 100%;
		padding: 8px 12px 12px;
	}

	.blog-non-single-post .post-title,
	.blog-non-single-post .post-title a {
		font-size: 18px !important;
		line-height: 1.3 !important;
		color: #fff !important;
		display: block;
		white-space: normal !important;
		overflow: hidden;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}

	.blog-non-single-post .post-content,
	.blog-non-single-post .post-content-content,
	.blog-non-single-post .post-content-content p {
		max-width: 100%;
		box-sizing: border-box;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}

	.blog-single-post .post-content-content img,
	.blog-single-post .post-content-content .alignleft,
	.blog-single-post .post-content-content .alignright,
	.blog-single-post .post-content-content .size-full {
		float: none !important;
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 0 0 16px !important;
	}

	#content-container .wp-pagenavi {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		clear: both;
		padding: 16px 0 24px;
		max-width: 100%;
		overflow: hidden;
	}

	.pg-pagination a,
	#content-container .wp-pagenavi a,
	#content-container .wp-pagenavi span {
		display: inline-block !important;
		width: auto !important;
		min-width: 36px !important;
		height: auto !important;
		min-height: 36px !important;
		padding: 8px 10px !important;
		line-height: 1.2 !important;
		box-sizing: border-box;
		margin: 3px;
	}

	#content-container .wp-pagenavi span.pages {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		border: 0 !important;
		text-align: center;
		margin: 0 0 8px;
	}

	.wp-pagenavi .larger.page,
	.wp-pagenavi .page.larger,
	.wp-pagenavi .nextpostslink,
	.wp-pagenavi .previouspostslink,
	.wp-pagenavi .last,
	.wp-pagenavi .first {
		display: inline-block !important;
	}
}