/*
 Theme Name:   HiFi HD Child
 Theme URI:    http://hifihd.ca/hifihd-child/
 Description:  Hifi Child Theme
 Author:       Blue Ant Media
 Author URI:   http://example.com
 Template:     smithsonianchannel
 Version:      1.0.0
 Text Domain:  hifi-child
*/
/* =Theme customization starts here
-------------------------------------------------------------- */
/* Global */
html body {
	background: #fff;
	color:#44aea1;
	font-family: Arial, Helvetica, sans-serif;
}
/* HIFI required font face */
h1,
nav li a,  
.shows-image .show-main-title a, 
.image-extras .show_excerpt h3,
.show-banner-text h1,
.show_excerpt .learn-more,
li.currentShow span.titleStamp,
div.image-extras a.learn-more,
div.show-page-title h1,
div.image-extras a, 
div.date-info-box,
#pageBanner .show-banner-text h1,
div.episode-details-wrapper #tabs ul li a,
div#vidContent h3,
div.thumb-title,
div#episodes-detail ul li, 
div#displayedDescription,
div.entry-title,
div.showMainTitle h1,
div.showRibbon h2,
div#fullDate,
div#showPlaying .currentShow .titleStamp,
div.showTime,
div.showTitle,
table.ui-datepicker-calendar th span,
div.ui-widget,
div#province-nav-wrapper h2,
div#channel-finder-wrapper h2,
nav li a,
p.slider-show-title,
a.learn,
div.date-info-box span,
div.date-info-box p,
div#showPlaying .playing,
#leftSide #nowShowing ul li.currentShow, 
#upNext .upNextShow span,
div.page-container h2:first-child,
div#displayedTitle
{
	font-family: "alternate-gothic-no-2-d", Arial, Helvetica, sans-serif;
}

div.mainTitle h1,
div.ui-datepicker-title .ui-datepicker-month,
div.ui-datepicker-title .ui-datepicker-year,
div#fSchedule,
div#fSDescriptor #time,
div#fSDescriptor #program,
div.date-info-box h1,
.page-container .page-title,
div.channel-col a,
div.channel-row,
div.about-col-l,
div.about-col span,
div#episodes-detail ul li:first-child,
#episodes #episodes-detail li.seasons-last,
#episodes div.entry-title,
div.showRibbon h2,
p.slider-show-time,
.channel-headings .channel-row div.channel-col,
.channel-headings .channel-row div.channel-last,
div.contactBox
{
	font-family: 'Oswald', Arial, serif;
	font-weight: 300;
}

div#nowShowing ul li.nowShowingTitle,
div#upNext ul li.nowShowingTitle,
.schedule-footer #scheduleLink a,
body.page-template-default p,
div.about-col,
div.about-col-last,
footer .page-container,
div.page-container h2,
div.footer-container div.channel-grouping,
div.footer-container a,
p.slider-show-description,
div.show-banner-text p,
div.show-desc p,
div#displayedDescription,
#episodes div.entry,
div.sDescription,
div.episodeTitle,
div.eTitle,
div#day,
div#showPlaying .playing,
div.eDescription
{
	font-family: Arial, Helvetica, sans-serif;
}

div#day, div#fullDate, div#showPlaying .currentShow .titleStamp,
div#fSchedule, div#fSDescriptor #time, div#fSDescriptor #program
{
	text-transform: uppercase;
}

.shows-image .show-main-title a, 
.image-extras .show_excerpt h3,
div.showMainTitle
{
 background: #692f4e;
}

#seasons .ui-tabs-nav li.ui-state-default a{
	color:#40aa9d;
	font-size: 25px;
}

#seasons .ui-tabs-nav li.ui-state-active a{
	color:#494949;
}

p..slider-show-description{
	color: #a1a1a1;
}

.main_menu {
	width: auto;
}

.logo {
	margin: 3px 0;
}

.search-box {
	left:41px;
}

.wrapper .page-container nav a,
div.showRibbon h2,
div#day,
div#fullDate,
div.playing,
div.currentShow,
#showPlaying .currentShow span.titleStamp,
div#province-nav-wrapper h2,
div.page-container h2
{
	color:#252525;
}

div.showTime,
div.showTitle,
div.showRibbon h2
{
	color:#363636;
}

