/* Activated only after the homepage hero and original header are found. */
#top.jpa-home-header-ready {
    --jpa-header-expanded-logo: 116px;
    --jpa-header-compact-logo: 70px;
    --jpa-header-logo-height: var(--jpa-header-expanded-logo);
}
#top.jpa-home-header-ready #wrap_all { position: relative; }
#top.jpa-home-header-ready #main { padding-top: 0 !important; }
#top.jpa-home-header-ready .jpa-home-hero > .container,
#top.jpa-home-header-ready #jpa-home-hero > .container { padding-top: 0 !important; }
#top.jpa-home-header-ready #header {
    position: absolute !important;
    top: var(--jpa-header-start, 0px) !important;
    left: 0;
    width: 100%;
    background: #fff;
    transition: box-shadow 200ms ease;
}
#top.jpa-home-header-ready #header .header_bg {
    background: #fff;
    opacity: 1;
}
#top.jpa-home-header-ready #header_main > .container {
    height: var(--jpa-header-logo-height) !important;
    line-height: var(--jpa-header-logo-height) !important;
    transition: height 200ms ease, line-height 200ms ease;
}
#top.jpa-home-header-ready #header .logo img {
    max-height: var(--jpa-header-logo-height) !important;
    transition: max-height 200ms ease;
}
#top.jpa-home-header-ready #header_main > .container .main_menu > div > ul > li > a {
    height: var(--jpa-header-logo-height) !important;
    line-height: var(--jpa-header-logo-height) !important;
}
#top.jpa-home-header-ready.jpa-home-header-stuck {
    --jpa-header-logo-height: var(--jpa-header-compact-logo);
}
#top.jpa-home-header-ready.jpa-home-header-stuck #header {
    position: fixed !important;
    top: var(--jpa-header-toolbar, 0px) !important;
    box-shadow: 0 3px 14px rgb(0 0 0 / 10%);
}
.jpa-home-header-space {
    clear: both;
    width: 100%;
    height: var(--jpa-header-space, 196px);
    pointer-events: none;
}
@media only screen and (max-width: 767px) {
    #top.jpa-home-header-ready {
        --jpa-header-expanded-logo: 82px;
        --jpa-header-compact-logo: 60px;
    }
}
@media (prefers-reduced-motion: reduce) {
    #top.jpa-home-header-ready #header,
    #top.jpa-home-header-ready #header_main > .container,
    #top.jpa-home-header-ready #header .logo img { transition: none; }
}