/*

 Theme Name:   Homeo Child

 Theme URI:    https://themeforest.net/item/homeo-real-estate-wordpress-theme/26372986

 Description:  Homeo Child Theme

 Author:       ApusTheme

 Author URI:   http://apusthemes.com

 Template:     homeo

 Version:      1.0.0

 Text Domain:  homeo-child

*/


.back-container {display:none;}  
 

.share-container {display:none;}  

.share-btn {display:none;}  

.share-icon {display:none;}  


/* CSS */
.button-17 {
  align-items: center;
  appearance: none;
  background-color: #fff;
  border-radius: 24px;
  border-style: none;
  box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px,rgba(0, 0, 0, .14) 0 6px 10px 0,rgba(0, 0, 0, .12) 0 1px 18px 0;
  box-sizing: border-box;
  color: #3c4043;
  cursor: pointer;
  display: inline-flex;
  fill: currentcolor;
  font-family: "Google Sans",Roboto,Arial,sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  justify-content: center;
  letter-spacing: .25px;
  line-height: normal;
  max-width: 100%;
  overflow: visible;
  padding: 2px 24px;
  position: relative;
  text-align: center;
  text-transform: none;
  transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1),opacity 15ms linear 30ms,transform 270ms cubic-bezier(0, 0, .2, 1) 0ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: auto;
  will-change: transform,opacity;
  z-index: 0;
}

.button-17:hover {
  background: #F6F9FE;
  color: #174ea6;
}

.button-17:active {
  box-shadow: 0 4px 4px 0 rgb(60 64 67 / 30%), 0 8px 12px 6px rgb(60 64 67 / 15%);
  outline: none;
}

.button-17:focus {
  outline: none;
  border: 2px solid #4285f4;
}

.button-17:not(:disabled) {
  box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px;
}

.button-17:not(:disabled):hover {
  box-shadow: rgba(60, 64, 67, .3) 0 2px 3px 0, rgba(60, 64, 67, .15) 0 6px 10px 4px;
}

.button-17:not(:disabled):focus {
  box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px;
}

.button-17:not(:disabled):active {
  box-shadow: rgba(60, 64, 67, .3) 0 4px 4px 0, rgba(60, 64, 67, .15) 0 8px 12px 6px;
}

.button-17:disabled {
  box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px;
}


p.pricing-css{font-weight:bold;color:#ff0000;}




@media (max-width: 768px) {
    
#apus-footer.apus-footer.footer-builder-wrapper.footer-1{display:none;}    
    
    
    
 .apus-footer-inner   {display:none;}  
    
    

  
  .back-container {
    position: fixed;
    left: -4px; /* Fixed to the left */
    top: 60%; /* Center vertically */
    transform: translateY(-50%); /* Adjust for vertical centering */
    z-index: 6; /* Ensure it is on top of other elements */
    background: #ffffff; /* White background */
    padding: 4px; /* Add padding for the container */
   
    border-radius: 0 4px 4px 0; /* Optional: rounded corners for a modern look */
    display: flex; /* Ensure the container holds content flexibly */
    align-items: center; /* Center the icon vertically within the container */
    justify-content: center; /* Center the icon horizontally within the container */
   
    font-size: 18px;
    color:#000000;
 box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Cool shadow effect */
}


.share-container {
    position: fixed;
    left: -2px; /* Fixed to the left */
    top: 33%; /* Center vertically */
    transform: translateY(-50%); /* Adjust for vertical centering */
    z-index: 6; /* Ensure it is on top of other elements */
    background: #ff5a5f; /* White background */
    padding: 8px 3px 8px 3px; /* Add padding for the container */
   
    border-radius: 0 4px 4px 0; /* Optional: rounded corners for a modern look */
    display: flex; /* Ensure the container holds content flexibly */
    align-items: center; /* Center the icon vertically within the container */
    justify-content: center; /* Center the icon horizontally within the container */
   
    font-size: 18px;
    color:#ffffff;

}

.share-btn {
    background: none; /* Remove button background */
    border: none; /* Remove button border */
    cursor: pointer; /* Pointer cursor on hover */
    display: flex; /* Flex layout for the button */
    align-items: center; /* Center content in the button */
    justify-content: center; /* Center content in the button */
}

.share-icon {
    width: 18px; /* Adjust size of the share icon */
    height: 18px;
    display: block;
}}

 
 
 @media (min-width: 1200px) and (max-width: 1568px) {


a.sticky-link, a.sticky-amenities, a.sticky-map, a.sticky-nearby{display:none;}
}
 
 
 

@media (max-width: 1200px) {
ul.nav.nav-tabs.nav-table{padding-top:30px;}
}

 
  
.centered-container {
  width: 100%; /* Full width of its parent */
  max-width: 1170px; /* Maximum width */
  margin: 0 auto; /* Center horizontally */
  padding: 0px; /* Optional: Add padding as needed */
  text-align: center; /* Center text content */
  border-radius: 12px; /* Rounded corners */
  overflow: hidden; /* Ensure inner shadow stays inside */
  position: relative; /* To position the inner shadow */
  
}

.centered-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px; /* Rounded corners */
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.9); /* Inner shadow */
}



