@font-face {
	font-family: 'copperplate_gothic_lightRg';
	src: url('../fonts/coprgtl-webfont.eot');
	src: url('../fonts/coprgtl-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/coprgtl-webfont.woff2') format('woff2'),
		url('../fonts/coprgtl-webfont.woff') format('woff'),
		url('../fonts/coprgtl-webfont.ttf') format('truetype'),
		url('../fonts/coprgtl-webfont.svg#copperplate_gothic_lightRg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html.battle-broad {
	background: url(../media/img/background-battle_broad.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

html.event-log {
	background: url(../media/img/background-event_log.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

html.gossip {
	background: url(../media/img/background-gossip2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

html.justice {
	background: url(../media/img/background-justice.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

html.law-enforcement {
	background: url(../media/img/background-law_enforcement2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	//bgcolor: red;
	color: black;
	padding-top: 70px;
	min-height: 100vh;
	background-color: rgba(255, 255, 255, 0.9);
}

.alert-danger {
	background-color: rgba(242, 222, 222, 0.7);
}

.alert-warning {
	background-color: rgba(252, 248, 227, 0.7);
}

.breadcrumb {
	background-color: rgba(245, 245, 245, 0.7);
}

a:link { /* hyperlink - not clicked */
	text-decoration: none;
	font-weight: regular;
	color: #AD471E; /* orange */
}
a:visited { /* hyperlink - clicked before */
	text-decoration: none;
	font-weight: regular;
	color: #AD471E; /* orange */
}
a:hover { /* hyperlink - when the mouse is hovering the link */
	text-decoration: underline;
	font-weight: regular;
	/*color: #421A0A; /* dk. brown */
}
a:active { /* hyperlink - being clicked/selected */
	text-decoration: underline;
	font-weight: regular;
}
a.navbar-brand {
	/* font-family: Georgia; */
	font-family: "Copperplate Gothic Light", copperplate_gothic_lightRg, "Alegreya SC", Georgia;
	/* font-weight: bold; */
	letter-spacing: .1em;
}

.amp {
	font-family: Baskerville, Palatino, "Book Antiqua", serif;
	font-style: italic;
}

.carousel-control {
	padding-top: 10%;
	width: 5%;
}

table.datalist {
	border: 1px solid black;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
th.datalist {
	font-size: 1em;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color: #A7C942;
	color: #ffffff;
}
tr.datalist {
	font-size: 0.9em;
}
tr.datalist_altrow {
	color: #000000;
	background-color: #EAF2D3;
	font-size: 0.9em;
}

div.content {
	font-family: Verdana;
	font-size: 1em;
	text-align: left;
}

div.page_footer {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: "Copperplate Gothic Light", copperplate_gothic_lightRg, "Alegreya SC", Georgia;
	/% font-family: Verdana; %/
	font-size: .9em;
	overflow: hidden; // remove 10px bottom gap
}

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.ie9 img[src*=".svg"] {
  width: 100%; 
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%; 
  }
}