#episodes div.entry,
div#fullDate,
div.eTitle,
div.eDescription,
div.ui-datepicker-title .ui-datepicker-month,
div.ui-datepicker-title .ui-datepicker-year,
div#scheduleData #fSchedule,
div#displayedTitle, 
div#displayedDescription,
#episodes div.entry-title,
div.channel-col, 
div#fSchedule,
div.channel-last,
div.channel-about p,
div.contactBox p,
div.about-col-l,
div.about-col,
div.about-col-last
{
	color:#464646;
}

li.ui-state-default a,
div#showPlaying .playing,
div#day,
div.episodeTitle,
div.sDescription,
div#channel-finder-wrapper h2,
div.channel-last span,
div.about-col span,
div.showRibbon h2,
div.page-container h2:first-child
{
	color:#898989;
}

table.ui-datepicker-calendar td a.ui-state-default, 
li.currentShow span.titleStamp, 
li.upNextShow span.titleStamp,
body a,
div.slide-content-block a.learn:hover
{
	color:#44aea1;
}

div.channel-col a{
	color: #40aa9d;
}

/* hover states */

table.ui-datepicker-calendar td a.ui-state-active,
.channel-headings .channel-row div.channel-col,
.channel-headings .channel-row div.channel-last,
div.page-container h2
{
	color: #fff;
}

/* HIFI orange text */
.wrapper .page-container nav #navigation li.current-menu-item a,
.shows-image .show_excerpt .learn-more,
div.image-extras a.learn-more,
li.ui-state-active a,
.wrapper .page-container nav li.current-page-ancestor a
{
	color:#df7a1c;
}

/* font sizes */

div#fullDate, 
div#showPlaying .currentShow .titleStamp,
div#province-nav-wrapper h2,
div#channel-finder-wrapper h2,
{
	font-size: 44px;
}


/* hifi orange background */
table.ui-datepicker-calendar td a.ui-state-active{
	background:#df7a1c;
}

div#fSDescriptor,
div.channel-headings,
.search-box div#search-form
{
	background: #bebebe;
}

div#province-nav,
div.channel-details,
body footer
{
	background: #fff;
}

div.image-extras{
	background: rgba(66, 66, 73, .9);
}

div#tabs hr{
	border-top: 1px solid #898989;
}
li.showInfo{
	border-bottom: 1px solid #bebebe;
}

ul.social-networks{
	border-left: 2px solid #d5d5d5;
}
div.header-container{
	border-bottom: 2px solid #d5d5d5;
}

div.page-container .page-title, div#fSchedule
{
	border-bottom: 2px solid #898989;
}
div.showRibbon hr{
	border-top: 2px solid #898989;	
}
div.page-container{
	width:100%;
}
.wrapper .page-container nav{
	padding: 0px 0px 0px 19px;
}
nav li a{
	font-size:20px;
}
div.header-container, div.main aside{
	background: #fff;
}
div.schedule-footer{
	background: url('images/bg-footer.gif') repeat-y center top;
}

.wrapper .page-container nav a:hover{
	color:#df7a1c;
}
.wrapper .page-container nav li.current-menu-item a{
	color:#509abf;
}
header .title{
	background: url('images/hifihd-logo.png') no-repeat top left;
	height:58px;
	width: 73px;
}
div#search-form{
	background:#06456a;
}
.schedule-footer #scheduleLink a{
	color:#df7a1c;
	font-weight: bold;
}
.channel-grouping{
	float: left;
}
p.aboutContact_footer a:hover, div.footer-container a:hover{
	color:#509abf;
}
div.schedule-footer li.nowShowingTitle{
	color:#959595;
	font-weight: 600;
}
div#nowShowing ul li.nowShowingTitle, div#upNext ul li.nowShowingTitle, .schedule-footer #scheduleLink a{
	line-height: 25px;
}
span.timeStamp{
	color:#000000;
}
.scheduleContainer #nowShowing, .scheduleContainer #upNext{
	color:#44aea1;
}
#leftSide #nowShowing ul li.currentShow{
	width:144px;
}
#rightSide #upNext ul li{
	width: 150px;
}
#leftSide #nowShowing ul li.currentShow, #upNext .upNextShow span{
	font-weight: 200;
	font-size: 18px;
	text-transform:uppercase;
}
div.mainTitle h1{
	color:#fff;
	font-weight:normal;
	font-size:16px;
}

