/* =featured in */
.block-featured-in {
}

.block-featured-in__inner {
	max-width: var(--wp--custom--layout--wide);
	margin: 0 auto;
}

.block-featured-in__title {
	font-size: 18px;
	font-family: var(--wp--preset--font-family--system-font);
	font-weight: 800;
	text-transform: uppercase;
	margin: 0;
	width: 168px;
	color: #616161;
}

/* =accent */
.block-featured-in__title::before,
.block-featured-in__title::after {
	content: '';
	background: url(https://www.crazyforcrust.com/wp-content/themes/crazy-for-crust-2022/assets/icons/accents/wavy-line.svg) repeat-x center;
	background-size: cover;
	height: 5px;
	width: 100%;
	display: block;
}

.block-featured-in__grid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.block-featured-in__logo {
}

.block-featured-in__logo img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

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

	.block-featured-in {
		padding-bottom: 45px !important;
		padding-top: 45px !important;
	}

	.block-featured-in__title {
		text-align: center;
		margin: 0 auto 14px;
	}

	.block-featured-in__title::before {
		margin-bottom: 13px;
	}

	.block-featured-in__title::after {
		margin-top: 13px;
	}

	.block-featured-in__logo {
		width: 33.33%;
		padding: 10px 11px;
	}

	.block-featured-in__logo img {
		margin: 0 auto;
	}

}

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

	.block-featured-in {
		padding-bottom: 60px !important;
		padding-top: 60px !important;
	}

	.block-featured-in__inner {
		display: flex;
		align-items: center;
	}

	.block-featured-in__title {
		text-align: center;
	}
	.block-featured-in__title::before {
		margin-bottom: 16px;
	}

	.block-featured-in__title::after {
		margin-top: 16px;
	}

	.block-featured-in__logo {
		width: 20%;
		padding: 0px 16px;
	}

}