/*
 Theme Name:   WpResidence Child
 Description:  WpResidence Child Theme
 Author:       CodeandCore
 Template:     wpresidence
 Version:      1.0.2
*/

/* ==============================================
   GENERAL LAYOUT & STYLES
   ============================================== */

/* Logo Padding */
img#logo_image {
    padding: 10px 0;
}

/* Testimonial Widget Layout */
.elementor-widget-WpResidence_Testimonial {
    display: flex;
    height: 100%;
}

.testimonial-container.type_class_4 {
    height: 100%;
}

/* Book Call Button Wrapper */
.book-call-wrap {
    padding: 0 20px;
}

/* Custom Price Buttons & Book Call Button Styles */
.custom-price-buttons-container>div,
.book-call-wrap a.book-call-btn {
    background: color-mix(in srgb, var(--wp-estate-main-color-option, var(--wp-estate-main-color)) 10%, transparent);
    padding: 5px 15px;
    line-height: 22px;
    font-size: 13px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    width: max-content;
    color: var(--wp-estate-main-color-option, var(--wp-estate-main-color));
    transition: all 0.3s ease-in-out;
}

/* Active/Hover/Focus States for Buttons */
.custom-price-buttons-container>div.active,
.custom-price-buttons-container>div:hover,
.custom-price-buttons-container>div:focus,
.book-call-wrap a.book-call-btn:hover,
.book-call-wrap a.book-call-btn:focus {
    background: var(--wp-estate-main-color-option, var(--wp-estate-main-color));
    color: #fff;
}

/* Property Card Contact Info Widths */
.wpestate_property_card_contact_wrapper_phone,
.wpestate_property_card_contact_wrapper_email,
.wpestate_property_card_contact_wrapper_whatsupp {
    max-width: 50%;
}

/* Footer Iframe Styling */
#colophon .xoxo iframe {
    border-radius: 5px;
    height: 300px;
}

/* Navigation Menu - "Free" Tag & Styling */
.wpresidence-navigation-menu .menu-mega-menu-updated-container ul li.post-property-menu a {
    background-color: #E86822;
    border-radius: 30px;
    padding: 9px 25px;
    color: #fff;
    display: inline;
    position: relative;
    border: 1px solid #E86822;
    background-image: linear-gradient(to right, transparent 50%, var(--wp-estate-main-color-option, var(--wp-estate-main-color)) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.5s;
}
.wpresidence-navigation-menu .menu-mega-menu-updated-container ul li.post-property-menu a:hover {
    background-position: left bottom;
    background-color: transparent;
    color: #000 !important;
}

.wpresidence-navigation-menu .menu-mega-menu-updated-container ul li.post-property-menu:hover a::before {
    display: none;
}

.wpresidence-navigation-menu .menu-mega-menu-updated-container ul li.post-property-menu a:after {
    content: "free";
    background: #d00;
    padding: 3px 6px;
    border-radius: 30px;
    color: #fff;
    position: absolute;
    right: -10px;
    top: -8px;
    display: inline-block;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    text-transform: uppercase;
}

.wpresidence-navigation-menu .menu-mega-menu-updated-container ul li.post-property-menu a:hover,
.wpresidence-navigation-menu .menu-mega-menu-updated-container ul li.post-property-menu a:focus {
    color: #fff;
}

/* Property Call Details Flex */
.property-call-details {
    display: flex;
    align-items: center;
}

.property-call-details .custom_parameter_label {
    width: auto;
}

/* Property Social Reels Layout */
.property-social-reels {
    display: flex;
    align-items: center;
    gap: 8px;
}

.property-social-reels a {
    width: 24px;
    height: 24px;
    display: flex;
    border-radius: 5px;
    padding: 5px;
    color: #E86822;
    align-items: center;
    justify-content: center;
    border: 1px solid #E86822;
}

.property-social-reels a:hover,
.property-social-reels a:focus {
    color: #fff;
    border-color: #fff;
    background-color: #E86822;
}

/* Places Wrapper Hover Effects */
.places_wrapper_type_2 h4 a:hover,
.places_wrapper_type_2 .h4 a:hover,
.places_wrapper_type_4 h4 a:hover,
.places_wrapper_type_4 .h4 a:hover {
    color: #fff;
}

/* Beds/Baths Popup Toggle Adjustment */
.wpestate-beds-baths-popoup-component .dropdown-toggle::after {
    right: 0;
}

/* Hero Banner Padding */
.hero-banner {
    padding-top: 70px;
}

/* Property Listing Image Height */
.property_listing .listing-unit-img-wrapper,
.property_listing .carousel {
    max-height: 450px;
    height: 100%;
    width: 100%;
}
.listing_wrapper .property_listing .listing-unit-img-wrapper,
.items_shortcode_wrapper .property_listing .listing-unit-img-wrapper {
    max-height: 250px;
}
.property_listing .carousel-item img,
.property_listing .carousel-item,
.property_listing .carousel-inner {
    height: 100%;
}

.property_listing .carousel-item img {
    object-fit: cover;
}

/* Navigation Hover Color Override */
.wpresidence-navigation-menu .menu-mega-menu-updated-container ul li.post-property-menu:hover a {
    color: #ffffff;
}

/* Dashboard Profile Layout Widths */
.wpestate_dashboard_content_wrapper .profile-onprofile:nth-child(3) .col-md-6 {
    width: 100%;
}

/* Sticky Header Navigation Color */
.master_header_sticky .wpresidence-navigation-menu .menu-mega-menu-updated-container ul li.post-property-menu a:hover {
    color: #ffffff;
}

.master_header_sticky .wpresidence-navigation-menu .menu-mega-menu-updated-container ul li.post-property-menu a {
    color: #fff;
}

/* Elementor Search Pane Dropdowns */
#buy_elementor_search-pane .dropdown-menu.wpestate-price-popoup-wrapper.wpestate-beds-baths-popoup-wrapper,
#rentals_elementor_search-pane .dropdown-menu.wpestate-price-popoup-wrapper.wpestate-beds-baths-popoup-wrapper {
    display: block;
    position: relative;
    width: 100%;
    /* margin-bottom: 20px; */
    box-shadow: none;
    border: 1px solid #f2f2f2;
    z-index: 1;
    padding-bottom: 10px;
}

