/*////////////////////////////////////////////////////////*/
/* Susan PART II*/
/*////////////////////////////////////////////////////////*/


/*Styling Profile Slick Carousel*/

/* Each slide centers its card */
.coordinators-slider .slide {
  display: flex;
  justify-content: center;
  align-items: stretch;      /* NEW: make all slides same height */
}

.slick-dots li button:before {
  content: '';           /* ensure it still shows up */
  padding-top: 20px;
}

/* HOVERING OVER AN IMAGE OF THE CONTRIBUTORS */
.image-hover {
  position: relative;
  overflow: hidden;
  /*Not sure it it affects quitting this*/
  width: 280px;   /* fixed card width */
  height: 420px;  /* fixed card height */
}

/*MAKE THE SIZE OF THE CARD FIXED?*/
.image-hover > img {
  width: 100%;
  aspect-ratio: 4 / 5; /*Mantain the same aspect ration for all devices*/
  /*height: 800px;        /* fixed image area height THIS IS KEY*/
  object-fit: cover;    /* fill the area, crop if needed */
  object-position: center;
  flex-shrink: 0;       /* prevent shrinking */
}

/* If it’s a logo, avoid cropping */
.image-hover > img.fit-contain {
  object-fit: contain;
  background: #fff;     /* for transparent logos */
}
/*END FIZED SIZE*/
  
/* the dark overlay */
.image-hover::before {
  content: "";
  position: absolute;
  inset: 0;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* the text + button, initially hidden */
.image-hover .overlay-content {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #fff;
}

/* on hover, show both */
.image-hover:hover::before {
  opacity: 1;
}
.image-hover:hover .overlay-content {
  opacity: 1;
}
/* END OF HOVERING OVER AN IMAGE OF THE CONTRIBUTORS */

/*////////////////////////////////////////////////////////*/
/* SLICK FOR ORGANIZERS */
/*////////////////////////////////////////////////////////*/
.coordinators-slider {
    margin: 0;
    padding: 0;
}
.coordinators-slider .slick-track {
    margin-left: 0;
}
.coordinators-slider .slick-slide {
    padding: 0 10px;
    box-sizing: border-box;
}
.coordinators-slider .slick-list {
    padding: 0;
    margin: 0;
}


/* Custom text weight classes */
.text-bold-org {
    font-weight: bold;
    font-family: "Quicksand", sans-serif;
}

.card-link {
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
    color: #2e5897; /* blue text */
}
/* END SLICK FOR ORGANIZERS */


/* Fix Slick carousel padding issues */
.coordinators-slider {
    margin: 0;
    padding: 0;
}

.coordinators-slider .slick-track {
    margin-left: 0;
}

.coordinators-slider .slick-slide {
    padding: 0 10px;
    box-sizing: border-box;
}

.coordinators-slider .slick-list {
    padding: 0;
    margin: 0;
}