@import 'variables';

.item-container {
  margin-top: 1rem;
  padding-bottom: 0.75rem;
  cursor: pointer;
  position: relative;

  &::after {
    content: '';
    position: absolute;
    border-bottom: 2px solid $isa-lightgray;
    width: 100%;
    bottom: 0;
    left: 0;
  }

  display: grid;
  grid-template-columns: 110px 40px 1fr;

  .date,
  .day {
    font-weight: bold;
  }
}

.description {
  .headline {
    display: flex;

    .headline-text {
      font-size: 1.1rem;
      font-weight: bold;
      margin-top: 0;
      margin-bottom: 0.25rem;
    }

    .camera-icon,
    .file-icon {
      margin-left: 0.4rem;
    }
  }
  .text {
    margin-top: 0;
    margin-bottom: 0;

    & > strong {
      margin: 6px 0;
    }

    & > p,
    div,
    span {
      font-size: 16px;
      font-weight: 600;
      line-height: 21px;
    }

    & > p {
      margin: 0 0 4px;

      &:last-child {
        margin-bottom: 1rem;
      }

      br {
        display: none;
      }
    }
  }
}
