/* Local Overrides */

/* hero */
@media only screen and (min-width: 1069px) {
	.section-hero .section-header-headline {
		padding: 0 155px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-hero .section-header-headline {
		padding: 0 75px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-hero .section-header-eyebrow {
		margin-top: 155px;
	}
}

.custom-hearing-avail-2 {
	position: absolute;
	left: 4%;
}

/* hearing-test */

.section-hero .section-header-subcopy.hearing-avail-2 {
	width: 100%;
}

/* film */
.section-hero:has(.film-container) ~ .section-hearing-test {
	--film-height: 616px;
}

@media only screen and (max-width: 1068px) {
	.section-hero:has(.film-container) ~ .section-hearing-test {
		--film-height: 438px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero:has(.film-container) ~ .section-hearing-test {
		--film-height: 408px;
	}
}
@media only screen and (max-width: 445px) {
	.section-hero:has(.film-container) ~ .section-hearing-test {
		--film-height: 358px;
	}
}
@media only screen and (max-width: 374px) {
	.section-hero:has(.film-container) ~ .section-hearing-test {
		--film-height: 521px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) and (max-height: 500px) {
	html.enhanced.mq-medium-short .section-hearing-test.hearing-avail-2 {
		padding-top: calc(570px + var(--film-height)) !important;
	}

	#heartstrings-film {
		margin-bottom: 45px !important;
	}
}

/* Loud Noise Animation Copy */

@media only screen and (min-width: 456px) {
	.x-small {
		display: none;
	}
}

@media only screen and (max-width: 455px) {
	.section-hearing-protection .grid-item-decibels .text-item,
	.section-hearing-protection .grid-item-loud .text-item {
		display: block;
		padding-right: 10px;
	}
}
