/*
 * Styles for the nav-unification prototype (see pbAPfg-O2)
 * TODO: depending on project outcome move or delete styles
 */
#wpadminbar #wp-admin-bar-notes #wpnt-notes-unread-count.wpn-unread {
  top: 50%;
  right: 50%;
  transform: translate(10px, -13px);
}

#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar {
  transform: translateX(-1px);
}

#wpadminbar #wp-admin-bar-notes.bell .noticon-bell:before,
#wpadminbar #wp-admin-bar-notes.bell.active .noticon-bell:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZwoJCQljbGFzc05hbWU9InNpZGViYXJfX21lbnUtaWNvbiBzaWRlYmFyX3N2Zy1ub3RpZmljYXRpb25zIgoJCQlmaWxsPSJub25lIgoJCQloZWlnaHQ9IjI4IgoJCQl2aWV3Qm94PSIwIDAgMjQgMjQiCgkJCXdpZHRoPSIyOCIKCQkJeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgoJCT4KCQkJPHBhdGgKCQkJCWQ9Ik0xMiAxOS4yNUMxMS4zOTk3IDE5LjI1IDEwLjg5MjYgMTguODE3NyAxMC43NzU1IDE4LjI1SDEzLjIyNDVDMTMuMTA3NCAxOC44MTc3IDEyLjYwMDMgMTkuMjUgMTIgMTkuMjVaTTE2LjI1IDlWMTEuNUMxNi4yNSAxMi40MTUxIDE2LjMyMDcgMTMuMzE0OCAxNi42ODg4IDE0LjA2NzJDMTYuOTI4MiAxNC41NTYzIDE3LjI3NTEgMTQuOTQ5NSAxNy43Mzc0IDE1LjI1SDYuMjYyNkM2LjcyNDkyIDE0Ljk0OTUgNy4wNzE4MSAxNC41NTYzIDcuMzExMTYgMTQuMDY3MkM3LjY3OTM0IDEzLjMxNDggNy43NSAxMi40MTUxIDcuNzUgMTEuNVY5QzcuNzUgNi42MTQyMSA5LjYxNDIxIDQuNzUgMTIgNC43NUMxNC4zODU4IDQuNzUgMTYuMjUgNi42MTQyMSAxNi4yNSA5WiIKCQkJCXN0cm9rZT0iI2ZmZiIKCQkJCXN0cm9rZVdpZHRoPSIxLjUiCgkJCS8+CgkJPC9zdmc+) !important;
}

#wpadminbar > #wp-toolbar .wpnt-show span.noticon,
#wpadminbar #wp-admin-bar-notes.wpnt-show .noticon {
  color: #ffffff;
}

#wpadminbar .quicklinks ul#wp-admin-bar-root-default {
  padding-right: 0 !important;
}

#wpadminbar #wp-admin-bar-menu-toggle {
  display: none;
}

@media screen and (max-width: 782px) {
  #wpadminbar #wp-toolbar > ul > li {
    display: block;
  }
  #wpadminbar .ab-top-menu > li > .ab-item {
    box-sizing: border-box;
    line-height: 32px;
  }
  #wpadminbar #wp-admin-bar-ab-new-post > .ab-item {
    box-sizing: inherit !important;
  }
  #wpadminbar #wp-admin-bar-my-account > .ab-item {
    padding: 7px 15px;
    width: auto;
  }
  #wpadminbar #wp-toolbar.quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
    display: block;
    left: auto;
    right: auto;
    position: static;
    margin-top: 3px;
    top: 13px;
  }
  /* Hide debug bar. */
  #wpadminbar #wp-toolbar.quicklinks li#wp-admin-bar-debug-bar {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  #wpadminbar #wp-toolbar.quicklinks li#wp-admin-bar-my-account.with-avatar > a {
    width: auto;
  }
  #wpadminbar #wp-toolbar.quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
    margin-top: 12px;
  }
}
