/* Grid Layout */
.cfm-episodes-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cfm-episodes-grid:before, .cfm-episodes-grid:after {
  content: "";
  display: table;
  clear: both;
}
.cfm-episodes-grid .cfm-episode-wrap {
  height: auto;
  padding: 0 15px;
  display: inline-block;
  width: 33.33%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33.33%;
          flex: 0 1 33.33%;
  margin-bottom: 30px;
}
.cfm-episodes-grid .cfm-episode-wrap:before, .cfm-episodes-grid .cfm-episode-wrap:after {
  content: "";
  display: table;
  clear: both;
}
.cfm-episodes-grid.cfm-episodes-cols-2 .cfm-episode-wrap {
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}
.cfm-episodes-grid.cfm-episodes-cols-3 .cfm-episode-wrap {
  width: 33.33%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33.33%;
          flex: 0 1 33.33%;
}
.cfm-episodes-grid.cfm-episodes-cols-4 .cfm-episode-wrap {
  width: 25%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
}
.cfm-episodes-grid.cfm-episodes-cols-5 .cfm-episode-wrap {
  width: 20%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
}
.cfm-episodes-grid.cfm-episodes-cols-6 .cfm-episode-wrap {
  width: 16.66%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 16.66%;
          flex: 0 1 16.66%;
}
.cfm-episodes-grid .cfm-episode-player {
  margin-bottom: 20px;
}
.cfm-episodes-grid .cfm-episode-image {
  margin-bottom: 20px;
}
.cfm-episodes-grid .cfm-episode-title {
  margin-bottom: 20px;
}
.cfm-episodes-grid .cfm-episode-content {
  margin-bottom: 20px;
}

/* List Layout */
.cfm-episodes-list {
  width: 100%;
}
.cfm-episodes-list:before, .cfm-episodes-list:after {
  content: "";
  display: table;
  clear: both;
}
.cfm-episodes-list .cfm-episode-wrap {
  padding-bottom: 40px;
}
.cfm-episodes-list .cfm-episode-wrap:before, .cfm-episodes-list .cfm-episode-wrap:after {
  content: "";
  display: table;
  clear: both;
}
.cfm-episodes-list .cfm-episode-player {
  margin-bottom: 20px;
}
.cfm-episodes-list .cfm-episode-image {
  margin-bottom: 20px;
}
.cfm-episodes-list .cfm-episode-title {
  margin-bottom: 20px;
}
.cfm-episodes-list .cfm-episode-content {
  margin-bottom: 20px;
}
.cfm-episodes-list .cfm-has-image-beside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.cfm-episodes-list .cfm-episode-image-right {
  float: right;
  max-width: 33%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33%;
          flex: 0 1 33%;
}
.cfm-episodes-list .cfm-episode-image-right .cfm-episode-image {
  margin-bottom: 0;
  margin-left: 20px;
}
.cfm-episodes-list .cfm-episode-image-left {
  float: left;
  max-width: 33%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33%;
          flex: 0 1 33%;
}
.cfm-episodes-list .cfm-episode-image-left .cfm-episode-image {
  margin-bottom: 0;
  margin-right: 20px;
}
.cfm-episodes-list .cfm-episode-content-right {
  float: left;
  max-width: 67%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 67%;
          flex: 0 1 67%;
}
.cfm-episodes-list .cfm-episode-content-right .cfm-episode-title h1, .cfm-episodes-list .cfm-episode-content-right .cfm-episode-title h2, .cfm-episodes-list .cfm-episode-content-right .cfm-episode-title h3, .cfm-episodes-list .cfm-episode-content-right .cfm-episode-title h4, .cfm-episodes-list .cfm-episode-content-right .cfm-episode-title h5, .cfm-episodes-list .cfm-episode-content-right .cfm-episode-title h6 {
  margin: 0;
}
.cfm-episodes-list .cfm-episode-content-left {
  float: left;
  max-width: 67%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 67%;
          flex: 0 1 67%;
}

/* Pagination */
.cfm-episodes-pagination {
  text-align: center;
  padding: 20px 15px;
}
.cfm-episodes-pagination .page-numbers {
  padding: 4px 6px;
}

.cfm-episodes-loadmore {
  text-align: center;
  padding: 20px 15px;
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
  .cfm-episodes-grid.cfm-episodes-cols-3 .cfm-episode-wrap {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
  .cfm-episodes-grid.cfm-episodes-cols-4 .cfm-episode-wrap {
    width: 33.33%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33%;
            flex: 0 1 33.33%;
  }
  .cfm-episodes-grid.cfm-episodes-cols-5 .cfm-episode-wrap {
    width: 33.33%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33%;
            flex: 0 1 33.33%;
  }
  .cfm-episodes-grid.cfm-episodes-cols-6 .cfm-episode-wrap {
    width: 33.33%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33%;
            flex: 0 1 33.33%;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .cfm-episodes-grid.cfm-episodes-cols-2 .cfm-episode-wrap {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .cfm-episodes-grid.cfm-episodes-cols-3 .cfm-episode-wrap {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .cfm-episodes-grid.cfm-episodes-cols-4 .cfm-episode-wrap {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .cfm-episodes-grid.cfm-episodes-cols-5 .cfm-episode-wrap {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .cfm-episodes-grid.cfm-episodes-cols-6 .cfm-episode-wrap {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}