body{
background-color:white;
}

.login h1 a {
  background-image: url('https://communication-rh-generation.fr/wp-content/uploads/2024/11/generation.png');
  background-size: 210px;
  margin: 0px 0px 20px -15px;
  width: 194px;

}

.wp-login-logo{
display:none!important;
}

body.login {
display: flex;
justify-content: space-between;
}
.login form {
70% !important;
background-color: #fff;
padding: 20px;
box-shadow: none !important;
border:none;
}
.login #backtoblog {
display: none;
}
.login-background {
width: 50%;
background-image: url('https://communication-rh-generation.fr/wp-content/uploads/2023/06/iStock-614337448-1-scaled.jpg');
background-size: cover;
background-position: bottom;
}
.language-switcher{
display:none;
}

body.login form {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  max-width: 400px;
  margin:-20px 50px 100px -20px
}

body.login form label {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 0px;
  display: block;
  margin-top: 10px;

}

body.login form input[type="text"],
body.login form input[type="password"] {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
  border-radius: 0px;
  border: none;
}

body.login form .user-pass-wrap {
  position: relative;
}

body.login form .wp-pwd {
  position: relative;
}

body.login form .wp-pwd .button.wp-hide-pw {
  position: absolute;
  right: 0;
  top: 10px;
}

body.login form input[type="submit"] {
  background-color: #64c564;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
}

body.login form input[type="submit"]:hover {
  background-color: #64c564;
}

body.login form .forgetmenot {
  margin-bottom: 20px;
  display: block;
  font-size: 14px;
  color: #777;
}

form input[type="text"].email{
  display:block;
  height:50px;
  width:90%;
  margin:0 auto;
  border:none;
}
#user_login, #user_pass {
  display: block;
  height: 50px;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #ddd !important;
}

#user_login::placeholder, #user_pass::placeholder {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: .5s;
  transition: .5s;
}

#user_login:hover, #user_login:focus, #user_login:active:focus, #user_pass:hover, #user_pass:focus, #user_pass:active:focus {
  outline: none;
}

#user_login::placeholder:hover, #user_login::placeholder:focus, #user_login::placeholder:active:focus, #user_pass::placeholder:hover, #user_pass::placeholder:focus, #user_pass::placeholder:active:focus {
  position: relative;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea {
  box-shadow: none!important;;
  border-radius: 0px!important;;

}

input[type="checkbox"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus {
  border-color: none!important;
}

.login form .forgetmenot {
float: none; 
}

.label-above-input {
  position: absolute;
  top: -15px;
  left: 10px;
  font-size: 12px;
  color: gray;
  pointer-events: none;
  transition: all 0.2s ease 0s;
}

.login .button-primary {
  float: none;
}

.forgetmenot{
 display:none!important;
}	

.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
  margin-top: 30px!important;
}

.login #nav {
    margin: -100px 0px 0px -20px;
}

.login #login_error,
.login .message,
.login .success {
 padding:0px;

}

.login #login_error, .login .message, .login .success {
  background-color: #fff!important;
  box-shadow:none!important;
  border-left:none!important;

}


.login, h2{
width: 100%!important;

}

#login form p.submit {
  width: 80%;
}

.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
  margin-top: 50px !important;
}

.dashicons dashicons-visibility{
 color:#64c564;
}

.login-footer {
    display: flex;
    justify-content: center;
    background-color: #112634;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0px 5px 0px;
}

.login-footer ul {
  display:flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.login-footer li {
  margin-right: 20px;
}

.login-footer li:last-child {
  margin-right: 0;
}

.login-footer a {
  color: white;
  text-decoration:none;
}
/*--MediaQueries-----------------900px----------*/
@media all and (max-width: 900px) {

    
 body.login {
  flex-direction: column;
 } 
.login-footer {

    position: relative;

}

}