/**
* Admin Bar Environment Info
*/

li#wp-admin-bar-wk-env-info > .ab-item {
    color: rgb(58, 54, 54) !important;
    font-weight: 500 !important;
    position:relative !important;
    margin-right: 15px !important;
    margin-left: 1px !important;
    text-align:center !important;
}

li#wp-admin-bar-wk-env-info > .ab-item::before {
    content:  "\f348"; 
    color: rgb(58, 54, 54) !important;
    top: 1.5px;
}

li#wp-admin-bar-wk-env-info > .ab-item::after {
    content:"" !important;
    position:absolute !important;
    height:0 !important;
    width:0 !important;
    left:100% !important;
    top:0 !important;
    border:16px solid transparent !important;
}


li#wp-admin-bar-wk-env-info.local > .ab-item,
li#wp-admin-bar-wk-env-info.development > .ab-item {    
    background: #d69316 !important;
}
li#wp-admin-bar-wk-env-info.local > .ab-item::after,
li#wp-admin-bar-wk-env-info.development > .ab-item::after{
   border-left: 16px solid #d69316 !important;
} 

li#wp-admin-bar-wk-env-info.staging > .ab-item {    
    background:#e5d257 !important;
}
li#wp-admin-bar-wk-env-info.staging > .ab-item::after{
   border-left: 16px solid #e5d257 !important;
} 

li#wp-admin-bar-wk-env-info.production > .ab-item {    
    background:#42b542 !important;
}
li#wp-admin-bar-wk-env-info.production > .ab-item::after{
   border-left: 16px solid #42b542 !important;
} 


@media screen and (max-width: 782px) {
    li#wp-admin-bar-wk-env-info {
        display: block !important;
    } 
    li#wp-admin-bar-wk-env-info > .ab-item {
        overflow: hidden;
        width: 52px !important;
        margin-right: inherit !important;
    } 
    #wpadminbar li#wp-admin-bar-wk-env-info > .ab-item::before  {
        display: block !important;
        text-indent: 0;
        font: normal 32px / 1 dashicons;
        top: 8px;
        width: 52px;
        text-align: center;
        -webkit-font-smoothing: antialiased;
    }
    #wpadminbar li#wp-admin-bar-wk-env-info > .ab-item::after  {
        display: none;
    }
}