.flex_layout.simple_hero{
    position: relative;
    min-height: clamp(560px, 78vh, 860px);
    overflow: hidden;
    isolation: isolate;
    background-color: #151515;
    color: #fff;
}

.flex_layout.simple_hero .green-oaks-hero-bg{
    position: absolute;
    inset: 0;
    z-index: 0;
}

.flex_layout.simple_hero .green-oaks-hero-bg::after{
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(45deg, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.38) 58%, rgba(0,0,0,0.22) 100%);
}

.flex_layout.simple_hero .green-oaks-hero-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.flex_layout.simple_hero .flex_layout_wrapper{
    position: relative;
    z-index: 1;
    min-height: inherit;
    align-content: end;
    padding-block: clamp(7rem, 14vh, 12rem) clamp(3rem, 7vh, 6rem);
}

.flex_layout.simple_hero .breadcrumbs{
    grid-column: 1 / -1;
    padding-inline: var(--grid-margin);
    margin-top: 0;
    color: rgba(255,255,255,0.76);
}

.flex_layout.simple_hero .breadcrumbs a,
.flex_layout.simple_hero .breadcrumbs span,
.flex_layout.simple_hero .heading,
.flex_layout.simple_hero .heading_text,
.flex_layout.simple_hero .intro{
    color: inherit;
}

.flex_layout.simple_hero .heading_wrapper{
    grid-column: 1 / span 7;
    padding-left: var(--grid-margin);
    text-shadow: 0 1rem 3rem rgba(0,0,0,0.35);
}

.flex_layout.simple_hero .intro{
    grid-column: 7 / span 5;
    grid-row-start: 3;
    font-size: var(--body-large);
    margin-top: 6rem;
    padding-right: var(--grid-margin);
    text-shadow: 0 .75rem 2rem rgba(0,0,0,0.35);
}

@media only screen and (max-width: 992px){
    .flex_layout.simple_hero{
        min-height: 72vh;
    }

    .flex_layout.simple_hero .flex_layout_wrapper{
        padding-block: 7rem 3rem;
    }

    .flex_layout.simple_hero .intro,
    .flex_layout.simple_hero .heading_wrapper{
        grid-column: 1 / -1;
        padding: var(--grid-margin);
    }

    .flex_layout.simple_hero .intro{
        margin-top: 0;
    }
}