.c-forum-item {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.c-forum-item--card {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.c-forum-item__card {
  border-radius: 7px;
  background-color: hsla(0, 0%, 100%, 0.5);
}

.c-forum-item__card:hover {
  background-color: rgba(191, 210, 235, 0.5);
}

.c-forum-item__attributes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-forum-item__attributes--card {
  display: -ms-grid;
  display: grid;
  min-height: 4.25rem;
  margin-bottom: 0rem;
  padding: 1rem 20px;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: -webkit-max-content -webkit-max-content auto auto;
  -ms-grid-columns: max-content max-content auto auto;
  grid-template-columns: -webkit-max-content -webkit-max-content auto auto;
  grid-template-columns: max-content max-content auto auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.c-forum-item__date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-forum-item__date--card {
  padding-top: 0.125rem;
}

.c-forum-item__bullet {
  width: 6px;
  height: 6px;
  margin-right: 20px;
  margin-left: 20px;
  border-radius: 50px;
  background-color: #bcb8b8;
}

.c-forum-item__bullet--card {
  min-width: 6px;
  margin-right: 10px;
  margin-left: 10px;
}

.c-forum-item__content {
  margin-bottom: 1.5rem;
}

.c-forum-item__statistics {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.c-forum-item__icon {
  padding-right: 10px;
}

.c-forum-item__count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-forum-item__elements {
  display: -ms-grid;
  display: grid;
  height: 100%;
  padding: 1.375rem 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: start;
  -ms-flex-line-pack: start;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  grid-column-gap: 0px;
  grid-row-gap: 0rem;
  -ms-grid-columns: -webkit-max-content auto 1fr;
  -ms-grid-columns: max-content auto 1fr;
  grid-template-columns: -webkit-max-content auto 1fr;
  grid-template-columns: max-content auto 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.c-forum-item__body {
  padding-top: 0.5rem;
}

.c-forum-item p {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Set height of forum item elements enclosing divs to 100% to accomodate full-height link */
.c-forum-item--card.c-forum-item--span-2 > div,
.c-forum-item--card.c-forum-item--span-2 > div > div,
.c-forum-item--card.c-forum-item--span-2 > div > div > div { 
  height: 100%
}

@media screen and (max-width: 991px) {
  .c-forum-item--card {
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 767px) {
  .c-forum-item__attributes--card {
    min-height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-columns: -webkit-max-content -webkit-max-content auto;
    -ms-grid-columns: max-content max-content auto;
    grid-template-columns: -webkit-max-content -webkit-max-content auto;
    grid-template-columns: max-content max-content auto;
  }

  .c-forum-item__bullet--card {
    display: none;
  }

  .c-forum-item__spacer {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .c-forum-item__attributes--card {
    grid-auto-rows: 1fr;
    -ms-grid-rows: 0.25fr;
    grid-template-rows: 0.25fr;
  }

  .c-forum-item__title {
    padding-bottom: 0.25rem;
  }
}