/* Stahr Travel — site motion layer */

#masthead {
    transition:
        background-color 0.5s ease,
        box-shadow 0.5s ease;
}

#masthead.stahr-scrolled {
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.04);
}

.stahr-scroll-star {
    width: 18px;
    height: auto;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

#masthead.stahr-scrolled .stahr-scroll-star {
    opacity: 1;
}

#masthead.stahr-scrolled .custom-logo {
    opacity: 0;
}

#masthead .custom-logo {
    transition: opacity 0.5s ease;
}

#masthead.stahr-scrolled .custom-logo {
    width: 130px;
}

@media (max-width: 921px) {
    #masthead.stahr-scrolled .custom-logo {
        width: 40px !important;
    }
}

#masthead.stahr-scrolled .site-header-primary-section-right {
    transform: scale(0.90);
    transform-origin: right center;
}

#masthead .site-header-primary-section-right {
    transition: transform 0.4s ease;
}