/*
 * Section heading: .wa-section-heading (wrapper), .wa-section-heading__title (an h1-h6),
 * .wa-section-heading__title--light (regular weight, emphasis only in <b>, body colour).
 * Centred title with the short primary bar underneath (Oxygen "underlined-heading-wrapper--center").
 */

.wa-section-heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: var(--space-xl);
}

.wa-section-heading::after {
	content: "";
	display: block;
	width: 4.8rem;
	height: 7px;
	border-radius: var(--radius-xxl);
	background-color: var(--primary);
}

/* Use a heading element: its base line-height (1.2) is what Oxygen showed at every width. */
.wa-section-heading__title {
	margin-bottom: var(--space-xs);
	font-size: var(--text-xl);
	text-align: center;
}

@media (min-width: 768px) {
	.wa-section-heading__title {
		margin-bottom: 0;
		font-size: var(--text-xxl);
	}
}

/* Light variant: plain text with the bold part in <b> (homepage section titles). */
.wa-section-heading__title--light {
	color: inherit;
	font-weight: 400;
}

@media (min-width: 768px) {
	.wa-section-heading__title--light {
		line-height: inherit;
	}
}