/* Custom CSS generated on Tue Jun 16 2026 13:46:20 GMT+0000 (Coordinated Universal Time) */



.sidx-container .sidx-main-app-body {
  background-color: rgba(245, 245, 240, 1);
  color: rgba(11, 11, 11, 1);
  font-family: 'Helvetica Neue', 'Roboto', 'Helvetica', 'Arial', sans-serif;
}

.sidx-container a {
  color: rgba(201, 162, 77, 1);
}

.sidx-container .sidx-listing-details .sidx-columns .sidx-heading {
  color: rgba(11, 11, 11, 1);
  font-family: 'Helvetica Neue', 'Roboto', 'Helvetica', 'Arial', sans-serif;
}

.sidx-container .sidx-searchform .sidx-basic .sidx-field {
  background-color: rgba(11, 11, 11, 1);
  color: rgba(245, 245, 240, 1);
}

.sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions button {
  background-color: rgba(201, 162, 77, 1);
  color: rgba(11, 11, 11, 1);
}

.sidx-container .sidx-search-results .sidx-search-result-grid-item:not(.sidx-search-result-grid-list-item) .sidx-actions {
  background-color: rgba(58, 74, 63, 1);
  border-color: rgba(58, 74, 63, 1) !important;
  color: rgba(245, 245, 240, 1);
}

/* ============================================
   BRAND COLOR OVERRIDES FOR SHOWCASE IDX
   Primary:  #C9A24D
   Hover:    #D4B06A
   Dark:     #0B0B0B
   Warm bg:  #F5F5F0
   Olive:    #3A4A3F
   ============================================ */

/* 1. Action icons: Save / Ask / Tour / Hide / Share / Info icons */
.sidx-main-app-body i.blue,
.sidx-main-app-body .sidx-primary-action-icon-container i.blue,
.sidx-main-app-body .sidx-primary-action-icon-container i {
  color: #C9A24D !important;
}

.sidx-main-app-body .sidx-primary-action:hover i.blue,
.sidx-main-app-body .sidx-primary-action:hover i {
  color: #D4B06A !important;
}

/* 2. "Back to Results", header nav links, general IDX links */
.sidx-main-app-body a.sidx-blue,
.sidx-main-app-body .sidx-header-link a,
.sidx-main-app-body a.sidx-link,
.sidx-main-app-body a.sidx-new-search {
  color: #C9A24D !important;
}

.sidx-main-app-body a.sidx-blue:hover,
.sidx-main-app-body .sidx-header-link a:hover,
.sidx-main-app-body a.sidx-link:hover,
.sidx-main-app-body a.sidx-new-search:hover {
  color: #D4B06A !important;
}

/* 3. Prev / Next jump-to nav arrows + labels */
.sidx-main-app-body .sidx-jump-to-label .sidx-text-label,
.sidx-main-app-body .sidx-jump-to-label i {
  color: #C9A24D !important;
}

.sidx-main-app-body .sidx-jump-to-label:hover .sidx-text-label,
.sidx-main-app-body .sidx-jump-to-label:hover i {
  color: #D4B06A !important;
}

.sidx-main-app-body .sidx-disabled .sidx-text-label,
.sidx-main-app-body .sidx-disabled i {
  color: #999 !important;
}

/* 4. Photo carousel prev/next arrows + counter */
.sidx-main-app-body .sidx-view-nav .sidx-prev i,
.sidx-main-app-body .sidx-view-nav .sidx-next i,
.sidx-main-app-body .sidx-photo-count {
  color: #C9A24D !important;
}

.sidx-main-app-body .sidx-view-nav .sidx-prev:hover i,
.sidx-main-app-body .sidx-view-nav .sidx-next:hover i {
  color: #D4B06A !important;
}

/* 5. Photo/Map/Nearby/Virtual Tour menu */
.sidx-main-app-body .sidx-menu-item {
  color: #0B0B0B !important;
}

.sidx-main-app-body .sidx-menu-item i {
  color: #3A4A3F !important;
}

.sidx-main-app-body .sidx-menu-item.sidx-selected,
.sidx-main-app-body .sidx-menu-item:hover {
  color: #C9A24D !important;
  border-color: #C9A24D !important;
}

.sidx-main-app-body .sidx-menu-item.sidx-selected i,
.sidx-main-app-body .sidx-menu-item:hover i {
  color: #C9A24D !important;
}

/* 6. Primary buttons: "Ask a Question" / "Schedule a Tour" / "Calculate" */
.sidx-main-app-body button.sidx-primary {
  background-color: #C9A24D !important;
  border-color: #C9A24D !important;
  color: #0B0B0B !important;
}

