/* @group Site Footer
------------------------------------ */
.site-footer {
    background: var(--blue) none;
    color: var(--white);
    padding: 8rem 0;
}
.site-footer ul { list-style: none; }
.site-footer a { color: var(--white); }
/* Logo
----------------------*/
.site-footer .logo { display: block; max-width: 27.8rem; height: auto; margin: 0 auto 5rem; }
.site-footer .logo img { max-width: 100%; height: auto; }
/* Nav Menu
----------------------*/
.site-footer nav .menu { margin: 0 0 4rem; }
.site-footer nav .menu li { font-size: 2em; line-height: 1.5em; letter-spacing: .06rem; margin: 0 0 1rem; }
/* Social Networks
----------------------*/
.site-footer .social-networks { display: flex; gap: 2.1rem; }
.site-footer .social-networks li { font-size: 1em; line-height: 1em; letter-spacing: 0; }
.site-footer .social-networks a { display: flex; justify-content: center; align-items: center; background: var(--white) none; color: var(--blue); font-size: 1.6em; border-radius: 100%; height: 3.1rem; width: 3.1rem; }
.site-footer .social-networks .icon-fb,
.site-footer .social-networks .icon-in { font-size: 1.8em; }
/* EHO & ADA
----------------------*/
.site-footer .eho-ada { display: flex; gap: 2rem; padding: 0; }
.site-footer .eho-ada li { font-size: 2.5em; }
/* Copy & Privacy
----------------------*/
.site-footer .copy-privacy p,
.site-footer .copy-privacy li { font-size: 1.2em; line-height: 1.3em; letter-spacing: 0; margin: 0; display: inline; }
.site-footer .copy-privacy ul { display: inline; padding: 0; }
.site-footer .copy-privacy li:before { content: '| '; }
/* Streetsense
----------------------*/
.site-footer p { font-size: 1.2em; line-height: 1.3em; letter-spacing: 0; margin: 0 0 4rem; }
.site-footer .streetsense { margin-left: .9rem; vertical-align: middle; }
.site-footer .streetsense img { max-width: 12.3rem; height: auto; }
/* Site Up
----------------------*/
.site-up { background: var(--alt-orange); color: var(--white); font-size: 2em; border-radius: 1rem; position: fixed; bottom: 2.5rem; right: 1.9rem; display: flex; width: 4.2rem; height: 4rem; justify-content: center; align-items: center; z-index: var(--z-index-highest); }
@media only screen
and (min-width : 961px) {
    .site-footer {
        padding: 5rem 0 4rem;
    }
    /* General Logo
    ----------------------*/
    .site-footer .logo { max-width: 40.8rem; margin: 0 0 7.2rem; }
    /* EHO & ADA
    ----------------------*/
    .site-footer .eho-ada { margin: 0 0 3.4rem; }
    /* Copy & Privacy
    ----------------------*/
    .site-footer .copy-privacy { margin: 0 0 1.3rem; }
    .site-footer .copy-privacy p:first-child { display: block; margin: 0 0 1rem; }
    /* Nav Menu
    ----------------------*/
    .site-footer nav { margin-top: -16.9rem; }
    .site-footer nav .menu { columns: 2 auto; column-gap: 9rem; margin: 0 0 2.3rem; }

    .site-footer .row > * {
        padding: 0;
    }

    .site-footer :is(.eho-ada,.social-networks) {
        justify-content: flex-start !important;
    }

    .site-footer .logo-wrapper {
        order: 1;
    }
    

    @media (hover: hover) {
        .site-footer .eho-ada li a:hover,
        .site-footer .menu li a:hover { color: var(--light-orange); }
        .site-footer .logo:hover,
        .site-footer .streetsense:hover { opacity: .8; }
        .site-footer .social-networks a:hover { background: var(--blue) none; color: var(--white); }

        .site-up:hover { background: var(--white); color: var(--alt-orange); }
	}
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .site-footer { text-align: center; 
        margin: -9rem 0 0;
        position: relative;
        z-index: -1;
    }
    /* Social Networks
    ----------------------*/
    .site-footer .social-networks { justify-content: center; margin: 0 0 4rem; }
    /* EHO & ADA
    ----------------------*/
    .site-footer .eho-ada { justify-content: center; margin: 0 0 4.1rem; }
    /* Last DIV
    ----------------------*/
    .site-footer nav + div { display: flex; flex-direction: column; }
    .site-footer nav + div .copy-privacy { order: 1; }
    /* Copy & Privacy
    ----------------------*/
    .site-footer .copy-privacy li:first-child:before { content: none; }
}

/* @end */