/* SITE COLOUR CHANGES CAN BE MADE HERE */

@charset "UTF-8";

/* Type */


*, :after, :before {
    box-sizing: inherit;
}



.sitewrapper h1,
.sitewrapper h2,
.sitewrapper h3,
.sitewrapper h4,
.sitewrapper h5,
.sitewrapper h6 {
	font-family:'PT Serif', serif !important;
	font-weight:400;
}

.sitewrapper {
	font-family:'PT Sans', sans-serif !important;
	-webkit-font-smoothing: antialiased;
}

p,

.video-listing-episode-excerpt {
	font-family: 'PT Serif', serif;
	color:#6c6c6c;
}

a, .category-link {
	color:#2da8cb;
	transition:500ms;
}

a:hover {color:#1d6e85;}

a img {transition:500ms;}

a:hover img {opacity:0.7;}

/* CSS Document */

.sitecontent {
	width:auto;
	font-family:'PT Sans', sans-serif !important;
}

#maincontent {
	// overflow:visible;
}


/* CHANGE THE BACKGROUND COLOUR OF THE CONTENT AREA HERE */
.content {
	background-color: white;
	margin:0 auto;
	clear:both;
	padding: 0;
  padding-bottom: 40px;
}


/* CHANGE THE SITE BACKGROUND IMAGE AND COLOUR HERE */

.airtime-message {
	background:black;
	padding:10px 0;
}

.airtime-message .content {
	padding:0;
	background:inherit;
	color:white;
	font-size:14px;
	text-transform:uppercase;
	text-align:right;
}

.siteheader {
	height:auto;
	background-color:#fff;
	padding:0;
}

.siteheader-content {
	padding-top:20px;
	padding-bottom:20px;
	width:960px;
}

.show-logo {
	position:static;
	display:inline-block;
	vertical-align:top;
	padding-top:5px;
}

.show-logo img {
	height:35px;
	width:auto;
}

.presented-by {
	display:inline-block;
	padding-left:20px;
}

.presented-by span {
	display:inline-block;
	vertical-align: top;
	padding-top:15px;
	font-size:12px;
}

.presented-by img {
	display:inline-block;
	padding-top:11px;
  height: 25px;
  width:auto;
  margin-left: 12px;
}

/* CHANGE THE NAVIGATION BACKGROUND AND DEFAULT TEXT COLOUR HERE */
.sitenav {
	top:0;
  border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	padding:15px 0;
	margin:0;
	position:relative;

	font-family:'PT Serif', serif;
}

.nav-background {display:none;}

.sitenav,
.sitenav .nav-background,
.sitenav ul li.nav_item a {
	background-color: #fafafa;
}

.sitenav ul li.nav-item {margin-right:25px;}

.sitenav ul li.nav-item a {
	color: #4c4c4c;
	background:none;
	padding:0;
	transition:500ms;
	display:block;
}

.sitenav ul li.nav-item.social-links {
	margin-right:0;
        color: #4c4c4c;
        margin-right:0;
	margin-left:8px;
}

.sitenav ul li.nav-item.social-links a {transition:none;}

.sitenav ul li.nav-item.social-links a img {transition:none;}

.sitenav ul {
	width:960px;
	margin:0 auto;
	display:block;
	background:none;
}

.sitenav ul li.nav-item.selected a,
.sitenav ul li.nav-item a:hover {
	background:none;
	color:#aaa;
}

.sitenav ul li.nav-item.selected .highlight.selected,
.sitenav ul li.nav-item .highlight.selected {display:none;}


/* UNIVERSAL COLOURED ELEMENTS - USE THE PRELOAD VARIABLES AT THE TOP OF THE PAGE TO CHANGE THESE */

.rightrail-element {border:none;}

.rightrail-element:first-child {background-color:transparent;}


.rightrail img {
	width:100%;
	height:auto;
}





/* MAIN 2 GRID FEED */

p.feed-item__qualifier {
	text-transform: uppercase;
	margin-bottom:10px;
	margin-top: 0;
	color: #999;
	font-size: 0.75em;
	line-height: 1em;
}

