.elementor-12222 .elementor-element.elementor-element-462ee059 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-12222 .elementor-element.elementor-element-462ee059:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-462ee059 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.basingstokegym.co.uk/wp-content/uploads/2022/07/Join-the-Community.png");background-position:center center;background-size:cover;}.elementor-12222 .elementor-element.elementor-element-462ee059 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12222 .elementor-element.elementor-element-462ee059{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-12222 .elementor-element.elementor-element-325b5c21 > .elementor-element-populated{padding:69px 0px 0px 0px;}.elementor-12222 .elementor-element.elementor-element-96c343c:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-96c343c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;background-image:url("https://www.basingstokegym.co.uk/wp-content/uploads/2022/07/Join-the-Community.png");background-position:top center;background-size:cover;}.elementor-12222 .elementor-element.elementor-element-96c343c{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-12222 .elementor-element.elementor-element-dddbf52{--swiper-slides-to-display:3;--swiper-slides-gap:10px;width:var( --container-widget-width, 117.857% );max-width:117.857%;--container-widget-width:117.857%;--container-widget-flex-grow:0;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-12222 .elementor-element.elementor-element-dddbf52 .swiper-slide > .elementor-element{height:100%;}.elementor-12222 .elementor-element.elementor-element-7bca8794:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-7bca8794 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;background-image:url("https://www.basingstokegym.co.uk/wp-content/uploads/2022/07/Join-the-Community.png");background-position:top center;background-size:cover;}.elementor-12222 .elementor-element.elementor-element-7bca8794{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-12222 .elementor-element.elementor-element-efdbd0f:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-efdbd0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.basingstokegym.co.uk/wp-content/uploads/2022/07/Join-the-Community.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12222 .elementor-element.elementor-element-efdbd0f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12222 .elementor-element.elementor-element-efdbd0f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12222 .elementor-element.elementor-element-42bf3f0{--grid-columns:3;width:var( --container-widget-width, 157.085% );max-width:157.085%;--container-widget-width:157.085%;--container-widget-flex-grow:0;}.elementor-12222 .elementor-element.elementor-element-42bf3f0 > .elementor-widget-container{margin:46px 46px 46px 46px;}.elementor-12222 .elementor-element.elementor-element-50560615:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-50560615 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;background-image:url("https://www.basingstokegym.co.uk/wp-content/uploads/2022/07/Join-the-Community.png");background-position:top center;background-size:cover;}.elementor-12222 .elementor-element.elementor-element-50560615 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12222 .elementor-element.elementor-element-50560615{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-12222 .elementor-element.elementor-element-14b51300:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-12222 .elementor-element.elementor-element-14b51300 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12222 .elementor-element.elementor-element-14b51300 > .elementor-element-populated, .elementor-12222 .elementor-element.elementor-element-14b51300 > .elementor-element-populated > .elementor-background-overlay, .elementor-12222 .elementor-element.elementor-element-14b51300 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-12222 .elementor-element.elementor-element-14b51300 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12222 .elementor-element.elementor-element-14b51300 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12222 .elementor-element.elementor-element-7b1237d5:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-7b1237d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272727;}.elementor-12222 .elementor-element.elementor-element-7b1237d5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 70px 0px;}.elementor-12222 .elementor-element.elementor-element-7b1237d5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12222 .elementor-element.elementor-element-9818d81:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-9818d81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;background-image:url("https://www.basingstokegym.co.uk/wp-content/uploads/2022/07/Join-the-Community.png");background-position:top center;background-size:cover;}.elementor-12222 .elementor-element.elementor-element-9818d81{margin-top:0px;margin-bottom:0px;padding:100px 0px 120px 0px;}@media(max-width:1024px) and (min-width:768px){.elementor-12222 .elementor-element.elementor-element-1dcfa5e4{width:100%;}.elementor-12222 .elementor-element.elementor-element-325b5c21{width:100%;}}@media(min-width:1025px){.elementor-12222 .elementor-element.elementor-element-462ee059:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-462ee059 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-12222 .elementor-element.elementor-element-96c343c:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-96c343c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-12222 .elementor-element.elementor-element-7bca8794:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-7bca8794 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-12222 .elementor-element.elementor-element-efdbd0f:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-efdbd0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-12222 .elementor-element.elementor-element-50560615:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-50560615 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-12222 .elementor-element.elementor-element-9818d81:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-9818d81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-12222 .elementor-element.elementor-element-462ee059:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-462ee059 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;}.elementor-12222 .elementor-element.elementor-element-462ee059{padding:100px 25px 100px 25px;}.elementor-12222 .elementor-element.elementor-element-325b5c21 > .elementor-element-populated{padding:25px 0px 0px 0px;}.elementor-12222 .elementor-element.elementor-element-dddbf52{--swiper-slides-to-display:2;}.elementor-12222 .elementor-element.elementor-element-42bf3f0{--grid-columns:2;}}@media(max-width:767px){.elementor-12222 .elementor-element.elementor-element-462ee059:not(.elementor-motion-effects-element-type-background), .elementor-12222 .elementor-element.elementor-element-462ee059 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-12222 .elementor-element.elementor-element-462ee059{padding:0px 20px 20px 20px;}.elementor-12222 .elementor-element.elementor-element-96c343c{margin-top:0px;margin-bottom:0px;padding:50px 0px 60px 0px;}.elementor-12222 .elementor-element.elementor-element-9d3d4a8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12222 .elementor-element.elementor-element-dddbf52{--swiper-slides-to-display:1;}.elementor-12222 .elementor-element.elementor-element-7bca8794{margin-top:0px;margin-bottom:0px;padding:50px 0px 60px 0px;}.elementor-12222 .elementor-element.elementor-element-6aabb52f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12222 .elementor-element.elementor-element-42bf3f0{--grid-columns:1;}.elementor-12222 .elementor-element.elementor-element-50560615{padding:0px 0px 0px 0px;}.elementor-12222 .elementor-element.elementor-element-7b1237d5{padding:40px 0px 35px 0px;}.elementor-12222 .elementor-element.elementor-element-9818d81{margin-top:0px;margin-bottom:0px;padding:50px 0px 60px 0px;}.elementor-12222 .elementor-element.elementor-element-063508c > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS for section, class: .elementor-element-86f5b4b *//* =========================================================
   BGC Classes – Filters + Loop (Fix stacking, mobile size, gaps)
   Requires Elementor CSS classes:
   - Filters container:  classes-filters
   - Loop grid widget:   classes-loop
   ========================================================= */

