/* classes for section: "cc--component-container cc--topic-listing three-col no-stories-title" */
.listing-topic-mixed-three-col .content-main {
  max-width: 1440px;
  margin: 0 auto;
}
.listing-topic-mixed-three-col .content-main .cc--topic-listing.three-col, .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col {
  padding-right: 8%;
  padding-left: 8%;
}
@media screen and (min-width: 768px) {
  .listing-topic-mixed-three-col .content-main .cc--topic-listing.three-col, .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col {
    padding-top: 3.75rem;
    padding-right: 4%;
    padding-left: 4%;
  }
}
.cc--topic-listing .c--topic-listing {
  padding-bottom: 3.75rem;
}
@media screen and (min-width: 768px) {
  .cc--topic-listing .c--topic-listing {
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 1024px) {
  .cc--topic-listing .c--topic-listing {
    padding-bottom: 6.25rem;
  }
}
@media screen and (min-width: 768px) {
  .cc--topic-listing .c--topic-listing .topic-list .views-infinite-scroll-content-wrapper, .cc--topic-listing .c--topic-listing .topic-list .views-inner-wrapper {
    padding-right: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  ;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .cc--topic-listing .c--topic-listing article {
    margin-right: 6.66667%;
    width: 46.66667%;
  }
}
@media screen and (min-width: 768px) {
  .cc--topic-listing.three-col .c--topic-listing article {
    margin-right: 4.34783%;
    width: 30.43478%;
  }
}
.cc--topic-card .c--topic-card .inner-wrapper {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 500px) {
  .cc--topic-card .c--topic-card .inner-wrapper {
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .cc--topic-card .c--topic-card .inner-wrapper {
    margin-bottom: 3.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .cc--topic-card .c--topic-card .inner-wrapper {
    margin-bottom: 3.75rem;
  }
}
.cc--topic-card .c--topic-card .inner-wrapper .f--image {
  display: block;
}
@media screen and (min-width: 500px) {
  .cc--topic-card .c--topic-card .inner-wrapper .f--image {
    margin-left: .9375rem;
    width: 47.61905%;
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .cc--topic-card .c--topic-card .inner-wrapper .f--image {
    margin-left: 0;
    width: 100%;
    float: none;
  }
}
.cc--topic-card .c--topic-card .inner-wrapper .f--image {
  margin-bottom: 1.25rem;
}