/*
 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:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*=print invoice
--------------------------------------------------------------------------------*/


/* =================================================
   1. INVOICE / PRINT STYLES
   (Used when printing invoices)
================================================= */

.invoice_print_title {
    font-size: 25px;
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
    margin-bottom: 5px;
}

.wpestate_invoice_date{
  font-size: 13px;
}

.wpestate_print_invoice_to_section,
.wpestate_print_invoice_from_whom_section{
  width: 50%;
  float: left;
  margin-top: 45px;
  font-size: 14px;
  margin-bottom: 45px;
  line-height: 1.5em;
}

.wpestate_print_invoice_details_wrapper{
  width: 100%;
  text-align: right;
}

.wpestate_print_invoice_details_detail{
  width: 100%;
  float: left;
  border-bottom: 1px solid #f1f1f1;
  padding: 15px 0px;
  font-size: 13px;
  margin-bottom:0px;
}

.wpestate_print_invoice_details_detail label{
  float:left;
  font-weight: 700;
}

.wpestate_print_invoice_details_wrapper{

}

.wpestate_print_invoice_details_wrapperex_details{
  width: 100%;
  float: left;
  text-align: left;
  margin-top: 30px;
  font-size: 14px;
  line-height: 1.5em;
}

.wpestate_print_invoice_end{
  width: 100%;
  float: left;
  text-align: left;
  margin-top: 30px;
  font-size: 14px;
  line-height: 1.5em;
}

label[for="property_country"] {
    display: none;
}
select#property_country.select-submit2 {
    display: none;
}

/* Transfer from Custom CSS to here. Please do not delete above this line */

/* Hide the author and date in the blog post section */
.meta-element {
    display: none;
}

/* =================================================
   2. GLOBAL LAYOUT & STRUCTURE
   (Main page containers and layout overrides)
================================================= */


.nav_wrapper{
    width:100%;
    background-color:#fff;
}

.wide{
    width:100%;
    background-color: #fff;
}

.content_wrapper{
    width: 1200px;
    margin: 0px auto;
    background-color: #fff;
    padding: 0px 15px 30px 15px;
    position: relative;
}

.wpestate_content_wrapper_custom_template_wrapper{
    width: 1200px;
    margin: 0px auto;
    background-color: #fff;

}

.nav_wrapper{
    width:100%;
    background-color:#fff;
}

/* =================================================
   3. MAP & PROPERTY LIST LAYOUT
================================================= */

#google_map_prop_list_sidebar{
    position: fixed;
    right: 0;
    bottom: 0;
    width: 50%;
    top: 130px;
    overflow-y: scroll;
    background: #fff;
    padding: 0px;
    overflow-x: hidden;
    z-index:0;
}

/* =================================================
   4. MOBILE NAVIGATION & HEADER
================================================= */

#mobile_display{
    height: 33px;
    width: 100%;
    padding: 6px 10px;
    background-color: #333;
    display: block;
    margin-bottom: 20px;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 10px;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .mobile-nav-wrapper, .menu-main-menu-container {
        display: block !important;
        visibility: visible !important;
    }
}

/* Hide hamburger menu on desktop */
@media (min-width: 900px){
    .mobile-trigger,
    .mobile-trigger-user {
        display: none !important;
    }
}

.mobile_header i {
    color: #222222;
    font-size: 25px;
    margin: 26px;
}

/* Hide mobile header on desktop */
@media (min-width: 900px){

body .mobile_header,
body .mobile-logo,
body .mobile-trigger-user,
body .mobile-trigger {
    display:none !important;
}

}

/*To remove the 3 buttons below mobile view */
.mobile_agent_area_details_wrapper,
.mobile_agent_area_wrapper a {
    display: none !important;
}
/* End of remove the 3 buttons below mobile view */

/*Force the book now button to appear in mobile view */
#rentopia-book-now-placeholder a {
  position: relative;
  z-index: 9999;
}

/* Hides the entire 'States' column including its label and dropdown */
/* Hide the entire States field (label + input) based on its ID and its direct wrapper */
#property_county {
    display: none !important;
}

label[for="property_county"] {
    display: none !important;
}

/* This hides the parent column */
#property_county:closest('.col-md-6') {
    display: none !important;
}

/* =================================================
   6. RENTOPIA ACTION BUTTONS
   (Ask AI / WhatsApp / Book Now)
================================================= */

