/*
 * VizIOP Page Styling
 * Nick Perlaky 2020 
 */

body {
	font-family: Trebuchet MS;
	overflow-x: hidden;
	padding: 0;
	margin: 0;
}

#header {
	background: rgb(213,241,255);
	background: linear-gradient(90deg, rgba(213,241,255,1) 0%, rgba(48,139,255,1) 50%, rgba(213,241,255,1) 100%);
	color: white;
	width: 100%;
	height: auto;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: center;
	border-bottom: 1px solid black;
}

.header_content {
	font-size: 24pt;
	margin: 1% auto;
}

#uahlogo {
	width: 20%;
}

#content {
	width: 50%;
	margin: 0 auto;
	padding: 5vh 1vw;
}

a {
	text-decoration: none;
	color: dodgerblue;
	font-weight: bold;
}

p {
	font-size: 16pt;
}

ul {
	font-size: 16pt;
}

th, td {
	padding: 10px;
	text-align: center;
	/*border: 1px solid black;*/
	background-color: snow;
	box-shadow: 2px 2px 5px black;
}

th {
	border-bottom: 1px solid black;
}

.status {
	padding: 10px;
	width: 100%;
	height: 100%;
	color: white;
}

/* Event Page Styles */
.images img {
	width: 100%;
	height: auto;
}

.images a {
	font-size: 24pt;
	color: green;
}

.soundings img {
	width: 100%;
	height: auto;
}

.soundings a {
	font-size: 24pt;
	color: green;
}

.radar {
	width: 100%;
	height: auto;
}


@media only screen and (max-width: 600px) {
	#header {
		background: rgba(48,139,255,1);
	}

	#content {
		width: 100%;
	}

	#uahlogo {
		width: 95%;
		margin-top: 2vh;
	}
}