/*
 *	Custom styles for BDX integration components.
 *	
 */
body {
  padding: 0;
  margin: 0;
  line-height: 26px;
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

@media all and (max-width: 740px) {
  .notSmall {
    display: none;
  }
}
@media all and (min-width: 740px) {
  .smallOnly {
    display: none;
  }
}
/*
 *	Grid Layout
 */
.flexgrid .flexrow {
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.flexgrid .flexrow.vertical-center {
  align-items: center;
}
.flexgrid .flexrow.threeAcross {
  gap: 40px;
  justify-content: flex-start;
}
.flexgrid .flexrow.threeAcross .flexitem {
  flex-basis: 30%;
  flex-grow: 1;
}
@media all and (max-width: 740px) {
  .flexgrid .flexrow.threeAcross .flexitem {
    flex-basis: 100%;
  }
}
.flexgrid .flexrow.twoAcross {
  gap: 30px;
  justify-content: flex-start;
}
.flexgrid .flexrow.twoAcross .flexitem {
  flex-basis: 47%;
  flex-grow: 1;
}
.flexgrid .flexrow .flexitem {
  flex: 1;
}

/* Generic */
img {
  max-width: 100%;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

@media all and (max-width: 740px) {
  [data-customDropdownId]:not(.visible) {
    display: none !important;
  }
}
/*
 *	Listing Search filter bar
 */
#listingFilterBarSection {
  overflow: visible;
}
@media all and (max-width: 740px) {
  #listingFilterBarSection .tatsu-row-wrap.tatsu-S1XR-vbESn {
    max-width: initial;
  }
}
#listingFilterBarSection #listingFilterBar {
  align-content: center;
}
#listingFilterBarSection #listingFilterBar .listingTypeSelector {
  flex-basis: auto;
  border: 1px solid #42b3ab;
}
@media all and (max-width: 740px) {
  #listingFilterBarSection #listingFilterBar .listingTypeSelector {
    flex-basis: 100%;
  }
}
#listingFilterBarSection #listingFilterBar .listingTypeSelector .selectionItem {
  flex: 1;
  padding: 5px 30px;
  background: #fff;
  color: #42b3ab;
  cursor: pointer;
  text-align: center;
}
@media all and (max-width: 740px) {
  #listingFilterBarSection #listingFilterBar .listingTypeSelector .selectionItem {
    flex: auto;
    padding: 5px 15px;
  }
}
#listingFilterBarSection #listingFilterBar .listingTypeSelector .selectionItem:not(:last-child) {
  border-right: 1px solid #42b3ab;
}
#listingFilterBarSection #listingFilterBar .listingTypeSelector .selectionItem.selected {
  background: #42b3ab;
  color: #fff;
}
#listingFilterBarSection #listingFilterBar .topRightItems {
  padding: 0;
  font-size: 16px;
  text-align: right;
}
@media all and (max-width: 740px) {
  #listingFilterBarSection #listingFilterBar .topRightItems {
    padding: 18px 0;
    font-size: 14px;
    text-align: center;
  }
}
#listingFilterBarSection #listingFilterBar .topRightItems a {
  cursor: pointer;
}
#listingFilterBarSection #listingFilterBar .topRightItems .clearFiltersButton .icon {
  width: 16px;
  height: 16px;
  vertical-align: -2px;
  margin-right: 4px;
}
#listingFilterBarSection #listingFilterBar .topRightItems .sortButton {
  text-decoration: underline;
  text-underline-offset: 3px;
}
#listingFilterBarSection #listingFilterBar .topRightItems .sortButton::after {
  content: "";
  position: relative;
  bottom: -16px;
  left: 4px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #11385c;
}
#listingFilterBarSection #listingFilterBar .topRightItems .dropdownContainer .dropdownContent {
  top: 130%;
  left: auto;
  right: 0;
  width: auto;
}
#listingFilterBarSection #listingFilterBar .mainBar {
  /*
  			@include breakpoint-small-only {
  				.homeTypeSelector { order: 4; }
  				.bedCountSelector { order: 5; }
  				.bathCountSelector { order: 6; }
  			}*/
}
@media all and (min-width: 740px) {
  #listingFilterBarSection #listingFilterBar .mainBar {
    gap: 2px;
  }
}
#listingFilterBarSection #listingFilterBar .mainBar .mainBarItem {
  padding: 20px 30px 20px;
  background: #11385c;
  color: #fff;
  order: initial;
}
@media all and (min-width: 740px) {
  #listingFilterBarSection #listingFilterBar .mainBar .mainBarItem {
    margin-top: 15px;
  }
}
#listingFilterBarSection #listingFilterBar .mainBar .mainBarItem .selectionDisplay {
  margin-top: -7px;
  margin-bottom: -17px !important;
  font-size: 10px;
}
#listingFilterBarSection #listingFilterBar .mainBar .mainBarItem.viewToggle {
  flex: auto 0 1;
  background: #42b3ab;
}
#listingFilterBarSection #listingFilterBar .mainBar .mainBarItem.viewToggle .label {
  text-transform: uppercase;
}
#listingFilterBarSection #listingFilterBar .mainBar .mainBarItem.viewToggle .viewToggleButton {
  padding-left: 10px;
  vertical-align: 2px;
}
#listingFilterBarSection #listingFilterBar .mainBar .mainBarItem.viewToggle .viewToggleButton.active .icon.active {
  display: initial;
}
#listingFilterBarSection #listingFilterBar .mainBar .mainBarItem.viewToggle .viewToggleButton.active .icon.inactive {
  display: none;
}
#listingFilterBarSection #listingFilterBar .mainBar .mainBarItem.viewToggle .viewToggleButton .icon {
  height: 26px;
  width: 26px;
  cursor: pointer;
}
#listingFilterBarSection #listingFilterBar .mainBar .mainBarItem.viewToggle .viewToggleButton .icon.active {
  display: none;
}
#listingFilterBarSection #listingFilterBar .mainBar .mainBarItem.viewToggle .viewToggleButton .icon.inactive {
  display: initial;
}
#listingFilterBarSection #listingFilterBar .mainBar .label {
  font-size: 16px;
}
@media all and (max-width: 740px) {
  #listingFilterBarSection #listingFilterBar .mainBar .label {
    font-size: 14px;
  }
}
#listingFilterBarSection #listingFilterBar .mainBar .priceSelector {
  display: flex;
  flex-basis: auto;
  justify-content: space-around;
  align-items: center;
  padding: 20px 30px 20px;
}
@media all and (max-width: 740px) {
  #listingFilterBarSection #listingFilterBar .mainBar .priceSelector {
    flex: 100% 2;
    order: 3;
    padding: 20px 15px 20px;
    background: #e6f1f9;
    color: #11385c;
  }
}
#listingFilterBarSection #listingFilterBar .mainBar .priceSelector .label {
  flex: none;
}
#listingFilterBarSection #listingFilterBar .mainBar .priceSelector .doubleSlider {
  flex: 1;
  position: relative;
  margin: 0 10px;
  padding: 7px;
}
#listingFilterBarSection #listingFilterBar .mainBar .priceSelector .doubleSlider .track {
  height: 1px;
  background: #e3b424;
}
#listingFilterBarSection #listingFilterBar .mainBar .priceSelector .doubleSlider .slideButtonContainer {
  position: absolute;
  top: 0;
}
#listingFilterBarSection #listingFilterBar .mainBar .priceSelector .doubleSlider .slideButtonContainer.lower {
  left: 0;
}
#listingFilterBarSection #listingFilterBar .mainBar .priceSelector .doubleSlider .slideButtonContainer.upper {
  right: 0;
}
#listingFilterBarSection #listingFilterBar .mainBar .priceSelector .doubleSlider .slideButtonContainer .slideButton {
  position: relative;
  box-sizing: border-box;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 5px solid #e3b424;
  cursor: pointer;
}
#listingFilterBarSection #listingFilterBar .mainBar .smallFilters {
  order: 4;
  flex: 100%;
  padding: 0px 15px 40px;
  background: #e6f1f9;
  color: #11385c;
}
@media all and (min-width: 740px) {
  #listingFilterBarSection #listingFilterBar .mainBar .smallFilters {
    display: none;
  }
}
#listingFilterBarSection #listingFilterBar .mainBar .smallFilters hr {
  margin-bottom: 10px;
  border-bottom: 1px solid #cbe2f3;
  border-top: none;
  border-left: none;
  border-right: none;
}
#listingFilterBarSection #listingFilterBar .mainBar .smallFilters .otherFilters {
  padding: 0 10px;
  gap: 20px 40px;
  justify-content: flex-start;
}
#listingFilterBarSection #listingFilterBar .mainBar .smallFilters .otherFilters .flexitem.halfWidth {
  flex: 40% 1 1;
}
#listingFilterBarSection #listingFilterBar .mainBar .smallFilters .otherFilters .flexitem.fullWidth {
  flex: 80% 0 1;
}
#listingFilterBarSection #listingFilterBar .mainBar .smallFilters .otherFilters .filterField {
  flex: auto;
}
#listingFilterBarSection #listingFilterBar .mainBar .smallFilters .otherFilters .filterField .fieldLabel {
  padding: 4px 0;
  margin-bottom: 8px;
  border-bottom: 2px solid #e3b424;
  color: #11385c;
}
#listingFilterBarSection #listingFilterBar .mainBar .smallFilters .otherFilters .filterField .fieldLabel {
  font-weight: bold;
}
#listingFilterBarSection #listingFilterBar .mainBar .smallFilters .otherFilters .radioGroup .label, #listingFilterBarSection #listingFilterBar .mainBar .smallFilters .otherFilters .checkboxGroup .label {
  line-height: 22px;
  font-size: 15px;
}
#listingFilterBarSection #listingFilterBar .mainBar .smallFilters .otherFilters .radioGroup .selectionIndicator.checkmark, #listingFilterBarSection #listingFilterBar .mainBar .smallFilters .otherFilters .checkboxGroup .selectionIndicator.checkmark {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  line-height: 22px;
}
#listingFilterBarSection #listingFilterBar .mainBar .smallFilters .otherFilters .sqft .dropdownContainer .dropdownToggle {
  padding: 8px 4px;
  border: 1px solid #11385c;
  font-size: 13px;
  text-transform: uppercase;
}
#listingFilterBarSection #listingFilterBar .mainBar .smallFilters .otherFilters .sqft .dash {
  flex: none;
  align-self: center;
  padding: 0 4px;
}
#listingFilterBarSection #listingFilterBar .mainBar .listMapToggle {
  flex-grow: 0;
  white-space: nowrap;
}
@media all and (max-width: 740px) {
  #listingFilterBarSection #listingFilterBar .mainBar .listMapToggle {
    order: 1;
  }
}
#listingFilterBarSection #listingFilterBar .dropdownContainer {
  position: relative;
  text-align: center;
  cursor: pointer;
}
#listingFilterBarSection #listingFilterBar .dropdownContainer .toggleLabel::after {
  content: "";
  position: relative;
  bottom: -14px;
  left: 8px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 10px solid #e3b424;
}
#listingFilterBarSection #listingFilterBar .dropdownContainer .toggleLabel.blue::after {
  border-top-color: #11385c;
}
#listingFilterBarSection #listingFilterBar .dropdownContainer .dropdownContent {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  z-index: 1;
  background: #fff;
  color: #11385c;
  border-radius: 1px;
  box-shadow: 0 0 3px 3px rgba(36, 36, 36, 0.2);
  text-align: left;
}
#listingFilterBarSection #listingFilterBar .dropdownContainer .dropdownContent.visible {
  display: block;
}
#listingFilterBarSection #listingFilterBar .dropdownContainer .dropdownContent .padded {
  padding: 8px 16px;
}
#listingFilterBarSection #listingFilterBar .dropdownContainer .dropdownContent .centered {
  text-align: center;
}
#listingFilterBarSection #listingFilterBar .radioGroup .radioItem, #listingFilterBarSection #listingFilterBar .radioGroup .checkboxItem, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .radioItem, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .checkboxItem {
  line-height: 22px;
}
#listingFilterBarSection #listingFilterBar .radioGroup .radioItem.selected .selectionIndicator, #listingFilterBarSection #listingFilterBar .radioGroup .checkboxItem.selected .selectionIndicator, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .radioItem.selected .selectionIndicator, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .checkboxItem.selected .selectionIndicator {
  background: #11385c url("/wp-content/themes/oshin_child/assets/images/icon-checkmark.png");
  background-size: contain;
  color: #fff;
}
#listingFilterBarSection #listingFilterBar .radioGroup .radioItem .selectionIndicator, #listingFilterBarSection #listingFilterBar .radioGroup .checkboxItem .selectionIndicator, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .radioItem .selectionIndicator, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .checkboxItem .selectionIndicator {
  border-radius: 50%;
  border: 1px solid #11385c;
  background: #f3f7fa;
}
#listingFilterBarSection #listingFilterBar .radioGroup .radioItem .selectionIndicator.checkmark, #listingFilterBarSection #listingFilterBar .radioGroup .checkboxItem .selectionIndicator.checkmark, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .radioItem .selectionIndicator.checkmark, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .checkboxItem .selectionIndicator.checkmark {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 11px;
  line-height: 22px;
  vertical-align: middle;
}
#listingFilterBarSection #listingFilterBar .radioGroup .radioItem.textInsideButton, #listingFilterBarSection #listingFilterBar .radioGroup .checkboxItem.textInsideButton, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .radioItem.textInsideButton, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .checkboxItem.textInsideButton {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
}
#listingFilterBarSection #listingFilterBar .radioGroup .radioItem.textInsideButton .selectionIndicator, #listingFilterBarSection #listingFilterBar .radioGroup .checkboxItem.textInsideButton .selectionIndicator, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .radioItem.textInsideButton .selectionIndicator, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .checkboxItem.textInsideButton .selectionIndicator {
  font-size: 11px;
  line-height: 30px;
  text-transform: uppercase;
}
#listingFilterBarSection #listingFilterBar .radioGroup .radioItem.textInsideButton.selected .selectionIndicator, #listingFilterBarSection #listingFilterBar .radioGroup .checkboxItem.textInsideButton.selected .selectionIndicator, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .radioItem.textInsideButton.selected .selectionIndicator, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .checkboxItem.textInsideButton.selected .selectionIndicator {
  background: #11385c;
}
#listingFilterBarSection #listingFilterBar .radioGroup .radioItem .label, #listingFilterBarSection #listingFilterBar .radioGroup .checkboxItem .label, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .radioItem .label, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .checkboxItem .label {
  line-height: 32px;
  vertical-align: middle;
}
#listingFilterBarSection #listingFilterBar .radioGroup .radioItem .label.hidden, #listingFilterBarSection #listingFilterBar .radioGroup .checkboxItem .label.hidden, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .radioItem .label.hidden, #listingFilterBarSection #listingFilterBar .checkboxGroup.radioGroupLook .checkboxItem .label.hidden {
  display: none;
}
#listingFilterBarSection #listingFilterBar .checkboxGroup .checkboxItem {
  line-height: 22px;
  cursor: pointer;
}
#listingFilterBarSection #listingFilterBar .checkboxGroup .checkboxItem.selected .selectionIndicator {
  background: #11385c url("/wp-content/themes/oshin_child/assets/images/icon-checkmark.png");
  background-size: contain;
  color: #fff;
}
#listingFilterBarSection #listingFilterBar .checkboxGroup .checkboxItem .selectionIndicator {
  border-radius: 50%;
  border: 1px solid #11385c;
  background: #f3f7fa;
}
#listingFilterBarSection #listingFilterBar .checkboxGroup .checkboxItem .selectionIndicator.checkmark {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  line-height: 22px;
  vertical-align: middle;
}
#listingFilterBarSection #listingFilterBar .checkboxGroup .checkboxItem .label {
  line-height: 22px;
  vertical-align: middle;
  font-size: 15px;
}
#listingFilterBarSection #listingFilterBar .checkboxGroup .checkboxItem .label.hidden {
  display: none;
}
#listingFilterBarSection #listingFilterBar .advancedFilters {
  flex: 100%;
  border: 1px solid #11385c;
  border-top: none;
}
@media all and (min-width: 740px) {
  #listingFilterBarSection #listingFilterBar .advancedFilters.hideFilters .closeButton, #listingFilterBarSection #listingFilterBar .advancedFilters.hideFilters .advancedFilterContent {
    display: none;
  }
  #listingFilterBarSection #listingFilterBar .advancedFilters.hideFilters .advancedToggleBar .title::after {
    top: auto;
    bottom: -14px;
    border-bottom: none;
    border-top: 10px solid #11385c;
  }
}
#listingFilterBarSection #listingFilterBar .advancedFilters .advancedToggleBar {
  flex: 100%;
  justify-content: space-between;
  padding: 8px 30px;
  background: #e6f1f9;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
}
@media all and (max-width: 740px) {
  #listingFilterBarSection #listingFilterBar .advancedFilters .advancedToggleBar {
    display: none;
  }
}
#listingFilterBarSection #listingFilterBar .advancedFilters .advancedToggleBar .title::after {
  content: "";
  position: relative;
  top: -14px;
  bottom: auto;
  left: 8px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid #11385c;
  border-top: none;
}
#listingFilterBarSection #listingFilterBar .advancedFilters .advancedFilterContent {
  flex: 100%;
}
#listingFilterBarSection #listingFilterBar .advancedFilters .advancedFilterContent .content {
  padding: 8px 30px 30px;
  gap: 60px;
  justify-content: flex-start;
  color: #11385c;
}
#listingFilterBarSection #listingFilterBar .advancedFilters .advancedFilterContent .content .filterField {
  flex: auto;
}
#listingFilterBarSection #listingFilterBar .advancedFilters .advancedFilterContent .content .filterField .fieldLabel {
  padding: 4px 0;
  margin-bottom: 8px;
  border-bottom: 2px solid #e3b424;
  color: #11385c;
}
#listingFilterBarSection #listingFilterBar .advancedFilters .advancedFilterContent .content .sqft .dropdownContainer .dropdownToggle {
  padding: 8px 4px;
  border: 1px solid #11385c;
  font-size: 13px;
  text-transform: uppercase;
}
#listingFilterBarSection #listingFilterBar .advancedFilters .advancedFilterContent .content .sqft .dash {
  flex: none;
  align-self: center;
  padding: 0 4px;
}
#listingFilterBarSection #listingFilterBar .advancedFilters .advancedFilterContent .content .radioGroup .radioItem .selectionIndicator.checkmark {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
#listingFilterBarSection #listingFilterBar .advancedFilters .advancedFilterContent .content .radioGroup .radioItem .label {
  line-height: 22px;
  font-size: 15px;
}
#listingFilterBarSection #listingFilterBar .advancedFilters .advancedFilterContent .buttonsRow {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}
#listingFilterBarSection #listingFilterBar .advancedFilters .advancedFilterContent .buttonsRow .applyButton {
  padding: 8px 30px;
  text-align: center;
  background: #42b3ab;
}
#listingFilterBarSection #listingFilterBar .advancedFilters .advancedFilterContent .buttonsRow .clearButton {
  flex: none;
  padding: 8px 30px;
  background: #11385c;
}

