/**
 * WordPress-only front-end adjustments.
 *
 * Keep styles shared with the approved static mock in the existing
 * osaka.*.css files. Add only WordPress Core, plugin, or CMS-generated
 * markup corrections here.
 */

html {
  margin-top: 0 !important;
}

body.admin-bar {
  padding-bottom: 32px;
}

body.admin-bar #wpadminbar {
  position: fixed;
  top: auto;
  bottom: 0;
}

@media screen and (min-width: 783px) {
  body.admin-bar #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
    top: auto;
    bottom: 32px;
  }
}

@media screen and (max-width: 782px) {
  body.admin-bar {
    padding-bottom: 46px;
  }
}