/* ---------- 1) KILL WEIRD GAPS / STRIPS AROUND FILTERS + LOOP ---------- */
.classes-filters,
.classes-loop {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.classes-filters .elementor-widget,
.classes-loop .elementor-widget {
  margin: 0 !important;
}

.classes-filters .elementor-widget-container,
.classes-loop .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* If your theme/Elementor is adding section spacing */
.elementor-section,
.elementor-container,
.elementor-column-gap-default {
  /* don’t destroy layouts site-wide; only reduce where it commonly causes “strips” */
}

/* Add controlled spacing instead */
.classes-filters { padding: 14px 0 12px !important; }
.classes-loop    { padding: 14px 0 0 !important; }

/* ---------- 2) FILTER LAYOUT: 3 IN A ROW ON DESKTOP / WINDOWED ---------- */
.classes-filters {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: start !important;
}

/* Each facet “card” */
.classes-filters .facetwp-facet {
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 22px rgba(0,0,0,0.22) !important;
}

/* Facet label (AGE_GROUPS / DAYS / DISCIPLINE) */
.classes-filters .facetwp-facet::before {
  content: attr(data-name);
  display: block;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .75;
  margin: 0 0 8px 2px;
}

/* ---------- 3) DROPDOWN / SELECT FACETS (YOUR CURRENT LOOK) ---------- */
/* FacetWP dropdown wrapper varies; cover common cases */
.classes-filters .facetwp-type-dropdown select,
.classes-filters .facetwp-dropdown,
.classes-filters select.facetwp-dropdown {
  width: 100% !important;
  height: 42px !important;
  line-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;

  background: rgba(255,255,255,0.14) !important;
  color: rgba(255,255,255,0.95) !important;

  border: 1px solid rgba(255,255,255,0.22) !important;
  outline: none !important;

  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.10) !important;
  appearance: none;
  -webkit-appearance: none;
}

/* Make options readable (browser dropdown list) */
.classes-filters select option {
  color: #111 !important;         /* options list text */
}

/* Focus state */
.classes-filters .facetwp-type-dropdown select:focus,
.classes-filters select.facetwp-dropdown:focus {
  border-color: rgba(209,0,0,0.9) !important;
  box-shadow: 0 0 0 3px rgba(209,0,0,0.25) !important;
}

/* Add a subtle dropdown chevron using background (works in many browsers) */
.classes-filters .facetwp-type-dropdown select,
.classes-filters select.facetwp-dropdown {
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.9) 50%),
    linear-gradient(135deg, rgba(255,255,255,0.9) 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent);
  background-position:
    calc(100% - 18px) 18px,
    calc(100% - 13px) 18px,
    0 0;
  background-size:
    5px 5px,
    5px 5px,
    100% 100%;
  background-repeat: no-repeat;
  padding-right: 34px !important;
}

