html {
    /* Looks like Astra container breakpoints are 768, 1024, and 1200 */
    --min-container-margins: 1rem;
    --pillar-width: 100vw;
    --desktop-vertical-padding: 48px;
}

/* Reset the flex element widths: */
    section.wp-block-uagb-container.uagb-is-root-container .wp-block-uagb-container.hero-content,
    section.wp-block-uagb-container.uagb-is-root-container .wp-block-uagb-container.hero-image {
        max-width: unset;
        width: unset;
    }

@media only screen and (min-width: 768px) {
    html {
        --pillar-width: min(100vw, 768px);
    }
}

@media only screen and (min-width: 1024px) {
    html {
        --pillar-width: min(100vw, 1024px);

    }
}

@media only screen and (min-width: 1200px) {
    html {
        --pillar-width: min(100vw, 1200px);
    }
}



.entry-content[ast-blocks-layout="true"] .wp-block-uagb-container.hero-home,
.hero-home {
    position: relative;
    overflow: hidden;
    flex-direction: column; /* mobile first */
    padding: 0px;
}

.entry-content[ast-blocks-layout="true"] .wp-block-uagb-container.hero-home .hero-content {
        margin-left: auto;
        margin-right: auto;
        width: var(--pillar-width);
       padding-top: calc( 2 * var(--min-container-margins));
        padding-right: var(--min-container-margins);
    }
   .entry-content[ast-blocks-layout="true"] .wp-block-uagb-container.hero-home .hero-content p {
        font-size: 20px;
        line-height: 1.6;
   } 



@media only screen and (min-width: 1024px) {
    .entry-content[ast-blocks-layout="true"] .wp-block-uagb-container.hero-home,
    .hero-home {
        --push-margin: max(73px, (100vw - var(--pillar-width)) * .5);
        --push-right-width: calc(100vw - var(--push-margin));
        flex-direction: row;
    }

    .hero-home .hero-content {
        flex: 2;  /* 2/7, 5/7 split */
        margin-left: auto;
        margin-right: auto;
        padding-left: var(--push-margin);
    }
}


@media only screen and (min-width: 1024px) {
    .hero-home .hero-content {
        padding-top: var(--desktop-vertical-padding);
        padding-bottom: var(--desktop-vertical-padding);
 
    }
}




.hero-home .wp-block-uagb-image__figure {
    position: unset;
}

.hero-home .wp-block-uagb-container.hero-image {
    position: relative;
    background-color: #16A35F;

}

.hero-home .hero-image .wp-block-uagb-image .wp-block-uagb-image__figure img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: left;
    height: 100%;
}

@media only screen and (min-width: 1024px) {
    .hero-home .hero-image {
        position: relative;
        flex: 5; /* 2/7, 5/7 split */
    }

    .hero-home .hero-image img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        max-width: unset;
        width: auto;
    }
}


/* Top banner (hero) spacing */
#primary.page_has_hero {
	margin-top: 0px !important;
}

/* hero text content */
.hero-content p {
	margin-bottom: 12px;
}

.hero-header-container {
	padding-top: 100px !important;
}

/* Utility classes to adjust hero elements */
/* Allow us to keep the heirarchy while reducing the size of the h1 */
h1.in-hero {
	font-size: 32px;
	line-height: 1.2;
}