.elementor-1344 .elementor-element.elementor-element-ae3d83a{--display:flex;}.elementor-1344 .elementor-element.elementor-element-d721b93{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ==========================================================================
   WheresMyFill — Directorist Custom CSS (Suppliers page)
   Paste into: Elementor → Edit Page → Page Settings (gear icon) → Advanced → Custom CSS
   Built from the real class names on wheresmyfill.com/suppliers/
   ========================================================================== */

:root{
  --wmf-charcoal:#1B222A;
  --wmf-green:#6FA23A;
  --wmf-green-dark:#5C8A2E;
  --wmf-green-light:#8FC152;
  --wmf-paper:#FFFFFF;
  --wmf-paper-2:#F4F4F2;
  --wmf-text-muted:#4A5158;
  --wmf-rule:#D9DCDE;
}

/* ---------- Global type, inside Directorist's own components ---------- */
.directorist-search-form,
.directorist-listings-header,
.directorist-header-found-title,
.directorist-dropdown__toggle,
.map-listing-card-single__content,
.directorist-advanced-filter__title{
  font-family:'Work Sans', sans-serif;
}
.directorist-advanced-filter__title,
.map-listing-card-single__content__title,
.directorist-header-found-title{
  font-family:'Big Shoulders Display', sans-serif;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.01em;
  color:var(--wmf-charcoal);
}
.map-listing-card-single__content__title a{ color:var(--wmf-charcoal); text-decoration:none; }
.map-listing-card-single__content__title a:hover{ color:var(--wmf-green-dark); }

/* ---------- Top search bar (directorist-search-form-top) ---------- */
.directorist-search-form-top{
  background:var(--wmf-charcoal);
  padding:1.4rem 1.6rem;
  border-radius:12px;
}
.directorist-search-field__label{
  color:#B9C0C4;
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:600;
}
.directorist-search-field__input{
  border-radius:8px !important;
  border:1.5px solid transparent !important;
  background:var(--wmf-paper) !important;
  color:var(--wmf-charcoal) !important;
}
.directorist-search-field__input::placeholder{
  color:var(--wmf-text-muted);
}
.directorist-search-field__input:focus{
  border-color:var(--wmf-green-dark) !important;
}

/* ---------- Buttons (search, apply filters, etc.) ---------- */
.directorist-btn,
.directorist-advanced-filter__action{
  background:var(--wmf-green-dark) !important;
  border-color:var(--wmf-green-dark) !important;
  color:var(--wmf-paper) !important;
  font-family:'Big Shoulders Display', sans-serif;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
  border-radius:8px !important;
  transition:transform .15s ease, box-shadow .15s ease;
}
.directorist-btn:hover,
.directorist-advanced-filter__action:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(92,138,46,.32);
}

/* ---------- Filter sidebar ---------- */
.listing-with-sidebar__sidebar{
  border:1px solid var(--wmf-rule);
  border-radius:12px;
  padding:1.2rem;
  background:var(--wmf-paper);
}
.directorist-advanced-filter__top{
  border-bottom:1px solid var(--wmf-rule);
  padding-bottom:.9rem;
  margin-bottom:.9rem;
}
.directorist-checkbox__label,
.directorist-radio__label{
  color:var(--wmf-charcoal);
  font-size:.9rem;
}
.directorist-checkbox input:checked + label,
.directorist-checkbox-primary input:checked ~ label{
  color:var(--wmf-green-dark);
}
/* Checkbox/radio accent color */
.directorist-checkbox input,
.directorist-radio input{
  accent-color:var(--wmf-green-dark);
}

/* ---------- Listings header bar (count / view toggle / sort) ---------- */
.directorist-listings-header{
  border-bottom:1px solid var(--wmf-rule);
  padding-bottom:1rem;
  margin-bottom:1.2rem;
}
.directorist-header-found-title span{ color:var(--wmf-green-dark); }
.directorist-viewas__item{
  border-radius:6px;
  transition:background .15s ease;
}
.directorist-viewas__item.active,
.directorist-viewas__item:hover{
  background:var(--wmf-paper-2);
}
.directorist-dropdown__toggle{
  border:1.5px solid var(--wmf-rule) !important;
  border-radius:7px !important;
  background:var(--wmf-paper) !important;
  color:var(--wmf-charcoal) !important;
}

/* ---------- Map popup cards (map-listing-card-single) ---------- */
.map-listing-card-single{
  border-radius:10px;
  overflow:hidden;
  border:1px solid var(--wmf-rule);
  font-family:'Work Sans', sans-serif;
}
.map-listing-card-single__content{
  padding:.9rem 1rem;
}
.map-listing-card-single__content__title{
  font-size:1rem;
  margin-bottom:.4rem;
}
.directorist-mark-as-favorite__btn{
  color:var(--wmf-green-dark);
}

/* ---------- Directory-type switcher slot ----------
   This container exists in Directorist's markup but renders empty on a
   shortcode locked to one directory type — this is where the custom
   Suppliers/Exchange tab switcher (built separately in Elementor, not CSS)
   should be placed.
------------------------------------------------------------------------- */
.listing-with-sidebar__type-nav{
  margin-bottom:1rem;
}/* End custom CSS */