﻿@font-face {
	font-family: OpenSansSemiBold;
	src: url('fonts/open-sans.semibold.ttf');
}

@font-face {
	font-family: OpenSans;
	src: url('fonts/open-sans.regular.ttf');
}

@font-face {
	font-family: OpenSansLight;
	src: url('fonts/open-sans.light.ttf');
}

body { font-family: OpenSans, "Helvetica Neue", Verdana, Helvetica, sans-serif; }
footer { font-size:.8em; width:100%;text-align:center;margin-top:2em; }
strong {font-family: OpenSansSemiBold, OpenSans, "Helvetica Neue", Verdana, Helvetica, sans-serif; }
a:hover {color:#F90;}
a.muted,a.muted:link,a.muted:visited { color: #777;text-decoration:none;font-size:0.9em; }
a.muted:hover { color:#F90;text-decoration:underline; }
label {
	font-weight: normal;
	color: #777;
}

#wrapper {
	display: grid;
	min-height: 100%;
	grid-template-columns: repeat(2, 1fr);
}

#main-content {
	grid-column: 1;
	display: grid;
}

#main-content .content-form {
	margin: 0 1em 0 1em;
}

#side-content {
	grid-column: 2;
	min-height: 100%;
	/*border-left: solid 1px #fff;*/
	display:grid;
}

#side-content iframe {
	width: 50%;
	min-height: 100%;
	border: 0;
	position: fixed;
}

@media (max-width: 1024px) {
	#side-content { display:none; }
	#wrapper {
		display: grid;
		min-height: 100%;
		grid-template-columns: repeat(1, 1fr);
	}
}
#header .row {
	margin-right:0;
	margin-left:0;
}

#FacilityLogo {
	max-height:80px;
	max-width:300px;
	padding-right:1em;
}

.facility-container {
	float:left;
	min-height:80px;
}
.address-container {
	margin-top:.5em;
}

.home-container {
	text-align:right;
}

.home-icon {
	height:90px;
	line-height:90px;
	vertical-align:middle;
	margin-right:1em;
}

.form-control, .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-control:focus {
	box-shadow:none;
	border: solid 1px #069;
}

.form-group label {
	white-space: nowrap;
}

.btn-primary, input[type="submit"].btn-primary, input[type="button"].btn-primary {
	background: #069;
}

h2.content-header {
	margin: 0;
	font-family: OpenSansLight;
	font-size: 1.2em;
	padding: 1em;
	border-radius: 10px 10px 0 0;
}

.content-box {
	border-radius: 12px 12px;
}

.content-form ul {
	margin:0;
	padding:0;
}

.content-form li {
	list-style-type: none;
	margin:0;
	font-size:1.2em;
	padding:.5em;
}

input[type="checkbox"] {
	margin-right:.5em;
}

.jumbotron h1, .top h1, .jumbotron h2 {text-align:center;font-family: OpenSansLight,OpenSans,Verdana;font-weight:normal;margin:0 0 .5em 0;}
.jumbotron p {font-size:16px;}
.top { background:#069; color:#fff;padding:1em; }

table.results {
	width:100%;
}

table.results td, table.results th {
	padding:1%;
}

table.results thead th {
	font-weight: normal;
	color:#666;
}

table.results thead>tr {
	border-bottom:solid 1px #ccc;
}

table.results tbody tr:hover td {
	background:#dfdfdf;
}

table.results tbody tr:nth-child(even) {
	background-color: #efefef;
}

table.results tbody a {
	font-size:1.1em;
}

table.results div.muted {
	color:#666;
	font-size:.8em;
}


a.morelink {
	text-decoration: none;
	outline: none;
}

.morecontent span {
	display: none;
}

.comment {
	width: 400px;
	margin: 10px;
}

	.comment li {
		font-size: 1em;
		list-style-type: unset;
		padding: 0;
	}

	.comment ul {
		margin: 1em;
		margin-left: 1.5em;
	}

.apply-container {
	padding: 1em 0;
}
.apply-button, .apply-button:link, .apply-button:visited {
	padding: 0.75em;
	border-radius: 0.5em;
	text-align: center;
	background: #069;
	color: #FFF;
	display: block;
	/*transition: 300ms ease-in-out;*/
}

	.apply-button:visited {
		color:#DFDFDF;
	}

	.apply-button:hover {
		color: #FFF;
		background: #28B;
		text-decoration: none;
		/*transition: 300ms ease-in-out;*/
	}


	/* CARD */
	.card {
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
		transition: 0.3s;
		border-radius: 5px; /* 5px rounded corners */
	}

.card:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
	padding: 2px 16px;
}

img {
	border-radius: 5px 5px 0 0;
}


/* WAVES */
.waves {
	overflow: hidden;
}

.waves--small {
	position: relative;
	margin-top: -1px;
	margin-bottom: calc(16px * 1.25);
	color: rgba(0, 102, 153, 1);
}

.waves--small svg {
	width: 100%;
	min-width: 1900px;
	height: 47px;
}

svg:not(:root) {
	overflow: hidden;
}

.waves--small svg path {
	fill: currentColor;
}

audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}

.waves--small {
	margin-bottom: 0;
}
