/* =========================================
   IHF / IDXHome Quick Search Brand Color
   Color: #CEAC5C
========================================= */

:root{
  --ihf-accent: #CEAC5C;
  --ihf-accent-hover: #b89444; /* slightly darker hover */
}

/* Button color (your submit button is .btn-primary + ihf classes) */
#ihf-main-container .ihf-quick-search-form .btn,
#ihf-main-container .ihf-quick-search-form .btn-primary,
#ihf-main-container .ihf-main-search-form-submit{
  background: var(--ihf-accent) !important;
  border-color: var(--ihf-accent) !important;
  color: #fff !important;
}

/* Hover/focus */
#ihf-main-container .ihf-quick-search-form .btn:hover,
#ihf-main-container .ihf-quick-search-form .btn-primary:hover,
#ihf-main-container .ihf-main-search-form-submit:hover,
#ihf-main-container .ihf-quick-search-form .btn:focus,
#ihf-main-container .ihf-quick-search-form .btn-primary:focus,
#ihf-main-container .ihf-main-search-form-submit:focus{
  background: var(--ihf-accent-hover) !important;
  border-color: var(--ihf-accent-hover) !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* If the icon is inheriting a grey color */
#ihf-main-container .ihf-main-search-form-submit i{
  color: #fff !important;
}

/* Inputs: focus outline/border to match */
#ihf-main-container .ihf-quick-search-form .form-control:focus{
  border-color: var(--ihf-accent) !important;
  box-shadow: 0 0 0 1px var(--ihf-accent) !important;
}

/* The "$" overlay color */
#ihf-main-container .ihf-label-overlay-money{
  color: var(--ihf-accent) !important;
}

/* Chosen dropdown (Beds/Baths) */
#ihf-main-container .ihf-quick-search-form .chosen-container .chosen-single{
  border-color: rgba(0,0,0,.2) !important;
}
#ihf-main-container .ihf-quick-search-form .chosen-container-active .chosen-single{
  border-color: var(--ihf-accent) !important;
  box-shadow: 0 0 0 1px var(--ihf-accent) !important;
}

/* Highlighted option inside the dropdown */
#ihf-main-container .ihf-quick-search-form .chosen-container .chosen-results li.highlighted{
  background: var(--ihf-accent) !important;
  color: #fff !important;
}

/* =========================================
   IHF / IDXHome Advanced Search Brand Color
   Accent: #CEAC5C
========================================= */

:root{
  --ihf-accent: #CEAC5C;
  --ihf-accent-hover: #b89444;
}

/* 1) ALL primary buttons inside IHF (covers ihf-main-search-form + others) */
#ihf-main-container .btn-primary,
#ihf-main-container .btn.btn-primary,
#ihf-main-container button.btn-primary,
#ihf-main-container input.btn-primary{
  background: var(--ihf-accent) !important;
  border-color: var(--ihf-accent) !important;
  color: #fff !important;
}

/* Hover/focus */
#ihf-main-container .btn-primary:hover,
#ihf-main-container .btn.btn-primary:hover,
#ihf-main-container button.btn-primary:hover,
#ihf-main-container .btn-primary:focus,
#ihf-main-container .btn.btn-primary:focus,
#ihf-main-container button.btn-primary:focus{
  background: var(--ihf-accent-hover) !important;
  border-color: var(--ihf-accent-hover) !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* 2) Tabs (Location / Draw on Map) */
#ihf-main-container #ihf-search-location-tabs > li > a{
  color: var(--ihf-accent) !important;
}
#ihf-main-container #ihf-search-location-tabs > li.active > a,
#ihf-main-container #ihf-search-location-tabs > li.active > a:hover,
#ihf-main-container #ihf-search-location-tabs > li.active > a:focus{
  color: #000 !important;
  border-bottom-color: transparent !important;
}
#ihf-main-container #ihf-search-location-tabs > li.active{
  border-bottom: 2px solid var(--ihf-accent) !important;
}

/* 3) The "View All" top bar inside the expanded area picker (this is literally .btn-primary on a DIV) */
#ihf-main-container #areaPickerExpandAll .areaPickerExpandAllTopBar.btn-primary{
  background: var(--ihf-accent) !important;
  border-color: var(--ihf-accent) !important;
  color: #fff !important;
}
#ihf-main-container #areaPickerExpandAll .areaPickerExpandAllTopBar.btn-primary *{
  color: #fff !important;
}

