@charset "utf-8";
/* ITA Stylesheet                                              *
 * USDOL/OSHA - Salt Lake Technical Center                     *
 * Last Revised: 01/03/2019 - KP - styles for success/consult  *
 **************************************************************/

/* PAGE TITLE */
#sb-hero h1 {  display: inline-block;
		position: absolute; z-index: 20; top: -15px; margin: 0 0 0 15px;
		font-size:45px; font-weight: bold; color: #296DC0;
		text-shadow: 2px 2px 0 #FFF, /* Simulated effect for Firefox and Opera and nice enhancement for WebKit */
		   -2px -2px 0 #FFF,  
		    2px -2px 0 #FFF,
		   -2px  2px 0 #FFF,
		    2px  2px 0 #FFF; }

/* PAGE NAV */
#sb-hero > div > .span4 { background-color: #FFFFFF; }

.accordion-nav > div { border-color:#296DC0; margin-bottom: 3px; }
.accordion-nav > div > .accordion-heading {  background-color:#296DC0; }
.accordion-nav > div > .accordion-heading a { font-size: 115%; font-weight:bold; line-height: 1.5em; text-decoration:none; color:#FFF; }
.accordion-nav > div > .accordion-heading:hover a { background: rgba(0,0,0,0.3); }
.accordion-nav > div > .accordion-body { background-color: #F3F3F3; }
.accordion-heading.accordion-info { background-image:linear-gradient(to bottom, #5bc0de, #2f96b4); }

@media (min-width:768px) and (max-width:979px) {
	.accordion-nav > div > .accordion-heading a { font-size: 100%; }
}

/* BEGIN CAROUSEL STYLES */
#sb-hero > div > .span8 { margin-right: 2.1%; margin-left: 0; }
#sb-hero .carousel { margin-top: 0px; }
#sb-hero .carousel-indicators { position: absolute; top:20px; right: 15px; height: 15px; }
#sb-hero .carousel-indicators .active { background-color: #FFF; }
#sb-hero .carousel-indicators li { border: 1px solid rgba(150,150,150,.5); position: relative; z-index: 99; width: 10px; height: 10px; background-color: #D3D3D3; }
#sb-hero, .carousel-inner {
	background: #FFF none no-repeat center top;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}

/* Carousel caption */
#sb-hero .carousel-inner > .item  { height: 500px; width: 100%; }
#sb-hero .carousel-inner > .item > .caption {
	width: 100%;
	min-height: 40px;
	position: absolute;
	bottom: 0;
	font-size: 100%;
	background: rgba(255, 255, 255, .85);
	display: block;
}
#sb-hero .carousel-inner > .item > .caption > h3 { color:#003596; padding: 10px 15px 0 15px; margin: 0 0 -5px 0; }
#sb-hero .carousel-inner > .item > .caption > h3 > small { font-size: 60%; }
#sb-hero .carousel-inner > .item > .caption > p,
#sb-hero .carousel-inner > .item > .caption > ul.unstyled { padding: 15px; }

.well-ita { overflow:hidden; }
.well-ita > div:first-child { background-color:#A92727; padding: 7px; margin: -20px -20px 20px -20px; }
.well-ita > div:first-child > h3 { color:#FFF; margin: 0 auto; }

@media (max-width: 767px) {
	#sb-hero h1 { font-size: 30px; width:100%;  text-align: center; margin: 0; }
	#sb-hero { height: auto; overflow: visible; }
	#sb-hero > div > .span4 { height: 525px; background-color: #FFF; float:none; }
}
@media (max-width: 480px) {
	#sb-hero .carousel-inner > .item { height: 400px; background-size: 480px 318px; background-repeat: no-repeat; background-position: center top; }
	#sb-hero > div > .span8 { height: 400px; }
}
/* END CAROUSEL STYLES */

@media print {
#sb-hero > div > .span4 { position: absolute; right: 0; }
}