/* CSS Document */

/**
 * Filename      : CBCSD_stream_light.css
 * Title         : CBCSD Live Streaming - Light
 * Author        : Artur Leung
 * Last Modified : March 20, 2020
 */

body, html {
	background-color: #f5f5f5;
	font-family: Arial, "Microsoft JhengHei", "Microsoft Yahei", "微软雅黑", Sans-serif;
	font-size: 1em;
	margin: 15px;
}
.sidebar {
	grid-area: sidebar;
}
.content {
	grid-area: content;
}
.header {
	grid-area: header;
}
.theme {
	grid-area: theme;
}
.streamInfo {
	grid-area: streamInfo;
}
.footer {
	grid-area: footer;
}
.wrapper {
	background-color: #ffffff;
	color: #444444;
}
.wrapper {
	display: grid;
	grid-template-areas:
		"header"
		"theme"
		"streamInfo"
		"content"
		"sidebar"
		"footer";
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (min-width: 1000px)   {
	.wrapper {
		grid-template-columns: 720px 225px 125px;
		grid-template-areas:
			"header header theme"
			"streamInfo streamInfo streamInfo"
			"content sidebar sidebar"
			"footer footer footer";
		max-width: 1070px;
		margin-left: auto;
		margin-right: auto;
	}
}
.box {
  background-color: #ffffff;
  color: #505050;
  padding: 10px;
  font-size: 100%; 
}
.header {
  color: #000000;
  padding: 20px;
  font-size: 175%; 
}
.theme > button {
	font-size: 75%;
}
.theme > a {
	color: #505050;
	text-decoration: none;
}
.theme > a:link {
}
.theme > a:visited {
	color: #505050;
}
.theme > a:hover {
	text-decoration: underline;
}
.theme > a:active {
}
.streamInfo {
	background-color: #005eaa;
  color: #ffffff;
  padding: 10px 25px;
  font-size: 125%;
}
.sidebar {
	background-color: #f0f0f0;
  padding: 10px 15px;
	font-size: 85%;
}
.content {
	padding: 0px;
}
.footer {
	background-color: #13203c;
	color: #cccccc;
  padding: 20px;
  font-size: 85%; 
	text-align: center;
}
.footer > a {
	color: #ffffff;
	text-decoration: none;
}
.footer > a:link {
}
.footer > a:visited {
	color: #ffffff;
}
.footer > a:hover {
	text-decoration: underline;
}
.footer > a:active {
}
h3 {
	text-align: center;
	margin: 0px;
	padding: 10px 5px;
  font-size: 130%;
	border-bottom: 0.5px solid #c4c4c4;
}
.weekdaySunday {
	color: #C05050;
}
h4 {
	margin: 0px;
	padding: 10px 0px;
	font-size: 120%;
}