/**
 * @project           villages-adoption-portal
 * @author            JDA Worldwide
 * @version           1.0.06
 * @build             Tue, Sep 16, 2025 11:19 AM ET
 * @release           690cb9ea4977d815bfce909a54f2fcec746a86da [develop]
 * @copyright         Copyright (c) 2025 
**/
:root {
  --color-success: #28a745;
  --color-success-light: rgba(40, 167, 69, 0.1);
  --color-success-dark: rgb(30.1449275362, 125.8550724638, 52);
  --color-error: #dc3545;
  --color-error-light: rgba(220, 53, 69, 0.1);
  --color-error-dark: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  --color-warning: #ffc107;
  --color-warning-light: rgba(255, 193, 7, 0.1);
  --color-warning-dark: rgb(211, 158.25, 0);
}

body.login.bb-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
}
body.login.bb-login #login {
  position: relative;
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-filter: drop-shadow(0px 4px 30px rgba(38, 16, 38, 0.6));
          filter: drop-shadow(0px 4px 30px rgba(38, 16, 38, 0.6));
  max-width: 90%;
  padding: 42px 22px 24px;
  width: 570px;
}
@media (min-width: 740px) {
  body.login.bb-login #login {
    padding: 82px 90px 24px;
  }
}
@media (min-width: 980px) {
  body.login.bb-login #login {
    width: 670px;
  }
}
body.login.bb-login #login .wp-login-logo {
  display: none;
}
body.login.bb-login #login .tvoi-login-title {
  color: #261026;
  text-align: center;
  font-family: Raleway;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0.85px;
}
@media (min-width: 740px) {
  body.login.bb-login #login .tvoi-login-title {
    font-size: 34px;
  }
}
body.login.bb-login #login::before {
  content: "";
  background-image: url("../img/tvoi-icon-transparent.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 151px;
  height: 151px;
  position: absolute;
  top: 100%;
  right: 0;
  -webkit-transform: translate(0, 15px);
          transform: translate(0, 15px);
}
@media (min-width: 740px) {
  body.login.bb-login #login::before {
    width: 261px;
    height: 261px;
    -webkit-transform: translate(50%, 15px);
            transform: translate(50%, 15px);
  }
}
@media (min-width: 980px) {
  body.login.bb-login #login::before {
    width: 275px;
    height: 275px;
    -webkit-transform: translate(100%, 15px);
            transform: translate(100%, 15px);
  }
}
body.login.bb-login #login_error {
  background-color: transparent;
  color: #5F5F5F;
  text-align: center;
  font-family: Raleway;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162%;
  letter-spacing: 0.4px;
  border: none;
}
body.login.bb-login #login_error a {
  color: var(--bb-login-register-link-color-regular);
}
body.login.bb-login #loginform {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
body.login.bb-login #loginform > p,
body.login.bb-login #loginform .user-pass-wrap {
  grid-column: 1/-1;
}
body.login.bb-login #loginform .forgetmenot,
body.login.bb-login #loginform .lostmenot {
  grid-column: span 1;
}
body.login.bb-login #loginform .forgetmenot {
  text-align: left;
  -webkit-box-ordinal-group: 100;
      -ms-flex-order: 99;
          order: 99;
}
body.login.bb-login #loginform .lostmenot {
  text-align: right;
  -webkit-box-ordinal-group: 1000;
      -ms-flex-order: 999;
          order: 999;
}
body.login.bb-login #loginform .submit {
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}
body.login.bb-login #loginform .needhelp {
  clear: both;
  text-align: center;
  margin: 0;
  display: block;
  padding-top: 1rem;
  -webkit-box-ordinal-group: 100000;
      -ms-flex-order: 99999;
          order: 99999;
  grid-column: 1/-1;
}

.login.login-action-lostpassword .message > .message a,
.login:not(.login-action-lostpassword) .message:not(.reset-pass) a {
  text-decoration: underline;
}
.login.login-action-lostpassword .message > .message a:hover,
.login:not(.login-action-lostpassword) .message:not(.reset-pass) a:hover {
  color: #fff;
}

.no-js.login form#loginform label[for=user_login]::before,
.no-js.login form#loginform label[for=user_pass]::before {
  position: absolute;
  top: calc(100% + 12px);
  left: 10px;
}
/*# sourceMappingURL=login.css.map */