/* NOTE: wavy line next to post listing headers is styled in blocks-custom.scss */
/* alpha, beta, gamma, delta, epsilon, zeta, eta, theta, iota, kappa, lambda, mu */

.block-post-listing {

}

.block-post-listing header {

}

.block-post-listing header h2 {
	font-size: var(--wp--preset--font-size--jumbo);
}

/* 3 Column, Large Badge */
.layout-alpha {
	position: relative;
}
.layout-alpha .block-post-listing__inner {
	display: grid;
}
.layout-alpha .block-post-listing__inner .post-summary {
}
.layout-alpha .block-post-listing__badge-container {
	position: absolute;
	transform: rotate(-20deg);
}
.layout-alpha .block-post-listing__badge-container svg .bg {
	fill: var(--wp--preset--color--secondary);
}
.layout-alpha .block-post-listing__badge-text {
	position: absolute;
	color: white;
	text-align: center;
	font-family: var(--wp--preset--font-family--playfair-display);
	font-weight: 800;
	line-height: 1.13636364;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}


/* 3 Column, Small Badge */
.layout-beta {
	position: relative;
}
.layout-beta .block-post-listing__inner {
	display: grid;
}
.layout-beta .block-post-listing__inner .post-summary {
}
.layout-beta .block-post-listing__badge-container {
	position: absolute;
	transform: rotate(20deg);
}
.layout-beta .block-post-listing__badge-container svg .bg {
	fill: var(--wp--preset--color--primary);
}
.layout-beta .block-post-listing__badge-text {
	position: absolute;
	color: white;
	text-align: center;
	font-family: var(--wp--preset--font-family--playfair-display);
	font-weight: 800;
	line-height: 1.13636364;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

/* 4 Up */
.layout-gamma {
	position: relative;
}
.layout-gamma .block-post-listing__inner {
	display: grid;
}

/* 1x4 */
.layout-delta {
}
.layout-delta .block-post-listing__inner {
	display: grid;
	counter-reset: postSummaryCounter;
}
.layout-delta .post-summary {
	position: relative;
}
.layout-delta .post-summary__content::before {
	counter-increment: postSummaryCounter;
	content: counter(postSummaryCounter);
	position: absolute;
	background: var(--wp--preset--color--primary);
	border-radius: 50%;
	font-size: 18px;
	line-height: 18px;
	font-weight: 800;
	color: white;
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 5px solid white;
}
.layout-delta .post-summary--quinary .post-summary__content::before {
	top: 50%;
	transform: translate(-50%, -50%);
	left: 80px;
}

/* 6 Up */
.layout-epsilon {
}
.layout-epsilon .block-post-listing__inner {
	display: grid;
}


/* Sidebar : =sidebar */
.layout-zeta {
}
.layout-zeta .block-post-listing__inner,
.layout-eta .block-post-listing__inner {
	display: grid;
	grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	column-gap: 16px;
	row-gap: 16px;
}
.layout-zeta header h2,
.layout-eta header h2 {
	text-align: center;
	font-size: 1.25rem;
	font-family: var(--wp--preset--font-family--sans-serif);
	text-transform: uppercase;
}
.layout-zeta .post-summary,
.layout-eta .post-summary {
	border-radius: 0;
}

@media only screen and (max-width: 767px) {

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

	/* 3 Column, Large Badge */
	.layout-alpha .block-post-listing__inner {
		grid-template-columns: 1fr;
		grid-row-gap: 16px;
	}
	.layout-alpha .block-post-listing__badge-container {
		transform: rotate(0deg); /* to fix horizontal scrolling */
		right: 0;
		top: -104px;
		width: 132px;
		height: 132px;
	}
	.layout-alpha .block-post-listing__badge-container svg {
		width: 132px;
		height: 132px;
	}
	.layout-alpha .block-post-listing__badge-text {
		font-size: 16px;
	}

	/* 3 Column, Small Badge */
	.layout-beta .block-post-listing__inner {
		grid-template-columns: 1fr;
		grid-row-gap: 16px;
	}
	.layout-beta .block-post-listing__badge-container {
		right: calc( -1 * var(--wp--custom--layout--padding) );
		transform: rotate(0deg); /* to fix horizontal scrolling */
		width: 79px;
		height: 79px;
	}
	.layout-beta .block-post-listing__badge-container svg {
		width: 79px;
		height: 79px;
	}
	.layout-beta .block-post-listing__badge-text {
		font-size: 16px;
	}

	/* 4 Up */
	.layout-gamma {
	}
	.layout-gamma .block-post-listing__inner {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
		column-gap: 16px;
		row-gap: 16px;
	}

	/* 1x4 */
	.layout-delta {
	}
	.layout-delta .block-post-listing__inner {
		grid-template-columns: 1fr;
		grid-row-gap: 16px;
	}

	.layout-delta .post-summary--feature .post-summary__content::before {
		left: 50%;
		transform: translate(-50%, -38px);
	}

	/* 6 Up */
	.layout-epsilon {
	}
	.layout-epsilon .block-post-listing__inner {
		grid-template-columns: 1fr;
		grid-row-gap: 16px;
	}

}

@media only screen and (min-width: 768px) {

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

	/* 3 Column, Large Badge */
	.layout-alpha .block-post-listing__badge-container {
		left: calc( -1 * var(--wp--custom--layout--padding) );
		top: -25px;
		width: 263px;
		height: 263px;
	}
	.layout-alpha .block-post-listing__badge-container svg {
		width: 263px;
		height: 263px;
	}
	.layout-alpha .block-post-listing__badge-text {
		font-size: 43px;
	}

	.layout-alpha .block-post-listing__inner {
		padding-left: 220px;
		grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
		column-gap: var(--wp--custom--layout--block-gap);
	}

	.layout-alpha footer {
		position: absolute;
		bottom: 20px;
		width: 168px;
		text-align: center;
	}


	/* 3 Column, Small Badge */
	.layout-beta .block-post-listing__badge-container {
		right: calc( -1 * var(--wp--custom--layout--padding) );
		width: 150px;
		height: 150px;
	}
	.layout-beta .block-post-listing__badge-container svg {
		width: 150px;
		height: 150px;
	}
	.layout-beta .block-post-listing__badge-text {
		font-size: 29px;
	}

	.layout-beta .block-post-listing__inner {
		grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
		column-gap: var(--wp--custom--layout--block-gap);
	}

	/* 4 Up */
	.layout-gamma {
	}
	.layout-gamma .block-post-listing__inner {
		grid-template-columns: repeat( 4, minmax( 0, 1fr ) );
		column-gap: var(--wp--custom--layout--block-gap);
	}

	/* 1x4 */
	.layout-delta {
	}
	.layout-delta .block-post-listing__inner {
		grid-template-columns: 2fr 1fr;
		grid-column-gap: 32px;
		grid-row-gap: 16px;
	}
	.layout-delta .post-summary--feature {
		grid-row: 1 / span 4;
	}
	.layout-delta .post-summary--feature .post-summary__content::before {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* 6 Up */
	.layout-epsilon {
	}
	.layout-epsilon .block-post-listing__inner {
		grid-template-columns: repeat( 6, minmax( 0, 1fr ) );
		column-gap: var(--wp--custom--layout--block-gap);
	}

}