/* Homepage locations list. Targets live WPBakery el_class values (sdg-*). */

body.home .sdg-locations-block h2,
body.home .sdg-locations-block .sdg-communities-title {
    font-family: var(--aqua-font-display) !important;
    font-size: 56px !important;
    font-weight: 500 !important;
    line-height: 64px !important;
    letter-spacing: -0.5px !important;
    color: var(--aqua-white) !important;
    text-align: center;
    margin: 0 0 40px !important;
}

body.home .sdg-locations-block .sdg-locations-list {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 64px;
    justify-content: center;
    align-items: baseline;
}

body.home .sdg-locations-block .sdg-locations-list a {
    display: inline-flex;
    align-items: baseline;
    gap: 12px;
    font-family: var(--aqua-font-heading) !important;
    font-size: 56px !important;
    font-weight: 400 !important;
    line-height: 64px !important;
    letter-spacing: 0 !important;
    color: var(--aqua-white) !important;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease-in-out;
}

body.home .sdg-locations-block .sdg-locations-list a:hover {
    color: var(--aqua-white) !important;
    opacity: 0.8;
    text-decoration: none;
}

body.home .sdg-locations-block .sdg-locations-list a svg {
    display: none !important;
}

@media (max-width: 959px) {
    body.home .sdg-locations-block h2,
    body.home .sdg-locations-block .sdg-communities-title {
        font-size: 40px !important;
        line-height: 48px !important;
    }

    body.home .sdg-locations-block .sdg-locations-list a {
        font-size: 36px !important;
        line-height: 44px !important;
    }
}

@media (max-width: 767px) {
    body.home .sdg-locations-block .sdg-locations-list {
        gap: 20px 32px;
    }

    body.home .sdg-locations-block .sdg-locations-list a {
        font-size: 28px !important;
        line-height: 36px !important;
    }
}