/* ==========================================================================
   Highlight Quote Block
   ========================================================================== */

.pillar-highlight-quote {
	background: #ffffff;
	color: rgba(17, 17, 17, 0.82);
}

.pillar-highlight-quote__inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 900px;
	min-height: var(--pillar-highlight-quote-height, 30vh);
	margin: 0 auto;
	padding: var(--pillar-highlight-quote-padding-y, 6vh) clamp(2.5rem, 8vw, 5rem);
	border: 0;
}

.pillar-highlight-quote__text {
	position: relative;
	z-index: 1;
	max-width: 640px;
	font-size: clamp(1.15rem, 2.2vw, 1.75rem);
	font-weight: 400;
	line-height: 1.45;
	text-align: center;
	color: rgba(17, 17, 17, 0.82);
}

.pillar-highlight-quote__text p {
	margin: 0;
}

.pillar-highlight-quote__text p + p {
	margin-top: 0.15em;
}

.pillar-highlight-quote__mark {
	position: absolute;
	z-index: 0;
	font-family: Georgia, "Times New Roman", serif;
	/* 35% smaller than previous clamp(3.5rem, 8vw, 5.5rem) */
	font-size: clamp(2.275rem, 5.2vw, 3.575rem);
	font-weight: 700;
	line-height: 1;
	color: var(--pillar-yellow, #ffa800);
	pointer-events: none;
	user-select: none;
}

.pillar-highlight-quote__mark--open {
	top: -0.2em;
	left: -0.45em;
}

.pillar-highlight-quote__mark--close {
	right: -0.45em;
	bottom: -0.35em;
}

.wp-block-acf-highlight-quote {
	margin: 0;
	max-width: none;
}

@media (max-width: 640px) {
	.pillar-highlight-quote__inner {
		padding-left: clamp(2rem, 10vw, 3rem);
		padding-right: clamp(2rem, 10vw, 3rem);
	}

	.pillar-highlight-quote__mark--open {
		left: -0.25em;
	}

	.pillar-highlight-quote__mark--close {
		right: -0.25em;
	}
}