/*
================================================
FDA Responsive CSS for ARCHIVED CONTENT
Last updated on 2014.01.06
================================================
*/

.hhs-masthead, .back-to-top { background: #000; }
.fda-masthead, .footer-heading, .left-column .list-group-item.active { background: #323232; }
header .fda-masthead-search { background: #eee; }
.well-archive { margin: 0 -15px; background: #f7f5c2; border-radius: 0; border-left: none; border-right: none; border-color: #d5cc9e; color: #584521; }
.well-archive h2 { margin-top: 0; font-size: 1em; color: #d12212; }
.well-archive p, .well-archive .form-control, .well-archive .btn { font-size: .875em; }
.well-archive form { margin-top: 1em; }
.well-archive .form-control { border-color: #d5cc9e; height: 30px; }
.well-archive .btn { padding: 5px 10px; line-height: 1.5; }
.col-md-9.col-lg-9.middle-column .well-archive { margin-top: 0; }
.col-md-12.col-lg-12.middle-column .well-archive { margin: 0 0 1em 0; padding: 15px; border-radius: 4px; border: 1px solid #d5cc9e; }
.col-md-12.col-lg-12.middle-column .well-archive form { margin-top: 0; }
.col-md-12.col-lg-12.middle-column .well-archive .form-control { font-size: 1em; }
.col-md-12.col-lg-12.middle-column .well-archive .btn { line-height: 1.3125; }

#refine .panel-heading { background: #f7f5c2; border-color: #d5cc9e; }
#refine .panel-heading a, #refine .panel-heading .collapse-toggle:after { color: #584521; }

@media (min-width: 48em) {
	header .fda-masthead-search { background: transparent; }
	.well-archive form { margin-top: .75em; }
	.middle-column .well-archive form { margin-top: 0; }
	.well-archive { padding: 15px 4.9375em; }
}

@media (max-width: 61.9375em) {
	header .nav-tabs > li.hamburger > a { background: #323232; }
}

@media (min-width: 62em) {
	header .nav-tabs > li > a { 
		background: #ddd;
		background: -moz-linear-gradient(bottom, #ddd 25%, #fff 75%);
		background: -webkit-gradient( linear,	left bottom, left top, color-stop(0.25, #ddd), color-stop(0.75, #fff));		
		background: -webkit-linear-gradient(bottom, #ddd 25%, #fff 75%);
		background: -o-linear-gradient(bottom, #ddd 25%, #fff 75%);
		background: -ms-linear-gradient(bottom, #ddd 25%, #fff 75%);
		background: linear-gradient(bottom, #ddd 25%, #fff 75%);
	}
	.well-archive { margin: 1em 0 0 0; padding: 15px; border-radius: 4px; border: 1px solid #d5cc9e; }
	.well-archive h2 { font-size: .875em; }
	.well-archive p, .well-archive .form-control, .well-archive .btn { font-size: .75em; }
	.col-md-9.col-lg-9.middle-column .well-archive { margin: 0 0 20px 0; }
	.col-md-12.col-lg-12.middle-column .well-archive { margin: 0 0 1.125em 0; }
	.col-md-12.col-lg-12.middle-column .well-archive .btn { font-size: .875em; line-height: 1.5; }

	#refine .panel-heading { background: #323232; border-color: #ddd; }
	#refine .panel-heading a, #refine .panel-heading .collapse-toggle:after { color: #fff; }

}

@media (min-width: 74em) and (max-width: 75em) {
	.well-archive .visible-md.visible-lg { display: block !important; }
}


/* IE Support
--------------------------------------------- */
.lt-ie9	header .nav-tabs > li > a { background: #ddd !important; }
.lt-ie9 .footer-heading { background: #323232; }