/* wp-login.php in the site's colors: azure canvas, white card, red button,
   the 123skóli logo above the form. Used for lost-password and reset
   screens, and as the fallback login screen. */

body.login {
	background: #0d9bfa;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.login h1 a {
	width: 220px;
	height: 90px;
	background-image: url(../images/logo.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.login #login {
	padding-top: 6%;
}

.login form {
	border: 1px solid #e7e3de;
	border-radius: 4px;
	box-shadow: 0 0 44px rgba(9, 60, 92, 0.28);
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
	border-radius: 4px;
	border-color: #b3ada5;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
	border-color: #1d5c8c;
	box-shadow: 0 0 0 1px #1d5c8c;
}

.wp-core-ui .button-primary {
	background: #c83a3a;
	border-color: #c83a3a;
	border-radius: 4px;
	font-weight: 600;
	text-shadow: none;
	box-shadow: none;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: #a93131;
	border-color: #a93131;
}

.login .message,
.login .success,
.login #login_error {
	border-left-color: #c83a3a;
	border-radius: 4px;
}

.login #nav a,
.login #backtoblog a {
	color: #fff;
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: #f7d84b;
}

.login .privacy-policy-page-link a {
	color: #fff;
}