/* ------------------------------ */
/* ----------- Footer ----------- */
/* ------------------------------ */

/* General */
footer {
    background: linear-gradient(180deg, rgba(237, 232, 220, 0.00) 0%, var(--brand-beige) 100%);
}

footer h2 {
    margin-bottom: var(--spacing-1);
}
  
footer a {
    text-decoration: none;
    -webkit-transition: var(--transition-2);
    -o-transition: var(--transition-2);
    transition: var(--transition-2);
}
  
.no-touchevents footer a:hover {
    opacity: var(--opacity-2);
}



/* Footer cta */
.footer__cta__inside {
    max-width: var(--width-text);
    margin: 0 auto;
    text-align: center;
}

.footer__cta p {
    max-width: 550px;
    margin: 0 auto;
}
  


/* Footer bottom */
.footer__bottom {
    text-align: center;
}

.footer__bottom__creators  {
    font-size: var(--font-size-2);
}

.footer__bottom__creators a {
    margin-left: var(--spacing-0);
}

.footer__bottom ul li {
    display: inline-block;
}

.footer__bottom ul li a {
    position: relative;
    font-size: var(--font-size-1);
    font-weight: bold;
    text-transform: uppercase;
}

.site_nav__footer > li.nav__item--active > a span::after {
    content: "";
    position: absolute;
    left: 1px;
    width: calc(100% + 2px);
    height: 2px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2"><line style="fill:none;stroke:%23473816;stroke-width:2;stroke-linecap:round;stroke-dasharray:6,6;" x1="1" y1="1" x2="12" y2="1"/></svg>');
    background-repeat: repeat-x;
}


/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-width: 768px) {

    footer {
        padding: var(--spacing-9) 0 var(--spacing-3);
    }

    .footer__bottom {
        margin-top: var(--spacing-8);
    }

    .footer__bottom ul li:last-child {
        margin-right: 0;
    }

}


@media all and (min-width: 992px) {

    .footer__bottom ul li {
        margin-right: var(--spacing-5);
    }

    .site_nav__footer > li.nav__item--active > a span::after {
        bottom: 2px;
    }

}


@media all and (max-width: 991.98px) {
  
    .footer__top__logo {
        transform-origin: bottom;
    }

    .site_nav__footer > li.nav__item--active > a span::after {
        bottom: -1px;
    }
    
}


@media all and (max-width: 991.98px) and (min-width: 768px) {

    .footer__top__logo {
        transform: scale(.9);
    }

    .footer__bottom ul li {
        margin: 4px 12px;
    }

}


@media all and (max-width: 767.98px) {

    footer {
        padding: var(--spacing-12) 0 5px;
    }

    .footer__bottom {
        margin-top: var(--spacing-7);
    }

    .footer__bottom__legal {
        margin-top: var(--spacing-3);
        padding-bottom: var(--spacing-2);
        width: 100%;
    }

    .footer__bottom ul li {
        margin: 6px var(--spacing-1);
    }

    .footer__bottom ul li a {
        font-size: var(--font-size-1);
    }

    .footer__bottom__creators  {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

}


@media all and (max-width: 767.98px) and (min-width: 390px) {

    .footer__top__logo {
        transform: scale(.8);
    }

}


@media all and (max-width: 575.98px) {

    .footer__top__logo {
        transform: scale(.75);
    }

}

@media all and (max-width: 389.98px) {

    .footer__top__logo {
        transform: scale(.7);
    }

    .footer__bottom ul li {
        margin: 5px 10px;
    }

}


@media all and (max-width: 359.98px) {

    .footer__bottom__creators a {
        width: 110px;
        height: 36px;
    }

}