.elementor-12643 .elementor-element.elementor-element-8c38657{--display:flex;--min-height:650px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.7;--padding-top:65px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-12643 .elementor-element.elementor-element-8c38657::before, .elementor-12643 .elementor-element.elementor-element-8c38657 > .elementor-background-video-container::before, .elementor-12643 .elementor-element.elementor-element-8c38657 > .e-con-inner > .elementor-background-video-container::before, .elementor-12643 .elementor-element.elementor-element-8c38657 > .elementor-background-slideshow::before, .elementor-12643 .elementor-element.elementor-element-8c38657 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12643 .elementor-element.elementor-element-8c38657 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-12643 .elementor-element.elementor-element-8c38657 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-12643 .elementor-element.elementor-element-910b9cb{margin:273px 93px calc(var(--kit-widget-spacing, 0px) + -1px) 93px;text-align:center;}.elementor-12643 .elementor-element.elementor-element-910b9cb .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:70px;font-weight:800;line-height:100px;letter-spacing:-0.5px;text-shadow:-10px 8px 10px #000000;}.elementor-12643 .elementor-element.elementor-element-66ef551d{text-align:center;font-family:"Helvetica", Sans-serif;font-size:26px;font-weight:700;text-shadow:-5px 0px 10px #000000;color:#FFFFFF;}.elementor-12643 .elementor-element.elementor-element-630678d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12643 .elementor-element.elementor-element-3e31f5b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12643 .elementor-element.elementor-element-06ef3e4{width:100%;max-width:100%;margin:0px 12px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-12643 .elementor-element.elementor-element-4e0b1a3{color:#959595;}.elementor-12643 .elementor-element.elementor-element-84b5862{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-12643 .elementor-element.elementor-element-84b5862:not(.elementor-motion-effects-element-type-background), .elementor-12643 .elementor-element.elementor-element-84b5862 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #448595 100%);}.elementor-12643 .elementor-element.elementor-element-1108623{--e-image-carousel-slides-to-show:2;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 0px 0px 0px;}.elementor-12643 .elementor-element.elementor-element-1108623 .swiper-wrapper{display:flex;align-items:center;}.elementor-12643 .elementor-element.elementor-element-1108623 .elementor-image-carousel-caption{text-align:center;}.elementor-12643 .elementor-element.elementor-element-5ca2bb2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-12643 .elementor-element.elementor-element-5ca2bb2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12643 .elementor-element.elementor-element-0162da7{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12643 .elementor-element.elementor-element-240ff97{margin:0px -10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-12643 .elementor-element.elementor-element-b7e61f1{text-align:center;color:#959595;}.elementor-12643 .elementor-element.elementor-element-af1b3a1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-12643 .elementor-element.elementor-element-af1b3a1:not(.elementor-motion-effects-element-type-background), .elementor-12643 .elementor-element.elementor-element-af1b3a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #448595 100%);}.elementor-12643 .elementor-element.elementor-element-55035e4{--e-image-carousel-slides-to-show:1;}.elementor-12643 .elementor-element.elementor-element-55035e4 .elementor-image-carousel-caption{text-align:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-12643 .elementor-element.elementor-element-3e31f5b{--width:100%;}.elementor-12643 .elementor-element.elementor-element-5ca2bb2{--width:98.391%;}.elementor-12643 .elementor-element.elementor-element-0162da7{--width:100%;}}@media(max-width:1024px){.elementor-12643 .elementor-element.elementor-element-8c38657{--min-height:350px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-12643 .elementor-element.elementor-element-910b9cb .elementor-heading-title{font-size:45px;line-height:1.5em;}.elementor-12643 .elementor-element.elementor-element-3e31f5b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12643 .elementor-element.elementor-element-1108623{--e-image-carousel-slides-to-show:1;}.elementor-12643 .elementor-element.elementor-element-0162da7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12643 .elementor-element.elementor-element-55035e4{--e-image-carousel-slides-to-show:1;}}@media(max-width:767px){.elementor-12643 .elementor-element.elementor-element-8c38657{--min-height:220px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-12643 .elementor-element.elementor-element-910b9cb{margin:0150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12643 .elementor-element.elementor-element-910b9cb .elementor-heading-title{font-size:29px;line-height:1.7em;}.elementor-12643 .elementor-element.elementor-element-66ef551d{font-size:15px;}.elementor-12643 .elementor-element.elementor-element-4e0b1a3{text-align:center;}.elementor-12643 .elementor-element.elementor-element-84b5862{--margin-top:-51px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12643 .elementor-element.elementor-element-1108623{padding:0px 0px 0px 0px;}.elementor-12643 .elementor-element.elementor-element-0162da7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12643 .elementor-element.elementor-element-240ff97{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-12643 .elementor-element.elementor-element-b7e61f1{text-align:center;}.elementor-12643 .elementor-element.elementor-element-af1b3a1{--margin-top:-51px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for heading, class: .elementor-element-06ef3e4 *//* ===== Tolentino Quotes – hero styling ===== */
:root{
  --tt-accent: #5bb6ff;        /* change accent color here */
  --tt-accent-2: #8be4cf;      /* secondary accent */
  --tt-surface: rgba(255,255,255,.06);
  --tt-border: rgba(255,255,255,.12);
}

/* Section container */
.tt-quote-hero {
  position: relative;
  overflow: hidden;
  padding-top: clamp(48px, 8vw, 96px);
  padding-bottom: clamp(40px, 6vw, 80px);
  border-radius: 18px;
  backdrop-filter: saturate(110%);
  isolation: isolate;
}

/* Soft gradient background with subtle vignettes */
.tt-quote-hero::before,
.tt-quote-hero::after{
  content:"";
  position:absolute; inset:-2px;
  z-index:-1;
  background:
    radial-gradient(60% 80% at 10% 0%, rgba(91,182,255,.18), transparent 60%),
    radial-gradient(60% 80% at 90% 10%, rgba(139,228,207,.16), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.08));
}

