.gecko-footer {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(1 53 83/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    z-index: 0
}

.gecko-footer__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: auto;
    max-width: 72rem;
    padding: 5rem 2rem
}

@media (min-width: 1024px) {
    .gecko-footer__wrapper {
        flex-direction:row;
        padding-left: 0;
        padding-right: 0
    }
}

.gecko-footer__logo {
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: 300px;
    width: 100%
}

.gecko-footer__content {
    display: flex;
    flex-basis: 66.666667%;
    flex-direction: column;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    width: 100%;
    color: #BFD5D8;
}

.gecko-footer__info {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.gecko-footer__info>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-left-width: calc(2px*(1 - var(--tw-divide-x-reverse)));
    border-right-width: calc(2px*var(--tw-divide-x-reverse))
}

@media (min-width: 640px) {
    .gecko-footer__info {
        flex-direction:row
    }
}

@media (min-width: 768px) {
    .gecko-footer__info {
        gap:1rem
    }
}

@media (min-width: 1024px) {
    .gecko-footer__info {
        gap:2rem
    }
}

.gecko-footer__info-box {
    flex-basis: 40%
}

.gecko-footer__info-box--follow {
    flex-basis: 20%
}

.typography .gecko-footer__info-box-title {
    --tw-text-opacity: 1;
    color: rgb(207, 185, 206);
    font-family: Roboto,serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    line-height: 38px;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.typography .gecko-footer__info-box-content {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    font-size: 1.125rem;
    gap: 1rem;
    line-height: 1.75rem
}

.typography .gecko-footer__info-box-content svg {
    margin-top: .5rem
}

.typography .gecko-footer__info-box-content a {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-weight: 400
}

.typography .gecko-footer__info-box-content i {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.typography .gecko-footer__separator {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(207, 185, 206);
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.typography .gecko-footer__colophon {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    gap: 2rem;
    justify-content: space-between;
    line-height: 1.25rem;
    text-align: center
}

.footer-image__figure--image svg {
    display: none;
}

@media (min-width: 1024px) {
    .footer-image__wrapper {
        margin-left: 0;
    }
}

.footer-image__figure--image {
    --tw-translate-y: 0;
    background-image: url("https://www.missouladowntown.com/wp-content/plugins/dmp-rebrand-2025-by-mdc-03052025/assets/images/DMP_Pattern-cropped.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 145px;
}

@media (min-width: 768px) {
    .typography .gecko-footer__credits {
        flex-direction: column-reverse;
        font-size: .75rem;
    }
}

.typography .gecko-footer__credits a {
    --tw-text-opacity: 1;
    color: rgb(254 196 90 / var(--tw-text-opacity));
    font-size: .75rem;
    line-height: 1.25rem;
}