/* BODY */
html {
	font-size: 4px;
}
body {
	background: #eaf1fd;
	color: #222;
	font-size: 15px;
}
body p {
	font-size: 20px;
}

/* LOGO */
.login h1 a {
	margin-bottom: 5px;
	min-width: 310px;
	background-size: contain;
	background-position: center;
}

/* FORM */
#login {
	width: 400px;
	padding: 0;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
}
#loginform {
	box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.19);
	border-radius: 8px;
	padding: 34px 41px 48px;
}
.login label {
	font-size: 16.4px;
	line-height: 1.55;
	letter-spacing: 0.2px;
	color: #333;
	padding: 3px;
}
.login .button.wp-hide-pw .dashicons {
	width: 40px;
	top: 9px;
	left: -1px;
	position: absolute;
}
.login form input[type="checkbox"] {
	width: 24px;
	height: 24px;
	opacity: 1;
}
.login input[type="checkbox"]:checked {
	background: #68522D;
	border-color: #68522D;
	outline-color: #68522D;
}
.login input[type="checkbox"]:checked::before {
	margin: -4px -5px;
	height: 30px;
	width: 30px;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(133deg) brightness(114%) contrast(101%);
}
.login form .input,
.login input[type="password"],
.login input[type="text"] {
	margin-bottom: 20px;
	padding: 7px 10px;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.25px;
	border-color: #bbb;
	box-shadow: 0 2px 2px #0001;
	height: 44px;
}

/* Button submit */
input#wp-submit {
	color: #fff;
	border-color: #0006;
	/*background: #2086de;*/
	background: #BA9962;
	box-shadow: 0 1px 2px #0001, 0 -1px 2px #0003 inset;
	font-size: 17px;
	display: block;
	clear: both;
	float: left;
	margin-top: 20px;
	width: 100%;
	transition: background 0.3s;
}
input#wp-submit:hover {
	/*background: #145fa0;*/
	background: #68522D;
	box-shadow: 0 1px 3px #0003, 0 -1px 2px #0003 inset;
}

/* After form */
.login #backtoblog,
.login #nav {
	font-size: 17px;
	padding: 0 24px 0;
	opacity: 0.88;
	color: #999;
	font-weight: 100;
}
.login #backtoblog a,
.login #nav a {
	text-decoration: none;
	color: #555d66;
	font-size: 14px;
	letter-spacing: 0.4px;
	font-weight: 400;
}
.login #backtoblog a:hover,
.login #nav a:hover {
	color: #68522D;
}

/* other */
.wp-core-ui .button, .wp-core-ui .button-secondary {
	color: #68522D;
}