/*
 * Employee
 */
.mosaik-employee-widget {
  margin-bottom: var(--spacing-4);
  padding-bottom: var(--spacing-3);
  max-width: 330px; }
  .mosaik-employee-widget:last-child {
    margin-bottom: 0; }

/*
 * Employee link
 */
.mosaik-employee-widget__link {
  color: var(--color-text);
  text-decoration: none; }
  .mosaik-employee-widget__link:hover, .mosaik-employee-widget__link:focus {
    color: var(--color-text); }

.mosaik-employee-widget:hover .mosaik-employee__link .mosaik-employee__image {
  position: relative; }
  .mosaik-employee-widget:hover .mosaik-employee__link .mosaik-employee__image::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: var(--hover-link-color);
    opacity: 0.8;
    pointer-events: none; }

/*
 * Employee image
 */
.mosaik-employee-widget__image {
  margin: var(--spacing-1) 0 1rem;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  height: 0;
  padding-top: 126.4925%; }

/*
 * Employee title
 */
.mosaik-employee-widget__title {
  color: var(--color-gray-50);
  font-size: var(--small-font-size);
  line-height: 1;
  text-transform: uppercase; }

/*
 * Employee name
 */
.mosaik-employee-widget__name {
  margin: 0;
  color: var(--color-heading);
  font-size: var(--base-font-size);
  font-weight: var(--font-weight-semibold); }

/*
 * Employee contact info
 */
.mosaik-employee-widget__contact-info {
  margin: 0;
  padding: 0;
  color: var(--color-text);
  list-style-type: none;
  font-size: var(--small-font-size); }

/*
 * Employee email and phone
 */
.mosaik-employee-widget__email,
.mosaik-employee-widget__phone {
  color: var(--color-text);
  text-decoration: none; }
  .mosaik-employee-widget__email:hover, .mosaik-employee-widget__email:focus,
  .mosaik-employee-widget__phone:hover,
  .mosaik-employee-widget__phone:focus {
    color: var(--color-text);
    text-decoration: none; }

/*
 * Employee social media
 */
.mosaik-employee-widget__social-media {
  margin-top: 1rem; }

.mosaik-employee-widget__social-media-link {
  margin: 0 0.4rem 0 0; }

.mosaik-employee-widget__social-media-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }