.menu-button {
  width: 200px;
  height: 50px;
  border: 1px solid #0B3279;
  border-radius: 3px;
}
.menu-button span {
  text-align: center;
  font: normal normal medium 12px/16px Red Hat Display;
  letter-spacing: 0.24px;
  color: #0B3279;
  text-transform: uppercase;
}

.menu-button-go {
  width: 200px;
  height: 50px;
  background: #C7333A 0% 0% no-repeat padding-box;
  border-color: #C7333A;
  border-radius: 3px;
}
.menu-button-go span {
  text-align: center;
  font: normal normal medium 12px/16px Red Hat Display;
  letter-spacing: 0.24px;
  color: #FFFFFF;
  text-transform: uppercase;
}

.open-house {
  background: #0B3279 0% 0% no-repeat padding-box;
  border-radius: 2px;
  text-align: center;
  font: normal normal normal 9px/9px Red Hat Display;
  letter-spacing: 0px;
  color: #FFFFFF;
}

p.summary {
  text-align: left;
  font: normal normal normal 15px/20px Red Hat Display;
  letter-spacing: 0px;
  color: #707070;
}

.date-box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 2px;
}
.date-box span {
  text-align: center;
  font: normal normal normal 15px/20px Red Hat Display;
  letter-spacing: 0px;
  color: #707070;
}

.sign-in-menu, .formOverlay {
  width: 600px;
  height: 680px;
  background: #fff;
  box-shadow: 0px 3px 6px #eaeaea;
  padding: 60px 110px;
  margin: calc(50vh - 340px) calc(50vw - 300px);
  position: relative;
}
.sign-in-menu .formTitle, .formOverlay .formTitle {
  text-align: center;
  font: normal normal normal 40px/53px Red Hat Display;
  letter-spacing: 0px;
  color: #0B3279;
  margin: 5px;
}
.sign-in-menu label, .formOverlay label {
  text-align: left;
  font: normal normal normal 10px/13px Red Hat Display;
  letter-spacing: 0px;
  color: #707070;
  position: absolute;
  top: 10px;
  left: 15px;
}
.sign-in-menu .separator, .formOverlay .separator {
  border: 1px solid #EAEAEA;
}
.sign-in-menu .sign-in-selector, .formOverlay .sign-in-selector {
  display: flex;
  flex: auto;
}
.sign-in-menu .sign-in-selector p, .sign-in-menu .sign-in-selector div, .formOverlay .sign-in-selector p, .formOverlay .sign-in-selector div {
  text-align: left;
  font: normal normal normal 13px/17px Red Hat Display;
  letter-spacing: 0px;
  color: #303133;
  padding-right: 18px;
}
.sign-in-menu .sign-in-form-container, .sign-in-menu .formContainer, .formOverlay .sign-in-form-container, .formOverlay .formContainer {
  margin-bottom: 30px;
}
.sign-in-menu .sign-in-description, .formOverlay .sign-in-description {
  text-align: center;
  font: normal normal normal 15px/20px Red Hat Display;
  letter-spacing: 0px;
  color: #707070;
  margin-bottom: 30px;
}
.sign-in-menu .sign-in-options, .formOverlay .sign-in-options {
  text-align: center;
  font: normal normal normal 13px/17px Red Hat Display;
  letter-spacing: 0px;
  width: 380px;
  color: #303133;
}
.sign-in-menu .sign-in-options span, .formOverlay .sign-in-options span {
  padding: 0 10px;
}
.sign-in-menu .forgot-password, .formOverlay .forgot-password {
  text-align: center;
  text-decoration: underline;
  font: normal normal normal 10px/13px Red Hat Display;
  letter-spacing: 0px;
  color: #0B3279;
  text-transform: uppercase;
  display: block;
  margin-top: 15px;
  margin-bottom: 50px;
}
.sign-in-menu .alternate-sign-in, .formOverlay .alternate-sign-in {
  width: 170px;
  height: 50px;
  border: 1px solid #0B3279;
  border-radius: 3px;
  padding: 10px;
  text-align: center;
}
.sign-in-menu .alternate-sign-in-lines, .formOverlay .alternate-sign-in-lines {
  border: 1px solid #EAEAEA;
  opacity: 1;
  width: 135px;
  display: inline-block;
}
.sign-in-menu .alternate-sign-in-separator, .formOverlay .alternate-sign-in-separator {
  text-align: center;
  font: normal normal normal 15px/20px Red Hat Display;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
  width: 380px;
}
.sign-in-menu input, .formOverlay input {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EAEAEA;
  border-radius: 3px;
  opacity: 1;
  width: 380px;
  height: 60px;
}
.sign-in-menu textarea, .formOverlay textarea {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EAEAEA;
  border-radius: 3px;
  opacity: 1;
  width: 380px;
}
.sign-in-menu .input, .formOverlay .input {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
}
.sign-in-menu .close-button, .formOverlay .close-button {
  position: absolute;
  right: 27px;
  top: 27px;
}

