/*!
   * 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 --------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
  .title-button {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .main-banner .buttons {
    margin-bottom: 0;
  }
}

.main-banner_title a {
  color: white;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .2s ease-in-out;
  line-height: 1.1em;
}

.main-banner_title a:hover {
  opacity: .7;
}

.houses-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  padding-left: 0;
}

@media (max-width: 1921px) {
  .houses-wrapper {
    padding-right: 0;
  }
}

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

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

.houses-wrapper_list {
  background-color: #fff;
}

@media (max-width: max-monitor-width) {
  .houses-wrapper_list {
    margin-left: 40px;
  }
}

.houses-wrapper_map {
  height: 100vh;
  position: sticky;
  top: 0;
  align-self: start;
  background-color: lightgray;
}

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

.houses-list .featured-homes_house {
  margin-bottom: 1rem;
}

.houses-list .featured-homes_house .price::before {
  content: ".";
  display: block;
  position: absolute;
  left: -1px;
  top: -0.35em;
}

.houses-list .featured-homes_house-title {
  font-size: 18px;
  line-height: 1.2em;
}