p.feed-item__body,
.feed-item__body p {
	font-family: 'PT Serif', serif;
	color: #6c6c6c;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-size: 0.875em;
	line-height: 1.5em;
  display: inline-block;
  width:100%;
}

.feed-item__body p {
  padding-bottom: 10px;
  font-size:1em;
  line-height:1.5em;
}

.feed-item__body p:last-child {
  padding-bottom: 0;
}



h2.feed-item__title,
h3.feed-item__title {
  width:100%;
	padding: 0;
	padding-bottom: 10px;
	color:black;
	margin-top:0;
  display: inline-block;
}

h2.feed-item__title {
  font-size:1.35em;
  line-height: 26px;
}

h3.feed-item__title {
  font-size:1.250em;
  line-height: 24px;
  font-weight: bold;

}

p.feed-item__cta,
p.feed-item__cta:hover {
	margin: 0;
	padding: 0;
	padding-top:0px;
	background: none;
	border: none;
	display:inline-block;

}


p.feed-item__cta a,
p.feed-item__cta a:visited
 {
	display:inline-block;
	background:white;
	border-radius:20px;
	/*color:#2da8cb;*/
	border:1px solid #d9d9d9;
	padding:5px 30px;
	transition:500ms;



}

p.feed-item__cta a:hover {
		background:#2da8cb;
		color:white !important;
		border:1px solid #2da8cb;
	}

	.preview-tag {background:#2da8cb;}

  .listing-header .more-button,
  .season-listing .more-button,
  .series-nav-item  {
  	display:inline-block;
  	background:white;
  	border-radius:20px;
  	color:#2da8cb;
  	border:1px solid #d9d9d9;
  	padding:5px 30px;
  	transition:500ms;
  }

  .main-feed .feed-item .info-cta a:hover,
  .listing-header .more-button, .season-listing .more-button:hover,
  .series-nav-item:hover {
  	background:#2da8cb;
  	color:white !important;
  	border:1px solid #2da8cb;
  }

  .main-feed .feed-item .info-cta a:visited,
  .listing-header .more-button, .season-listing .more-button:visited,
  .series-nav-item:visited {color:#2da8cb;}


  .main-feed .feed-item figure {
  	width:100%;
  	padding:0;
  	margin-bottom:20px;
    display: table;
  }

  .main-feed .feed-item figure img {
  	width:100%;
  	height:auto;
  	border:none;
  }
    .main-feed .feed-item .info-body, .main-feed .feed-item .info-cta {border:none;}

  /* 2 Grid FEED */
  .main-feed {
  	border:none;
  	/*margin:0 0 25px 0;
  	padding:0;
  	overflow:visible;
  	*/
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px 0;
  	box-sizing: border-box;
  	padding-top: 24px;
    font-size: 0;

  }

  .main-feed:after {
  	/*
  	content:'';
  	right:5px;
  	top:0px;
  	bottom:10px;
  	position:absolute;
  	background: #f1f1f1;
  	width:1px;
  	*/
      content: "";
      clear: both;
      display: table;
  }

  .main-feed .feed-item {
  	padding: 0;
  	padding-bottom:20px;
  	padding-top:20px;
  	padding-left:10px;
  	padding-right:10px;
  	width:320px;
  	display: inline-block;
    vertical-align: top;
  	position: relative;
    font-size:16px;

  }

  .main-feed .feed-item:before {
    content: '';
    position: absolute;
    top: 0;
    background: #e6e6e6;
    left: 0;
    width: 100%;
    height: 1px;
  }
  .main-feed .feed-item:nth-last-child(1):nth-child(odd):before{
      width: 200%;
  }

  .main-feed .feed-item:after {
    content: "";
    clear: both;
    display: table;

  }


  .main-feed .feed-item:nth-child(2n+0){padding-right:0;}
  .main-feed .feed-item:nth-child(2n+1){padding-left:0;}

  .main-feed .feed-item:nth-child(-n+2){
  	//border-top: 0px solid #fff;
  	padding-top:0;

  }

  .main-feed .feed-item:nth-child(-n+2):before{
    background: transparent;
  }


  .main-feed .feed-item img {transition:500ms;}

  .main-feed .feed-item:hover img {
  	// transform:scale(1.05);
  	// box-shadow:0px 0px 10px rgba(0,0,0,0.2);
  }


  .feed-item__cta a,
  .feed-item__cta a:visited,
   {
  	display:inline-block;
  	background:white;
  	border-radius:20px;
  	color:#2da8cb;
  	border:1px solid #d9d9d9;
  	padding:5px 30px;
  	transition:500ms;
  }

  .feed-item__cta:hover {
  		background:#2da8cb;
  		color:white !important;
  		border:1px solid #2da8cb;
  	}

	/* 1 HORIZONTAL GRID FEED */

.main-feed .feed-item--fullwidth,
.main-feed .feed-item--fullwidth:nth-child(-n+2) {
		height: auto;
		width: 640px;
    padding-top:20px;
    padding-bottom:20px;
		display: block;
		position: relative;
		height: auto;
		text-decoration: none;
		float: left;
  }
  .main-feed .feed-item--fullwidth:first-child{padding-top:0;}

  .main-feed .feed-item--fullwidth:first-child:before {border-top:0;}
.main-feed .feed-item--fullwidth:nth-child(-n+2):before {
  border-top: 1px solid #e6e6e6;

}

.main-feed .feed-item--fullwidth:nth-child(-n+1):before {
  border-top: 0px solid #e6e6e6;

}


.main-feed .feed-item--fullwidth:nth-child(2n+0),
.main-feed .feed-item--fullwidth:nth-child(2n+1) {
  padding-right: 0px;
  padding-left:0px;
}



.main-feed .feed-item--fullwidth  a {
    color: inherit;
    text-decoration: none;
}



.main-feed .feed-item--fullwidth figure img {
		width:48%;
		float: left;
	}

.main-feed .feed-item--fullwidth figure .feed-item--fullwidth__img  {
  width:100%;
  height:auto;
}

.main-feed .feed-item--fullwidth figcaption {
		display: block;
    position: relative;
    width: 65%;
    background-color: transparent;
    padding: 0 10px;
    float: left;
		width: 48%;
		padding-left: 20px;
		padding-right: 0;
		/*float:right;*/
	}

  .main-feed .feed-item--fullwidth__grid {
      float: left;
    }

  .main-feed .feed-item--fullwidth__grid img {
      width: 100%;
      height: auto;
  }


  .main-feed .feed-item--fullwidth__grid:first-child {
      width: 300px;
      padding-right: 10px;
    }

  .main-feed .feed-item--fullwidth__grid:last-child {
      width: 320px;
      padding-left: 10px;
    }

.moreposts-wrapper.done {
  border-top: 1px solid #e6e6e6;
}

	.video-listing-item .entry-title {
		font-size:20px;
		padding:10px 0;
		color:black;
	}

  .footer-logo {
    padding:20px 0;
  }

  .footer-logo .content {
    padding-bottom: 0;
    background-color: transparent;

  }

  .footer-logo .content .footlogo {
    float: left;
    display:table;
    height:25px;
    background-color: transparent;
    padding: 0 40px 0 0;

    position: relative;
  }

  .footer-logo .content .footlogo a,
  .footer-logo .content .footlogo a:hover {
    image-rendering: inherit;
    image-rendering: crisp-edges;
    display: inline-block;
    height:100%;
    opacity:1;
  }

  .footer-logo .content .footlogo img {

    height:100%;
    width:auto;
    opacity:1;
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */

  }

  .footer-logo .content .footlogo.footlogo--sl {
    display: inline-block;
    height:60px;
    padding-top:0px;
  }
  .footer-logo .content .footlogo.footlogo--bf {
    display: inline-block;
    height:50px;
  }

    .footer-logo .content .footlogo.footlogo--docs {
      display: inline-block;
      height:32px;
      padding-top:6px;
  }
    .footer-logo .content .footlogo.footlogo--rrf {
      display: inline-block;
      height:32px;
      padding-top:6px;
  }




.related-entries-title,
.entry-qualifier,
h2.entry-title,
h2.page-title,
.rightrail-title,
.person-blurb,
.episode-push.small figcaption,
.episode-push.small .episode-title,
.video-listing-item.compact figcaption,
.video-listing-item.small figcaption,
.related-title {
	color: #444;
}

.highlight {
	border-top-color: #4269ac;
}
#moreposts .moreposts-button,
.read-more,
.pagination-number.selected,
.pagination-number:hover,

 {
	background-color: #2da8cb;
}
.channel-name,

.entry-meta .entry-meta-categories,
.pagination-arrow,
.pagination-number ,
.tags-wrapper .tag-link {
	color: #2da8cb;
}

.related-entries-title,
.related-entries-item figure img,
.related-people .related-title,
.person-thumb,
.entry-aside,

.listing-header,
.rightrail-element {
	border-color: #e6e6e6;
}

.rotator-slide .rotator-slide-links li a,
#rotator-continue {
	background-color: #999;
}
.episode-push .episode-number,
.episode-push.small .episode-number,
.season-listing-title,
.season-nav-title,
.season-nav-subtitle,
.entry-meta,
.entry-qualifier,
.person-subtitle,
.tags-wrapper .tags-title,
.related-people .related-title,
#moreposts .all-loaded,
.page-title .page-subtitle,
.video-listing-episode-number {
	color: #999;
margin-bottom:10px;
}



.video-listing-item.small figcaption,
.video-listing-item.compact:hover,




.tags-wrapper .tag-link:hover,
.entry-meta .entry-meta-categories a:hover,
.category-link:hover {
	color: #1d6e85;
}
#moreposts:hover .highlight {
	border-top-color: #1d6e85;
}
#moreposts:hover .moreposts-button,
.blog-categories a:hover,
.recipes-categories a:hover,
.pagination-number.selected:hover,
.entry-more:hover,
.rotator-slide .rotator-slide-links li a:hover {
    background-color: #1d6e85;
}

