/*  ==========================================================================
    Login Form
    ========================================================================== */
body.login {
  position: relative;
  height: 100%;
  width: 100%;
  background: #000;
}

#login h1 a {
  background: url("../img/svg/logo_login.svg") no-repeat top center;
  width: 250px;
  height: auto;
  text-indent: -9999px;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 80px;
}

.login div#login p#nav a,
.login div#login p#backtoblog a {
  color: #fff !important;
  /* Your link color. */
}

.login div#login {
  padding-top: 100px;
}

.login div#login form#loginform {
  background: none;
  border: none;
  box-shadow: none;
}

.login div#login form#loginform p label {
  color: #D1D2D4;
}

.login div#login form#loginform input {
  background: #fff;
  color: black;
  border: none;
  border-radius: none;
  box-shadow: none;
  border: 1px solid #D1D2D4;
  font-size: 14px;
}

.login .user-pass-wrap label {
  color: #D1D2D4;
}

.login div#login form#loginform p.submit input#wp-submit {
  background: #D1D2D4;
  color: #FFF;
  text-transform: uppercase;
  border-radius: 0px;
  border: 1px solid #D1D2D4;
}

.login div#login form#loginform p.submit input#wp-submit:hover {
  color: #D1D2D4;
  background: none;
  border: 1px solid #D1D2D4;
}

.login div#login p#nav a {
  color: #D1D2D4 !important;
  font-size: 10px;
  float: left;
}

.login div#login p#nav a:hover {
  text-decoration: underline;
}

.login div#login p#backtoblog a {
  color: #D1D2D4 !important;
  font-size: 10px;
  float: right;
}

.login div#login p#backtoblog a:hover {
  text-decoration: underline;
}

.login .privacy-policy-link {
  color: #D1D2D4;
  text-decoration: none;
}

.login .privacy-policy-link:hover {
  color: #D1D2D4;
  text-decoration: underline;
}