/*
Theme Name: Houzez Child Updated
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.1
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


/* @import url("../houzez/style.css"); */

/* Your CSS code goes here
-------------------------------------- */

.btn-secondary:focus {
	color: #fff!important;
    background-color: #a58a56!important;
    border-color: #a58a56!important;
}

.search-card-icon {
    overflow: hidden;

    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

/* Container for the sliding text */
.search-card-icon::after {
    content: 'Request Details'; /* Your button text here */
    position: absolute;
    left: -100%;
    opacity: 0;
    transition: all 0.3s ease;
    margin-left: 25px; /* Space between icon and text */
	color: #fff;
}

/* Icon styling */
.search-card-icon .houzez-icon {
    position: relative;
    z-index: 2;
}

/* Hover states */
.search-card-icon:hover {
    padding-right: 140px; /* Adjust based on text length */
}

.search-card-icon:hover::after {
    left: 10px; /* Adjust based on icon size */
    opacity: 1;
}


#wpadminbar {
	z-index: 999999999999999999!important;
}

.mobile-property-form {
	z-index: 99999;
}

.sr-bin{
    max-width: 62%;
    margin: auto;
    background: #2e3030;
    padding: 20px;
    margin-top: 10px;
}

@media only screen and (max-width: 728px) {
    .fw-property-amenities {
        width: 50%!important;
    }
}

/* Join US PAGE */
.join-us {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Form title */
.join-us h2 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

/* Label styles */
.join-us label {
    display: block;
    margin-bottom: 5px;
    color: #555;
    font-weight: bold;
}

/* Input field styles */
.join-us input[type="text"],
.join-us input[type="email"],
.join-us textarea,
.join-us input[type="file"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
}

/* Textarea specific styles */
.join-us textarea {
    height: 100px;
    resize: vertical;
}

/* File input styles */
.join-us input[type="file"] {
    background-color: #fff;
    cursor: pointer;
}

/* Submit button styles */
.join-us input[type="submit"] {
    display: block;
	margin: 0 auto;
	padding: 12px 32px;
	color: #fff;
	background-color: #a58a56;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.join-us input[type="submit"]:hover {
    background-color: #8c7346;
}

.jobs-post-content-wrap {
	padding: 0 40px 0 40px;
}

.jobs-post-header-wrap {
	padding: 40px 40px 0 40px;
}

/* Responsive design */
@media screen and (max-width: 480px) {
    .join-us {
        padding: 10px;
    }
    
    .join-us input[type="submit"] {
        width: 100%;
    }
}


.taxonomy-grids-module-grid {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
}

.taxonomy-item-square {
    flex: 1 1 calc(33.33% - 20px); 
    box-sizing: border-box;
    margin: 10px;
}

.jobs-content .join-us {
	max-width: 100%;
}


@media (max-width: 768px) {
    .taxonomy-item-square {
        flex: 1 1 calc(50% - 10px); 
    }
	.houzez-nav-menu-main-mobile-wrap.nav-mobile {
  display: block!important;
}
	
}


@media (max-width: 480px) {
    .taxonomy-item-square {
        flex: 1 1 100%; 
    }
	.houzez-nav-menu-main-mobile-wrap.nav-mobile {
  display: block!important;
}
	
/* 	.rs-parallax-wrap {
		top: 50%!important;
	} */
}