.video-transcript-button {
  display: block;
  position: relative;
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  background-color: #eaeaea;
  color: #333;
  cursor: pointer;
}

.video-transcript {
  display: block;
  position: relative;
  height: 0px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  transition: height 710ms ease;
  -moz-transition: height 710ms ease;
  -webkit-transition: height 710ms ease;
}
.video-transcript.reveal {
  height: auto;
}
.video-transcript-content {
  display: block;
  position: relative;
  height: auto;
  line-height: 1.5rem;
  background-color: #fafafa;
  color: #333;
  padding: 1rem 2rem;
}

/*

Fonts

*/

/*h1,h2,h3,h4,h5,h6 {
	font-family:'PT Serif', serif;
}

body {
	font-family:'PT Sans', sans-serif;
}*/


/*

Home Page

*/



#moreposts {
	width:220px;
	padding:10px 0;
	margin-top:20px;
}

#moreposts .moreposts-button {
	background:none;
	border:1px solid #d9d9d9;
	color:#d9d9d9;
	padding:10px 50px;
	font-size:24px;
	border-radius:50px;
	font-family:'PT Serif', serif;
	transition:500ms;
}

#moreposts:hover .moreposts-button {
	border-color:#2da8cb;
	color:#2da8cb;
	background:none;
}

#moreposts .moreposts-button:hover {
	border-color:#2da8cb;
	color:#2da8cb;
	background:none;
}

