/* Riverfront Real Estate Styles - Additional CSS for WP-Classic pages */
/* Framework: Webflow, StyleLint, Stylelint-Order
   Version: 6.7.1
   Client: Riverfront Real Estate
   Author: C.Clapshaw */

/*=============================================
=            TABLE OF CONTENTS              =
=============================================*/
/**
 * 1. Base Styles & Typography
 * 2. Layout & Grid System 
 * 3. EPL Components
 * 4. Widgets
 * 5. Button Styles
 * 6. Content Sections
 * 7. Forms and Seaarch
 * 8. Utilities
 * 9. Media Queries
 */

/*=====  End of TABLE OF CONTENTS  ======*/

/*=============================================
=            1. Base Styles & Typography     =
=============================================*/

/* ===GLOBAL=== */
/* Add to top of file for consistent box model */
* {
    box-sizing: border-box;
}
 form {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin: 0;
    padding: 0;
    align-content: baseline;
}

.archive-title {
    padding-left: 2rem;
}

.page-price {
    font-family: var(--rre-font-secondary);
}

/*=====  End of Base Styles  ======*/

/*=============================================
=            2. Layout & Grid System         =
=============================================*/

.epl-inner-div {
    width: 1040px;
}

/* Grid View Form Spacing */
.epl-listing-grid-view form,
.epl-listing-grid-view-forced form {
  margin-bottom: 1.5rem; /* Add breathing room between forms in grid view */
  padding-bottom: 1rem;
}

/* Maintain existing form styles for list view */
.epl-property-blog:not(.epl-listing-grid-view):not(.epl-listing-grid-view-forced) form {
  /* Keep original form margins for list view */
  margin-bottom: 0;
  padding-bottom: 0.5rem;
}

.section-top {
    margin-top: 12rem;
}

/* Columns */

.epl-tab-2-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-columns: 160px 2;
    -moz-columns: 160px 2;
    columns: 160px 2;
}

.epl-tab-3-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-columns: 160px 3;
    -moz-columns: 160px 3;
    columns: 160px 3;
}

.epl-tab-4-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-columns: 160px 4;
    -moz-columns: 160px 4;
    columns: 160px 4;
}

.epl-tab-5-columns {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-columns: 160px 5;
    -moz-columns: 160px 5;
    columns: 160px 5;
}

