/* Child Theme - Custom CSS File for Buyers to Modify */

/*
 * Preserve the typography and colours of the original Twins Reality site.
 * RealHomes 4.5.5 changed these defaults, so keep the established design
 * explicitly in the child theme where future parent-theme updates cannot
 * overwrite it.
 */
body {
	color: #444444;
}

/*
 * One accent colour for the complete public theme. RealHomes 4.5 introduced
 * separate teal and orange colour variables; the original Twins Reality site
 * used the same muted gold everywhere. !important also wins over values added
 * later by the Customizer without changing any saved theme settings.
 */
:root,
body {
	--rh-global-color-primary: #ddaa5d !important;
	--rh-global-color-primary-rgb: 221, 170, 93 !important;
	--rh-global-color-primary-dark: #c99549 !important;
	--rh-global-color-primary-light: #f6ead7 !important;
	--rh-global-color-secondary: #ddaa5d !important;
	--rh-global-color-secondary-rgb: 221, 170, 93 !important;
	--rh-global-color-secondary-dark: #c99549 !important;
	--rh-global-color-secondary-light: #f6ead7 !important;
	--rh-global-color-link-hover: #ddaa5d !important;
	--rh-global-color-headings-hover: #ddaa5d !important;
}

.rh_menu__main li a,
.main-menu li a,
.rh_menu__responsive li a {
	font-family: "Alegreya SC", serif;
	line-height: 20px !important;
}

.rh_menu__user .contact-number,
.rh_section__subtitle {
	font-family: "Alegreya SC", serif !important;
}

.rh_section__subtitle,
.rh_slide_prop_price,
.rh_slide_prop_price span {
	color: #0a0a0a !important;
}

.rh_prop_card__price {
	color: #0a0a0a !important;
}

.rh_prop_card__meta .label {
	color: #444444 !important;
}

/* Restore the original archive/detail presentation after the RealHomes update. */
.rh_label,
.rh_label__list,
.rh_label__property,
.rh_label__featured,
.rh_label__featured_widget {
	background-color: #ddaa5d !important;
}

/* Match the triangular end of the label to the original gold background. */
.rh_label span {
	border-left-color: #ddaa5d !important;
}

/* Fallbacks for older Modern-theme components that still use hard-coded
 * colours instead of the global variables above. */
.rh_prop_search__advance,
.rh_prop_search__advance_btn,
.rh_btn.rh_btn__prop_search,
.rh-save-search button,
#rh_save_search_btn,
.blog-post-entry-header,
.widget .searchform input[type="submit"],
#searchsubmit,
#scroll-top,
.rh_social_share a,
.rh_property__social a,
.rh_agent_form input[type="submit"],
.rh_agent_profile__contact_form input[type="submit"],
.rh_contact__form input[type="submit"],
.wpcf7-submit,
.main-menu li.current-menu-item > a,
.main-menu li.current-menu-ancestor > a,
.rh_menu__main li.current-menu-item > a,
.rh_menu__main li.current-menu-ancestor > a,
.rh_menu__main li > a:hover,
.rh_menu__responsive li.current-menu-item > a,
.rh_view_type a.active,
.rh_view_type a:hover,
.rh_pagination__btn.current,
.rh_pagination__btn:hover {
	background-color: #ddaa5d !important;
	border-color: #ddaa5d !important;
	color: #ffffff !important;
}

/* Property cards, including cards shown on an agent profile. */
.rh_overlay,
.rh_prop_card .rh_overlay,
.rh_list_card .rh_overlay,
.rh_agent_profile .rh_overlay {
	background-color: rgba(221, 170, 93, 0.65) !important;
}

.rh_overlay__contents a,
.rh_overlay__contents .rh_prop_card__btn,
.rh_overlay__contents .rh_list_card__btn {
	color: #ddaa5d !important;
}

/* Social links retain their own recognisable platform colours.  This is the
 * sole exception to the site's gold accent: Facebook blue, Instagram red,
 * YouTube red and TikTok black. */
.rh_cta__btns a[href*="facebook.com"],
.rh_footer__social a.facebook,
.rh_var2_social_icons a.facebook,
.single-agent-profile-social a:has(.fa-facebook),
.single-agent-profile-social a:has(.fa-facebook-square) {
	background-color: #1877f2 !important;
	border-color: #1877f2 !important;
	color: #ffffff !important;
}

