/* Fundraising Leaders
 * */
.fundraisingleaders {
   padding-bottom: 3em;
}
.fundraisingleaders strong {
   color: #0000cd;
   display: block;
   margin: 2em 0;
   text-align: center;
}
@media( orientation: landscape ) {
   .fundraisingleaders strong {
      text-align: left;
   }
}

/* LEADERS
 * */
.fundraisingleaders .leaders {
   position: relative;
}
.fundraisingleaders .leaders .nav {
   cursor: pointer;
   position: absolute;
   top: 50%;
   transform: translate(0,-50%);
   font-size: 2.5em;
   filter: drop-shadow(0 0 .05em white);
}
.fundraisingleaders .leaders .nav.prev {
   left: 0;
}
.fundraisingleaders .leaders .nav.next {
   right: 0;
}
.fundraisingleaders .leaders .scroller {
   display: flex;
   flex-direction: row;
   overflow: auto;
   scrollbar-width: none;
   scroll-snap-type: x mandatory;
   padding-bottom: .25em;
}
.fundraisingleaders .leaders figure {
   margin: 0;
   padding: 0;
   flex: 0 0 100%;
   scroll-snap-align: start
}
.fundraisingleaders .leaders img {
   display: block;
   box-sizing: border-box;
   width: 100%;
   max-width: 280px;
   margin: 0 auto;
   aspect-ratio: 1 / 1;
   object-fit: cover;
   border-radius: 10em;
   border: .15em solid #0000cd;
   cursor: pointer;
}
.fundraisingleaders .leaders figcaption {
   word-spacing: 9999px;
   color: #0000cd;
   margin: 1em 0 0;
   text-align: center;
   text-transform: uppercase;
}
.fundraisingleaders .leaders a {
   text-decoration: none;
}
@media( min-width: 512px ) {
   .fundraisingleaders .leaders .scroller {
      column-gap: 4%
   }
   .fundraisingleaders .leaders .scroller figure {
      flex-basis: 48%;
   }
}
@media( min-width: 1024px ) {
   .fundraisingleaders .leaders .scroller figure {
      flex-basis: 22%;
   }
}



/* Bullet Indicator
 * */
.fundraisingleaders .indicator {
   margin: .25em 0 0;
   padding: 0;
   list-style: none;
   display: flex;
   column-gap: .5em;
   justify-content: center;
}
.fundraisingleaders .indicator li {
   width: .5em;
   height: .5em;
   border: .1em solid #0000cd;
   border-radius: 1em;
   transition: 300ms;
}
.fundraisingleaders .indicator li.visible {
   background: #0000cd;
}