.search-box #search-menu {
	background: url('images/searchAndSocialicons.png') no-repeat 0 -7px;
}
.search-box #searchsubmit:hover, .search-box #search-menu:hover {
	background: url('images/searchAndSocialicons.png') no-repeat 0 -37px;
}
ul.social-networks a{
	opacity: 1;
}
.social-networks .facebook a {
	background-image: url('images/searchAndSocialicons.png');
}
.social-networks .facebook a:hover {
	background-image: url('images/searchAndSocialicons.png');
}
.social-networks .twitter a {
	background-image: url('images/searchAndSocialicons.png');
}
.social-networks .twitter a:hover {
	background-image: url('images/searchAndSocialicons.png');
	background-position: -102px -31px;
}
.social-networks .youtube a {
	background-image: url('images/searchAndSocialicons.png');
}
.social-networks .youtube a:hover {
	background-position: -141px -30px;
	background-image: url('images/searchAndSocialicons.png');
}
.social-networks .pintrest a {
	background-image: url('images/searchAndSocialicons.png');
	background-position: -173px 0px;;
}
.social-networks .pintrest a:hover {
	background-position: -173px -30px;
	background-image: url('images/searchAndSocialicons.png');
}
footer .footer-container{
	background: #fff;
}
footer .footer-container .aboutContact_footer a{
	color:#000000;
	font-weight: 600;
}
footer .footer-container #footer_navigation li:first-child{
	border-left:none;
}
div.schedule-footer{
	margin: 0px auto;
}

div.page-container .page-title{
	margin-top: 40px;
}

/* Home */
div.rsNav{
	display: none;
}

p.slider-show-time{
	text-transform: initial;
	font-weight: 100;
	font-size:14px;
	line-height: 20px;
	background:#424249;
	padding: 4px 10px;
	width: 290px;
}
p.slider-show-time span{
	text-transform: uppercase;
}
p.slider-show-title {
	font-size: 70px;
	line-height: 60px;
	font-weight: 400;
	width:290px;
	margin:10px 0;
	padding: 10px 10px 0 10px;
	background: rgba(0,0,0, 0.5);
	border: 1px solid #df7a1c;
}
p.slider-show-description{
	font-size: 18px;
	width:400px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	font-weight: 200;
	line-height: 1.3;
}
a.learn {
	background: #df7a1c;
	font-weight: 400;
	font-size:19px;
	line-height:26px;
	padding: 5px 5px 2px 5px;
	color:#000;
	width: 78px;
	text-align: center;
}
div.slide-left a.learn:hover{
	color:#000;
}

/* Featured Shows */
#pageBanner .show-banner-text h1{
	font-size:52px;
	line-height: 46px;
	padding: 30px 0px 4px;
}
.page-container .page-title{
	color: #898989;
	font-size: 30px;
}
div.wrapper{
	background: #e1e1e1;
}
div.image-extras a.learn-more{
	background: none;
	border: solid thin #df7a1c;
	padding: 4px 6px;
	font-size: 16px;
}
div.show_excerpt h2{
	padding: 63px 5px 25px 10px;
}
div.page-container div.show_excerpt h2{
	font-size:20px;
	line-height: 27px;
}

/* single show page */
div.showMainTitle h1{
	font-size: 20px;
	margin: auto;
}
div.show-meta{
	background: #fff;
	color:#464646;
}
div.show-page-title{
	background: rgba(66, 66, 73, .9);
	height:inherit;
	margin-top: -58px;
}
div.show-page-title h1{
	top:0px;
	font-weight:100;
	text-transform:uppercase;
	padding-top: 10px;
}
div.main  div.show-page-title .page-container{
	margin: 0 auto;
}
div.date-info-box{
	float:left;
}
div.date-info-box h1,
div.date-info-box h2{
	padding:0px;
	line-height:25px;
	font-size:25px;
	color:#464646;
}
div.date-info-box span{
	text-transform: uppercase;
	line-height: 60px;
	color:#464646;
}
div.date-info-box p{
	padding-top:8px;
}
div.date-info-box p, div.date-info-box span.pacific-time{
	font-size:26px;
	line-height: 22px;
}