.rh_cta__btns a[href*="instagram.com"],
.rh_footer__social a.instagram,
.rh_var2_social_icons a.instagram,
.single-agent-profile-social a:has(.fa-instagram) {
	background-color: #e4405f !important;
	border-color: #e4405f !important;
	color: #ffffff !important;
}

.rh_cta__btns a[href*="youtube.com"],
.rh_footer__social a.youtube,
.rh_var2_social_icons a.youtube,
.single-agent-profile-social a:has(.fa-youtube),
.single-agent-profile-social a:has(.fa-youtube-square) {
	background-color: #ff0000 !important;
	border-color: #ff0000 !important;
	color: #ffffff !important;
}

.rh_cta__btns a[href*="tiktok.com"],
.rh_footer__social a.tiktok,
.rh_footer__social a.tik-tok,
.rh_var2_social_icons a.tiktok,
.rh_var2_social_icons a.tik-tok,
.single-agent-profile-social a:has(.fa-tiktok) {
	background-color: #010101 !important;
	border-color: #010101 !important;
	color: #ffffff !important;
}

/* The compact sharing panel is generated after page load, so target its
 * network class directly as well. */
.share-this li[class*="facebook"] {
	background-color: #1877f2 !important;
}

/* Footer and agent-profile icons do not have button backgrounds by default.
 * Keep them clean while still presenting each real platform colour. */
.rh_footer__social a.facebook,
.rh_var2_social_icons a.facebook,
.rh_footer__social a.instagram,
.rh_var2_social_icons a.instagram,
.rh_footer__social a.youtube,
.rh_var2_social_icons a.youtube,
.rh_footer__social a.tiktok,
.rh_footer__social a.tik-tok,
.rh_var2_social_icons a.tiktok,
.rh_var2_social_icons a.tik-tok,
.single-agent-profile-social a {
	background: transparent !important;
	border-color: transparent !important;
}

.rh_footer__social a.facebook,
.rh_var2_social_icons a.facebook,
.single-agent-profile-social a:has(.fa-facebook),
.single-agent-profile-social a:has(.fa-facebook-square) {
	color: #1877f2 !important;
}

.rh_footer__social a.instagram,
.rh_var2_social_icons a.instagram,
.single-agent-profile-social a:has(.fa-instagram) {
	color: #e4405f !important;
}

.rh_footer__social a.youtube,
.rh_var2_social_icons a.youtube,
.single-agent-profile-social a:has(.fa-youtube),
.single-agent-profile-social a:has(.fa-youtube-square) {
	color: #ff0000 !important;
}

.rh_footer__social a.tiktok,
.rh_footer__social a.tik-tok,
.rh_var2_social_icons a.tiktok,
.rh_var2_social_icons a.tik-tok,
.single-agent-profile-social a:has(.fa-tiktok) {
	color: #010101 !important;
}

/* Font Awesome assigns the icon colour itself, so set it directly too. */
.rh_footer__social a.facebook i,
.rh_var2_social_icons a.facebook i,
.social a[href*="facebook.com"] i,
.rh_agent_profile__social a[href*="facebook.com"] i {
	color: #1877f2 !important;
}

.rh_footer__social a.instagram i,
.rh_var2_social_icons a.instagram i,
.social a[href*="instagram.com"] i,
.rh_agent_profile__social a[href*="instagram.com"] i {
	color: #e4405f !important;
}

.rh_footer__social a.youtube i,
.rh_var2_social_icons a.youtube i,
.social a[href*="youtube.com"] i,
.social a[href*="youtu.be"] i,
.rh_agent_profile__social a[href*="youtube.com"] i,
.rh_agent_profile__social a[href*="youtu.be"] i {
	color: #ff0000 !important;
}

.rh_footer__social a.tiktok i,
.rh_footer__social a.tik-tok i,
.rh_var2_social_icons a.tiktok i,
.rh_var2_social_icons a.tik-tok i,
.social a[href*="tiktok.com"] i,
.rh_agent_profile__social a[href*="tiktok.com"] i {
	color: #010101 !important;
}

/* Charts and small counters on the agent page used their own pale teal. */
.rh_agent_profile .stats-wrapper i,
.rh_agent_profile .stats-wrapper svg,
.rh_agent_profile .tax-stats i,
.rh_agent_profile .tax-stats svg {
	color: #ddaa5d !important;
	fill: #ddaa5d !important;
}

/* Map clusters belong to the theme overlay, not to the Google map itself.
 * Keep Google Maps and its controls intact while matching cluster badges. */
.gm-style .cluster {
	background-color: #ddaa5d !important;
	border-radius: 50% !important;
}

