/* cc-font-inherit-reset: some theme stylesheets set font-family directly on
 * span/a/strong (e.g. "p, a, strong, span { font-family: Poppins }"), which
 * stops a parent's Typography control from reaching inner text. Kept at the top
 * so explicit rules below and Elementor controls still win. */
.cc-eyebrow-heading :where(span, a, strong, b, em, i) {
	font-family: inherit;
}

/*
 * Color scheme defaults live in custom properties so the "Color Scheme" option can
 * swap them; colors set in the Elementor Style tab target the elements directly
 * and always win.
 */
.cc-eyebrow-heading {
	--cc-eyebrow-heading-eyebrow-color: #939598;
	--cc-eyebrow-heading-title-color: #182c7d;
	--cc-eyebrow-heading-description-color: rgba(69, 70, 81, 0.8);
	--cc-eyebrow-heading-takeaway-color: #454651;
	--cc-eyebrow-heading-highlight-color: #3155a6;
	--cc-eyebrow-heading-rule-color: #0073e6;
	--cc-eyebrow-heading-rule-width: 2px;
	--cc-eyebrow-heading-rule-style: solid;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding-bottom: 10px;
	width: 100%;
}

.cc-eyebrow-heading--scheme-dark {
	--cc-eyebrow-heading-eyebrow-color: #69ecff;
	--cc-eyebrow-heading-title-color: #fff;
	--cc-eyebrow-heading-description-color: #d4d4d4;
	--cc-eyebrow-heading-takeaway-color: #fff;
	--cc-eyebrow-heading-highlight-color: #69ecff;
}

/* [highlight] words in the title (Style > Title Highlight overrides). */
.cc-eyebrow-heading__title .cc-title--highlight {
	color: var(--cc-eyebrow-heading-highlight-color);
}

.cc-eyebrow-heading__header {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cc-eyebrow-heading__eyebrow {
	color: var(--cc-eyebrow-heading-eyebrow-color);
	font-family: "Archivo", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 16px;
	margin: 0;
	max-width: 100%;
	text-transform: uppercase;
	width: fit-content;
}

.cc-eyebrow-heading__title {
	color: var(--cc-eyebrow-heading-title-color);
	font-family: "Archivo", sans-serif;
	font-size: var(--cc-fc-type-h2-size, 60px);
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0;
	line-height: var(--cc-fc-type-h2-line-height, 60px);
	margin: 0;
	overflow-wrap: break-word;
	text-transform: capitalize;
}

.cc-eyebrow-heading__body {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.cc-eyebrow-heading__description,
.cc-eyebrow-heading__takeaway {
	font-family: "Poppins", sans-serif;
	font-size: var(--cc-fc-type-body-size, 18px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--cc-fc-type-body-line-height, 29.25px);
	margin: 0;
}

.cc-eyebrow-heading__description {
	color: var(--cc-eyebrow-heading-description-color);
}

.cc-eyebrow-heading__takeaway {
	color: var(--cc-eyebrow-heading-takeaway-color);
}

/* Quote Block layout: tighter header spacing and a left rule around the text block. */
.cc-eyebrow-heading--quote {
	gap: 20px;
}

.cc-eyebrow-heading--quote .cc-eyebrow-heading__body {
	border-left: var(--cc-eyebrow-heading-rule-width) var(--cc-eyebrow-heading-rule-style) var(--cc-eyebrow-heading-rule-color);
	max-width: 768px;
	padding: 8px 0 8px 34px;
}

@media (max-width: 1024px) {
	.cc-eyebrow-heading {
		gap: 28px;
	}

	.cc-eyebrow-heading--quote {
		gap: 20px;
	}

	.cc-eyebrow-heading--quote .cc-eyebrow-heading__body {
		padding-left: 28px;
	}
}

@media (max-width: 767px) {
	.cc-eyebrow-heading {
		gap: 24px;
	}

	.cc-eyebrow-heading--quote {
		gap: 18px;
	}

	.cc-eyebrow-heading__header {
		gap: 10px;
	}

	.cc-eyebrow-heading--quote .cc-eyebrow-heading__body {
		padding-left: 20px;
	}

	.cc-eyebrow-heading__title br,
	.cc-eyebrow-heading__description br,
	.cc-eyebrow-heading__takeaway br {
		display: none;
	}
}