@charset "UTF-8";

.theScreen {
	padding: 50px;
}

.theHeader {
	box-sizing: content-box;
	padding: 20px;
	height: 90px;
	flex-grow: 0;
	margin-bottom: 20px;
}
.theHeader img {
	height: 90px;
	width: auto;
}

.theInnerArea > .theContent {
	padding-top: 40px;
	flex-basis: 65%;
	flex-grow: 1; 
	font-size: 28px;
}

.theInnerArea > .theContent h1 {
	font-size: 2em;
	font-weight: normal;
	text-transform: none;
	margin-bottom: 0.4em;
}

.theInnerArea > .theContent h2 {
	font-size: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
	color: #868789 !important;
}

.theInnerArea > .theContent h3 {
	font-size: 1.5em;
	margin-bottom: 0.4em;
}

.theInnerArea > .theContent p, .theContent li {
	margin-bottom: 0.4em;
	line-height: 1.3em; 
}

.theInnerArea > .theContent ul, .theContent ol {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

.theInnerArea > .theWidgets {
	flex-basis: 35%;
	flex-grow: 1;
	padding: 0 0 0 20px;
}

.theWidgets > .theWidget {
	padding: 0 0 0 0;
}

.clockWidget .clockWidget-time {
	padding: 50px 50px 10px 50px;
	text-align: left;
	font-weight: bold;
}
.clockWidget .clockWidget-date {
	padding: 0 50px 30px 50px;
	text-align: left;
}

.theWidgets > .theWidget:nth-child(1) {
	margin-bottom: 20px;
}

.theWidgets > .theWidget:nth-child(2) {
	flex-grow: 10;
}

.newsWidget {
	/*height: 100%;*/
}
.newsWidget > .display-container {
	height: 100%;
}

.newsWidget .content-container {
	padding: 50px 50px 0 50px;
	flex-grow: 5;
}
.newsWidget .qrcode-container {
	padding: 15px 30px;
	width: auto;
	margin: 0 20px 20px 20px;
}

.newsWidget h3.title {
	font-size: 32px;
	margin-bottom: 0px;
}
.newsWidget p.source {
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.newsWidget p.body {
	font-size: 28px;
	height: 6em;
	max-height: 6em;
	overflow: hidden;
}
.newsWidget .qrcode-container > .qrcode {
	padding: 15px 30px 15px 0;
}