/* this is only for styling the custom FAQ block surrounding a Yoast FAQ block,
and then for any Yoast FAQ block styling that would only take place when used
inside this block. For all other Yoast FAQ block styling use blocks-plugin.scss
=faqs */
.block-faq:not(.is-style-collapsed) {
	background: #FFFFFF;
	box-shadow: 2px 3px 6px 0 rgba(0,0,0,0.10);
	border-radius: 12px;
	overflow: hidden;
}

.block-faq__title {
	background-color: var(--wp--preset--color--tertiary);
	background-image: url(https://www.crazyforcrust.com/wp-content/themes/crazy-for-crust-2022/assets/icons/accents/sprinkles-blue-opacity-20.svg); /* =pattern */
	background-size: 250px;
	background-repeat: repeat;
	background-blend-mode: multiply;
	color: white;
	font-size: var(--wp--preset--font-size--huge);
	line-height: var(--wp--custom--line-height--tiny);
	padding: 13px 20px;
	font-weight: 800;
	margin: 0;
}

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

	.block-faq:not(.is-style-collapsed) .wp-block-yoast-faq-block {
		padding: 16px 14px 16px 20px;
	}

}

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

	.block-faq:not(.is-style-collapsed) .wp-block-yoast-faq-block {
		padding: 20px 15px 23px 20px;
	}

}