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

.block-callout .block-callout__inner > *:last-child {
	margin-bottom: 0;
}

/* title, headings */
:is(.block-callout.layout-alpha, .block-callout.layout-beta, .block-callout.layout-gamma, .block-callout.layout-epsilon) p.block-callout__title,
:is(.block-callout.layout-alpha, .block-callout.layout-beta, .block-callout.layout-gamma, .block-callout.layout-epsilon) h2,
:is(.block-callout.layout-alpha, .block-callout.layout-beta, .block-callout.layout-gamma, .block-callout.layout-epsilon) h3,
:is(.block-callout.layout-alpha, .block-callout.layout-beta, .block-callout.layout-gamma, .block-callout.layout-epsilon) h4 {
	font-family: var(--wp--preset--font-family--display);
	line-height: var(--wp--custom--line-height--small);
	font-size: var(--wp--preset--font-size--huge);
	font-weight: 700;
	margin-bottom: 10px;
}

/* title, headings for Bowl layout */
.block-callout.layout-delta :is( p.block-callout__title, h2, h3, h4) {
	color: var(--wp--preset--color--tertiary);
	font-family: var(--wp--preset--font-family--system-font);
	line-height: var(--wp--custom--line-height--small);
	font-size: var(--wp--preset--font-size--large);
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 16px;
	text-align: center;
}

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


/* Bordered */
.block-callout.layout-gamma {
	border: 3px solid var(--wp--preset--color--primary);
}

/* Bowl */
.block-callout.layout-delta {
	border: 3px solid var(--wp--preset--color--tertiary);
}

.block-callout.layout-delta .block-callout__icon {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -47px;
}


/* Pattern */
.block-callout.layout-epsilon {
	position: relative;
}

.block-callout.layout-epsilon::before {
	display: block;
	content: '';
	background-color: var(--wp--preset--color--septenary) !important;
	background-image: url(../../../assets/images/patterns/line-pattern-opacity-25.png); /* =pattern */
	background-size: 140px;
	/* background-blend-mode: multiply; */
	position: absolute;
	width: 100%;
	z-index: -1;
}

.block-callout.layout-epsilon .block-callout__inner {
	background-color: white;
	box-shadow: var(--wp--custom--box-shadow--1);
}

@media only screen and (max-width: 767px) {
	.block-callout.layout-epsilon::before {
		top: 16px;
		height: calc(100% - 40px);
	}

	.block-callout.layout-epsilon .block-callout__inner {
		margin: 0 16px;
	}

	:is(.block-callout.layout-alpha, .block-callout.layout-beta, .block-callout.layout-gamma, .block-callout.layout-epsilon) .block-callout__inner {
		padding: 14px 15px;
	}

	.block-callout.layout-delta .block-callout__inner {
		padding: 39px 15px 16px;
	}

}

@media only screen and (min-width: 768px) {
	.block-callout.layout-epsilon::before {
		top: 30px;
		height: calc(100% - 60px);
	}

	.block-callout.layout-epsilon .block-callout__inner {
		margin: 0 32px;
	}

	:is(.block-callout.layout-alpha, .block-callout.layout-beta, .block-callout.layout-gamma, .block-callout.layout-epsilon) .block-callout__inner {
		padding: 22px 32px 30px;
	}

	.block-callout.layout-delta .block-callout__inner {
		padding: 39px 22px 32px;
	}
}