body {
background: none;
overflow: hidden;
font-family: 'Lato', sans-serif;
}
body.interim-login {
background: #f5f5f5;
}
.login h1.welcome {
     display: inline-block;
     text-align: left;
     font-size: 30px;
     line-height: 30px;
     padding: 15px 0 25px 0;
     border-bottom: 1px solid #fff;
     margin-bottom: 25px;
     font-weight:100;
}
.login h1 .title{
   text-transform:uppercase;
}
#login{
     background-color:rgba(0, 0, 0, 0.65);
     padding: 50px;
     margin: 8% auto;
     color:#FFF;
	width:45%;
}
p.message{
 color:#2B2B2B;  
}

.login form {
background: none;
box-shadow: none;
padding:0;
}

.login #nav a {
text-decoration: none;
color: #FFF;
text-decoration: underline;
text-transform: uppercase;
float: right;
}

#backtoblog, .forgetmenot, #loginform, p.login-remember, .login h1, .login label {
display:none;
}

#login form p {
width: 45%;
margin: 0 2% 0 0;
float:left;
}

#login form p.login-password{
 margin-right:0;
 padding-right:0;  
}
#login form p.login-submit{
	width: 2%;
	float: left;
	display: block;
   padding:5px 10px;
}
.wp-core-ui .button-primary, .wp-core-ui .button-primary:hover{
	width: 25px;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.login .button-primary {
	float:none;
}

#wp-submit{
     text-indent: -9000px; text-transform: capitalize;
     background: url(assets/img/next-arrow.png) no-repeat center center;
     background-size: 27px;
}

.login #nav {
     margin: 0;
     padding:0;
}

.login form .input, .login form input[type="checkbox"], .login input[type="text"]{
background-color: rgba(255, 255, 255, 0.3) !important;
border:none !important;
}

.login input:focus, .login input:-webkit-autofill {
background-color: rgba(255, 255, 255, 0.3) !important;
border:none !important;
}

input[type=checkbox], input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=radio], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{
	color:#FFF;
}
.copyright{
     position: absolute;
     bottom: 0;
     left: 0;
     text-align: center;
     width: 100%;
     font-weight:100;
     text-transform:uppercase;
}

@media (max-width: 875px) {
	#login {
		width: 74%;
		padding: 10%;
	}
	.login h1.welcome {
		font-size: 20px;
		}
}
@media (max-width: 320px) {
	#login {
		width: 95%;
		padding: 5%;
	}
	.login h1.welcome {
		font-size: 15px;
		}
		.copyright{
		display:none;
		}
		#login form p {
			width: 100%;
			margin: 0;
			float:none;
			}
			#login form p.login-submit {
			width: 100%;
			float: none;
			display: block;
			text-align: center;
			}
		.wp-core-ui .button-primary, .wp-core-ui .button-primary:hover {
			width: 100px;
			height: 36px;
			border: none;
			float: none;
			margin: 0 auto;
			border-radius: 0;
			border: 1px solid;
			background: transparent;
			box-shadow: none;
			-webkit-box-shadow: none;
		}
}