.filterableItemContainer .noResultsMessage {
  display: none;
  width: 100%;
  text-align: center;
}
.filterableItemContainer .noResultsMessage a {
  cursor: pointer;
  color: #11385c;
}
@media all and (min-width: 740px) {
  .filterableItemContainer.mapIsVisible {
    height: 70vh;
  }
  .filterableItemContainer.mapIsVisible > .flexrow {
    height: 100%;
  }
  .filterableItemContainer.mapIsVisible .listingCards {
    height: 100%;
    overflow-y: scroll;
  }
  .filterableItemContainer.mapIsVisible .listingCards .listingCard {
    flex-basis: 100%;
  }
}
.filterableItemContainer .qmihMapSearch {
  display: flex;
  flex: 100% 0 1;
}
@media all and (min-width: 1160px) {
  .filterableItemContainer .qmihMapSearch {
    flex: 65% 0 1;
  }
}
.filterableItemContainer .qmihMapSearch #mapContainer {
  width: 100%;
  height: 100%;
}
@media all and (max-width: 740px) {
  .filterableItemContainer .qmihMapSearch #mapContainer {
    height: 70vh;
  }
}
.filterableItemContainer .qmihMapSearch #mapContainer .mapInfoWindowContent {
  margin-right: 8px;
}
.filterableItemContainer .qmihMapSearch #mapContainer .mapInfoWindowContent a {
  color: #11385c;
}
.filterableItemContainer .qmihMapSearch #mapContainer .mapInfoWindowContent a:hover {
  color: #196d94;
}
.filterableItemContainer .qmihMapSearch #mapContainer .mapInfoWindowContent a::after {
  content: "";
  position: relative;
  bottom: -1px;
  left: 4px;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 7px solid #11385c;
}
.filterableItemContainer .listingCards {
  display: flex;
  flex: 30% 1 1;
}

