/* =============================================================================
 * Blue Horse Pictures — Breadcrumb (old .breadcrumb-wrap) size reduction
 * =============================================================================
 * The pages still using the legacy .breadcrumb-wrap (about, contact, blogs,
 * blog-detail, privacy-policy, 404, thank-you, video, catalogs) had a tall
 * 220px band with a 36px title. This trims the height and font to match the
 * lighter feel of the new .bhp-breadcrumb-hero pages.
 *
 * Loaded after style.css / responsive.css so these win by cascade order.
 * Only overrides size-related properties; leaves the background image,
 * colours and layout from style.css intact.
 * ============================================================================= */

.breadcrumb-wrap {
    height: auto !important;
    padding: 66px 0 54px !important;
}

.breadcrumb-title h2 {
    font-size: 30px !important;
}

.breadcrumb-title .breadcrumb-menu li,
.breadcrumb-title .breadcrumb-menu li a {
    font-size: 13px !important;
}

@media (max-width: 767px) {
    .breadcrumb-wrap {
        padding: 48px 0 38px !important;
    }
    .breadcrumb-title h2 {
        font-size: 24px !important;
    }
}