/* faint grid dots for texture */
.tt-quote-hero .tt-dots{
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:
    radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 18px 18px;
  mask-image: radial-gradient(80% 80% at 50% 20%, #000 60%, transparent 100%);
}

/* inner “card” feel for content row/column */
.tt-quote-hero .elementor-container,
.tt-quote-hero .elementor-widget-wrap{
  background: var(--tt-surface);
  border: 1px solid var(--tt-border);
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
  padding: clamp(20px, 4vw, 40px);
}

/* Title (H1/H2) accent underline + glow */
.tt-quote-hero h1, .tt-quote-hero h2{
  position: relative;
  line-height: 1.15;
  letter-spacing: .2px;
  margin: 0 0 .6em;
  text-shadow: 0 2px 18px rgba(91,182,255,.12);
}
.tt-quote-hero h1::after, .tt-quote-hero h2::after{
  content:"";
  position:absolute; left:50%; transform:translateX(-50%);
  bottom: -10px;
  width: clamp(80px, 18vw, 180px); height: 3px;
  background: linear-gradient(90deg, var(--tt-accent), var(--tt-accent-2));
  border-radius: 3px;
  box-shadow: 0 0 16px rgba(91,182,255,.4);
}

/* Description text */
.tt-quote-hero p{
  max-width: 58ch;
  margin: 18px auto 0;
  opacity: .9;
}

/* Decorative corner lights */
.tt-quote-hero .tt-corner{
  position:absolute; width:180px; height:180px; filter: blur(40px);
  background: radial-gradient(circle at center, var(--tt-accent) 0%, transparent 65%);
  opacity:.22; pointer-events:none; z-index:-1;
}
.tt-quote-hero .tt-corner.left{ left:-60px; top:-40px; }
.tt-quote-hero .tt-corner.right{ right:-70px; bottom:-60px; }

/* subtle fade-in on load */
.tt-quote-hero { opacity:0; transform: translateY(12px); animation: ttFade .6s ease-out .05s forwards; }
@keyframes ttFade { to { opacity:1; transform:none; } }

/* Mobile tweaks */
@media (max-width:767px){
  .tt-quote-hero .elementor-container,
  .tt-quote-hero .elementor-widget-wrap{ box-shadow: 0 6px 18px rgba(0,0,0,.35); }
  .tt-quote-hero h1::after, .tt-quote-hero h2::after{ bottom:-8px; height:2px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e0b1a3 *//* ===== Tolentino Quotes – subline styling without underline ===== */
:root{
  --tt-accent: #5bb6ff;        /* primary accent (edit to match brand) */
  --tt-accent-2: #8be4cf;      /* secondary accent */
  --tt-ink: rgba(255,255,255,.86);
  --tt-ink-dim: rgba(255,255,255,.72);
}

/* container */
.tt-quote-sub{
  position: relative;
  padding: clamp(14px, 2.2vw, 22px) 16px 28px;
  margin-inline: auto;
  max-width: 820px;
  text-align: center;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 12px 28px rgba(0,0,0,.35);
  backdrop-filter: blur(2px) saturate(110%);
  overflow: hidden;
}

/* text */
.tt-quote-sub p{
  margin: 0;
  color: var(--tt-ink-dim);
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: 1.6;
}

/* soft corner lights */
.tt-quote-sub::before{
  content:"";
  position:absolute; right:-80px; top:-60px;
  width:180px; height:180px;
  background: radial-gradient(circle at center, var(--tt-accent) 0%, transparent 65%);
  filter: blur(38px);
  opacity:.22; pointer-events:none;
}

/* decorative quote icon on the left */
.tt-quote-sub .tt-mark{
  position:absolute; left:14px; top:12px;
  width: 28px; height: 28px;
  border-radius: 50%;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: var(--tt-ink);
  font-weight: 600;
  letter-spacing: .5px;
  opacity:.9;
}

/* hover lift for desktop */
@media (pointer:fine){
  .tt-quote-sub{ transition: transform .25s ease, box-shadow .25s ease; }
  .tt-quote-sub:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.42); }
}

/* mobile spacing */
@media (max-width: 767px){
  .tt-quote-sub{ padding: 14px 14px 24px; }
  .tt-quote-sub .tt-mark{ left:10px; top:10px; width:24px; height:24px; font-size:12px; }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-1108623 *//* kill the white blur blobs / slide shadows */
.tt-no-blur .swiper-slide-shadow,
.tt-no-blur .swiper-slide-shadow-left,
.tt-no-blur .swiper-slide-shadow-right,
.tt-no-blur .swiper-slide::before,
.tt-no-blur .swiper-slide::after {
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

/* show & style arrows (Elementor/Swiper) */
.tt-no-blur .elementor-swiper-button,
.tt-no-blur .swiper-button-prev,
.tt-no-blur .swiper-button-next {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: rgba(0,0,0,.6);
  color: #fff;
  opacity: 1 !important;
  z-index: 5;
}

/* position */
.tt-no-blur .elementor-swiper-button-prev,
.tt-no-blur .swiper-button-prev { left: 8px; }
.tt-no-blur .elementor-swiper-button-next,
.tt-no-blur .swiper-button-next { right: 8px; }

/* tidy up pagination if you only want arrows */
.tt-no-blur .swiper-pagination { display: none !important; }

/* mobile sizing */
@media (max-width: 767px){
  .tt-no-blur .elementor-swiper-button,
  .tt-no-blur .swiper-button-prev,
  .tt-no-blur .swiper-button-next { width: 36px; height: 36px; }
}

/* Make the carousel arrows smaller */
.tt-no-blur .elementor-swiper-button,
.tt-no-blur .swiper-button-prev,
.tt-no-blur .swiper-button-next {
  width: 25px;   /* Smaller width */
  height: 25px;  /* Smaller height */
  font-size: 14px; /* Smaller arrow icon */
  background: rgba(0,0,0,0.6);
  color: #fff;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  z-index: 5;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b7e61f1 *//* ===== Tolentino Quotes – subline styling without underline ===== */
:root{
  --tt-accent: #5bb6ff;        /* primary accent (edit to match brand) */
  --tt-accent-2: #8be4cf;      /* secondary accent */
  --tt-ink: rgba(255,255,255,.86);
  --tt-ink-dim: rgba(255,255,255,.72);
}

/* container */
.tt-quote-sub{
  position: relative;
  padding: clamp(14px, 2.2vw, 22px) 16px 28px;
  margin-inline: auto;
  max-width: 820px;
  text-align: center;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 12px 28px rgba(0,0,0,.35);
  backdrop-filter: blur(2px) saturate(110%);
  overflow: hidden;
}

/* text */
.tt-quote-sub p{
  margin: 0;
  color: var(--tt-ink-dim);
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: 1.6;
}

/* soft corner lights */
.tt-quote-sub::before{
  content:"";
  position:absolute; right:-80px; top:-60px;
  width:180px; height:180px;
  background: radial-gradient(circle at center, var(--tt-accent) 0%, transparent 65%);
  filter: blur(38px);
  opacity:.22; pointer-events:none;
}

/* decorative quote icon on the left */
.tt-quote-sub .tt-mark{
  position:absolute; left:14px; top:12px;
  width: 28px; height: 28px;
  border-radius: 50%;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: var(--tt-ink);
  font-weight: 600;
  letter-spacing: .5px;
  opacity:.9;
}

/* hover lift for desktop */
@media (pointer:fine){
  .tt-quote-sub{ transition: transform .25s ease, box-shadow .25s ease; }
  .tt-quote-sub:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.42); }
}

/* mobile spacing */
@media (max-width: 767px){
  .tt-quote-sub{ padding: 14px 14px 24px; }
  .tt-quote-sub .tt-mark{ left:10px; top:10px; width:24px; height:24px; font-size:12px; }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-55035e4 *//* kill the white blur blobs / slide shadows */
.tt-no-blur .swiper-slide-shadow,
.tt-no-blur .swiper-slide-shadow-left,
.tt-no-blur .swiper-slide-shadow-right,
.tt-no-blur .swiper-slide::before,
.tt-no-blur .swiper-slide::after {
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

/* show & style arrows (Elementor/Swiper) */
.tt-no-blur .elementor-swiper-button,
.tt-no-blur .swiper-button-prev,
.tt-no-blur .swiper-button-next {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: rgba(0,0,0,.6);
  color: #fff;
  opacity: 1 !important;
  z-index: 5;
}

/* position */
.tt-no-blur .elementor-swiper-button-prev,
.tt-no-blur .swiper-button-prev { left: 8px; }
.tt-no-blur .elementor-swiper-button-next,
.tt-no-blur .swiper-button-next { right: 8px; }

/* tidy up pagination if you only want arrows */
.tt-no-blur .swiper-pagination { display: none !important; }

/* mobile sizing */
@media (max-width: 767px){
  .tt-no-blur .elementor-swiper-button,
  .tt-no-blur .swiper-button-prev,
  .tt-no-blur .swiper-button-next { width: 36px; height: 36px; }
}

/* Make the carousel arrows smaller */
.tt-no-blur .elementor-swiper-button,
.tt-no-blur .swiper-button-prev,
.tt-no-blur .swiper-button-next {
  width: 25px;   /* Smaller width */
  height: 25px;  /* Smaller height */
  font-size: 14px; /* Smaller arrow icon */
  background: rgba(0,0,0,0.6);
  color: #fff;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  z-index: 5;
}

/* Adjust positioning so they don't overlap content */
.tt-no-blur .elementor-swiper-button-prev,
.tt-no-blur .swiper-button-prev {
  left: 5px;
}
.tt-no-blur .elementor-swiper-button-next,
.tt-no-blur .swiper-button-next {
  right: 5px;
}/* End custom CSS */
/* Start custom CSS *//*vocab-card effects*/
.vocab-card::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:3px;
  background:linear-gradient(
              to right,
              #FFD700 0%,              /* solid gold start   */
              #FFD700 55%,             /* keep solid > half  */
              rgba(255,215,0,.6) 70%,  /* fade begins        */
              rgba(255,215,0,.3) 85%,  /* almost gone        */
              transparent 100%         /* fully transparent  */
            );
}

/* ---------- toolbar flex layout ---------- */
.vocab-toolbar{
  display:flex;
  flex-wrap:wrap;        /* allow rows */
  gap:16px;              /* desktop gaps */
}

/* desktop: 6 equal buttons per row */
.vocab-toolbar [data-type="filter-btn"]{
  flex:0 0 16.66%;       /* 100 / 6 */
}

.vocab-toolbar [data-type="filter-btn"] .elementor-button{
  width:100%;
  min-height:48px;
  padding:12px 0;
  font-size:18px;
  white-space:nowrap;
}

/* ---------- tablet (max-width 1023 px) ---------- */
@media (max-width:1023px){
  .vocab-toolbar{gap:14px;}
  .vocab-toolbar [data-type="filter-btn"]{flex:0 0 33.33%;}   /* 3 per row */
  .vocab-toolbar [data-type="filter-btn"] .elementor-button{
    min-height:44px; font-size:16px; padding:10px 0;
  }
}

/* ---------- mobile (max-width 767 px) ---------- */
@media (max-width:767px){
  .vocab-toolbar{gap:10px;}
  .vocab-toolbar [data-type="filter-btn"]{flex:0 0 50%;}      /* 2 per row */
  .vocab-toolbar [data-type="filter-btn"] .elementor-button{
    min-height:40px; font-size:15px; padding:8px 0;
  }
}

/* ---------- put text dead-center in every button ---------- */
.vocab-toolbar [data-type="filter-btn"] .elementor-button{
  display:flex;                 /* turn the <a> into a flex box */
  align-items:center;           /* vertical centre */
  justify-content:center;       /* horizontal centre */
  text-align:center;            /* multi-line centres too */
}

/* ---------- tablet (3 per row) force equal widths ---------- */
@media (max-width:1023px){
  .vocab-toolbar [data-type="filter-btn"]{
    flex:0 0 33.33% !important;   /* exact third */
    max-width:33.33%;
  }
}

/* ---------- mobile (2 per row) force equal widths ---------- */
@media (max-width:767px){
  .vocab-toolbar [data-type="filter-btn"]{
    flex:0 0 50% !important;      /* exact half */
    max-width:50%;
  }
}/* End custom CSS */