/* These variables may be overwritten in the document head */
:root {
	--background: #EDEDED;
	--text-color: #171816;
	--logo: url(../img/logo.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);
}

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

/* br+font[size="1"] {
	display: none;
} */