@charset "UTF-8";
/* CSS Document */
/* for DIGITAL */
.digital-logo { width: 330px; height: auto; }

.digital-feature { margin: 0 0 1% 0; padding: 1.5%; width: 47%; float: left; clear: none; background-color: #fff; border: none; }
.digital-feature:nth-child(odd) { background-color: #f0f0f0; }
.digital-feature:hover { background-color: #ffc; transition: background-color 1s}
.digital-feature img { margin: 0 0 10px 0; padding: 0; width: 100%; height: auto; }
.digital-feature h3 { line-height: 120%; padding: 0 0 .25em 0; margin: 0; }
.digital-feature h3 a { color: #2c76c7 !important; text-decoration: none;  }
.digital-feature h3 a:hover { color: #2c76c7; text-decoration: underline; }
.digital-feature h4 { font-size: 125%; margin: 0; padding: 0; line-height: 120%; }
.digital-feature h4 a { text-decoration: none; color: #444; }
.digital-feature h4 a:hover { text-decoration: underline; color: #000; }
.digital-feature p { margin: 0 0 .5em 0; padding: 0; }

.digital-article { margin: 0 0 1% 0; padding: 1%; width: 23%; float: left; clear: none; background-color: #fff; border: none; }
.digital-article:nth-child(odd) { background-color: #f0f0f0; }
.digital-article:hover { background-color: #ffc; transition: background-color 1s}
.digital-article img { margin: 0 0 5px 0; padding: 0; width: 100%; height: auto; }
.digital-article h3 { font-size: 100%; margin: 0; padding: 0; line-height: 120%; font-family: 'Open Sans', sans-serif; }
.digital-article h3 a { color: #2c76c7; text-decoration: none; }
.digital-article h3 a:hover { text-decoration: underline; color: #39f; }
.digital-article h4 { font-size: 125%; margin: 0; padding: 0; line-height: 120%; }
.digital-article h4 a { text-decoration: none; color: #444; }
.digital-article h4 a:hover { text-decoration: underline; color: #000; }
.digital-article p { margin: 0; padding: 0; }

.digital-series { margin: 0 0 1.5% 0; padding: 1%; width: 31.33%; float: left; clear: none; background-color: #fff; border: none; }
.digital-series:nth-child(odd) { background-color: #f0f0f0; }
.digital-series:hover { background-color: #ffc; transition: background-color 1s}
.digital-series img { margin: 0 0 10px 0; padding: 0; width: 100%; height: auto; }
.digital-series h3, .digital-series h4 { line-height: 120%; padding: 0 0 .25em 0; margin: 0; }
.digital-series h3 a { color: #2c76c7; text-decoration: none;  }
.digital-series h3 a:hover { color: #2c76c7; text-decoration: underline; }
.digital-series h4 a { color: #2c76c7; text-decoration: none; }
.digital-series h4 a:hover { color: #2c76c7; text-decoration: underline; }
.digital-series p.digital-date { padding: 0; margin: 0; }

.digital-thumb-link, .digital-thumb-link-podcast2 { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; display: block; margin: 0 0 .5em 0; }
.digital-thumb-link-podcast { width: 100%; height: 0; padding-bottom: 60%; overflow: hidden; position: relative; display: block; margin: 0 0 .5em 0; }
.digital-thumb-link-podcast img { margin-top: -30px; }
.digital-thumb-link-podcast2 img { margin-top: -32px; }

p.post-series { font-size: 100%; margin: 0; padding: 0 0 5px 0; line-height: 120%; font-family: 'Open Sans', sans-serif; }
p.post-series a { color: #444; text-decoration: none; }
p.post-series a:hover { text-decoration: underline; color: #39f; }

.podcast-cover {float: left; width: 30%; margin-right: 5%; }
.podcast-cover img { width: 100%; height: auto; }
.podcast-content { float: left; width: 65%; }

.digital-hero img { width: 100%; height: auto; margin: 0 0 1em 0; }

ul.list-inline-podcasts { list-style-type: none; margin: 0 0 1em 0; padding: 0 0 2em 0 !important; }
ul.list-inline-podcasts li { display: block; float: left; width: 100px; font-size: 90% !important; text-align: center; }
ul.list-inline-podcasts img { display: block; width: 48px; height: auto; border: transparent;  margin: 0 auto; }
ul.list-inline-podcasts a { text-decoration: none; }

.duration { padding: 0; margin: 0; color: #666; font-size: 80%; }
.episode-descr { font-size: 75%; }

.series-info { color:#333; background-color: rgba(255,255,255,.8); padding: 3%; width: 33%; margin: 0 0 0 6%; }
.series-info h2 { font-size: 200%; }

#digital-episode-header { background-position: center; background-repeat: repeat; background-size: 1600px; height: 640px; }
#digital-feature { padding: 2em 0; background-color:#e0e0e0; clear: both; }
#digital-episodes { padding: 2em 0; background-color:#e0e0e0; clear: both; }
#digital-series { padding: 2em 0; background-color:#d0d0d0; clear: both; }
#digital-latest { padding: 2em 0; background-color:#e0e0e0; clear: both; }
#digital-intro { padding: 2em 0 1em 0; background-color: #fff; clear: both; }
#digital-video { padding: 2em 0; background-color: #f0f0f0; clear: both; }
#digital-extras { padding: 2em 0; background-color:#d0d0d0; clear: both; }
#digital-series-extra { padding: 2em 0; background-color:#fff; clear: both; }

.wisci-chats td { padding: .5em 1em; border-top: 1px solid #ccc; }

#digital-nav { padding: 0; margin: 0; float: right; background-color: none; }
#digital-nav li { display: inline; background-color: none; color: #333; padding: 0; margin: 0; }
#digital-nav li:after { content: ' »'; }
#digital-nav li:last-child:after { content: none; }
#digital-nav li a { line-height: 55px; text-decoration: none; }
#digital-nav li a:hover { text-decoration: underline; }

/*#featured-slider-digital { padding: 1.5em 0; }
.slide-content-digital { background-position: center; background-size: cover; padding: 0; min-height: 500px; width: 100%; margin: 0; }*/

.web-extra { margin: 0 0 1.5% 0; padding: 1%; width: 31.33%; float: left; clear: none; background-color: #fff; border: none; min-height: 370px; }
.web-extra:nth-child(odd) { background-color: #f0f0f0; }
.web-extra img { width: 100%; height: auto; margin: 0 0 10px 0; }
.web-extra a { text-decoration: none; }
.web-extra:hover { background-color: #ffc; transition: background-color 1s}
.web-extra h3 a:hover { color: #39f; text-decoration: underline; }

@media (max-width: 1200px) {

}

@media only screen and ( min-width: 768px) and ( max-width: 960px ) {

#digital-latest,
#digital-intro, 
#digital-video, 
#digital-series,
#digtial-episodes,
#digital-extras { padding: 2em 0; font-size: 90%; }
.digital-article { margin: 0 0 1.5% 0; padding: 1%; width: 31.33%; float: left; clear: none; background-color: #fff; border: none; }
.series-info { width: 54%; font-size: 90%; }
#digital-episode-header { background-size: 1440px; }
.digital-series { margin: 0 0 1% 0; padding: 1%; width: 48%; float: left; clear: none; background-color: #fff; border: none; }
.web-extra { margin: 0 0 1% 0; padding: 1%; width: 48%; float: left; clear: none; background-color: #fff; border: none; }
	
}

@media only screen and ( max-width: 767px) { 
	
.digital-logo { width: 250px; height: auto; }
	
.digital-feature { margin: 0 0 2% 0; padding: 2%; width: 96%; float: none; clear: none; background-color: #fff; border: none; }
	
.digital-series { margin: 0 0 2% 0; padding: 2%; width: 96%; float: none; clear: none; background-color: #fff; border: none; }
.digital-series:nth-child(odd) { background-color: #fff; }
.digital-article { margin: 0 0 1% 0; padding: 2%; width: 46%; float: left; clear: none; background-color: #fff; border: none; }
	
#digital-feature,	
#digital-latest,
#digital-intro, 
#digital-video, 
#digital-series,
#digital-episodes,
#digital-extras,
#digital-series-extra { padding: 1em; font-size: 90%; }
#digital-episode-header { height: 520px; background-size: 960px; background-position: center; position: relative; }
#digital-episode-header .series-info { position: absolute; bottom: 2em; }
	
/* no longer used 	
#featured-slider-digital { min-height: 520px; max-height: 520px; padding: 0; margin: 0; overflow: hidden; }
.slide-content-digital { min-height: 520px; max-height: 520px; background-size: 960px; overflow: hidden; }
*/
#digital-nav { padding: 0; margin: 20px 0 0 0; background: none; float: none; width: auto; display: block; border-top: 2px solid #eee; }
#digital-nav li { padding: 0; margin: 0; }
#digital-nav li a { line-height: 40px; text-decoration: none;  }
	
.series-info { padding: 3%; width: 84%; margin: 250px 5% 0 5%; font-size: 80%; }
.series-info h2 { font-size: 220%; line-height: 100%; }
.web-extra { margin: 0 0 2% 0; padding: 2%; width: 96%; float: none; clear: none; background-color: #fff; border: none; min-height: auto; }
	

}