/******************************************************************
Site Name:
Author:

Stylesheet: Login Stylesheet

This stylesheet is loaded (if admin.php is setup in your
functions file) on the login page. This way you can style
the login page. It won't affect any other page, admin or front-end.

For more info, check out the codex:
http://codex.wordpress.org/Creating_Admin_Themes

******************************************************************/
/* the form box */
body.login {
  /*
	This is the Wordpress logo in the admin area.
	You'll have to load your own images and mess
	with the width and height.
	*/
  background-color: #f3f5f9;
  background: url(../images/background_auth.jpg) no-repeat 50% 50%;
  /* make sure to replace this! */
  background-size: cover;
}
body.login #login {
  max-width: 380px;
  padding-top: 200px;
  width: 100%;
}
body.login h1 a {
  background: url(../images/logo-login-white.png) no-repeat top center;
  /* make sure to replace this! */
  display: block;
  height: 47px;
  overflow: hidden;
  padding-bottom: 0;
  text-indent: -9999px;
  width: 130px;
  margin: 0 auto 60px auto;
  background-size: contain;
}
body.login form {
  background: white;
  border-color: transparent;
  border-radius: 2px;
  border-color: #eaedef;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  font-weight: normal;
  margin: 0 0 20px 0;
  padding: 50px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
body.login label {
  color: #616161;
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 15px;
  text-align: center;
}
body.login form .input {
  border: 1px solid #eaedef;
  color: #878787;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
  font-size: 18px;
  width: 100%;
  padding: 0.3em 0.6em;
  margin: 10px 0 20px 0;
  background-color: white;
}
body.login form .input:hover,
body.login form .input:focus {
  color: #373737;
}
body.login input[type="text"],
body.login input[type="password"] {
  box-shadow: none;
}
body.login input:-webkit-autofill {
  background-color: white !important;
  color: #2C3843 !important;
}
body.login #nav {
  float: right;
  margin: 0;
  padding: 0;
}
body.login #nav a {
  color: #fff !important;
  text-shadow: none;
}
body.login #nav a:hover,
body.login #nav a:focus,
body.login #nav a:active {
  color: #201F3E !important;
}
body.login #backtoblog {
  float: left;
  padding: 0;
  margin: 0;
}
body.login #backtoblog a {
  color: #fff !important;
  text-shadow: none;
}
body.login #backtoblog a:hover,
body.login #backtoblog a:focus,
body.login #backtoblog a:active {
  color: #201F3E !important;
}
body.login #wp-submit {
  background-image: none;
  border-color: transparent;
  background-color: #a7afbd;
  background-color: #13aaaa;
  border: none;
  background-image: -webkit-gradient(linear, left top, right top, from(#13aaaa), to(#206da4));
  background-image: linear-gradient(left, #13aaaa, #206da4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#13aaaa', EndColorStr='#206da4');
  border-radius: 3px 3px 3px 3px;
  color: white;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  text-shadow: none;
  text-transform: uppercase;
  padding: .4em 1em .4em 1em;
  height: auto;
}
body.login #wp-submit:hover,
body.login #wp-submit:focus {
  opacity: .8;
}
body.login #login_error {
  background: #22253B;
  color: #fff;
  font-size: 14px;
  border-left-color: #008C9C;
  padding: 14px 32px;
}
body.login #login_error a {
  color: #fff;
}
/*# sourceMappingURL=login.css.map */