/* Custom WP Admin 'bar' */
html body #wpadminbar {
	max-width: 100%;
	width: 3.3rem;
	min-width: 0;
	top: auto;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.6);
	border-top-right-radius: 1rem;
	overflow: hidden;
	transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

html body #wpadminbar:hover {
	width: 100%;
	background-color: rgba(0,0,0,.8);
}

html body #wpadminbar a {
	transition: color .3s ease-in-out;
}

@media screen and (max-width: 600px), screen and (max-width: 782px) {
	html body #wpadminbar {
		min-width: 0;
		height: 38px;
		position: fixed;
		font-size: 13px;
	}

	html body #wpadminbar:hover {
		width: 17rem;
	}

	#wp-admin-bar-site-name a.ab-item:before {
		width: 33px;
		margin: 0 auto;
		font-size: 1.75rem;
	}
}
/* End custom WP Admin 'bar' */