.list-item {
  .item-title {
    font-family: var(--font-family);
    font-weight: bold;
  }
}

/* ==========================================================================
   Page selection.
   ========================================================================== */
.list--page-selection {
  a {
    &:hover,
    &:focus {
      .item-header {
        background-color: var(--color-fg-tertiary);
        border-color: var(--color-fg-tertiary);
      }
    }
  }

  .item-wrapper {
    box-shadow: var(--box-shadow-l);
  }

  .item-header {
    border-bottom-width: 2px;
    transition: .3s;
  }

  .item-thumbnail {
    height: 240px;
  }

  .item-footer {
    background-color: var(--color-fg-tertiary);
  }
}

/* ==========================================================================
   Comments.
   ========================================================================== */
.js-comment,
.list--comments {
  .list-item {
    &.is-selected,
    &:hover,
    &:focus {
      background: var(--color-white);
    }
  }
}