button[name="approve"], button[name="reject"] {
    background-color: #0073e6;
    color: white;
    border-radius: 5px;
    padding: 10px 20px;
    border: none;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button[name="approve"]:hover, button[name="reject"]:hover {
    background-color: #005bb5;
}

button[name="approve"] {
    background-color: #28a745; /* Green for approve */
}

button[name="reject"] {
    background-color: #dc3545; /* Red for reject */
}

button[name="approve"]:hover {
    background-color: #218838;
}

button[name="reject"]:hover {
    background-color: #c82333;
}


/*Digit Menu at header1.php */
.digit-desktop-link a,
.digit-mobile-link a {
  color: #185155;
  font-weight: 500;
  font-size: 15px;
  text-decoration: none;
}

.mobile-trigger-user {
    display: block;
    font-size: 20px;
    color: #185155;
}


/* =================================================
   5. RENTOPIA BRANDING & TYPOGRAPHY
================================================= */

body, 
h1, h2, h3, h4, h5, h6, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
input, textarea, button, 
p, a, li, span, div {
    letter-spacing: -0.5px !important;
}


/* =================================================
   6. RENTOPIA ACTION BUTTONS
   (Ask AI / WhatsApp / Book Now)
================================================= */

.rentopia-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px
}

.rentopia-action-row .rt-btn {
  background-color: #185155;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 16px;
  text-decoration: none;
  font-weight: 600;
  transition: background-color 0.2s ease;
  white-space: nowrap;
  flex-grow: 1;
  text-align: center;
}

.rentopia-action-row .rt-btn:hover {
  background-color: #127c6b;
}




/* To remove the agent icon and agent link at property page */
.agent_unit_widget_sidebar_wrapper {
    display: none;
}
/*End of remove the agent icon and agent link at property page */

.logged-in-link-gap {
    margin-right: 20px;
}

/* For Splash Page Button */
.rentopia-cta {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 60px;
}

.rentopia-cta .cta-btn {
  padding: 16px 36px;
  font-size: 20px;       /* your size */
  font-weight: 500;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.3s ease, box-shadow 0.4s ease;
  background: transparent;   /* see-through */
  border: 3px solid #fff;    /* white border */
  color: #fff;               /* white text */
  box-shadow: 0 6px 18px rgba(0,0,0,0.2);
}

.rentopia-cta .cta-btn:hover {
  background: rgba(255,255,255,0.15); /* subtle frosted */
  transform: translateY(-2px);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.7), 
              0 0 40px rgba(255, 255, 255, 0.5);
}

/* Hide ONLY the WPResidence property contact form */
.contact_form_flex_wrapper,
#show_contact,
#alert-agent-contact {
    display: none !important;
}

/* Hide the property message textarea */
#agent_comment {
    display: none !important;
}

/* Hide Send Private Message button */
.agent_contanct_form_sidebar .message_submit {
    width: 100%;
    display: none;
    margin-bottom: 10px;
}

/* Hide small inbox explanation text */
.message_explaining {
    display: none !important;
	
	
}

/* Hide WooCommerce product details */
.woocommerce div.product div.images,
.woocommerce #reviews,
.woocommerce div.product h2.woocommerce-loop-product__title {
    display: none;
}

/* Improve WooCommerce order summary display */
.woocommerce-order-overview__order strong,
.woocommerce-order-overview__date strong,
.woocommerce-order-overview__email strong,
.woocommerce-order-overview__total strong,
.woocommerce-order-overview__payment-method strong {
    display: inline !important;
    color: #000 !important;
    font-weight: 600;
    visibility: visible !important;
}

/* Hide mobile header on desktop */
.mobile_header {
  display: block;
}

/* Force hide WPResidence mobile header on desktop */
@media (min-width: 900px) {

body .mobile_header,
body .mobile_header_wrapper,
body .mobile-trigger,
body .mobile-trigger-user,
body .mobile-logo {
    display:none !important;
    visibility:hidden !important;
}

}

.mobile-logo img {
  display: block;
  margin: 0;
  padding-left: 10px;
  max-height: 26px;
  max-width: 100px;
  width: auto;
  height: auto;
}

.mobile_header,
.mobile-logo,
.mobile-trigger-user {
  transition: margin-top 0.3s ease;
}

/* Move Cate chatbot button up */
#cate-toggle {
    position: fixed !important;
    bottom: 300px !important;
    right: 30px !important;
    z-index: 9999 !important;
}

@media (max-width: 768px) {
    #cate-toggle {
        bottom: 120px !important;
    }
}

/* Flex layout for Ask Cate + WhatsApp */
.cta-row {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 10px;
}

.cta-row a {
  flex: 1 1 auto;
  text-align: center;
}

/* Hide Add Listing and Login for pre-login native */
.s-center.user_logged.wpestate-align-self-center.wpestate-text-end a[href*="login"],
.s-center.user_logged.wpestate-align-self-center.wpestate-text-end a[href*="register"] {
    display: none !important;
}

/* Hide icon on mobile page ID 37637 */
.page-id-37637 .mobile-trigger-user {
    display: none !important;
}