#buy_elementor_search-pane .elementor-field-group.elementor-column.form-group.elementor-field-group-1321f3f.elementor-col-40,
#rentals_elementor_search-pane .elementor-field-group.elementor-column.form-group.elementor-field-group-1321f3f.elementor-col-40 {
    width: 100%;
}

/* Menu Focus Colors */
.post-property-menu:hover .post-property-menu:focus {
    color: #fff !important;
}

#menu-item-22410 a:focus {
    color: #fff !important;
}

/* Dropdown Interactions */
.dropdown-menu li[data-value="all"] {
    pointer-events: none;
    cursor: auto;
}

/* Nav Tabs Styles */
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: none;
}

/* Search Cell Tab Styling */
div#search_cell_tab {
    min-width: 10px;
    margin: 0px 2px 0px 0px;
    border-color: #fff;
    border-radius: 10px 10px 0px 0px;
    border-width: 0px 0px 0px 0px;

}

.nav.nav-tabs div.adv_search_tab_item.active {
    background: #fff;
}
.nav.nav-tabs div.adv_search_tab_item {
    background-image: linear-gradient(to right, transparent 50%, var(--wp-estate-main-color-option, var(--wp-estate-main-color)) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.5s;
}

.nav.nav-tabs div.adv_search_tab_item:hover {
    background-position: left bottom;
    background-color: #fff;
} 
.adv_search_tab .nav.nav-tabs .adv_search_tab_item a {
    transition: all 0.5s;
}

.nav.nav-tabs div.adv_search_tab_item.active a,
.adv_search_tab .nav.nav-tabs .adv_search_tab_item:hover a {
    color: #221F1D !important;
}

.nav.nav-tabs div.adv_search_tab_item:hover a.cell-login-link {
    color: #fff;
    margin: 15px 25px 15px 25px;
    float: left;
    padding: 0;
    text-transform: capitalize;
    line-height: 14px;
    font-size: 14px;
    transition: all 0.5s;
}

/* Elementor Field Group Width */
.elementor-field-group.elementor-column.form-group.elementor-field-group-2f25dea.elementor-col-20 {
    width: 100%;
}

/* ==============================================
   FILTER BUTTONS & ADVANCED SEARCH
   ============================================== */

/* Filter Button Container */
.custom-price-buttons-container {
    display: flex;
    gap: 10px;
    margin: 15px 0px;
}

.custom-price-buttons-container>div {
    cursor: pointer;
}
li#text-1 .textwidget p {
    margin: 0;
}
.wpresidence_button {
    transition: all 0.4s ease;
}
/* Mobile Responsiveness for Search/Buttons */
@media (max-width: 767px) {
    .mobile_header div.mobile-logo img {
        max-height: 50px;
    }
    .listing_wrapper .property_listing .listing-unit-img-wrapper,
    .items_shortcode_wrapper .property_listing .listing-unit-img-wrapper {
        max-height: 220px;
        min-height: 220px;
    }
}
@media (max-width: 575px) {
    body .wpestate-beds-baths-popoup-component .wpestate-beds-baths-popoup-wrapper {
        min-width: 100%;
        padding: 15px;
    }

    body .wpestate-price-popoup-wrapper .wpestate_pricev2_component_adv_search_wrapper {
        flex-direction: column;
        margin-bottom: 15px;
    }

    .custom-price-buttons-container {
        flex-direction: column;
    }

    body .wpestate-price-popoup-wrapper .wpestate_pricev2_component_adv_search_wrapper input,
    .custom-price-buttons-container>div {
        width: 100%;
    }

    .accordion .accordion-item .accordion-body {
        padding: 0 20px 20px 20px;
    }

    #accordion_emi_calc .accordion-body .row {
        display: block !important;
    }

    #accordion_emi_calc .percentage-wrapper {
        float: none;
    }
}

