// Used for counsil and shareholders. .generic-team-list {
padding: 0; margin-left: 0; margin-right: 0; list-style: none; display: flex; flex-wrap: wrap; .team-member { position: relative; z-index: 10; display: block; font-size: 14px; @include desktop { width: 20%; } @include phone { width: 50%; } .user-image { display: block; cursor: pointer; img { cursor: default; } &:hover + .name-and-meta { display: block; } } .name-and-meta { position: absolute; top: 90%; left: 0; width: 100%; text-align: center; background: white; background: rgba(255, 255, 255, 0.9); display: none; padding: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); & { display: none; } &:hover { display: block; } p { color: $gray-700; font-weight: 300; font-size: 14px; line-height: 18px; margin-bottom: 0; } &:before { content: ''; position: absolute; top: -10px; left: 50%; margin-left: -5px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent white transparent; border-color: transparent transparent rgba(255, 255, 255, 0.9) transparent; } } &:hover { z-index: 20; } img { width: 100%; height: auto; display: block; } }
}