.wrestler-list {
  margin-bottom: $line-height-computed * -1;
}

.wrestler-list-item {
  a {
    display: block;
    margin-bottom: $line-height-computed;

    &:hover,
    &:focus {
      .wrestler-image-caption {
        text-decoration: none;
        background-color: $link-hover-color;
      }
    }
  }

  .wrestler-image {
    background-color: #eee;

    &-overlay {
      color: #fff;
      font-size: $font-size-small;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
      background-color: rgba(#000, .6);
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      padding: $padding-small-vertical $padding-small-horizontal;
    }
  }

  .wrestler-image-caption {
    color: #fff;
    font-weight: bold;
    background-color: $link-color;
    display: block;
    padding: $padding-base-vertical $padding-base-horizontal;
  }

  .wrestler-name {
    display: block;
    height: $line-height-computed * 2;
    overflow: hidden;
  }
}