/* ------------------------------------------------------------ *\
	Login Style
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	WP Login Style
\* ------------------------------------------------------------ */

.login.login.login {
	background-color: #000;
}

.login.login.login h1 a {
	background-image: url(../resources/images/logo-wp.png);
	width: 100%;
	background-size: contain;
	background-position: center;
}

.login.login.login form {
	border: 0;
	border-bottom: 1px solid #CC0000;
	box-shadow: 0 1px 3px rgb(0 0 0 / 39%);
}

.login.login.login form label {
	font-weight: 600;
	color: #CC0000;
}

.login.login.login input[type=text],
.login.login.login input[type=password] {
	height: 40px;
	font-size: 16px;
	padding-left: 14px;
	padding-right: 14px;
	font-weight: 400;
	letter-spacing: 0.00625em;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #000;
	color: #000;
	transition: border .3s;
}

.login.login.login input[type=text]:focus,
.login.login.login input[type=password]:focus {
	border-color: #CC0000;
	box-shadow: none;
}

.login.login.login input[type=password] {
	color: #000;
}

.login.login.login .wp-pwd .button {
	color: #000;
}

.login.login.login .wp-pwd .button:focus {
	border-color: #000;
	box-shadow: none;
}

.login.login.login input[type=checkbox]:focus {
	border-color: none;
	box-shadow: none;
}

.login.login.login input[type=checkbox]:checked:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E");
}

.login.login.login input[type=submit] {
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
	font-weight: 700;
	padding: 3px 20px;
	transition: background .4s, border .4s, color .4s;
}

.login.login.login input[type=submit]:hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.login.login.login input[type=submit]:focus {
	box-shadow: 0 0 0 1px #fff,0 0 0 3px #000;
}

.login.login.login p#nav a,
.login.login.login p#backtoblog a {
	transition: color .4s;
	color: #fff;
}

.login.login.login p#nav a:hover,
.login.login.login p#backtoblog a:hover {
	color: #CC0000;
}

.login.login.login a::selection ,
.login.login.login p::selection ,
.login.login.login input::selection ,
.login.login.login label::selection  {
	color: #fff;
	background-color: #000;
}