/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.masonry-wrapper {
	padding: 0 0.75em;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.archive .hentry,
.blog .hentry,
.search-results .hentry {
	margin: 0 0.75em 1.5em;
	padding-bottom: 0;
	width: calc(100% - 3em);
}

.archive .hentry:not(.has-post-thumbnail),
.blog .hentry:not(.has-post-thumbnail),
.search-results .hentry:not(.has-post-thumbnail) {
	padding-bottom: 100%;
	padding-bottom: calc(100% - 3em);
}

.archive .hentry:first-of-type,
.blog .hentry:first-of-type,
.search-results .hentry:first-of-type {
	margin-top: 1.5em;
}

.archive .site-main > *:not(.masonry-wrapper),
.blog .site-main > *:not(.masonry-wrapper),
.search-results .site-main > *:not(.masonry-wrapper) {
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}

.square-area {
	position: relative;
}

.square-area img {
	display: block;
	height: auto;
	left: auto;
	min-height: 0;
	max-width: 100%;
	min-width: 0;
	position: relative;
	top: auto;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## x >= 568px
--------------------------------------------------------------*/
@media screen and (min-width: 568px) {
	/* Content */
	.archive .hentry,
	.blog .hentry,
	.search-results .hentry {
		width: calc(50% - 2.25em);
	}

	.rtl.archive .hentry,
	.rtl.blog .hentry,
	.rtl.search-results .hentry {
		float: none;
	}

	.archive .hentry:not(.has-post-thumbnail),
	.blog .hentry:not(.has-post-thumbnail),
	.search-results .hentry:not(.has-post-thumbnail) {
		padding-bottom: 50%;
		padding-bottom: calc(50% - 2.25em);
	}

	.archive .hentry:nth-of-type(2),
	.blog .hentry:nth-of-type(2),
	.search-results .hentry:nth-of-type(2) {
		margin-top: 1.5em;
	}

	.archive .hentry:last-of-type:before,
	.archive .hentry:last-of-type:after,
	.blog .hentry:last-of-type:before,
	.blog .hentry:last-of-type:after,
	.search-results .hentry:last-of-type:before,
	.search-results .hentry:last-of-type:after {
		display: none;
	}
}

/*--------------------------------------------------------------
## x >= 1024px
--------------------------------------------------------------*/
@media screen and (min-width: 1024px) {
	/* Content */
	.archive .hentry,
	.blog .hentry,
	.search-results .hentry {
		width: calc(33.3333% - 2em);
	}

	.archive .hentry:not(.has-post-thumbnail),
	.blog .hentry:not(.has-post-thumbnail),
	.search-results .hentry:not(.has-post-thumbnail) {
		padding-bottom: 33.3333%;
		padding-bottom: calc(33.3333% - 2em);
	}

	.archive .hentry:nth-of-type(3),
	.blog .hentry:nth-of-type(3),
	.search-results .hentry:nth-of-type(3) {
		margin-top: 1.5em;
	}
}