@charset "UTF-8";
/* CSS Document for tv schedules wfsu.org */

/*color variables*/
$dark-blue:  #312c2c;
$medium-blue: #b3b3b3;
$light-blue: #ececec;
$main-grey: #535353;
$text-box-header: #eceaf1;
$text-box: #fff;
$aux-link-color: #fff;
//$link-color: #782f40;
$link-color: #48A973;
$alt-link-color: #009BBA;
$lightGreyText: #999;
$mediumGreyText: #666;
$top-of-grey-bg: #777;
$bodycolor: #fafafa;

/*wfsu colors*/
 $wfsu-teal: #009BBA;
 $wfsu-lgreen: #48A973;
 $wfsu-dgreen: #405927;
 $wfsu-charcoal: #312c2c;
 $wfsu-purple: #4E3261;
 $wfsu-garnet: #782F40;
 $wfsu-yellow: #e9c31e;
 $wfsu-coral: #B8584C;

/*20% colors*/
 $wfsu-teal20: #007c95;
 $wfsu-lgreen20: #3a875c;
 $wfsu-yellow20: #ba9c18;
 $wfsu-purple40light:#715b81;

$headlines: #000;
$subheadlines: #535353;
$lightheadlines: #fff;

$font-stack: "Helvetica Neue", Helvetica, Arial, sans-serif;
$heading-font-stack:    'Signika', sans-serif;

/***/

table.datetimepicker, table.datepicker {
    margin: 0 0 1.625rem;
    width: 100%;
}

.datepicker td {  padding: 0; display:table; margin-top:15px; margin-bottom:5px; font-size: 90%; width:100%; text-align: center;}


#sched-list input {
    width: 230px;
	color:$lightGreyText;
}
table.tv-schedules {
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    border: 0;
}

table.tv-schedules td {
	padding: 4px 10px 4px 0;
	text-align: left;
}
table.tv-schedules tr:nth-child(even) {    
	border: 1px solid #d6d6d6;
    border-left: 0;
    border-right: 0;
    background-color: $bodycolor;
}
table.tv-schedules tr td p, table.tv-schedules tr th p {
    margin: 10px 0 10px 40px;
}

.sched-channels {
    width: 100%;
    overflow: hidden;
    height: 110px;
	 background-color: #8e8e8e;
    padding: 0;
    margin: 10px 0;
	list-style: disc;
}
.sched-channels li {
    width: 49.5%;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    float: left;
    list-style-type: none;
    padding: 5px 20px 5px;
	text-align: center;
}
.typography ul li { list-style-type: none!important; } 

.sched-channels li a, .sched-channels li a:visited {
    color: #fff;
}
.sched-channels .selected a, .sched-channels .selected a:visited {
    color: #000!important;
    
}
.print {
	width: 100%;  display:block
}
.tv-schedules td p {
	text-transform: capitalize;
}


/*fit and format vh schedule tables*/
.tv-schedules-weekly.rtable {
	table-layout: fixed;
	font-size: 70%;
}
.tv-schedules-weekly.rtable td:first-child {
	width:140px;
	max-width:140px;
}

.tv-schedules-weekly.rtable td:first-child p {
	text-align: center;
}
.tv-schedules-weekly.rtable th {
	background-color:$light-blue;
	line-height: 18px; line-height: 1.8rem;
}
.tv-schedules-weekly.rtable th:first-child {
	background-color:#fff;
}
.tv-schedules-weekly.rtable th, .tv-schedules-weekly.rtable td:nth-child(n+2){
	width:198px;
	max-width:198px;
	overflow: hidden;
	vertical-align: top;
}

.tv-schedules-weekly.rtable th:first-child, .tv-schedules-weekly.rtable td:first-child {	
	width:85px;
	max-width:85px;
	background: $light-blue;
	overflow: hidden;
}

.tv-schedules-weekly.rtable td:nth-child(n+2)  {
	word-wrap: break-word;
	white-space: normal;
	line-height: 20px;	line-height: 2.0rem;
	text-transform: capitalize;
}
a:-webkit-any-link { text-decoration: none; cursor: pointer;}
a:any-link  { text-decoration: none; cursor: pointer;}
a::-moz-any-link  { text-decoration: none; cursor: pointer;}
a:-webkit-any-link:hover { text-decoration: underline;}
a:any-link:hover  { text-decoration: underline;}
a::-moz-any-link:hover  { text-decoration: underline;}


#channel1 .episode-link {color: $wfsu-purple40light; font-size: 90%;}
#channel1 .episode-link:hover {color: $wfsu-purple;}
#channel1 .hideEpisodes, #print-channel1 .hideEpisodes {display:none;}
.bigcheck.pull-right {float:none!important; text-align: center;padding-top:15px; padding-bottom: 15px;}

table.datepicker, table.datetimepicker  {
	width:100%
}



@media (min-width: 768px) {
	.sched-channels {
    width: 100%;
    height: 36px;
   
}
	.sched-channels li {
	width: auto;		
    border-bottom: none;
   
}	
.tv-schedules-weekly.rtable th:first-child, .tv-schedules-weekly.rtable td:first-child {	
	width:100px;
	max-width:100px;
}
	.bigcheck.pull-right {float:right!important; text-align: right;padding-top:0; padding-bottom: 0;}
	#sched-head {
		height: 64px;
	}
	table.datepicker {
    	border-bottom: 1px solid #ddd;
	}
	.datepicker td {
		border-top: 1px solid #ddd;
		padding: 6px 10px 6px 0;
		width: inherit; 
		text-align: inherit;
	}
	.datepicker td {display:table-cell; font-size:100%; text-align: inherit;}
	.print {text-align: right;}
}
@media (min-width: 992px) {
	
	#sched-list input {
		width: 280px;
		font-size: 115%;
	}
	.sched-channels li {
		 padding: 2px 25px;
		}
	.tv-schedules-weekly.rtable {
		font-size: 90%;
	}
}
@media (min-width: 992px) and (max-width:1199px) {
	.sched-channels li {
		font-size: 85%;
		padding: 4px 14px;
		}
}
@media (min-width: 1200px) {
	.sched-channels li {
		font-size: 95%;
		padding: 4px 18px;
		}
}