/*
Theme Name: WpResidence child theme
Theme URI: https://themeforest.net/item/wp-residence-real-estate-wordpress-theme/7896392
Description: WpResidence child theme
Author: WpEstate
Author URI: http://wpestate.org
Template: wpresidence
Version: 5.1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* Footer is dark (#001a33); raise muted text toward white */
#colophon .textwidget,
#colophon .textwidget p,
#colophon .widget_contact_addr,
#colophon .widget_contact_phone,
#colophon .widget_contact_email,
#colophon .contact_sidebar_wrap p,
#colophon .sub_footer,
#colophon .sub_footer_content,
#colophon .copyright {
color: #e8e8e8;
}
#colophon a,
#colophon li a,
#colophon .sub_footer a {
color: #f2f2f2;
}
#colophon .widget-title-footer {
color: #ffffff;
}
/* Keep visual weight when footer titles are instead of
*/
#colophon p.widget-title-footer {
margin: 0 0 15px;
font-size: 16px;
font-weight: 700;
line-height: 1.4;
text-transform: uppercase;
}
/* Keep blog card titles styled after H4→H3 */
.blog_unit h3 .blog_unit_title,
.property_listing_blog h3 .blog_unit_title {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
/* Modal titles demoted from H4 — keep visual weight */
.hilda-modal-heading,
p.title_compare {
margin: 0 0 10px;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
/* A11y: light gold on dark navy Client Stories eyebrow */
.elementor-element-b996489 .elementor-element-0c0f72e,
.elementor-element-b996489 .elementor-element-0c0f72e p {
color: #d3ad4c !important;
}
/* A11y: service / why-clients body copy — theme gray #7a7a7a fails on blush/off-white */
.elementor-element-7ff7f39 p,
.elementor-element-327c456 p,
.elementor-element-54cad27 p,
.elementor-element-3167e61 p,
.elementor-element-9caad99 p,
.elementor-element-f020227 p,
.elementor-element-8530efb p,
.elementor-element-4f84c74 p,
.elementor-element-426d37f span {
color: #595959 !important;
}
/* Homepage inline lead form: override theme chrome form hide */
#hilda-home-lead .agent_contanct_form {
display: block !important;
overflow: visible;
}
#hilda-home-lead .agent_contanct_form .schedule_wrapper {
display: none !important;
}
#hilda-home-lead {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
/* IDX status/price demoted heading→span — keep showcase weight (light DOM only; shadow uses IDX CSS) */
span.idx-property-card__listing-status,
span.property-card__listing-status,
span.idx-listing-card__prop-status,
span.listing-card__prop-status {
display: block;
margin: 0 0 0.5rem;
font-size: 1.015625rem;
font-weight: 500;
line-height: 1.2;
}
span.idx-property-card__listing-price,
span.property-card__listing-price,
span.idx-listing-card__listing-price,
span.listing-card__listing-price {
display: block;
margin: 0;
font-size: 1.15rem;
font-weight: 700;
line-height: 1.2;
}
/* Logo refresh 2026-09-25: light-text logo (hilda-avila-logo-light.png, 270x80 + _2x) */
@media (min-width: 1200px) {
/* desktop menu padding 48px -> 12px so the wider logo fits on one line at 1440 */
.header_wrapper_inside > nav.wpresidence-navigation-menu {
padding-left: 12px !important;
padding-right: 12px !important;
}
/* desktop logo (transparent + sticky header) ~70px tall */
#logo_image {
height: 70px !important;
width: auto !important;
max-height: 70px !important;
max-width: none !important;
aspect-ratio: auto !important;
}
/* keep the right-most dropdown inside the viewport (no horizontal overflow) */
.header_wrapper_inside > nav.wpresidence-navigation-menu ul.menu > li:last-child > ul.sub-menu {
left: auto !important;
right: 0 !important;
}
}
@media (max-width: 1199.98px) {
/* mobile header logo ~62px tall in the 70px bar */
.mobile-logo img {
height: 62px !important;
width: auto !important;
max-height: 62px !important;
max-width: none !important;
aspect-ratio: auto !important;
}
}
/* Laptop header 2026-09-28: keep logo + menu (+ phone) on one line at ~1200-1599px */
@media (min-width: 1200px) and (max-width: 1599.98px) {
.header_wrapper_inside {
flex-wrap: nowrap !important;
margin-left: 1.25rem !important;
margin-right: 1.25rem !important;
overflow: visible;
}
.header_wrapper_inside > nav.wpresidence-navigation-menu {
padding-left: 4px !important;
padding-right: 4px !important;
flex: 1 1 auto;
min-width: 0;
}
.header_wrapper_inside > nav.wpresidence-navigation-menu ul.menu > li > a {
padding-left: 5px !important;
padding-right: 5px !important;
font-size: 12.5px !important;
letter-spacing: 0 !important;
white-space: nowrap;
}
#logo_image {
height: 52px !important;
max-height: 52px !important;
}
.header_wrapper_inside .header_phone a {
font-size: 13px !important;
white-space: nowrap;
}
/* keep Espanol dropdown inside the viewport */
.header_wrapper_inside > nav.wpresidence-navigation-menu ul.menu > li:last-child > ul.sub-menu {
left: auto !important;
right: 0 !important;
}
}
/* Homepage fixes 2026-09-28c */
/* Visually hidden text (link_text for GA4 phone_click) */
.hilda-sr {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* 1. Mobile header tap-to-call (<1200px); header is 70px, logo 62px centered */
.hilda-mobile-call {
display: none;
}
@media (max-width: 1199.98px) {
.mobile_header .hilda-mobile-call {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
right: 14px;
width: 42px;
height: 42px;
margin-top: -21px;
padding: 0;
border-radius: 50%;
background: #C9A84C;
color: #1C2F41;
border: 2px solid #C9A84C;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
text-decoration: none;
z-index: 3;
-webkit-tap-highlight-color: transparent;
}
.mobile_header .hilda-mobile-call svg {
display: block;
width: 20px;
height: 20px;
fill: currentColor;
}
.mobile_header .hilda-mobile-call:hover,
.mobile_header .hilda-mobile-call:focus-visible {
background: #1C2F41;
color: #C9A84C;
outline: 2px solid #ffffff;
outline-offset: 2px;
}
}
@media (max-width: 359.98px) {
.mobile_header .hilda-mobile-call {
right: 8px;
width: 36px;
height: 36px;
margin-top: -18px;
}
}
/* 2. LeadConnector chat bubble: hide on phones only (script still loads) */
@media (max-width: 767.98px) {
chat-widget {
display: none !important;
}
}
/* 5c. Footer polish: sub-footer menu spacing, social icon contrast */
#colophon .subfooter_menu ul.menu {
display: flex;
flex-wrap: wrap;
gap: 6px 18px;
margin: 0;
padding: 0;
}
#colophon .subfooter_menu ul.menu > li {
margin: 0;
padding: 0;
}
#colophon .social_sidebar_internal a {
background-color: #C9A84C;
color: #1C2F41;
}
#colophon .social_sidebar_internal a:hover,
#colophon .social_sidebar_internal a:focus-visible {
background-color: #ffffff;
color: #1C2F41;
}
/* Homepage fixes 2026-09-28d */
/* 3. Home value form on the navy panel (d3055a5, #0B1F3A): readable labels.
#F2F2F2 on #0B1F3A = 14.8:1 (WCAG AA needs 4.5:1). Consultation form sits on
a light panel (#FBF6F4) and already passes, so it is not changed. */
.elementor-element.elementor-element-07049d83 .wpresidence_elementor_form .elementor-field-label {
color: #F2F2F2;
}
/* Homepage fixes 2026-09-28e: no sideways scroll on small phones (320-378px) */
/* Hilda photo column (6833437b): 150px side padding forced a 300px-wide column on phones */
@media (max-width: 767.98px) {
body .elementor-18618 .elementor-element.elementor-element-6833437b > .elementor-element-populated {
padding-left: 0;
padding-right: 0;
}
}
/* IDX Featured Listings showcase: its cards need ~351px; scale it down below 379px */
@media (max-width: 378.98px) {
#idx-listings-showcase-140646 {
zoom: 0.94;
}
}
@media (max-width: 359.98px) {
#idx-listings-showcase-140646 {
zoom: 0.88;
}
}
@media (max-width: 339.98px) {
#idx-listings-showcase-140646 {
zoom: 0.82;
}
}
@media (max-width: 319.98px) {
#idx-listings-showcase-140646 {
zoom: 0.74;
}
}