#signGuest,
#signInUser,
#registerUser,
#changeToLoginButton,
#changeToRegisterButton {
  border-radius: 0px;
}

#loginCloseDiv {
  background-color: var(--base);
  color: white !important;
}

.signInInput {
  border: 1px solid var(--base) !important;
  font-family: "Galliard Pro" !important;
}

.signInButton {
  background-color: var(--base) !important;
  color: white !important;
  border: 1px solid var(--base) !important;
}

.signInButtonLarge {
  background-color: var(--base);
  color: white !important;
  border: 2px solid var(--base);
  text-transform: uppercase;
  line-height: 30px !important;
  border-radius: 0px !important;
}
#loginMessageDiv {
  margin-top: 10%;
}
.signInButtonLarge:not(.facebookConnect):hover {
  background-color: white !important;
  color: var(--base) !important;
  border-radius: 0px !important;
}

#changeToRegisterButton,
#changeToLoginButton {
  background-color: var(--base);
  color: white !important;
  border: 2px solid var(--base) !important;
  text-transform: uppercase;
  border-radius: 0 !important;
}

.separator {
  border-bottom: 1px solid #7a182f !important;
}

.signInTitle {
  font-family: "Galliard Pro" !important;
  text-transform: uppercase;
}

#terms,
#forgotPassword,
.checkboxText {
  color: black !important;
}

.signInCheckbox {
  border: 1px solid #7a182f !important;
}

@media screen and (max-width: 768px) {
  #loginMessageDiv {
    width: 85%;
    height: auto;
    overflow: visible;
    margin: auto;
    margin-top: 114px;
  }
}