/*--------------------------------------
TOPBAR
---------------------------------------*/
#wp-admin-bar-wp-logo{
    display: none;
}

#wpadminbar {
    background: rgba(80, 80, 80, 0.5);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
}

/*

#wpadminbar {
    display:flex;
    position: fixed;
    height: 60px;
    background: rgba(80, 80, 80, 0.5);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
}

#wpadminbar * {
    display:flex;
    position:relative;
    width: auto;
    height: 100%;
    align-items: stretch;
    align-items: center;
    margin:0;
    padding:0;
}


#wpadminbar .ab-top-menu>li.hover>.ab-item, 
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, 
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, 
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus {
    background: rgba(0, 188, 212, 0.2);
}

#wpadminbar .ab-top-menu>li.hover>.ab-item, 
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, 
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, 
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus {
    color:inherit;
}

#wpadminbar .quicklinks {
   width:100%;
   padding:0 1rem;
   align-items: stretch;
}

#wpadminbar #wp-admin-bar-root-default {
    flex-basis:50%;  
}

#wpadminbar .ab-top-secondary {
    display:flex;
    flex-basis:200px;
    align-content:flex-end;
    margin-left:auto;
}

#wpadminbar .quicklinks .ab-item {
    display: flex;
    position: relative;
    flex-basis:auto;
    flex-grow:1;
    align-content: center;
    align-items: center;
    justify-content: center;
    align-self: center;
    padding: 0 1rem;
    width: initial;
    height: 100%;
}

#wpadminbar .ab-icon, 
#wpadminbar .ab-item:before, 
#wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .ab-icon {
    display: inherit;
    height:100%;
    align-self:center;
    align-items: center;
    line-height:initial;
    float: none;
    padding: 0;
    margin: 0;
}

#wpadminbar #wp-admin-bar-new-content .ab-icon:before,
#wpadminbar #wp-admin-bar-updates .ab-icon:before,
#wpadminbar #wp-admin-bar-site-name .ab-item:before,
#wpadminbar #wp-admin-bar-comments .ab-icon:before {
    top: -1px;
    margin-right:5px;
}

#wpadminbar .menupop .ab-sub-wrapper, 
#wpadminbar .shortlink-input {
    flex-wrap: wrap;
    top: 60px;
    left: 0;
}

#wpadminbar #wp-admin-bar-user-actions.ab-submenu,
#wpadminbar .ab-submenu {
    flex-wrap:wrap;
    width:100%;
    height:auto;
    padding:0;
    
}

#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions>li {
    margin:0;
}

#wpadminbar #wp-admin-bar-user-info {
    display:flex;
    justify-content:center;
    background-color: rgb(21, 94, 103);
}

#wp-admin-bar-user-info .avatar {
    display: block;
    position:relative;
    top:0;
    left:0;
    border-radius: 50%;
    margin: 15px auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

#wpadminbar #wp-admin-bar-user-info span {
    font-weight:600;
    text-transform:capitalize;
    text-align:center;
    height:auto;
    margin-top:15px;
}

#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus,
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,
#wpadminbar .quicklinks .menupop ul li a:focus,
#wpadminbar .quicklinks .menupop ul li a:focus strong,
#wpadminbar .quicklinks .menupop ul li a:hover,
#wpadminbar .quicklinks .menupop ul li a:hover strong,
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
#wpadminbar li #adminbarsearch.adminbar-focused:before,
#wpadminbar li .ab-item:focus:before,
#wpadminbar li a:focus .ab-icon:before,
#wpadminbar li.hover .ab-icon:before,
#wpadminbar li.hover .ab-item:before,
#wpadminbar li:hover #adminbarsearch:before,
#wpadminbar li:hover .ab-icon:before,
#wpadminbar li:hover .ab-item:before,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,
#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label,
#wpadminbar>#wp-toolbar li.hover span.ab-label {
    color:#fff;
}

#wpadminbar .menupop .ab-sub-wrapper, 
#wpadminbar .shortlink-input {
    background: rgb(13, 114, 128);
    height: auto;
    text-align: left;
    justify-content: flex-start;
    z-index: 9;
}



@media screen and (max-width: 782px) {
    #wpadminbar li#wp-admin-bar-wp-logo {
        display: none;
    }
    
    #wpadminbar .ab-icon {
        width:30px;
    }

    #wpadminbar li#wp-admin-bar-site-name {
        display:none;
    }

    #wpadminbar .ab-icon:before {
        top: 0;
        width:30px;
        line-height: 13px;
        height: 100%!important;
        text-align: center;
    }

    #wpadminbar #wp-admin-bar-updates .ab-icon:before {
        top: calc(50% - 8px);
    }
    
    #wpadminbar #wp-admin-bar-comments .ab-icon:before {
        width:30px;
    }

    #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
        top:0;
    }

    #wpadminbar .ab-top-menu>li.hover>.ab-item, 
    #wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, 
    #wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, 
    #wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus {
        
    }

    #wpadminbar li#wp-admin-bar-my-account .ab-item {
        margin-left:auto;
        font-size: 0;
    }

    .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
        background: transparent;
    }
    .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
        color: #FFEB3B;
    }

}
    @media screen and (max-width: 600px) {
        #wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper {
            width: 100%;
            top:45px;
            left: 0;
        }
    }

*/