.elementor-95117 .elementor-element.elementor-element-66419c54{--display:flex;--min-height:356px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95117 .elementor-element.elementor-element-66419c54:not(.elementor-motion-effects-element-type-background), .elementor-95117 .elementor-element.elementor-element-66419c54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://getboards.com/wp-content/uploads/2025/11/snowboard-size-chart-1.webp");background-position:0px -792px;background-repeat:no-repeat;background-size:cover;}.elementor-95117 .elementor-element.elementor-element-62eba190{--display:flex;--min-height:175px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-95117 .elementor-element.elementor-element-62eba190:not(.elementor-motion-effects-element-type-background), .elementor-95117 .elementor-element.elementor-element-62eba190 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFDE;}.elementor-95117 .elementor-element.elementor-element-62eba190.e-con{--align-self:center;}.elementor-95117 .elementor-element.elementor-element-11f69339{text-align:center;}.elementor-95117 .elementor-element.elementor-element-11f69339 .elementor-heading-title{-webkit-text-stroke-color:#000;stroke:#000;}.elementor-95117 .elementor-element.elementor-element-d609b57{padding:0px 0px 0px 0px;text-align:center;}.elementor-95117 .elementor-element.elementor-element-d609b57 .elementor-heading-title{font-weight:400;}.elementor-95117 .elementor-element.elementor-element-7e38f86{--display:flex;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95117 .elementor-element.elementor-element-41a8454{--image-transition-duration:800ms;--content-text-align:center;--content-justify-content:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-95117 .elementor-element.elementor-element-767bc84{--display:flex;}@media(max-width:1024px){.elementor-95117 .elementor-element.elementor-element-66419c54{--min-height:422px;}.elementor-95117 .elementor-element.elementor-element-66419c54:not(.elementor-motion-effects-element-type-background), .elementor-95117 .elementor-element.elementor-element-66419c54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-95117 .elementor-element.elementor-element-62eba190{--min-height:18vh;}.elementor-95117 .elementor-element.elementor-element-7e38f86{--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-95117 .elementor-element.elementor-element-66419c54{--min-height:400px;}.elementor-95117 .elementor-element.elementor-element-66419c54:not(.elementor-motion-effects-element-type-background), .elementor-95117 .elementor-element.elementor-element-66419c54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-95117 .elementor-element.elementor-element-62eba190{--width:85%;--min-height:18vh;}.elementor-95117 .elementor-element.elementor-element-7e38f86{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-95117 .elementor-element.elementor-element-62eba190{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-95117 .elementor-element.elementor-element-62eba190{--width:92%;}}/* Start custom CSS for gallery, class: .elementor-element-41a8454 */.e-gallery-item.elementor-gallery-item.elementor-animated-content { opacity:.1; }
.e-gallery-item.elementor-gallery-item.elementor-animated-content:hover { opacity:.5; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a368335 *//* mobile-friendly alphabet wraps to two lines */
.alpha-nav{
  display:flex !important;
  flex-wrap:wrap !important;        /* allow wrap */
  white-space:normal !important;     /* break out of no-wrap */
  overflow:visible !important;       /* no hidden/scroll container */
  justify-content:center !important;
  align-content:center !important;

  /* kill the rounded pill that clips letters */
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;

  gap:8px 12px !important;           /* row-gap, column-gap */
  padding:6px 0 !important;
  margin:8px 0 20px !important;
}

.alpha-nav a{
  /* plain text letters */
  width:auto !important;
  height:auto !important;
  padding:0 3px !important;
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  line-height:1 !important;
/* alphabet font size */
  font-size:20px !important;
  font-weight:600;
  color:inherit;                      /* use theme color */
  text-decoration:none;
  flex:0 0 auto !important;
}

/* tiny phones */
@media (max-width: 380px){
  .alpha-nav{ gap:6px 10px !important; }
  .alpha-nav a{ font-size:13px !important; }
}
/* ===== FINAL: make the alphabet wrap on small screens ===== */

/* Phones + tablets: wrap to two lines and remove the pill/boxes */
@media (max-width: 767px){
  .brands-wrap nav.alpha-nav{
    display:flex !important;
    flex-wrap:wrap !important;          /* allow wrapping */
    white-space:normal !important;
    overflow:visible !important;         /* no clipping/scroll */
    justify-content:center !important;
    align-content:center !important;

    /* kill the rounded pill that was clipping letters */
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;

    gap:8px 12px !important;             /* row-gap / column-gap */
    padding:6px 0 !important;
    margin:8px 0 16px !important;
  }
  .brands-wrap nav.alpha-nav a{
    /* plain text letters */
    width:auto !important;
    height:auto !important;
    padding:0 3px !important;
    border:0 !important;
    background:transparent !important;
    border-radius:0 !important;
    line-height:1 !important;

    font-size:14px !important;
    font-weight:600;
    color:inherit;
    text-decoration:none;
    flex:0 0 auto !important;
  }
}

/* Desktop keeps your current single-row pill *//* End custom CSS */