/* This is for controlling the S2 Member Login Pages */

html {
  background-image: url(/wp-content/plugins/s2member/images/bg.png) !important;
}

body.login-action-login div#login, 
body.login-action-register div#login,
body.login-action-lostpassword div#login,
body.login-action-rp div#login,
body.login-action-resetpass div#login {
  max-width: 800px !important; 
  background-color: #ffffff;
}

#login {
  padding: 5% 0 2% !important;
}

body.login-action-login div#login form,
body.login-action-register div#login form,
body.login-action-lostpassword div#login form,
body.login-action-rp div#login form,
body.login-action-resetpass div#login form {
  -webkit-box-shadow: none !important; 
  box-shadow: none !important;
}

body.login-action-login div#login form#loginform,
body.login-action-lostpassword div#login form#lostpasswordform,
body.login-action-rp div#login form#resetpassform,
body.login-action-resetpass div#login form {
  width: 50%; 
  margin: 0 auto;
}

body.login-action-register div#login form#registerform {
  width: 75%;
  margin: 0 auto;
}

body.login-action-login div.account-req-wrapper,
body.login-action-register div.account-req-wrapper,
body.login-action-lostpassword div.account-req-wrapper,
body.login-action-rp div.account-req-wrapper,
body.login-action-resetpass div.account-req-wrapper {
  display: none;
}

body.login-action-register div#login form:before {
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  font-style: italic;
  color: #701a15;
  content: 'Fields with an * are required.';
  margin: 5px 0 10px 0 !important;
}

body.login-action-register #login #nav {
  display: none;
}

/*body.login-action-register div#login form#registerform p:nth-of-type(2) {
  position: relative;
}

body.login-action-register div#login form#registerform p:nth-of-type(2) label:after {
  content: '*';
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  color: #000000;
  position: absolute;
  right: 550px;
  top: 0px;
}*/

body.login-action-login #login #nav a:first-of-type,
body.login-action-lostpassword #login #nav a:last-of-type,
body.login-action-rp #login #nav a:last-of-type {
  display: none;
}

body.login-action-login #login #nav,
body.login-action-lostpassword #login #nav,
body.login-action-rp #login #nav {
  color: #ffffff !important;
  text-shadow: none !important;
}

.login #nav {
  margin: 2em auto !important; 
  max-width: 50%;
  text-align: center;
}

.account-req-wrapper {
  width: 100%;
}

.account-request-inner {
  max-width: 760px !important; 
  margin: 0 auto !important; 
  padding: 20px 20px 40px !important; 
  background-color: white;
}

.account-request-inner h5 {
  font-family: 'Lato', sans-serif !important; 
  font-size: 22px !important; 
  margin: 0 0 15px 0;
}

label span {
  font-family: 'Lato', sans-serif !important;
  font-size: 16px !important;
}

.login #login_error, .login .message {
  width: 75% !important;
  margin: 0 auto 20px !important;
  border-left: 4px solid #2b2e52 !important;
}

body.login-action-register div#login form#registerform textarea {
  font-size: 11px !important;
  height: 150px !important;
}

p#reg_passmail {
  display: none;
}

body.login-action-register div#login p#nav a, 
body.login-action-register div#login p#nav a:hover, 
body.login-action-register div#login p#nav a:active, 
body.login-action-register div#login p#nav a:focus, 
body.login-action-login div#login p#nav a, 
body.login-action-login div#login p#nav a:hover, 
body.login-action-login div#login p#nav a:active, 
body.login-action-login div#login p#nav a:focus,
body.login-action-lostpassword div#login p#nav a, 
body.login-action-lostpassword div#login p#nav a:hover, 
body.login-action-lostpassword div#login p#nav a:active, 
body.login-action-lostpassword div#login p#nav a:focus,
body.login-action-rp div#login p#nav a, 
body.login-action-rp div#login p#nav a:hover, 
body.login-action-rp div#login p#nav a:active, 
body.login-action-rp div#login p#nav a:focus,
body.login-action-resetpass div#login p#nav a, 
body.login-action-resetpass div#login p#nav a:hover, 
body.login-action-resetpass div#login p#nav a:active, 
body.login-action-resetpass div#login p#nav a:focus {
  text-shadow: none !important;
  color: #701a15 !important;
}

body.login-action-register div#login form input[type="submit"], 
body.login-action-register div#login form input[type="submit"]:active, 
body.login-action-register div#login form input[type="submit"]:focus,
body.login-action-login div#login form input[type="submit"], 
body.login-action-login div#login form input[type="submit"]:active, 
body.login-action-login div#login form input[type="submit"]:focus,
body.login-action-lostpassword div#login form input[type="submit"], 
body.login-action-lostpassword div#login form input[type="submit"]:active, 
body.login-action-lostpassword div#login form input[type="submit"]:focus,
body.login-action-rp div#login form input[type="submit"], 
body.login-action-rp div#login form input[type="submit"]:active, 
body.login-action-rp div#login form input[type="submit"]:focus,
body.login-action-resetpass form input[type="submit"], 
body.login-action-resetpass form input[type="submit"]:active, 
body.login-action-resetpass form input[type="submit"]:focus {
  border-radius: 3px !important;
  background-color: #2b2e52 !important;
  line-height: 0 !important;
  font-weight: bold;
  padding: 20px 30px !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  text-align: center;
  text-shadow: none !important;
  transition: background-color 0.5s ease;
}

body.login-action-register div#login form input[type="submit"]:hover,
body.login-action-login div#login form input[type="submit"]:hover,
body.login-action-rp div#login form input[type="submit"]:hover,
body.login-action-resetpass div#login form input[type="submit"]:hover {
  background-color: #701a15 !important;
}