@font-face {
  font-family: "platformbold";
  src: url("../fonts/platformbold.woff") format("woff");
  font-weight: 300;
  font-style: normal; 
}
@font-face {
  font-family: "platformmedium";
  src: url("../fonts/platformmedium.woff") format("woff");
  font-weight: 300;
  font-style: normal; 
}
@font-face {
  font-family: "simplonmedium";
  src: url("../fonts/simplonmedium.woff") format("woff");
  font-style: normal; 
}
@font-face {
  font-family: "simplonbold";
  src: url("../fonts/simplonbold.woff") format("woff");
  font-weight: 300;
  font-style: normal; 
}
@font-face {
  font-family: "icomoon";
  src:url("../fonts/icomoon.woff") format("woff");
  font-weight: 300;
  font-style: normal; 
}

a { 
  color: #5367b0;
}

body {
  color: #333;
  background-color: #f9f9f2
}

.nav {
  font-family: simplonmedium;
}

.navbar {
  font-size: 18px;
  font-family: platformmedium;
  min-height: 50px;
  background-color: #444444;
  border-radius: 0px;
  border: 0px;
}

.navbar .logo { margin-top: 15px; }

.navbar-inverse .navbar-nav > li > a {
  padding-top: 30px;
  padding-bottom: 30px;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #f9f9f2;
  background-color: transparent;
  transition: color 0.3s ease 0s; 
}

.page-header .jumbotron {
  background-color: transparent;
}

body .page-header {
  background-color: #444444;
  color: #F9F9F2;
  margin-top:-20px;
}

.nav-pills>li.active>a {
  background-color: #5367b0; 
}

.nav > li > a:hover, .nav > li > a:focus {
  color: white;
  background-color: #999493; 
  transition: color 0.3s ease 0s; 
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: platformmedium;
}

.content-title {
  padding-left: 0px;
}

.content-title h3 {
  padding: 8px 15px;
  margin: 0 10 20 0;
  background-color: #999493;
  border-radius: 4px;
  display: inline;
}

.content-title h3 a {
  color: black;
}

.btn-keyfinding {
  color: white;
  background-color: #9b2523;
  border-color: #86201e;
  margin-bottom: 8px;
}

.btn-keyfinding:hover, .btn-keyfinding:focus, .btn-keyfinding:active, .btn-keyfinding.active {
  color: white;
  background-color: #7a1d1b;
  border-color: #541413; 
}

.hotbox {
  font-family: platformmedium;
  border: 1px solid #ccc;
  border-radius: 0.25em;
  margin-bottom: 15px;
}

.hotbox.hotbox-allinone {
  text-align: center;
  color: #999493;
  background: #FFF;
}

.hotbox .value {
  background: #F9F9F2;
  font-size: 20px;
  color: #333;
}

.hotbox .title {
  color: white;
  background-color: #999493;
}

img.responsive {
  width: 100%;
}

.sources {
  padding:0px;
}
.sources>* {
  display:block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}

.list-group-item {
  background-color: #444;
  border: 1px solid black;
}

.list-group-item a, .jumbotron a {
  color: #999493;
}

.list-group-item a:hover {
  color: #F9F9F2;
}

footer {
  background: url("../images/NA_logo_footer.png") top no-repeat #DFDFD9;
  margin-top: 45px;
  padding: 70px 0 36px;
  font-family: "simplonmedium";
  font-size: 18.4px;
  color: #444444;
}

.toggle-note {
  font-family: "simplonmedium";
  color: #3B3633;
  font-size: 11px;
  line-height: 11px;
  text-align: center;
  margin-top: -12px;
}

.btn-danger {
  background-color: #9b2523;
}

.btn-danger a {
    color: white;
}

/* ======================================== HIGHCHARTS ======================================== */

.jumbotron text.highcharts-title tspan {
	font-size: 30px;
	color: #F9F9F2 !important;
}

text.highcharts-title tspan {
	font-family: "platformmedium";
	font-size: 24px;
	color: '#3B3633';
}

.jumbotron .highcharts-axis-labels text,
.jumbotron .highcharts-yaxis-title tspan {
	font-family: "simplonmedium";
	color: #F9F9F2 !important;
	fill: #F9F9F2 !important;
}

.highcharts-axis-labels text,
.highcharts-data-labels text,
.highcharts-yaxis-title tspan {
	font-family: "simplonmedium";
}

.Iraq-controlled {
  background-color: #1b40e5;
}

.ISIS-controlled {
  background-color: #FE0001;
}

.Kurd-controlled {
  background-color: #b2b40f;
}

.Contested {
  background-color: #6FFF00;
}