/* =========================================
   HERO
========================================= */

.hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    padding-top:140px;

    color:var(--white);
    
}

.hero-bg{

    position:absolute;

    inset:0;

    background:url('/wp-content/uploads/hero.jpg');

    background-size:cover;

    background-position:center;

    z-index:1;
}

.hero-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,8,20,.96) 0%,
        rgba(0,8,20,.88) 35%,
        rgba(0,8,20,.45) 65%,
        rgba(0,8,20,.20) 100%
    );

    z-index:2;
}

.hero-content{

    position:relative;

    z-index:3;

    max-width:700px;
}

.hero .title-xl{

    color:var(--white);
}