@media (min-width: 922px) {
    #masthead {
        position: fixed !important;
        top: 0;
        right: 0;
        left: 0;
        z-index: 9999;
        width: auto;
    }

    .admin-bar #masthead {
        top: 32px;
    }

    .milolita-header-spacer {
        display: block;
        width: 100%;
        pointer-events: none;
    }
}

@media (max-width: 921px) {
    .milolita-header-spacer {
        display: none !important;
        height: 0 !important;
    }
}

@media (min-width: 922px) {
body.milolita-home-header-page #masthead {
    position: fixed !important;
    right: 0;
    left: 0;
    background: transparent;
    box-shadow: none;
    transition: background-color 0.35s ease, box-shadow 0.35s ease;
}

body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .ast-primary-header-bar,
body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .ast-below-header-bar,
body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .ast-builder-menu-1,
body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .ast-main-header-bar-alignment,
body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .main-header-menu {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

body.milolita-home-header-page #masthead:not(.milolita-home-header-solid) .site-logo-img {
    width: 190px;
    min-width: 190px;
    height: 141px;
    display: flex;
    align-items: center;
}

body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .site-logo-img img {
    content: var(--milolita-home-header-white-logo);
    width: 190px;
    max-width: 190px;
    height: auto;
    filter: none;
    transform: translateY(12px);
}

body.milolita-home-header-page #masthead .site-logo-img img {
    transform-origin: center;
    transition: filter 0.35s ease, transform 0.45s cubic-bezier(.5, 0, 0, 1);
}

body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .main-header-menu > .menu-item > .menu-link,
body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .ast-header-html-1,
body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .ast-header-html-1 * {
    color: #fff !important;
}

body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .ast-header-account-wrap .ahfb-svg-iconset,
body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .milolita-wishlist-icon {
    filter: brightness(0) invert(1);
}

body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .ast-site-header-cart i.astra-icon {
    background-image: url("/wp-content/themes/astra-child/assets/icons/cart-white.svg");
    filter: none;
}

body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .ast-site-header-cart i.astra-icon::after {
    color: var(--milolita-home-header-cart-text) !important;
    background: var(--milolita-home-header-cart-bg) !important;
    border-color: var(--milolita-home-header-cart-border) !important;
}

body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .astra-search-icon,
body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):not(:hover) .ast-icon.icon-search {
    color: #fff !important;
}

body.milolita-home-header-page #masthead:not(.milolita-home-header-solid):hover,
body.milolita-home-header-page #masthead.milolita-home-header-solid {
    box-shadow: var(--milolita-home-header-solid-shadow);
}

body.milolita-home-header-page #masthead.milolita-home-header-solid .ast-above-header-wrap {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

body.milolita-home-header-page #masthead.milolita-home-header-solid .ast-main-header-wrap,
body.milolita-home-header-page #masthead.milolita-home-header-solid .ast-below-header-wrap,
body.milolita-home-header-page #masthead.milolita-home-header-solid .ast-above-header-wrap {
    transition: max-height 0.35s ease, opacity 0.25s ease;
}

body.milolita-home-header-page .milolita-header-spacer {
    display: block !important;
    height: var(--milolita-home-topbar-height, 0px) !important;
}

body.milolita-home-header-page .ast-article-single {
    margin-top: 0 !important;
}
}