/* An institution's logo in a row of logos (logo-tile.php): the catalogue's partners and the landing
   pages' partners row. Pointed at, it lifts and casts a soft shadow -- it moves, it is not tinted. */

.cil-logo-tile {
    display: grid; place-items: center;
    height: 76px; padding: 8px 10px; border-radius: 8px;
    color: inherit;
    transition: transform .22s cubic-bezier(.2, .8, .2, 1), box-shadow .22s ease;
}
.cil-logo-tile:is(:hover, :focus-visible) {
    color: inherit;
    transform: translateY(-3px);
    box-shadow: 0 10px 22px -8px rgba(31, 32, 32, 0.22), 0 1px 3px 0 rgba(31, 32, 32, 0.08);
}
.cil-logo-tile:focus-visible { outline: 2px solid var(--cil-blue-dark-1); outline-offset: 2px; }
.cil-logo-tile img { display: block; max-width: min(100%, 124px); max-height: 60px; width: auto; height: auto; object-fit: contain; }

@media (max-width: 1079px) {
    .cil-logo-tile { height: 64px; padding: 6px 8px; }
    .cil-logo-tile img { max-height: 48px; }
}
@media (prefers-reduced-motion: reduce) {
    .cil-logo-tile { transition: none; }
    .cil-logo-tile:is(:hover, :focus-visible) { transform: none; }
}