.elementor-583 .elementor-element.elementor-element-c313f69{--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:100px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-583 .elementor-element.elementor-element-c313f69:not(.elementor-motion-effects-element-type-background), .elementor-583 .elementor-element.elementor-element-c313f69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fcc1aa9 );}.elementor-583 .elementor-element.elementor-element-b74742f{--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:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-583 .elementor-element.elementor-element-b74742f:not(.elementor-motion-effects-element-type-background), .elementor-583 .elementor-element.elementor-element-b74742f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-920d04d );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-583 .elementor-element.elementor-element-f5a3e38{text-align:center;}.elementor-583 .elementor-element.elementor-element-f5a3e38 .elementor-heading-title{font-family:"Chillax", Sans-serif;font-size:55px;font-weight:600;line-height:68px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-583 .elementor-element.elementor-element-c7a8f16{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;text-align:center;}.elementor-583 .elementor-element.elementor-element-c7a8f16.elementor-element{--align-self:center;}.elementor-583 .elementor-element.elementor-element-f5d7518{--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;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-583 .elementor-element.elementor-element-c313f69{--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-c313f69 *//* === SEARCH MOCKUP (scoped to .search-hero) === */
.search-hero .epl-search-forms-wrapper{
  background:#d7e9e5;             /* mint band */
}

.elementor-583 .elementor-element.elementor-element-c313f69 .epl-search-wide .epl-search-submit-row {
    width: auto;
}

.search-hero .epl-search-form {
    justify-content: center;
}


.search-hero .epl-search-form{
  background:rgba(255,255,255,.7);
  backdrop-filter:saturate(1.2) blur(2px);
  border-radius:28px;
  padding:30px 28px;
  max-width:1633px;
  margin:20px auto 0;
  height:auto !important;         /* kill fixed height */
  display:flex; flex-wrap:wrap; gap:18px;
}

/* reset all previous “absolute” hacks */
.search-hero .epl-search-row-select,
.search-hero .epl-search-row-text,
.search-hero .epl-property_bathrooms,
.search-hero .epl-property_bedrooms_min,
.search-hero .epl-property_price_from,
.search-hero .epl-property_price_to {
  position: static !important;
  left:auto !important; top:auto !important;
  width:auto !important;
  float:none !important;
}

/* show labels like the mock */
.search-hero .epl-search-label{
  display:none !important;
  font:600 18px/1.2 "Arial",sans-serif;
  color:#000;
  margin-bottom:8px;
}

.search-hero .epl-search-row .field{ position:relative; }

/* Underlined inputs */
.search-hero select,
.search-hero input[type="text"]{
  width:100%;
  background:transparent;
  border:none;
  border-bottom:1px solid #cfa879;   /* sand gold */
  padding:10px 4px 12px 0;
  outline:none;
  font:500 18px/1.2 "Arial",sans-serif;
  appearance:none;
}

/* caret for selects */
.search-hero .field:after{
  content:"\f078";
  font-family:"Font Awesome 5 Free"; font-weight:900;
  position:absolute; right:6px; bottom:14px; pointer-events:none;
  font-size:12px; color:#000;
}

/* Layout: 6 fields + button */
.search-hero .epl-search-row-select,
.search-hero .epl-search-row-text{ flex:1 1 14%; min-width:160px; }
.search-hero .epl-search-submit-row{ flex:0 0 auto; display:flex; align-items:end; }

/* Button (pill) */
.search-hero .epl-search-submit-row input{
  all:unset;
  background:#cfa879;
  color:#fff;
  border-radius:999px;
  padding:16px 22px;
  font:700 18px/1 "Arial",sans-serif;
  cursor:pointer;
}
.search-hero .epl-search-submit-row input:hover{ filter:brightness(.95); }

/* Visual ordering like your mock */
.search-hero .epl-property_id{        order:1; }
.search-hero .epl-property_location{  order:2; }
.search-hero .epl-property_category{  order:3; }
.search-hero .epl-property_bedrooms_min{ order:4; }
.search-hero .epl-property_bathrooms{ order:5; }
.search-hero .epl-property_price_from{ order:6; }
.search-hero .epl-search-submit-row{  order:7; }

/* kill conflicting global rules inside this hero */
.search-hero .epl-search-wide .epl-search-row-select,
.search-hero .epl-search-wide .epl-search-row-text{ width:auto !important; padding:0 10px; }
.search-hero .epl-search-wide .epl-search-submit-row input{
  border:0; border-radius:999px; background-image:none; height:auto; padding:16px 22px;
}

/* Responsive */
@media (max-width: 900px){
  .search-hero .epl-search-row-select,
  .search-hero .epl-search-row-text{ flex:1 1 calc(50% - 10px); min-width:0; }
}
@media (max-width: 560px){
  .search-hero .epl-search-row-select,
  .search-hero .epl-search-row-text{ flex:1 0 100%; }
  .search-hero .epl-search-submit-row{ width:100%; }
  .search-hero .epl-search-submit-row input{ width:100%; text-align:center; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c5a9d5b *//* ===== ARCHIVE CARD (drop-in) ===== */

.epl-property-blog-entry-wrapper{ margin:0; } /* tighten gaps from theme */

.property-card{
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  transition:transform .2s ease, box-shadow .2s ease;
  color:#000; /* neutralize theme colors inside card */
}
.property-card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.12); }

.property-card .card-link{ display:block; text-decoration:none; color:inherit; }

/* Media (image) */
.property-card .card-media{ position:relative; }
.property-card .image-bg{
  height:260px;            /* <- if image isn’t visible, it’s because height was missing */
  background-size:cover;
  background-position:center;
}
@media (min-width:1400px){ .property-card .image-bg{ height:390px; } }

/* NEW badge */
.property-card .card-badge{
  position:absolute; top:14px; right:14px;
  background:#6DBCAD; color:#fff; font:700 12px/1 "Manrope", sans-serif;
  padding:6px 10px; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,.12);
}

/* Price overlay (bottom-left) */
.property-card .card-price-overlay{
  position:absolute; left:18px; bottom:18px;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}
.property-card .card-price-overlay,
.property-card .card-price-overlay .page-price,
.property-card .card-price-overlay .page-price *{
  color:#fff !important;
  font:700 24px/1 "Manrope", sans-serif !important;
  margin:0 !important; padding:0 !important; border:0 !important;
}

/* Quick actions (placeholders) */
.property-card .card-actions{ position:absolute; right:16px; bottom:18px; display:flex; gap:10px; }

/* Body */
.property-card .card-body{ padding:18px 18px 20px; }
.property-card .card-head{ display:flex; align-items:flex-start; gap:10px; }
.property-card .card-title{
  margin:0 0 6px;
  font:400 21px/1.2 "Manrope", sans-serif;
  color:#000 !important;             /* stop theme from making it pink */
}
.property-card .card-ref{
  margin-left:auto;
  font:400 15px/1.2 "Manrope", sans-serif;
  color:#c29e7a;                     /* subtle accent */
}
.property-card .card-loc{
  color:#c29e7a; font:400 16px/1.3 "Manrope", sans-serif; margin:2px 0 10px;
}
.property-card .card-desc{
  color:#00000; font:500 14px/1.5 "Manrope", sans-serif; margin-bottom:12px;
}

/* Meta row */
.property-card .card-meta{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.property-card .meta-row{ font:700 14px/1.2 "Manrope", sans-serif; }
.property-card .meta-row .meta-label{ color:#000; margin-right:6px; }
.property-card .meta-row .meta-val{ color:#000; font-weight:400; }
.property-card .meta-icons{ display:flex; gap:18px; align-items:center; }
.property-card .meta-icons .mi{ display:inline-flex; gap:8px; align-items:center; color:#000; font:600 14px/1 "Manrope", sans-serif; }
.property-card .meta-icons img{ width:20px; height:20px; display:block; }

/* CTA */
.property-card .card-cta{ margin-top:16px; }
.property-card .btn-more{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 16px; border:1px solid #C7B299; color:#000 !important;
  border-radius:999px; font:500 18px/1 "Manrope", sans-serif; text-decoration:none;
}
.property-card .btn-more:hover{ background: #C49A6C;
    color: white !important; }

/* Archive grid (if you want 4-up) */
.archive-main-content .loop-content{
  display:grid; gap:28px;
  grid-template-columns:repeat(4, minmax(0,1fr));
}
@media (max-width:1200px){ .archive-main-content .loop-content{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:900px){  .archive-main-content .loop-content{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){  .archive-main-content .loop-content{ grid-template-columns:1fr; } }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Chillax';
	font-display: auto;
	src: url('https://toppropertiesestepona.com/wp-content/uploads/2025/10/Chillax-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */