/* =========================================================
   OUR CLUB
   DEFAULT PAGE
========================================================= */

.club-page {
    padding:
        60px 0 80px;
}


.club-page-content {
    max-width: 1000px;

    margin:
        0 auto;
}


.club-page-header {
    margin-bottom: 30px;
}


.club-page-title {
    margin: 0;

    font-size:
        clamp(2rem, 4vw, 3.2rem);

    line-height: 1.1;

    font-weight: 900;

    color:
        var(--club-primary);
}


.club-page-body {
    font-size: 1rem;

    line-height: 1.75;

    color:
        #333;
}


.club-page-body p {
    margin:
        0 0 20px;
}


.club-page-body img {
    max-width: 100%;

    height: auto;
}


.club-page-body h2,
.club-page-body h3,
.club-page-body h4 {
    color:
        var(--club-primary);

    font-weight: 800;

    line-height: 1.2;

    margin-top: 35px;

    margin-bottom: 15px;
}


.club-page-body ul,
.club-page-body ol {
    margin-bottom: 20px;

    padding-left: 25px;
}


.club-page-body a {
    color:
        var(--club-primary);

    text-decoration: underline;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .club-page {
        padding:
            40px 0 60px;
    }

    .club-page-header {
        margin-bottom: 22px;
    }

    .club-page-title {
        font-size: 2rem;
    }

    .club-page-body {
        font-size: .95rem;
    }
}