@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');
:root {
    --soft-green : #009379;
    --dark-green : #1d4530;
}
#login {
  width: 600px !important;
}
#login *:not(.dashicons ){
  font-family: "Comfortaa", sans-serif;
}
.login form {
  border: 0 !important;
  border-radius: 14px !important;
  padding: 40px !important;
}
.login .button-primary {
  width: 100% !important;
  padding: 8px 10px !important;
  border-radius: 50px;
  margin-top: 20px !important;
  background: var(--soft-green,#009379) !important;
  color: #fff;
  font-size: clamp(14px,2vw,16px);
  line-height: 1.2;
  border-color: var(--soft-green,#009379) !important; ;
}
.login .button-primary ,
.login form .forgetmenot{
  float: none !important;
}
.login form .input {
    min-height: 45px !important;
}
#wp-auth-check-wrap #wp-auth-check {
    top:50% !important;
  width: 800px !important;
  margin: 0 auto !important;
  transform: translate(-50%,-50%) !important;
  height: 100% !important;
}
.login h1 a {
  background-image: url(img/pulse-message-logo.png);
  background-image: none,url(img/pulse-message-logo.png);
  background-size: contain !important;
  width: 100% !important;
}

#loginform  .input {

  font-size: 16px !important;
  line-height: 1.4 !important;
  padding: 10px 20px !important;
  min-height: 50px !important;
  border-radius: 10px !important;
  border: 1px solid var(--soft-green,#009379) !important;
}
#loginform .input:focus {
  box-shadow: 0 0 0 1px var(--soft-green,#009379) !important;
}
.login .button.wp-hide-pw {
    min-height: 50px !important;
    color: var(--dark-green,#1d4530) !important;
}
#wp-submit:focus,
.login .button.wp-hide-pw:focus {
    border: none !important;
    box-shadow: none !important;
}
#wp-submit:hover{
  background: var(--dark-green,#1d4530) !important;
  border-color: var(--dark-green,#1d4530) !important; 
}

#wp-submit{
 transition: all 0.3s ease-in-out; 
 border:none !important
}
#loginform label {
  font-size: 18px !important;
  line-height: 1.5;
 margin-bottom: 16px !important;
 color: var(--dark-green,#1d4530);
}
#login-message p{
  font-size: 16px !important;
}
#login-message {
  padding: 16px !important;
  border-radius:4px !important;
}
.login .message {
  border-width: 10px !important;
}