// vars
$color:rgb(120,47,64);

$navigation-font-stack: "Lato","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
$text-box-header: #eceaf1;

.radio-schedule-tabs {
	background: #fff;
	border:1px solid $text-box-header;
	border-top:none;
}
.tab-channel {
	margin:5px 15px;
}
ul#tabs {
	list-style-type:none;
	margin:20px;
	padding:0;
	text-align: left;
	li {
		display:inline-block;
		background-color:$color;
		border-bottom:solid 5px darken($color, 15%);
		padding:5px 10px;
		margin-bottom:4px;
		color:#fff;
		cursor:pointer;
		font-family:$navigation-font-stack;
		font-size: 14px; font-size:1.4rem;
		&:hover {
			background-color:darken($color, 15%);
		}
		&.active {
			background-color:darken($color, 15%);
		}
	}
}

ul#tab {
	list-style-type:none;
	margin:0;
	padding:0;
	li {
		display:none;
		padding:0;
		/*border:solid 20px lighten($color, 40%);*/
		&.active {
			display:block;
		}
		h2 {
			font-weight:400;
			margin-bottom:30px;
			padding-bottom:5px;
			border-bottom:solid 5px $color;
			font-size:18px; font-size:1.8rem;
		}
	}
}
@media (min-width: 768px) { 
	ul#tabs li {
			font-size:12px; font-size:1.2rem;
			padding:3px 8px;
	}
}
@media (min-width: 992px) { 
	ul#tabs li {
			font-size:14px;	font-size:1.4rem;
			padding:5px 10px;
	}
	ul#tabs {
		text-align: center;
	}
}