/*
 * Paragraph Conversation Kit Component
 */


.awhi_books .collection-component {
  margin-bottom: 30px;
}

.awhi_books .collection-component .collection-component-top {
  margin-bottom: 32px;
}

.awhi_books .collection-component .component-title {
  margin-bottom: 5px;
}

.awhi_books .collection-component .component-framing-copy {
  margin-bottom: 0;
}


.awhi_books .collection-component .btn {
  font-size: 18px;
  line-height: 45px;
}

.awhi_books .collection-component .collection-component-view {
  overflow: hidden;
  margin-bottom: 30px;
}

.awhi_books .collection-component .collection-component-view .collection-grid {
  margin-bottom: 0;
}

.awhi_books .collection-component .collection-component-view .collection-grid > li {
  margin-bottom: 30px;
}

.awhi_books .collection-component .collection-component-view .collection-grid > li:last-child {
  margin-bottom: 0;
}

.awhi_books .collection-component .list-collection-links-text h4 {
  color: #282829;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .32px;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  .awhi_books .collection-component .btn {
    display: block;
  }
}

@media screen and (min-width: 576px) {
  .awhi_books .collection-component .btn {
    min-width: 208px;
  }
}

@media screen and (min-width: 768px) {
  .awhi_books .collection-component .collection-component-view .collection-grid > li {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1024px) {

  .awhi_books .collection-component {
    margin-bottom: 78px;
  }

  .awhi_books .collection-component .component-title {
    margin-bottom: 5px;
  }

  .awhi_books .collection-component .collection-component-top {
    margin-bottom: 60px;
  }

  .awhi_books .collection-component .component-framing-copy {
    margin-bottom: 0;
    font-size: 18px;
    letter-spacing: .41px;
    line-height: 24px;
  }

  .awhi_books .collection-component .collection-component-view {
    margin-bottom: 58px;
  }

  .awhi_books .collection-component .list-collection-links-text h4 {
    font-size: 18px;
    letter-spacing: 0.41px;
    line-height: 24px;
    max-width: 90%;
  }
}