#login-form-wrapper.form-container.box-white-dashboard.form-login-register-inner{box-shadow: none;}



    .calculator-container {
        width: 100%;
        margin-bottom: 20px;
    }

    .progress-container {
        width: 100%;
    }

    .progress-bar-property {
        height: 30px;
        background-color: #e0e0e0;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
    }
    
     .progress-bar-property-2 {
        height: 30px;
        background-color: #e0e0e0;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
    }
    

    .principal-bar,
    .interest-bar,
    .downpayment-bar,
    .loan-bar {
        height: 100%;
        position: absolute;
        text-align: center;
        line-height: 30px;
        color: #fff;
    }

    .principal-bar {
        background-color: #007C80;
    }

    .interest-bar {
        background-color: #0FB9BF;
        right: 0;
    }

    .downpayment-bar {
        background-color: #FF5733;
    }

    .loan-bar {
        background-color: #FFD700;
        right: 0;
    }

    .legend {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
        font-size: 16px;
    }

    .legend-item {
        display: flex;
        align-items: center;
    }

    .legend-color {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 5px;
    }

    .form-container {
        width: 100%;
        background-color: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .form-container label {
        display: block;
        margin-bottom: 10px;
    }

    .form-container input {
        width: 100%;
        padding: 8px;
        margin-bottom: 15px;
        box-sizing: border-box;
    }

    .form-container button {
        background-color: #3498db;
        color: #fff;
        border: none;
        padding: 10px;
        border-radius: 5px;
        cursor: pointer;
    }















/* Property Type Drop Down Height in Submission Form Options */
ul#select2-_property_type-results.select2-results__options {
  min-height: 500px;
  height: auto; /* Set to auto to allow the height to expand beyond the min-height if needed */
  
}

/* Property Inner Grid Icon Spacing */
.inner-grid-icon-spacing{margin-right:15px;}
img.inner-grid-icon-spacing-2{margin-top:3px;margin-left:2px;}



/* CSS */
.button-15 {
  appearance: none;
  background-color: #2ea44f;
  border: 1px solid rgba(27, 31, 35, .15);
  border-radius: 6px;
  box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
  box-sizing: border-box;
  color: #000;
  
  display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 6px 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
}

.button-15:focus:not(:focus-visible):not(.focus-visible) {
  box-shadow: none;
  outline: none;
}

.button-15:hover {
  background-color: #2c974b;color:#fff;
}

.button-15:focus {
  box-shadow: rgba(46, 164, 79, .4) 0 0 0 3px;
  outline: none;
}

.button-15:disabled {
  background-color: #94d3a2;
  border-color: rgba(27, 31, 35, .1);
  color: rgba(255, 255, 255, .8);
  cursor: default;
}

.button-15:active {
  background-color: #298e46;
  box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
}








.containerz {
display: flex;
flex-direction: column;
align-items: center;
background-color:#fff;
}
.rowz {
display: flex;
justify-content: space-around;
width: 100%;
margin-top: 30px;
margin-bottom: -35px;
margin-left:-20px;/* Adjust spacing between lines */
background-color:#fff;
}
.columnz {
text-align: center;
width: 85px; /* Adjust column width */
background-color:#fff;
}


