/* Scss Document */
/* Scss Document */
/* Reset */
/* general template styles that will change */

.svg-container a:visited {
  fill: none;
  border: none; }

  .svg-map-section{
    min-width: 100% !important;
    padding: 0;
    margin: 0 auto;
  }

  #svg-container{
    position: relative;
  }

    .cash-only polygon,
    .cash-only polyline,
    .cash-only rect{
    fill:#fffb94;
  }

  .pending polygon,
  .pending polyline,
  .pending rect{
    fill:#ffc2c2;
  }

  .sold-out polygon,
  .sold-out polyline,
  .sold-out rect{
    fill: #c7c7c7;
  }

  .mapkey{
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
  }

  .key-head{
    font-weight: bold;
  }

  .color{
    width:24px;
    height:24px;
    border: 1px solid #d3d3d3;
    margin-right:5px;
  }

  .key-info .sold-out{
    background: #c7c7c7;
  }

  .key-info .available{
    background: #f8f8f8;
  }

  .key-info .pending{
    background:#ffc2c2;
  }

  .key-info .cash-only{
    background:#fffb94;
  }

  .key-info{
    display: flex;
    width: 20%;
    align-items: center;
  }


.popUp {
  background: #f9f3f1;
  border: solid 1px #d3d3d3;
  box-shadow: 7px 7px 5px rgba(0,0,0,.75);
  max-width:550px;
  z-index:999; }
  .popUp .info-bubble {
    display: flex;
    flex-direction: column;
    padding: 0 0 1em 0; }
    .popUp .info-bubble .field {
      padding: 0 1em;
      width: 9em; }
      .popUp .info-bubble .field:has(.button) {
        text-align: center;
        margin-top: 10px; }
      .popUp .info-bubble .field p {
        margin: 0;
        padding: 0;
        line-height: 1.3; }
    .popUp .info-bubble h3 {
      font-size: 20px; }
    .popUp .info-bubble .popUp-btn {
      align-self: flex-end;
      background: #fb3122;
      border: none;
      border-radius: 5px;
      color: #fff;
      cursor: pointer;
      font-size: 2em;
      padding: 5px 10px;
    margin:10px; }
      .popUp .info-bubble .popUp-btn:hover {
        background: #BF2717; }

      .popUp p,
      .popUp li,
      .popUp label,
      .popUp input{
        font-size: 18px;
      }

      .approved,
      .not-approved{
        text-align:center;
      }

      .popUp #submit_form,
      .guestCardSubmitButton,
      .prescreen-approved-continue{
        font-size: 18px;
        font-weight: bold;
        background: #fb3122;
        border:none;
        border-radius: 8px;
        text-align: center;
        color:#fff;
        margin: 0 auto;
        padding: 1em;
        width: 100%;
      }

      .popUp #submit_form:hover,
      .guestCardSubmitButton:hover,
      .prescreen-approved-continue:hover{
        background: #BF2717;
      }

      .popUp label,
      .form-header{
        font-weight: bold;
      }

      .form-header{
        font-size:1.25em;
        text-align: center;
        margin:1em 0;
      }

      .second-form{
        position: absolute;
        bottom: 0;
        left: 25em;
        background: white;
        padding: 1em;
        box-shadow: inset 7px 0px 5px rgba(0,0,0,.75);
      }

      @media(max-width:1200px){
        .second-form{
          position: relative;
          left: 0;
          box-shadow: none;
        }
      }

      .second-form label{
        font-weight: 400;
      }

      .second-form p,
      .second-form span{
        margin:10px 0;
        font-size:16px;
      }

      .main-image img{
        width: 100%;
        max-width:550px;
        margin: 0 auto;
      }

      .popUp h1{
        font-weight: bold;
        margin-bottom:10px;
      }

      .popUp h2{
        color: #fb3122;
        font-weight: bold;
        margin-top:10px;
      }

      .popUp .header-info{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin:0 1em;
      }

      .amenities{
        margin: 0 1em;
      }

      .amenities-header{
        font-weight:bold;
      }

      .search-form{
        background: #fff;
      }

      #rmwb_search_form{
        margin: 1em;
      }

      .summary-input{
        padding:10px;
        display: flex;
      }

      .summary-input input{
        background: transparent;
        border:none;
      }

      .summary-input label{
        width:50%;
      }

      .summary-input:nth-of-type(odd){
        background: #f9f3f1;
      }

      .unit-form-input{
        display: flex;
        flex-direction: column;
        margin: 1em 10px;
      }

      .two-column-inputs{
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      .radio-row{
        display: flex;
        justify-content: space-between;
      }

      .radio-row .radio-input{
          display: flex;
          flex-direction: row-reverse;
          width: 42%;
          align-items: center;
          justify-content: space-between;
          padding: .5em;
          box-shadow: 0 2px 6px -2px #00000080;
          border-radius: 4px;
          background-color: #f8f8f8;
      }

      .radio-row .active{
          background-color: #fb3122;
          color: #FFF;
      }

      .guestCardFieldGroup,
      .guestCardCheckContainer,
      .guestCardSuccessButton{
        display: none;
      } 

      .guestCardFieldLabel{
        color: #172306;
      }

#availabilitytable {
  text-align: center;
}

.unit-avail-table {
  width: 100%;
  border-collapse: collapse;
}

.unit-avail-table tr {
  border-bottom: 1px solid black;
}

.unit-avail-table th, .unit-avail-table td {
  padding: 20px;
}

@media only screen and (max-width: 800px) {
  .unit-avail-table th, .unit-avail-table td {
    padding: 10px;
  }
  .unit-avail-table tr {
    padding: 20px 0px;
    display: block;
    border-bottom: 1px solid black;
  }
  .unit-avail-table tr:after {
    display: block;
    margin: 10px 10px 0 10px;
    padding-bottom: 0;
    content: "";
  }
  .unit-avail-table thead tr:after {
    display: none;
  }
  .unit-avail-table td {
    border: none;
    position: relative;
    padding-left: 130px;
    text-align: right;
    display: block;
  }
  th, td {
    display: block;
  }
  .unit-avail-table td:before {
    padding-right: 10px;
    font-weight: bold;
    white-space: nowrap;
    position: absolute;
    left: 9px;
    top: 10px;
    font-weight: 600;
  }
  .unit-avail-table td:nth-of-type(1):before {
    content: "UNIT";
  }
  .unit-avail-table td:nth-of-type(2):before {
    content: "SQ. FT.";
  }
  .unit-avail-table td:nth-of-type(3):before {
    content: "RENT";
  }
  .unit-avail-table td:nth-of-type(4):before {
    content: "AVAILABLE";
  }
  .unit-avail-table td:nth-of-type(5):before {
    content: "";
  }
      .popUp .info-bubble h3 {
      font-size: 18px; }

      .popUp p,
      .popUp li,
      .popUp label,
      .popUp input,
      .popUp #submit_form,
      .guestCardSubmitButton,
      .prescreen-approved-continue{
        font-size: 16px;
      }

    .mapkey{
      flex-direction: column;
    }

    .key-info {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 5px 0;
    }

}
        @media(max-width:600px){
        .popUp {
          max-width:350px;}

        .two-column-inputs{
          display: block;
        }
      }
.floorplan-image {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  background: white !important;
}

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