/* National Safety Stand-Down Stylesheet                              *
 * USDOL/OSHA - Salt Lake Technical Center             *
 * Last Revised: 01/20/2015 LS - new sheet             *
 *******************************************************/



/*---======== HEADER =========---*/
header p.jointhe { padding-top: 20px; margin-bottom: 0; color:#900; }
header .hero-unit h3,
header .half-unit h3 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
    color: inherit;
    letter-spacing: -1px;
	}
header h3 {
	margin-top: -20px;
	font-weight: bold;
}
header h3 .small-heading { font-size: 70%; font-weight: normal; }
header h3 small { font-size: 60%; color: #000; }
header h3 .smaller { font-size: 60%; display:block; }

header .hero-unit,
header .half-unit {
/*	 background: #ecf5fd url('/StopFallsStandDown/images/img_header.png') center right/50% auto no-repeat; */
  	background-color: #fff;
	margin-bottom: 0;
	padding: 0 0 0 60px;
	overflow: auto;
}
header .hero-unit {
	min-height: 320px;
}
header .half-unit {
	font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
}

@media (max-width:760px) {
	header .hero-unit {
		min-height:inherit;
		background:#fff;
	}
}
.half-hero {
	float: left;
	width: 50%;
	text-align: center;
}
.header-decor {
	margin-top: -35px;
}
header p { font-size: 120%; }

/*---======== NAVIGATION =========---*/
nav {
	margin-bottom: 20px;
	border-bottom: 1px solid #DDD;
	font-family: sans-serif;
	font-size: 120%;
	letter-spacing: .16em;
}
@media (max-width: 1200px) {
	nav {
		letter-spacing: 0;
	}
}
nav ul.nav { margin-bottom: 10px; }
nav ul.nav li { margin-right: 10px; }
.nav > li > a { padding-top: 12px; padding-bottom: 12px; background: #DDD; }
#nav-homepage-header .navbar-gray .nav > li > a { background:inherit; }
.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .activ > a:focus, .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {
	background-color: #000;
}
.nav-pills > li > a {
	font-stretch:semi-condensed !important;
}

/*---======== GRAPH =========---*/
.graph { position: relative; }
.graph h2 { margin-bottom: 20px; text-align: center; font-size: 145%; }
.graph ul {
	font-weight: bold;
	font-size: 90%;
}
.graph li {
	margin-bottom: 5px;
	overflow: auto;
}
.graph-label {
	float: left;
	width: 40%;
	text-align: right;
}
.graph-label-value {
	padding-left: 8px;
}
.graph-bar {
	float: right;
	width: 58%;
	text-align: left;
	font-style: italic;
	color: #FFF;
}
#graph-totals {
	padding: 10px;
	position: absolute;
	right: 20px;
	bottom: 65px;
	border: 1px solid #DDD;
	border-radius: 4px;
}

.logo-container { text-align: center; }
.logo-container .logo[alt="DOL Logo"] { width: 100px; }
.logo-container .logo[alt="CDC Logo"] { width: 300px; }
.logo-container .logo[alt="OSHA Logo"] { width: 250px; }
.logo-container .logo[alt="Fall Prevention Logo"] { width: 100px; }

#box {
	margin-bottom: 15px;
	padding: 15px;
	text-align: center;
	line-height: 1.3em;
	font-size: 150%;
	border: 1px solid #039;
	border-radius: 4px;
}
.date {
	margin: 10px 0;
	padding: 10px 10px 15px 10px;
	display: block;
	letter-spacing: .2em;
	font-size: 160%;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	background: #006aa6;
	border-radius: 4px;
	box-shadow: 3px 3px 5px #999;
}

h2 { font-size: 170%; }

#sidebar img {
	margin-bottom: 15px;
}

