/* COMPONENT: full-width hero banner - SKIN tier - from base-wikioo-V2.1.css, original order. Migrated 2026-07-06. */

.full_width_hero_banner_with_background_image,.full_width_hero_banner_with_video {
    background: var(--page, #ffffff) !important;
    color: var(--ink, #1c1c1c) !important;
    text-shadow: none !important;
    border-bottom: 1px solid var(--line, #e6e6e6);
    /* WikiOO heroes are quiet editorial mastheads — far shorter than the global
       500/700px cinematic banner. Override height on every WK page (top-100 ×4,
       login, signup, consultation, appraisal, thank-you). Tight padding keeps
       the caption block compact (no airy whitespace around subtitle/headline). */
    height: auto !important;
    min-height: 120px !important;
    padding: 8px 0 20px !important;   /* tight top gap above the breadcrumb */
}

.full_width_hero_banner_with_background_image::after {
    background: var(--page, #ffffff) !important;
    animation: none !important;
}

.full_width_hero_banner_with_background_image::before,.full_width_hero_banner_with_video::before {
    background: none !important;
    animation: none !important;
    mix-blend-mode: normal !important;
    opacity: 0 !important;
}

.full_width_hero_banner_with_video video {
    display: none !important;
}

.full_width_hero_banner_with_background_image ul.breadcrumb-navigation-list,.full_width_hero_banner_with_video ul.breadcrumb-navigation-list {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.full_width_hero_banner_with_background_image ul.breadcrumb-navigation-list li,.full_width_hero_banner_with_video ul.breadcrumb-navigation-list li,.full_width_hero_banner_with_background_image ul.breadcrumb-navigation-list li a,.full_width_hero_banner_with_video ul.breadcrumb-navigation-list li a {
    color: var(--ink-soft, #494949) !important;
}

.full_width_hero_banner_with_background_image ul.breadcrumb-navigation-list li.breadcrumb-current-page-item,.full_width_hero_banner_with_video ul.breadcrumb-navigation-list li.breadcrumb-current-page-item {
    color: var(--muted, #8a8a8a) !important;
    opacity: 1;
}

.full_width_hero_banner_with_background_image ul.breadcrumb-navigation-list li a:hover,.full_width_hero_banner_with_video ul.breadcrumb-navigation-list li a:hover {
    color: var(--ink, #1c1c1c) !important;
    opacity: 1;
}

.full_width_hero_banner_with_background_image ul.breadcrumb-navigation-list li a:hover,.full_width_hero_banner_with_video ul.breadcrumb-navigation-list li a:hover {
    color: #fff !important;
}