.epl-tab-title {
    cursor: context-menu;
    display: inline-block;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.epl-tab-content-tab-content {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.entry-content.loop-content.epl-template-default {
    width: 100%;
    background-color: #ffffffdb;
    min-height: 80svh;
    border-top-left-radius: 0;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    gap: 0.5rem;
    margin-top: 0;
}

.entry-content {
    background-color: #ffffff00;
}

.epl-listing-grid-view.epl-property-blog {
    clear: none !important;
    float: left;
    margin: 0;
    padding: 1rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 22.5%;
    min-height: 510px;
}

.epl-property-blog {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.epl-listing-grid-view.epl-property-blog .property-box {
    clear: both;
    display: block;
    width: 100%;
}

.property-box-right {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 20px;
}

.epl-property-blog .property-box-right {
    padding-bottom: 0.5em;
    width: 100%;
    height: 100%;
    min-height: 0;
}

.epl-property-blog .property-box-right .property-content { 
    float: none;
    display: flex;
    flex-direction: row;
}

.epl-listing-grid-view.epl-property-blog.masonry-brick {
    min-height: 0;
}

.epl-property-blog.hentry,
.builder-module-content .epl-property-blog.hentry {
        margin: 1rem;
        padding: 0;
        border: none;
        box-shadow: none;
        background: transparent;
}

/** Card **/
.epl-property-blog-card {
    width: 25%;
    float: left;
    clear: none;
}

.epl-property-blog-card .epl-entry-content {
    padding: 0.3em;
}

/** Table **/
.epl-table,
.page .epl-table.hentry {
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    font-size: 0.8em;
    border-bottom: 1px solid #ddd;
}

.epl-table .epl-table-column-image,
.epl-table .epl-table-column-content,
.epl-table .epl-table-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
}

.epl-table .epl-table-column-image {
    width: 12%;
    padding-right: 0;
}

.epl-table .epl-table-column-image img {
    max-width: 100%;
    padding-right: 1em;
    display: block;
}

.epl-table .epl-table-column-content {
    width: 88%;
    float: right;
}

.epl-table .epl-table-column-left {
    width: 50%;
}

.epl-table .epl-table-column-middle {
    width: 25%;
}

.epl-table .epl-table-column-right {
    width: 20%;
    float: right;
}

.epl-table .epl-inspection-times,
.epl-table .home-open-wrapper {
    margin: 0;
}

.epl-table .home-open-wrapper {
    list-style: none;
}

.epl-table .epl-inspection-times .epl-inspection-times-label {
    display: none;
}

.epl-table .icon.pool,
.epl-table .icon.air {
    display: none;
}

.epl-table.epl-listing-grid-view .price {
    float: left;
    text-align: left;
}

#epl-default-map img {
    max-width: none;
}

.epl-inner-div {
    width: 1040px
}

/* Switching view grid-list */
.epl-switching-sorting-wrap {
    text-align: right;
}

.epl-properties-sorting {
    display: inline-block;
    float: none;
    padding: 0 5px;
    vertical-align: middle;
}

.view-grid {
    display: inline-block;
    float: none;
    padding: 0 5px;
    vertical-align: middle;
}

.view-list {
    display: inline-block;
    float: none;
    padding: 0 5px;
    vertical-align: middle;
}

.epl-switch-view li {
    float: left;
    list-style: none !important;
    opacity: 1;
    padding: 0 10px;
    cursor: pointer;
    margin: 0;
    color: #0000;
}

.epl-current-view.view-list,
.epl-current-view.view-grid {
    opacity: 1;
}

.epl-switch-view li.view-list {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("../images/switch.png");
    background-origin: padding-box;
    background-position: -15px -14px;
    background-repeat: no-repeat;
    height: 18px;
}

.epl-switch-view li.view-grid {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("../images/switch.png");
    background-origin: padding-box;
    background-position: 5px -14px;
    background-repeat: no-repeat;
    height: 18px;
    margin: 0;
}

.epl-switch-view {
    display: inline-block;
    float: none;
    padding: 0 5px;
    vertical-align: middle;
}

.epl-switch-view > ul {
    margin: 0;
}



/* Update EPL Components section to not override flexbox behavior */
.epl-left, 
.epl-middle, 
.epl-single,
.epl-right {
    display: inline-flex; /* Change to inline-flex */
    align-items: center;
}

.epl-right {
    margin-left: auto;
}

.property-box-right {
  background-color: #ffffff;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}

.property-box-left {
  display: flex;
  width: 800px;
  margin-top: 0;
  margin-bottom: 0;
}

.tab-width {
margin-top: 10rem;
}

.left-tab {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  width: 1280px;
}

.epl-property-blog .property-box-left {
    padding: 0;
    margin: 0;
    width: 60%;
    min-height: 0;
}

/*=====  End of Layout & Grid  ======*/

/*=============================================
=            3. EPL Components            =
=============================================*/

/*****************************
    EPL Ready Icons
******************************/
.property-type {
    margin-right: 1em;
}

/* Consolidate all EPL-specific search styles here */
.epl-search-forms-wrapper {
    width: 100%;
    max-width: var(--rre-max-width);
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap !important;
    align-items: right;
    gap: 0.25rem;
}


.item-street {
    margin: 0;
    padding: 0;
    font-family: var(--rre-font-secondary);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.02rem;
    font-style: italic;
}

.item-suburb {
    font-size: 1rem;
    line-height: 1;
}

.item-state {
    font-size: 1rem;
    line-height: 1;
}

.item-pcode {
    font-size: 1rem;
    line-height: 1;
}

.title-meta-wrapper {
    margin: 0;
    padding: 0.5rem;
    background-color: #ffffff;
}

.template-default {
    margin: 0;
    padding: 0;
}

.single-property {
    margin: 0;
    padding: 0;
}

.epl-blog-image {
    object-fit: cover;
}

.epl-property-blog .property-box-left {
    width: 25%;
    min-height: 0;
}

.teaser-left-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.epl-featured-image {
    flex-grow: 1;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    object-fit: cover;
}

.epl-excert-content p {
    background-color: #ffffff;
}

/* Replace fixed widths with more flexible units */
.epl {
    width: 100%;
    max-width: 1280px;
}

/* sidebar visibility */

.epl-post-type-archive #sidebar,
.epl-single-listing #sidebar,
.epl-post-type-archive .widget-area.secondary,
.epl-single-listing .widget-area.secondary {
	display: none;
}

/*=====  End of EPL Components  ======*/

/*=============================================
=            4. Widgets                      =
=============================================*/

/* EPL Widget Base Styles */
.widget_epl_property_gallery,
.widget-widget_epl_property_gallery {
    margin: 0;
    padding: 0;
}

.widget_epl_property_search {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.25rem !important;
    width: 100% !important;
}

.widget-widget_epl_property_search {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #ffffff;
}


/* EPL Widget Styles */
.epl-lf-range-slider {
    margin-top: 0;
    padding-top: 0;
    align-self: flex-start;
}

/* Contact Capture Widget */
.widget-widget_epl_contact_capture {
    margin-top: 0;
    padding-top: 0;
    background-color: #ffffff;
}

.widget-widget_epl_contact_capture form,
.epl-contact-form {
    display: flex !important;
    flex-direction: column !important;
    justify-content: right;
    width: 100% !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    padding: 1rem !important;
}

/* Search Widget Specific Styles */
.widget_epl_property_search .epl-search-wide {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
    width: 100% !important;
}

.widget_epl_property_search .epl-search-wide .epl-search-row {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
}

.widget_epl_property_search .epl-search-wide .epl_field_slider_property_price_global {
    flex: 2 1 0 !important;
    min-width: 150px !important;
}

.widget_epl_property_search .epl-search-submit-row {
    flex: 0 0 auto !important;
    margin: 0 !important;
    min-width: fit-content !important;
}

.widget_epl_property_search .epl-search-btn {
    width: auto !important;
    min-width: fit-content !important;
    margin: 0 !important;
}

.widget_epl_property_search .in-field {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0.25rem 0 !important;
}

.widget {
    display: flex;
    flex-direction: column;
}

/*=====  End of Widgets  ======*/

/*=============================================
=            5. Button Styles                =
=============================================*/

/* Search Buttons */
.epl-search-btn {
  width: 20rem;
  height: 3.5rem;
  padding-top: 4px;
  padding-bottom: 0%;
  margin-top: 2px;
  margin-bottom: 0%;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #ffdc24;
  border: 0px;
  border-radius: 0px 0px 20px 0px;
}

/* Form Submit Buttons */
.epl_form_builder_field_submit {
  max-width: 20rem;
  height: 3.5rem;
  padding-top: 4px;
  padding-bottom: 0%;
  margin-top: 2px;
  margin-bottom: 0%;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #ffdc24;
  border: 0px;
  border-radius: 0px 20px 20px 0px;
}

/* Search Widget Button Overrides */
.widget_epl_property_search .epl-search-btn {
  width: auto !important;
  min-width: fit-content !important;
  margin: 0 !important;
}

/* Submit Button Container */
.epl_form_builder_submit {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/*=====  End of Button Styles  ======*/

/*=============================================
=            6. Content Sections             =
=============================================*/

.epl-property-blog {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0.9rem;
    background-color: #c3c8d7;
    border: 0 #000;
    box-shadow: inset 0 0 #0000;
}

.epl-listing-post {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 1rem 2rem 0;
    padding: 0;
}

.epl-archive-default {
    width: 1170px;
}

.gallery {
    margin: 0;
    padding: 0;
    display: flex;
    align-content: flex-start;
}

.epl-gallery .property-gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0;
}

.epl-gallery-entry .entry-gallery .epl-clearfix {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0;
}

.entry-image {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    object-fit: fill;
}

.entry-title {
    margin: 0;
    padding: 0;
    font-size: 2rem;
    line-height: 2rem;
    text-transform: uppercase;
}

.it-featured-image {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #ffdc24;
}

.wp-post-image {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
}

.property-details {
    font-size: 2.4rem;
    line-height: 1;
}

/** EPL Gallery CSS **/
.epl-gallery-entry .gallery {
	display: grid;
	gap: 0.5em;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.epl-gallery-entry .gallery-item {
	margin: 0;
	padding: 0;
}
.epl-gallery-entry .gallery-item img,
.epl-gallery-entry .gallery-item a {
	display: block
}
.epl-gallery-entry .gallery-item img {
	width:100%;
	object-fit: cover;
}

/*=====  End of Content Sections  ======*/

/*=============================================
=            7. Forms and Search              =
=============================================*/

.epl_form_builder_label_text {
    text-align: left;
    padding-left: 2rem;
    margin-left: 2rem;
}  

.epl_form_builder_label_email {
    text-align: left;
    padding-left: 2rem;
    margin-left: 2rem;
}  

.epl_form_builder_label_textarea {
    text-align: left;
    padding-left: 2rem;
    margin-left: 2rem;
}  

.epl_form_builder_label_container {
    text-align: left;
    padding-left: 1rem;
}  

.epl_form_builder_label_container_text {
    text-align: left;
    padding-left: 2rem;
    margin-left: 2rem;
}  


.epl-contact-capture-form-desc {
    text-align: left;
    padding-left: 1rem;
    margin-left: 1rem;
}

/* Override any conflicting styles */
.widget_epl_property_search {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.25rem !important;
    width: 100% !important; /* This should make it full width */
}

.epl-search-form input,
.epl-search-form select {
    min-width: 0 !important;
    margin: 0 !important;
}

/* Ensure slider container doesn't wrap */
.epl_field_slider_property_price_global {
    flex: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
}

/* Force single row layout */
.epl-search-form.epl-sb-current {
    flex-wrap: nowrap !important;
}

/* Search Widget Container Overrides */
.widget_epl_property_search .epl-search-wide {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
    width: 100% !important;
}

/* Individual Search Elements */
.widget_epl_property_search .epl-search-wide .epl-search-row {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
}

/* Price Slider Container */
.widget_epl_property_search .epl-search-wide .epl_field_slider_property_price_global {
    flex: 2 1 0 !important;
    min-width: 150px !important;
}

/* Submit Button Container */
.widget_epl_property_search .epl-search-submit-row {
    flex: 0 0 auto !important;
    margin: 0 !important;
    min-width: fit-content !important;
}

/* Search Button */
.widget_epl_property_search .epl-search-btn {
    width: auto !important;
    min-width: fit-content !important;
    align-self: baseline;
}

/* Form Fields */
.widget_epl_property_search .in-field {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0.25rem 0 !important;
}

/* Search button stays as before */
.epl-search-btn {
    width: 20rem;
    height: 3.5rem;
    padding: 0%;
    margin-top: 2px;
    margin-bottom: 0%;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #ffdc24;
    border: 0px;
    border-radius: 0px 0px 20px 0px;
}

/* Search Results tab formatting */
.epl-tab-wrapper {
    padding: .5rem;
    padding-top: 0%;
}

.epl-tab-section .tab-wrapper {
    display: flex;
    flex-direction: row;
}

.epl-tab-section .epl-search-property-details {
    width: 500px;
}

/* Form submit button stays as before */
.epl_form_builder_field_submit {
    max-width: 20rem;
    height: 3.5rem;
    padding-top: 4px;
    padding-bottom: 0%;
    margin-top: 2px;
    margin-bottom: 0%;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #ffdc24;
    border: 0px;
    border-radius: 0px 20px 20px 0px;
}

/* Add these rules to enforce single column layout */
.epl-contact-form {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 1rem !important;
}

.epl_form_builder_label_container,
.epl_form_builder_label_container_text,
.epl_form_builder_label_text,
.epl_form_builder_label_email,
.epl_form_builder_label_textarea {
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 1rem !important;
    text-align: left !important;
}

/* Ensure form inputs take full width */
.epl-contact-form input,
.epl-contact-form textarea {
    width: 100% !important;
    max-width: none !important;
}


/* Search Form Wrapper */
.epl-search-forms-wrapper {
    width: 100%;
    max-width: var(--rre-max-width);
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap !important;
    align-items: right;
    gap: 0.25rem;
  }
  
  /* Search Default */
  .epl-search-forms-wrapper.epl-search-default {
    max-width: 100%;
  }
  
  /* Search Form Elements */
  .epl-search-form .epl-sb-current {
    display: flex;
    align-items: right;
    width: 100%;
  }
  
  .epl-search-form.epl-sb-current {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 0.25rem;
    width: 100%;
    min-width: 0;
  }
  
  .epl-search-label {
    text-align: left;
    line-height: 1.5;
    margin-top: 1rem;
  }
  
  /* Search Form Grid */
  .epl-search-row-half,
  .epl-search-row-third {
    width: 48.6%;
  }
  
  .epl-search-row-third {
    width: 32%;
  }
  
  /* Search Form Fields */
  .epl-search-form .in-field {
    border: 1px solid #B7B7B7;
    padding: 1rem;
    line-height: 1.3;
    min-height: 2.1em;
    width: 100%;
    min-width: 0;
    margin: 0.25rem;
  }
  
  /* Price Slider */
  .epl_field_slider_property_price_global {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1 1 200px;
    min-width: 0;
    padding: 0 0.5rem;
  }
  
  /* Search Widget Overrides */
  .widget_epl_property_search {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.25rem !important;
    width: 100% !important;
  }
  
  .widget_epl_property_search .epl-search-wide {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
    width: 100% !important;
  }
  
  .widget_epl_property_search .epl-search-wide .epl-search-row {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
  }
  
  /* Remove these from other sections and keep here */
  .epl-search-form input[type="text"],
  .epl-search-form select,
  .widget_epl_property_search input[type="text"],
  .widget_epl_property_search select {
    width: 100%;
    min-width: 0;
    padding: 0.5rem;
    margin: 0;
    border: 1px solid var(--rre-grey);
    border-radius: calc(var(--rre-radius) / 4);
    background-color: var(--rre-white);
    height: 40px;
  }


/* Add missing flex properties for better alignment */
.epl-search-form .epl-sb-current {
    display: flex;
    align-items: right;
    width: 100%;
}

.epl-search-form.epl-sb-current {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 0.25rem;
    width: 100%;
    min-width: 0; /* Prevent flex items from overflowing */
}

/** EPL Search Default **/

.epl-search-forms-wrapper.epl-search-default {
    max-width: 100%;
}

.epl-search-form .epl-search-row-half,
.epl-search-form .epl-search-row-third {
    width: 48.6%;
}

.epl-search-form .epl-search-row-third {
    width: 32%;
}

.epl-search-form .epl-search-label {
    display: inline-block;
    font-size: 0.7em;
    margin-top: 3px !important;
}

.epl-search-form .in-field {
    border: 1px solid #B7B7B7;
    padding: 1rem;
    margin: .5rem;
    line-height: 1.3;
    min-height: 2.1em;
    width: 100%;
    min-width: 0;
    margin: 0.25rem;
}

.epl-search-form .check-label {
    font-size: 0.7em;
    padding-top: 0;
}

.epl-search-form .epl-search-other {
    margin-top: 6px;
}

.epl-search-form .epl-search-row-checkbox {
    width: auto;
}

.epl-search-form .epl-search-row-checkbox .in-field,
.epl-search-form .epl-search-row-checkbox .check-label {
    float: left;
}

.epl-search-form .epl-search-row-checkbox {
    width: auto;
}

.epl-search-form .epl-search-submit-row,
.epl-search-form .epl-search-btn {
    margin-bottom: 0;
}

.epl-search-form .epl-search-submit-row {
    margin-top: 0.5em;
    flex: 0 0 auto;
}

.epl-search-radio-label {
    display: inline-block;
    min-height: 2.1em;
    vertical-align: text-bottom;
}

.epl-search-row-radio input {
    width: auto !important;
}

.epl-search-checkbox-label {
    display: inline-block;
    min-height: 2.1em;
    vertical-align: text-bottom;
}

.epl-search-row-checkbox-multiple input {
    width: auto !important;
}

/** EPL Search Wide **/
.epl-search-wide {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
}

.epl-search-wide .epl-search-row-full {
    flex-grow: 1;
    width: 800px;
}

.epl-search-wide .epl-search-row-half,
.epl-search-wide .epl-property_location,
.epl-search-wide .epl-property_category {
    flex: 1 1 calc(50% - 0.5rem);
    width: auto;
}

.epl-search-wide .epl-search-submit-row {
    display: flex;
    justify-content: flex-end;
    flex: 1 1 25%;
    width: auto;
    margin-right: 0;
}

.epl-search-wide .epl-search-land-area,
.epl-search-wide .epl-search-building-area {
    width: 100%;
}

/* Search Widget Fixed Width */
.epl-search-fixed .epl-search-row-full,
.epl-search-fixed .epl-search-row-half,
.epl-search-fixed .epl-search-row-third {
    width: 10.6%;
}

.epl-search-fixed .epl-property_id,
.epl-search-fixed .epl-search-other {
    width: 21.7%;
}

.epl-search-fixed .epl-search-other {
    width: 32.8%;
}

.epl-search-fixed .epl-search-land-area,
.epl-search-fixed .epl-search-building-area {
    width: 32.7%;
}

.epl-search-fixed .epl-search-row-third {
    width: 32.2%;
}

.epl-search-fixed .epl-search-row-checkbox {
    width: auto;
}

.epl-search-fixed .epl-search-submit-row {
    width: 21.4%;
    margin-right: 1%;
}

/* Price Slider */
.epl_field_slider_property_price_global {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 1rem auto;
    padding: 0 0.5rem;
    flex: 1 1 200px;
    min-width: 0;
    margin: 0;
    padding: 0 0.5rem;
}

.epl_field_slider_property_price_global .ui-slider {
    height: 0.5rem;
    border: none;
    border-radius: 0.25rem;
    background: #e0e0e0;
}

.epl_field_slider_property_price_global .ui-slider-handle {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 25%;
    background: #ffdc24;
    border: 2px solid #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    cursor: pointer;
    margin-left: -0.6rem;
    top: -0.35rem;
}

.epl_field_slider_property_price_global .ui-slider-range {
    background: #ffdc24;
    opacity: 1;
}



/* Contact Form Container */
.widget-widget_epl_contact_capture form,
.epl-contact-form {
    display: flex !important;
    flex-direction: column !important;
    justify-content: right;
    width: 100% !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    padding: 1rem !important;
}

/* Form Elements */
.epl_form_builder_label_container,
.epl_form_builder_label_container_text,
.epl_form_builder_label_text,
.epl_form_builder_label_email,
.epl_form_builder_label_textarea,
.epl-contact-form input,
.epl-contact-form textarea {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0.5rem !important;
}

/* Submit Button Container */
.epl_form_builder_submit {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.epl_form_builder_field_submit {
    width: 100% !important;
    max-width: 20rem !important;
}

/* Reset any inherited grid/column properties */
.widget-widget_epl_contact_capture * {
    grid-template-columns: none !important;
    column-count: 1 !important;
}

/* Form Styles - Remove conflicting form styles */
.epl-search-form,
.widget_epl_property_search form {
    /* Remove these as they conflict with riverfront-epl.css */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.5rem;
    background-color: var(--rre-navy);
    border-radius: var(--rre-radius);
    align-items: flex-end;
}

/* Remove or update these conflicting styles */
.epl-search-form .epl-search-row,
.widget_epl_property_search .epl-search-row {
    flex: 1 1 auto; /* Changed from 200px to auto */
    min-width: 0;   /* Changed from 200px to 0 */
    margin: 0;
}

/* Update input styles to be more flexible */
.epl-search-form input[type="text"],
.epl-search-form select,
.widget_epl_property_search input[type="text"],
.widget_epl_property_search select {
    width: 100%;
    min-width: 0;
    padding: 0.5rem;
    margin: 0;
    border: 1px solid var(--rre-grey);
    border-radius: calc(var(--rre-radius) / 4);
    background-color: var(--rre-white);
    height: 40px;
}

/*=====  End of Forms and Search  ======*/

/*=============================================
=            8. Utilities                    =
=============================================*/

/*=====  End of Utilities  ======*/

/*=============================================
=            9. Media Queries                =
=============================================*/

@media screen and (max-width: 1200px) {
    .epl-post-type-archive #left-area {
		width: 100%;
		padding: 23px 0px 0px !important;
		float: none !important;
	}
    /*** Hide Sidebar ***/
    .epl-post-type-archive #sidebar {
    	display:none;
    }
}

@media screen and (max-width: 1040) {
}

@media screen and (max-width: 960px) {

    form {
        display: inline-flex;
        flex-direction: column;
        flex-wrap: wrap;    
        gap: 1rem;
        margin: 0;
        padding: 0;
        align-content: baseline;
        min-width: 80vw;
    }

    .epl-search-form
    .epl-sb-current{
        flex: 1 1 1;
        min-width: 0;
        margin: 0;
        padding: 0;
    }

    #epl-search-container-instance-1 {
        display: block;
    }

    .epl-search-btn {
        font-weight: 400;
        color: #000000;
    }

    .epl_form_builder_field_submit {
        font-weight: 400;
        color: #000000;
    }

    .epl-search-wide .epl-search-row-full {
        flex-grow: 1;
        width: 80vw;
    }

} 

@media screen and (max-width: 690px) {

    .epl-property-blog .property-box-left {
        width: 100%;
        min-height: 0;
    }

    .epl-search-wide .epl-search-row-full {
        flex-grow: 1;
        width: 80vw;
    }
        
    .epl-listing-grid-view.epl-property-blog {
        float: none;
    }

    .epl-blog-image {
        min-width: 80vw;
    }

    .epl-property-blog .property-box-right .property-content { 
        float: none;
        display: flex;
        flex-direction: column;
    }
    
    .epl-listing-post {
        display: block;
        align-items: center;
        width: 100%;
        margin: 0 1rem 2rem 0;
        padding: 0;
}


/*=====  End of Media Queries  ======*/