/*Login custom */

:root{

    --verde-acuarel:#b1da1f;
   --fondo: #e1e1e1;

   --negro:#111;
   --gris:#f4f4f4;


}
/* Change background image and font family */
body.login {
    background:var(--fondo);
    font-family: Arial,Verdana,sans-serif;
    display:flex;
    width:100%;
    height:100%;
    justify-content:center;
    align-items: center;

}

.privacy-policy-page-link{
   display:none;
}

.login #login_error, .login .message, .login .success {
   margin:0;
}
.login form {
   margin-top: 10px;
   margin-left: 0;
   padding: 26px 24px 46px;
   font-weight: 400;
   overflow: hidden;
   background: #fff;
   border: 1px solid var(--verde-acuarel);
   box-shadow: 0 1px 3px rgba(0,0,0,.04);
}


/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1{
   display:flex;
   align-items: flex-end;
   width:100%;
   height:120px;
   background: transparent;
   background: url(./img/logo-web-acuarel2.png) center center no-repeat;
   background-size: 50% auto;
   margin-bottom:10px;

}


.login h1 a{
    display:inline-block;
    height:auto;
    width:100%;
    text-align: center;
    color:var(--negro);
    font-size:11px;
    text-indent: 0;;
    background:none !important;
    margin:0;
    padding:0;
}
/* Add a few changes to the color and style of form itself */
.login label {
 color: var(--verde-acuarel);
 display: inline-block;
 margin-bottom: 1em;
 font-weight: bold;
}


.login form .input {
 font-weight: normal;
 font-size:14px;
 text-align: center;
 /* border-color: var(--verde-acuarel); */
}

.login form .input:focus,
.login input[type=checkbox]:focus{
   border-color: var(--verde-acuarel);
   box-shadow: 0 0 0 1px var(--azul-claro);
   outline: 2px solid transparent;
}

 .login #nav, .login #backtoblog {
   text-align:center;
}

.login #backtoblog a, .login #nav a, .privacy-policy-page-link a {
    text-decoration:none;
    color: var(--negro);
}

.login #backtoblog a:hover,.login #backtoblog a:active,
.login #nav a:hover, .login #nav a:active,
.privacy-policy-page-link a:hover, .privacy-policy-page-link a:active{
    color: var(--verde-acuarel);
    text-decoration: underline;
}