.columny {
text-align: center;
width: 300px; /* Adjust column width */
background-color:#fff;
}

.contenty {
padding: 0px ;
border: 0px solid #fff;
width:300px;
}




/* Add additional styling as needed for your content */
.contentz {
padding: 0px ;
border: 0px solid #fff;
width:85px;
}
/* End Single Property Description */
/* Start Single Property Header */
#overview {
margin-top: 0;
transition: margin-top 0.5s ease; /* Smooth transition effect */
}
#amenities {
margin-top: 0;
transition: margin-top 0.5s ease; /* Smooth transition effect */
}
#map {
margin-top: 0;
transition: margin-top 0.5s ease; /* Smooth transition effect */
}
#nearby {
margin-top: 0;
transition: margin-top 0.5s ease; /* Smooth transition effect */
}
.sticky-links {
position: fixed;
top: 90px;
display: flex;
z-index: 6;
}
a.sticky-link {
margin-top: 0;
padding-left: 0; 
margin-right: 5px;

}
a.sticky-amenities {
margin-top: 0;
padding-left: 1rem; /* Adjust the padding as needed */
margin-right: 5px;
}
a.sticky-map {
margin-top: 0;
padding-left: 1rem; /* Adjust the padding as needed */
margin-right: 5px;
} 
a.sticky-nearby {
margin-top: 0;
padding-left: 1rem; /* Adjust the padding as needed */
} 
a.sticky-link, a.sticky-amenities, a.sticky-map, a.sticky-nearby{
background-color: #ffffff;
border: 0 solid #e2e8f0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0.6rem;
border-bottom-left-radius: 0.6rem;
box-sizing: border-box;
color: #0d172a;
cursor: pointer;
display: inline-block;
font-family: "Basier circle",-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1.3rem;
font-weight: 600;
line-height: 1;
padding: 0.8rem 1rem 1rem 1rem;
text-align: center;
text-decoration: none #0d172a solid;
text-decoration-thickness: auto;
transition: all .1s cubic-bezier(.4, 0, .2, 1);
box-shadow: 0px 2px 4px rgba(166, 175, 195, 0.5);
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
@media (max-width: 1200px) {
.sticky-links {
position: fixed;
top: 87px;
display: flex;
z-index: 4;

}}
/* End Single Property Header */

a.see-on-map{font-weight:bold;color:#ff0000;}

/* Dropdown box margin */

.select2-dropdown.select2-dropdown--below{margin-top:-5px;}


.cmb-row.cmb-type-textarea.cmb2-id--property-description textarea {
  resize: vertical;height: 500px;
}


/* Flipping class and keyframes */
.featured-property {
  animation: 1s anim-featured-property ease infinite;
  background-color:#ff0000;
}

@keyframes anim-featured-property {
  0% {
    opacity: 0;
    transform: rotateX(90deg);
  }
  50% {
    opacity: 1;
    transform: rotateX(720deg);
  }
  70% {
    opacity: 1; /* Stay visible for a bit longer */
    transform: rotateX(720deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(720deg);
  }
}
  
p.profile-form-css, p.profile-form-css a{font-style: italic;color:#ff0000;font-weight:bold;font-size:16px;}

.fa-user {
  font-size: 42px;
  margin-top: 8px;
  color: #FF5A5F; /* Add the desired color */
}

span.translate-pos{
display: block; /* Change to block-level element */
  margin: 0 auto; /* Horizontally center the button */
  width: 250px; /* Set the width to 290px */
  padding: 15px 10px; /* Adjust padding as needed */
  border-radius: 50px; /* This creates the round shape */

  color: #000000; /* Text color (black in this example) */
  text-align: center;
  text-decoration: none;
  font-size: 16px; /* Adjust font size as needed */
  cursor: pointer;
 
  transition: background-color 0.3s, color 0.3s; /* Add a smooth hover effect */

}

 /* Hide the last two rows */
  .compare-tables tbody tr:nth-last-child(-n+2) {
    display: none;
  }


table.hide-table-border, td.hide-table-border{border:2px solid #fff;}


.red-check {
    color: red;font-size: 24px;position:relative;top:3px;
}

/* Hide loccatino fields in agent and agency */

.field-taxonomy-location-2,.field-taxonomy-location-3,.field-taxonomy-location-4{display:none;}



 /* Hide change password and message in dashboard */
li.menu-item-2252.aligned-left, li.menu-item-2289.aligned-left,li.menu-item-2288.aligned-left,li.menu-item-2287.aligned-left{display:none;}



    /* Style for the container div */
	
        .image-container {
            max-width: 100%;
            position: relative;
        }

        /* Style for the image */
        .responsive-image {
            width: 100%;
            height: auto;
            max-width: 444px;
            max-height: 403px;
            display: block;
            margin: 0 auto;
        }

        /* Style for the left clickable area */
        .left-area {
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 100%;
            cursor: pointer;
            /* Optional: Add background color or other styles */
           
        }

        /* Style for the right clickable area */
        .right-area {
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            cursor: pointer;
            /* Optional: Add background color or other styles */
            
        }



	
 .popup-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */
  align-items: center;
  justify-content: center;
  z-index: 999;
   padding: 5px 20px 0 20px; /* 10px padding in mobile view */
}

.popup-content {
  background-color: white;
  border-radius: 5px;
  border:4px solid #fff;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.6); /* Added inset shadow */
  position: relative;
  padding: 20px; /* Default padding for PC view */

  /* Set width and padding for mobile view */
  width: 35%; /* 50% width in PC view */
  padding: 0 20px 0 20px; /* 10px padding in mobile view */
}


/* CSS for the close button */
.close-button {
  position: absolute;
  top: -7px;
  right: 10px;
  cursor: pointer;
  font-size: 30px;
  color: #333;
}

/* CSS for the info icon */
.icon {
  font-size: 24px;
  color: #333;
  cursor: pointer;
  position: relative;
  top: 0;
  left: 0;
}

#compare-sidebar .compare-sidebar-btn {
  position: absolute;
  top: 50%;
  right: 100%;
  white-space: nowrap;
  display: inline-block;
  padding: 9px 15px 5px 15px;
  font-weight: 700;
  color: #fff;
  background-color: #ff5a5f;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  cursor: pointer;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
}  

.mobile-sidebar-btn {
  padding: 8px;
  margin: 0;
  color: #fff !important;
  background: #ff5a5f;
  position: fixed;
  top: 60%;
  z-index: 6;
  font-size: 18px;
  line-height: 1;
}

/* Media query for screens with a maximum width of 768px (mobile view) */
@media (max-width: 768px) {
  .popup-content {
    width: 100%; /* 100% width in mobile view */
  }   
#compare-sidebar .compare-sidebar-btn {
display:none;
}   

.mobile-sidebar-btn {
  padding: 8px;
  margin: 0;
  color: #fff !important;
  background: #ff5a5f;
  position: fixed;
  top: 45%;
  z-index: 6;
  font-size: 18px;
  line-height: 1;
}

}

@media (max-width: 590px) {

.results-count {display:none;}



}
 
#property-section-walk_score.property-section.property-walk_score{display:none;}
#heading-custom-heading-43,#heading-custom-heading-41{display:none;}

span.prefix-text.additional-text{margin-right:5px;}



span.suffix-text.additional-text{margin-left:5px;}



.cmb-th{font-size:16px;font-weight:bold;}



span.meta-value-margin{margin-left:4px;}



label{margin-bottom:-5px;}



.col-xs-12.col-md-3,.form-group-inner.inner.date-css{margin-top:5px;margin-bottom:5px;} 

.col-xs-12.col-md-2, .col-xs-12.col-md-5{margin-top:5px;margin-bottom:5px;} 

span.price-css{font-weight:bold;}

.main-range-slider.slider-css{margin-bottom:30px;}

span.click-here-css{font-weight:bold;color:#ff0000;}



span.selection{border-radius:20px;}