/* Shared photo treatment for public page banners. The home slideshow keeps its own images. */
.page-banner,
.org-hero,
.feedback-hero,
.reviews-hero,
.directory-hero,
.faq-hero,
.search-head,
.privacy-hero,
.career-hero,
.job-heading,
.opportunities-hero,
.call-detail-hero,
.emergency-hero,
.svc-single-hero {
    background-image: linear-gradient(90deg, rgba(5, 28, 48, .91) 0%, rgba(6, 49, 69, .81) 46%, rgba(5, 39, 58, .61) 100%), var(--public-banner-photo) !important;
    background-color: #082f49;
    background-position: center, center !important;
    background-size: cover, cover !important;
    background-repeat: no-repeat !important;
    color: #fff;
}

/* Keep page headers consistent; their content still determines the final height. */
.page-banner,
.org-hero {
    height: auto !important;
    min-height: 0 !important;
    padding: 64px 0 52px !important;
}

.emergency-hero,
.ambulance-banner {
    background-image: linear-gradient(90deg, rgba(80, 17, 27, .9) 0%, rgba(95, 30, 42, .77) 50%, rgba(68, 20, 35, .58) 100%), var(--public-banner-photo) !important;
}

@media (max-width: 767px) {
    .page-banner,
    .org-hero {
        padding: 46px 0 48px !important;
    }

    .page-banner,
    .org-hero,
    .feedback-hero,
    .reviews-hero,
    .directory-hero,
    .faq-hero,
    .search-head,
    .privacy-hero,
    .career-hero,
    .job-heading,
    .opportunities-hero,
    .call-detail-hero,
    .emergency-hero,
    .svc-single-hero {
        background-image: linear-gradient(90deg, rgba(5, 28, 48, .93), rgba(6, 43, 63, .78)), var(--public-banner-photo) !important;
        background-position: center, 60% center !important;
    }

    .emergency-hero,
    .ambulance-banner {
        background-image: linear-gradient(90deg, rgba(80, 17, 27, .94), rgba(95, 30, 42, .78)), var(--public-banner-photo) !important;
    }
}