@font-face {
  font-family: OpenSans;
  src: url("../fonts/Open_Sans/OpenSans-Regular.ttf");
}

:root {
  --color-primary: #0d6e78;
  --color-secondary: #05363d;
  --color-success: #0d784b;
  --color-info: #9cc7bf;
  --color-warning: #ffba4a;
  --color-danger: #742a38;
  --color-light: #f2e6dd;
  --color-dark: #091618;
  --color-primary-rgb: 13, 110, 120;
  --color-secondary-rgb: 5, 54, 61;
  --color-success-rgb: 13, 120, 75;
  --color-info-rgb: 156, 199, 191;
  --color-warning-rgb: 255, 186, 74;
  --color-danger-rgb: 116, 42, 56;
  --color-light-rgb: 242, 230, 221;
  --color-dark-rgb: 9, 22, 24;
}

* {
  font-family: OpenSans;
  color: #313231;
}

body {
  background-image: url('../images/wallBlue.png');
  /*background-color: #F0A3F1;*/
  background-repeat: no-repeat;
  background-size: cover;
}


#login {
  padding: 1em 0 1em 0;
}

#login h1 a {
  background-image: url('../icon/Azulado_Logotipo-03.png');
  background-repeat: no-repeat;
  background-size: 250px;
  width: 260px;
  height: 150px;
  margin-top: 4em;
}

#login form {
  background: rgba(255, 255, 255, .7);
  border: 1px #dddddd solid;
  border-radius: 1em;
  box-shadow: none;
}

#login .form-bienvenido {
  text-align: start;
  margin-bottom: 0.6em;
}

#login form label {
  font-weight: bolder;
  font-size: 1.3em;
}

#login form input[type="password"],
#login form input[type="text"] {
  background-color: #F0F3F7 !important;
  font-size: 1.3em;
  font-weight: 600;
  color: #696871;
  border: 1px #dddddd solid;
  border-radius: 25px;
  padding: 0 15px !important;
}

#login form input[type="password"]:focus,
#login form input[type="text"]:focus {
  background: transparent !important;
  border-color: #313231;
  box-shadow: 0 0 0 1px #313231;
}

#login .button.wp-hide-pw .dashicons {
  color: #313231;
}

#login p.submit {
  text-align: center;
}

#login .button-primary {
  margin-top: 0.5em;
  text-align: center;
  background: #79B1FF;
  border: 1px #0D40FF solid;
  font-weight: 600;
  letter-spacing: 0.2em;
  float: none;
  width: 100%;
  border-radius: 25px;
  min-height: 32px;
  font-size: 1.2em;
}

#login .button-primary:hover {
  background: #0D40FF;
  border: 1px #0D40FF solid;
}

.footer {
  padding: 1rem;
  font-size: 0.6em;
  font-weight: bolder;
  letter-spacing: 0.1em;
  text-align: center;
}

.footer h1 a {
  background-image: url('../icon/Azulado_Ícono-07.png');
  background-repeat: no-repeat;
  background-size: 250px;
  width: 300px;
  height: 78px;
}