@media (max-width: 991.98px) {
    html[lang] {
        margin-top: 0 !important;
    }

    html #wpadminbar {
        display: none;
    }
}

@media (min-width: 992px) {
    html[lang] {
        margin-top: 0 !important;
    }

    html #wpadminbar {
        opacity: 1;
        transform: translateY(-50%);
        transition: all 0.3s ease;
        background: none;
    }

    html #wpadminbar:hover {
        opacity: 1;
        transform: translateY(0);
        background: #23282d;
    }

    html #wpadminbar:before {
        position: absolute;
        right: 0;
        top: 0;
        content: 'Administration';
        background: #23282d;
        color: #fff;
        z-index: 1;
        padding: 0 15px;
        transform: translateY(50%);
        font-size: 12px;
        border-radius: 0 0 0 6px;
    }

    html #wpadminbar:hover:before {
        display: none;
    }

    html #wpadminbar > * {
        opacity: 0;
    }

    html #wpadminbar:hover #wp-toolbar {
        opacity: 1;
    }
}