.banner-image {
	height: auto !important;
	position: relative;
}

.banner-image {
	.slider-entry .heading {
		opacity: 1 !important;
	}
}

.page-builder {
	scroll-margin-top: 96px;
	scroll-padding-top: 0 !important;
	margin-bottom: 60px;
}

body.scrolling {
	#mainNav.active-nav {
		height: calc((var(--vh, 1vh) * 100) - 70px);
	}
}

.input-group-addon {
	border-top-right-radius: var(--br);
	border-bottom-right-radius: var(--br);
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.input-group {
	position: relative;
    flex-wrap: nowrap !important;
	border-collapse: separate;
}


/* ── Breadcrumb overlaid on a hero banner, top-left ──────────────────────────
   The banner carries .bc-hero (positioning anchor); the breadcrumb renders as
   the first child in a .bc-hero-overlay wrapper. Light text for legibility on
   the (dark) banner image. */
.bc-hero { position: relative; }
.bc-hero-overlay { position: absolute; top: 80px; left: 0; right: 0; z-index: 20; }
.bc-hero-overlay .breadcrumb { padding-block: 0; margin: 0; background: transparent; }
.bc-hero-overlay,
.bc-hero-overlay a,
.bc-hero-overlay .breadcrumb-link,
.bc-hero-overlay .breadcrumb-arrow { color: #fff; }
.bc-hero-overlay .breadcrumb-link:hover { opacity: .8; }

/* Align the hero breadcrumb's left edge with the header logo. The header logo
   lives in `header .container-fluid` (padding-inline 40px ≥997px, 72px ≥1280px),
   whereas the breadcrumb's `.container` is centered/inset — so override it to a
   full-width container matching the header's gutters. */
.bc-hero-overlay .container {
	max-width: 100%;
	padding-left: 16px;
	padding-right: 16px;
}
@media (min-width: 997px) {
	.bc-hero-overlay .container { padding-left: 40px; padding-right: 40px; }
}
@media (min-width: 1280px) {
	.bc-hero-overlay .container { padding-left: 72px; padding-right: 72px; }
}