@charset "utf-8";
/* Small Business Stylesheet                                   *
 * USDOL/OSHA - Salt Lake Technical Center                     *
 * Last Revised: 10/27/2015 - LT - styles for success/consult  *
 				 10/14/2015 - LT - styles for Spanish          *
 				 09/24/2015 - LT - styles for SHARP            *
 				 09/01/2015 - LT - new sheet                   *
 **************************************************************/

/* 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; }
#sb-hero h1.sharp-logo { top:-14px; margin-left:-2px; }

/* PAGE NAV */
#sb-hero > div > .span4 { height: 525px; background-color: #F3F3F3; }
#sb-hero.consult-hero { overflow:visible; }
#sb-hero.consult-hero span4 { overflow: hidden; }
#sb-hero.consult-hero accordion-nav { clear:both; }
.language-toggle { background-color:white; height: 33px; width: 100%; }
.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); }
#app-challenge > a:hover > h4 { color: #000; }
#app-challenge > a > h4, #consult_map > a > h4 { color:#A92727; font-weight:bold; text-shadow: 2px 2px white; }
#app-challenge > a > img { border: 2px solid #FFF; }
.poster img { max-height: 175px; }
#consult_map a { text-decoration: none; }
#consult_map a > img { max-width:300px; width:90%; border:none; height:auto; }
#consult_map a > h4 small { color:#61B4E8; }

@media (min-width:768px) and (max-width:979px) {
	#app-challenge > a > h4 { font-size: 14px; }
	.accordion-nav > div > .accordion-heading a { font-size: 100%; }
	.poster img { max-height: 150px; }
}
@media (max-width: 767px) {
#app-challenge { width: auto; margin: 0 auto; }
#app-challenge img { float: left; margin: 0 15px; }
#app-challenge h4, .poster p { text-align: left; }
.poster img { float: left; margin: 0 15px; max-width: 100px; max-height: 180px; }
}

/* BEGIN CAROUSEL STYLES */
#sb-hero > div > .span8 { height: 525px; margin-right: 2.1%; margin-left: 0; }
#sb-hero .carousel { margin-top: 25px; }
#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;
}
#sb-hero { height: 525px; }

/* 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; }

/* Carousel navigation */
#sb-hero .carousel-control-left, #sb-hero .carousel-control-right {
	width: 40px; height: 40px;
	text-decoration: none;
	font-size: 60px; line-height: 30px;
	color: rgba(255,255,255,.65);
	text-align: center;
	position: absolute;
	top: 33%;
	border: 3px solid rgba(255,255,255,.65); border-radius: 50%;
	background-color: rgba(100,100,100,.5);	
}
#sb-hero .carousel-control-left:hover, .carousel-control-right:hover,
#sb-hero .carousel-control-left:focus, .carousel-control-right:focus { text-decoration: none; color: rgba(255,255,255,1); border-color: rgba(255,255,255,1); }
#sb-hero .carousel-control-left { left: 15px; }
#sb-hero .carousel-control-right { right: 15px; }

@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: auto; background-color: #FFF; float:none; }
}
@media (max-width: 570px) {
	#sb-hero.consult-hero h1 { font-size: 24px; }
	.consult-hero .language-toggle { margin-top: 40px; }
}
@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 */


