:root {
  --blue: #002a5b;
  --white: #fff;
  --black: #212121;
  --trans: transparent;
}

body.login {
  background-image: url(../images/banner1-1.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--blue);
  color: var(--black);
}

body.login #login {
  padding: 30px 50px;
  margin: 8% auto;
  height: auto;
  background: rgba(255, 255, 255, 0.8);
}

body.login #login h1 a {
  width: 300px;
  height: 50px;
  background-size: contain;
  background-image: url(../images/msa_logo.png);
}

body.login #login #loginform,
body.login #login #lostpasswordform {
  background: var(--trans);
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  padding: 0;
}

body.login #login .privacy-policy-page-link {
  margin: 0 auto;
}

body.login input[type='submit'] {
  background: var(--blue);
  color: var(--white);
  border-radius: 0;
  border: 2px solid var(--white);
  -webkit-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
}

body.login input[type='submit']:hover {
  background: var(--white);
  color: var(--blue);
  border: 2px solid var(--blue);
}
/*# sourceMappingURL=login-style.css.map */