.gm-style .cluster > img {
	opacity: 0 !important;
}

.gm-style .cluster > div {
	background: transparent !important;
	color: #ffffff !important;
}

/* These controls were introduced by the newer theme and were not present before. */
.rh_pagination__stats,
.rh_pagination__next,
.sidebar-agent-form-contact-methods-wrapper {
	display: none !important;
}

/* The old search bar showed one price field. The newer second-row max field
 * can cover the first listing title at narrower viewport widths. */
.rh_prop_search__select.price-for-others:has(#select-max-price) {
	display: none !important;
}

.rh_list_card__excerpt {
	line-height: 16.8px !important;
}

.rh_list_card .figure {
	display: block !important;
	font-size: 14px !important;
	line-height: 16.8px !important;
}

.rh_prop_card__meta .label,
.rh_list_card__meta .label {
	font-size: 14px !important;
	line-height: 16.8px !important;
}

.rh_list_card .price,
.rh_list_card__price .price {
	color: #808080 !important;
	font-size: 15px !important;
	line-height: 18px !important;
}

.rh_list_card .property-label {
	border-radius: 1px !important;
}

.rh_page__property_address,
.rh_property__content .rh_content > p,
.rh_property_agent__agent_info .contact {
	color: #808080 !important;
}

.rh_property_agent__agent_info .contact.email a {
	color: #0a0a0a !important;
}

.rh_property_agent .rh_widget_form__row {
	color: #808080 !important;
	border-top-color: #808080 !important;
	border-right-color: #808080 !important;
	border-left-color: #808080 !important;
}

.rh_property_agent__link,
.rh_widget_form__submit,
.rh_property_agent__link:hover,
.rh_widget_form__submit:hover {
	background-color: #ddaa5d !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
}

/* Keep every contact action on a property detail in the same gold as Top. */
.single-property .property-agent-contact-methods-wrapper .agent-contact-method-btn,
.single-property .property-agent-contact-methods-wrapper .agent-contact-method-btn:hover,
.single-property .agent-form-contact-methods-wrapper .btn-whatsapp-chat,
.single-property .agent-form-contact-methods-wrapper .btn-whatsapp-chat:hover,
.single-property .agent-form-contact-methods-wrapper .btn-call-now,
.single-property .agent-form-contact-methods-wrapper .btn-call-now:hover,
.single-property .sidebar-agent-form-contact-methods-wrapper .btn-whatsapp-chat,
.single-property .sidebar-agent-form-contact-methods-wrapper .btn-whatsapp-chat:hover,
.single-property .sidebar-agent-form-contact-methods-wrapper .btn-call-now,
.single-property .sidebar-agent-form-contact-methods-wrapper .btn-call-now:hover {
	background-color: #ddaa5d !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
}

/* The old submit control had text only; the new inline mail icon changes its appearance. */
.rh_widget_form__submit.btn-mail-now svg {
	display: none !important;
}

/* The sidebar calendar is not useful for property visitors.  Hide only the
 * calendar widget, preserving every other sidebar widget and its content. */
.widget_calendar {
	display: none !important;
}

/* Agent profile charts are internal-looking statistics rather than listing
 * content, so they are intentionally omitted from all broker profiles. */
.single-agent .stats-charts-wrap {
	display: none !important;
}

/* The round arrow beneath each broker card is a separate navigation control,
 * not a listing label.  Make it deliberately black as requested. */
.rh_agent_card__link,
.rh_agent_card__link:hover,
.rh_agent_card__link:focus {
	background-color: #010101 !important;
	border-color: #010101 !important;
	color: #ffffff !important;
}

/* The visible circular arrow is an inline SVG, separate from the card link. */
.rh_agent__arrow .arrow .cls-1,
.rh_agent__arrow svg .cls-1 {
	fill: #010101 !important;
}

/* On a phone the responsive header is taller than the otherwise empty
 * detail-page banner.  Keeping that header in normal flow prevents its phone
 * icon/number from protruding through the top of the property-search panel. */
@media (max-width: 767px) {
	.single-property .rh_header_responsive {
		position: relative;
		background: #303030;
	}

	.single-property .rh_banner__default {
		height: 0;
		min-height: 0;
		padding: 0;
		overflow: hidden;
	}
}
/* The round arrows in the homepage hero are separate inline SVGs. */
#rh_slider__home .rh_flexslider__prev .arrow .cls-1,
#rh_slider__home .rh_flexslider__next .arrow .cls-1 {
    fill: #010101 !important;
	}