/* Test-only slider backgrounds. Loaded only by testdefault.aspx.
   Default.aspx is unchanged. */

.nb-hero-photo {
	padding: 0;
	background: #001630;
	overflow: hidden;
}

.nb-hero-photo .nb-hero-slider,
.nb-hero-photo .owl-stage-outer,
.nb-hero-photo .owl-stage,
.nb-hero-photo .owl-item {
	height: auto;
}

.nb-hero-photo .nb-hero-slide {
	position: relative;
	display: flex;
	align-items: center;
	min-height: min(92vh, 860px);
	padding-block: calc(var(--nb-header-h) + var(--nb-topbar-h) + clamp(1.75rem, 3vw, 3rem))
		clamp(4.5rem, 7vw, 6.5rem);
}

.nb-hero-photo .nb-hero-slide-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Navy veil so white type stays readable over any photo */
.nb-hero-photo .nb-hero-slide-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(105deg,
			rgba(0, 22, 48, .88) 0%,
			rgba(0, 40, 80, .72) 42%,
			rgba(0, 27, 57, .48) 100%);
}

.nb-hero-photo .nb-hero-grid {
	position: relative;
	z-index: 1;
}

.nb-hero-photo .nb-hero-copy h1,
.nb-hero-photo .nb-hero-copy h2 {
	color: #fff;
}

.nb-hero-photo .nb-hero-copy p {
	color: rgba(255, 255, 255, .78);
}

.nb-hero-photo .nb-eyebrow {
	color: var(--nb-accent-300);
}

.nb-hero-photo .nb-eyebrow::before {
	background: var(--nb-accent-400);
}

.nb-hero-photo .nb-grad-text {
	background: var(--nb-grad-gold-light);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.nb-hero-photo .nb-hero-facts {
	border-top-color: rgba(255, 255, 255, .16);
}

.nb-hero-photo .nb-hero-facts li {
	color: rgba(255, 255, 255, .86);
}

.nb-hero-photo .nb-hero-facts i {
	background: rgba(255, 255, 255, .1);
	color: var(--nb-accent-300);
}

.nb-hero-photo .nb-btn-ghost {
	color: #fff;
	background: rgba(255, 255, 255, .08);
	border-color: rgba(255, 255, 255, .28);
}

.nb-hero-photo .nb-btn-ghost:hover,
.nb-hero-photo .nb-btn-ghost:focus {
	color: var(--nb-brand-900);
	background: var(--nb-grad-accent);
	border-color: transparent;
}

.nb-hero-photo .nb-hero-media::before {
	background: radial-gradient(circle at 50% 45%,
		rgba(255, 255, 255, .18) 0%,
		rgba(255, 255, 255, .06) 42%,
		transparent 72%);
	box-shadow: inset 0 0 80px rgba(240, 224, 184, .08);
}

.nb-hero-photo .nb-hero-media::after {
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .45), transparent 70%);
}

.nb-hero-photo .nb-hero-slider .owl-dots {
	position: absolute;
	inset-inline: 0;
	inset-block-end: 1.6rem;
	z-index: 2;
	margin: 0;
}

.nb-hero-photo .nb-hero-slider .owl-dot span {
	background: rgba(255, 255, 255, .32) !important;
}

.nb-hero-photo .nb-hero-slider .owl-dot.active span {
	background: var(--nb-grad-accent) !important;
}

.nb-test-note {
	padding: 1rem var(--nb-gutter);
	background: var(--nb-brand-50);
	border-bottom: 1px solid var(--nb-border);
	text-align: center;
	font-size: .95rem;
	color: var(--nb-ink-600);
}

.nb-test-note a {
	font-weight: 700;
	color: var(--nb-brand-700);
}

@media (max-width: 991px) {
	.nb-hero-photo .nb-hero-slide {
		min-height: auto;
	}

	.nb-hero-photo .nb-hero-slide-bg::after {
		background: linear-gradient(180deg,
			rgba(0, 22, 48, .55) 0%,
			rgba(0, 22, 48, .88) 58%,
			rgba(0, 22, 48, .94) 100%);
	}
}