/*
Admin bar custom styles
Author: gmponaro
Maintained by: lenasterg
Version: 5.1 (cleaned)
*/

/* Screen reader text */
.screen-reader-text{
    position:absolute!important;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%);
}

/* Admin bar base */
#wpadminbar{
    background:#C1D630!important;
}

#wpadminbar *{
    text-shadow:none;
    color:#2e50aa!important;
}

#wpadminbar .quicklinks>ul>li{
    border:0!important;
}

#wpadminbar .ab-label{
    font-weight:700;
}

/* Icons */
#wpadminbar .ab-icon,
#wpadminbar .ab-item:before,
#wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .ab-icon,
#wpadminbar #adminbarsearch:before,
#wpadminbar .ab-icon:before{
    color:#2e50aa!important;
}

/* Notifications */
#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications{
    background:#EB4124;
    color:#fff!important;
}

#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications.alert{
    background:#EB4124!important;
}

#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications.no-alert{
    background:#2e50aa;
    border:1px solid #2e50aa;
}

/* Hover states */
#wpadminbar .ab-top-menu>li.hover>.ab-item,
#wpadminbar .ab-top-menu>li:hover>.ab-item{
    background:#B1C935!important;
}

#wpadminbar .ab-top-menu>li>.ab-item:focus{
    background:#C1D630!important;
}

#wpadminbar .quicklinks .menupop ul li .ab-item:hover,
#wpadminbar #wp-admin-bar-user-info .display-name:hover,
#wpadminbar #wp-admin-bar-user-info .username:hover{
    font-weight:bold;
}

#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{
    background:#E7E7E7!important;
}

#wpadminbar .ab-sub-wrapper>.ab-submenu:first-child{
    background:#fffaf7;
}

#wpadminbar .menupop .ab-sub-wrapper>li:hover,
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary>li:hover,
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu>li:hover{
    background:#d2d2d1;
}

#wpadminbar .quicklinks>ul>li>a{
    font-weight:700;
    border:none;
}

/* Authors menu image */
#wpadminbar #wp-admin-bar-authors-menu img{
    width:16px;
    height:16px;
    border:1px solid #999;
    background:#EEE;
    vertical-align:middle;
    margin:-3px 0 0 6px;
}

/* Mobile admin bar items (hidden for accessibility) */
#wp-admin-bar-blogsschmobile,
#wp-admin-bar-my-account-mobile,
#wp-admin-bar-gblogoutmobile{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
}

/* Comments counter */
#wpadminbar #wp-admin-bar-comments .count-0{
    opacity:1;
    font-weight:normal;
}

/* -------------------- */
/* Responsive admin bar */
/* -------------------- */

@media screen and (max-width:1024px){

    #wpadminbar .quicklinks>ul>li>a{
        padding:0 8px 0 7px;
    }

    #wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications.alert{
        font-size:13px;
    }

    #wpadminbar a img{
        height:25px;
        border:1px solid;
    }

    /* show mobile items */

    #wp-admin-bar-blogsschmobile,
    #wp-admin-bar-my-account-mobile,
    #wp-admin-bar-gblogoutmobile{
        position:static;
        width:auto;
        height:auto;
        margin:0;
        overflow:visible;
        clip-path:none;
        white-space:normal;
    }

    #wp-admin-bar-gblogoutmobile>a,
    #wp-admin-bar-my-account-mobile>a{
        font-family:untitled-font-3;
        font-size:24px!important;
    }

    #wp-admin-bar-my-account-mobile,
    #wp-admin-bar-blogsschmobile,
    #wp-admin-bar-gblogoutmobile,
    #wp-admin-bar-bp-login{
        display:block!important;
    }

    #wp-admin-bar-my-account,
    #wp-admin-bar-blogssch,
    #wp-admin-bar-lslogout{
        display:none;
    }

}

@media screen and (max-width:860px){

    #wp-admin-bar-new-content>a>span.ab-label,
    #wp-admin-bar-authors-menu,
    #wp-admin-bar-comments{
        display:none;
    }

}

@media screen and (max-width:480px){

    #wp-admin-bar-my-sites,
    #wp-admin-bar-site-name,
    #wp-admin-bar-comments{
        display:none;
    }

}

@media screen and (max-width:782px){

    #wpadminbar{
        height:43px;
    }

}