/* ===========================================================
   BYD HERO SYSTEM
   =========================================================== */

.byd-hero-container,
.byd-hero-container-post{
position:relative;
color:#fff;
background-size:cover !important;
background-repeat:no-repeat !important
}

.byd-hero-container > *,
.byd-hero-container-post > *{
position:relative;
z-index:1
}

.byd-hero-container h1,
.byd-hero-container-post h1{
color:#fff !important;
text-shadow:0 2px 14px rgba(0,0,0,.45)
}

.byd-hero-container .byd-subtitle-hero,
.byd-hero-container-post .byd-subtitle-hero{
color:var(--byd-hover) !important;
text-shadow:0 2px 10px rgba(0,0,0,.35);
font-size:clamp(1rem,1.6vw,1.15rem);
line-height:1.6;
max-width:900px;
margin-top:.55rem;
margin-bottom:0
}

.byd-hero-container{
height:var(--byd-page-hero-vh);
display:flex;
align-items:center;
justify-content:center;
background-position:center 35%;
}

.byd-hero-container-post{
width:100%;
height:var(--byd-hero-vh);
display:flex;
align-items:center;
justify-content:center;
background-position:center 35%;
}

.byd-inner-hero-container{
width:min(var(--byd-hero-inner-pct, var(--byd-inner-pct)), var(--byd-max));
margin-inline:auto
}