/* OPEN Health brand colors applied to wp-admin and the login screen. */
:root {
	--oh-pink: #EC008C;
	--oh-pink-hover: #C8007A;
	--oh-night-sky: #0D213A;
	--oh-dusky-sky: #26384E;
	--oh-snowy-sky: #F5F6F7;
}

/* Login screen */
body.login {
	background: var(--oh-snowy-sky);
}

.login h1 a {
	background-image: url('oh-logo.svg');
	background-size: contain;
	background-position: center;
	width: 260px;
	height: 215px;
}

.login .button-primary {
	background: var(--oh-pink) !important;
	border-color: var(--oh-pink) !important;
	box-shadow: none;
	text-shadow: none;
}

.login .button-primary:hover,
.login .button-primary:focus {
	background: var(--oh-pink-hover) !important;
	border-color: var(--oh-pink-hover) !important;
}

.login form input[type=text]:focus,
.login form input[type=password]:focus {
	border-color: var(--oh-pink) !important;
	box-shadow: 0 0 0 1px var(--oh-pink) !important;
}

.login #backtoblog a,
.login #nav a {
	color: var(--oh-dusky-sky);
}

.login #backtoblog a:hover,
.login #nav a:hover {
	color: var(--oh-pink);
}

/* Admin bar */
#wpadminbar {
	background: var(--oh-night-sky) !important;
}

#wpadminbar .ab-item,
#wpadminbar a.ab-item {
	color: #fff !important;
}

#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus {
	background: var(--oh-dusky-sky) !important;
	color: #fff !important;
}

/* Admin menu (sidebar) */
#adminmenuback,
#adminmenuwrap,
#adminmenu {
	background: var(--oh-night-sky);
}

#adminmenu .wp-submenu {
	background: var(--oh-dusky-sky);
}

#adminmenu li.menu-top:hover,
#adminmenu li.menu-top > a:focus {
	background: var(--oh-dusky-sky);
}

#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.current a.menu-top,
.folded #adminmenu li.wp-has-current-submenu {
	background: var(--oh-pink);
	color: #fff;
}

#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head {
	color: var(--oh-pink);
}

/* Primary buttons and links throughout wp-admin */
.wp-core-ui .button-primary {
	background: var(--oh-pink);
	border-color: var(--oh-pink);
	color: #fff;
	box-shadow: none;
	text-shadow: none;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: var(--oh-pink-hover);
	border-color: var(--oh-pink-hover);
	color: #fff;
}

#wpbody-content a {
	color: var(--oh-dusky-sky);
}

#wpbody-content a:hover,
#wpbody-content a:focus {
	color: var(--oh-pink);
}