.tpusa-events-archive-hero {
	position: relative;
	isolation: isolate;
	background-image:
		linear-gradient(90deg, rgba(5, 17, 32, 0.9), rgba(5, 17, 32, 0.64)),
		var(--tpusa-events-archive-image);
	background-color: var(--tpusa-events-navy);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.tpusa-events-archive-hero::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 8px;
	background: var(--tpusa-events-red);
	z-index: -1;
}

.tpusa-events-archive-hero h1 {
	color: #fff !important;
}

@media (max-width: 620px) {
	.tpusa-events-archive-hero {
		background-position: 62% center;
	}
}