ul.ui-tabs-nav li:first-child{
	margin-right:10px;
}
div.episode-details-wrapper #tabs ul li{
	text-indent: 0px;
}
div.episode-details-wrapper #tabs ul li a{
	font-size:30px;
	padding: 0px;
}
div#displayedTitle, div#displayedDescription{
	background:#fff;
	padding:20px 0px 0px 20px;
}
div#displayedTitle{
	text-transform: uppercase;
	font-size:40px;
	line-height: 41px;
}
div#displayedDescription{
	padding-bottom:20px;
	margin-bottom:20px;
}
div#vidContent{
	margin-top:35px;
}
div#vidContent h3{
	font-size:25px;
	margin: 0px;
	color:#464646;
	line-height: 25px;
}
div#videos{
	margin:0 0 50px 0;
	padding-top:20px;
	border-top: 2px solid #fff;
}
div#videos hr{
	margin: 5px 0px 15px 0px;
}
li.thumb-images{
	background: #fff;
	overflow: hidden;
}
div.thumb-title{
	background:#fff;
	padding:0px 0px 10px 5px;
	color:#555555;
	font-size:15px;
	width: 95%;
}
li.thumb-images img{
	height:83px;
}
div.left-arrow, div.right-arrow{
	background-image: url('images/vidArrows.png');
}
div#displayedDescription{
	font-size:16px;
	padding-top: 10px;
}
div.show-desc{
	width: 73%}


/* episodes */
div#episodes-wrapper{
	padding: 0px 0px 10px 20px;
 	background:#fff;
 	width:74%;
}
#episodes div.entry-title{
	text-transform: uppercase;
}
div#episodes-detail{
 	background: #bebebe;
}
div#episodes-detail ul li{
 	color: #fff;
 	font-size:25px;
 	line-height: 24px;
}
div#episodes .entry{
	border-bottom: 1px solid #bebebe;
}
div#episodes-detail ul li:first-child{
	margin-left:20px;
}
#episodes div.entry{
	width:95%;
}
#episodes #episodes-detail li.seasons-last{
 	padding-left:33px;
 	padding-right:107px;
 	border-left:#e1e1e1 thin solid;
}
.episode-details-wrapper div#seasons ul{
	right:111px;
}
#seasons a#ui-id-3{
	font-size:25px;
}

/* show ribbon page */
div.showRibbon{
 	padding-bottom: 40px;
}
div.showRibbon h2{
	font-size: 25px;
}

/* schedule page */
div#fSDescriptor #time, div#fSDescriptor #program{
	height: 40px;
 	line-height: 36px;
 	margin:0px;
 	color: #fff;
 	padding-top: 5px;
}
div#calenderSchedule table{
	background: #fff;
}
div.showTime, div.sInfoContainer{
	padding: 10px 0;
}
.ui-datepicker th.ui-datepicker-week-end{
	padding-top: 10px;
}
div#fSDescriptor #time{
	border-right: solid thin #fff;
}
div#fSDescriptor #time, div.showTime {
	width:123px;
}
div#fSDescriptor #program, div.sInfoContainer {
	padding-left:10px;
}
div.sInfoContainer {
	width: 77%;
}
div#tDate{
	background:#fff;
}
div#fSchedule{
 	margin: 0px;
}
div#fSDescriptor #time, div#fSDescriptor #program{
	color: #fff;
}
div#fSDescriptor{
	padding:0px 0px 0px 10px;
}
ul.scheduleList{
	padding-left:10px;
}
div#day, div.playing{
	font-size: 16px;
}
div.eArrow{
	background-image:url(images/scheduleArrows.png);
}
table.ui-datepicker-calendar th span, div.ui-widget{
	font-size: 20px;
}
div.ui-widget-header .ui-datepicker-prev span.ui-icon, div.ui-widget-header .ui-datepicker-next span.ui-icon{
	background-image: url('images/hifiCalendarArrows.png');
}
div#scheduleScroller{
	background: #fff;
}
div.ui-datepicker-title .ui-datepicker-month,
div.ui-datepicker-title .ui-datepicker-year,
div#fSchedule, 
div#fSDescriptor #time, 
div#fSDescriptor #program
{
	font-size:25px;
}
/* ================= scroll bar restyling ================= */
div.schedule-playlist::-webkit-scrollbar {
	width: 16px;
	height: 16px;

}
div.schedule-playlist::-webkit-scrollbar:vertical{
	width: 12px;
	height: 100%
}
div.schedule-playlist::-webkit-scrollbar-button{
	height: 0;
	width: 0;
}
div.schedule-playlist::-webkit-scrollbar-track{
	border-right: 2px solid #fff;
	border-left: 1px solid #fff;
	border-top: 0px solid transparent;
	border-bottom: 3px solid #fff;
	background-clip: padding-box;
	background-color: #e1e1e1;
}
div.schedule-playlist::-webkit-scrollbar-track-piece  {
 /* 4 */}
