/* CARD LIST (USED FOR RECENT POSTS ON DASHBOARD, ROLES IN PORTFOLIO ETC) */

.list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.list > .entry {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
}

.list > .entry > .dashed-divider {
  flex: 1;
  border-bottom: 2px dashed var(--color-border-primary);
}

.list > .entry > .heading {
  color: var(--color-text-primary);
}

.list > .entry > .heading a {
  text-decoration: none;
  color: inherit;
}

.list > .entry > .heading :hover {
  text-decoration: underline;
}

.list > .entry > .meta {
  color: var(--color-text-tertiary);
}

@media (max-width: 768px) {
  .list > .entry {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  
  .list > .entry > .dashed-divider {
    display: none;
  }
  /* HIDES MONTH ON MOBILE. CONVERTS JUN 2016 - JUN 2017 INTO 2016 - 2017*/
  .list > .entry > .meta > .date-month {
    display: none;
  }
}