/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER: */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.site-footer {
    background-color: var(--white);
}

/* partner */

.site-footer__partner {
    /* spacing */
    padding: 40px 0;

    /* font */
    text-align: center;
}
.site-footer__partner .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

/*logo*/
.site-footer__partner-logo img {
    display: block;
    width: 100%;
    max-width: 250px;
    height: auto;
}

/*text*/
.site-footer__partner-text {
    max-width: 700px;
    margin: 0;
    color: var(--black);
}

/*privacy link: purple here, kvymca.org prints it white on white*/
.site-footer__privacy {
    text-decoration: none;
    color: var(--purple);
}
.site-footer__privacy:hover {
    color: var(--magenta);
}

/* brand */

.site-footer__brand {
    /* spacing */
    padding: 10px 26px;

    /* container */
    background-color: var(--purple);

    /* inner container */
    display: flex;
    justify-content: center;
}
.site-footer__brand-link {
    display: block;
}
.site-footer__brand img {
    display: block;
    width: 163px;
    height: auto;
}

/* copyright */

.site-footer__copyright {
    padding: 14px 0;
}
.site-footer__copyright-list {
    /* spacing */
    margin: 0;
    padding: 0;

    /* container */
    list-style: none;

    /* font */
    color: var(--black);

    /* inner container */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 8px;
}
/*pipe between items*/
.site-footer__copyright-list li + li::before {
    content: "|";
    margin-right: 8px;
}
.site-footer__copyright-list a {
    color: inherit;
}
.site-footer__copyright-list a:hover {
    color: var(--magenta);
}

@media (max-width: 768px) {
    /* copyright */

    /*stack the items and drop the pipes*/
    .site-footer__copyright-list {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .site-footer__copyright-list li + li::before {
        content: none;
    }
}