a { text-decoration: none; color:#61a0d2; }

.blue  { background: #3185c6; }
.green { background: #adbf35; }
.dark  { background: #2c2e2f; }
.light { background: #f2f2f2; }
.orange { background: #d28139; }

.bgreen  { background:#99cc33; background:rgba(153, 204, 51, 0.2); }
.byellow { background:#d6c219; background:rgba(214, 194, 25, 0.2); }
.borange { background:#d28139; background:rgba(210, 129, 57, 0.2); }
.bblue	 { background:#0099ff; background:rgba(0, 153, 255, 0.2); }



.covid-red { background:#e01c28; background:rgba(224, 25, 40, 0.5); }

h1, h2, h3, h4 { font-family:"Comorant Garamond", Garamond, Serif; font-weight:200; color:#3185c6; }
h1 a, h2 a { color:#3185c6; }
h2 a:hover { text-decoration: underline; }

article h1 {
	font-size:38px;
}

article h2 {
	 font-size:32px;
}

article h4 {
	font-size:27px;
}


article h3 {
	font-size:25px;
}


h1.exception { color:#99cc33 !important; }



.center { text-align:center; }
.right { text-align:right; }

.table { display:table;  }
.column { display:table-cell; padding:3px; vertical-align: top;  }
.row { display:table-row; }

.emphasis { font-style:italic; font-weight:bold; }
.small { font-size:12px; vertical-align:top; }

.blurb { max-width:600px; font-style:italic; }


.leftImage { float:left; padding:7px 10px 7px 0; }
.rightImage { float:right; padding:7px 0 10px 7px; }


.shadow { text-shadow: 1px 1px 13px rgba(150, 150, 150, 1); }
.dark-shadow { text-shadow: 1px 1px 13px rgba(50, 50, 50, 1); }


.table {

	border-collapse: collapse;
	margin:15px 0;
	min-width:900px;
}

.table td, .table th { 

	padding:2px 8px;
	border:1px solid rgba(0,0,0,0.1);
	font-size:15px;

}

.table th { 

	text-align: left;
}


.table tr:nth-child(2n) td {
	background:rgba(0,0,0,0.04);
}


.table tr:hover td {
	background:rgba(173,191,52,.1);
}

td.nw { white-space: nowrap; }



.apollo-filter-form {

	min-width:auto;
	padding:10px;
	margin-bottom:10px;
	background:rgba(0,0,0,0.03);
}


.apollo-filter-form * {

	font-size:14px !important;
	float:none !important;
}



.apollo-filter-form input[type="text"] {

	width:200px;
}

.apollo-filter-form .row {

	background:rgba(0,0,0,0.05);
	padding:3px 6px;
	border-bottom:1px solid #CCC;

}


.apollo-flter-form .column {

}

.apollo-filter-form .table{

	min-width:auto;
}


.apollo-filter-form .label {
	text-transform:uppercase;
}

.apollo-filter-footer {
	padding-top:10px;
}


@media only screen and (max-width: 720px) {

	.table, .row { display:block; width:100%; }
	.column { display:inline-block; width:100%; }
}