/*
 *	Listing Card (either QMIH or Homeplan) 
 */
.listingCard {
  background: #fff;
  width: 100%;
}
@media all and (min-width: 740px) {
  .listingCard {
    width: 350px !important;
  }
}
.listingCard p {
  margin: 0;
}
.listingCard .listingImage {
  padding-bottom: 67%;
  background: center no-repeat;
  background-size: cover;
}
.listingCard .qmihBanner {
  padding: 8px 15px 8px 30px;
  background: #11385c;
  color: #e3b424;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
}
.listingCard .qmihBanner .moveInDate {
  font-weight: bold;
}
.listingCard .topSpacer {
  display: block;
  height: 10px;
}
.listingCard .bottomSpacer {
  display: block;
  height: 32px;
}
.listingCard .details {
  padding: 8px 30px 30px;
}
.listingCard .details .planType {
  margin: 10px 0;
  color: #42b3ab;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.listingCard .details .name, .listingCard .details .price {
  color: #11385c;
}
.listingCard .details .name {
  font-size: 19px;
  letter-spacing: 0;
}
.listingCard .details .price {
  margin: 10px 0;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: -1px;
}
.listingCard .details .statsLine, .listingCard .details .sqft {
  color: #242424;
  font-size: 16px;
}
.listingCard .detailLink {
  background: #42b3ab;
}
.listingCard .detailLink a {
  display: block;
  padding: 15px 0;
  color: #f5f3e7;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.listingCard .detailLink:hover {
  background: #196d94;
  cursor: hover;
}