.sidx-main-app-body button.sidx-primary:hover {
  background-color: #D4B06A !important;
  border-color: #D4B06A !important;
}

.sidx-main-app-body button.sidx-primary i {
  color: #0B0B0B !important;
}

/* 7. Dropdown / select menu chevrons */
.sidx-main-app-body .sidx-select-menu-content i,
.sidx-main-app-body .sidx-select-menu-selection i {
  color: #3A4A3F !important;
}

/* 8. Mortgage calculator highlight */
.sidx-main-app-body .monthly-payment__amount {
  color: #C9A24D !important;
}

.sidx-main-app-body .monthly-payment__title {
  color: #0B0B0B !important;
}

/* 9. Section headings */
.sidx-main-app-body .sidx-heading {
  background-color: #F5F5F0 !important;
  color: #3A4A3F !important;
  border-color: #C9A24D !important;
}

/* 10. Save/star icon */
.sidx-main-app-body i.sidx-star.blue,
.sidx-main-app-body i.sidx-star {
  color: #C9A24D !important;
}

/* 11. Catch-all for any remaining ".blue" classed elements */
.sidx-main-app-body [class*="sidx-"] .blue {
  color: #C9A24D !important;
}
/* ============================================
   ADDITIONAL FIXES: Menu borders, hover, active states
   ============================================ */

/* 12. Photo/Map/Nearby/Virtual Tour menu - full state coverage */
.sidx-main-app-body .sidx-menu-item {
  color: #0B0B0B !important;
  border-color: transparent !important;
  background-color: transparent !important;
}

.sidx-main-app-body .sidx-menu-item i {
  color: #3A4A3F !important;
}

/* Hover state - olive/gold tint background at 30% opacity */
.sidx-main-app-body .sidx-menu-item:hover {
  color: #C9A24D !important;
  border-color: #C9A24D !important;
  background-color: rgba(201, 162, 77, 0.3) !important;
}

.sidx-main-app-body .sidx-menu-item:hover i {
  color: #C9A24D !important;
}

/* Active/selected state - same gold tint at 30% opacity */
.sidx-main-app-body .sidx-menu-item.sidx-selected {
  color: #C9A24D !important;
  border-color: #C9A24D !important;
  background-color: rgba(201, 162, 77, 0.3) !important;
}

.sidx-main-app-body .sidx-menu-item.sidx-selected i {
  color: #C9A24D !important;
}

/* In case the menu wrapper itself has a bottom border */
.sidx-main-app-body .sidx-menu {
  border-color: #C9A24D !important;
}

/* 13. Catch-all: any remaining blue borders across the page */
.sidx-main-app-body [class*="sidx-"] {
  border-color: inherit;
}

.sidx-main-app-body .sidx-primary-action,
.sidx-main-app-body .sidx-details-table,
.sidx-main-app-body .sidx-listing-snapshot,
.sidx-main-app-body .sidx-photo-array,
.sidx-main-app-body .sidx-carousel,
.sidx-main-app-body .sidx-list-items,
.sidx-main-app-body .sidx-list-item {
  border-color: #C9A24D !important;
}

/* 14. Active tab underline (if Showcase uses a pseudo-element/border-bottom indicator) */
.sidx-main-app-body .sidx-menu-item.sidx-selected::after,
.sidx-main-app-body .sidx-menu-item.sidx-selected::before {
  background-color: #C9A24D !important;
  border-color: #C9A24D !important;
}
/* ============================================
   FIX: Save/Ask/Tour/Hide/Share container border
   ============================================ */
.sidx-main-app-body .sidx-primary-actions {
  border-color: #C9A24D !important;
}

/* ============================================
   FIX: Friends & Family - React/Comment/Invite bar
   ============================================ */

/* Container border + transparent blue background */
.sidx-main-app-body .sidx-social-search-box .sidx-actions {
  border-color: #C9A24D !important;
  background-color: rgba(201, 162, 77, 0.15) !important;
}

/* React / Comment / Invite icons and text */
.sidx-main-app-body .sidx-social-search-box .sidx-actions > div {
  color: #C9A24D !important;
}

.sidx-main-app-body .sidx-social-search-box .sidx-actions i {
  color: #C9A24D !important;
}

/* Hover state for React/Comment/Invite */
.sidx-main-app-body .sidx-social-search-box .sidx-actions > div:hover,
.sidx-main-app-body .sidx-social-search-box .sidx-actions > div:hover i {
  color: #D4B06A !important;
}

