/* Custom CSS generated on Sat Jul 04 2026 20:18:20 GMT+0000 (Coordinated Universal Time) */



.sidx-container .sidx-main-app-body {
  background-color: rgb(255, 255, 255);
  color: rgb(85, 88, 99);
  font-family: 'Helvetica Neue', 'Roboto', 'Helvetica', 'Arial', sans-serif;
}

.sidx-container a {
  color: rgb(34, 143, 204);
}

.sidx-container .sidx-listing-details .sidx-columns .sidx-heading {
  color: rgb(85, 88, 99);
  font-family: 'Helvetica Neue', 'Roboto', 'Helvetica', 'Arial', sans-serif;
}

.sidx-container .sidx-searchform .sidx-basic .sidx-field {
  background-color: rgba(34, 143, 204, 1);
  color: rgb(233, 239, 242);
}

.sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions button {
  background-color: rgb(34, 143, 204);
  color: rgb(249, 250, 251);
}

.sidx-container .sidx-search-results .sidx-search-result-grid-item:not(.sidx-search-result-grid-list-item) .sidx-actions {
  background-color: rgb(34, 143, 204);
  border-color: rgb(34, 143, 204) !important;
  color: rgb(249, 250, 251);
}

.sidx-container .sidx-search-results .sidx-grid { display: flex; flex-wrap: wrap; margin: 0 -12px; gap: 0; }
.sidx-container .sidx-search-results .sidx-grid .sidx-require-auth {     flex-grow: inherit;  width: calc(100% / 3 - 24px); margin: 0 12px; }
.sidx-container .sidx-search-result-grid-item {border: none; min-width: 100%; max-width: 100%; box-shadow: 3px 6px 26px 0px rgba(66, 71, 76, 0.1); background: #fff; transition: all 0.4s ease; padding: 16px 16px 16px; border-radius: 16px; }
.sidx-container .sidx-gallery-display .sidx-gallery-image { width: 100%; }
.sidx-container .sidx-gallery-display .sidx-gallery-image img { max-width: 100% !important; object-fit: cover; border-radius: 10px; overflow: hidden; max-height: 100% !important; display: block; }
.sidx-container .sidx-search-results .sidx-thumbnail .sidx-ribbons .sidx-ribbon { background: #5F8DAA; position: relative; color: #fff; display: inline-block;    padding: 8px 30px 8px 7px; clip-path: polygon(0 0, 85% 0, 93% 50%, 85% 100%, 0 100%); }
.sidx-container .sidx-search-results .sidx-thumbnail .sidx-ribbons {
    top: 12px;
}
.sidx-container .sidx-search-result-grid-item .sidx-listing-heading { width: 100%; order: -1; font-size: 18px; line-height: 22px; margin: 0px 0 5px; }
.sidx-container .sidx-search-results .sidx-primary-details { padding: 10px 0 0;  display: flex; flex-direction: column; }

/* --- Comma separator between street name and city --- */
.sidx-container .sidx-search-result-grid-item .sidx-listing-heading br:first-child {
    display: inline-block;
    font-size: 0;
}
.sidx-container .sidx-search-result-grid-item .sidx-listing-heading br:first-child::after {
    content: ", ";
    font-size: 18px;
    line-height: 22px;
}
/* ---------------------------------------------------- */

.sidx-primary-info { color: #5F8DAA; font-weight: 600; }
.sidx-container .sidx-search-results .sidx-primary-info .sidx-price { color: #5F8DAA; font-weight: 600; font-size: 20px; line-height: 26px; }
.sidx-container .sidx-search-results .sidx-mls-details .sidx-for-sale { font-size: 12px; line-height: 17px; color: #67A69B; font-weight: 500; }
.sidx-container .sidx-search-results .sidx-mls-details { font-size: 12px; line-height: 20px; }
.sidx-container .sidx-search-result-grid-item .sidx-actions { width: 330px; margin: 0 auto; top: calc(100% - 60px); border-radius: 10px; }
@media(max-width:1200px) {
    .sidx-container .sidx-search-result-grid-item .sidx-actions { width: 260px; }
}
@media(max-width:991px) {
    .sidx-container .sidx-search-results .sidx-grid .sidx-require-auth { width: calc(100% / 2 - 24px); }
    .sidx-container .sidx-search-result-grid-item:hover:not(.sidx-has-hidden) .sidx-actions { top: 101%; }
}
@media(max-width:645px) {
    .sidx-container .sidx-search-results .sidx-grid .sidx-require-auth { width: 100%; margin: 0; }
    .sidx-container .sidx-search-results .sidx-grid { margin: 0 0; }
    .sidx-container .sidx-gallery-display .sidx-gallery-image img { max-height: 100% !important; }
    .sidx-container .sidx-small-screen .sidx-search-result-grid-item { margin-bottom: 50px;}
}