body { background-color: white !important; }
.researcher-grid > .view-card,
.researcher-grid-inner {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.5rem;
}
.researcher-card {
    border: 1px solid var(--bs-gray-200);
    box-shadow: none;
    transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.researcher-card:hover,
.researcher-card:focus-within {
    border-color: var(--bs-primary);
    box-shadow: 0 .5rem 1.5rem rgb(0 0 0 / 8%);
    transform: translateY(-2px);
}
/* style.custom.css forces `padding: .75rem !important` on every .form-control, so this needs !important to leave room for the icon */
.form-control.researcher-search-input:not(.is-valid):not(.is-invalid) { padding-inline-start: 2.75rem !important; }
.researcher-card .symbol img { object-fit: cover; }
.researcher-bio {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
    .researcher-card { transition: none; }
    .researcher-card:hover,
    .researcher-card:focus-within { transform: none; }
}
.card-footer a:hover i {
    color: var(--bs-white);
}
#kt_content_container { padding: 0 !important;}
.user-photo {
    box-shadow: 0 0 8px 4px #0000002b;
    background-size:cover;
    background-position: center;
}
.card { box-shadow: 0 0 15px rgb(0 0 0 / 25%); }
.name-label { color: #001c5c !important; }