.menu-button-submit {
  width: 380px;
  height: 50px;
  background: #C7333A;
  border: none;
  border-radius: 3px;
  text-align: center;
  font: normal normal normal 12px/16px Red Hat Display;
  font-weight: 500;
  letter-spacing: 0.24px;
  cursor: pointer;
  color: #FFFFFF;
  text-transform: uppercase;
}

.search-filter-menu {
  width: 800px;
  height: 680px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #EAEAEA;
}
.search-filter-menu .sale-or-menu-box {
  border: 1px solid #707070;
  border-radius: 3px;
}
.search-filter-menu h4 {
  text-align: left;
  font: normal normal normal 21px/27px Red Hat Display;
  letter-spacing: 0px;
  color: #303133;
}

.page-selector {
  background: #FFFFFF;
  border: 1px solid #707070;
  border-radius: 2px;
  text-align: center;
  font: normal normal normal 15px/20px Red Hat Display;
  letter-spacing: 0px;
  color: #707070;
}
.page-selector.active {
  background: #0B3279;
  border: 1px solid #0B3279;
  color: #FFFFFF;
}

h1 {
  text-align: left;
  font: normal normal normal 40px/53px Red Hat Display;
  letter-spacing: 0px;
  color: #303133;
}

h2 {
  text-align: left;
  font: normal normal medium 29px/39px Red Hat Display;
  letter-spacing: 0px;
  color: #303133;
}

h3 {
  text-align: left;
  font: normal normal normal 24px/31px Red Hat Display;
  letter-spacing: 0px;
  color: #303133;
}

.housing-details {
  width: 500px;
  height: 600px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #EAEAEA;
}
.housing-details .price {
  text-align: center;
  font: normal normal normal 40px/53px Red Hat Display;
  letter-spacing: 0px;
  color: #303133;
}
.housing-details .address {
  text-align: center;
  font: normal normal normal 20px/26px Red Hat Display;
  letter-spacing: 0px;
  color: #303133;
}
.housing-details h4 {
  text-align: center;
  font: normal normal medium 24px/31px Red Hat Display;
  letter-spacing: 0px;
  color: #303133;
  text-transform: uppercase;
}
.housing-details .open-house-dates {
  text-align: center;
  font: normal normal normal 15px/20px Red Hat Display;
  letter-spacing: 0px;
  color: #303133;
}

.listing-tile {
  display: flex;
  width: 280px;
  height: 280px;
}
.listing-tile .price {
  text-align: left;
  font: normal normal bold 16px/15px Red Hat Display;
  letter-spacing: 0px;
  color: #231F20;
}

@media only screen and (max-width: 780px) {
  .close {
    right: 20vw !important;
  }
}
#user-message {
  position: fixed;
  top: 125px;
  width: 530px;
  text-align: center;
  left: calc(50% - 300px);
  display: none;
  min-height: 35px;
  height: auto;
  padding: 10px !important;
  z-index: 999999;
  background-color: white;
  border-radius: 1px;
}

#user-message .close {
  position: absolute;
  top: 8px;
  right: 8px;
  opacity: 0.5;
  height: 25px;
  width: 25px;
}

#user-message.success {
  border: 1px solid #39655B;
  color: #39655B;
}

#user-message.fail {
  border: 1px solid #c8202f;
  color: #c8202f;
}

#user-message-text {
  width: 500px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

/*# sourceMappingURL=menus.css.map */