/* Volunteer page */

.volunteer-content-section {
    padding: clamp(72px, 8vw, 112px) 0;
}

.volunteer-content-section .container {
    width: min(100% - 48px, 1120px);
    margin-inline: auto;
}

.volunteer-content {
    width: min(100%, 920px);
    margin-inline: auto;
    padding: 0;
}

.volunteer-content__intro,
.volunteer-board {
    max-width: 760px;
    margin-inline: auto;
}

.volunteer-content h2 {
    max-width: 760px;
    margin: 0 0 22px;
    font-size: clamp(2.15rem, 4.2vw, 3.6rem);
    line-height: 1.05;
    letter-spacing: -0.045em;
}

.volunteer-content h3,
.volunteer-ways__card h3,
.volunteer-applications__card h3 {
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    line-height: 1.12;
    letter-spacing: -0.025em;
    margin-bottom: 12px;
}

.volunteer-content p {
    max-width: 700px;
    line-height: 1.7;
}

.volunteer-content__intro {
    margin-bottom: clamp(48px, 6vw, 72px);
}

.volunteer-content__intro p,
.volunteer-board p,
.volunteer-board__list {
    max-width: 680px;
}

.volunteer-ways {
    margin-top: 0;
}

.volunteer-ways > h2,
.volunteer-ways > p {
    max-width: 760px;
    margin-inline: auto;
}

.volunteer-ways__grid,
.volunteer-ways__grid.wp-block-columns,
.volunteer-applications__grid,
.volunteer-applications__grid.wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 32px);
    margin-top: clamp(32px, 4vw, 48px);
}

.volunteer-ways__grid + .volunteer-ways__grid {
    margin-top: clamp(20px, 3vw, 32px);
}

.volunteer-ways__grid > .wp-block-column,
.volunteer-applications__grid > .wp-block-column {
    flex-basis: auto !important;
    flex-grow: 0 !important;
    width: auto !important;
    min-width: 0;
}

.volunteer-ways__card {
    padding: clamp(24px, 3vw, 34px);
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(20, 35, 45, 0.12);
}

.volunteer-applications__card {
    padding: clamp(24px, 3vw, 34px);
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(20, 35, 45, 0.12);
}

.volunteer-ways__card p,
.volunteer-applications__card p {
    max-width: none;
    margin-bottom: 0;
}

.volunteer-gallery {
    margin-top: clamp(64px, 8vw, 96px);
    padding-top: clamp(48px, 6vw, 72px);
    border-top: 1px solid rgba(20, 35, 45, 0.14);
}

.volunteer-gallery > .eyebrow,
.volunteer-gallery > h2,
.volunteer-gallery > p {
    max-width: 760px;
    margin-inline: auto;
}

.volunteer-gallery > .foogallery {
    margin-top: clamp(30px, 4vw, 44px);
}

.volunteer-gallery > .wp-block-buttons {
    justify-content: center;
    margin-top: clamp(28px, 4vw, 40px);
}

.volunteer-board {
    margin-top: clamp(64px, 8vw, 96px);
}

.volunteer-board__list {
    margin-left: 0;
    max-width: 680px;
    margin-top: 24px;
    padding-left: 1.2rem;
}

.volunteer-board__list li + li {
    margin-top: 10px;
}

.volunteer-applications {
    width: min(100% - 48px, 880px);
    margin-inline: auto;
}

.volunteer-applications__intro {
    max-width: 680px;
    margin-inline: auto;
    text-align: center;
}

.volunteer-applications__intro .hero-intro {
    margin-inline: auto;
}

.volunteer-applications__grid,
.volunteer-applications__grid.wp-block-columns {
    margin-top: clamp(30px, 4vw, 44px);
}

.volunteer-applications__card {
    text-align: center;
}

.volunteer-applications__card .wp-block-buttons {
    justify-content: center;
    margin-top: 24px;
}

.volunteer-form-placeholders {
    width: min(100%, 760px);
    margin: clamp(56px, 7vw, 84px) auto 0;
    display: grid;
    gap: clamp(28px, 4vw, 42px);
}

.volunteer-application-form-section {
    padding: clamp(72px, 8vw, 120px) 0;
}

.volunteer-application-form-section .container {
    width: min(100% - 48px, 1120px);
    margin-inline: auto;
}

.volunteer-application-form-section .volunteer-form-placeholders {
    width: min(100%, 980px);
    margin: 0 auto;
    padding: clamp(28px, 4vw, 56px);
}

.volunteer-form-placeholder {
    padding-top: clamp(28px, 4vw, 40px);
    border-top: 1px solid rgba(20, 35, 45, 0.14);
}

.volunteer-form-placeholder p {
    max-width: 680px;
}

.nofcc-form-placeholder {
    margin-top: 22px;
    padding: clamp(24px, 3vw, 34px);
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(20, 35, 45, 0.14);
}

.nofcc-form-placeholder p {
    margin-bottom: 10px;
}

.nofcc-form-placeholder p:last-child {
    margin-bottom: 0;
}

@media (max-width: 760px) {
    .volunteer-content-section {
        padding: clamp(56px, 10vw, 76px) 0;
    }

    .volunteer-content-section .container,
    .volunteer-content {
        width: min(100% - 32px, 920px);
    }

    .volunteer-applications {
        width: min(100% - 32px, 920px);
    }

    .volunteer-content__intro,
    .volunteer-board,
    .volunteer-gallery > .eyebrow,
    .volunteer-gallery > h2,
    .volunteer-gallery > p,
    .volunteer-ways > h2,
    .volunteer-ways > p {
        max-width: none;
        margin-inline: 0;
    }

    .volunteer-content__intro p,
    .volunteer-board p,
    .volunteer-board__list {
        max-width: none;
    }

    .volunteer-content h2 {
        font-size: clamp(2rem, 9vw, 2.8rem);
        line-height: 1.08;
    }

    .volunteer-content h3,
    .volunteer-ways__card h3,
    .volunteer-applications__card h3 {
        font-size: clamp(1.25rem, 6vw, 1.6rem);
    }

    .volunteer-ways__grid,
    .volunteer-ways__grid.wp-block-columns,
    .volunteer-applications__grid,
    .volunteer-applications__grid.wp-block-columns {
        grid-template-columns: 1fr;
    }

    .volunteer-applications__card {
        text-align: left;
    }

    .volunteer-applications__card .wp-block-buttons {
        justify-content: flex-start;
    }

    .volunteer-application-form-section {
        padding: clamp(56px, 10vw, 80px) 0;
    }

    .volunteer-application-form-section .container {
        width: min(100% - 32px, 1120px);
    }

    .volunteer-application-form-section .volunteer-form-placeholders {
        padding: 24px 18px;
    }
}