@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin-ext');

body{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
button, input, select, textarea{
	font-family: 'Roboto', sans-serif;
}

body.login{
	background-image: url('admin-images/login-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.login h1{
	background-color: rgba(73, 80, 98, 0.6);
	padding: 30px 15px 0 15px;
}
.login h1 a {
	background-image: url('admin-images/logo_login.png');
	margin-bottom: 0;
	width: 100%;
	background-size: auto;
	height: 50px;
	display: none;
}

#login{
	width: 400px;
	display: none;
	-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.12);
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.12);
}
.login #nav, .login #login_error, .login .message, .login form, #backtoblog{
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
	background-color: rgba(73, 80, 98, 0.6);
}
/* login messages */
.login #login_error, .login .message {
    border-left: 0px solid transparent;
    margin-bottom: 0;
	text-align: center;
	color: #ffffff;
}
/* login form */
.login form{
	margin-top: 0;
	padding: 30px 30px 0 30px;
}

#login form p.submit{
    margin: 0;
    padding: 0;
    display: inline-block;
    float: none;
    width: 100%;
	text-align: center;
}
.login .button-primary{
	float: none;
}
#login form p.submit .button{
	display: inline-block;
}
.wp-core-ui .button-primary{
	border: 0px solid transparent;
    background-color: #ffa026;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    font-weight: normal;
    border-radius: 2px;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 13px;
    transition: all 600ms ease-in-out;
}
.wp-core-ui .button-primary:hover{
	background-color: #d6861f;
}
.wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:active{
	background-color: #ffaa3c;
	box-shadow: 0 0 0 transparent;
}
.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large{
	height: auto;
	line-height: normal;
	padding: 10px 25px;
}
.login #nav,.login #backtoblog{
	margin: 0;
	padding: 15px;
}
.login #nav{
	text-align: right;
}
#backtoblog{
	display: none;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
	background-color: #fff !important;
    -webkit-box-shadow: 0 0 0 30px white inset, 2px 2px 6px 0px #717171 !important;
}
.login input[type=text], .login input[type=password]{
	background-color: #fff !important;
	border: 0px solid transparent !important;
	outline: none !important;
	padding: 3px 15px;
	margin-top: 5px;
	-webkit-box-shadow: 2px 2px 6px 0px #717171;
}
.login label {
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	transition: all 600ms ease-in-out;
}
.login input[type="text"], .login input[type="password"]{
	background-color: #ffffff;
	
}
.login #backtoblog a, .login #nav a{
	color: #ffffff;
	text-transform: uppercase;
	transition: all 600ms ease-in-out;
}
.login #backtoblog a:hover, .login #nav a:hover, .login .forgetmenot label:hover{
	color: #ffa026;
}