/* Custom CSS generated on Fri Jun 05 2026 03:30:20 GMT+0000 (Coordinated Universal Time) */

@import url('https://fonts.googleapis.com/css?family=Libre+Franklin');

.sidx-container .sidx-main-app-body {
  background-color: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 1);
  font-family: 'Libre Franklin', sans-serif;
}

.sidx-container a {
  color: rgba(86, 168, 134, 1);
}

.sidx-container .sidx-listing-details .sidx-columns .sidx-heading {
  color: rgba(0, 0, 0, 1);
  font-family: 'Libre Franklin', sans-serif;
}

.sidx-container .sidx-searchform .sidx-basic .sidx-field {
  background-color: rgba(86, 168, 134, 1);
  color: rgba(255, 255, 255, 1);
}

.sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions button {
  background-color: rgba(86, 168, 134, 1);
  color: rgba(255, 255, 255, 1);
}

.sidx-container .sidx-search-results .sidx-search-result-grid-item:not(.sidx-search-result-grid-list-item) .sidx-actions {
  background-color: rgba(86, 168, 134, 1);
  border-color: rgba(86, 168, 134, 1) !important;
  color: rgba(255, 255, 255, 1);
}

/* =====================================================
   ARNOLD.REALESTATE
   SHOWCASE IDX CUSTOM CSS
   Purpose: Brand adjustments for Showcase IDX UI
   Last updated: 2026-03-06
===================================================== */


/* =====================================================
   HOTSHEET BUTTON
===================================================== */

/* Showcase IDX hotsheet "See All Results" button */
.sidx-container .sidx-hotsheet-see-all-results,
button.sidx-hotsheet-see-all-results {
  background-color: #56A886 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  display: inline-block !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
}

/* Hover / focus */
.sidx-container .sidx-hotsheet-see-all-results:hover,
.sidx-container .sidx-hotsheet-see-all-results:focus {
  background-color: #3E7A67 !important;
  color: #FFFFFF !important;
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

/* Active (tap) */
.sidx-container .sidx-hotsheet-see-all-results:active {
  background-color: #3E7A67 !important;
}


/* =====================================================
   LISTING CARD RIBBONS
===================================================== */

/* Base ribbon styling */
.sidx-ribbon {
  padding: 4px 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  border-radius: 3px !important;
}

/* NEW LISTING */
.sidx-ribbon.sidx-new-listing {
  background: rgba(86, 168, 134, 0.8) !important;
  color: #ffffff !important;
  border-bottom: 2px solid #3f7d65 !important;
}

/* OPEN HOUSE */
.sidx-ribbon.sidx-open-houses {
  background: rgba(74, 111, 138, 0.8) !important;
  color: #ffffff !important;
  border-bottom: 2px solid #38586e !important;
}


/* =====================================================
   MAP MARKERS
   PRODUCTION VERSION
   Active = Green
   Active Under Contract = Muted Warm Gold
   Pending = Soft Gray
===================================================== */

/* ========================================
   ACTIVE LISTINGS
======================================== */

/* Price label */
.sidx-map-marker-for-sale-active {
  background: #56A886 !important;
  color: #ffffff !important;
  border: 1px solid #3F7D65 !important;
  box-shadow: 0 2px 0 #3F7D65 !important;
}

/* Arrow layers */
.sidx-map-marker-for-sale-active::before {
  border-top-color: #3F7D65 !important;
}

.sidx-map-marker-for-sale-active::after {
  border-top-color: #56A886 !important;
}

/* Dot wrapper */
.sidx-map-dot-for-sale-active {
  background: transparent !important;
  border: none !important;
}

/* Dot */
.sidx-map-dot-for-sale-active .sidx-dot {
  background: #56A886 !important;
  border: 1px solid #3F7D65 !important;
  box-shadow: 0 1px 0 #3F7D65 !important;
}


/* ========================================
   ACTIVE UNDER CONTRACT
======================================== */

/* Price label */
.sidx-map-marker-for-sale-active-under-contract {
  background: #C38C56 !important;
  color: #ffffff !important;
  border: 1px solid #9E6F43 !important;
  box-shadow: 0 2px 0 #9E6F43 !important;
}

/* Arrow layers */
.sidx-map-marker-for-sale-active-under-contract::before {
  border-top-color: #9E6F43 !important;
}

.sidx-map-marker-for-sale-active-under-contract::after {
  border-top-color: #C38C56 !important;
}

/* Dot wrapper */
.sidx-map-dot-for-sale-active-under-contract {
  background: transparent !important;
  border: none !important;
}

/* Dot */
.sidx-map-dot-for-sale-active-under-contract .sidx-dot {
  background: #C38C56 !important;
  border: 1px solid #9E6F43 !important;
  box-shadow: 0 1px 0 #9E6F43 !important;
}


/* ========================================
   PENDING LISTINGS
======================================== */

/* Price label */
.sidx-map-marker-for-sale-pending {
  background: #A3A3A3 !important;
  color: #ffffff !important;
  border: 1px solid #7F7F7F !important;
  box-shadow: 0 2px 0 #7F7F7F !important;
}

/* Arrow layers */
.sidx-map-marker-for-sale-pending::before {
  border-top-color: #7F7F7F !important;
}

.sidx-map-marker-for-sale-pending::after {
  border-top-color: #A3A3A3 !important;
}

/* Dot wrapper */
.sidx-map-dot-for-sale-pending {
  background: transparent !important;
  border: none !important;
}

/* Dot */
.sidx-map-dot-for-sale-pending .sidx-dot {
  background: #A3A3A3 !important;
  border: 1px solid #7F7F7F !important;
  box-shadow: 0 1px 0 #7F7F7F !important;
}