/* Custom CSS generated on Sat Jun 13 2026 02:14:40 GMT+0000 (Coordinated Universal Time) */



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

.sidx-container a {
  color: rgba(20, 53, 76, 1);
}

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

.sidx-container .sidx-searchform .sidx-basic .sidx-field {
  background-color: rgba(255, 255, 255, 0);
  color: rgba(20, 53, 76, 1);
}

.sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions button {
  background-color: rgba(20, 53, 76, 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(20, 53, 76, 1);
  border-color: rgba(20, 53, 76, 1) !important;
  color: rgba(255, 255, 255, 1);
}

/************************************************************
 CIAMPA GROUP — SHOWCASE IDX THEME (Consolidated)
 Colors:  --ciampa-main: #14354c;   --ciampa-secondary: #24597d
 Fonts:   Manrope (primary), Playfair Display (accent italics)
 Corners: Square (all border-radius: 0)
************************************************************/

/* ---------------- Brand tokens & base typography ---------------- */
.sidx-container {
  --ciampa-main: #14354c;
  --ciampa-secondary: #24597d;
  --ciampa-text: #14354c;
  --ciampa-muted: #6a7781;
  --ciampa-border: #d9dee3;
  --ciampa-bg-soft: #f7f9fb;

  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
  color: var(--ciampa-text);
  line-height: 1.5;
}
.sidx-container h1,
.sidx-container h2,
.sidx-container h3,
.sidx-container h4,
.sidx-container h5,
.sidx-container h6 {
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 600;
  color: var(--ciampa-text);
  letter-spacing: -0.2px;
  margin-top: 0.6em;
  margin-bottom: 0.4em;
}
/* Accent italics (matches your site style) */
.sidx-container em,
.sidx-container .accent-italic {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
  font-style: italic;
  font-weight: 500;
}

/* Links */
.sidx-container a { color: var(--ciampa-main); text-decoration: none; transition: color .15s ease; }
.sidx-container a:hover, .sidx-container a:focus { color: var(--ciampa-secondary); text-decoration: underline; }

/* ---------------- Forms & inputs ---------------- */
.sidx-container input[type="text"],
.sidx-container input[type="number"],
.sidx-container input[type="email"],
.sidx-container input[type="tel"],
.sidx-container input[type="search"],
.sidx-container select,
.sidx-container textarea {
  font-family: inherit !important;
  border: 1px solid var(--ciampa-border);
  border-radius: 0 !important;
  background: #fff;
  color: var(--ciampa-text);
  box-shadow: none !important;
}
.sidx-container input:focus,
.sidx-container select:focus,
.sidx-container textarea:focus {
  outline: none !important;
  border-color: var(--ciampa-secondary) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ciampa-secondary) 20%, transparent) !important;
}
/* Elementor kit inputs (force white border) */
.elementor-kit-9 input:not([type="button"]):not([type="submit"]),
.elementor-kit-9 textarea,
.elementor-kit-9 .elementor-field-textual {
  border: 1px solid #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ---------------- Buttons (global defaults) ---------------- */
/* Base: outline → light-blue fill on hover */
.sidx-container .sidx-button,
.sidx-container button,
.sidx-container .sidx-btn {
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 600;
  border: 1px solid var(--ciampa-main) !important;
  background: transparent !important;
  color: var(--ciampa-main) !important;
  border-radius: 0 !important;
  transition: all .18s ease-in-out;
}
.sidx-container .sidx-button:hover,
.sidx-container button:hover,
.sidx-container .sidx-btn:hover,
.sidx-container .sidx-button:focus {
  background: var(--ciampa-secondary) !important;
  border-color: var(--ciampa-secondary) !important;
  color: #fff !important;
}

/* Primary: solid dark-blue → light-blue on hover */
.sidx-container .sidx-button.sidx-primary,
.sidx-container .sidx-cta,
.sidx-container .sidx-contact-button {
  background: var(--ciampa-main) !important;
  border-color: var(--ciampa-main) !important;
  color: #fff !important;
}

/* ---------------- View All Properties Button ---------------- */
button.sidx-hotsheet-see-all-results {
padding: 12px 15px !important;
font-size: 17px !important;
}

/* ---------------- Search bar (top) ---------------- */
/* Price / Beds / Baths / Type */
.sidx-container .sidx-searchform .sidx-basic .sidx-field {
  background: transparent !important;
  border: 1px solid var(--ciampa-main) !important;
  color: var(--ciampa-main) !important;
  border-radius: 0 !important;
  font-weight: 600;
  transition: all .18s ease;
}
.sidx-container .sidx-searchform .sidx-basic .sidx-field:hover,
.sidx-container .sidx-searchform .sidx-basic .sidx-field:focus {
  background: var(--ciampa-secondary) !important;
  border-color: var(--ciampa-secondary) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* More (streamlined toggle) */
.sidx-container .sidx-streamlined-search .sidx-streamlined-toggle {
  background: transparent !important;
  border: 1px solid var(--ciampa-main) !important;
  color: var(--ciampa-main) !important;
  border-radius: 0 !important;
  font-weight: 600;
  transition: all .18s ease;
}
.sidx-container .sidx-streamlined-search .sidx-streamlined-toggle:hover,
.sidx-container .sidx-streamlined-search .sidx-streamlined-toggle:focus {
  background: var(--ciampa-secondary) !important;
  border-color: var(--ciampa-secondary) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Save Search (dropdown pill used by Showcase) */
.sidx-container .sidx-dropdown-pill.sidx-save-search-pill {
  background: var(--ciampa-main) !important;
  border: 1px solid var(--ciampa-main) !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  font-weight: 600;
  transition: all .18s ease;
}
.sidx-container .sidx-dropdown-pill.sidx-save-search-pill:hover,
.sidx-container .sidx-dropdown-pill.sidx-save-search-pill:focus {
  background: var(--ciampa-secondary) !important;
  border-color: var(--ciampa-secondary) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Location “pills” (selected locations) & consolidated locations dropdown */
.sidx-container .sidx-primary-pill,
.sidx-container .sidx-secondary-pill,
.sidx-container .sidx-dropdown-pill.sidx-primary {
  background: transparent !important;
  color: var(--ciampa-main) !important;
  border: 1px solid var(--ciampa-main) !important;
  border-radius: 0 !important;
}
.sidx-container .sidx-primary-pill:hover,
.sidx-container .sidx-secondary-pill:hover,
.sidx-container .sidx-dropdown-pill.sidx-primary:hover {
  background: var(--ciampa-secondary) !important;
  border-color: var(--ciampa-secondary) !important;
  color: #fff !important;
}

/* Mobile “Use My Current Location” */
.sidx-container .sidx-suggestions-use-geo .sidx-geo-search-button.sidx-geo-search-button {
  background: transparent !important;
  color: var(--ciampa-main) !important;
  border: 1px solid var(--ciampa-main) !important;
  border-radius: 0 !important;
}
.sidx-container .sidx-suggestions-use-geo .sidx-geo-search-button.sidx-geo-search-button:hover {
  background: var(--ciampa-secondary) !important;
  border-color: var(--ciampa-secondary) !important;
  color: #fff !important;
}

/* ---------------- Map & popup ---------------- */
.sidx-container .sidx-map-marker-for-sale,
.sidx-container .sidx-map-marker-for-rent {
  background: var(--ciampa-secondary) !important;
  border: 1px solid var(--ciampa-main) !important;
  color: #fff !important;
}
.sidx-container .sidx-map-marker-for-sale:before,
.sidx-container .sidx-map-marker-for-sale:after,
.sidx-container .sidx-map-marker-for-rent:before,
.sidx-container .sidx-map-marker-for-rent:after {
  border-top-color: var(--ciampa-secondary) !important;
}
.sidx-container .sidx-map-dot-for-sale .sidx-dot {
  background: var(--ciampa-secondary) !important;
  border: 1px solid var(--ciampa-main) !important;
}
/* Popup text colors */
.sidx-container .sidx-map-popup .sidx-price { color: var(--ciampa-main) !important; }
.sidx-container .sidx-map-popup .sidx-sale-type.sidx-for-sale { color: var(--ciampa-secondary) !important; }
.sidx-container .sidx-map-popup .sidx-info-blocks .sidx-info-block { color: var(--ciampa-text) !important; }

/* ---------------- Results grid (cards) ---------------- */
.sidx-container .sidx-search-results .sidx-listing {
  border: 1px solid var(--ciampa-border);
  border-radius: 0 !important;
  background: #fff;
  font-size: 15px !important; /* base readability */
  line-height: 1.5 !important;
}
/* Your updated sizes */
.sidx-container .sidx-search-result-grid-item .sidx-listing-heading {
  font-size: 1.2em !important;
  font-weight: 600 !important;
  color: var(--ciampa-text) !important;
}
.sidx-container .sidx-search-results .sidx-primary-info .sidx-price {
  font-size: 1.7em !important;
  font-weight: 700 !important;
  color: var(--ciampa-main) !important;
}
.sidx-container .sidx-search-results .sidx-info-blocks .sidx-info-block {
  font-size: 1.1em !important;
  color: var(--ciampa-text) !important;
}
.sidx-container .sidx-search-results .sidx-mls-details {
  font-size: 1em !important;
  color: var(--ciampa-secondary) !important;
}

/* Bottom action bar icons (Save / Ask / Tour / Hide / Share) */
.sidx-container .sidx-search-results .sidx-action-bar {
  background: var(--ciampa-main) !important;
  border: none !important;
}
.sidx-container .sidx-search-results .sidx-action-bar i {
  color: #fff !important;
  opacity: 0.9;
  transition: opacity .15s ease;
}
.sidx-container .sidx-search-results .sidx-action-bar i:hover { opacity: 1; }

/* Ribbons (New, Featured, Open House, etc.) */
.sidx-ribbon.sidx-new-listing,
.sidx-ribbon.sidx-featured,
.sidx-ribbon.sidx-foreclosure,
.sidx-ribbon.sidx-open-houses,
.sidx-ribbon.sidx-short-sale,
.sidx-ribbon.sidx-price-drop {
  background: var(--ciampa-main) !important;
  color: #fff !important;
  border-radius: 0 !important;
}

/* Sort dropdown */
.sidx-container .sidx-sort select,
.sidx-container .sidx-sort .sidx-select {
  border: 1px solid var(--ciampa-main) !important;
  border-radius: 0 !important;
  color: var(--ciampa-main) !important;
}

/* ---------------- Listing detail page ---------------- */
/* Prev / Next / Back to results */
.sidx-container .sidx-listing-nav,
.sidx-container .sidx-listing-nav a { color: var(--ciampa-main) !important; }
.sidx-container .sidx-listing-nav a:hover { color: var(--ciampa-secondary) !important; }

/* Primary actions row (Save / Ask / Tour / Hide / Share) */
.sidx-container .sidx-primary-actions {
  border: 1px solid var(--ciampa-border) !important;
  border-radius: 0 !important;
  background: #fff;
}
.sidx-container .sidx-primary-actions,
.sidx-container .sidx-primary-actions .sidx-action-icon i,
.sidx-container .sidx-primary-actions .sidx-action-label {
  color: var(--ciampa-main) !important;
}

/* CTAs: Ask a Question / Schedule a Tour */
.sidx-container .sidx-contact,
.sidx-container .sidx-tour,
.sidx-container .sidx-button.sidx-cta {
  background: var(--ciampa-main) !important;
  border-color: var(--ciampa-main) !important;
  color: #fff !important;
  border-radius: 0 !important;
}
.sidx-container .sidx-contact:hover,
.sidx-container .sidx-tour:hover,
.sidx-container .sidx-button.sidx-cta:hover {
  background: var(--ciampa-secondary) !important;
  border-color: var(--ciampa-secondary) !important;
}

/* Detail tables */
.sidx-container .sidx-listing-details .sidx-table,
.sidx-container .sidx-listing-details table { border-color: var(--ciampa-border) !important; }
.sidx-container .sidx-listing-details th,
.sidx-container .sidx-listing-details td {
  border-color: var(--ciampa-border) !important;
  color: var(--ciampa-text) !important;
}

/* Friends & Family/comment areas */
.sidx-container .sidx-comment-box,
.sidx-container .sidx-user-post {
  border-radius: 0 !important;
  border: 1px solid var(--ciampa-border) !important;
  background: #fff !important;
}

/* ---------------- Registered user dashboard ---------------- */
.sidx-container .sidx-main-header .sidx-header-link {
  color: var(--ciampa-main) !important;
  font-size: 16px !important;
}
.sidx-container .sidx-dashboard .sidx-activity .sidx-activity-item .sidx-address { color: var(--ciampa-main) !important; }
.sidx-container .sidx-dashboard .sidx-activity .sidx-activity-item .sidx-action-icon i.sidx-eye { color: var(--ciampa-secondary) !important; }

/* Invite a Friend button (visibility & alignment) */
.sidx-container .sidx-user-profile .search-party-invite-button button {
  background: var(--ciampa-main) !important;
  border: 1px solid var(--ciampa-main) !important;
  color: #fff !important;
  font-weight: 600;
  border-radius: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 18px;
  transition: all .18s ease;
}
.sidx-container .sidx-user-profile .search-party-invite-button button:hover {
  background: var(--ciampa-secondary) !important;
  border-color: var(--ciampa-secondary) !important;
}
.sidx-container .sidx-user-profile .search-party-invite-button button i,
.sidx-container .sidx-user-profile .search-party-invite-button button svg {
  color: #fff !important;
  margin-right: 6px;
  font-size: 14px;
  line-height: 1;
}

/* ---------------- Mortgage calculator ---------------- */
.sidx-container .sidx-mortgage-calculator,
.sidx-container .sidx-mortgage { border: 1px solid var(--ciampa-border); border-radius: 0 !important; background: #fff; }
.sidx-container .sidx-mortgage-calculator input,
.sidx-container .sidx-mortgage-calculator select {
  border: 1px solid var(--ciampa-main) !important;
  border-radius: 0 !important;
  color: var(--ciampa-main) !important;
  font-size: 15px !important;
}
.sidx-container .sidx-mortgage-calculator button,
.sidx-container .sidx-mortgage button {
  border-radius: 0 !important;
  background: var(--ciampa-main) !important;
  border: 1px solid var(--ciampa-main) !important;
  color: #fff !important;
  transition: all .18s ease;
}
.sidx-container .sidx-mortgage-calculator button:hover,
.sidx-container .sidx-mortgage button:hover {
  background: var(--ciampa-secondary) !important;
  border-color: var(--ciampa-secondary) !important;
}

/* ---------------- Misc polish ---------------- */
.sidx-container .sidx-card,
.sidx-container .sidx-panel,
.sidx-container .sidx-box { border-radius: 0 !important; border: 1px solid var(--ciampa-border); background: #fff; }
.sidx-container .sidx-divider, .sidx-container hr { border-top: 1px solid var(--ciampa-border) !important; }
/* Remove default focus glows on the key controls */
.sidx-container .sidx-dropdown-pill.sidx-save-search-pill:focus,
.sidx-container .sidx-streamlined-search .sidx-streamlined-toggle:focus,
.sidx-container .sidx-searchform .sidx-basic .sidx-field:focus { box-shadow: none !important; outline: none !important; }

/* === Patch 2: status color + primary-actions padding + button line-height === */

/* Turn green status lines (FOR SALE / PENDING, etc.) to brand blue */
.sidx-container .sidx-search-results .sidx-mls-details .sidx-for-sale,
.sidx-container .sidx-search-results .sidx-mls-details .sidx-pending,
.sidx-container .sidx-search-results .sidx-mls-details .sidx-active,
.sidx-container .sidx-search-results .sidx-mls-details .sidx-under-contract,
.sidx-container .sidx-search-results .sidx-mls-details .sidx-status,
.sidx-container .sidx-mls-details .sidx-for-sale,
.sidx-container .sidx-mls-details .sidx-pending,
.sidx-container .sidx-mls-details .sidx-active,
.sidx-container .sidx-mls-details .sidx-under-contract,
.sidx-container .sidx-mls-details .sidx-status {
  color: #24597d !important;
}

/* Safety net for any other status class */
.sidx-container .sidx-for-sale,
.sidx-container .sidx-pending,
.sidx-container .sidx-active,
.sidx-container .sidx-under-contract {
  color: #24597d !important;
}

/* Add uniform padding to primary action icons + labels */
.sidx-container .sidx-primary-actions,
.sidx-container .sidx-primary-actions .sidx-action-icon i,
.sidx-container .sidx-primary-actions .sidx-action-label {
  padding: 10px !important;
}

/* Normalize button text vertical spacing */
.sidx-container .sidx-button,
.sidx-container button,
.sidx-container .sidx-btn {
  line-height: 1.3em !important;
}


.sidx-container button, .sidx-container input, .sidx-container keygen, .sidx-container select, .sidx-container textarea
Specificity: (0,1,1)
 {
    font-size: 1.3em;
}




.sidx-days-online {
    background-color: #14354c !important;
    padding: 0.5em !important;
}

.sidx-listing-details {
    font-weight: 400 !important;
    font-size: 16px !important;
}

.sidx-container .sidx-listing-details .sidx-columns .sidx-listing-description {
    font-weight: 400 !important;
    font-size: 18px !important;
color: #334155 !important;
}

/* --- Fix Showcase IDX signup legal text --- */
.sidx-container .sidx-signup__section,
.sidx-container .sidx-signup__section label,
.sidx-container .sidx-signup__section p {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: var(--ciampa-muted) !important;
}

/* --- Normalize Showcase IDX labels (forms + modals) --- */
.sidx-container label {
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  line-height: 1.4 !important;
  color: var(--ciampa-text) !important;
}