body.login {
	background: #822D15; 
	font-family: 'Space Grotesk', sans-serif;
}

#login h1 a, 
.login h1 a {
	width: 100%;
	height: 122px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

@media (max-width: 767px) {
	#login h1 a, 
	.login h1 a {
		max-width: 100%;
		margin-left: 0;
		background-size: contain;
	}
}

.wp-core-ui .button-group.button-large .button:hover, 
.wp-core-ui .button.button-large:hover {
	background-color: transparent; 
	border-color: #F98850; 
	color: #F98850; 
}

.login #login_error, 
.login .message {
	border-left-color: #F98850; 
}

body.login form {
	background-color: transparent; 
	margin-top: 0; 
	border: 2px solid #F98850;
	padding: 30px;
}

body.login label {
	color: #FFE9D1; 
	font-weight: 500;
	font-family: 'Space Grotesk', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 11px;
}

body.login .forgetmenot label {
	text-transform: none;
	letter-spacing: 0;
	font-size: 14px;
	font-weight: 300;
}

.login #nav,
.login #backtoblog {
	padding: 0;
}

body.login #backtoblog a, 
body.login #nav a {
	color: #F98850; 
	transition: color .4s;
}

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

body.login form .input {
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #F98850;
	background: 0;
	color: #F98850; 
	padding: 0;
	font-weight: 300;
	font-family: 'Space Grotesk', sans-serif;
	margin-bottom: 36px;
	font-size: 1.4rem;
}

#rememberme {
	border: 1px solid #F98850;
}

body.login form input:focus {
	border-color: #F98850;
	box-shadow: none;
}

body.login .button.button-large {
	display: block;
	width: fit-content;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	appearance: none;
	box-shadow: none;
	border-radius: 14px;
	background: #F98850;
	border: 1px solid transparent;
	color: #822D15;
	transition: color, background, border;
	transition-duration: .4s;
	padding: 16px 18px 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	min-height: unset;
	line-height: 1;
}

body.login .button.button-secondary span.dashicons-visibility:before,
body.login .button.button-secondary span.dashicons-hidden:before {
	color: #F98850;
}


body.login input[type=checkbox] {
	background: transparent;
	border-radius: 0;
}

body.login input[type=checkbox]:checked::before {
	content: '';
	background: #F98850;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	margin: 2px 1.5px;
}