/* @import url('https://fonts.googleapis.com/css2?family=Sumana:wght@400;700&display=swap'); */

/* .sumana-regular {
    font-family: "Sumana", serif;
    font-weight: 400;
    font-style: normal;
}

.sumana-bold {
    font-family: "Sumana", serif;
    font-weight: 700;
    font-style: normal;
} */

.person a {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    text-decoration: none;
    padding: 24px;
    /* background: rgba(0,0,0,0.05); */
    border-bottom: 4px solid transparent;
    transition: all .3s ease-in-out;
    min-height: 100%;
}

.person a:hover {
    background: var(--wp--preset--color--accent-4);
    border-bottom: 4px solid var(--wp--preset--color--accent-5);
    transform: scale(1.01);
}

.person strong {
  /* font-family:  "Sumana", Georgia, "Times New Roman", Times, serif;
  font-size: 1.5rem;
  font-weight: normal;
  color: var(--brand-blue-light);
  display: inline-block;
  padding-bottom: 10px;
  padding-left: 24px;
  padding-right: 24px; */
}

.person > .wp-block-group > a > strong {
    /* font-family:  "Sumana", Georgia, "Times New Roman", Times, serif; */
    font-size: 1.5rem;
    font-weight: normal;
    color: var(--brand-blue-light);
    display: inline-block;
    padding-bottom: 10px;
    padding-left: 24px;
    padding-right: 24px;
}

.person span {
    text-decoration: none !important;
    padding-left: 24px;
    padding-right: 24px;
}
.person span p {
    padding-bottom: 0;
    color: #333;
}
.person img {
    
    max-width: 320px;
    max-width: 100%;
}

.person > .wp-block-group {
    display: block;
    height: 100%;
}

@media screen and (max-width:1400px) {
    .wp-block-columns.persons {
        grid-template-columns: 1fr 1fr !important;
    }
}
@media screen and (max-width:782px) {
    body .wp-block-columns.persons {
        grid-template-columns: 1fr !important;
    }
}

body .wp-block-columns.persons.List {
    grid-template-columns: 1fr !important;
}

body .wp-block-columns.persons.List .person a {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto 1fr;
}

body .wp-block-columns.persons.List .person a figure {
    grid-row: 1 / span 2;
}