#wpadminbar {
    transition: transform 150ms ease-out;
    transform: translateY(-24px);
}

#wpadminbar:hover {
    transform: translateY(0);
}

#wp-admin-bar-root-default:after {
    content: "";
    width:100%;
    height: 10px;
    bottom: -42px;
    left: 0;
    position: absolute;
    background: transparent;
}

html {
    margin-top: 0 !important;
}

@media only screen and (max-width: 768px) {
    #wpadminbar {
        display: none;
    }
}