/* OTM Stylesheet                   	                         *
 * USDOL/OSHA - Salt Lake Technical Center                       *
 * Last Revised: 05/05/2015 KP - added missing well headers      *
 * Last Revised: 05/05/2015 MJ - updated media queries           *
 * Last Revised: 04/30/2015 KP - new stylesheet                  *
 * Last Revised: 03/26/2015 KP - new stylesheet                  *
 ****************************************************************/
/*---======== HEADER =========---*/
header h2 {
	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(images/otm_banner.png) no-repeat top left;
}

/*---======== SUBPAGE HEADER =========---*/

header h3 {
	padding-top: 30px;
	font-weight: bold;
	color: #A92727;
}

header .hero-unit-subpage { 
	margin-bottom: 0;
	padding: 0 0 0 60px;
	min-height: 125px;
	overflow: auto;
	background: #FFF; 
}

header #header-subpage-img { 
	min-height: 125px;
	background: url(images/otm_subbanner.png) no-repeat top left;
}


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

.wellheader_section {
  margin:-9px -9px 9px -9px;
  border: 2px solid #D9D9D9;
  background-color: #D9D9D9;
  padding:2px;
  text-decoration:none; }
  
.wellheader_section h4 {  
  color:#333333;
  h5 ont-weight:bold  }
  
.wellheader {
  margin:-9px -9px 9px -9px;
  border: 2px solid #B3B3B3;
  background-color: #003151;
  padding:2px;
  text-decoration:none;
  color:#FFFFFF;
  text-shadow: black 0.1em 0.1em 0.2em;
}

header p { font-size: 70%; }

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

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

.highlight { margin-left: 15px; }

.accordion-inner {background: #DDDDDD;}
.accordion-toggle {font-size:110%}
.accordion-heading { background-color:#333333; max-height:45px; }
.accordion-heading:hover { background-color:#B3B3B3; 
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
.accordion-heading > a { color:#FFF; 
   text-decoration:none; 
   text-transform:uppercase; }

.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:245px; height:675px; 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: 800px) {

header p { font-size: 50%; }	
	
.header-decor {	margin-top: -10px; }

.highlight { margin-left: -20px; }

.column-layout .panel { width:128px; height:1275px;}

}*/


@media (max-width: 768px) {
header #header-img { background: none; min-height: 0px; }
header p { font-size: 75%; }
.column-layout .panel { height: auto; clear: both; width: 86%; margin: 8px 9% 8px 5%; }
}

/*@media (max-width: 480px) {
	
header p { font-size: 65%; }	
		
header .hero-unit { 
		padding: 0 0 0 10px;
		min-height: 100px;
	}
	
header #header-img { 
	background: none;
	min-height: 0px;  }

.header-decor {
		margin-top: -10px;
	}
	
.column-layout .panel { width:200px; height: 450px; }

} */

@media (min-width: 769px) and (max-width: 979px) {
.column-layout .panel { width: 40%; height: 550px; margin: 8px 2%; }
}

@media (min-width: 980px) and (max-width: 1199px) {
.column-layout .panel { width: 45%; height: 500px; }
}

@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; }

}