/******************************************************************
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

******************************************************************/
/* line 17, ../scss/login.scss */
body.login {
  background: url(login-background.jpg) no-repeat;
  background-color: #ffffff;
  background-size: cover;

}

/* line 21, ../scss/login.scss */
.neonsso-login-button {
  display: none !important;
}

/* the form box */
/*
This is the Wordpress logo in the admin area.
You'll have to load your own images and mess
with the width and height.
*/
/* line 33, ../scss/login.scss */
.login h1 a {
  background: url(login-logo.png) no-repeat top center;
  /* make sure to replace this! */
  width: 249px;
  height: 82px;
  text-indent: -9999px;
  overflow: hidden;
  padding-bottom: 15px;
  display: block;
}

/* line 43, ../scss/login.scss */
form {
  margin-left: 8px;
  padding: 26px 24px 46px;
  font-weight: normal;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  box-shadow: none;
}

/* line 53, ../scss/login.scss */
body form .input {
  font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
  font-weight: 200;
  font-size: 24px;
  width: 97%;
  padding: 3px;
  margin-top: 2px;
  margin-right: 6px;
  margin-bottom: 16px;
  border: 1px solid #d9d9d9;
  background: #FBFBFB;
  outline: none;
  box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
}

/* line 68, ../scss/login.scss */
.login #login_error, .login .message {
  border-left: 4px solid #cc0000;
}

/* line 72, ../scss/login.scss */
.login #backtoblog a, .login #nav a {
  color: #795302 !important;
}

/* line 76, ../scss/login.scss */
.login label {
  font-size: 14px;
  color: #795302;
}

/* line 81, ../scss/login.scss */
.login input[type="text"] {
  background-color: #ffffff;
  border-color: #dddddd;
  -webkit-border-radius: 4px;
}

/* line 87, ../scss/login.scss */
.login input[type="password"] {
  background-color: #ffffff;
  border-color: #dddddd;
  -webkit-border-radius: 4px;
}

/* line 93, ../scss/login.scss */
.wp-core-ui .button-primary {
  text-shadow: 0 -1px 1px #4c0111, 1px 0 1px #4c0111, 0 1px 1px #4c0111, -1px 0 1px #4c0111;
}

/* line 97, ../scss/login.scss */
.login .button-primary {
  width: 120px;
  float: right;
  background-color: #6f0318;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(111, 3, 24)), to(rgb(76, 0, 16)));
  background-image: -webkit-linear-gradient(top, rgb(111, 3, 24), rgb(76, 0, 16));
  background-image: -moz-linear-gradient(top, rgb(111, 3, 24), rgb(76, 0, 16));
  background-image: -o-linear-gradient(top, rgb(111, 3, 24), rgb(76, 0, 16));
  background-image: -ms-linear-gradient(top, rgb(111, 3, 24), rgb(76, 0, 16));
  background-image: linear-gradient(top, rgb(111, 3, 24), rgb(76, 0, 16));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6f0318', EndColorStr='#4c0010');
  color: #ffffff;
  -webkit-border-radius: 4px;
  border: 1px solid #4c0111;
  text-shadow: none;
}

/* line 114, ../scss/login.scss */
.login .button-primary:hover {
  background-color: #4c0010;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(76, 0, 16)), to(rgb(111, 3, 24)));
  background-image: -webkit-linear-gradient(top, rgb(76, 0, 16), rgb(111, 3, 24));
  background-image: -moz-linear-gradient(top, rgb(76, 0, 16), rgb(111, 3, 24));
  background-image: -o-linear-gradient(top, rgb(76, 0, 16), rgb(111, 3, 24));
  background-image: -ms-linear-gradient(top, rgb(76, 0, 16), rgb(111, 3, 24));
  background-image: linear-gradient(top, rgb(76, 0, 16), rgb(111, 3, 24));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4c0010', EndColorStr='#6f0318');
  color: #fff;
  -webkit-border-radius: 4px;
  border: 1px solid #4c0111;
  text-shadow: none;
}

/* line 129, ../scss/login.scss */
.login .button-primary:active {
  background-color: #4c0010;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(76, 0, 16)), to(rgb(111, 3, 24)));
  background-image: -webkit-linear-gradient(top, rgb(76, 0, 16), rgb(111, 3, 24));
  background-image: -moz-linear-gradient(top, rgb(76, 0, 16), rgb(111, 3, 24));
  background-image: -o-linear-gradient(top, rgb(76, 0, 16), rgb(111, 3, 24));
  background-image: -ms-linear-gradient(top, rgb(76, 0, 16), rgb(111, 3, 24));
  background-image: linear-gradient(top, rgb(76, 0, 16), rgb(111, 3, 24));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4c0010', EndColorStr='#6f0318');
  color: #fff;
  -webkit-border-radius: 4px;
  border: 1px solid #4c0111;
  text-shadow: none;
}

/*
You'll have to override some of the default styles
but since we're referencing the id, it should be easy.
*/
/* login button*/
/*
retina login logo
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* line 159, ../scss/login.scss */
  .login h1 a {
    background: url(login-logo@2x.png) no-repeat top center;
    /* make sure to replace this! */
    background-size: contain;
  }
}