.schedule-playlist::-webkit-scrollbar-thumb{
	min-height: 28px;
	padding-top: 100px;
	border-left: 0 solid transparent;
	border-right: 0 solid transparent;
	border-top: 0 solid transparent;
	border-bottom: 0 solid transparent;
	background-clip: padding-box;
	background-color: rgba(245, 128, 37, 1);
	-webkit-box-shadow: inset 0px 0px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
	}
.schedule-playlist::-webkit-scrollbar-corner{
	/* 6 */
}
.schedule-playlist::-webkit-resizer{
	/* 7 */
}

/* channel finder section */
div#province-nav-wrapper h2{
	font-size:30px;
}
div#province-nav-wrapper>div{
	margin-top: 30px;
}
.channel-headings div.channel-row:first-child{
	border-top: none;
	padding: 0px;
}
div#province-nav{
	border-bottom: initial;
}
div.channel-row{
	line-height: 26px;
}
div#channel-finder-wrapper h2{
	font-size: 40px;
	line-height: 48px;
	margin-bottom:10px;
}
div.channel-row{
	border-top: 1px solid #bebebe;
}
div.channel-headings{
	border-top: 2px solid #898989;
	height: initial;
}
div.channel-details{
	margin-bottom: 50px;
}
div.about-col{
	width: 60%;
}
div.about-col-l{
	width:30%;
	float: left;
	font-size:20px;
	text-transform:uppercase;
}
.channel-headings div.channel-row div.channel-col,
.channel-headings div.channel-row div.channel-last
{
	width:24%;
	padding: 14px 0 14px 8px;
	font-size:20px;
	border-right: 1px solid #dfdfdf;
}
.channel-headings div.channel-row div.channel-last{
	border-right:initial;
}
.channel-headings .channel-row ;
.channel-headings .channel-row div.channel-last
{
	width:24%;
	padding: 14px 0 14px 0px;
}
.channel-details div{
	padding: 0px;
}
.channel-details div.channel-row div.channel-col,
.channel-details div.channel-row div.channel-last{
	width: 24%;
	padding: 28px 0px 28px 8px;
}
/* about HIFI */
.page-template-default div.mainTitle{
	margin-bottom:0px;
}
div.h-container {
	border-bottom: #fff solid 1px;
	margin-bottom: 20px;
}
div.h-container h2{
	margin: 0px;
	font-size: 30px;
	border-bottom:1px solid #898989;
}
div.channel-about{
	background:#fff;
	padding: 20px;
	margin-bottom:40px;
}
div.contactBox{
	background: #fff;
	padding:20px;
}
div.channel-about p,
div.contactBox p{
	font-size: 16px;
	padding: 0px;
}

.about-row-last .about-col{
	width:30%;
}

.page-id-4507 div.contactBox p{
	padding: 10px 0;
	line-height: 24px;
}

div.about-row-last:nth-child(even) {
	border-top: 1px solid #2D2D2D;
	border-bottom:none !important;
}

.page-template-default .main-container h3{
	color:#898989;
	font-family: Arial, Helvetica, sans-serif;
}

.page-template-default ul{
	font-size: 13px;
	line-height: 20px;
	color: #aaa9a9;
}

/* Sitemap */
ul.sitemap-list li a{
	color: #44aea1;
	font-family: 'Oswald', Arial, serif;
}
ul.sitemap-list li a:hover{
	color: #000;
}

