.elementor-52 .elementor-element.elementor-element-7a4f211{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52 .elementor-element.elementor-element-c1e6c71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for shortcode, class: .elementor-element-c1e6c71 */.epl-template-list .entry-title-sub {
    display: block;
    font-size: 1.2rem !important;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a4f211 *//* 1. Container - Full Width and proper height */
.elementor-element-7a4f211 .e-con-inner,
.epl-search-forms-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    background-color: #3d3d3d !important;
    padding: 40px 0 !important; /* Increased padding for more height */
}

/* 2. Form Alignment - Give it breathing room */
.epl-search-forms-wrapper form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important; /* Spacing between fields */
    max-width: 1400px;
    margin: 0 auto !important;
}

/* 3. Individual Search Fields Sizing */
.epl-search-forms-wrapper .epl-search-row {
    flex: 1 !important;
    margin: 0 !important;
    min-width: 100px !important;
}

/* 4. Input Styling - Transparent with white text */
.epl-search-forms-wrapper input[type="text"],
.epl-search-forms-wrapper select {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #777 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    height: 45px !important;
    padding: 5px 0 !important;
    font-size: 14px !important;
    width: 100% !important;
}

/* Make placeholder text visible */
.epl-search-forms-wrapper input::placeholder {
    color: #ccc !important;
}

/* 5. Purple Search Button - Match height with inputs */
.epl-search-btn {
    background-color: #6a3d99 !important;
    color: white !important;
    border: none !important;
    padding: 0 40px !important;
    height: 45px !important; /* Matches input height */
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
}

/* 6. Sorting Utility Bar (Count & Sort dropdown) */
.epl-property-sorting-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 20px 0 !important;
    max-width: 1200px;
    margin: 0 auto !important;
}

/* Style the Sort Dropdown to be purple like the target image */
.epl-sort-listings {
    background-color: #6a3d99 !important;
    color: white !important;
    border: none !important;
    padding: 10px 20px !important;
}
/* =========================================================
   1. Fix Search Bar Label Color (Change to White)
   ========================================================= */
.epl-search-forms-wrapper .epl-search-row label {
    color: #ffffff !important;
    display: block !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
}

/* =========================================================
   2. Fix Search Dropdown visibility issues
   (Ensures text and hover background are visible)
   ========================================================= */
/* A. Basic Dropdown styling to ensure contrast */
.epl-search-forms-wrapper select {
    color: #333333 !important; /* Dark text for unselected states */
    background-color: #ffffff !important; /* White background */
}

/* B. Text color *when the option is selected* in some browsers */
.epl-search-forms-wrapper select option:checked {
    color: #333333 !important;
}

/* C. The Critical Hover Fix: Force high-contrast on hover */
/* (This applies to the 'active' background during hover/selection) */
.epl-search-forms-wrapper select option:hover,
.epl-search-forms-wrapper select option:focus,
.epl-search-forms-wrapper select option:active {
    background-color: #f0f0f0 !important; /* Light grey hover bg */
    color: #000000 !important; /* Pure black text on hover */
}

/* =========================================================
   3. Fix Listing Image Size and Stretch
   ========================================================= */
/* Ensure the image container fills its allocated space */
.epl-property-blog .epl-listing-post .epl-archive-entry-image {
    width: 100% !important; /* Span full container width */
    height: 100% !important; /* Optional: stretch vertical too */
    max-width: none !important;
}

/* Force the actual image to cover and fill the container, stretching slightly if needed */
.epl-property-blog .epl-listing-post .epl-archive-entry-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Stretches to fill but prevents 'squishing' distorting proportions */
    /* object-fit: fill !important; */ /* Uncomment this if you want it *squished* to fill exactly */
    display: block;
}
.epl-search-other {
    display: none !important;
}/* End custom CSS */