/*
 * 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%;
	left: 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-left: 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;
		right: auto;
		left: 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;
	}
}
