body.login {
	background: #fff;
	color: #000;
}
body.login div#login {
 	max-width: 400px;
 	width: auto;
 	padding-left: 20px;
 	padding-right: 20px;
}
body.login div#login h1 a {
	margin-bottom: 40px;
}
body.login div#login p#nav,
body.login div#login p#backtoblog,
body.login div#login .privacy-policy-page-link,
body.login .language-switcher {
	display: none;
}

body.login form#loginform,
body.login #login_error,
body.login .message, .login .success {
	overflow: hidden;
	border-right: none;
	border-top: none;
	box-shadow: rgb(0 0 0 / 18%) 0px 1px 4px;
	background: #fff;
	padding: 20px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-o-transition: color 0.2s, box-shadow 0.2s;
	-moz-transition: color 0.2s, box-shadow 0.2s;
	-webkit-transition: color 0.2s, box-shadow 0.2s;
	transition: color 0.2s, box-shadow 0.2s;
}
body.login form#loginform {
	border: none;
}
body.login .button-primary {
	background: #ed184a;
	border-color: #ed184a;
}
body.login .button-primary:hover {
	background: #333 !important;
	border-color: #333 !important;
}
body.login .button .dashicons,
body.login .button-secondary .dashicons  {
	color: #333;
}
body.login input[type=checkbox]:checked::before {
	filter: grayscale(1);
}
input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
	border-color: #333;
	box-shadow: 0 0 0 1px #333;
}

@media all and (max-width: 800px) {
	body.login div#login {
		padding-top: 40px;
	}
	body.login div#login h1 a {
		width: 220px !important;
		margin-bottom: 30px;
	}
}