/* ==================================================
   FOOTER
================================================== */

.footer {

    padding: 20px;

    background: var(--color-primary);

}

.footer__content {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 20px;

    text-align: center;

}

.footer__logo {

    width: auto;

    height: 40px;

}

.footer__links {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 5px;

}

.footer__links a {

    color: var(--color-white);

    font-family: var(--font-primary);

    font-size: var(--text-md);

    font-weight: 400;

    line-height: 24px;

    transition: opacity .3s ease;

}

.footer__links a:hover {

    opacity: .8;

}

.footer__social {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 4px;

}

.footer__social img {

    width: 18px;

    height: auto;

    object-fit: contain;

}

.footer__social span {

    color: var(--color-white);

    font-family: var(--font-primary);

    font-size: var(--text-md);

    font-weight: 400;

    line-height: 24px;

}

.footer__copyright {

    color: var(--color-white);

    text-align: center;

    font-family: var(--font-primary);

    font-size: var(--text-xs);

    font-weight: 400;

    line-height: 24px;

}