/* 
	Login screen styles
*/

:root {
	--primary: #0d68b0;
	--white: #FFF;
	--black: #000;
	--light: #DDD;
	--copper: #d87333;
}

.login {
	background: var(--black);
}
.login form {
	background: #2a2f35;
}
.login #nav a, 
.login #backtoblog a, 
.login .message, 
.login #login_error { 
	background: var(--primary);
}
.login form .input { 
	background: var(--light);
}
.login form .input:hover, 
.login form .input:focus { 
	background: var(--white);
}
#login, 
.login .admin-email__heading, 
.login #nav a, 
.login #nav a:hover,
.login #nav a:focus, 
.login #backtoblog a, 
.login #backtoblog a:hover, 
.login #backtoblog a:focus, 
.login form label { 
	color: var(--white);
}
.login #nav a, 
.login #backtoblog a { 
	background: var(--primary);
}
.login #nav a:hover, 
.login #nav a:focus, 
.login #backtoblog a:hover, 
.login #backtoblog a:focus { 
	background: var(--copper);
}
.wp-core-ui .button { 
	height: auto !important;
	padding: 5px 25px !important;
	background: var(--primary);
	border: 0;
	font-weight: 700;
	color: var(--white);
	box-shadow: none;
	text-shadow: none;
}
.wp-core-ui .button:hover, 
.wp-core-ui .button:focus { 
	background: var(--copper);
	border-color: var(--white);
	color: var(--white);
}
a, a:hover, a:visited, 
.wp-hide-pw span::before {
	color: var(--primary);
}


/*	Edit below only if needed
**********************************************************************/



/*	Borders	*/
.login form, 
.login form .input, 
.login #nav a, 
.login #backtoblog a { 
	border: none;
}



/*	Rounded corners	*/
.login form, 
.login form .input, 
.login #nav a, 
.login #backtoblog a, 
.wp-core-ui .button { 
	border-radius: 0px;
}



/*	Reusable dimension and styling	*/
.login #login h1 a { 
	width: 100%;
	height: 100px;
	margin: 0 auto 10px;
}
.login form { 
	margin-top: 0;
}
.login #login_error, 
.login .message { 
	margin-bottom: 10px;
}
.login #backtoblog, 
.login #nav {
	margin-top: 10px;
	padding: 0;
	color: transparent;
}
.login #nav a, 
.login #backtoblog a { 
	display: block;
	width: 100%;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
}
.login .g-recaptcha > div {
	margin: auto;
	-webkit-transform: scale(0.7);
	    -ms-transform: scale(0.7);
	        transform: scale(0.7);
	opacity: .5;
}