/* These variables may be overwritten in the document head */
:root {
	--background: #005da6;
	--text-color: #ffffff;
	--logo: url( ../img/logo-white.svg );
	--logo-width: 300px;
	--logo-height: 100px;
}

body {
	background: var( --background, #f1f1f1 );
}

#login > h1 > a {
	background: var( --logo ) center no-repeat;
	background-size: contain;
	width: var( --logo-width );
	height: var( --logo-height );
}

.login #backtoblog a,
.login #nav a,
.privacy-policy-link {
	color: var(--text-color);
}

.wp-core-ui .button-primary {
	background: var(--background);
	border-color: var(--background);
	box-shadow: 0 1px 0 var(--background);
	color: var(--text-color);
	text-shadow: 0 -1px 1px var(--background),1px 0 1px var(--background),0 1px 1px var(--background),-1px 0 1px var(--background);
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:active {
	background: linear-gradient( to bottom, rgba(255,255,255,.3), rgba(255,255,255,.2)), linear-gradient( to bottom, var(--background), var(--background) );
	border-color: var(--background);
}

.wp-core-ui .button-primary:active {
	box-shadow: inset 0 2px 0 #023A30;
}

.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	outline: 2px solid transparent;
}

input[type="checkbox"]:checked::before {
	color: var(--background);
}

.login-notice {
	background: #ffffff;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	padding: 12px 24px;
	margin-bottom: 20px;
}

.login-notice p {
	margin: 1em 0;
}