body.login {
  background-color:#fff;
  background-image: url('/wp-content/themes/courseapp/assets/img/Woman_big_blue.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left top;
  background-size: auto 100%;
}

#login {
  background-image: url('/wp-content/themes/courseapp/assets/img/login-background.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;
  width:600px; height:600px;
  max-width:100%;
  padding: 60px 0 0 0;
}

#login, input, label {
  font-size: 14px !important;
}

#login label {
  color:#fff !important;
}


#login label[for="become_teacher"] {
  display:none;
}

.login p#nav, .login p#backtoblog {
  margin: auto 0;
  text-align:center;
  color:#fff !important;
}

.login p#nav a, .login p#backtoblog a{
  color:#fff !important;
}

#login h1 {
  margin-bottom: -60px;
  margin-top: 120px;
}

.login-action-register #login h1 {
  margin-bottom: -60px;
  margin-top: 60px;
}

.login-action-lostpassword #login h1 {
  margin-bottom: -60px;
  margin-top: 160px;
}

#login h1 a {
  background-color: #003366;
  display: block;
  position:relative;
  z-index: 999;
  background-image: url('/wp-content/themes/courseapp/assets/img/logo/womenventures_logo_invert.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  width: 300px; padding-top:12%; height:0;
  max-width:60%;
}

#login form{
  margin: 3% 15%;
  padding-top:30px !important;
  padding-bottom:15px !important;
  border-radius: 20px 20px;
  -moz-border-radius: 20px 20px;
  -webkit-border-radius: 20px 20px;
  border: #fff solid 1px;
  background-color: none;
  background: none;
}

.login-action-register .widget{
  border: 0;
}

#login-footer {
  margin:auto;
  text-align:center;
  margin-top:-70px;
}

.description {
  color:#fff !important;
}

.message, #login_error{
  position: absolute;
  top:0;
  width: 600px;
  max-width: 90%;
  left:auto; right:auto;
  margin: 0 auto;
}

.message.register{
  display:none;
}

#reg_passmail {
  color: #fff;
}

#login #backtoblog {
  display: none;
}

@media screen and (max-width:500px) {
  body {
    background-image: none !important;
  }

  #login {
    margin-top: 0;
    background-color:#003366;
    max-width:100%;
    height:auto;
    overflow:hidden;
    padding-top:0;
    padding-bottom:20px;
  }
  #login form{
    margin: 1em 1em;
    padding-top:5em;
  }

  #login h1 {
    position: static;
    display: block;
    margin: 10px !important;
  }

  .message {
    position: static;
    display: block;
    bottom:0;
    top:auto;
  }
  #login-footer {
    margin-top:auto;
  }

}