/* =callout */
.block-callout {
	position: relative;
}

.editor-styles-wrapper .wp-block-cwp-callout.has-background {
	padding: 0; /* to get rid of editor styles on outer ACF wrapper block */
}

.block-callout .block-callout__inner p.block-callout__title,
.block-callout .block-callout__inner > h2:first-child,
.block-callout .block-callout__inner > h3:first-child {
	font-size: var(--wp--preset--font-size--huge);
	font-family: var(--wp--preset--font-family--primary);
	line-height: var(--wp--custom--line-height--small);
	font-weight: 700;
	margin-bottom: 0;
}

/* spacing between title and content */
.block-callout .block-callout__inner p.block-callout__title + p,
.block-callout .block-callout__inner > h2:first-child + p,
.block-callout .block-callout__inner > h3:first-child + p,
.block-callout .block-callout__inner > .block-icon-heading:first-child + p /* when an icon heading block is used */
{
	margin-top: 10px;
}

/* when post listing block isn't the first child, reduce top margin */
.block-callout .cwp-inner > .cwp-large:not(:first-child){
	margin-top: var(--wp--style--block-gap);
}

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

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