/* Complete WordPress Admin Bar Fix */
#wpadminbar {
    direction: ltr;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    height: 32px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    min-width: 600px !important;
    z-index: 99999 !important;
    background: #1d2327 !important;
    font-size: 13px !important;
    line-height: 32px !important;
}

#wpadminbar * {
    box-sizing: content-box !important;
}

#wpadminbar ul,
#wpadminbar li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#wpadminbar .ab-top-menu,
#wpadminbar .ab-top-secondary {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    height: 32px !important;
}

#wpadminbar .ab-top-menu > li,
#wpadminbar .ab-top-secondary > li {
    display: inline-block !important;
    height: 32px !important;
    margin: 0 !important;
}

#wpadminbar .ab-item,
#wpadminbar a.ab-item,
#wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon {
    display: inline-block !important;
    padding: 0 8px !important;
    height: 32px !important;
    line-height: 32px !important;
    color: #c3c4c7 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

#wpadminbar .ab-top-secondary {
    float: right !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}

#wpadminbar .quicklinks > ul > li > a,
#wpadminbar .quicklinks > ul > li > .ab-empty-item {
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
}

#wpadminbar #wp-admin-bar-my-account > .ab-item img {
    width: 16px !important;
    height: 16px !important;
    margin: 8px 0 !important;
    vertical-align: top !important;
    border-radius: 50% !important;
}

#wpadminbar .ab-sub-wrapper {
    display: none !important;
}

#wpadminbar li:hover > .ab-sub-wrapper {
    display: block !important;
    position: absolute !important;
    background: #2c3338 !important;
    top: 32px !important;
    left: 0 !important;
    min-width: 200px !important;
}

#wpadminbar .ab-submenu li {
    display: block !important;
    width: 100% !important;
}

body.admin-bar {
    margin-top: 32px !important;
    padding-top: 0 !important;
}

html {
    margin-top: 32px !important;
}

@media screen and (max-width: 782px) {
    #wpadminbar {
        height: 46px !important;
    }
    html,
    body.admin-bar {
        margin-top: 46px !important;
    }
}