/* Footer Nav. */
.footer-prefooter {
    background-image: linear-gradient(to right, var(--light-color),  var(--background-color), var(--light-color));
    border-bottom: 4px solid #EA7023;
}

.footer-wrapper {
    border-top:  1px solid var(--footer-divider-color, var(--white));
}

.footer-mainfooter {
    background-color: var(--brand-color-primary-2);
    color: var(--light-text-color-override, var(--light-text-color));
    padding-block: 1rem;
}

.footer-mainfooter p{
    font-size: var(--body-font-size-xm);
}

.footer-prefooter-content {
    padding-block: 1rem;
    text-align: center;
}

.footer-prefooter-content a {
    color: var(--brand-color-secondary-1);
    font-weight: 700;
}

.footer-mainfooter a:not(.button) {
    color: var(--light-link-color-override, var(--light-link-color));
    font-size: var(--body-font-size-xm);
}

.footer-prefooter-content a:hover {
    color: var(--brand-color-secondary-2);
    text-decoration: underline;
}

.footer-mainfooter .columns-wrapper {
    display: grid;
    grid-template-columns: repeat(var(--column-count, 2), 1fr);
}

.footer-mainfooter .columns-wrapper div p:first-of-type{
    font-size: var(--heading-font-size-xm);
}

.footer-mainfooter .footer-subfooter, .footer-mainfooter .footer-copyright {
    text-align: center;
}

.footer-mainfooter .footer-copyright{
    border-top:  1px solid var(--footer-divider-color, var(--white));
}

.footer-mainfooter li{
    padding-block: 10px;
}

.footer-mainfooter li:last-child{
    margin-bottom: 20px;
}

.footer-mainfooter .footer-copyright li{
    margin-bottom: 5px;
    padding: 3px 0;
}

.footer-mainfooter ul {
    list-style-type: none;
    padding-inline-start: 0;
    margin: 0;
}

.footer-prefooter-content, .footer-mainfooter-content {
    max-width: var(--content-fixed-width);
    margin-inline: auto;
    padding-inline: 2rem;
}

.footer-mainfooter-content img {
    width: 10.4375rem;
}

.footer-mainfooter .column-3 a:not(.button) {
    font-weight: 400;
}

@media (width >= 768px) {
    .footer-nav {
        --column-count: 3;
    }
}

@media(width < 768px ){
    .footer-nav.columns-3 .column-3 {
        grid-column: span 2;
    }

    .footer-nav .button{
        white-space: normal;
        padding: 10px 15px;
    }

    .footer-prefooter-content ,
    .footer-mainfooter-content{
        padding-inline: 1rem ;
    }

    .footer-nav .columns-wrapper{
        gap: 20px;
    }
}

@media (width >= 1140px) {
    .footer-nav.columns-3 {
        --column-count: 3;
    }

    .footer-nav.columns-4 {
        --column-count: 4;
    }

    .footer-nav.columns-5 {
        --column-count: 5;
    }
}