/* BR SITE NAV V3 — 4-COLUMN SHARED FOOTER
   Header visuals remain unchanged. This only accommodates one extra footer group.
*/

html body.siteBody footer .wrap.foot.footRich {
    grid-template-columns:
        minmax(290px, 1.35fr)
        minmax(130px, .54fr)
        minmax(175px, .72fr)
        minmax(175px, .76fr) !important;
    gap: 34px !important;
}

html body.siteBody footer .footGroupArchive nav a {
    white-space: nowrap;
}

@media (max-width: 1040px) {
    html body.siteBody footer .wrap.foot.footRich {
        grid-template-columns:
            minmax(255px, 1.15fr)
            minmax(125px, .55fr)
            minmax(160px, .72fr)
            minmax(165px, .75fr) !important;
        gap: 23px !important;
    }

    html body.siteBody footer .footGroup {
        padding-left: 18px !important;
    }
}

@media (max-width: 820px) {
    html body.siteBody footer .wrap.foot.footRich {
        grid-template-columns: 1fr 1fr !important;
        gap: 24px 20px !important;
    }

    html body.siteBody footer .footBrand {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 520px) {
    html body.siteBody footer .wrap.foot.footRich {
        grid-template-columns: 1fr !important;
    }

    html body.siteBody footer .footBrand,
    html body.siteBody footer .footGroup {
        grid-column: 1 !important;
    }

    html body.siteBody footer .footGroup {
        padding-left: 17px !important;
    }
}