/* Custom Price Button Definition */
button.custom-price-btn {
    transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    color: var(--wp-estate-main-color-option, var(--wp-estate-main-color));
    border: 1px solid color-mix(in srgb, var(--wp-estate-main-color-option, var(--wp-estate-main-color)) 10%, transparent);
    background-color: color-mix(in srgb, var(--wp-estate-main-color-option, var(--wp-estate-main-color)) 10%, transparent);
    padding: 5px 15px;
    line-height: 22px;
    font-size: 13px;
    font-weight: 400;
    border-radius: var(--wp-estate-border-radius-corner-option, var(--wp_estate_border_radius_corner));
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    gap: 5px;
    display: flex;
    flex-direction: row;
}

button.custom-price-btn.active,
button.custom-price-btn:hover {
    background: var(--wp-estate-main-color-option, var(--wp-estate-main-color));
    color: #fff;
}

#adv-search-city li {
    display: block !important;
}

/* ==============================================
   HIDING ELEMENTS (display: none)
   ============================================== */

/* Hide Property Card Email Contact */
.listing_wrapper .wpestate_property_card_contact_wrapper_email {
    display: none !important;
}

/* Hide Video Chat Schedule */
.schedule_video_chat {
    display: none !important;
}

/* Hide Energy Savings Accordion */
#accordion_property_energy_savings {
    display: none;
}

/* Hide Popular Project and Agent Details in Listing */
.popular-project,
.listing-content .wpestate_single_agent_details_wrapper .agent_details,
.listing-content .wpestate_single_agent_details_wrapper .agentpic-wrapper {
    display: none;
}

/* Fix for duplicate social icons if parent theme script is still active */
.property-social-reels+.property-social-reels,
.property-social-reels~.property-social-reels {
    display: none !important;
}

/* Hide Features Details Accordion */
div#accordion_features_details {
    display: none;
}

/* Hide Specific Profile Elements */
.wpestate_dashboard_content_wrapper .profile-onprofile:nth-child(3) .col-md-6:not(:nth-child(2)) {
    display: none;
}

/* Hide Note Half Search Columns */
.wpresidence_note_half_search .col-md-3:not(.slider_radius_wrap) {
    display: none;
}

/* Hide Specific Home Section */
.home section[data-id="1e0f4ed"] {
    display: none;
}

/* Hide Checker Wrapper */
.wpresidence_note_half_search .col-md-12.checker_wrapper_half {
    display: none;
}

/* Hide Elementor Search Buttons */
#buy_elementor_search-pane button.btn.btn-default.dropdown-toggle.wpestate-multiselect-custom-style,
#rentals_elementor_search-pane button.btn.btn-default.dropdown-toggle.wpestate-multiselect-custom-style {
    display: none;
}

button.btn.btn-default.dropdown-toggle.wpestate-multiselect-custom-style {
    display: none;
}

/* Hide Specific Elementor Column */
.elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-3b4f3ed {
    display: none;
}

/* Hide Specific Elementor Section */
section.elementor-section.elementor-top-section.elementor-element.elementor-element-f097ef2.elementor-section-full_width.elementor-section-content-middle.elementor-section-stretched.elementor-section-height-default.elementor-section-height-default {
    display: none;
}

/* Hide Listing Details Blocks & Dashboard Hello */
.listing_detail.feature_block_Outdoor.Amenities,
.listing_detail.feature_block_Outdoor.Details,
.listing_detail.feature_block_Outdoor.Details,
.listing_detail.feature_block_Utilities,
.listing_detail.feature_block_others,
.dashboard_hello_section h2 {
    display: none;
}
.property_reviews_wrapper{
    display: none;
}


