.bannerContentHero{position:relative;padding:20px 20px 0px; min-height: 200px; display: flex;flex-direction: column; justify-content: space-around;}

.bannerContentBackground{position:absolute;inset:20px 20px 0px;border-radius:30px;overflow:hidden;background-color:rgba(0,0,0,1.0);}
.bannerContentBackground picture{display:block;width:100%;height:100%;}
.bannerContentBackground img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}

.bannerContentBackground .overlay { position: absolute; inset: 0; }
.bannerContentBackground .overlay:before {content:"";position:absolute;inset:25% 0 0 0;background:linear-gradient(180deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.75) 100%);}

.bannerContentBody{position:relative; }

.bannerContentContent{max-width:800px;margin:0 auto;text-align:center;padding:80px 20px 80px;}
.bannerContentContent h1{color:var(--light-font-color);font-weight:600; font-size: 32px; padding-bottom:0px;}
.bannerContentContent h1:not(:last-child) { margin-bottom:20px; }
.bannerContentContent p{color:var(--light-font-color);text-align:center;opacity:.9; font-size: 16px;}
.bannerContentContent p:last-child{ padding-bottom:0;}

.bannerContentButtons{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:35px;}

.bannerContentBtn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:100px;font-size:var(--fs-16);font-family:var(--accent-font);font-weight:400;border:1px solid var(--light-font-color);transition:0.3s;}
.bannerContentBtn i{font-size:16px;transition:0.3s;}

.bannerContentBtn-outline{background:transparent;color:var(--light-font-color);}
.bannerContentBtn-outline:hover{background:var(--light-font-color);color:var(--head-font-color);}

.bannerContentBtn-primary{background:var(--light-font-color);color:var(--head-font-color);}
.bannerContentBtn-primary:hover{background:transparent;color:var(--light-font-color);}

/* Reuses custom_breadcrumbs()'s own markup (.breadcumb > .container > ul > li, from functions.php -
   shared with half-inner-banner-block.php/specialist-banner-block.php) rather than a bespoke
   breadcrumb layout, just overridden here to sit as a transparent overlay on the hero's own
   bottom gradient instead of its default solid bar below the hero. */
.bannerContentBreadcrumb{position:relative; left:0px;right:0px;padding-bottom:20px;z-index:2;}
.bannerContentBreadcrumb .breadcumb{background:none;padding:0;}
.bannerContentBreadcrumb .breadcumb ul { justify-content: center; }
.bannerContentBreadcrumb .breadcumb ul li{
	font-size:var(--fs-14);color:rgba(255,255,255,0.8);
	text-transform: uppercase; letter-spacing: calc(var(--fs-14) * 0.025);
}
.bannerContentBreadcrumb .breadcumb ul li a{color:rgba(255,255,255,0.8);}
.bannerContentBreadcrumb .breadcumb ul li a:hover{color:var(--light-font-color);}
.bannerContentBreadcrumb .breadcumb ul li:after{color:rgba(255,255,255,0.5);}

@media(max-width:767.98px){
	.bannerContentContent{padding:120px 15px 60px;}
	.bannerContentContent br { display: none; }
	.bannerContentButtons{gap:12px;}
	.bannerContentBreadcrumb{bottom:25px;}
	/* .bannerContentBreadcrumb{bottom:15px;} */
}
@media(min-width:414px){ .bannerContentHero{min-height: 300px;} }
@media(min-width:568px){ .bannerContentHero{min-height: 400px;} .bannerContentContent h1 { font-size: 42px; }.bannerContentContent p { font-size: 16px; } }
@media(min-width:768px){ .bannerContentHero{min-height: 500px;}  }
@media(min-width:992px){ .bannerContentHero{min-height: 600px;} .bannerContentContent h1 { font-size: 52px; } .bannerContentContent p { font-size: 21px; } }
@media(min-width:1200px){ .bannerContentHero{min-height: 700px; padding-top:0;} .bannerContentBackground{top:0;} .bannerContentBody { padding-top: var(--headerHeight); margin: auto 0; } .bannerContentBreadcrumb{bottom:30px;} } /* .bannerContentBreadcrumb{bottom:40px;} */
@media(min-width:1600px){ .bannerContentHero{min-height: 800px;} .bannerContentContent h1 { font-size: 72px; } .bannerContentContent p { font-size: 24px; } }
@media(min-width:2200px){ .bannerContentHero{min-height: 900px;} }