/*
 * 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.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-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;
	}
}
