/*--------------------------------------------------------------
# Imports
--------------------------------------------------------------*/
@import "card-entries.css";

/**
 * Custom styles for the grid-template.php template.
 */

.site-hero {
	background-color: var(--secondary-bg-color);
	text-align: center;
	margin: 0 calc(-50vw + 50%);
	padding: 2rem 0;

	& section,
	& h1,
	& p {
		margin: 0;
	}
}

.site-main {
	margin-top: 3rem;
}

@media (--sidebar-query) {

	.site {
		display: grid;
		grid-template-columns: 1fr;
	}

	.site-main {
		margin: 3rem 1rem 0;
	}

	.post {
		margin-bottom: 0;
		padding: 0 2rem;
	}

	.wp-block-image.alignleft,
	.wp-caption.alignleft {
		margin-left: 0;
	}

	.wp-block-image.alignright,
	.wp-caption.alignright {
		margin-right: 0;
	}

	.entry-footer {
		border-bottom: none;
	}

	.site-main .posts-navigation {
		width: 100%;
		margin-bottom: 0;
		padding: 2rem 0 0;
		border-top: 1px solid var(--global-font-color);
		border-bottom: none;
	}

}