.clb-staff-cards-wrapper {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 30px;
}

.clb-staff-card {
     background: var(--light-gray);
     border-radius: 12px;
}

.clb-staff-body-wrapper {
     padding: 16px 24px;
}

.clb-info-wrapper {
     margin-left: 4px;
}

.clb-staff-name-wrapper {
     font-weight: 700;
}

.entry-content .clb-staff-name-wrapper a {
     background: transparent;
}

.entry-content .clb-staff-name-wrapper a:hover {
     background: transparent;
     color: var(--primary);
}

.staff-img-wrapper img {
     display: block;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
}

.clb-staff-title-wrapper, .clb-staff-email-wrapper {
     font-size: 14px;
     font-size: 1.4rem;
}


.clb-staff-modal .clb-modal-infobox-wrapper {
     max-width: 260px;
     float: right;
     margin-left: 20px;
     margin-bottom: 12px;
     border-radius: 12px;
     background: var(--light-gray);
}

.clb-staff-modal .clb-staff-meta {
     padding: 16px;
}

.clb-staff-modal .clb-modal-infobox-wrapper img {
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
     display: block;
}

.clb-staff-modal h4 {
    margin-top: 0;
}



.clb-staff-cards-wrapper {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     gap: 12px;
}

.clb-staff-body-wrapper {
     line-height: 1.2;
}

.clb-staff-title-wrapper {
     margin-top: 8px;
}

@media only screen and (max-width: 960px) {

     .clb-staff-cards-wrapper {
          grid-template-columns: 1fr 1fr;
     }

}