html {
  background:#1972bf!important;
}

.login h1{  /* Title image (The "WordPress Logo"). Remember to update the height and width your image's dimensions */
  margin: 0 auto;
  width: 300px;
}

.login h1 a {
  background-size: 99%!important;
  display: block;
  width: 200px;
  height: 58px;
}

body.login {
  background-color: #0985f9;
  background-image: linear-gradient(-50deg, #0985f9 0%, #6809dc 100%);
/*  background-image: -webkit-linear-gradient(-225deg, #00b5ec 0%, #268fd5 51%, #268fd5 100%);
  background-image: linear-gradient(-225deg, #00b5ec 0%, #268fd5 51%, #268fd5 100%);*/
}


.login p#nav {
  color:#1d707e;
}   /* Link effects in top bar */

.login p#backtoblog{
  display: none;
  color:#1d707e;
}   /* Link effects in top bar */

p.forgetmenot{
  font-size: 10px;
  color: #ddd;
}

div#login{
  width: 320px;
  padding: 4% 0px 0px;
  margin: auto;
}

.login form {
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
/*  -webkit-box-shadow: 0px 0px 48px -6px rgba(53,53,79,1);
  -moz-box-shadow: 0px 0px 48px -6px rgba(53,53,79,1);
  box-shadow: 0px 0px 48px -6px rgba(53,53,79,1);*/
  -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  background: #fff;
  overflow: hidden;
  border-radius: 2px;
}
input.button-primary, input#wp-submit, button.button-primary, a.button-primary {
  display: block;
  width: 100%;
  height: auto!important;
  padding: 8px 0!important;
  margin-top: 14px;
  background-color: #1d7dca!important;
  background-image: none;
  border-color: #1d7dca!important;
  box-shadow: 0 14px 24px 0 rgba(50,48,57,.25);
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
  border-radius: 4px;
}
input#wp-submit:hover{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.18), 0 1px 3px 0 rgba(0,0,0,0.15);
  border-color: #1d7dca!important;
  color: #fff!important;
}
.button-primary:active, .button-primary:focus {
  background: #1d707e!important;
  border-color: #217b89!important;
  color: #fff!important;
}
.login #nav a, .login #backtoblog a {
  color: #eee!important;
  font-weight: bold;
  text-shadow: none;
}
label {
  color: #9ca0a4!important;
  font-weight: normal;
  font-size: 13px!important;
  text-shadow: none;
}
.login form .input {
  background: rgba(255,255,255,0.15)!important;
  padding: 10px 10px;
  font-size: 16px;
  border-radius: 0!important;
  border: 1px solid #d1d9e2;;
  border-bottom: 2px solid #d1d9e2;
  margin: 10px auto;
  box-shadow: none;
}

#login_error, .login .message {
  margin: 10px;
  padding: 16px;
  background: #77e25d!important;
  border: none!important;
  border-radius: 4px;
  box-shadow: none;
}