body.login {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */
  background: #efefef; /* Old browsers */
  background: -moz-linear-gradient(
    45deg,
    #efefef 0%,
    #f9f9f9 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    45deg,
    #efefef 0%,
    #f9f9f9 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    45deg,
    #efefef 0%,
    #f9f9f9 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

.login form {
  margin-top: 20px;
  margin-left: 0;
  border: 1px dashed #ddd;
  transition: 0.55s all ease;
  background: #fff;
  padding: 35px !important;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.login form label {
  color: #666;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
}

.login form label input[type="text"],
.login form label input[type="password"] {
  margin-top: 7px !important;
  border-radius: 8px;
  color: #666;
  padding: 8px 15px !important;
}

#nav {
  color: #fff !important;
  text-align: Center;
  background: #ffad26 !important;
  border-radius: 8px;
  font-size: 12px;
  transition: 0.25s all ease;
  font-weight: 500;
  padding: 10px !important;
  border: 1px solid #ffb549 !important;
  box-shadow: 0 5px 0 #f4a326 !important;
}

#nav a {
  color: #fff !important;
  font-size: 12px !important;
}

#nav:hover,
#nav:focus {
  transition: 0.25s all ease;
  border: 1px solid #ffad26 !important;
  box-shadow: 0 5px 0 #ffad26 !important;
  cursor: pointer;
  background: #ffad26 !important;
}

#backtoblog {
  display: none !important;
}

#login {
  width: 320px;
  padding: 85px;
  border-radius: 8px;
  margin-top: 110px !important;
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1);
  border: 2px solid #eee;
  background: #fff;
  transition: 0.25s all ease;
}

#login:hover form,
#login:focus form {
  transition: 0.55s all ease;
  border: 1px solid #01a1e0;
}

#login h1 a {
  width: 320px;
  margin-bottom: 30px;
  background: url("/wp-content/themes/eelco/img/eel_logo.png") no-repeat center;
  height: 50px;
  background-size: cover;
}

.login #login_error,
.login .message {
  border: 1px solid #00a0d2;
  border-radius: 8px;
  color: #00a0d2;
  background: #fff !important;
  padding: 12px 0;
  text-align: center;
  margin-left: 0;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}