#page > header{
    position: sticky;
    top: var(--wp-admin--admin-bar--height, 0);
    z-index: 15;
}

.custom-header-campus{
    flex-wrap: nowrap;
    background: var(--header_navsite_color_background);
    margin-top: var(--wp-admin--admin-bar--height);
    gap: 15px;
}

.custom-header-campus .progress-header{
    width: auto;
    flex-grow: 1;
    box-sizing: border-box;
}

.custom-header-campus .user-header .profile .dynamic-view-profile{
    background-color: var(--standout-color-variation);
}


header .custom-header-campus .user-header .profile-link{
    color: white;
}


@media(max-width: 1024px){
    
    .custom-header-campus .header-logo{
        width: auto;
    }
    
    .custom-header-campus .user-header{
        width: auto;
    }
    
    .custom-header-campus .user-header .profile:hover .dynamic-view-profile, .custom-header-campus .user-header .profile:focus .dynamic-view-profile{
        display: block;
    }
    
    .custom-header-campus .user-header .profile .dynamic-view-profile{
        left: auto;
        right: 0;
    }
    
    .custom-header-campus .user-header .usertext-wrapper{
        display: none;
    }
}


@media(max-width: 767px){
    
    header .custom-header-campus{
        flex-direction: row-reverse !important;
    }
    
    .custom-header-campus .header-logo{
        display: none;
    }
    
    .custom-header-campus .progress-header .custom-ld-progress-stats{
        font-size: .9em;
    }
    
    .custom-header-campus .user-header .profile .dynamic-view-profile{
        left: 0;
        right: auto;
    }
}

@media(max-width: 390px){
    header .custom-header-campus{
        flex-direction: column-reverse !important;
    }
    
    .custom-header-campus .progress-header .custom-ld-progress-stats{
        justify-content: center;
    }
    
    .custom-header-campus .user-header .profile .dynamic-view-profile{
        right: 50%;
        left: auto;
        transform: translateX(50%);
    }
}