/*
 * 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.active .noticon-bell:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cmVjdCB4PSIwIiBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Zz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNi4xNCAxNC45N2wyLjgyOCAyLjgyN2MtLjM2Mi4zNjItLjg2Mi41ODYtMS40MTQuNTg2LTEuMTA1IDAtMi0uODk1LTItMiAwLS41NTIuMjI0LTEuMDUyLjU4Ni0xLjQxNHptOC44NjcgNS4zMjRMMTQuMyAyMSAzIDkuN2wuNzA2LS43MDcgMS4xMDIuMTU3Yy43NTQuMTA4IDEuNjktLjEyMiAyLjA3Ny0uNTFsMy44ODUtMy44ODRjMi4zNC0yLjM0IDYuMTM1LTIuMzQgOC40NzUgMHMyLjM0IDYuMTM1IDAgOC40NzVsLTMuODg1IDMuODg2Yy0uMzg4LjM4OC0uNjE4IDEuMzIzLS41MSAyLjA3N2wuMTU3IDEuMXoiLz48L2c+PC9zdmc+) !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;
  }
}