/* @group Footer
------------------------------------ */
.site-footer { color: var(--main-white); background: var(--main-blue); padding: 5.2rem 0 3.7rem; }
.site-footer a { color: var(--main-white); }
.site-footer address a,
.site-footer nav a { font-family: var(--gotham-medium); }
.site-footer .copy li,
.site-footer address li { display: inline-block; }
/* Address
----------------------*/
.site-footer address { font-style: normal; }
.site-footer .logo { display: inline-block; margin: 0 0 2.7rem; }
.site-footer address ul { margin: 0 0 4.2rem; }
.site-footer address li { margin: 0 1.3rem 0 0; }
.site-footer address li:last-child { margin: 0 0 0 0; }
.site-footer address li a { background: var(--main-white); color: var(--main-blue); display: flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 3.6rem; width: 3.6rem; border-radius: 100%; }
.site-footer address p { line-height: 2.125em; margin: 0 0 4rem; }
/* Nav
----------------------*/
.site-footer nav h3 { text-transform: uppercase; }
.site-footer nav h3::after { content: ''; display: block; height: .1rem; width: 100%; background: var(--light-blue); margin: .6rem 0 3rem; }
.site-footer nav ul { columns: 2; }
.site-footer nav li { font-size: 1.4em; letter-spacing: .6px; line-height: 1.786em; text-transform: uppercase; margin: 0 0 2.1rem; }
/* Copy
----------------------*/
.site-footer .copy::before { content: ''; display: block; height: .1rem; width: 100%; background: var(--light-blue); margin: 4.9rem 0 4.3rem; }
.site-footer .copy li,
.site-footer .copy p { font-size: 1.4em; line-height: 2.286em; }
.site-footer .copy li::after { content: '|'; margin: 0 .25rem 0 .5rem; }
.site-footer .copy li:last-child::after { content: none; }
.site-footer .copy .no-pad-left > i { font-size: 3.8em; display: inline-block; margin-left: 1.5rem; }
.site-footer .copy .no-pad-left > p + i { margin-left: 0; }
@media only screen
and (min-width : 961px) {
    .site-footer { padding: 5.3rem 0 3.9rem; }
    .Explorer .site-footer a:hover,
    .Mozilla.v11 .site-footer a:hover { color: var(--light-blue); }
    .Explorer .site-footer .copy p a:hover,
    .Mozilla.v11 .site-footer .copy p a:hover { color: var(--streetsense-yellow); }
    .Explorer .site-footer .social-networks li a:hover,
    .Mozilla.v11 .site-footer .social-networks li a:hover { background: var(--light-blue); color: var(--main-white); }
    @media (hover: hover) {
        .site-footer a:hover { color: var(--light-blue); }
        .site-footer .copy p a:hover { color: var(--streetsense-yellow); }
        .site-footer .social-networks li a:hover { background: var(--light-blue); color: var(--main-white); }
    }
    /* Address
    ----------------------*/
    .site-footer .logo { margin: 0 0 4.9rem; }
    .site-footer address ul { margin: 0 0 4.8rem; }
    .site-footer address li a { height: 3.8rem; width: 3.8rem; }
    .site-footer address p { font-size: 1.6em; }
    /* Nav
    ----------------------*/
    .site-footer h3 { font-size: 2.4em; line-height: 2.292em; }
    .site-footer nav h3::after { margin: .6rem 0 2.8rem; }
    /* Copy
    ----------------------*/
    .site-footer .copy::before {  margin: 4.3rem 0 1.7rem; }
    .site-footer .copy li,
    .site-footer .copy p { font-size: 1.4em; line-height: 2.286em; }
    .site-footer .copy ul,
    .site-footer .copy p { margin-left: 6rem; }
    .site-footer .copy .menu-privacy-menu-container + ul { margin-left: 0; }
    .site-footer .copy .menu-privacy-menu-container + ul li::before {
        content: '|';
        margin: 0 0.5rem 0 0.25rem;
    }
    .site-footer .copy .no-pad-left > i:first-child { margin-left: 0; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {

}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    /* Copy
    ----------------------*/
    .site-footer .copy .col-36-28 { flex-direction: column; }
    .site-footer .copy .col-36-28 p { order: 1; }
    .site-footer .copy .col-36-8 { text-align: left; }
    .site-footer .copy .col-36-8 p { margin: 0 0 4.3rem; }
    .site-footer .copy ul,
    .site-footer .copy p { margin: 0 0 1rem; }

}
/* @end */
