:root {
	--primary-color: rgb(24,126,136);
    --primary-background:linear-gradient(90deg, rgba(51,51,51,1) 50%, rgba(24,126,136,1) 50%);
    --second-background:linear-gradient(90deg,  rgba(24,126,136,1)  50%, rgba(51,51,51,1) 50%);
}

::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; }  /* Chrome <=56, Safari < 10 */
:-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 4-18 */
::-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 19-51 */
:-ms-input-placeholder { opacity: 1; -ms-transition: opacity .5s; transition: opacity .5s; } /* IE 10+ */
::placeholder { opacity: 1; transition: opacity .5s; } /* Modern Browsers */
    
*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsers */

html{
	font-size: 62.5%;
}

body {
	background:var(--primary-background);
	background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.login h1 a {
  background-image: url('/wp-content/uploads/2021/11/jeep_spareparts-white.png');
  /* border-bottom:.1rem solid white; */
  width:100%!important;
  background-size: 110px;
}

.login form {
  box-shadow:none;
  padding:2rem;
  border:0rem;
  background: transparent;
}

#login {
  /* background: var(--second-background); */
  -webkit-box-shadow: 1px 2px 15px -5px #000000; 
  box-shadow: 1px 2px 15px -5px #000000;
  margin: 5rem auto;
  padding:2rem;
  width: 35rem;
}

.login input.password-input {
  font-family: inherit;
}

input[type=text],input[type=password],.wp-core-ui .button, .wp-core-ui .button-secondary {
  color:#FFF;
}
.login label {
  display: none;
  color: #FFF; 
  font-size: 1.4rem;
}
.login .forgetmenot label{
  display: inline-block;
}

.login .input{
  background: transparent !important;
  border:none;
  border-radius: 0;
  border-bottom: 1px solid white; 
}

.login input::placeholder {
  color:#ededed;
  font-size:14px;
  font-weight: 100 !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:var(--primary-background);
  box-shadow: none;
  outline:0;

}

.login form .forgetmenot{
  float:none;
}

#login form p.submit{
  margin-top:1.5rem;
}
.login.wp-core-ui .button-primary {
  background: transparent;
  border-color:white;
  color: #FFF;
  text-shadow: none;
  float: none;
  clear: both;
  display: block;
  width: 100%;
  padding: .7rem;
  height: auto;
  font-size: 1.5rem;
  transition: all .5s ease-in-out;
}

.login.wp-core-ui .button-primary:hover {
  background:var(--second-background);
  border:.1rem solid var(--primary-color);
}

.login.wp-core-ui .button-primary:focus{
  background:var(--second-background);
  border:.1rem solid var(--primary-color);
}

.login #login_error, 
.login .message, 
.login .success {
  border-left: .4rem solid red;
}

.wp-core-ui .button-primary.focus, 
.wp-core-ui .button-primary:focus {
  box-shadow: 0 0 0 .1rem #fff,0 0 0 .3rem var(--primary-color);
	border-color:var(--primary-color);
}

.login #backtoblog a, .login #nav a{
  color:white;
}

.language-switcher {
  display: none;
}

:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
	border:0;
}