body.login {
  font-family:"source-sans-pro", sans-serif;
  font-size:16px;
  line-height:25px;
  background-color:#ffffff;
  display:flex;
  justify-content:center;
  align-items:center;
}
body.login h1 a {
  background-image:none, url('https://www.initiativesfleuves.org/wp-content/themes/iagf/extra/assets/img/logo.png');
  width:120px;
  height:134px;
  background-size:120px 134px;
  background-position:0 0;
  margin-bottom:70px;
  -webkit-transition:none;
  transition:none;
}
body.login #login {
  width:100%;
  max-width:360px;
  margin:0 auto;
  padding:0 0 70px;
}
body.login form {
  border:none;
  box-shadow:none;
  padding:0;
  position:relative;
  width:100%;
  background-color:transparent;
}
body.login form strong {
  font-weight:600;
  font-size:16px;
}
body.login form p {
  font-size:14px;
  font-weight:400;
  line-height:25px;
}
body.login form input[type="text"], body.login form input[type="password"] {
  display:block;
  width:100%;
  background-color:#ffffff;
  border:1px solid #e5e5e5;
  box-shadow:none;
  color:#0e233b;
  height:40px;
  padding:0 15px;
  line-height:40px;
  font-weight:600;
  font-size:18px;
  letter-spacing:0.02em;
  -webkit-transition:border 0.3s ease-out;
  transition:border 0.3s ease-out;
}
body.login form input[type="text"]:hover, body.login form input[type="password"]:hover { border-left:1px solid #1db8ca; }
body.login form input[type="text"]:focus, body.login form input[type="password"]:focus { border:1px solid #1db8ca; }
body.login form .forgetmenot {
  float:none;
  position:relative;
}
body.login form .forgetmenot:before { display:none; }
body.login form .forgetmenot input {
  display:block;
  position:absolute;
  top:15px;
  left:2px;
  background:transparent;
  border:none;
  box-shadow:none;
}
body.login form .forgetmenot label {
  line-height:40px;
  font-weight:600;
  font-size:18px;
  letter-spacing:0.02em;
}
body.login form .forgetmenot label:before {
  content:'';
  display:block;
  height:15px;
  width:15px;
  position:absolute;
  top:12px;
  left:1px;
  background:#ffffff;
  outline:1px solid #e5e5e5;
  opacity:1;
  -webkit-transition:outline 0.2s ease-out;
  transition:outline 0.2s ease-out;
}
body.login form .forgetmenot input:focus ~ label:before, body.login form .forgetmenot:hover label:before { outline:1px solid #1db8ca; }
body.login form .forgetmenot label { padding-left:25px; }
body.login form .submit { display:block; }
body.login form .submit .button-primary {
  display:block;
  width:100%;
  min-height:60px;
  margin-top:8px;
  font-size:22px;
  line-height:40px;
  font-weight:600;
  padding:9px 17px 6px 18px;
  background:#1db8ca url('https://www.initiativesfleuves.org/wp-content/themes/iagf/extra/assets/img/pattern/pattern.png');
  color:#ffffff;
  border-color:transparent;
  border:none;
  border-radius:5px;
  text-shadow:none;
  box-shadow:none;
  -webkit-box-shadow:none;
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
body.login form .submit .button-primary:hover {
  background-color:rgba(29,184,202,0.8);
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
body.login label {
  color:#0e233b;
  line-height:40px;
  font-weight:600;
  font-size:18px;
  letter-spacing:0.02em;
}
body.login #backtoblog, body.login #nav {
  font-size:18px;
  line-height:25px;
  color:#1db8ca;
  padding:0;
  margin:15px 0 0;
}
body.login #backtoblog { margin:5px 0 0; }
body.login #nav a, body.login #backtoblog a {
  background-color:transparent;
  font-size:18px;
  line-height:25px;
  font-weight:400;
  color:#1db8ca;
  -webkit-transition:color 0.2s ease-out;
  transition:color 0.2s ease-out;
}
body.login #nav a:hover, body.login #backtoblog a:hover { color:#0e233b; }
body.login #login_error {
  color:#1db8ca;
  margin-bottom:25px;
  font-weight:400;
  font-style:italic;
  font-size:14px;
  line-height:20px;
  text-align:center;
  background-color:transparent;
  border:none;
  padding:0;
}
body.login #login_error a {
  color:#0e233b;
  -webkit-transition:color 0.3s ease-out;
  transition:color 0.3s ease-out;
}
body.login #login_error a:hover {
  color:#1db8ca;
  -webkit-transition:color 0.2s ease-out;
  transition:color 0.2s ease-out;
}
body.login .message {
  color:#0e233b;
  font-weight:400;
  background-color:transparent;
  border:none;
  box-shadow:none;
  padding:0;
  text-align:center;
  font-size:18px;
  line-height:25px;
}
body.login #pass-strength-result {
  color:#ffffff;
  font-weight:600;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  margin:0;
}
body.login #pass-strength-result.short {
  background-color:#e35b5b;
  border-color:#e35b5b;
}
body.login #pass-strength-result.bad {
  background-color:#f78b53;
  border-color:#f78b53;
  opacity:1;
}
body.login #pass-strength-result.good {
  background-color:#ffc733;
  border-color:#ffc733;
  opacity:1;
}
body.login #pass-strength-result.strong {
  background-color:#83c373;
  border-color:#83c373;
}
body.login #pass1-text.strong, body.login #pass1-text.good, body.login #pass1-text.bad, body.login #pass1-text.short {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}