/* -- Contact Us section picture swaps -- */

.contact-img-top {
    background-image: url(/imageserver/UserMedia/sonntagroofing/sa_contact_img_top.webp);
    background-position: 60% center;
}
.contact-img-bottom {
    background-image: url(/imageserver/UserMedia/sonntagroofing/sa_contact_img_bottom.webp);
    background-position: 85% center;
}


/* -- Give people a visual clue that the geojuice is trying to load instead of just showing a blank space -- */

.local-projects-loader {
    display: block;
    margin: 20px auto;
    border-radius: 50%;
    transition: opacity .4s;
    width: 20px;
    height: 20px;
    box-shadow: 20px 0 0 #e2e4e8, -20px 0 0 #e2e4e8, 0 20px 0 #e2e4e8, 0 -20px 0 var(--accent-color);
    animation: spin 1s linear infinite;
}

@keyframes spin {
    100% { transform: rotate(360deg); }
}