/* EPR Stylesheet                   	               *
 * USDOL/OSHA - Salt Lake Technical Center             *
 * Last Revised: 01/08/2017 KP - updated styles        *
 * Last Revised: 07/10/2015 KP - new styles            *
 *******************************************************/
/*---======== HEADER =========---*/
header h3 {
	padding-top: 20px;
	font-weight: bold;
}
header .hero-unit { 
	margin-bottom: 0;
	padding: 0 0 0 60px;
	min-height: 445px;
	overflow: auto;
	background: #FFF; 
}
header #header-img  { 
	min-height: 445px;
	background: url(/SLTC/images/emergency_banner.png) no-repeat top left;
}


/*---======== GENERAL STYLES =========---*/

header p { font-size: 70%; }

.half-hero {
	float: left;
	width: 80%;
	text-align: left;
}
.header-decor {
	margin-top: -35px;
}

ul.dropdown-menu { margin-top: -1px; }

.highlight { margin-left: 70px; }

.input-xxxlarge { width: 98%; }

.thumbnail { min-height: 400px; position: relative; }
.thumbnail img { box-shadow: 0 2px 3px #CCC; }
.thumb-btn { width: 96%; }

/*---======== COLUMN STYLES AND FRAMES =========---*/

.column-layout { padding:1px 0 0 0;}

.column-layout .panel { float:left; display:inline; position:relative; width:341px; height:600px; margin:8px 6px 0 0; background:#fff; padding:11px 10px 15px 25px; font:13px; color:#333333; -webkit-box-shadow:#CCC 2px 3px 0; -moz-box-shadow:#CCC 2px 3px 0; box-shadow: 2px 2px 5px #CCC; }

.column-layout .panel h6 { padding-top:8px; }

.column-layout .panel p { padding-top:6px; }

.column-layout .panel img.wp-post-image { margin:0 auto; }

.column-layout .panel a { color:#777373; }

.column-layout .panel h4 .more-link, .column-layout .panel a.more { display:block; width:17px; height:17px; text-indent:-9999px; position:absolute; bottom:13px; right:12px;
background:url('/SLTC/images/wht_circle_warrow.png') no-repeat; }

.column-layout .panel:hover {
	background: #fcfcfc;
	box-shadow: 0 0 5px #ddd;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.column-layout .panel:hover i {
	color: #656565;
} 

@media (max-width: 480px) {
header .hero-unit { 
               padding: 0 0 0 10px;
               min-height: 100px; }
        
header #header-img { 
        background: none;
        min-height: 100px;  }

.header-decor {
               margin-top: -10px; }
        
.column-layout .panel { width:85%; height: auto; }
}

@media (max-width: 768px) {
header #header-img { background: none; min-height: 0px; }
header p { font-size: 75%; }
}

@media (min-width: 769px) and (max-width: 979px) {
.column-layout .panel { width:150px; height: 550px; }
.highlight { margin-left: -20px; }
}

@media (min-width: 980px) and (max-width: 1199px) {
.column-layout .panel { width:200px; height: 350px; }
.highlight { margin-left: -20px; }
}

@media print {  

   html>body .well-white {background-color: #FFF; !important; } 
   html>body #header .title {background-color: #F3F3F3; !important; }
   html>body .wellheader { background-color: #F3F3F3; border: none; !important; }

   .hidden-print   { display: none !important; }

   #linksMainTabs, #mainTabsNav, #search, #linkstop, #grayline, #toggleClpsdMenu, #linksWhatsNew , #redfooter{ display: none;  !important; }

}