/* alpha, beta, gamma, delta, epsilon, zeta, eta, theta, iota, kappa, lambda, mu */
/* Post Listing Block - All Layouts */
.block-post-listing {

}

/* 5Up Sidebar List and 3Up List Callout have different header styles */
.block-post-listing:not(.layout-eta):not(.layout-theta) header h2 {
	/* for line-right() styling see blocks-custom.scss */
}

.block-post-listing .block-post-listing__more {
	/* for link styling see blocks-custom.scss */
}


/* Post Listing Block - All Layouts - Mobile Styling */
@media only screen and (max-width: 767px) {

	.block-post-listing footer {
		margin-top: 30px;
	}

	/* 5Up Sidebar List and 3Up List Callout have different header styles */
	.block-post-listing:not(.layout-eta):not(.layout-theta) header .block-post-listing__more {
		display: none;
	}

	/* 5Up Sidebar List and 3Up List Callout have different footer styles */
	.block-post-listing:not(.layout-eta):not(.layout-theta) footer {
		display: flex;
		align-items: center;
	}


	.block-post-listing:not(.layout-eta):not(.layout-theta) footer::before {
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		background: var(--wp--preset--color--senary);
		flex: 1;
		min-width: 30px;
		margin-right: 12px;
	}

}


/* Post Listing Block - All Layouts - Desktop Styling */
@media only screen and (min-width: 768px) {

	/* 5Up Sidebar List and 3Up List Callout have different header styles */
	.block-post-listing:not(.layout-eta):not(.layout-theta) header  {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 16px;
	}
	.block-post-listing:not(.layout-eta):not(.layout-theta) header h2 {
		margin-bottom: 0;
		margin-right: 19px; /* spacing between header line and 'read more' */
		flex-grow: 1;
	}

	/* 5Up Sidebar List and 3Up List Callout have different footer styles */
	.block-post-listing:not(.layout-eta):not(.layout-theta) footer .block-post-listing__more {
		display: none;
	}

}

/* -------------------------------------------------------------------------- */
/* Post Listing Block - 3Up List */
/* -------------------------------------------------------------------------- */
.block-post-listing.layout-alpha .block-post-listing__inner {
	display: grid;
}

@media only screen and (max-width: 767px) {
	.block-post-listing.layout-alpha .block-post-listing__inner {
		row-gap: 12px;
	}
}

@media only screen and (min-width: 768px) {
	.block-post-listing.layout-alpha .block-post-listing__inner {
		grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
		column-gap: 32px;
	}
}


/* -------------------------------------------------------------------------- */
/* Post Listing Block - 4Up List */
/* -------------------------------------------------------------------------- */
.block-post-listing.layout-beta .block-post-listing__inner {
	display: grid;
}

@media only screen and (max-width: 767px) {
	.block-post-listing.layout-beta .block-post-listing__inner {
		row-gap: 14px;
	}

	.block-post-listing.layout-beta .block-post-listing__inner .post-summary:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}

}

@media only screen and (min-width: 768px) {
	.block-post-listing.layout-beta .block-post-listing__inner {
		grid-template-columns: repeat( 4, minmax( 0, 1fr ) );
		column-gap: 32px;
	}
}


/* -------------------------------------------------------------------------- */
/* Post Listing Block - 6Up Grid */
/* -------------------------------------------------------------------------- */
.block-post-listing.layout-gamma .block-post-listing__inner {
	display: grid;
}

@media only screen and (max-width: 767px) {
	.block-post-listing.layout-gamma .block-post-listing__inner {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
		column-gap: 16px;
		row-gap: 16px;
	}
}

@media only screen and (min-width: 768px) {
	.block-post-listing.layout-gamma .block-post-listing__inner {
		grid-template-columns: repeat( 6, minmax( 0, 1fr ) );
		column-gap: 16px;
	}
}

@media only screen and (min-width: 992px) {
	.block-post-listing.layout-gamma .block-post-listing__inner {
		column-gap: 32px;
	}
}


/* -------------------------------------------------------------------------- */
/* Post Listing Block - 4Up 2-Row List */
/* -------------------------------------------------------------------------- */
.block-post-listing.layout-delta .block-post-listing__inner {
	display: grid;
}

@media only screen and (max-width: 767px) {
	.block-post-listing.layout-delta .block-post-listing__inner {
		row-gap: 16px;
	}
}

@media only screen and (min-width: 768px) {
	.block-post-listing.layout-delta .block-post-listing__inner {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
		column-gap: 32px;
		row-gap: 32px;
	}
}



/* -------------------------------------------------------------------------- */
/* Post Listing Block - 5Up Feature List */
/* -------------------------------------------------------------------------- */
.block-post-listing.layout-epsilon .block-post-listing__inner {
	display: grid;
}

@media only screen and (max-width: 767px) {
	.block-post-listing.layout-epsilon .block-post-listing__inner {
		grid-template-columns: 1fr;
		row-gap: 16px;
	}
}

@media only screen and (min-width: 768px) {
	.block-post-listing.layout-epsilon .block-post-listing__inner {
		grid-template-columns: 2fr 1fr;
		grid-column-gap: 32px;
		grid-row-gap: 16px;
	}

	.block-post-listing.layout-epsilon .post-summary--feature {
		grid-row: 1 / span 4;
	}

}


/* -------------------------------------------------------------------------- */
/* Post Listing Block - 4Up Grid In Content */
/* -------------------------------------------------------------------------- */
.block-post-listing.layout-zeta header h2 {
	font-size: var(--wp--preset--font-size--big);
}

.block-post-listing.layout-zeta .block-post-listing__inner {
	display: grid;
}

@media only screen and (max-width: 767px) {
	.block-post-listing.layout-zeta .block-post-listing__inner {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
		column-gap: 16px;
		row-gap: 18px;
	}
}

@media only screen and (min-width: 768px) {
	.block-post-listing.layout-zeta .block-post-listing__inner {
		grid-template-columns: repeat( 4, minmax( 0, 1fr ) );
		column-gap: 21px;
	}
}


/* -------------------------------------------------------------------------- */
/* Post Listing Block - 5Up Sidebar List */
/* -------------------------------------------------------------------------- */
.block-post-listing.layout-eta header h2 {
	font-family: var(--wp--preset--font-family--system-font);
	font-size: 1.1875rem;
	text-transform: uppercase;
	font-weight: 900;
	text-align: center;
}

.block-post-listing.layout-eta .block-post-listing__inner {
	display: grid;
	grid-template-columns: repeat( 1, minmax( 0, 1fr ) );
	row-gap: 15px;
}