body {
    /*background-color: skyblue;*/
}

@media screen and (max-width: 768px) {
  .no-background-sm {
    background-image:none;
  }
}

.sign_up_btn.hover-white {
  color: white;
}

.navbar-light-sticky .sign_up_btn.hover-white {
  color:#333;
}

.banner {
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 2px solid #f3f3f3;
  display: table;
  width: 100%;
  height: 100%;
  padding: 30px;
  margin-bottom: 30px;
}
.banner:hover {
  border-color: #d9d9d9;
}
.banner .title,
.banner .submit {
  display: table-cell;
  vertical-align: middle;
}
.banner .title {
  color: #2a2a2a;
  font-size: 24px;
  font-weight: lighter;
  width: 70%;
}
.banner .submit {
  color: #1396e2;
  font-size: 18px;
  text-align: right;
  width: 30%;
}
.banner .submit i {
  color: #073855;
  margin-left: 10px;
}
/* ---- Responsive fixes ---- */

/* slider-range readouts ("$0 to $999,999") must not push past their column */
.slider-range .amount {
  width: 100%;
  min-width: 0;
}

/* theme pushes slick arrows 70px outside from 1441px; at 1600-1699 container-xxl leaves no room */
@media (min-width: 1600px) and (max-width: 1699.98px) {
  .custom-arrow-spacing-30 .slick-arrow.slick-next {
    right: 0;
  }
  .custom-arrow-spacing-30 .slick-arrow.slick-prev {
    left: 0;
  }
}

/* compact pagination on phones: prev, next, current page and its neighbours */
@media (max-width: 575.98px) {
  .pagination .page-item:not(.active):not(:first-child):not(:last-child):not(.active + .page-item):not(:has(+ .active)) {
    display: none;
  }
}

.text-break-all {
  word-break: break-all;
  overflow-wrap: anywhere;
}

/* search results toolbar: keep the sort label readable ("Sortby: Date", not "Sortby: D") */
.search-toolbar .bootstrap-select {
  min-width: 9.5rem;
}

/* sidebar "Featured Properties": the slick arrows sit top-right over the title, keep the title clear of them */
.property-widget .card-title {
  padding-right: 92px;
}

/* dashboard listing tables: below md each row becomes a card, cells are labelled from data-label */
@media (max-width: 767.98px) {
  .table-stack thead {
    display: none;
  }
  .table-stack,
  .table-stack tbody,
  .table-stack tr,
  .table-stack td {
    display: block;
    width: 100%;
  }
  .table-stack tr {
    border-bottom: 1px solid #eee;
    padding-bottom: 0.75rem;
  }
  .table-stack td {
    border-top: 0;
    padding: 0.25rem 1.5rem;
  }
  .table-stack td:first-child {
    padding: 1.25rem 1.5rem 0.5rem;
  }
  .table-stack td[data-label] {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .table-stack td[data-label]::before {
    content: attr(data-label);
    font-size: 0.8125rem;
    font-weight: 500;
    color: #9b9b9b;
    text-transform: uppercase;
    margin-right: 1rem;
  }
}

/* city/country label over map thumbnails: bottom strip so it clears the top-left badges */
.map-label {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.35) 45%, rgba(0, 0, 0, 0) 75%);
}

/* error pages: keep the footer at the bottom on tall screens */
.error-page {
  min-height: calc(100vh - 300px);
}

/* short dashboard pages: gray background fills the screen under the header */
.dashboard-wrapper .page-content main {
  min-height: calc(100vh - 80px);
}

/* navbar toggler: 44x44 tap target without changing the icon */
.navbar-toggler {
  min-width: 44px;
  min-height: 44px;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* /invest city index: one class on the list instead of grid classes on ~1.7k links */
.city-links {
  columns: 2;
  column-gap: 30px;
}
.city-links a {
  display: block;
  padding: 0.5rem 0;
  break-inside: avoid;
}
@media (min-width: 768px) {
  .city-links {
    columns: 4;
  }
}