/* Custom CSS generated on Thu Jun 04 2026 23:29:52 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: rgb(85, 88, 99);
  color: rgb(233, 239, 242);
}

.sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions button {
  background-color: rgba(0, 0, 0, 1);
  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: rgba(0, 0, 0, 1);
  border-color: rgba(0, 0, 0, 1) !important;
  color: rgb(249, 250, 251);
}

/* =========================================================
   Showcase IDX Custom CSS - Southern Living Real Estate
   ========================================================= */

/* Import Exact Brand Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@500;600;700&family=Montserrat:wght@400;500;600&display=swap');

:root {
  /* Brand Colors */
  --sl-primary: #000000;     /* True Black */
  --sl-accent: #C89E56;      /* Brand Gold */
  --sl-background: #FFFFFF;  /* Crisp White */
  --sl-border: #EAEAEA;      /* Light gray borders */
  --sl-text-dark: #333333;   /* Softened black for body text */
  
  /* Brand Fonts */
  --sl-font-heading: 'Cormorant SC', serif; 
  --sl-font-body: 'Montserrat', sans-serif;
}

/* -----------------------------------------
   Global Container & Typography
----------------------------------------- */
.sidx-container {
  font-family: var(--sl-font-body) !important;
  color: var(--sl-text-dark) !important;
}

.sidx-container h1, 
.sidx-container h2, 
.sidx-container h3, 
.sidx-container h4,
.sidx-container h5,
.sidx-container h6,
.sidx-container .sidx-title {
  font-family: var(--sl-font-heading) !important;
  color: var(--sl-primary) !important;
  font-weight: 600 !important;
}

/* -----------------------------------------
   Search Bar & Inputs
----------------------------------------- */
.sidx-container .sidx-search-box,
.sidx-container .sidx-streamlined-search {
  background-color: var(--sl-background) !important;
  border: 1px solid var(--sl-border) !important;
  border-radius: 0px !important; 
  box-shadow: none !important;
}

.sidx-container select,
.sidx-container input[type="text"],
.sidx-container input[type="number"],
.sidx-container .sidx-form-control {
  border: 1px solid var(--sl-border) !important;
  border-radius: 0px !important; 
  padding: 10px 14px !important;
  font-family: var(--sl-font-body) !important;
  font-weight: 500 !important;
}

.sidx-container select:focus,
.sidx-container input:focus {
  border-color: var(--sl-accent) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--sl-accent) !important;
}

/* -----------------------------------------
   Buttons (General Primary & Secondary)
----------------------------------------- */
.sidx-container button,
.sidx-container .sidx-button,
.sidx-container .sidx-primary-btn {
  background-color: var(--sl-accent) !important;
  color: var(--sl-primary) !important; 
  font-family: var(--sl-font-body) !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  font-weight: 600 !important;
  border-radius: 0px !important; 
  border: 1px solid var(--sl-accent) !important;
  padding: 12px 24px !important;
  transition: all 0.3s ease-in-out !important;
}

.sidx-container button:hover,
.sidx-container .sidx-button:hover,
.sidx-container .sidx-primary-btn:hover {
  background-color: var(--sl-primary) !important;
  color: var(--sl-accent) !important;
  border: 1px solid var(--sl-primary) !important;
  cursor: pointer !important;
}

/* -----------------------------------------
   Listing Cards / Search Results Grid
----------------------------------------- */
.sidx-container .sidx-result,
.sidx-container .sidx-listing-card {
  background-color: var(--sl-background) !important;
  border: 1px solid var(--sl-border) !important;
  border-radius: 0px !important; 
  box-shadow: none !important; 
  transition: border-color 0.3s ease-in-out !important;
}

.sidx-container .sidx-result:hover,
.sidx-container .sidx-listing-card:hover {
  border-color: var(--sl-accent) !important;
}

.sidx-container .sidx-price {
  font-family: var(--sl-font-heading) !important;
  color: var(--sl-accent) !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
}

.sidx-container .sidx-address {
  color: var(--sl-text-dark) !important;
  font-family: var(--sl-font-body) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
}

/* -----------------------------------------
   Map Search - Top Action Buttons
----------------------------------------- */
.sidx-container .sidx-save-search-button,
.sidx-container .sidx-save-search-btn,
.sidx-container .sidx-search-controls .sidx-primary-btn,
.sidx-container .sidx-header-actions .sidx-primary-btn {
  background-color: var(--sl-accent) !important;
  color: var(--sl-primary) !important;
  border: 1px solid var(--sl-accent) !important;
  border-radius: 0px !important;
  font-family: var(--sl-font-body) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

.sidx-container .sidx-save-search-button:hover,
.sidx-container .sidx-save-search-btn:hover,
.sidx-container .sidx-search-controls .sidx-primary-btn:hover,
.sidx-container .sidx-header-actions .sidx-primary-btn:hover {
  background-color: var(--sl-primary) !important;
  color: var(--sl-accent) !important;
  border: 1px solid var(--sl-primary) !important;
}

.sidx-container .sidx-search-controls .sidx-advanced-search-toggle {
  border: 1px solid #EAEAEA !important; 
  color: var(--sl-text-dark) !important; 
  border-radius: 0px !important;
}

/* -----------------------------------------
   Listing Details - Top Action Icons
----------------------------------------- */
/* Override default blue svgs and text */
.sidx-container .sidx-listing-details header button,
.sidx-container .sidx-listing-details header button span,
.sidx-container .sidx-listing-details header button svg,
.sidx-container .sidx-listing-details header button svg path {
  color: #000000 !important;
  fill: #000000 !important;
  stroke: none !important; 
  transition: all 0.2s ease-in-out !important;
  background-color: transparent !important;
  border: none !important;
}

/* Turn SVGs Gold on hover */
.sidx-container .sidx-listing-details header button:hover,
.sidx-container .sidx-listing-details header button:hover span,
.sidx-container .sidx-listing-details header button:hover svg,
.sidx-container .sidx-listing-details header button:hover svg path {
  color: #C89E56 !important;
  fill: #C89E56 !important;
  cursor: pointer !important;
}