/*Compound Headline*/

.g-compound-headline {
	display: flex;
	align-content: center;
	flex-direction: column;
}

.g-compound-headline .block-margin-padding {
	position: relative;
}

.g-compound-headline .block-margin-padding .g-background-color {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 1;
}

.g-compound-headline .g-block-container {
	
}

.g-compound-headline .g-block-container h2 {
	/*font-family: $font-family-title;*/
/*	font-size: 2.5rem;*/
	font-weight: 800;
/*	color: #333;*/
/*	text-transform: uppercase;*/
	position: relative;
	margin-bottom: 0;
	text-align: center;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

/* mobile-only: max-width 47.938rem */
@media (max-width: 47.938rem) {
	.g-compound-headline .g-block-container h2 {
		font-size: 2rem;
	}
}

.g-compound-headline .g-block-container h2.bottom-none {
	margin-bottom: 0;
}

.g-compound-headline .g-block-container h2 span:first-child {
	/*font-family: $font-family-extra-title;*/
	display: block;
	font-size: 3rem;
	font-weight: normal;
	color: #333;
	margin-bottom: -0.75rem;
	text-transform: none;
}

/* mobile-only: max-width 47.938rem */
@media (max-width: 47.938rem) {
	.g-compound-headline .g-block-container h2 span:first-child {
		font-size: 2.5rem;
		margin-bottom: 0;
	}
}

.g-compound-headline .g-block-container h2::after {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	width: 400px;
	background-repeat: no-repeat;
	z-index: 3;
	background-position: center;
	bottom: -60px;
}

/* mobile-only: max-width 47.938rem */
@media (max-width: 47.938rem) {
	.g-compound-headline .g-block-container h2::after {
		width: 100%;
	}
}
.g-compound-headline .g-block-container h2 .gbp-section__tagline {
	margin-bottom: 0;
}

/* dark theme */
.g-compound-headline.g-dark-theme {
	color: #fff;
}

.g-compound-headline.g-dark-theme .g-block-container h2 {
	color: #fff;
}

.g-compound-headline.g-dark-theme .g-block-container h2 span {
	color: #fff;
}

.g-compound-headline.g-dark-theme .g-block-container p {
	color: #fff;
}

/* frontpage focus-on-rochelle variant */
.g-compound-headline.frontpage.focus-on-rochelle .block-margin-padding {
	padding-top: 4rem;
}

/* desktop-range: 60rem–74.938rem */
@media (min-width: 60rem) and (max-width: 74.938rem) {
	.g-compound-headline.frontpage.focus-on-rochelle .block-margin-padding {
		padding-top: 8rem;
	}
}

/* tablet-range: 48rem–59.938rem */
@media (min-width: 48rem) and (max-width: 59.938rem) {
	.g-compound-headline.frontpage.focus-on-rochelle .block-margin-padding {
		padding-top: 8rem;
	}
}

/* large-mobile-range: 30rem–47.938rem */
@media (min-width: 30rem) and (max-width: 47.938rem) {
	.g-compound-headline.frontpage.focus-on-rochelle .block-margin-padding {
		padding-top: 13rem;
	}
}

/* small-mobile-range: max-width 30rem */
@media (max-width: 30rem) {
	.g-compound-headline.frontpage.focus-on-rochelle .block-margin-padding {
		padding-top: 0rem;
	}
}