/* The outer Friends & Family table border (in case it's also blue) */
.sidx-main-app-body .sidx-details-table__friends {
  border-color: #C9A24D !important;
}

/* "Post" button - already covered by .sidx-primary, but reinforcing in case it has its own class */
.sidx-main-app-body .sidx-social-search-box button.sidx-primary {
  background-color: #C9A24D !important;
  border-color: #C9A24D !important;
  color: #0B0B0B !important;
}
/* ============================================
   FIX: "Quickview: Next Photos" button
   ============================================ */
.sidx-main-app-body .sidx-photo-array button {
  color: #C9A24D !important;
  border-color: #C9A24D !important;
  background-color: transparent !important;
}

.sidx-main-app-body .sidx-photo-array button:hover {
  color: #D4B06A !important;
  border-color: #D4B06A !important;
  background-color: rgba(201, 162, 77, 0.1) !important;
}
/* ============================================
   FIX: Tour/Ask modal popups
   ============================================ */

/* "Send" button */
.sidx-modal button.sidx-primary,
.sidx-listing-detail-modal-container button.sidx-primary,
button.sidx-primary[type="submit"],
.sidx-primary-action-modal button {
  background-color: #C9A24D !important;
  border-color: #C9A24D !important;
  color: #0B0B0B !important;
}

.sidx-modal button.sidx-primary:hover,
.sidx-listing-detail-modal-container button.sidx-primary:hover {
  background-color: #D4B06A !important;
  border-color: #D4B06A !important;
}

/* Weekday/Weekend/Mornings/Afternoons/Evenings toggle buttons - selected state */
.sidx-modal [class*="toggle"][class*="selected"],
.sidx-modal [class*="toggle"].active,
.sidx-modal label.active,
.sidx-modal .sidx-selected,
.sidx-modal button.selected {
  background-color: #C9A24D !important;
  border-color: #C9A24D !important;
  color: #0B0B0B !important;
}

/* The blue circular checkmark icon on selected toggles */
.sidx-modal [class*="toggle"] svg circle,
.sidx-modal [class*="toggle"].active svg,
.sidx-modal .sidx-selected svg,
.sidx-modal .sidx-selected i {
  color: #C9A24D !important;
  fill: #C9A24D !important;
}

/* Underline beneath selected toggle (Weekday / Evenings) */
.sidx-modal [class*="toggle"].active,
.sidx-modal label.active {
  border-bottom-color: #C9A24D !important;
}

/* Generic checkbox accent color (modern browsers) */
.sidx-modal input[type="checkbox"] {
  accent-color: #C9A24D !important;
}

/* "Virtual Tour" link */
.sidx-main-app-body a.sidx-virtual-tour,
a.sidx-virtual-tour {
  color: #C9A24D !important;
}

.sidx-main-app-body a.sidx-virtual-tour:hover,
a.sidx-virtual-tour:hover {
  color: #D4B06A !important;
}
/* ============================================
   SEARCH RESULTS PAGE: Filter bar, sort, pagination
   ============================================ */

/* Filter buttons: Price / Beds / Baths / More */
.sidx-main-app-body .sidx-filter-bar button,
.sidx-main-app-body .sidx-filters button,
.sidx-main-app-body [class*="sidx-filter"] {
  color: #0B0B0B !important;
  border-color: #C9A24D !important;
}

.sidx-main-app-body .sidx-filter-bar button:hover,
.sidx-main-app-body .sidx-filters button:hover {
  border-color: #D4B06A !important;
  background-color: rgba(201, 162, 77, 0.1) !important;
}

/* "Save Search" button */
.sidx-main-app-body [class*="save-search"],
.sidx-main-app-body button[class*="SaveSearch"] {
  background-color: #C9A24D !important;
  border-color: #C9A24D !important;
  color: #0B0B0B !important;
}

.sidx-main-app-body [class*="save-search"]:hover {
  background-color: #D4B06A !important;
  border-color: #D4B06A !important;
}

/* Sort dropdown ("Highest Price") */
.sidx-main-app-body [class*="sort"] {
  color: #C9A24D !important;
  border-color: #C9A24D !important;
}

/* Pagination link / page numbers */
.sidx-main-app-body [class*="pagination"] a,
.sidx-main-app-body a[href*="idx_page"] {
  color: #C9A24D !important;
}

.sidx-main-app-body [class*="pagination"] a:hover,
.sidx-main-app-body a[href*="idx_page"]:hover {
  color: #D4B06A !important;
}

