/* Used by the clinic pages and the public board layouts. */
.community {padding: 70px 0; background: #f7f7f7}
.community > .wrap, .footer-certifications {width: min(1200px, calc(100% - 48px)); margin-inline: auto}
.community .image-title {margin: 0 auto 70px; text-align: center}
.community picture, .footer-certification-links picture {display: block}
.community img, .footer-certification-links img {display: block; max-width: 100%; height: auto; margin-inline: auto}
.community-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px}
.community-grid > a {display: block; width: 100%; max-width: 357px; justify-self: center}
.community-grid .mobile-tour {display: none}

.footer-certifications {padding-block: clamp(24px, 4vw, 56px)}
.footer-certifications h2 {margin: 0 0 20px; text-align: center; font-size: clamp(22px, 2.2vw, 30px); color: var(--ink, #242b38)}
.footer-certification-links {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(10px, 1.5vw, 18px)}
.footer-certification-links a, .footer-certification-links img {display: block; width: 100%}

@media (min-width: 981px) and (max-width: 1200px) {
    .community-grid {gap: 30px}
}
@media (max-width: 980px) {
    .community {padding: 35px 0}
    .community > .wrap, .footer-certifications {width: calc(100% - 32px)}
    .community .image-title {margin-bottom: 30px}
    .community .image-title img {max-width: 75%; max-height: 160px; width: auto}
    .community-grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px}
    .community-grid > a {max-width: none}
    .community-grid .mobile-tour {display: block}
}
@media (min-width: 700px) and (max-width: 980px) {
    .footer-certification-links {grid-template-columns: repeat(4, minmax(0, 1fr))}
}
@media print {
    .community, .footer-certifications {display: none}
}