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

.login {
	position: relative;
	background: url(../resources/images/temp/DoD_title_screenshot@2x.png) no-repeat
		center;
	background-size: cover;
}

.login h1 {
	position: relative;
	border-radius: 16px;
}

.login h1 a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	font-size: 0;
	line-height: 0;
	text-indent: -4004px;
	width: 250px;
	height: 171px;
	margin-bottom: 0;
	background: url(../resources/images/logo.png) no-repeat center
		center/contain;
}

.login form {
	position: relative;
	background: url(../resources/images/DoD_title_screenshot@2x.png) repeat center center;
	background-color: rgba(255, 255, 255, 0.7);
}

.login.wp-core-ui .button-primary,
.login.wp-core-ui .button-primary:focus {
	appearance: none;
	background: transparent;
	border: 1px solid #12375b;
	border-radius: 0;
	box-shadow: none;
	color: #12375b;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	min-height: 0;
	overflow: hidden;
	padding: 10px 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 1;
	transition: all 0.3s;
}

.login.wp-core-ui .button-primary:hover {
	color: #fff;
	background-color: #12375b;
}

body.login .privacy-policy-link,
body.login #nav a,
body.login #backtoblog a {
	position: relative;
	color: #fff;
}

body.login .privacy-policy-link:hover,
body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #fff;
	text-decoration: underline;
}

body.login .message,
body.login #login_error {
	margin: 20px 0;
	position: relative;
}