/* ============================================
   SLICK SLIDER / FEATURED CAROUSEL
   ============================================ */

/* Keep slides aligned as block-level (prevents inline-block gap issues) */
.slick-track {
    display: block !important;
}

/* The inner wrapper div is inline-block per the style attribute —
   make the image fill it and display as block to avoid gap below */
.slick-slide img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* Slide text container */
.slick-slide .slide-text {
    padding: 0.5rem;
}

/* Slide title */
.slick-slide .slide-text .title {
    font-family: "Montserrat", sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
}

.slick-slide .slide-text .title a {
    color: #303C6C;
    text-decoration: none;
}

.slick-slide .slide-text .title a:hover {
    text-decoration: underline;
}

/* Caption */
.slick-slide .slide-text .caption {
    font-size: 0.95rem;
    line-height: 1.4;
    color: #333;
}

.slick-slide .slide-text .caption p {
    margin: 0 0 0.5rem;
}

/* Hide captions on small screens */
@media screen and (max-width: 750px) {
    .slick-slide .slide-text .caption {
        display: none;
    }
}

/* Browse list images — default (mobile first) */
ul.resource-list .resource img {
    float: left;
    margin-left: 15px;
    padding-right: 20px;
    width: 120px;   /* smaller on mobile */
    height: auto;
}

/* Larger image on bigger screens */
@media screen and (min-width: 600px) {
    ul.resource-list .resource img {
        width: 250px;
    }
}

/* ============================================
   FOOTER
   ============================================ */

/* Background, text color, full width, font size */
footer {
    background-color: #303C6C;
    color: #ffffff;
    max-width: none;
    font-size: 15px;
}

/* Paragraph padding */
footer p {
    padding: 5px;
}

/* Link colors */
footer a:link {
    text-decoration: underline #FFF;
    color: #ffffff !important;
}

footer a:visited {
    color: #ececec !important;
}