/*!
   * Bootstrap  v5.3.0-alpha3 (https://getbootstrap.com/)
   * Copyright 2011-2023 The Bootstrap Authors
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
/* -------------------------------------------------------------------------------------------------- */
/* #region Default bootstrap variable overrides for the morningvistahomes.com ----------------------- */
/* #endregion Default bootstrap variable overrides for the morningvistahomes.com -------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* #region Default variables for the morningvistahomes.com ------------------------------------------ */
/* #endregion Default variables for the morningvistahomes.com --------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
.lots-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}

@media (min-width: 768px) {
  .lots-wrapper {
    grid-template-columns: 410px minmax(10px, 1fr);
    grid-gap: 0;
  }
}

.lots-wrapper_list::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  height: 34px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
}

.lots-wrapper_map {
  height: 100vh;
  position: sticky;
  top: 0;
  align-self: start;
  background-color: #f1f3f4;
}

.lot-list {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.lot-list a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
}

.lot-list a:hover .lot-preview {
  opacity: .8;
}

.lot-list_item {
  margin-bottom: 2rem;
}

.lot-list_item .price::before {
  content: ".";
  display: block;
  position: absolute;
  left: -1px;
  top: -0.35em;
}

.lot-list_item .lot-preview {
  aspect-ratio: 33/20;
  background-position: center;
  background-size: cover;
}

.lot-list_item .lot-title {
  font-size: 18px;
  font-weight: 500;
  margin: .2rem 0;
}

.lot-list_item .lot-plan {
  font-weight: 500;
}

.lot-list_item .lot-size, .lot-list_item .lot-addr {
  color: #2d2d2d;
}