#moreposts .highlight {display:none;}

/*

Page Titles

*/

.page-header {
	border:none;
	text-align:center;
	color:#3a3a3a;
	padding:20px 0;
	margin-bottom:0px;
	border-bottom:1px solid #e6e6e6;
}

.page-header .page-title {
	text-align:center;
	text-transform:none;
	font-family:inherit;
	font-size:52px;
	color:#3a3a3a;

}

.responsiveVideo {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.responsiveVideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*

Episodes

*/

.listing-header {
	border:none;
	padding-top:0;
}

.listing-header .more-button, .season-listing .more-button {margin-top:10px;}

.season-listing {
	margin-bottom:10px;
	margin-right: 0px;
	border-bottom: 1px solid #e6e6e6;
}

.season-listing-title {
	margin:0;
	padding:0;
}

.season-episodes {
	/*width:97%;*/
	padding:10px 0  20px;
}


.season-nav-item {
		background:white;
		color:#2da8cb;
		border:1px solid #d9d9d9;
}
.season-nav-item:hover,
.season-nav-item.selected {
	background:#2da8cb;
	color:white;
	border:1px solid #2da8cb;
}

/*

Blog

*/


.entry-more, .blog-categories a, .recipes-categories a {
	background:#2da8cb;
	border-radius:30px;
	padding:10px 15px;
	margin-top:5px;
}

/*

Article

*/

.social-push {display:none;}

.article-banner {
	height:540px;
	width:100%;
	z-index:1;
	display:table;
	background:#e2e2e2;
}

.article-banner .vertical-center {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	display:none;
}

.article-banner .bg {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	transition:500ms;
}

.article-banner h1 {
	position:relative;
	display:block;
	text-align:center;
	color:white;
	max-width:900px;
	margin:0 auto;
	font-size:3.5em;
	line-height:1;
	padding:20px 0;
	text-shadow: 1px 1px 5px rgba(150, 150, 150, 0.56);
}

.article-banner {
	padding:0;
	position:relative;
}

.article-banner .wrap-video {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	/*visibility:hidden;
	opacity:0;
	transition: visibility 0s, opacity 500ms;*/
}

.article-banner.video-showing .bg {opacity:0.3;}

.article-banner.video-showing .wrap-video {
	opacity:1;
	visibility: visible;
}

.article-banner .wrap-video #precontent {
	margin:0 auto;
	float:none;
}

