.elementor-11418 .elementor-element.elementor-element-230c1d44{--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;--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-11418 .elementor-element.elementor-element-230c1d44::before, .elementor-11418 .elementor-element.elementor-element-230c1d44 > .elementor-background-video-container::before, .elementor-11418 .elementor-element.elementor-element-230c1d44 > .e-con-inner > .elementor-background-video-container::before, .elementor-11418 .elementor-element.elementor-element-230c1d44 > .elementor-background-slideshow::before, .elementor-11418 .elementor-element.elementor-element-230c1d44 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11418 .elementor-element.elementor-element-230c1d44 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-11418 .elementor-element.elementor-element-230c1d44 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-11418 .elementor-element.elementor-element-2ab44b32{margin:273px 93px calc(var(--kit-widget-spacing, 0px) + -1px) 93px;text-align:center;}.elementor-11418 .elementor-element.elementor-element-2ab44b32 .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-11418 .elementor-element.elementor-element-333d66b8{text-align:center;font-family:"Helvetica", Sans-serif;font-size:26px;font-weight:700;text-shadow:-5px 0px 10px #000000;color:#FFFFFF;}.elementor-11418 .elementor-element.elementor-element-333d66b8 p{margin-block-end:0px;}.elementor-11418 .elementor-element.elementor-element-70b9d94e{--display:flex;}.elementor-11418 .elementor-element.elementor-element-48394d9b{--display:flex;}.elementor-11418 .elementor-element.elementor-element-48394d9b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11418 .elementor-element.elementor-element-1e8b3f74{--display:flex;}.elementor-11418 .elementor-element.elementor-element-66dfdbc8{--grid-columns:1;--grid-row-gap:24px;}.elementor-11418 .elementor-element.elementor-element-66dfdbc8 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-11418 .elementor-element.elementor-element-66dfdbc8 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-11418 .elementor-element.elementor-element-66dfdbc8 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-11418 .elementor-element.elementor-element-66dfdbc8 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-11418 .elementor-element.elementor-element-66dfdbc8 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-11418 .elementor-element.elementor-element-230c1d44{--min-height:350px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-11418 .elementor-element.elementor-element-66dfdbc8{--grid-columns:1;--grid-row-gap:16px;}}@media(max-width:767px){.elementor-11418 .elementor-element.elementor-element-230c1d44{--min-height:220px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-11418 .elementor-element.elementor-element-2ab44b32{margin:0150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11418 .elementor-element.elementor-element-2ab44b32 .elementor-heading-title{font-size:36px;line-height:1.3em;}.elementor-11418 .elementor-element.elementor-element-333d66b8{font-size:15px;}.elementor-11418 .elementor-element.elementor-element-48394d9b{--width:320px;}.elementor-11418 .elementor-element.elementor-element-66dfdbc8{--grid-columns:1;--grid-row-gap:12px;}}/* 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 */