/* ------------------------------------------------------------------------- */
/* WP-LOGIN STYLES */
/* Pantalla de acceso de members: fondo blanco y logo de la web.             */
/* El logo se inyecta como estilo inline desde RegisterLogin.php porque      */
/* la ruta depende del directorio del tema.                                  */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* VARIABLES */
/* ------------------------------------------------------------------------- */
/* 400 y 700*/
/*100*/
/* ------------------------------------------------------------------------- */
/* MIXINS */
/* ------------------------------------------------------------------------- */
/*
@mixin theme($theme: DarkGray) {
  background: $theme;
  box-shadow: 0 0 1px rgba($theme, .25);
  color: #fff;
}

.info {
  @include theme;
}
.alert {
  @include theme($theme: DarkRed);
}
.success {
  @include theme($theme: DarkGreen);
}
*/
body.login {
  background-color: #FFFFFF;
  font-family: "Barlow", sans-serif;
  color: #606F75;
}

body.login #login {
  width: 360px;
  max-width: 90%;
  padding: 6% 0 4%;
}

/* LOGO */
/* #login para poder ganar al selector de core, que usa el mismo id */
#login h1 a,
body.login h1 a {
  width: 240px;
  height: 70px;
  margin: 0 auto 35px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

/* CAJA DEL FORMULARIO */
body.login form {
  background-color: #FFFFFF;
  border: 1px solid #E3E8EA;
  border-radius: 8px;
  box-shadow: none;
  padding: 30px 28px;
  margin-top: 0;
}

body.login form label,
body.login .login form .forgetmenot label {
  font-family: "Barlow", sans-serif;
  font-size: 15px;
  line-height: 140%;
  color: #606F75;
}

body.login input[type=text],
body.login input[type=password],
body.login input[type=email] {
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  color: #2C4D67;
  background-color: #FFFFFF;
  border: 1px solid #D5DCE0;
  border-radius: 5px;
  box-shadow: none;
  padding: 8px 12px;
  margin: 4px 0 18px;
}

body.login input[type=text]:focus,
body.login input[type=password]:focus,
body.login input[type=email]:focus {
  border-color: #57BBB7;
  box-shadow: none;
  outline: none;
}

body.login .wp-pwd .button.wp-hide-pw,
body.login .wp-pwd .button.wp-hide-pw:hover,
body.login .wp-pwd .button.wp-hide-pw:focus {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #606F75;
}

/* BOTON */
body.login .wp-core-ui .button-primary,
body.login #wp-submit {
  background-color: #57BBB7;
  border: 0;
  border-radius: 30px;
  box-shadow: none;
  text-shadow: none;
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
  padding: 12px 25px;
  height: auto;
  width: 100%;
  transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9);
  -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9);
  -moz-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9);
  -ms-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9);
  -o-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9);
}

body.login .wp-core-ui .button-primary:hover,
body.login .wp-core-ui .button-primary:focus,
body.login #wp-submit:hover,
body.login #wp-submit:focus {
  background-color: #388B88;
  color: #FFFFFF;
}

/* ENLACES INFERIORES */
body.login #nav,
body.login #backtoblog {
  padding: 0;
  margin: 18px 0 0;
  text-align: center;
}

body.login #nav a,
body.login #backtoblog a {
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  color: #606F75;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: #57BBB7;
}

/* AVISOS */
body.login .message,
body.login .notice,
body.login #login_error {
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  line-height: 140%;
  background-color: #FFFFFF;
  border-radius: 5px;
  border-left-width: 4px;
  box-shadow: none;
  border: 1px solid #E3E8EA;
  border-left: 4px solid #2691C4;
  margin-bottom: 20px;
}

body.login #login_error {
  border-left-color: #D34B4B;
}

body.login .language-switcher {
  margin-top: 10px;
}

@media only screen and (max-width: 480px) {
  #login h1 a,
body.login h1 a {
    width: 180px;
    height: 55px;
  }

  body.login form {
    padding: 25px 20px;
  }
}

/*# sourceMappingURL=login.min.css.map*/