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

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

.archive .hentry:last-of-type:before,
.blog .hentry:last-of-type:before,
.search-results .hentry:last-of-type:before {
	left: calc(100% + 1.5em);
}

.rtl.archive .hentry:last-of-type:before,
.rtl.blog .hentry:last-of-type:before,
.rtl.search-results .hentry:last-of-type:before {
	left: auto;
	right: calc(100% + 1.5em);
}

.archive .hentry:last-of-type:after,
.blog .hentry:last-of-type:after,
.search-results .hentry:last-of-type:after {
	left: calc(200% + 3em);
}

.rtl.archive .hentry:last-of-type:after,
.rtl.blog .hentry:last-of-type:after,
.rtl.search-results .hentry:last-of-type:after {
	left: auto;
	right: calc(200% + 3em);
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## x >= 568px
--------------------------------------------------------------*/
@media screen and (min-width: 568px) {
	/* Content */
	.archive .site-main,
	.blog .site-main,
	.search-results .site-main {
		padding-left: 0.75em;
		padding-right: 0.75em;
	}

	.archive .hentry,
	.blog .hentry,
	.search-results .hentry {
		margin-left: 0.75em;
		margin-right: 0.75em;
		padding-bottom: calc(50% - 1.5em);
		width: calc(50% - 1.5em);
	}

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

	.archive:not(.woocommerce-page) .site-main > *:not(.hentry),
	.blog .site-main > *:not(.hentry),
	.search-results .site-main > *:not(.hentry) {
		margin-left: calc(-1.5em / 2);
		width: calc(100% + 1.5em);
	}

	.rtl.archive .site-main > *:not(.hentry),
	.rtl.blog .site-main > *:not(.hentry),
	.rtl.search-results .site-main > *:not(.hentry) {
		margin-left: auto;
		margin-right: calc(-1.5em / 2);
	}
}

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

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