#wpadminbar {
  top: auto !important;
  bottom: 0;
  transition: bottom 0.3s ease-out;
}

#wpadminbar:not(:hover) {
  bottom: -28px;
}

#wpadminbar::before {
  content: "\25B2";
  position: absolute;
  top: -25px;
  left: 20px;
  width: 40px;
  height: 25px;
  background-color: #23282d;
  border-radius: 8px 8px 0 0;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  box-sizing: border-box;
}

* html #wpadminbar {
  position: absolute;
}

#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item {
  background: #333;
}

#wpadminbar .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus {
  background: #444;
}

#wpadminbar .menupop .ab-sub-wrapper {
  bottom: 32px;
}

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