/* Property card price */
.sidx-main-app-body [class*="card"] [class*="price"],
.sidx-main-app-body [class*="result"] [class*="price"] {
  color: #0B0B0B !important;
}

/* "New Listing" / "Price Change" badges */
.sidx-main-app-body [class*="badge"],
.sidx-main-app-body [class*="flag"] {
  background-color: #C9A24D !important;
  color: #0B0B0B !important;
}

/* Property card hover border */
.sidx-main-app-body [class*="card"]:hover,
.sidx-main-app-body [class*="listing-item"]:hover {
  border-color: #C9A24D !important;
}
/* ============================================
   FIX: Tour modal toggle checkmarks (Weekday/Mornings/Evenings)
   ============================================ */

/* Selected toggle background + text */
.sidx-form-toggles .sidx-toggle-bar-item.sidx-selected {
  background-color: #C9A24D !important;
  color: #0B0B0B !important;
}

/* The checkmark icon itself - covers font-icon (::before), SVG, or background-image cases */
.sidx-form-toggles .sidx-toggle-bar-item.sidx-selected::before,
.sidx-form-toggles .sidx-toggle-bar-item.sidx-selected svg,
.sidx-form-toggles .sidx-toggle-bar-item.sidx-selected svg path,
.sidx-form-toggles .sidx-toggle-bar-item.sidx-selected svg circle,
.sidx-form-toggles .sidx-toggle-bar-item.sidx-selected i {
  color: #0B0B0B !important;
  fill: #0B0B0B !important;
}

/* Unselected toggle items - keep neutral */
.sidx-form-toggles .sidx-toggle-bar-item:not(.sidx-selected) {
  color: #0B0B0B !important;
  background-color: transparent !important;
}

/* Hover on toggle items */
.sidx-form-toggles .sidx-toggle-bar-item:hover {
  background-color: rgba(201, 162, 77, 0.2) !important;
}

/* SMS opt-in checkbox accent */
.sidx-modal input[type="checkbox"]#sms-opt-in-checkbox {
  accent-color: #C9A24D !important;
}
/* ============================================
   FIX: Search page filter bar (Price/Beds/Baths/More)
   ============================================ */

/* "More" button - currently white bg, black text, blue border */
.sidx-main-app-body [class*="filter"] button,
.sidx-main-app-body [class*="dropdown"] button,
.sidx-main-app-body button[class*="more"] {
  border-color: #C9A24D !important;
  color: #0B0B0B !important;
}

/* "More" dropdown chevron icon */
.sidx-main-app-body [class*="filter"] button i,
.sidx-main-app-body button[class*="more"] i,
.sidx-main-app-body [class*="filter"] button svg {
  color: #C9A24D !important;
  fill: #C9A24D !important;
}

/* Dark Price/Beds/Baths buttons - border on hover/focus */
.sidx-main-app-body [class*="filter"] button:hover,
.sidx-main-app-body [class*="filter"] button:focus,
.sidx-main-app-body button[class*="more"]:hover,
.sidx-main-app-body button[class*="more"]:focus {
  border-color: #C9A24D !important;
  background-color: #0B0B0B !important;
}

.sidx-main-app-body [class*="filter"] button:hover i,
.sidx-main-app-body [class*="filter"] button:hover svg,
.sidx-main-app-body button[class*="more"]:hover i,
.sidx-main-app-body button[class*="more"]:hover svg {
  color: #C9A24D !important;
  fill: #C9A24D !important;
}

/* Catch-all: any focus/active outline that defaults to blue */
.sidx-main-app-body button:focus,
.sidx-main-app-body button:active {
  outline-color: #C9A24D !important;
  border-color: #C9A24D !important;
}
/* ============================================
   SEARCH FILTER BAR - broader attempt
   ============================================ */
.sidx-main-app-body .sidx-filters-bar button,
.sidx-main-app-body .sidx-filter-toggle,
.sidx-main-app-body .sidx-more-toggle,
.sidx-main-app-body [class*="MoreFilters"],
.sidx-main-app-body [class*="filter-button"] {
  border-color: #C9A24D !important;
  color: #0B0B0B !important;
}

.sidx-main-app-body .sidx-filters-bar button:hover,
.sidx-main-app-body .sidx-filter-toggle:hover,
.sidx-main-app-body .sidx-more-toggle:hover,
.sidx-main-app-body [class*="MoreFilters"]:hover,
.sidx-main-app-body [class*="filter-button"]:hover {
  border-color: #C9A24D !important;
  background-color: #0B0B0B !important;
  color: #C9A24D !important;
}

