.elementor-13 .elementor-element.elementor-element-dcc6931{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-dcc6931 *//* =========================================
   PRIMAL Listings Filters (Search Bar)
   Scoped to #listing-page-block
========================================= */

#listing-page-block .listing-filters{
  font-family: "Inter", sans-serif;
  width: 100%;
 padding:0px 13%;
 margin: 0 auto 0px;
}

/* Form wrapper */
#listing-page-block .listing-filters form{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 12px 0;
  border-radius: 16px;
  
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

/* Inputs + selects */
#listing-page-block .listing-filters select,
#listing-page-block .listing-filters input[type="text"]{
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  height: 34px;
  padding: 5px 12px;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #fafafa;
  outline: none;
  transition: all .2s ease;
  min-width: 130px;
}

/* Focus state */
#listing-page-block .listing-filters select:focus,
#listing-page-block .listing-filters input[type="text"]:focus{
  background: #ffffff;
  border-color: rgba(22, 101, 52, 0.55); /* deep green vibe */
  box-shadow: 0 0 0 4px rgba(22, 101, 52, 0.12);
}

/* Datepicker wrapper */
#listing-page-block .listing-filters .datepicker{
  position: relative;
  display: flex;
  align-items: center;
}

/* Datepicker field spacing for icon */
#listing-page-block .listing-filters .datepicker input[type="text"]{
  padding-right: 44px;
  min-width: 190px;
}

/* Calendar icon */
#listing-page-block .listing-filters .datepicker-icon{
  position: absolute;
  right: 12px;
  width: 18px;
  height: 18px;
  color: rgba(26,26,26,0.55);
  pointer-events: none;
}

/* SEARCH button */
#listing-page-block .listing-filters input[type="submit"][name="fltr-submt"]{
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 600;
  height: 34px;
  padding: 0 22px;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.08);
  background: #C9A24D; /* match your site deep green */
  color: #fff;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
  letter-spacing: 0;
 
}

/* Hover / active */
#listing-page-block .listing-filters input[type="submit"][name="fltr-submt"]:hover{
  background: #c2983d;
  box-shadow: 0 10px 20px rgba(15,61,46,0.18);
  transform: translateY(-1px);
}
#listing-page-block .listing-filters input[type="submit"][name="fltr-submt"]:active{
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(15,61,46,0.14);
}

/* Hide those hidden fields (keep them functional, just not visible spacing) */
#listing-page-block .listing-filters input[type="hidden"]{
  display: none !important;
}


#apfl-listings-container.main-listings-page .all-listings {
  padding: 1% !important;
}





/* Responsive: stack nicely */
@media (max-width: 768px){
  #listing-page-block .listing-filters form{
    padding: 12px;
    gap: 8px;
  }

  #listing-page-block .listing-filters select,
  #listing-page-block .listing-filters input[type="text"]{
    width: 100%;
    min-width: 0;
  }

  #listing-page-block .listing-filters input[type="submit"][name="fltr-submt"]{
    width: 100%;
    margin-left: 0;
  }
}

















/* ================================
   LISTING CARD: ONLY requested tweaks
================================ */

/* Inter font for everything inside each listing card */
#apfl-listings-container .listing-item,
#apfl-listings-container .listing-item *{
  font-family: "Inter", sans-serif !important;
}

#apfl-listings-container .listing-item .beds, #apfl-listings-container .listing-item .baths, #apfl-listings-container .listing-item .area{
    margin-right:5px;
}

/* Border radius for the card */
#apfl-listings-container .listing-item{
  border-radius: 16px;
  overflow: hidden; /* makes the image respect the radius */
}

/* Brand GREEN for the icons (PNG icons need filter) */
#apfl-listings-container .listing-item .bedimg,
#apfl-listings-container .listing-item .bathimg,
#apfl-listings-container .listing-item .areaimg,
#apfl-listings-container .listing-item .petimg{
  filter: brightness(0) saturate(100%) invert(25%) sepia(74%) saturate(467%) hue-rotate(104deg) brightness(92%) contrast(92%);
}






/* Details button = mustard (Apply stays untouched) */
#apfl-listings-container .listing-item .more_detail_btn{
 background: #1f7a4a !important;
  border-color: #125939 !important;
  color: #ffffff !important;
  
}

#apfl-listings-container .listing-item .more_detail_btn:hover{
  background: #125939 !important;
  
}

.main-listings-page .all-listings .address {
  align-items: flex-end;
  background: linear-gradient(#0000,#577165) !important;
}

.main-listings-page .listing-item .list-img img {
  position: relative;
  left: 1px;
}


.main-listings-page .listing-item .btns a {
    letter-spacing: 0px !important;
}


.main-listings-page .listing-item span.rent-price, .main-listings-page .listing-item span.rent-price-off, .main-listings-page .listing-item span.lstng-avail, .main-listings-page .listing-item span.lstng-avail-off {
  padding: 5px 20px !important;
}

.main-listings-page .all-listings .lstng_ttl, .main-listings-page .all-listings .details p {
  padding: 0 0 0 20px !important;
}

.main-listings-page .listing-item .list-img {
  position: relative;
  padding-bottom: 40px;
}

.main-listings-page .listing-item .list-img img {
  height: inherit !important;
}/* End custom CSS */