.persons {padding: 5.5rem 0 5.875rem; } .persons .persons-title {margin: 0 0 3rem;color: var(--black);font-size: 3rem;font-weight: 800;line-height: 1.25;text-align: center; } .persons .persons-row {justify-content: center;margin-right: -0.9375rem;margin-left: -0.9375rem; } .persons .persons-map {display: block;max-width: 70rem;margin: 3.375rem auto 0; } .persons .persons-map-title {margin: 0 0 1.125rem;color: var(--black);font-size: 1.75rem;font-weight: 800;line-height: 1.25;text-align: center; } .persons .persons-map-canvas {height: 33.75rem;overflow: hidden;border-radius: 0.5rem;background: #e9eef1; } .persons .persons-map-canvas .leaflet-interactive {transition: fill-opacity 0.2s ease, stroke 0.2s ease; } .persons .persons-map-search {display: flex;height: 3.375rem;max-width: 45rem;margin: 0 auto 0.625rem; } .persons .persons-map-search .persons-map-search-field {position: relative;flex: 1 1 auto;height: 100%;min-width: 0; } .persons .persons-map-search .form-control {width: 100%;height: 100%;min-width: 0;border-radius: 0.375rem 0 0 0.375rem; } .persons .persons-map-search .btn {flex: 0 0 auto;height: 100%;border-radius: 0 0.375rem 0.375rem 0; } .persons .persons-map-suggestions {position: absolute;top: calc(100% + 0.25rem);right: 0;left: 0;z-index: 1001;overflow: hidden;border: 1px solid rgba(0, 0, 0, 0.12);border-radius: 0.375rem;background: var(--white);box-shadow: 0 0.75rem 1.875rem rgba(0, 0, 0, 0.14); } .persons .persons-map-suggestions button {display: block;width: 100%;padding: 0.75rem 1rem;border: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.08);background: var(--white);color: var(--body-color);font-size: 0.875rem;line-height: 1.35;text-align: left; } .persons .persons-map-suggestions button:last-child {border-bottom: 0; } .persons .persons-map-suggestions button:hover, .persons .persons-map-suggestions button:focus, .persons .persons-map-suggestions button.is-active {background: rgba(0, 80, 143, 0.08);color: var(--primary); } .persons .persons-map-search-status {min-height: 1.375rem;margin: 0 auto 0.625rem;color: rgba(0, 0, 0, 0.68);font-size: 0.875rem;text-align: center; } .persons .persons-map-search-status.is-error {color: var(--danger); } .persons .persons-map-legend {display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem 2.25rem;margin-top: 1.125rem; } .persons .persons-map-legend button {display: inline-flex;align-items: center;padding: 0.5rem;border: 0;background: transparent;color: rgba(0, 0, 0, 0.65);font-weight: 700;text-transform: uppercase; } .persons .persons-map-legend button:hover, .persons .persons-map-legend button:focus, .persons .persons-map-legend button.is-active {color: var(--primary); } .persons .persons-map-swatch {width: 1.5rem;height: 1.5rem;margin-right: 0.625rem; } .persons .persons-map-popup .leaflet-popup-content {margin: 1.125rem; } .persons .persons-map-popup .persons-map-popup-content {display: flex;flex-direction: column;gap: 0.75rem; } .persons .persons-map-popup .person-card {display: grid;grid-template-columns: 7rem minmax(0, 1fr);min-width: 0;overflow: hidden;border-radius: 0.375rem;box-shadow: none; } .persons .persons-map-popup .person-card:not(:has(.person-photo)) {display: block; } .persons .persons-map-popup .person-photo {width: 7rem;height: 100%;min-height: 9.375rem;aspect-ratio: auto; } .persons .persons-map-popup .card-body {align-items: flex-start;justify-content: center;padding: 1.125rem;text-align: left; } .persons .persons-map-popup .card-title {margin-bottom: 0.3125rem;font-size: 1.1875rem; } .persons .persons-map-popup .person-role {margin-bottom: 0.75rem;font-size: 0.875rem; } .persons .persons-map-popup .person-links {gap: 0.3125rem;font-size: 0.875rem; } .persons .persons-map-popup .persons-map-popup-empty {margin: 0;color: rgba(0, 0, 0, 0.68);font-size: 0.875rem; } .persons .col-card {display: flex;margin-bottom: 1.875rem;padding-right: 0.9375rem;padding-left: 0.9375rem;transition: opacity 0.2s ease, transform 0.2s ease; } .persons .col-card.is-region-muted {opacity: 0.25; } .persons .col-card.is-region-active {transform: translateY(-0.375rem); } .persons .col-card.is-region-active .person-card {box-shadow: 0 1rem 2.625rem rgba(0, 80, 143, 0.22); } .persons .person-card {width: 100%;overflow: hidden;border: 0;border-radius: 0.5rem;background: var(--white);box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1); } .persons .person-photo {aspect-ratio: 1/1;overflow: hidden; } .persons .person-photo .img-fluid {width: 100%;height: 100%;object-fit: cover; } .persons .card-body {padding: 1.75rem;text-align: center; } .persons .card-title {margin: 0 0 0.5rem;color: var(--black);font-size: 1.5rem;font-weight: 700;line-height: 1.25; } .persons .person-role {margin: 0 0 1.25rem;color: rgba(0, 0, 0, 0.6);font-size: 1rem;text-align: left; } .persons .person-links {display: flex;flex-direction: column;align-items: flex-start;gap: 0.5rem; } .persons .person-links a {color: var(--primary);overflow-wrap: anywhere; } @media (max-width: 991.98px) {.persons {padding: 3.5rem 0;}.persons .persons-title {margin-bottom: 2.25rem;font-size: 2.375rem;}.persons .persons-map-title {font-size: 1.5rem;}.persons .persons-map {margin-top: 2rem;}.persons .persons-map-canvas {height: 26.25rem;}.persons .persons-map-legend {gap: 0.5rem 1rem;} } @media (max-width: 575.98px) {.persons .persons-map-search .btn {padding-right: 1rem;padding-left: 1rem;}.persons .persons-map-canvas {height: 21.25rem;} }