.sidx-main-app-body .sidx-filters-bar button:hover svg,
.sidx-main-app-body .sidx-filters-bar button:hover i,
.sidx-main-app-body .sidx-more-toggle:hover svg,
.sidx-main-app-body .sidx-more-toggle:hover i {
  color: #C9A24D !important;
  fill: #C9A24D !important;
}
/* ============================================
   SEARCH FILTER BAR - exact classes
   ============================================ */

/* "More" pill - border and text */
.sidx-main-app-body .sidx-streamlined-search {
  border-color: #C9A24D !important;
  color: #0B0B0B !important;
}

.sidx-main-app-body .sidx-streamlined-search:hover,
.sidx-main-app-body .sidx-streamlined-search:focus,
.sidx-main-app-body .sidx-streamlined-search:focus-within {
  border-color: #C9A24D !important;
  outline-color: #C9A24D !important;
}

/* "More" text + chevron icon */
.sidx-main-app-body .sidx-streamlined-toggle,
.sidx-main-app-body .sidx-streamlined-toggle span,
.sidx-main-app-body .sidx-streamlined-toggle i {
  color: #0B0B0B !important;
}

.sidx-main-app-body .sidx-streamlined-search:hover .sidx-streamlined-toggle,
.sidx-main-app-body .sidx-streamlined-search:hover .sidx-streamlined-toggle span,
.sidx-main-app-body .sidx-streamlined-search:hover .sidx-streamlined-toggle i,
.sidx-main-app-body .sidx-streamlined-toggle:hover,
.sidx-main-app-body .sidx-streamlined-toggle:hover span,
.sidx-main-app-body .sidx-streamlined-toggle:hover i {
  color: #C9A24D !important;
}

/* Price / Beds / Baths dark pills - border + focus ring */
.sidx-main-app-body .sidx-range .sidx-field,
.sidx-main-app-body .sidx-beds-and-baths .sidx-field {
  border-color: transparent !important;
}

.sidx-main-app-body .sidx-range .sidx-floating-menu-anchor:focus,
.sidx-main-app-body .sidx-range .sidx-floating-menu-anchor:hover,
.sidx-main-app-body .sidx-beds-and-baths .sidx-floating-menu-anchor:focus,
.sidx-main-app-body .sidx-beds-and-baths .sidx-floating-menu-anchor:hover,
.sidx-main-app-body .sidx-range .sidx-dropdown:hover,
.sidx-main-app-body .sidx-beds-and-baths .sidx-dropdown:hover {
  outline-color: #C9A24D !important;
  border-color: #C9A24D !important;
}

/* Generic: kill any blue focus outline across the whole search form */
.sidx-main-app-body .sidx-searchform *:focus,
.sidx-main-app-body .sidx-searchform *:focus-within {
  outline-color: #C9A24D !important;
  border-color: #C9A24D !important;
}

/* Location search input - focus border */
.sidx-main-app-body .sidx-suggestions-input,
.sidx-main-app-body .sidx-suggestions-input:focus-within {
  border-color: #C9A24D !important;
}

.sidx-main-app-body .sidx-suggestions-input i {
  color: #3A4A3F !important;
}

/* Save Search pill */
.sidx-main-app-body .sidx-save-search-pill {
  background-color: #C9A24D !important;
  color: #0B0B0B !important;
}

.sidx-main-app-body .sidx-save-search-pill:hover {
  background-color: #D4B06A !important;
}

.sidx-main-app-body .sidx-save-search-pill .sidx-label,
.sidx-main-app-body .sidx-save-search-pill .sidx-label span {
  color: #0B0B0B !important;
}
/* ============================================
   "More" button - aggressive override
   ============================================ */

.sidx-main-app-body .sidx-streamlined-search,
.sidx-main-app-body .sidx-streamlined-toggle {
  border: 1px solid #C9A24D !important;
  outline: none !important;
  box-shadow: none !important;
}

.sidx-main-app-body .sidx-streamlined-search:hover,
.sidx-main-app-body .sidx-streamlined-search:focus,
.sidx-main-app-body .sidx-streamlined-search:focus-within,
.sidx-main-app-body .sidx-streamlined-search:active,
.sidx-main-app-body .sidx-streamlined-toggle:hover,
.sidx-main-app-body .sidx-streamlined-toggle:focus {
  border: 1px solid #D4B06A !important;
  outline: none !important;
  box-shadow: none !important;
}