/* 4) The "View All" button that is .btn-link */
#ihf-main-container #autocompleteMatch .btn-link,
#ihf-main-container .btn-link{
  color: var(--ihf-accent) !important;
}
#ihf-main-container #autocompleteMatch .btn-link:hover,
#ihf-main-container .btn-link:hover{
  color: var(--ihf-accent-hover) !important;
  text-decoration: none !important;
}

/* 5) Inputs focus */
#ihf-main-container .form-control:focus{
  border-color: var(--ihf-accent) !important;
  box-shadow: 0 0 0 1px var(--ihf-accent) !important;
}

/* 6) Money overlay "$" */
#ihf-main-container .ihf-label-overlay-money{
  color: var(--ihf-accent) !important;
}

/* 7) Chosen dropdowns (single + multi) */
#ihf-main-container .chosen-container-active .chosen-single,
#ihf-main-container .chosen-container-active .chosen-choices{
  border-color: var(--ihf-accent) !important;
  box-shadow: 0 0 0 1px var(--ihf-accent) !important;
}
#ihf-main-container .chosen-container .chosen-results li.highlighted{
  background: var(--ihf-accent) !important;
  color: #fff !important;
}

/* =========================================
   Gravity Forms - Sitewide Brand Styling
   Accent: #CEAC5C
========================================= */
:root{
  --gf-accent: #CEAC5C;
  --gf-accent-hover: #b89444;
}

