body {
	font-family: Roboto, sans-serif;
}

h1, h2, h3, h4, h5, .sitename {
	font-family: Sanchez, serif;
}

#mainNav {
	padding-left: 1rem;
	border-bottom: 4px solid #999;
	margin-bottom: 2rem;
	display: flex;
	background-color: #2e3f70;
}

nav a {
	color: #8cc;
	text-decoration: none;
}

nav a:hover {
	color: red;
	text-decoration: none;
}

footer p {
	font-size: 10pt;
}

.alt-name {
	font-style: italic;
	font-size: 11pt;
	margin-bottom: 0.5rem;
	padding-left: 1rem;
	margin-left: 0.75rem;
}

#map {
	margin-left: 1rem;
}

.site-entry {
	margin-bottom: 2rem;
}

.sitename {
	font-size: 24pt;
	font-weight: bold;
	padding-right: 1rem;
}

.sitename,
.site-entry h3 {
	margin: 0.5rem 0;
	padding-left: 1rem;
}

.site-entry h2 a,
.site-entry h2 a:visited {
	color: #8cc;
	text-decoration: none;
}

.site-entry h2 a:hover {
	color: red;
	text-decoration: none;
}

.description {
	margin: 0;
	margin-left: 1rem;
	margin-right: 1rem;
	font-size: 12pt;
	font-weight: 400;
}

.location
{
	text-align: right;
}
.site-type
{
	text-align: right;
	font-style: italic;
}

.bigmap {
	width: 70%;
	height: 90%;
	min-width: 300px;
	max-width: 90%;
	min-height: 500px;
	max-height: 1000px;
}

.smallmap {
	width: 300px;
	height: 300px;
}

#siteCarousel {
	max-width: 800px;
	max-height: 800px;
}

.carousel-item {
	min-height: 25rem;
	background-color: #bbd;
}

.feed {
	font-size: 70%;
	color: #302000 !important;
	background-color: #fd7e14;
}

.icon-map {
	width:  2rem;
	height:  auto;
	fill: #222;
}

svg:hover, .canmore-link:hover, a:hover:not(.carousel-control-next):not(.carousel-control-prev) {
	background-color: #ffc107;
}