.wrapper {
  width: 90%;
  max-width: 110rem;
  margin: 0 auto;
}
@media (min-width: 800px) {
  .wrapper {
    width: 95%;
  }
}
@media (min-width: 1000px) {
  .wrapper {
    width: 90%;
  }
}

/**
 * Component: Button
 */
#login .button-primary,
#login .wp-generate-pw, .button {
  display: inline-block;
  width: auto;
  margin: 0;
  cursor: pointer;
  border: none;
  border-radius: 2.5rem;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  padding: 1rem 1.6rem;
  background: #0066fe;
  color: white;
  font-size: 1.8rem;
  font-family: "Frutiger W01", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.25;
}
#login .button-primary:hover,
#login .wp-generate-pw:hover, .button:hover {
  background: #005eb8;
  color: white;
  text-decoration: none;
  cursor: pointer;
}
#login .button-primary:visited,
#login .wp-generate-pw:visited, .button:visited {
  color: white;
}
#login .button-primary:focus,
#login .wp-generate-pw:focus, .button:focus {
  outline: #005eb8 2px solid;
}

.button--secondary {
  background: white;
  color: #0c117a;
}
.button--secondary:hover {
  background: #d9d9d9;
  color: #0c117a;
}
.button--secondary:visited {
  color: #0c117a;
}

.button--tertiary {
  background: #c72f2f;
  color: white;
}
.button--tertiary:hover {
  background: #b22a2a;
  color: white;
}
.button--tertiary:visited {
  color: white;
}

.button--danger {
  color: #c72f2f;
  background: white;
  text-decoration: none;
}
.button--danger:hover {
  background: #f2f2f2;
  text-decoration: underline;
}
.button--danger:visited {
  color: #c72f2f;
}

.button.button--file {
  background: transparent url(./assets/imgs/certificate.svg) no-repeat left center scroll;
  background-size: 2rem;
  font-size: 1.9rem;
  padding: 0 0 0 3rem;
  text-decoration: underline;
  margin: 0;
  color: #005eb8;
  border-radius: 0;
}

.button--icon {
  padding: 1rem 2rem;
}

.standard-content .button__icon {
  margin-bottom: 0;
  margin-right: 0;
}

.button__icon {
  width: 2rem;
  height: 2rem;
  margin-left: 1rem;
}

html {
  font-size: 62.5%;
}

body {
  background: white;
  font-family: "Frutiger W01", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  color: #231f20;
  font-size: 1.9rem;
  font-weight: 300;
}

#login {
  width: 90%;
  max-width: 110rem;
}
#login h1 {
  text-align: left;
  padding: 0 2.4rem;
}
#login h1 a {
  margin-left: 0;
  margin-right: 0;
  background-image: url(./assets/imgs/uht-logo.svg);
  background-size: 23.2rem 8.2rem;
  width: 23.2rem;
  height: 8.2rem;
}
#login label {
  font-size: 1.8rem;
  font-weight: bold;
}
#login .input {
  border: 0.1rem solid #005eb8;
  border-radius: 0;
}
#login .input:focus {
  outline-color: #ffb81c;
}
#login .button-primary,
#login .wp-generate-pw {
  font-weight: 700;
  padding: 1rem 4rem;
}
#login .wp-generate-pw {
  background: white;
  color: #0c117a;
  border: 0.2rem solid #005eb8;
}
#login .wp-generate-pw:hover {
  background: #d9d9d9;
  color: #0c117a;
}
#login .wp-generate-pw:visited {
  color: #0c117a;
}
#login #wp-submit {
  float: none;
}
#login .forgetmenot {
  float: none;
  margin-bottom: 2rem;
}
#login .forgetmenot #rememberme {
  position: relative;
  width: 4rem;
  height: 4rem;
  border: 0.2rem solid #005eb8;
  margin-right: 1.5rem;
  border-radius: 0;
}
#login .forgetmenot #rememberme:checked::before {
  width: 4rem;
  height: 4rem;
  margin: -0.2rem 0 0 -0.4rem;
}
#login .forgetmenot #rememberme:focus {
  border-color: #ffb81c;
  outline-color: #ffb81c;
}
#login form {
  border: none;
  padding-bottom: 5px;
  box-shadow: none;
}
#login #nav .wp-login-lost-password,
#login #nav .wp-login-log-in {
  font-size: 1.9rem;
  color: #005eb8;
  text-decoration: underline;
}
#login .message,
#login .notice {
  margin-left: 2.4rem;
  margin-right: 2.4rem;
}

.login-register {
  padding: 0 2.4rem;
}

.register-now {
  background: #f3f3f3;
  color: #231f20;
  padding: 2rem;
}
.register-now p {
  margin-bottom: 0;
}