.article-banner .play {
/*
	background:rgba(255,255,255,0.5);
    width:75px;
    height:75px;
    border-radius:100%;
    border:2px solid white;
*/
	background:none;
	border:none;
	outline:none;
	opacity:0.6;
}

.article-banner .play img {
	width:75px;
	height:75px;
	transition:500ms;
}

.article-banner .play img:hover {opacity:1;}

#sharetools {
	margin:20px 0 !important;
}

.blog-item {
  border-top:1px solid #e6e6e6;
	padding-top:20px;
}

.blog-item .entry-body p:first-child {
  font-size: 2em;
  line-height: 1.25;
  color: black;
}

#gallery {
	border:1px solid #e6e6e6 !important;
}

/*

Cast

*/

.rightrail-element .person-list {background:#fafafa;}

#maincontent .person-thumb {
	width:100%;
	height:auto;
	border:none;
}

#maincontent .person-thumb img {
	width:100%;
	height:auto;
}

#maincontent .person-blurb {
	margin:0;
	padding:30px 0;
	width:100%;
}

#maincontent .person-blurb h2 {
	padding-bottom:10px;
	display:block;
}

#maincontent.person-blurb p {line-height:1.7;}

.person-blurb .read-more {
	background:#2da8cb;
	border-radius:30px;
	padding:10px 45px;
}

.read-more:hover {
	background:#1d6e85 !important;
	color:white;
}

a.read-more {
    background: white;
    border-radius: 30px;
    color: #2da8cb;
    border: 1px solid #d9d9d9;
}

a.read-more:hover {
  color:white;
  background:#2da8cb !important;
border:1px solid #2da8cb;
}

h2 a {color:inherit;}
h2 a:hover {color:#1d6e85;}

.person-item:hover {
    background-color: #fff;
}

#commentwrapper > p:first-child {
	font-size:1em;
line-height:1.4;
}

.appearing-in li {width:20%;}

.entry-qualifier.episode-num {
	margin:0 0 -10px 0;
display:block;
}

.play:hover {opacity:1;}


/* additional styling for responsive iframes */
#video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

#video-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
	

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 940px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed
{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.embed-container {padding-bottom:55.1%;}