/* Elementor posts widget */
.blog_unit_meta, .blog_unit_meta a {
    display: none !important;
}

/* Post Title to be Bold */
a.blog_unit_title {
    font-weight: 600 !important; /* 600 = bold */
}

.investor-benefits {
  margin-top: 1rem;
  font-size: 1.1rem;
  line-height: 1.6; /* better vertical rhythm */
}
.investor-benefits h3 {
  margin-bottom: 0.75rem;
  font-weight: 600;
}
.investor-benefits ul {
  list-style: none;
  padding-left: 0;
  margin: 0 0 1rem 0;
}
.investor-benefits li {
  margin-bottom: 0.5rem; /* spacing between items */
}
.investor-benefits p {
  margin-top: 0.5rem;
}



.rt-btn.rt-disabled{background:#bdbdbd!important;color:#fff!important;pointer-events:none;cursor:not-allowed}

/* for the Ask AI, Book Now and WhatsApp buttons */
.rentopia-action-row {
    display: flex;
    gap: 12px;
    margin-top: 15px;
    align-items: center;
}

.rentopia-btn {
    background-color: #185155;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    transition: all 0.2s ease;
    text-align: center;
}

.rentopia-btn:hover {
    background-color: #133f42;
    color: #fff !important;
    transform: translateY(-1px);
}

/* End */
/* Make dashboard form flexible */
.wpestate_dashboard_content_wrapper {
    display: flex;
    flex-direction: column;
}

/* Default order for all form rows */
.wpestate_dashboard_content_wrapper .profile-onprofile.row {
    order: 10;
}

/* Building Name stays first */
.wpestate_dashboard_content_wrapper .profile-onprofile.row:nth-of-type(2) {
    order: 1;
}

/* Listing Details moves right after Building Name */
.wpestate_dashboard_content_wrapper .profile-onprofile.row:nth-of-type(6) {
    order: 2;
}

/* Description */
.wpestate_dashboard_content_wrapper .profile-onprofile.row:nth-of-type(3) {
    order: 3;
}

/* Property Status */
.wpestate_dashboard_content_wrapper .profile-onprofile.row:nth-of-type(4) {
    order: 4;
}

/* Categories */
.wpestate_dashboard_content_wrapper .profile-onprofile.row:nth-of-type(5) {
    order: 5;
}
/* End */

/* Removes Send Email Button */
.wpresidence_button.agent_submit_class, .wpresidence_button.send_email_agent {
    display: none;
    float: left;
    margin-right: 15px;
}

/* Hide auto-generated fields */

label[for="title"],
#title {
	display:none;
}

label[for="description"],
#description {
	display:none;
}

.rentopia-action-row{
margin-bottom:20px;
}

/*From WP Residence Custom CC */


.ribbon-inside {
    background-color: #185155;
 
}

/* Removes the open map tab in the front main page */
#openmap {

    display: none;
}

.adv_search_tab_item.active  {
    color: #fff;
    display: none;
}

.hover_z_pin{
    z-index: 9999;
    background-color: #CEFDFF!important;
    color: #ffffff;
}

.preview_details {
    color: #4a4a4a;
    padding-left: 79px;
}   

.preview_details .infocur {
    color: #4a4a4a;
    font-size: 14px!important;
}

.results_header {
    width: 100%;
    float: left;
    padding: 9px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #185155;
    color: #fff;
}

/* Enter the code below if you want to removed the choice between rental and sales tab */


.comment-form #submit, .wpresidence_button {
    text-shadow: none;
    margin-bottom: 10px;
    text-transform: capitalize;
    padding: 5px 34px;
    border: 0px solid;
    line-height: 28px;
    border-color: #147BA2;
    font-weight: 500;
    background-color: #147BA2;
    /* background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #0073e1)); */
    background-image: linear-gradient(to right, transparent 50%, #7c7979 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    display: inline-block;
    text-decoration: none;
}

.comment-form #submit:hover, 
.wpresidence_button:hover {
text-decoration: none;
background-color: #185155!important;
background-position: left bottom;
color: #fff;
border-color: #185155!important;
transition: all 500ms ease;
webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
cursor: pointer;
}



.wpestate_search_tab_align_center 
.adv_search_tab_item.active:before {
    background-color: #185155;
    content: "";
    height: 17px;
    position: absolute;
    top: 29px;
    width: 17px;
    margin-left: -8px;
    display: none;
}

/* Increase the size of the price font in the map */

.wpestate_marker {
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #185155;
    position: absolute;
    font-size: 15px;
    line-height: 1em;
    box-shadow: 3px 9px 15px -1px rgba(0,0,0,0.1);
    min-width: 50px;
    width: auto;
    text-align: center;
    font-weight: 500;
    transform: translate(-50%,-100%);
    white-space: nowrap;
}


