/*
 * Styles to customize the login page
 *
 */
 
 body.login { 
 	background: #272744;
 	color: #fff; 
 }
 
 #login {
 	/*width: 600px;*/
 	max-width: 100%;
 }

 .login h1 a,
 .login .wp-login-logo a {
	background-image: url("../images/logo-front.svg");
	background-size: contain;
	width: 500px;
	max-width: 90%;
}

.login form {
	background: transparent;
	box-shadow: none;
	/*width: 320px;*/
	margin: auto auto 25px;
}

.login label { 
	/*color: #ed5463;*/
	color: #fff;
}

input[type="text"]:focus,
input[type="password"]:focus {
	box-shadow: #ed5463 0 0 2px 0 inset !important;
	border-color: #ed5463;
}

/* Lost Password and Back to Blog */

.login #backtoblog,
.login #nav {
	background: transparent;
	border: 1px solid #fff;
	margin: 0 auto 25px;
	padding: 15px;
	text-align: center;
	/*width: 320px;*/
}

.login #backtoblog { font-weight:bold; }

.login #backtoblog a,
.login #nav a { 
	/*color: #ed5463;*/
	color: #fff; 
}
	.login #backtoblog a:hover,
	.login #nav a:hover,
	.login #backtoblog a:focus,
	.login #nav a:focus {
		/*color: #d73040;*/
		color: #ed5463;
	}


input#wp-submit {
	background-color: #ed5463;
	border: none;
	box-shadow: none;
	color: #fff;
	text-shadow: none;
}
	input#wp-submit:hover,
	input#wp-submit:focus { background-color: #7f030c; }

.login #login_error,
.login .message { 
	border-color: #ed5463;
	background: #f98e96; 
	color: #272744;
}

/* ===== iThemes Security ===== */
.login .button {
	background: #ed5463;
	color: #fff;
	text-shadow: none;
	border-color: transparent;
	box-shadow: none;
}
	.login .button:hover,
	.login .button:focus {
		background: #d73040;
		border-color: transparent;
	}

.login .button-link {
	color: #ed5463;
}
	.login .button-link:hover,
	.login .button-link:focus {
		color: #d73040;
	}