/* =========================================================
   BLOG PAGE HERO
========================================================= */

.blog-page-hero {
    min-height: 580px;
}


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

.blog-page-hero .page-hero-image img {
    object-position: center 50%;
}


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

.blog-page-hero .page-hero-overlay {

    background:
        linear-gradient(
            90deg,
            rgba(30, 71, 6, 0.88),
            rgba(30, 71, 6, 0.55),
            rgba(30, 71, 6, 0.18)
        );

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .blog-page-hero {
        min-height: 540px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .blog-page-hero {
        min-height: 480px;
    }


    .blog-page-hero .page-hero-image img {
        object-position: center;
    }


    .blog-page-hero .page-hero-overlay {

        background:
            linear-gradient(
                180deg,
                rgba(30, 71, 6, 0.18),
                rgba(30, 71, 6, 0.92)
            );

    }

}