.day {
	width: 18vw;
	float: left;
	font-family: 'Poppins', sans-serif;
	border-left: 5px solid rgba(200, 200, 200, 0.507);
	height: 77vh;
	padding-left: 0.7em;
}
.topbar {
	height: 8vh;
	font-family: 'Poppins', sans-serif;
	font-size: 370%;
	border-bottom: 5px solid rgba(200, 200, 200, 0.507);
	width: 97vw;
	padding-bottom: -0.5em;
	color: #FFFFFF;
}
.topbar .wi {
	font-size: 100%;
}
.footer {
	height: 12vh;
	width: 97vw;
	font-size: 250%;
	font-family: 'Poppins', sans-serif;
	float: left;
	border-top: 5px solid rgba(200,200,200,1.0);
	overflow: hidden;
}

.history-date {
	font-family: 'Lora', serif;
	font-weight: bold;
}

.day-date {
	text-align: right;
	color: #aaaaaa;
	font-style: italic;
	float: right;
	padding-right: 0.25em;
	font-size: 500%;
}

.day-name {
	font-weight: bold;
	font-size: 400%;
	text-transform: uppercase;
	margin-top: 0.25em;
	font-family: 'Lora', serif;
}

.event-summary {
	font-weight: 600;
}

.event-list {
	list-style-type: none;
	padding-top: 0.25em;
	padding-left: 0;
}
.event-summary {
	font-weight: 600;
}
.event {
	font-size: 240%;
	border-top: 3px solid white;
	margin-top: 0.8em;
	margin-right: 5px;
	padding-top: 10px;
	margin-left: -0.4em;
	padding-left: 0.4em;
}

.event-time {
	font-family: 'Lora', serif;
	font-weight: bold;
	font-size: 120%;
}

.fa-bus-school {
	color: yellow;
}

.bus-urgent {
	color: red !important;
}

.weather-container {
	padding-top: 0.5em;
}

.weather-summary {
	font-weight: 600;
	font-size: 190%;
	font-style: italic;
	height: 5em;
	overflow: hidden;
	margin-bottom: -1.25em;
}
.weather-high, .weather-low {
	font-size: 540%;
	font-weight: bold;
}
.weather-high {
	color: #ea2801;
	font-family: 'Lora', serif;
}
.weather-low {
	color: #1082ed;
	font-family: 'Lora', serif;
}
.day-header > img {
	width: 40%;
}
.wi {
	font-size: 550%;
	margin-top: 0.25em;
	margin-left: 0.25em;
}
.wi-day-sunny {
	color: #ffdf0f;
}

.wi-rain, .wi-storm-showers, .wi-thunderstorm, .wi-sprinkle, .wi-hurricane, .wi-tropical-storm {
	color: #1082ed;
}

.wi-snow, .wi-hail, .wi-snow-wind, .wi-cloud, .wi-night-alt-cloudy, .wi-smog, .wi-fog, .wi-smoke, .wi-tornado {
	color: #a8a4a3;
}

.wi-rain-mix, .wi-sleet {
	color: #89b4d6;
}

.wi-day-cloudy {
	color: #d3c574;
}

body {
	background: black !important;
	color: #cccccc !important;
}

.current-time {
	float: right;
	/*font-size: 200%;*/
}

.current-windchill > small {
	font-size: 70%;
}

.alerts {
	background: red;
	color: black;
}

.lunch-container {
	padding-top: 1em;
	font-size: 250%;
	font-weight: 600%;
	color: pink;
}

.marquee {
    top: 6em;
    position: relative;
    box-sizing: border-box;
    animation: marquee 60s linear infinite;
}

.event-list-container {
	overflow: hidden;
	height: 40vh;
}

.event-marquee {
    top: 0;
    position: relative;
    box-sizing: border-box;
    animation: summarymarquee 10s linear infinite alternate;
}

.summary-marquee {
    top: 0;
    position: relative;
    box-sizing: border-box;
    animation: summarymarquee 6s ease-in infinite;
}

/* Make it move! */
@keyframes marquee {
    0%   { top:   15% }
    100% { top: -50% }
}

@keyframes summarymarquee {
	0%   { top:   0% }
    100% { top: -80% }
}

/* Make it look pretty */
.marquee {
	margin: 0;
    padding: 0 1em;
    line-height: 1.5em;
}