/*
 *	Detail Pages
 */
.listingDetailTemplate p {
  margin: 0;
}
.listingDetailTemplate section {
  padding: 60px 0;
}
.listingDetailTemplate section .sectionTitle {
  color: #42b3ab;
  font-size: 42px;
  line-height: 54px;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.listingDetailTemplate section.summary {
  background: #196d94;
}
.listingDetailTemplate section.summary .imageContainer {
  flex: 55% 1 1;
}
.listingDetailTemplate section.summary .detailContainer {
  flex: 45% 1 1;
}
.listingDetailTemplate section.summary .detailArea {
  padding: 52px 60px;
  background: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.listingDetailTemplate section.summary .detailArea .qmihBanner {
  display: inline-block;
  padding: 5px 22px;
  margin-bottom: 10px;
  background: #11385c;
  color: #e3b424;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
}
.listingDetailTemplate section.summary .detailArea .qmihBanner .moveInDate {
  font-weight: bold;
}
.listingDetailTemplate section.summary .detailArea .planType {
  margin-bottom: 30px;
  color: #42b3ab;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.listingDetailTemplate section.summary .detailArea .name, .listingDetailTemplate section.summary .detailArea .price {
  color: #11385c;
}
.listingDetailTemplate section.summary .detailArea .name {
  margin-bottom: 30px;
  font-size: 36px;
  line-height: 46px;
  letter-spacing: 0;
}
.listingDetailTemplate section.summary .detailArea .price {
  margin-bottom: 21px;
  font-weight: 700;
  font-size: 25px;
  letter-spacing: -1px;
}
.listingDetailTemplate section.summary .detailArea .statsLine, .listingDetailTemplate section.summary .detailArea .sqft {
  color: #242424;
  font-size: 19px;
  line-height: 34px;
}
@media all and (max-width: 740px) {
  .listingDetailTemplate section.summary {
    padding: 60px 40px;
  }
  .listingDetailTemplate section.summary .imageContainer, .listingDetailTemplate section.summary .detailContainer {
    flex: 100%;
  }
  .listingDetailTemplate section.summary .detailArea {
    padding: 26px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .listingDetailTemplate section.summary .detailArea .qmihBanner {
    width: 100%;
  }
  .listingDetailTemplate section.summary .detailArea .planType {
    margin-bottom: 4px;
  }
  .listingDetailTemplate section.summary .detailArea .name {
    margin-bottom: 16px;
  }
  .listingDetailTemplate section.summary .detailArea .price {
    margin-bottom: 8px;
  }
}
.listingDetailTemplate section.description {
  padding: 80px 0;
  background: #fff;
}
@media all and (max-width: 740px) {
  .listingDetailTemplate section.description {
    padding: 60px 40px;
  }
}
.listingDetailTemplate section.description .sectionTitle {
  color: #42b3ab;
}
.listingDetailTemplate section.description .sectionTitle .planName {
  color: #e3b424;
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
}
.listingDetailTemplate section.description .description {
  color: #242424;
}
.listingDetailTemplate section.gallery {
  background: #f3f7fa;
  padding-bottom: 0;
}
.listingDetailTemplate section.gallery .sectionTitle {
  text-align: center;
}
.listingDetailTemplate section.gallery .tatsu-BJYlOXjWh {
  margin-bottom: 0;
}
.listingDetailTemplate section.floorplan {
  background: #fff;
  padding: 80px 0;
}
.listingDetailTemplate section.floorplan .sectionTitle {
  text-align: center;
}
.listingDetailTemplate section.floorplan .floorplanEmbed {
  width: 100%;
  height: 680px;
}
.listingDetailTemplate section.floorplan .floorplanEmbed iframe {
  width: 100%;
  height: 100%;
}
.listingDetailTemplate section.virtualTour {
  background: #196d94;
}
.listingDetailTemplate section.virtualTour .virtualTourEmbed {
  display: block;
  margin: 0 auto;
  max-width: 853px;
  height: 480px;
  text-align: center;
}
.listingDetailTemplate section.virtualTour .virtualTourEmbed::before {
  float: left;
  padding-top: 56.25%;
  content: "";
}
.listingDetailTemplate section.virtualTour .virtualTourEmbed::after {
  display: block;
  content: "";
  clear: both;
}
.listingDetailTemplate section.virtualTour .virtualTourEmbed iframe {
  width: 100%;
  height: 100%;
}
.listingDetailTemplate section.moreHomes {
  background: #f3f7fa;
  padding: 80px 0;
}
.listingDetailTemplate section.moreHomes .sectionTitle {
  color: #11385c;
  font-size: 25px;
  justify-content: space-between;
}
.listingDetailTemplate section.moreHomes .sectionTitle .pillButton {
  background: #42b3ab;
  color: #f5f3e7;
  padding: 15px 30px;
  border-radius: 50px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1px;
}
.listingDetailTemplate section.moreHomes .listingCards {
  gap: 50px;
  justify-content: space-around;
}
.listingDetailTemplate section.moreHomes .listingCards .flexitem.cardContainer {
  flex-basis: 100%;
}
@media all and (min-width: 740px) {
  .listingDetailTemplate section.moreHomes .listingCards .flexitem.cardContainer {
    flex-basis: 350px;
  }
}
@media all and (max-width: 740px) {
  .listingDetailTemplate section.moreHomes {
    padding: 60px 40px;
  }
  .listingDetailTemplate section.moreHomes .sectionTitle .flexitem {
    flex: 100%;
  }
  .listingDetailTemplate section.moreHomes .sectionTitle .titleText {
    line-height: 36px;
    margin-bottom: 20px;
  }
  .listingDetailTemplate section.moreHomes .sectionTitle .pillButton {
    display: block;
    width: 100%;
    text-align: center;
  }
}

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