/* Custom Styles for PEEF Walkathon Website */

/* --- Slick Carousel Customizations --- */
/* These styles will only apply on pages where a carousel is present */

/* Hiding default arrows as we are using autoplay */
.slick-prev,
.slick-next {
    display: none !important;
}

/* Styling for the carousel dots */
.slick-dots {
    bottom: -30px; /* Position dots below the carousel items */
}

/* Style for individual dot buttons */
.slick-dots li button:before {
    font-size: 12px;
    color: #fcb900; /* --brand-gold */
    opacity: 0.4;
    transition: all 0.3s ease;
}

/* Style for the active dot */
.slick-dots li.slick-active button:before {
    color: #044F04; /* --brand-green */
    opacity: 1;
}