@import './apps/commudle-admin/src/assets/styles/variables';

.external-feed-list-item {
  p,
  a,
  div,
  h3 {
    font-family: $primary-font-family;
  }

  nb-card {
    border: $border-1;
    box-shadow: none;
    margin-bottom: 8px;

    nb-card-body {
      &:hover {
        box-shadow: 1px 1px 5px 5px $lightgrey;
      }

      .image {
        background-color: $lightestgrey;
        border: 1px solid $lightestgrey;
        height: 140px;
        margin-bottom: 5px;
        overflow: hidden;
        text-align: center;
        width: 100%;

        img {
          width: 100%;
        }
      }

      .source-details {
        .source-info {
          align-items: center;
          font-size: $fs-h5;
          margin-bottom: $space-1;
        }
      }

      h3.name {
        color: black;
        font-size: $fs-24;
        font-weight: $fw-600;
        line-height: normal;
        margin-bottom: $space-15;
        margin-top: $space-15;
      }

      .tags {
        display: inline-block;
        font-color: '#b7b7b7';
        font-size: $fs-h5;
        line-height: 1.3;
        margin-bottom: 10px;
        padding: 4px;

        .tag-hash {
          font-weight: normal;
          opacity: 0.4;
        }
      }

      .stats {
        > p {
          margin: 0 16px 0 0;

          &.comments {
            nb-icon {
              color: $spanish-gray;
            }
          }
        }
      }
    }
  }
}