/* ---------- 4) MOBILE: FILTERS SMALLER + STILL NICE ---------- */
@media (max-width: 767px) {

  /* Stack on mobile but compact */
  .classes-filters {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 10px 0 10px !important;
  }

  .classes-filters .facetwp-facet {
    padding: 9px 10px !important;
    border-radius: 14px !important;
  }

  .classes-filters .facetwp-facet::before {
    font-size: 10px !important;
    margin-bottom: 6px !important;
  }

  .classes-filters .facetwp-type-dropdown select,
  .classes-filters .facetwp-dropdown,
  .classes-filters select.facetwp-dropdown {
    height: 36px !important;
    line-height: 36px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
    padding: 0 10px !important;
    padding-right: 32px !important;
  }
}

/* ---------- 5) BOOK BUTTON: FORCE RED (KILL THE WHITE) ---------- */
/* Hit the actual anchor inside Elementor button */
.classes-loop a.elementor-button,
.facetwp-template a.elementor-button,
.elementor-loop-container a.elementor-button {
  background-color: #d10000 !important;
  background: #d10000 !important;
  color: #ffffff !important;

  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 12px !important;

  padding: 12px 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;

  box-shadow: 0 10px 20px rgba(0,0,0,0.28) !important;
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}

.classes-loop a.elementor-button:hover,
.facetwp-template a.elementor-button:hover,
.elementor-loop-container a.elementor-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow: 0 14px 26px rgba(0,0,0,0.34) !important;
}

/* If the inner span is forcing color */
.classes-loop a.elementor-button * ,
.facetwp-template a.elementor-button * ,
.elementor-loop-container a.elementor-button * {
  color: #ffffff !important;
}

/* ---------- 6) LOOP CARD MOBILE TEXT OVERLAP FIX (NO BG CHANGES) ---------- */
.elementor-loop-container .elementor-heading-title {
  line-height: 1.15 !important; /* IMPORTANT: not px */
}

@media (max-width: 767px) {
  .elementor-loop-container .elementor-heading-title {
    font-size: 18px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
  }

  .elementor-loop-container .elementor-post-info {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
  }

  /* Reduce the spacer in your template so cards aren’t huge */
  .elementor-loop-container .elementor-widget-spacer {
    --spacer-size: 90px !important;
  }
}
/* =========================================================
   MOBILE FILTER BUTTON – MATCH BGC RED
   ========================================================= */

.filters-toggle{
  display:none; /* shows only on mobile */
  background:#d10000 !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  color:#ffffff !important;

  border-radius:12px !important;
  padding:12px 16px !important;
  font-weight:700 !important;
  letter-spacing:0.02em;

  box-shadow:0 10px 20px rgba(0,0,0,0.28) !important;
  cursor:pointer;
  position:relative;
  transition:transform .12s ease, filter .12s ease, box-shadow .12s ease;
}

.filters-toggle:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
  box-shadow:0 14px 26px rgba(0,0,0,0.34) !important;
}

/* Chevron icon */
.filters-toggle::after{
  content:"▾";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  opacity:.9;
}

/* Show only on mobile */
@media (max-width:767px){
  .filters-toggle{
    display:block;
    margin:10px 0 14px;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-efdbd0f *//* Make cards look like the mockup */
.elementor-loop-container .elementor-grid-item {
    border-radius: 24px !important; /* Rounded corners */
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}/* End custom CSS */
/* Start custom CSS *//* ===== Discipline tiles: desktop/tablet baseline ===== */
.discipline-tile{
  min-height: 260px;
  border-radius: 18px;
  cursor: pointer;
  transition: transform .1s ease;
}

.discipline-title{
  font-size: 22px;
  line-height: 1.1;
  margin: 0;
}

.discipline-desc{
  margin: 8px 0 0;
  opacity: .9;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===== Active / dim states ===== */
.discipline-tile.is-dim{
  opacity: .85;
  filter: grayscale(1) contrast(.9);
  transform: scale(.98);
}

.discipline-tile.is-active{
  opacity: 1;
  filter: none;
  transform: scale(1.02);
  outline: 2px solid rgba(255,255,255,.35);
  outline-offset: -2px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* ===== Mobile: smaller tiles + hide paragraph ===== */
@media (max-width: 767px){
  .discipline-tile{
    min-height: 160px;
    border-radius: 16px;
  }

  .discipline-title{
    font-size: 18px;
  }

  .discipline-desc{
    display: none;
  }
}

/* Optional: keep hidden slug hidden (safe to leave) */
.discipline-slug{ display:none !important; }/* End custom CSS */