.property_listing .carousel-control-prev,
.property_listing .carousel-control-next {
    bottom: unset;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
}
.property_listing .carousel-control-prev {
    left: 10px;
}
.property_listing .carousel-control-next { 
    right: 10px;
}
.property_listing .carousel-control-prev-icon,.property_listing .carousel-control-next-icon {
    width: auto;
    height: auto;
    padding: 20px;
    background-color: #E86822;
    background-size: 22px !important;
    border-radius: 100%;
    transition: all 0.5s;
}
.property_listing .carousel-control-prev-icon:hover,.property_listing .carousel-control-next-icon:hover {
    background-color: #252a2c;
}
.wpestate_property_card_contact_wrapper .wpestate_property_card_contact_wrapper_whatsupp, .wpresidence_button.wpresidence_button_inverse.realtor_whatsapp {
    background-color: #25D366;
}
.wpresidence_button.wpresidence_button_inverse.realtor_whatsapp { border-color: #25D366; }

.wpresidence_button.wpresidence_button_inverse.realtor_whatsapp:hover, .wpresidence_button.wpresidence_button_inverse.realtor_whatsapp:focus { border-color: var(--wp-estate-main-color-option, var(--wp-estate-main-color)); }
.wpestate_property_card_contact_wrapper .wpestate_property_card_contact_wrapper_whatsupp a, .wpresidence_button.wpresidence_button_inverse.realtor_whatsapp {
    color: #fff !important;
}
.adv_search_tab .nav.nav-tabs .adv_search_tab_item a {
    margin: 0 !important;
    padding: 15px 25px 15px 25px !important;
}

/* Button Hover Effect CSS */
.book-call-wrap .book-call-btn,
button.custom-price-btn,
.wpestate_property_card_contact_wrapper .wpestate_property_card_contact_wrapper_phone,
.wpestate_property_card_contact_wrapper .wpestate_property_card_contact_wrapper_whatsupp {
    border: none;
    position: relative;
    z-index: 3;
    overflow: hidden;
    transition: all 0.5s;
}
.book-call-wrap .book-call-btn::after,
button.custom-price-btn::after,
.wpestate_property_card_contact_wrapper .wpestate_property_card_contact_wrapper_phone::after,
.wpestate_property_card_contact_wrapper .wpestate_property_card_contact_wrapper_whatsupp::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    bottom: 0;
    right: 0;
    background-color: #E86822;
    z-index: -2;
    transform: scale(1);
    transition: all 0.5s;
    transform-origin: right;
    border-radius: 5px;
}

.wpestate_property_card_contact_wrapper .wpestate_property_card_contact_wrapper_phone:hover,
.wpestate_property_card_contact_wrapper .wpestate_property_card_contact_wrapper_whatsupp:hover {
    background-color: transparent;
}
.book-call-wrap .book-call-btn:hover {
    background: transparent !important;
}
button.custom-price-btn:hover {
    background-color: transparent;
}
.book-call-wrap .book-call-btn:hover::after,
button.custom-price-btn:hover::after,
.wpestate_property_card_contact_wrapper .wpestate_property_card_contact_wrapper_phone:hover::after,
.wpestate_property_card_contact_wrapper .wpestate_property_card_contact_wrapper_whatsupp:hover::after {
    left: 0%;
}
.btn-orange.elementor-widget-button.elementor-widget a.elementor-button {
    border: 1px solid #E86822;
}
.btn-orange.elementor-widget-button.elementor-widget a.elementor-button,
.wpestate-price-component-popoup-done,
.wpestate-price-component-popoup-reset {
    background-image: linear-gradient(to right, transparent 50%, var(--wp-estate-main-color-option, var(--wp-estate-main-color)) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.5s;
}

.btn-orange.elementor-widget-button.elementor-widget a.elementor-button:hover,
.wpestate-price-component-popoup-done:hover,
.wpestate-price-component-popoup-reset:hover {
    background-position: left bottom;
    background-color: transparent;
    color: #000 !important;
}

/* If there is ONLY one slide */
.carousel-inner:has(.carousel-item:only-child) ~ .carousel-control-prev,
.carousel-inner:has(.carousel-item:only-child) ~ .carousel-control-next {
  display: none;
}
.master_header_sticky .header_wrapper .opensvg .navicon {
    background: transparent;
}
/* Button Hover Effect CSS */

.lightbox_property_wrapper .lightbox_property_content.row .lightbox_property_slider #owl-demo .item { background-size: contain; background-color: #fff; }

/* Remove Schedule A Tour And Reviews Button */
.wpestate_top_property_navigation a.wpestate_top_property_navigation_link:nth-child(9),
.wpestate_top_property_navigation a.wpestate_top_property_navigation_link:nth-child(11) {
    display: none;
}

div#slider_price_61_elementor {
    background-color: color-mix(in srgb, var(--wp-estate-main-color-option, var(--wp-estate-main-color)) 20%, transparent) !important;
}
.elementor-18593 .elementor-element.elementor-element-8fa5002 .elementor-field-group.elementor-field-group-name,
.elementor-18593 .elementor-element.elementor-element-8fa5002 .elementor-field-group.elementor-field-group-8af69df,
.elementor-18593 .elementor-element.elementor-element-8fa5002 .elementor-field-group.elementor-field-group-b16f659 {
    padding-left: 5px;
    padding-right: 5px;
}
/* .elementor-18593 .elementor-element.elementor-element-8fa5002 .elementor-field-group{
    margin-bottom: 0 !important;
} */