/* on-site consultation/SHARP */
.well-smallbusiness { overflow:hidden; }
.well-smallbusiness > div:first-child { background-color:#A92727; padding: 7px; margin: -20px -20px 20px -20px; }
.well-smallbusiness > div:first-child > h3 { color:#FFF; margin: 0 auto; }


/* consult.html styles to keep the heights even and the speech bubble formatted correctly */
@media (min-width: 768px) {
.well-speech { background-color: #FFF; background: url('/dcsp/images/speech_bubble_top.png') center top no-repeat, url('/dcsp/images/speech_bubble_bottom.png') center bottom no-repeat;
			   background-size: 100% auto, 100% auto; }
}
@media (min-width: 1200px) { 
#consult_info .well-smallbusiness, .well-speech { height: 420px; } 
.well-speech  p { margin-top: 60px; }
}
@media (min-width: 980px) and (max-width:1199px) {
#consult_info .well-smallbusiness, .well-speech { height: 500px; } 
.well-speech  p { margin-top: 110px; }
}
@media (min-width: 768px) and (max-width:979px) {
#consult_info .well-smallbusiness, .well-speech { height: 700px; }
#consult_info .well-smallbusiness h3 { font-size: 20px; }
.well-speech  p { margin-top: 185px; }
}
@media (max-width: 767px) { 
.well-speech { height: 400px; background: #65b4e4 url('/dcsp/images/speech_bubble.png') center top no-repeat; }
.well-speech  p { max-width: 300px; margin: 50px auto 0 auto; padding-left: 15px; } }
}
@media (max-width: 300px) { .well-speech  p { margin-top: 30px; padding-left: 0; font-size: 11px; } }
@media print {
.well-speech { background: none; height: auto; }
.well-speech  p { margin-top: 100px; }
#consult_info .well-smallbusiness, .well-speech { height: auto; }
#sb-hero > div > .span4 { position: absolute; right: 0; }
}


/* program_info.html */
#benefits { background: url('/dcsp/images/city_background.png') center center no-repeat; height:267px; position:relative; border-bottom: 1px solid #000; }
#benefits > h4 { font-size:400%; position:absolute; bottom:-1px; width:100%; text-align:center; color:#FFF; font-weight:bold; }
#success_sm { margin-right: 15px; }
@media print {
 #benefits { background: none; height: 50px; }
 #benefits > h4 { font-size:200%; }
}


/* consult_gettingstarted.html */
.consult_steps { clear:left; }
.consult_steps .step_img {
	width: 168px; height: 154px;
	margin: 0 15px 5px 0; 
	border-radius: 50%;
	border: 3px solid #000;
	position: relative;
	display: table;
}
.consult_steps .step_img p { 
	font-size: 24px;
	text-align:center;
	display:table-cell;
	vertical-align: bottom;
	padding-bottom: 33px;
	font-weight: bold;
	text-shadow: -2px -2px 0px rgba(255, 255, 255, 1),
				  2px 2px 0px rgba(255, 255, 255, 1),
				  2px -2px 0px rgba(255, 255, 255, 1),
				 2px 2px 0px rgba(255, 255, 255, 1);
}
.nonphotopadded{padding-top: 35px;}
.consult_steps:first-child img.pull-left { margin: 15px 15px 5px 0; }
.consult_steps:last-child h4 { margin-left: 25px; }
@media (max-width: 330px) { .consult_steps .step_img { display: none; } }


/* successes.html */
.four-points { background-color: rgba(255,255,255,.5); }
.four-points > .well-header { background-color:#61B4E8; margin: -5px 0 15px 0; padding: 4px 15px 3px; }
.four-points > .well-header > h3 { color: #FFF; clear:none; }
.four-points > .well-header a { color: #FFF; margin-top: -38px; }
.four-points > .row-fluid > .span3 { position: relative; }
.bottom-link { position: absolute; right: 10px; bottom: 10px; }
@media (min-width: 768px) {
.faded-background { background: url('/dcsp/images/successes.png') right top no-repeat;  background-size: 50% auto; }
.success-header, .logo-header { height: 150px; }
.success-header img, .logo-header img { max-height: 140px; max-width:none; width: 100%; margin: 0 auto; }
.logo-header { display:table; }
.logo-header .nonphoto { display: table-cell; vertical-align: middle; max-width: 220px; }
.four-points > .well-header {  height: 45px; }
}
@media (min-width: 1200px) { 
.four-points > .row-fluid > .span3 { height: 700px; }
.padbottom {padding-bottom:100px;}
}
@media (min-width: 980px) and (max-width:1199px) {
.four-points > .row-fluid > .span3 { min-height: 725px; }
}
@media (min-width: 768px) and (max-width:979px) {
.four-points .span3 { width: 48.5%; height: 480px; }
.four-points .span3:nth-child(odd) { clear: both; margin-left: 0; }
.four-points .span3:nth-child(even) { margin-right: 0; }
.four-points > .row-fluid > .span3 { height: 520px; }
.nonphotopadded{padding-top:0px;}
}
@media print { 
.faded-background { background: url('/dcsp/images/successes.png') right top no-repeat;  background-size: 50% auto; }
}