@media (max-width: 980px){

	div.page-container{
		width:97%;
	}
	div.schedule-footer {
		background: url('images/bg-footer.gif') repeat-y center top;
		background-position: 51% 0;
	}
	#rightSide #upNext ul li{
		width: 123px;
	}
	#leftSide #nowShowing ul li.currentShow, #upNext .upNextShow span{
		font-size: 15px;
	}
	div.page-container div.show_excerpt h2{
		padding: 48px 15px 20px 10px;
	}
}

@media (max-width: 800px){

	div.page-container{
		width:95%;
	}
	.slide-left {
		top: 70px;
	}
	div.schedule-footer {
		background: #d9d9d9;
		background-position: 42% 0;
	}
	#leftSide #nowShowing ul li.currentShow, #upNext .upNextShow span{
		font-size: 10px;
	}
	#rightSide #upNext ul li{
		width:125px;
	}
	#leftSide #nowShowing ul li.currentShow, #upNext .upNextShow span{
		font-size: 14px;
	}
	div.page-container div.show_excerpt h2{
		font-size: 15px;
		padding: 50px 5px 15px 15px;
		line-height: 23px
	}
	#nowShowing{
		padding: 0;
	}
}
@media(max-width:768px){
	.header-container header .title{
		width:63px;
		background-size: 62px;
	}

	.search-box {
		left:23px;
	}

	.slide-left {
		top: 25px;
	}	
}
@media (max-width: 640px){

	.page-container nav a#pull{
		background-color: #fff;
	}
	.page-container nav a#pull:after,
	#mobile_toggle{
		background: url('../hifihd-child/images/nav-icon.png') no-repeat;
}

	.mobile_menu {
		background-color: #888;
	}

	#mobile-search-form form input,
	.mobile_social {
		background-color: #999;
		border-color: #aaa;
	}

	#mobile_navigation {
		padding: 0;
	}

	#mobile_navigation ul li {
		border-color: #aaa;
	}

	#mobile_navigation ul li a {
		font-size: 20px;
	}

	.wrapper .page-container nav a{
		color:#fff;
	}
	p.slider-show-title{
		font-size: 65px;
	}
	#rightSide #upNext ul li{
		width: 100px;
	}
	div.page-container{
		width:90%;
	}
	div.page-container div.show_excerpt h2{
		font-size: 13px;
		padding: 28px 5px 0px 10px;
		line-height: 19px;
	}
	footer .footer-container #footer_navigation li:first-child{
		padding:0px 6px 0px 0px;
	}
	div.slide-left{
		width: 100%;
		margin: 0 auto !important;
		background:none;
		padding: 0;
	}
	div.showTimeWrapper{
		background: #424249;
		width: 100%;
		padding: 0;
	}
	div.showTitleWrapper{
		width: 100%;
		background: #000;
		border-top: 1px solid #df7a1c;
		border-bottom: 1px solid #df7a1c;
		padding: 10px 0 3px 0;
	}
	p.slider-show-time{
		margin: 0 5%;
		padding: 2px 0;
		background: none;
	}
	p.slider-show-title{
		font-size: 45px;
		line-height: 38px;
		border: none;
		margin: 0 5%;
		padding: 0;
		background: none;
		width: auto;
	}
}
@media (max-width: 480px){
	h1.title{
		background: url("images/hifilogo_x2.png") no-repeat top left;
	}
	div.wrapper{
		background-color: #424249;
	}
	body.home div.wrapper{
		background-color: #000;
	}
	#rightSide #upNext ul li {
		width: 100%;
	}
	footer .footer-container .channel-grouping, footer .footer-container .aboutContact_footer{
		margin-left:5px;
	}
	footer .footer-container #footer_navigation li:first-child{
		padding:0px 6px 0px 5px;
	}
	ul#footer_navigation {
		margin: 10px 0px;
	}
	h3.show-main-title a, div.page-container div.show_excerpt h3{
		font-size: 22px;
		padding:5px 0px;
	}
	div.page-container div.show_excerpt h2{
		font-size: 15px;
		padding: 50px 15px 15px 15px;
		line-height: 23px;
	}
}
@media (max-width:320px){
	div.page-container h2{
		font-size: 80%;
	}
}