.properties_title_container {
  margin: 20px auto !important;
}

.properties_title_container h2 {
  font-size: 36px;
  color: var(--oxford-blue);
  text-align: center;
}

.properties_title_container h4 {
  color: var(--rhythm);
  text-align: center;
}

.properties_container {
  /*display: flex;*/
  /*overflow-x: auto;*/
  /*scroll-snap-type: x mandatory;*/
  /*scroll-behavior: smooth;*/
  /*flex-wrap: nowrap !important;*/
  /*gap: 15px;*/
  /*height: 520px;*/
  margin: 20px 0;
  margin-bottom: 40px !important;
}

.properties_container .single_property {
  margin-right: 10px;
}

.properties_container .flickity-page-dots {
  bottom: -30px !important;
}

.properties_container .single_property.listed_shortcode {
  width: 345px;
  height: 450px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 10px 0 rgba(51, 51, 51, 0.12);
          box-shadow: 0 2px 10px 0 rgba(51, 51, 51, 0.12);
  /*box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;*/
}

.properties_container .single_property.listed_shortcode img {
  position: absolute;
  inset: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  -webkit-transition-duration: .2s,1s;
       -o-transition-duration: .2s,1s;
          transition-duration: .2s,1s;
}

.single_property a {
  position: absolute;
  inset: 0;
  z-index: 3;
}

.single_property a:hover + img {
  /*background: rgba(0,0,0,.4);*/
  /*z-index: 1;*/
  /*border-radius: 10px;*/
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.single_property .property_overflow {
  position: absolute;
  inset: 0;
}

.single_property ul.property_status {
  position: absolute;
  left: 10px;
  top: 10px;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.single_property ul.property_status li {
  list-style: none;
  color: var(--oxford-blue);
  width: 100px;
  height: 25px;
  text-transform: uppercase;
  background: var(--light-salmon);
  text-align: center;
  line-height: 25px;
  border-radius: 10px;
  font-weight: bold;
  z-index: 2;
  font-size: 11px;
}

.single_property ul.property_status li.feature_element {
  color: var(--light-salmon);
  background: var(--oxford-blue);
}

.single_property .property_info_wrapper {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: white;
  height: 93px;
  width: 95%;
  border-radius: 10px;
  padding: 10px;
  z-index: 2;
  -webkit-box-shadow: 0 0 15px 0 rgba(51, 51, 51, 0.15);
          box-shadow: 0 0 15px 0 rgba(51, 51, 51, 0.15);
}

.property_wrapper_features {
  height: 50px;
  width: 95%;
  border: none;
  position: absolute;
  bottom: 120px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.6);
}

.single_property .property_info_wrapper h4.property_title {
  line-height: 18px;
  min-height: 40px;
  font-size: 15px;
}

.archive .single_property .property_info_wrapper h4.property_title {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 15px;
}

.single_property .property_info_wrapper p.call_to_info {
  font-style: italic;
}

.single_property ul.property_wrapper_features {
  margin-left: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 4;
}

.single_property ul.property_wrapper_features li {
  list-style: none;
  color: white;
  width: calc(100%/3);
  text-align: center;
}

.tooltipX {
  position: relative;
}

.tooltipX .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  z-index: 1;
}

.tooltipX:hover .tooltiptext {
  visibility: visible;
}

@media all and (min-width: 768px) {
  .properties_container .single_property.listed_shortcode {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
  }
}

@media all and (min-width: 1200px) {
  .properties_container .single_property.listed_shortcode {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 39%;
            flex: 0 0 39%;
  }
  .properties_container {
    width: 80%;
    margin: 20px auto;
  }
}

@media all and (min-width: 1440px) {
  .properties_container {
    width: 76%;
  }
  .properties_container .single_property.listed_shortcode {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24%;
            flex: 0 0 24%;
  }
}