body {
    font-family: 'Inter', sans-serif;
}

.hero {
    background-image: url('./img/polyproof.jpg');
    background-size: cover;
    background-position: center;
}

/* Custom styling for sections to match the feel of the original source.html */
.section-heading {
    color: #a03030;
}

.service-image {
    background-size: cover;
    background-position: center;
}

.epdm-image { background-image: url('./img/epdmproof.jpg'); }
.grp-image { background-image: url('./img/gallery/1.jpg'); }
.industrial-image { background-image: url('./img/commercialroofing.jpg'); }
.repair-image { background-image: url('./img/roofrepairs.png'); }
.maintenance-image { background-image: url('./img/roofmaintenance.jpg'); }

.epdm-logo {
    height: 64px;
    width: 200px;
    object-fit: contain;
}

/* Gallery & Modal Styles */
.gallery-item {
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

.gallery-item:hover {
    transform: scale(1.05);
}

#modal-image {
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 0.5rem;
}

#close-modal {
    transition: color 0.3s ease;
}

#close-modal:hover {
    color: #a03030;
}

@media (min-width: 1024px) {
    .accreditation-logo {
        max-width: 150px;
        margin: auto;
    }
}