/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

body {
	font-family: 'Open Sans', sans-serif;
	/*border-bottom: 10px solid lightgray;*/
}

.navbar-brand {
	float:none;
}


.navbar {
	min-height: 58px;
	border-bottom: 5px solid #FC0;
	text-align: center;
}

.container {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by it's height */
margin: 0 auto -150px;
}

.footer, #push {
height: 150px;	
font-size:12px;
}

.footer {
border-top: 1px solid lightgray;
background-color: rgba(239, 239, 239, 1);
color: rgba(134, 133, 133, 1);
}

.hero-unit {
}

.hero-unit h1 {
	font-size:30px;
}

.hero-unit h2 {
	font-size: 20px;
}

#surplus {
	font-size:40px;
}

.vertical-center {
  height:100%;
  width:100%;

  text-align: center;  /* align the inline(-block) elements horizontally */
}

.vertical-center:before {    /* create a full-height inline block pseudo=element */
  content: " ";
  display: inline-block;
  vertical-align: middle;    /* vertical alignment of the inline element */
  height: 100%;
}

.vertical-center > .container {
  max-width: 100%;

  display: inline-block;
  vertical-align: middle;  /* vertical alignment of the inline element */
                           /* reset the font property */
  font: 16px/1 ;
  }

  .caption {
  	font-size:12px;
  }

  .weimar {
  	border: 1px solid #A1A1A1;
	padding: 4px;
  }

.top3 { margin-top:3px; }
.top5 { margin-top:5px; }
.top10 { margin-top:10px; }
.top20 { margin-top:20px; }
.top40 { margin-top:40px; }
.top60 { margin-top:60px; }
.top80 { margin-top:80px; }
.top100 { margin-top:100px; }

.width50 {
	width:50px;
}

.logo {
	height:100%;
}

.navbar-brand {
	padding:0px 15px 0px 15px;
}

.assumptions, .assumptions:link{
/*color: #31708F;*/
color:#fff;
text-decoration:none;
}

.assumptions h4:hover, .assumptions h4:active {
text-decoration:none;
color: rgba(199, 207, 210, 1);
}

a:focus {
    outline: none;
}

.strapline {
	color:rgba(126, 126, 126, 1);
}
a .report_thumbnail {
max-width:200px;
border: 5px solid lightgray;
}

a:link, a:active, a:visited {
color: rgba(27, 95, 215, 1);
}

.jumbotron {
	padding-top: 0px;
}

.jumbotron h3 {
	margin-top:0px;
	padding-top: 20px;
}

.strapline {
	display:none;
}

#slider_container {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}

.panel-default > .panel-heading {
    /* color: #333; */
    background-color: rgba(0, 47, 159, 0.65);
}

.modal-title {
font-size:25px;
}

.modal-header .close {
margin-top: -13px;
font-size: 60px;	
}

#assumptions_modal_list {
margin-bottom: 40px;
margin-right: 50px;
font-size:18px;
}

.modal-dialog {
	top:10%;
}

.horizontal .ui-slider-label-ticks:nth-child(2) span {
right:130px;
font-size:0.7em;
}

.horizontal .ui-slider-label-ticks:nth-child(1) span {
font-size:0.7em;
}

/* Small devices (tablets, 468px and up) */
@media (min-width: 468px) { 
	
	.horizontal .ui-slider-label-ticks span {
	font-size:0.9em;
	}

	.hero-unit h1 {
	font-size:45px;
	}

	.hero-unit h2 {
	font-size:30px;
	}

	#surplus {
		font-size:70px;
	}

	.footer {
		font-size:14px;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	#assumptions_modal_list {
		font-size:20px;
	}	

	.navbar {
		text-align: none;
	}

	.navbar-brand {
		float:left;
	}

	.strapline {
		display:table;
	}

	.hero-unit h1 {
	font-size:40px;
	}

	.hero-unit h2 {
	font-size:30px;
	}

	#surplus {
		font-size:100px;
	}

	.footer, #push {
	height: 120px;	
	}

	.container {
	margin: 0 auto -120px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

.myth {
	color:#F91914;
}

.fact {
	color:rgb(49, 174, 20);
}

.myths h3 {
	color:#333;
}

a.panel-default.myths:hover, a.panel-default.myths:active, a.panel-default.myths:focus  {
	text-decoration:none;
}

/*.myth-panel:hover {
	background-color:#F7F4F4;
}*/



.myth-panel {
border:none;
-webkit-box-shadow: none; 
box-shadow: none; 
border-bottom: 1px solid grey;
}

.grey_background {
	background-color: rgb(250, 250, 250);
}

.glyphicon-myth{
position:absolute;
right: 30px;
top:initial;
bottom: 30px;
color:#333;
}

/*.panel-heading a:after {*/
    /*font-family:'Glyphicons Halflings';*/
    /*content:"\e114";*/
    /*float: right;*/
    /*color: grey;*/
/*}*/
/*.panel-heading a.collapsed:after {*/
    /*content:"\e080";*/
/*}*/