.elementor-kit-4695{--e-global-color-primary:#0272B6;--e-global-color-secondary:#6C757D;--e-global-color-text:#606060;--e-global-color-accent:#fef101;--e-global-color-border:#eeeeee;--e-global-color-dark:#333;--e-global-color-light:#FAFAFA;--e-global-color-gray:#8F8F8F;--e-global-color-muted:#ABABAB;--e-global-color-placeholder:#B6B6B6;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-4695 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*********************************************************
 * LOGO SQUARE ONLY (no other elements touched)
 * Where to paste: Appearance → Customize → Additional CSS
 * Tweak ONLY these two knobs if needed:
 *********************************************************/
/* Make the header row a proper flex bar */
/* Make the header row a proper bar and vertically center children */
.header-above-inner {
  display: flex;
  align-items: center;
  min-height: var(--g5-navigation-height, 82px);
}

/* Normalize the logo box and kill baseline gaps */
.logo-header {
  display: flex;
  align-items: center;
  line-height: 0;            /* removes inline-image baseline gap */
}

.logo-header a {
  display: flex;
  align-items: center;
}

/* The crucial reset for the IMG */
.logo-header img {
  display: block;            /* no inline baseline behavior */
  max-height: var(--g5-logo-max-height, 82px);
  height: auto;
  width: auto;

  /* nuke any weird positioning that may have crept in from theme/plugins */
  position: static !important;
  top: auto !important;
  transform: none !important;
  margin: 0 !important;
  vertical-align: middle;
}

/* Keep the menu to the right without affecting the logo */
.primary-menu {
  margin-left: auto;
}


/*.logo-header { outline: 1px solid red; }*/
/*.primary-menu { outline: 1px solid blue; }*/


/* OPTIONAL: If content overlaps under the square, UNCOMMENT this:
.header-nav-wrapper { padding-left: calc(var(--logoSquareW) + 12px) !important; }
*/

/* OPTIONAL: If the square is not as tall as both header rows combined, UNCOMMENT and set a min height:
.header-wrapper .container { min-height: 176px; }
*/

.view-all-link a,
.view-all-link .btn {
  color: #fff !important;        
/* force white text */
  margin-top: 18px !important;   /* adjust this number if needed */
}

.view-all-link a:hover,
.view-all-link a:focus,
.view-all-link .btn:hover,
.view-all-link .btn:focus {
  color: var(--e-global-color-primary) !important; /* primary blue on hover */
}

/* ---------- 1) Bottom strip text color rules ---------- */
/* Make items inside the strip inherit the strip color */
.ere__loop-property-info .ere__lpi-value,
.ere__loop-property-info .ere__lpi-label,
.ere__loop-property-info i {
  color: inherit !important;
}

/* Default (yellow strip): keep dark text */
.ere-item-wrap .ere__loop-property-info .property-info-inner {
  color: var(--g5-color-accent-foreground, #000) !important;
}

/* Middle card ALWAYS white text.
   Try common "primary" placements first... */
.ere-item-wrap .property-inner.bg-primary .ere__loop-property-info .property-info-inner,
.ere-item-wrap.bg-primary .ere__loop-property-info .property-info-inner,
.ere-item-wrap .bg-primary .ere__loop-property-info .property-info-inner,
.ere-item-wrap .property-info-inner.bg-primary {
  color: var(--e-global-color-primary-foreground, #fff) !important;
}

/* ...and fall back to the middle visible item in a 3-up carousel */
.owl-carousel .owl-item.active:nth-child(2) .ere__loop-property-info .property-info-inner {
  color: var(--e-global-color-primary-foreground, #fff) !important;
}

/* Any card when its strip turns blue on hover → white text */
.ere-item-wrap:hover .ere__loop-property-info .property-info-inner {
  color: var(--e-global-color-primary-foreground, #fff) !important;
}

/* ---------- 2) Make the small UI icons a darker accent ---------- */
:root { --accent-darker: #F7C80F; } /* darker yellow/orange */
/* 1) location pin */
.ere-item-wrap .ere__loop-property-location > i {
  color: var(--accent-darker) !important;
}

/* 2) inline meta row (type, agent, date) */
.ere-item-wrap .property-element-inline .property-type-list > i,
.ere-item-wrap .property-element-inline .property-agent > a > i,
.ere-item-wrap .property-element-inline .property-date > i {
  color: var(--accent-darker) !important;
}

/* Link hover/focus color inside location + inline meta rows */
.ere-item-wrap .ere__loop-property-location a:hover,
.ere-item-wrap .ere__loop-property-location a:focus,
.ere-item-wrap .property-element-inline a:hover,
.ere-item-wrap .property-element-inline a:focus {
  color: var(--e-global-color-primary) !important; /* was accent */
  text-decoration: none; /* optional: keep it clean */
}

/*target property listings page*/
/* 1) Default state: accent bg + black text */
.ere-advanced-search-btn,
.nav-tabs .nav-link.active,
a.btn.btn-primary,
button.btn.btn-primary {
  background-color: var(--ere-color-accent) !important;
  border-color: var(--ere-color-accent) !important;
  color: #000 !important; /* black text */
}

/* 2) Hover/Focus: transparent bg + primary blue text & border */
.btn-status-filter:hover,
.btn-status-filter:focus {
	background: none !important;
}

.ere-advanced-search-btn:hover,
.ere-advanced-search-btn:focus,
.nav-tabs .nav-link.active:hover,
a.btn.btn-primary:hover,
a.btn.btn-primary:focus,
button.btn.btn-primary:hover,
button.btn.btn-primary:focus {
  background-color: transparent !important;
  color: var(--e-global-color-primary) !important;       /* blue text */
  border-color: var(--e-global-color-primary) !important; /* blue border */
}

/* 3) Keep active filter looking like default (accent bg + black text) */
.btn-status-filter.active {
  background-color: var(--ere-color-accent) !important;
  border-color: var(--ere-color-accent) !important;
  color: #000 !important;
}

/* 4) Make icons inherit the text color on these buttons */
.btn-status-filter i,
.ere-advanced-search-btn i,
a.btn.btn-primary i,
button.btn.btn-primary i,
.nav-tabs .nav-link.active i {
  color: currentColor !important;
}

/* Status tabs: keep ACTIVE item text black, even on hover/focus */
ul li.active > a[data-status] {
  color: #000 !important;
}


.ere-search-status ul li.active > a[data-status] { color:#000 !important; }
.ere-search-status ul li.active > a[data-status]:hover,
.ere-search-status ul li.active > a[data-status]:focus { color:#000 !important; } 

/* Property card badges: text black */
.property-inner .ere__lpb-featured-label .ere__lpbi-inner,
.property-inner .ere__lpb-status .ere__lpbi-inner {
  color: #000 !important;
}

/* Property card bottom info strip: default text = black */
.property-inner .ere__loop-property-info .ere__loop-property-info-item i,
.property-inner .ere__loop-property-info .ere__lpi-content,
.property-inner .ere__loop-property-info .ere__lpi-content .ere__lpi-value,
.property-inner .ere__loop-property-info .ere__lpi-content .ere__lpi-label {
  color: #000 !important;
}

/* On hover, make the strip text white */
.property-inner:hover .ere__loop-property-info .ere__loop-property-info-item i,
.property-inner:hover .ere__loop-property-info .ere__lpi-content,
.property-inner:hover .ere__loop-property-info .ere__lpi-content .ere__lpi-value,
.property-inner:hover .ere__loop-property-info .ere__lpi-content .ere__lpi-label,
.ere__loop-property-info:hover .ere__loop-property-info-item i,
.ere__loop-property-info:hover .ere__lpi-content,
.ere__loop-property-info:hover .ere__lpi-content .ere__lpi-value,
.ere__loop-property-info:hover .ere__lpi-content .ere__lpi-label {
  color: #fff !important;
}


/* Submit Review button: black text by default */
button.ere__btn-submit-rating.btn.btn-default {
  color: #000 !important;
  background-color: var(--ere-color-accent, #fef101) !important; /* optional: keeps it on-brand */
  border-color: var(--ere-color-accent, #fef101) !important;
}

/* Hover / focus / active: transparent bg, primary text + border */
button.ere__btn-submit-rating.btn.btn-default:hover,
button.ere__btn-submit-rating.btn.btn-default:focus,
button.ere__btn-submit-rating.btn.btn-default:active,
button.ere__btn-submit-rating.btn.btn-default.active,
.show > button.ere__btn-submit-rating.btn.btn-default.dropdown-toggle {
  background-color: transparent !important;
  color: var(--e-global-color-primary, #0272B6) !important;
  border-color: var(--e-global-color-primary, #0272B6) !important;
  box-shadow: none !important; /* kill bootstrap focus ring if undesired */
}

/* Make any icon inside inherit the text color */
button.ere__btn-submit-rating i {
  color: currentColor !important;
}/* End custom CSS */