/******************************************************************
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.
	*/
  /*
	You'll have to override some of the default styles
	but since we're referencing the id, it should be easy.
	*/
  /* login button*/
}

body, html {
    background: -webkit-linear-gradient(90deg,#16222A 10%, #3A6073 90%);
    background: -moz-linear-gradient(90deg, #16222A 10%, #3A6073 90%);
    background: -ms-linear-gradient(90deg, #16222A 10%, #3A6073 90%);
    background: -o-linear-gradient(90deg, #16222A 10%, #3A6073 90%);
    background: linear-gradient(90deg, #16222A 10%, #000000 90%);
}

body.login h1 a {
    background: url(../images/admin-logo.png) no-repeat top center;
    width: 200px;
    background-size: 200px;
    height: 160px;
    text-indent: -9999px;
    overflow: hidden;
    padding-bottom: 15px;
    display: block;
}

body.login form {
  margin-left: 8px;
  padding: 26px 24px 46px;
  font-weight: normal;
  background: #222525;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.wp-core-ui .button-primary {
    background: #06090B;
    border-color: #16222A;
    -webkit-box-shadow: 0 1px 0 #006799;
    box-shadow: 0 1px 0 #6E7173;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover {
    background: #06090B;
    border-color: #16222A;
    color: #fff;
}

.login #login_error, .login .message {
    border-left: 4px solid #FFFFFF;
    padding: 12px;
    color: white;
    margin-left: 0;
    background-color: #222525;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover, .login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus {
    color: #8D9091;
}

.login label {
    color: #FFFFFF;
    font-size: 14px;
}
body.login 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 #E5E5E5;
  background: #FBFBFB;
  outline: none;
  -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
  -moz-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
  box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
}

#wp-auth-check {
    background-color: #111B21;
}

#login {
  padding: 5% 0 0;
}