:root {
--zp-teal: #1ea69a;
--zp-teal-dark: #0b7d73;
--zp-ink: #14302d;
--zp-text: #4a5a58;
--zp-sand: #f6f4ef;
--zp-line: #e4e8e7;
--zp-radius: 14px;
--zp-shadow: 0 1px 2px rgba(20, 48, 45, .06), 0 8px 24px rgba(20, 48, 45, .08);
--zp-head: "Manrope", "Rubik", sans-serif;
} h1, h2, h3, h4,
.rh_page__title, .SFOI__title, .rhea-section-title, .rh_section__title,
.rh_prop_card__details_elementor h3, .rh_prop_card__details h3 {
font-family: var(--zp-head);
color: var(--zp-ink);
letter-spacing: -.01em;
} .rh_prop_card_elementor .rh_prop_card__wrap,
.rh_prop_card .rh_prop_card__wrap,
.rh_list_card__wrap {
border-radius: var(--zp-radius);
overflow: hidden;
box-shadow: var(--zp-shadow);
background: #fff;
transition: transform .2s ease, box-shadow .2s ease;
}
.rh_prop_card_elementor .rh_prop_card__wrap:hover,
.rh_prop_card .rh_prop_card__wrap:hover {
transform: translateY(-3px);
box-shadow: 0 2px 4px rgba(20, 48, 45, .08), 0 16px 32px rgba(20, 48, 45, .12);
}
.rh_prop_card__details_elementor h3,
.rh_prop_card__details h3 { font-size: 18px; line-height: 1.35; font-weight: 700; }
.rh_prop_card__details_elementor h3 a,
.rh_prop_card__details h3 a { color: var(--zp-ink); }
.rh_prop_card__excerpt { display: none; }
.rhea_address_sty a, .rh_prop_card__address { text-decoration: none !important; color: var(--zp-text) !important; font-size: 13px; }
.rh_prop_card__price, .property-current-price, .rh_page__property_price .price {
font-family: var(--zp-head);
font-weight: 800;
color: var(--zp-teal-dark) !important;
}
.rh_prop_card__status {
display: inline-block;
background: #e6f4f2;
color: var(--zp-teal-dark);
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .06em;
padding: 3px 8px;
border-radius: 999px;
} .rh_btn--primary, .rh_btn--secondary, .elementor-button,
.rh_prop_search__buttons .rh_btn, .SFOI__form .rh_btn {
border-radius: 10px;
}
.rh_pagination .current, .rh_pagination a.current, .pagination .current {
background: var(--zp-teal-dark) !important;
border-color: var(--zp-teal-dark) !important;
color: #fff !important;
} .rh_mod_sfoi_overlay { background: linear-gradient(180deg, rgba(10, 30, 28, .55), rgba(10, 30, 28, .35)) !important; opacity: 1 !important; }
.SFOI__title {
color: #fff !important;
font-size: clamp(30px, 4.4vw, 56px) !important;
font-weight: 800 !important;
line-height: 1.1 !important;
max-width: 900px;
margin: 0 auto 14px !important;
text-transform: none !important;
}
.SFOI__description { color: rgba(255, 255, 255, .92) !important; font-size: clamp(16px, 1.5vw, 20px) !important; } footer.rh_footer { background: var(--zp-ink) !important; }
.rh_footer .widget-title, .rh_footer h4 { font-family: var(--zp-head); color: #fff !important; }
.rh_footer, .rh_footer p { color: rgba(255, 255, 255, .78); }
.rh_footer .tagcloud a, .widget .tagcloud a {
background: rgba(255, 255, 255, .08) !important;
border: 1px solid rgba(255, 255, 255, .18);
border-radius: 999px;
color: #fff !important;
font-size: 13px !important;
}
.rh_footer .tagcloud a:hover { background: var(--zp-teal) !important; }
.zp-footer-contact { line-height: 1.9; }
.zp-footer-contact a { color: #fff; }
.zp-footer-contact strong { display: block; color: #fff; font-family: var(--zp-head); font-size: 18px; margin-bottom: 6px; } .single-property .realhomes_comments { display: none; }
.rh_property__sidebar .widget { border-radius: var(--zp-radius); } .zp-sticky-cta { display: none; }
@media (max-width: 767px) { .single-property .rh_prop_search { display: none !important; } body.single-property .rh_property__main { order: 1; }
body.single-property .rh_property__sidebar { order: 2; }
.zp-sticky-cta {
display: flex;
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: 9999;
gap: 8px;
padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
background: #fff;
box-shadow: 0 -6px 20px rgba(20, 48, 45, .12);
}
.zp-sticky-cta a {
flex: 1;
text-align: center;
padding: 13px 10px;
border-radius: 10px;
font-weight: 700;
font-size: 15px;
text-decoration: none;
}
.zp-sticky-cta__wa { background: #1fae5b; color: #fff !important; }
.zp-sticky-cta__tel { background: #fff; color: var(--zp-teal-dark) !important; border: 2px solid var(--zp-teal-dark); }
.single-property .rh_wrap { padding-bottom: 76px; }
}