.footer {
    background: #000;
    color: var(--color-white) !important;
    font-size: 1rem;
    padding: 2rem 1rem;
    text-align: center
}

.footer a:focus-visible {
    background-color: var(--color-dandelion) !important;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-box-shadow: 0 -2px var(--color-dandelion), 0 4px #000 !important;
    box-shadow: 0 -2px var(--color-dandelion), 0 4px #000 !important;
    color: #000 !important;
    outline: 3px solid transparent !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-decoration: none
}

.footer h2 {
    color: var(--color-percy-pig) !important;
    margin-bottom: .5rem
}

.footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width:744px) {
    .footer__inner {
        display: grid;
        gap: 1rem;
        grid-template-areas: "logo logo" "tasks contact" "accessibility links" "copyright copyright";
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:992px) {
    .footer__inner {
        -webkit-column-gap: initial;
        -moz-column-gap: initial;
        column-gap: initial;
        grid-template-areas: "logo . . ." "tasks contact . accessibility" ". socials . ." "copyright copyright links links";
        grid-template-columns: repeat(4, 1fr)
    }
}

.footer .lgd-region__padding-wrapper {
    margin-left: -.25rem;
    padding: 0
}

.footer__cell {
    margin-bottom: 2.5rem
}

@media(min-width:744px) {
    .footer__cell {
        margin-bottom: 1rem
    }
}

@media(min-width:992px) {
    .footer__cell {
        margin-bottom: 0
    }
}

.footer__cell .footer-nav__item {
    margin-bottom: 1rem
}

.footer__cell .footer-nav__item:last-of-type {
    margin-bottom: 0
}

.footer__cell--logo {
    height: 80px;
    width: 120px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:744px) {
    .footer__cell--logo {
        grid-area: logo
    }
}

@media(min-width:992px) {
    .footer__cell--logo {
        margin-bottom: 3rem;
        margin-left: unset;
        margin-right: unset
    }
}

.footer__cell--popular-tasks nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width:744px) {
    .footer__cell--popular-tasks {
        grid-area: tasks
    }
}

.footer__cell--contact nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__cell--contact .social-media-link {
    display: inline-block;
    margin-top: 1rem
}

@media(min-width:744px) {
    .footer__cell--contact {
        grid-area: contact
    }

    .footer__cell--contact:after {
        content: "";
        display: block;
        height: 35px
    }
}

@media(min-width:992px) {
    .footer__cell--contact:after {
        content: unset
    }

    .footer__cell--contact .social-media-link {
        left: -12px;
        margin-right: 0;
        margin-top: 0
    }
}

.footer__cell--bottom-nav .nav--footer {
    max-width: unset
}

.footer__cell--accessibility-link p {
    margin-bottom: 0
}

@media(min-width:744px) {
    .footer__cell--accessibility-link {
        grid-area: accessibility
    }
}

@media(min-width:992px) {
    .footer__cell--accessibility-link {
        align-self: end
    }
}

.footer__cell--bottom-nav .footer-nav__item {
    margin-bottom: 0
}

@media(min-width:744px) {
    .footer__cell--bottom-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-area: links;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }
}

@media(min-width:992px) {
    .footer__cell--bottom-nav {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .footer__cell--bottom-nav h2 {
        display: none
    }

    .footer__cell--bottom-nav .padding-horizontal {
        padding: 0
    }

    .footer__cell--bottom-nav .footer-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .footer__cell--bottom-nav .footer-nav .footer-nav__item {
        margin-right: 3rem
    }

    .footer__cell--bottom-nav .footer-nav .footer-nav__item a {
        margin: 0;
        padding: 0
    }

    .footer__cell--bottom-nav .footer-nav .footer-nav__item:last-of-type {
        margin-right: 0
    }
}

.footer__cell--copyright {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media(min-width:744px) {
    .footer__cell--copyright {
        grid-area: copyright;
        margin: 0 auto;
        padding: .75rem 0
    }
}

@media(min-width:992px) {
    .footer__cell--copyright {
        color: var(--color-white);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: .875rem;
        margin: 0
    }

    .footer__cell--copyright>p {
        line-height: 1.5rem;
        margin-bottom: 0
    }
}

.footer__cell--popular-tasks h2,
.footer__cell--contact h2 {
    padding-left: .125rem
}

.footer__contact-button {
    margin-top: 2.5rem
}

@media(min-width:744px) {
    .footer__contact-button {
        margin-top: 3rem
    }
}

@media(min-width:992px) {
    .footer__contact-button {
        margin-top: 1rem
    }
}

@media(min-width:992px) {
    .footer {
        padding: 3rem 0 1.5rem;
        text-align: left
    }
}

.footer-nav__link {
    color:white !important;
}

h2 {
    font-weight: 600 !important;
}