/* 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);
    color:var(--ink, #1c1c1c);
    text-shadow:none;
    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;
    min-height:120px;
    padding:8px 0 20px;   /* tight top gap above the breadcrumb */
}

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

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

.full_width_hero_banner_with_video video {
    display:none;
}

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

.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);
}

.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);
    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);
    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;
}