/* =ingredients */
.block-ingredients.has-background {
	position: relative;
	isolation: isolate;
}

.block-ingredients__icon-container {
	line-height: 0;
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	border: 2px solid var(--wp--preset--color--septenary);
	border-radius: 50%;
	padding: 11px;
	background-color: white;
	z-index: 99;
	box-shadow: 0px 0px 0px 2px white;
}

.block-ingredients :is(p.block-ingredients__title, p.is-style-block-title, h2:first-child, h3:first-child) {
	font-size: var(--wp--preset--font-size--big);
	font-family: var(--wp--preset--font-family--display);
	line-height: var(--wp--custom--line-height--small);
	font-weight: 700;
	margin-bottom: 0;
}

.block-ingredients :is(p.block-ingredients__title, p.is-style-block-title, h2:first-child, h3:first-child) + p {  /* spacing between title and content */
	margin-top: 10px;
}


@media only screen and (max-width: 767px) {
	.block-ingredients.has-background {
		padding: 46px 16px 16px;
	}
}

@media only screen and (min-width: 768px) {
	.block-ingredients.has-background {
		padding: 49px 32px 32px;
	}
}