/*
 Theme Name:   Buffalo Fampase - Custom
 Theme URI:    https://6xgly7m3o1.rab.spinupwp.site
 Description:  A custom GeneratePress child theme
 Author:       Jeseph Meyers
 Author URI:   https://twitter.com/jesephm
 Template:     generatepress
 Version:      0.1
*/

.blog .site-main,
.archive .site-main {
	display: grid;
	grid-gap: 2em;
	padding: 0 2em;
}

.blog .site-main .post,
.archive .site-main .post {
	margin-bottom: 0;
}

.single-post .entry-content .wp-block-image:first-child {
	display: none;
}

.single-post .grid-container,
.search .grid-container {
	max-width: 90ch;
}

.jm-front-page-hero p:first-of-type {
	margin: 0;
}

.home .wp-block-post-terms a {
	color: #333;
}

.feed-image,
.jm-new-first .wp-block-post-featured-image img {
	aspect-ratio: 16/10;
}

.jm-grid-post,
.jm-new-first {
	overflow: hidden;
}

.jm-grid-post .dynamic-featured-image {
	height: auto;
	width: 100%;
}

.jm-grid-post .inline-post-meta-area > .gb-inside-container {
	justify-content: center !important;
}

.jm-grid-content > .gb-inside-container {
	display: flex;
	flex-direction: column;
}

.jm-grid-content .dynamic-entry-excerpt {
	flex-grow: 1;
}

.jm-grid-content .inline-post-meta-area {
	margin-top: 1em;
}

.paging-navigation {
	margin: 0 auto;
}

.dynamic-author-image {
	display: none;
	margin-right: 1em;
}

.inline-post-meta-area a {
	color: inherit;
}

.paged .jm-new-first {
	display: none;
}

.jm-new-first .wp-block-post-date {
	font-size: 14px;
	margin-bottom: 1em;
}

.jm-new-first h2 {
	font-size: 24px;
	margin-bottom: 0.25em;
}

.jm-new-first h2 a {
	color: var(--contrast-2);
}

.jm-new-first .wp-block-post-featured-image img {
	object-fit: contain;
}

.jm-new-first .wp-block-post-author__avatar img {
	border-radius: 100%;
}

.block-injector-type-p_after {
	margin-bottom: 2em;
}

@media screen and (min-width: 26rem) {
	
	.paging-navigation {
		width: 100%;
		text-align: center;
	}
}

@media screen and (min-width: 51rem) {
	
	.dynamic-author-image {
		display: block;
	}
	
	.paging-navigation {
		grid-column: span 3;
	}
	
	.jm-grid-content > .gb-inside-container {
		min-height: 355px;
	}
	
	.jm-grid-title {
		// flex-basis: 6em;
	}
}

@media screen and (min-width: 72rem) {

	.blog	.site-main,
	.archive .site-main {
		grid-template-columns: repeat(3, 1fr);
	}
}