@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Sora:wght@100..800&display=swap');
body.login {
  background-color: #f1f1f1;
  font-family: "Nunito Sans", sans-serif;
}
.login h1 a { 
  background-image: url("/wp-content/themes/ojo/assets/images/Logo.png")!important; 
  background-size: contain !important;
  width: auto !important;
  height: 50px!important;
}
.login .message, .login .notice, .login .success {
  border-left: 4px solid #1F8EB8!important;
}
.login .button{
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px #00000040;
  border: 1px solid #FF5207;
  display: inline-block;
  font-size: 18px;
  line-height: 1.5!important;
  padding: 3px 27px!important;
  font-weight: 700;
  background-color: #FF5207;
  color: #ffffff;
  border-radius: 10px;
}
.login .button:hover{
  background-color: #1F8EB8;
  border-color: #1F8EB8;color: #fff;
}
.login input[type=email], .login input[type=url], .login input[type=text], .login input[type=password]{
  background: #fff;
  border-radius: 0;
  padding: 5px 25px;
  font-size: 18px;
  border: 1px solid #1F8EB8;
  width: 100%;
  font-family: 'Nunito Sans', 'sans-serif';
  color: #8B8B8B;
}
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{
  box-shadow: unset;
  outline: none;
}
.login #backtoblog,
.login #nav {padding: 0;text-align: center;}
#login #nav a.button {display: table;margin: 10px auto 15px !important;color: #fff;}
#login #nav a.button:focus {background-color: #0085ba;color: #fff;}
 
@media only screen and (max-width: 1024px){
  .login .button{
    font-size: 16px;
    padding: 4.5px 27px!important;
  }
}