
#searchTitle {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
}

#episodesWrap {
/*     background-color: #fff; */
}

#episodes {
/*
    -webkit-column-count: 2;
    -webkit-column-width: 300px;
*/
    margin: 0 auto;
    padding: 20px 0 20px;
    width: 80%;
}

.episodeWrap {
/*     border: 1px solid #888; */
    box-sizing: border-box;
    clear: both;
    padding: 10px;
    text-align: center;
}

.episode {
    box-sizing: border-box;
    display: inline-block;
    padding: 0px 20px;
    vertical-align: top;
    width: 50%;
}

.episode a {
    color: #fff;
    text-decoration: none;
}

.episodeImage {
    background-color: #000;
    flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
}

.episodeImage img {
/*     height: 100%; */
	width: 100%;
}

.episodeData {
    padding-top: 10px;
}

iframe {
    width: 100%;
}

.episodeTitle {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left;
}

.episodeNumber {
	color: #a2a2a2;
    padding-top: 4px;
    text-align: left;
}

.episodeDate {
    font-size: 12px;
    padding-top: 4px;
}

.episodeDescription {
    font-size: 16px;
    font-weight: 100;
    line-height: 18px;
    padding-left: 10px;
}

#pagination {
    padding: 0 50px 30px;
    text-align: center;
    text-decoration: underline;
}

#pagination a {
    color: #fff;    
    cursor: pointer;
}

#oldEpisodeLinks {
    margin: 0 auto;
    width: 80%;
}

#oldEpisodeLinks li {
    color: #fff;
    float: left;
    padding: 20px 0 0;
}

#oldEpisodeLinks a {
    color: #fff;
    padding: 0px 10px;
}

@media (max-width: 700px) {
  .episode {
    width: 100%;
  }
  
  .episodeWrap {
      height: 350px;
  }
}
