/* Site-overrides van de :root-tokens uit style.css, voor Federal Fleet. */

:root {
    --logo-width: 13.25rem;
}

section.has-crafts { --overlap: 0px; background: var(--my-black) url('/img/map.svg') 50% calc(100% - 2rem) / 70rem auto no-repeat;}
div.crafts {
    .reveal.visible & .images > li.active img {
        animation: none;
    }
}
section.has-bigtext { background: var(--my-black);}
footer { border-top: 1px solid var(--my-white-40);}
footer ul.socials:not(:has(li)) { display: none; }

/* Footer zoals live: logo en bedrijven links, Contact rechts. */
footer .left > address h3 { font-size: var(--font-size-h1); padding-bottom: 1.6rem; }
@media only screen and (min-width: 1025px) {
    footer .container { grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; }
    footer .left { display: contents; }
    footer .left .logo { grid-column: 1; grid-row: 1; margin-top: 3rem; }
    footer .left > ul { grid-column: 1; grid-row: 2; justify-self: end; padding: 2rem 6rem 4rem 0; }
    footer .left > address { grid-column: 2; grid-row: 1 / span 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 3rem 0 4rem 3rem; border-left: 1px solid var(--my-white-40); }
}
@media only screen and (max-width: 1024px) {
    footer .left > ul { order: 2; }
    footer .left > address { order: 3; }
    footer .left > address h3 { padding-block: 1rem; }
}

@media only screen and (max-width: 768px) {
    :root { --logo-width: 11.5rem; }
    footer .left > address h3 { font-size: var(--font-size-huge); }
    div.crafts h3.h6 { font-size: var(--font-size-h1); }
}