.ftr.v6 {
    --bdr-clr-o: .1;
    /* -- Row 1: Nav Bar ------------------------------------ */

    .ftr-v6-nav {
        padding: 2.78rem 0;
       
    }

    .ftr-v6-nav-lst {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 0.875rem;
    }

    /* -- Row 2: Contact Info Strip ------------------------- */

    .ftr-v6-contact {
        padding: .89rem 0;

         .flx-at-1280 {
            @media screen and (min-width:1280px) {
                & {
                    gap: 0;
                }
            }
        }
    }

    .ftr-v6-block {
        gap: 1rem;
        flex: 1;
        padding-block: .89rem;

        svg {
            font-size: 2.67rem;
        }
    }


    .ftr-v6-lbl {
        font-size: 0.75rem;
        opacity: 0.6;
    }

    .ftr-v6-val {
        font-size: 1.25rem;
        font-weight: 600;
    }

    .ftr-v6-div {
        background-color: hsl(from var(--text-color) h s l / 0.1);
        @media screen and (min-width: 1280px) {
            width: 1px;
            align-self: stretch;
            margin: 0 3.556rem;

            &:first-of-type {
                margin-left: 0;
            }

            &:last-of-type {
                margin-right: 0;
            }
        }

        @media screen and (max-width:1279px) {
            & {
                width: 100%;
                height: 1px;
                margin: 2rem 0;
            }
        }
    }

    /* -- Row 3: Bottom Bar --------------------------------- */

    .ftr-v6-btm {
        padding: 1.33rem 0;
    }

    .ftr-v6-follow {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        opacity: 0.6;
    }

    /* -- Social Icon Circles ------------------------------- */

    .so-lk {
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: hsl(from var(--text-color) h s l / 0.1);

        svg {
            font-size: 0.875rem;
        }
    }

    /* -- Responsive: Stack nav on mobile ------------------- */

    @media screen and (max-width: 1279px) {

        .ftr-v6-nav .flx-at-1280 {
            text-align: center;
        }

        .ftr-v6-nav-lst {
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 1rem;
            margin-bottom: 1rem;
        }

    }

}
