/**
 * Site-wide CSS overrides (loaded on every front-end page after main.css).
 * Lives next to theme-2026.css; add rules here when you need global tweaks without rebuilding dist/.
 */

:root {
    --theme-2026-blue: #004070;
    --theme-2026-medium-blue: #002e50;
}

 .Footer {
    padding-top: 0;
    background-color: var(--theme-2026-medium-blue);
 }

 .Footer .CircleButton {
    border-radius: 0;
    height: auto;
 }
.Footer .Footer__top {
    padding-bottom: 2rem;
}



 @media only screen and (min-width:861px) {
    .Footer .CircleButton {
        --circleSize: 8rem;
    }
 }

 @media only screen and (min-width:1281px) {
    .Footer .CircleButton {
        --circleSize: 10rem;
    }
 }
 



 .Footer__top {
    justify-content: flex-end;
 }