/* =recipe callout */
.block-recipe-callout {
	position: relative;
	border: 3px solid var(--wp--preset--color--secondary);
	box-shadow: 2px 3px 6px 0 rgba(0,0,0,0.10); 
	position: relative;

}

.block-recipe-callout::after { /* =accent */
	content: "";
	display: block;
	position: absolute;
	background: url(https://www.crazyforcrust.com/wp-content/themes/crazy-for-crust-2022/assets/icons/accents/sprinkles-callout-mono-opacity-20.svg) no-repeat center;
	background-size: contain;
	right: calc( -1 * var(--wp--custom--layout--padding) );
	bottom: calc( -1 * var(--wp--custom--layout--padding) );
}

.block-recipe-callout p {
	margin-top: 0;
}

.block-recipe-callout__image {
	float: right;
	margin: 0 0 16px 16px;
}

.block-recipe-callout__title {
	font-family: var(--wp--preset--font-family--playfair-display);
	font-size: var(--wp--preset--font-size--huge);
	line-height: var(--wp--custom--line-height--tiny);
	font-weight: 800;
}

.block-recipe-callout__excerpt > *:last-child {
	margin-bottom: 0;
}


@media only screen and (max-width: 767px) {
	.block-recipe-callout {
		padding: 16px 16px 20px 16px;
	}

	.block-recipe-callout::after {
		width: 100px;
		height: 100px;
	}

	.block-recipe-callout__title {
		margin-bottom: 8px;
	}

	.block-recipe-callout__excerpt {
		margin-bottom: 12px;
	}

}

@media only screen and (min-width: 768px) {
	.block-recipe-callout {
		padding: 22px 32px 24px 32px;
	}

	.block-recipe-callout::after {
		width: 132px;
		height: 132px;
	}

	.block-recipe-callout__title {
		margin-bottom: 13px;
	}

	.block-recipe-callout__excerpt {
		margin-bottom: 16px;
	}

}