/* AbraTery – Header Logo Crossfade Styles */

.header-logo-crossfade {
    position: relative;
    display: inline-block;
    line-height: 0;
}

/* Both logos follow the wrapper width */
.header-logo-crossfade img {
    width: 100%;
    height: auto;
    display: block;
}

/* Original white logo */
.header-logo-crossfade .header-logo-white {
    position: relative;
    opacity: 1;

    transition:
        opacity var(--header-transition-duration)
        var(--header-transition-easing);
}

/* Black logo generated by JavaScript */
.header-logo-crossfade .header-logo-black {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    pointer-events: none;

    transition:
        opacity var(--header-transition-duration)
        var(--header-transition-easing);
}

/* Scrolled header: fade white logo out */
.elementor-location-header.is-scrolled
.header-logo-crossfade .header-logo-white {
    opacity: 0;
}

/* Scrolled header: fade black logo in */
.elementor-location-header.is-scrolled
.header-logo-crossfade .header-logo-black {
    opacity: 1;
}

/* Hide header logo completely on mobile portrait */
@media (max-width: 767px) {

    .elementor-location-header
    .e-image-link-base:has(.header-logo-crossfade) {
        display: none;
    }

}