/* Log-in screen */


:root {
  --font-body: 'Work Sans', sans-serif;
  --font-titles: 'Cheltenham', serif;
  --forest: #2B4835;
  --spring: #2FF141;
  --canopy: #1eaf32;
  --sand: #E9EDD9;
  --ultralight-sand: #f8f9f4;
  --light-sand: #f2f5ec;
  --bold: 600;
  --regular: 400;
  --light: 300;
}

body.login #login {
  z-index: 10;
    position: relative;
}

body.login {
  background: var(--forest);
  position:relative;
}

body.login::before {
  content: url('https://seedslibrary.earth/wp-content/uploads/2021/06/top-left-vid.png');
  width:270px;
  position:absolute;
  top:0;
  left:0;
}

body.login form {
  background: var(--forest);
  box-shadow: 0px 0px 18px rgba(0,0,0,0.15);
  color:var(--sand);
  border:none;
  border-radius: 20px;
}

body.login div#login h1 a {
 background-image: url('https://seedslibrary.earth/wp-content/uploads/2020/07/ident-2.png');
}

body.login #login_error, body.login .message, body.login .success {
      border-left: 4px solid #fff;
      background-color: rgba(255,255,255,0.1);
      color:#fff;
}

body.login #loginform input {
  background: rgba(255,255,255,0);
    border: 1px solid var(--sand);
    border-radius: 0;
    color: var(--sand);
    font-size: 16px;
    padding:12px;
    border-radius:50px;
}

body.login label {
  margin-bottom:6px;
  color: var(--spring);
}

body.login #loginform input:focus {
  box-shadow: 0 0 2px rgba(255,255,255,0.5);
  border-color: var(--spring);
  color:var(--spring);
}



.login #nav a {
  color: #fff;
  position:relative;
}


.login #nav a:hover {
  color:#fff;
}


.login #nav a:before {
  content:"";
  width:0%;
  height:1px;
  background-color:#fff;
  position:absolute;
  left:0;
  bottom:-6px;
  transition-duration:.2s;
}



.login #nav a:hover:before {
  width:100%;
}


.login #backtoblog {
  display:none;
}

.login .button.wp-hide-pw {
  top:3px;
}

.dashicons-visibility:before {
  color:#fff;
  opacity:.8;
  transition-duration:.2s;
}

.dashicons-hidden:before {
  color:#fff;
}

.dashicons-visibility:hover:before {
  color:var(--spring);
  opacity:1;
}

.forgetmenot {
  margin-top:12px;
}

body.login #loginform input#wp-submit {
    padding: 4px 20px;
    color: var(--spring);
    background-color: var(--forest);
    border-color: var(--spring);
    transition-duration:.2s;
}

body.login #loginform input#wp-submit:hover {
  color: var(--forest);
  background-color: var(--spring);
  border-color: var(--spring);
}



body.login input[type=checkbox]:checked::before {
    content: "*";
    margin: 14px 0px 0px -3px!important;
    color:#fff;
  }

body.login #login h1 {
    position:relative;
  }

.login #backtoblog, .login #nav {
      padding: 0;
  }

body.login input[type=checkbox], input[type=radio] {
    height: 1.5625rem;
    width: 1.5625rem;
}

body.login input[type=checkbox]:checked:before {
    width: 1.875rem;
    height: 1.875rem;
  }

body.login input:-webkit-autofill,
body.login input:-webkit-autofill:hover,
body.login input:-webkit-autofill:focus,
body.login textarea:-webkit-autofill,
body.login textarea:-webkit-autofill:hover,
body.login textarea:-webkit-autofill:focus,
body.login select:-webkit-autofill,
body.login select:-webkit-autofill:hover,
body.login select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: none;
  transition: background-color 5000s ease-in-out 0s;
}

body.login .privacy-policy-page-link {
  display:none;
}

body.login p#nav {
  display:none;
}