/* ---- Buttons (Next / Submit) ---- */
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"].gform_button,
.gform_wrapper button.gform_button{
  background: var(--gf-accent) !important;
  border: 1px solid var(--gf-accent) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 12px 18px !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

/* Hover */
.gform_wrapper .gform_next_button:hover,
.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"].gform_button:hover,
.gform_wrapper button.gform_button:hover{
  background: var(--gf-accent-hover) !important;
  border-color: var(--gf-accent-hover) !important;
}

/* ---- "Previous" button as secondary/outline ---- */
.gform_wrapper .gform_previous_button{
  background: transparent !important;
  border: 1px solid var(--gf-accent) !important;
  color: var(--gf-accent) !important;
  border-radius: 8px !important;
  padding: 12px 18px !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.gform_wrapper .gform_previous_button:hover{
  background: rgba(206, 172, 92, .12) !important;
  border-color: var(--gf-accent-hover) !important;
  color: var(--gf-accent-hover) !important;
}

/* ---- Inputs (text/select/textarea) ---- */
.gform_wrapper input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.gform_wrapper select,
.gform_wrapper textarea{
  border-radius: 8px !important;
}

/* Focus states */
.gform_wrapper input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus{
  border-color: var(--gf-accent) !important;
  box-shadow: 0 0 0 2px rgba(206, 172, 92, .35) !important;
  outline: none !important;
}

/* ---- Checkbox / radio accent color (supported browsers) ---- */
.gform_wrapper input[type="checkbox"],
.gform_wrapper input[type="radio"]{
  accent-color: var(--gf-accent);
}

/* ---- Multi-page progress steps ---- */
.gform_wrapper .gf_page_steps .gf_step_number{
  border-color: rgba(0,0,0,.25) !important;
}

/* Active step */
.gform_wrapper .gf_page_steps .gf_step_active .gf_step_number{
  background: var(--gf-accent) !important;
  border-color: var(--gf-accent) !important;
  color: #fff !important;
}

/* Completed steps (GF uses a few possible classes depending on theme/version) */
.gform_wrapper .gf_page_steps .gf_step_completed .gf_step_number,
.gform_wrapper .gf_page_steps .gf_step_previous .gf_step_number{
  background: var(--gf-accent) !important;
  border-color: var(--gf-accent) !important;
  color: #fff !important;
}

/* Optional: connector line (not always present depending on theme) */
.gform_wrapper .gf_page_steps:before{
  border-top-color: rgba(206, 172, 92, .35) !important;
}

/* =========================================
   Gravity Forms Step Numbers - Minimal Style
   No Box, Just Gold Active Number
========================================= */

/* Remove ALL background + borders from step numbers */
.gform_wrapper .gf_page_steps .gf_step_number{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #616161 !important; /* grey for inactive */
  font-weight: 600;
}

/* Active step number */
.gform_wrapper .gf_page_steps .gf_step_active .gf_step_number{
  background: transparent !important;
  border: none !important;
  color: #CEAC5C !important;
}

/* Completed / previous steps */
.gform_wrapper .gf_page_steps .gf_step_completed .gf_step_number,
.gform_wrapper .gf_page_steps .gf_step_previous .gf_step_number{
  background: transparent !important;
  border: none !important;
  color: #CEAC5C !important;
}
/* ===== Legacy Team IDX Styling (Optima / iHomefinder) ===== */
:root{
  --legacy-gold: #CEAC5C; /* <-- change this to your exact gold */
  --legacy-gold-dark: #b89444;
}

/* Scope everything to the listing results wrapper so you don't affect other pages */
.ihf-listing-search-results a{
  color: var(--legacy-gold);
}
.ihf-listing-search-results a:hover{
  color: var(--legacy-gold-dark);
}

/* Buttons (the big For Sale / Pending tabs + Update button, etc.) */
.ihf-listing-search-results .btn.btn-primary,
.ihf-listing-search-results a.btn.btn-primary,
.ihf-listing-search-results button.btn.btn-primary{
  background: var(--legacy-gold) !important;
  border-color: var(--legacy-gold) !important;
  color: #fff !important;
}
.ihf-listing-search-results .btn.btn-primary:hover,
.ihf-listing-search-results .btn.btn-primary:focus{
  background: var(--legacy-gold-dark) !important;
  border-color: var(--legacy-gold-dark) !important;
}

/* The "active" tab (Pending) */
.ihf-listing-search-results .btn.btn-primary.active{
  background: var(--legacy-gold-dark) !important;
  border-color: var(--legacy-gold-dark) !important;
}

/* The top price bar on each listing card */
.ihf-listing-search-results .ihf-grid-result-price{
  background: var(--legacy-gold) !important;
}
.ihf-listing-search-results .ihf-grid-result-price a,
.ihf-listing-search-results .ihf-grid-result-price .ihf-for-sale-price{
  color: #fff !important;
}

/* Map number bubbles */
.ihf-listing-search-results .ihf-map-icon{
  background: var(--legacy-gold) !important;
  border: 1px solid var(--legacy-gold-dark) !important;
  color: #fff !important;
}

/* Refine / Sort links so they look on-brand */
.ihf-listing-search-results #ihf-refine-search-button,
.ihf-listing-search-results .btn.btn-link{
  color: var(--legacy-gold) !important;
}
.ihf-listing-search-results #ihf-refine-search-button:hover,
.ihf-listing-search-results .btn.btn-link:hover{
  color: var(--legacy-gold-dark) !important;
  text-decoration: none;
}

/* Pagination */
.ihf-listing-search-results .pagination > li > a,
.ihf-listing-search-results .pagination > li > span{
  color: var(--legacy-gold) !important;
}
.ihf-listing-search-results .pagination > li.active > a{
  background: var(--legacy-gold) !important;
  border-color: var(--legacy-gold) !important;
  color: #fff !important;
}

/* IHF grid card attribution: allow wrap + nicer spacing */
#ihf-main-container .ihf-grid-result-attribution,
#ihf-main-container .ihf-grid-result-attribution p{
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;

  line-height: 1.25 !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
/* Add breathing room on ONLY this page (non-Elementor themes) */
body.page-id-999999999 #primary,
body.page-id-999999999 #content,
body.page-id-999999999 .site-content,
body.page-id-999999999 .content-area,
body.page-id-999999999 main,
body.page-id-999999999 .entry-content{
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}

/* Safety: avoid weird margin-collapsing that can "eat" padding in some themes */
body.page-id-999999999 .entry-content::before,
body.page-id-999999999 .entry-content::after{
  content: " ";
  display: table;
}

/* Solid 9:16 responsive Vimeo wrapper */
.vimeo-embed.vimeo-9x16{
  position: relative !important;
  width: 100% !important;
  height: 0 !important;
  padding-top: 177.7778% !important; /* 16/9 = 1.777... -> 9:16 portrait */
  overflow: visible !important;
}

.vimeo-embed.vimeo-9x16 iframe{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Elementor container/grid clipping fix */
.e-con,
.e-con-inner,
.elementor-widget-html,
.elementor-widget-html .elementor-widget-container{
  overflow: visible !important;
}