/* Set this to display:none if you don't want the rent or sell search tab to appear */


.dashboard_hello_section h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 72px;
    letter-spacing: -1px;
    text-transform: capitalize;
}

#colophon {
    background-color: #222222;
}

.widget_latest_price {
    display: block;
    
}
    
.property-panel {
    margin-bottom: 30px;
    width: 100%;
    min-height: 1px;
    line-height: 1.20em;
}

.sub_footer {
    background-color: #222222;
}

#reg_passmail_mobile, #reg_passmail_topbar, #reg_passmail {
    margin: 13px 0px;
    color: #fff;
    font-size: 15px;
    
} 

.property_header_gallery_wrapper .slider-property-status {
    margin-top: 10px;
    display: none;
}


.wpresidence_button_inverse {
    color: #ffffff;
    /* background-color: #ffffff; */
    /* background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #0073e1), color-stop(50%, #ffffff)); */
    /* background-image: linear-gradient(to right, #0073e1 50%, #ffffff 50%); */
}

#sidebar_schedule .wpresidence_button.agent_submit_class, #primary .wpresidence_button.agent_submit_class, .agent_contanct_form_sidebar .wpresidence_button.agent_submit_class {
    width: 100%;
    display: none;
}


.schedule_meeting {
    background-color: #7c7979;
    font-size: 14px;
  
}

.schedule_meeting:hover {
    background-color: #185155;
}

.wpestate_estate_property_design_intext_details #add_favorites {
    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #eaeaea !important;
    color: #555 !important;
    border: 1px solid #dddddd !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* =================================================
   15. MISC RENTOPIA UI TWEAKS
================================================= */

#open_packages {
    cursor: pointer;
    display: none;
}

#menu-myinvoices {
  display: none;
}

#a_filter_action {
    padding-left: 0px;
    display: none;
}

.div.action_tag_wrapper.Rentals {
display: none;
}

.featured_div {
  
    display: none;
}

#search_wrapper_color {
    background-color: #f8f8f8;
}


div.action_tag_wrapper.Rentals {
  display: none;
}

#infobox_title {
    font-size: 15px;
    font-weight: 300;
}

.prop_pricex {
    font-size: 16px!important;
    color: #185155;
    font-weight: 500;
    letter-spacing: -0.5px;
    float: left;
    display: inline-block;
    padding: 10px 0px 0px 10px;
}

.infocur {
    color: #185155;
    font-size: 14px!important;
    letter-spacing: -0.5px;
    margin-left: 5px;
}

/* This is to cover the bottom white space when at mobile view */
.widget-area-sidebar {
    min-height: 0px;
    margin-top: 0px;
}

.single-content {
     line-height: 1.0em;

}

/* =================================================
   14. ICON & PROPERTY DETAIL DISPLAY
================================================= */

.listing_detail svg,
.property_features_svg_icon {
    width: 30px;
    height: 30px;
    margin: 0px 10px 0px 0px;
    line-height: 26px;
    vertical-align: middle;
    display: inline-block;
}

.listing_detail svg path {
    fill: 000; !important;
}

/* Increase the height on icones */
.single-estate_property .listing_detail {
    padding: 0px 30px 7px 0px;
    min-height: 52px;
   
}

/* Do not display the type of grid display in the front page */
.fa-bars:before {
    content: "\f0c9";
    display: none;
}

.fa-th:before {
    content: "\f00a";
    display:none;
}

.prop_social_single {
    display: none;
}


/* Change Confirm Booking button color */
.single-product .single_add_to_cart_button {
    background-color: #185155 !important;
    border-color: #185155 !important;
}

/* Hover state - slightly darker than #185155 */
.single-product .single_add_to_cart_button:hover {
    background-color: #133f43 !important;
    border-color: #133f43 !important;
}

.wpestate_estate_property_design_intext_details #add_favorites {
    background-color: #185155;
    height: 20px;
    border-radius: 10px;
    padding-top: 2px;
}

.wpestate_estate_property_design_intext_details #add_favorites.isfavorite {
    background: #EAEAEA;
}

.language_switch_wrapper {
    display: block;
    text-align: right;
    padding: 10px 20px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

a.button:hover,
.button:hover,
.wpresidence_button:hover {
    background-color: #185155 !important;
    color: #ffffff !important;
}

/*remove the contact box*/
.contact-box, .backtop {
  display: none;
}

label[for="property_address"],
label[for="property_city"],
label[for="property_area"] {
    display: none !important;
}

#error-page p, #error-page .wp-die-message {
    font-size: 14px;
    line-height: 1.5;
    margin: 25px 0 20px;
    display: none;
}