@charset "utf-8";
/* Primary CSS Document for STATS America, 2017, using Bootstrap. Only styles needed sitewide should go in this file.*/

/**** Base styles ****/
body {
	font-family: Arial, Helvetica, sans-serif;/*Body setting cannot use Google fonts or the Isotope feature breaks.*//*color: #00050b;*/
}
p {
	margin-bottom: 1.3em;
	font-family: forma-djr-text, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #00050b;
	letter-spacing: .5px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
h1 {
	font-family: forma-djr-display, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 46px;
	line-height: 1em;
	margin-top: 10px!important;
	margin-bottom: 8px;
	color: #013A81!important;
	letter-spacing: 2px;
}
h2 {
	font-size: 28px;
	line-height: 1.1em;
	font-family: forma-djr-display, sans-serif;
	font-weight: 500;
	font-style: normal;
	margin-top: 24px;
}
h3 {
	font-weight: bold;
	font-size: 18px;
	color: #007dba;
}
h4 {
	font-family: forma-djr-display, sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 18px;
	color: #0066CC;
}
a, a code {
	text-decoration: underline;
	color: #013A81;
}
a:hover, a:hover code {
	text-decoration: underline;
	color: #013A81;
}
a:active, a:active code {
	color: #013A81;
}
.noBottomMargin {
	margin-bottom: 2px;
}
.table {
	font-family: Arial, Helvetica, sans-serif;
}
.table > tbody > tr > th {
	vertical-align: bottom;
	background-color: #c7e5f3;
}
/*LAYOUT*/
#site-nav {
	margin-left: -15px;
}
#site-nav.navbar-default .navbar-nav > li > a {
	color: #C02026;
	text-decoration: none;
}
#site-nav.navbar-default .navbar-nav > li > a:hover {
	color: #C02026;
	text-decoration: underline;
}

#skip-nav a {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip-nav a:focus {
position:static;
width:auto;
height:auto;
padding: .5em;
font-size: 1.2em;
color: #FFFFFF;	
background-color: #980000;
} 


.navbar-brand {
	padding: 3px 10px 0px 10px;
}
#tagline {
	color: #013A81;
	font-family: forma-djr-display, sans-serif;
	font-size: 18px;
	font-weight: 500;
}
#beta {
	font-size: 11px;
	background-color: #C02026;
	color: #FFF;
	padding: 4px;
	margin-left: 8px;
	border-radius: 5px;
}
#beta a {
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}
#supportLine {
	display: block;
	font-family: forma-djr-display, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}
#supportLine a {
	text-decoration: none;
}
#supportLine a:hover {
	text-decoration: underline;
}
footer {
	font-size: 13px;
	color: #585152;
	margin-top: 48px;
	margin-bottom:20px;
	padding: 10px 0;
	border-top: 1px solid #C02026;
	font-family: Arial, Helvetica, sans-serif;
}
footer a, footer a:visited {
	text-decoration: underline;
	color: #585152;
}
#footerNav ul {
	padding: 0;
	margin: 10px 0 30px 0;
	text-align: left;
}
#footerNav li {
	display: inline;
	color: #C02026;
}
#footerNav li + li:before {
	padding: 0 15px;
	content: "|";
}
#footerNav a, #footerNav a:visited {
	text-decoration: none;
	color: #C02026;
}
#footerNav a:hover {
	text-decoration: underline;
	color: #C02026;
}
#footerLogo {
	float: left;
	margin-right: 30px;
	margin-bottom: 40px;
}
.headingIcon { /*Used for the icons before the H1 on landing pages*/
	float: left;
	margin-right: 1em;
}
.nav-tabs > li.active > a {
	color: #8f5d52;
}
.nav-tabs > li.active > a:hover {
	color: #8f5d52;
}
.nav-tabs + h1 { /*Used to properly space the page title in cases of tabbed subnavigation*/
	margin-top: 24px;
}
a.btn {
	text-decoration: none;
}
.text-danger { /*Overwrites the Bootstrap default*/
	color: #C02026;
}
.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger {
	padding: 10px;
}
blockquote footer, blockquote small, blockquote .small {/*Used to override the footer style in blockquote footer*/
	display: block;
	font-size: 80%;
	line-height: 1.42857143;
	color: #999;
	border-top: 1px solid #999;
}
/*Styles for collapsible panels or accordians (e.g., the about page for Innovation Index*/
.panel-default > .panel-heading {
	background: #08519C;
	border-color: #ddd;
	color: #FFF;
}
.panel-body {
	border: thin solid #08519C;
	background: #EDF5F5;
}
.panel-heading h4 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
}
.panel-heading a, .panel-heading a:visited {
	color: #FFF;
	text-decoration: none;
}
.panel-heading.panel-heading a:hover {
	text-decoration: underline;
}
#research img {/*Style for logo resercher image on RED tool pages*/
	border: 1px solid #f0f0f1;
	box-shadow: 0px 1px 10px #d2dbe3;
	float: left;
	margin: -5px 10px 15px 0;
	padding: 5px;
}

/*MOBILE STYLES*/
@media screen and (min-width: 768px) {
     /* start of large device screen */
     /* mobile logo only displays at screen sizes less than 768px */
  
	 .mobileLogo {
    display: none;
	visibility:hidden;

     }
}
@media (max-width: 768px) {
/* start of medium tablet styles */
     /* Adding a fixed/percentage min-width could ensure that the image doesn't get too small */
.img-responsive {
	min-width: 30%;
}
/* Adding an image of the sponsored by the EDA logo to make it continue to appear at a small size */
.mobileLogo {
	display: block;
	width: auto;
	height: auto;
}
#tagline {
	font-size: 15px;
}
#footerNav li {
	display: block;
	width: 100%;
}
#footerNav li + li:before {
	padding: 0;
	content: "";
}
h1 {
	font-size: 30px;
}
.navbar-brand img {
	max-width: 180px;
	padding-top: 10px;
}
#supportLine {
	display: none;
}
}
@media screen and (max-width: 479px) {
/* start of phone styles */
/* It's possible to hide the image if the screen becomes too small */
     .img-responsive {
       min-width: 10%;
     }
.mobileLogo {
   display: block;
	width:auto;
	height:auto;
     }
}

/*END MOBILE STYLES*/
/*PRINT STYLES*/
@media print {
a:link, a:visited {
	text-decoration: underline;
}
a:link:after, a:visited:after {
	content: "";
} /*This removes the URL after links that is normally printed due to Bootstrap*/
#supportLine, #footerNav {
	display: none;
}
}
/*END PRINT STYLES*/