#social_media { overflow: auto; }
#social_media ul { list-style-type: none; margin-left: 0; }
#social_media ul li {
	float: left;
	margin-right: 10px;
}
#social_media li a { font-size: 88%; text-decoration: none; }
.carousel-caption { overflow: auto; }
.carousel-caption a,
.carousel-caption a:visited { color: #DDD; text-decoration: none; }
.carousel-caption a:hover { color: #FFF; text-decoration: underline; }
.wellheader { background-color: #D9D9D9; }
#cert-ad {
  margin-bottom: 15px;
  padding: 7px;
  text-align: center;
  line-height: 1.3em;
  font-size: 150%;
  border: 1px solid #039;
  border-radius: 4px; }
#cpwr { background: url('images/cpwr_feedback.png') no-repeat bottom left; padding: 5px 5px 5px 150px; margin: 10px auto; }
#cpwr > p:first-of-type { margin-left: -90px; }
@media screen and (min-width: 981px) and (max-width: 1199px) {
#cpwr > p:first-of-type { margin-left: -140px; }
#cpwr > ul { margin-left: -80px; }
#cpwr > ul > li > p { margin-left: 95px; margin-bottom: 25px;}
}
@media screen and (min-width: 768px) and (max-width: 980px) {
#cpwr { background-image: none; background-color: #D9D9D9; padding-left: 5px; }
#cpwr > p:first-of-type { margin-left: 0; }
}
@media screen and (max-width: 350px) {
#cpwr > p:first-of-type { margin-left: -140px; }
#cpwr > ul { margin-left: -80px; }
#cpwr > ul > li > p { margin-left: 95px; margin-bottom: 25px;}
}
.social_media .icon-external {display: none;}
.is-countdown {
  border:none !important;
  background-color:transparent !important;
  font-weight:bold;
}
#countdown {
  width:100%;
}
.timer{
  margin-left:1em;
}
.countdown {
  width:40%;
  padding:1em 1em 0;
  margin:0 auto;
  font-size:1.2em;
  background-color:#f3f3f3;
  border: 1px solid #ccc;
  border-radius:5px;
  text-align:center;
}

ul.spaced li { margin-bottom: 10px; }
ul.spaced li + ul { margin-top: 0; margin-bottom: 10px; }
ul.spaced li + ul li { margin-bottom: 0; }

@media (max-width: 800px) {
	.header-decor {
		margin-top: -10px;
	}
	header .date { width: 90%; }
}

@media (max-width: 480px) {
	header .hero-unit {
		padding: 0 0 0 10px;
		background-image: ;
	}
	.header-decor {
		margin-top: -10px;
	}
	header .date { width: 90%; }
	#graph-totals {
		margin: 10px auto;
		position: auto;
		right: auto;
		bottom: auto;
	}
	#graph-totals + p {
		margin-top: 100px;
	}
}

/* ---- MAP styles ---- */

#regional-tab > a, 
#regional-tab > a:hover, 
#regional-tab > a:focus { 
	background-color: #FFF; 
	border: 1px solid #DDD; 
	border-bottom-color: transparent; 
	font-weight: bold; 
	color: #900; 
}
	#reg1 {
		fill:#bdd3e9;
	}
	#reg2 {
		fill:#e0c2dc;
	}
	#reg3 {
		fill:#d0dfa0;
	}
	#reg4 {
		fill:#c1c1e0;
	}
	#reg5 {
		fill:#f3e486;
	}
	#reg6 { 
		fill:#f4ddc1; 
	}
	#reg7 { 
		fill:#f3b2ab; 
	}
	#reg8 { 
		fill:#b2d8cc; 
	}
	#reg9 { 
		fill:#cdc4be; 
	}
	#reg10 { 
		fill:#edbb75; 
	}

.region:hover {
	fill:#ff9a00 !important;
}

/* --------------- Slick Slider --------------- */

.pub img {
    min-height: unset !important;
 }
.slick-slide a {
	color:#000;
}

img.enlarge {
	cursor:zoom-in;
}