/* 
MAIN STYLES 
Republished: 12/18/2016
*/

@import url(//fonts.googleapis.com/css?family=Rokkitt:400,700);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);


html {
}
body {
	background-image: url(/mobile/homepageimages/background_test_dock.jpg);
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	line-height: 1.25em;
	font-size: 14px;
	font-family: sans-serif;
}
header {
	background: rgba(242,239,231,1.0);
	border-bottom: 1px solid rgb(62, 48, 37);
}
.mainpage.container {
	padding: 0;
}
header #headersearch {
	margin-top: 30px;
	margin-right: 30px;
}
.container {
	-webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
}
#advancedsearch .container {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
}
/* FONT SIZES, COLORS HEADINGS and PARAGRAPHS */
a {
	color: #245e86;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning, .btn-warning {
	color: black;
	font-weight: bold;
}
header .pagetitle {
  margin-top: 40px;
  font-size: 30px;
  font-weight: bold;
  color: #076727;
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 0;
}
header h1 {
	border-bottom: 0 none;
	color: #006823;
	margin-top: 40px;
}
h1, .h1style {
	font-size: 2.25em;
	font-weight: bold;
	font-family: Arial, sans-serif;
/*	font-family: 'Roboto Slab', serif;*/
	color: #670F07;
	border-bottom: 1px solid #333333;
}
h2, .h2style {
    color: rgb(7, 103, 39);
    font-family: Arial, sans-serif;
    font-size: 1.875em;
    font-weight: bold;
}
h3, .h3style {
	font-size: 1.5em;
    font-family: Arial, sans-serif;
	color: #	2E1E11;
	font-weight:bold;
}
h4, .h4style {
	font-size: 1.125em;
	font-weight: bold;
	font-family: Arial, sans-serif;
	color: #333333;
}
h5, .h5style {
	font-size: .875em;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	text-transform: uppercase;
	color: #333333;
}
h6, .h6style {
	font-size: .875em;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	color: #333333;
}
p {
}
p.lead {
	font-size: 18px;
}
blockquote {
	margin-left: 16px;
}
blockquote.standard {
	font-size: 18px;
}
blockquote.bold {
	font-size: 18px;
	font-weight: bold;
	background: #EFEFEF;
}
blockquote.huge {
	font-size: 28px;
	font-weight: bold;
	font-family: serif;
}
footer {
	margin: 0 -15px;
}
footer .wofooter a {
	font-size: 12px;
}
footer .wofooter {
	padding: 10px;
	background: #000000;
	text-align: center;
}
footer .wofooter .nav-pills > li {
	float: none;
}
footer .wofooter .nav > li {
	display: inline-block
}
footer .servicesfooter {
	background: #2E1E11;
	padding: 10px;
	color: white;
}
footer .servicesfooter .panel-heading h4.panel-title a {
	font-size: 12px;
}
footer .servicesfooter .panel-heading h4.panel-title i {
	font-size: 11px;
	margin-right: 1em;
}
footer .servicesfooter .panel-heading h4.panel-title {
	color: white;
	text-transform: uppercase;
}
footer .servicesfooter .panel-heading, footer .servicesfooter .panel-body {
	background: #2E1E11;
}
footer .servicesfooter .panel-body {
	padding: 0;
}
footer .servicesfooter .panel-body a {
	font-size: 12px;
}
footer .servicesfooter .panel-body a:hover {
	text-decoration: underline;
	color: white;
}
footer .servicesfooter .panel-default > .panel-heading + .panel-collapse > .panel-body, footer .servicesfooter .panel-default {
	border: none;
}
footer .nav > li > a {
	padding: 5px;
}
footer a {
	color: white;
	font-size: 8px;
}
/* WO BAR, Home, Search, SOCIAL MEDIA */
.wobar {
	height: 40px;
	background: rgba(46,30,17,.90);
}
.wobar ul.fsoverview {
	padding-top: 10px;
}
.wobar .fsoverview li {
	border-right: 1px solid #ddd;
	padding: 0 8px;
}
.wobar .fsoverview li:last-child {
	border-right: 0;
}
.wobar .fsoverview li a {
	color: #FFFFFF;
}
.wobar ul.social {
	padding-top: 5px;
}
.wobar .socialtwitter {
	color: #27AAE1;
	color: #ffffff;
}
.wobar .socialfacebook {
	color: #0557A0;
	color: #ffffff;
}
.wobar .socialflickr {
	color: #FF0084;
	color: #ffffff;
}
.wobar .socialyoutube {
	color: #EA0005;
	color: #ffffff;
}
.wobar .socialrss {
	color: #FA8144;
	color: #ffffff;
}
.wobar form.form-inline {
	padding-top: 5px;
}
.wobar input#searchinput {
	height: 28px;
	padding: 5px;
}
/* USFS USDA BRANDING */
.usfsbranding {
	margin: 0;
	padding: 10px 10px 10px 30px;
}


.usfsbranding .rowone {
}
.usfsbranding .rowone .logos img {
	float: left;
	margin-right: 12px;
	max-width: 100%;
}
.usfsbranding .rowone .logos .usdalogo {
	margin-top: 7px;
}
/*.usfsbranding .rowone .slogan {
	color: #333333;
	font-family: "Arial", san-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	padding-top: 12px;
	text-transform: uppercase;
}
 SHRUNK */
.usfsbranding .rowone .slogan {
  color: #333333;
  font-family: "Arial", san-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 16px;
  padding-top: 6px;
  text-transform: uppercase;
}
.usfsbranding .rowone .slogan small {
	color: #555555;
	font-size: 12px;
	text-transform: none;
}
.usfsbranding .rowdivider {
	border-bottom: 2px solid #ddd;
	margin-top: 5px;
}
.usfsbranding .rowtwo {
	clear: left;
	padding-top: 0px;
}
.usfsbranding .rowtwo > p {
	color: #444444;
	font-size: 14px;
}

@media (max-width: 430px) {
.usfsbranding .rowone .logos {
}
.usfsbranding .rowone .slogan {
	font-size: 14px;
}
.usfsbranding .rowone .slogan small {
	font-size: 8px;
}
.usfsbranding .rowtwo {
	text-align: center;
}
.usfsbranding .rowone .logos img {
	float: left;
	margin-top: 0px;
	margin-right: 12px;
	max-width: 18%;
}
.usfsbranding .rowone .logos .usdalogo {
	margin-top: 6px;
}
}


/** MAIN PAGE CONTENT BACKGROUND GRADENT AND SOLID FALLBACK **/
#maincontent {
	background: rgba(241,238,230,1);
	/* Old Browsers */background: -moz-linear-gradient(top, rgba(241,238,230,1) 0%, rgba(243,240,236,1) 100%);
	/* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,238,230,1)), color-stop(100%, rgba(243,240,236,1)));
	/* Chrome, Safari4+ */background: -webkit-linear-gradient(top, rgba(241,238,230,1) 0%, rgba(243,240,236,1) 100%);
	/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(241,238,230,1) 0%, rgba(243,240,236,1) 100%);
	/* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(241,238,230,1) 0%, rgba(243,240,236,1) 100%);
	/* IE 10+ */background: linear-gradient(to bottom, rgba(241,238,230,1) 0%, rgba(243,240,236,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1eee6', endColorstr='#f3f0ec', GradientType=0 );
/* IE6-9 */
}
.breadcrumb {
	background: none;
	border: none;
	padding: 10px;
}
.highlight {
	background: #2E1E11;
	padding: 30px;
}
.highlight h2 {
	color: white;
	border-bottom: 1px solid #d08002;
}
.highlight .lead {
	color: white;
}
#leftsidebar {
}
#leftsidebar .panel-usfs {
	border: none;
}
#leftsidebar .panel-usfs .panel-body {
	padding: 0;
}
#leftsidebar .panel-usfs .panel-heading {
/*background: rgba(82,145,100,1);*/
	/* Old Browsers background: -moz-linear-gradient(top, rgba(82,145,100,1) 0%, rgba(16,99,27,1) 99%, rgba(217,206,187,1) 100%);*/
	/* FF3.6+ background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(82,145,100,1)), color-stop(99%, rgba(16,99,27,1)), color-stop(100%, rgba(217,206,187,1)))*/
	/* Chrome, Safari4+ background: -webkit-linear-gradient(top, rgba(82,145,100,1) 0%, rgba(16,99,27,1) 99%, rgba(217,206,187,1) 100%);*/
	/* Chrome10+,Safari5.1+ background: -o-linear-gradient(top, rgba(82,145,100,1) 0%, rgba(16,99,27,1) 99%, rgba(217,206,187,1) 100%);*/
	/* Opera 11.10+ background: -ms-linear-gradient(top, rgba(82,145,100,1) 0%, rgba(16,99,27,1) 99%, rgba(217,206,187,1) 100%);*/
	/* IE 10+ background: linear-gradient(to bottom, rgba(82,145,100,1) 0%, rgba(16,99,27,1) 99%, rgba(217,206,187,1) 100%);*/
/* W3C filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#529164', endColorstr='#d9cebb', GradientType=0 );*/
/* IE6-9 */
}
#leftsidebar .panel-usfs .panel-heading {
	background: rgba(7,103,39,1.00);
}
#leftsidebar .panel-usfs h3.panel-title {
	color: white;
	font-size: 14px;
}
#leftsidebar .panel-usfs .list-group .list-group-item {
	background: none;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #dddddd;
}
#rightcontextmenu {
}
/*   NAV BAR    */
.navbar {
	margin-bottom: 0;
	min-height:40px;
}
.navbar .container {
	padding-left: 0;
	padding-right: 0;
}
.navbar-default {
	background : #EEECE5;/* background: rgba(46,30,17,1.00); this is the solid brown background */
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-bottom: 1em;
}
.navbar-default .navbar-nav > li > a {
	color: rgba(0,0,0,1.00);
	font-size: 16px;
	font-weight:normal;
	/*font-family: 'Roboto Slab', serif;*/
	font-family: sans-serif;
}
.navbar .navbar-header {
	background: #2E1E11;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background: #076727;
}
/*SEARCH and CONTACT US BUTTON ON MOBILE*/
.navbar button .glyphicon.glyphicon-search, .navbar a.btn .glyphicon.glyphicon-envelope{
    color: rgb(255, 255, 255);
}
.navbar a.btn .glyphicon.glyphicon-envelope{
	padding-top:2px;	
}
@media (min-width: 1024px) {
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: rgba(255,255,255,1.00);
}
.navbar-default .navbar-nav > li > a {
	font-size: 13px;
	color:rgba(255,255,255,1.00);
	padding:10px 15px;
}
.navbar-nav > li {
	background: rgba(46,30,17,1.00);
	border-bottom: none;
	border-radius: 3px 3px 0 0;
	margin-right: 2px;
}
.navbar-nav > li:hover {
	background: #076727;
	border-radius: 3px 3px 0 0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li a:hover, .navbar-default .navbar-nav > li a:focus {
	border-radius: 3px 3px 0 0;
	background: #076727;
}
}
@media (min-width: 1024px) {
#fs-navbar-search{
	display:none !important;	
}
	.navbar-default .navbar-nav > li > a {
	font-size: 16px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-bottom: 0em;
}

}
/* search under navbar */
#advancedsearch {
	background: #2E1E11;
	padding: 5px;
}
@media (min-width: 1200px) {
.navbar-default .navbar-nav > li > a {
	font-size: 16px;
	color:rgba(255,255,255,1.00);
}
}
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */.yamm .collapse, .yamm .dropdown, .yamm .dropup, .yamm .nav {
	position: static
}
.yamm .container {
	position: relative
}
.yamm .dropdown-menu {
	left: auto
}
.yamm .yamm-content {
	background: none repeat scroll 0 0 #eeece5;
	padding: 5px 25px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0
}
.yamm ul.dropdown-menu li.list-group-item {
	background: none;
	border: none;
	border-bottom: 1px solid #dddddd;
	display: block;
	margin-bottom: -1px;
	padding: 10px 15px;
	position: relative;
}
.yamm ul.dropdown-menu li.list-group-item a:hover {
	background: none;
}
.yamm-content .list-group {
	font-size: 14px;
}
.yamm-content .list-group-item > a {
	color: black;
}
/** HOMEPAGE STYLES ... WOODBG **/
#headersearch {
}
#homepagecontent .row {
	margin-bottom: 15px;
}
.homepagewoodbg {
	background: url("../images/homepagewoodbg.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
	padding: 15px 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);
}
/** 980 **/
@media (max-width:980px ){
	.homepagewoodbg {
		background: url("/mobile/homepageimages/background_test_30quality.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
	}
}
/** HOMEPAGE CAROUSEL **/
#homepagecarousel {
	border: 10px solid #ffffff;
}
#homepagecarousel .carousel-caption {
	background: none repeat scroll 0 0 rgba(62, 48, 37,0.90);
	bottom: 20px;
	padding: 15px;
	right: 0;
	text-align: left;
	color: rgba(255,255,255,1.00);
	font-size: 12px;
}
#homepagecarousel .carousel-caption > h3 {
	color: rgba(255,255,255,1.00);
}
#homepagecarousel .carousel-indicators {
	background: none repeat scroll 0 0 rgba(62, 48, 37,0.90);
	bottom: 10px;
	left: 0;
	margin-left: 0;
	padding: 10px;
	width: auto;
}

/** 767 962 **/

@media (max-width: 767px) {
    #homepagecarousel .item {
		border-bottom: 10px solid rgb(255, 255, 255);
		display: block;
		padding-bottom: 0;
	}
	#homepagecarousel .item:last-child{
    	border-bottom: 0;
	}	
	#homepagecarousel{
		margin-bottom:15px;	
	}
	#homepagecarousel .carousel-caption {
		padding: 10px;
	 	text-align: right;
	       width: 50%;
		left:0;
	}
	#homepagecarousel .carousel-caption > h3 {
		padding:0px;
		margin:0px;
	}
}
/**** findaforest *****/
#findaforest {
	/*background:rgba(13,91,43,.95);*/
	background: rgba(98,125,77,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(98,125,77,1) 0%, rgba(98,125,77,0.97) 32%, rgba(31,59,8,0.9) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(98,125,77,1)), color-stop(32%, rgba(98,125,77,0.97)), color-stop(100%, rgba(31,59,8,0.9)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(98,125,77,1) 0%, rgba(98,125,77,0.97) 32%, rgba(31,59,8,0.9) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(98,125,77,1) 0%, rgba(98,125,77,0.97) 32%, rgba(31,59,8,0.9) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(98,125,77,1) 0%, rgba(98,125,77,0.97) 32%, rgba(31,59,8,0.9) 100%);
	background: radial-gradient(ellipse at center, rgba(98,125,77,1) 0%, rgba(98,125,77,0.97) 32%, rgba(31,59,8,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08', GradientType=1 );
	border: 10px solid #ffffff;
	padding: 20px 30px 0;
	text-align: center;
	color: rgba(255,255,255,1.00);
}
#findaforest select {
	color: rgba(5,5,5,1.00);
}
#findaforest h2 {
	color: rgba(255,255,255,1.00);
	font-weight: bold;
}
@media (max-width: 375px) {
	#findaforest h2 {
		font-size: 1.875em; /* Some tweener fallback that doesn't look awful */ 
  		font-size: 5vw;  
	}	
}
@media (max-width: 979px) {
#findaforest .otw-yonder.visible-xs{
	display:inline !important;
}
}
/* PANEL WITH TABS */
/********************************************************************/
/*** PANEL DEFAULT ***/
#homepagecontent .panel {
	border: none;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
}
#homepagecontent .nav-tabs {
	border-bottom: none;
}
#homepagecontent .panel .panel-heading {
	padding: 0;
}
#homepagecontent .panel-default > .panel-heading {
	background-color: #F2EFEA;
	border-color: #F2EFEA;
}
#homepagecontent .panel-default > .panel-body {
	border: 1px solid #dddddd;
}
#homepagecontent .with-nav-tabs.panel-default .nav-tabs > li.active > a, #homepagecontent .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, #homepagecontent .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	background-color: #076727;
	color: #ffffff;
}
#homepagecontent .nav-tabs > li.active > a, #homepagecontent .nav-tabs > li.active > a:hover, #homepagecontent .nav-tabs > li.active > a:focus {
	border-color: #076727;
}
.with-nav-tabs.panel-default .nav-tabs > li > a, .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
	background-color: #2e1e12;
	color: #fff;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a, .with-nav-tabs.panel-default .nav-tabs > .open > a:hover, .with-nav-tabs.panel-default .nav-tabs > .open > a:focus, .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
	background-color: #076727;
	color: #ffffff;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a, .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
	background-color: #f5f5f5;
	border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
	color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
	background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
	color: #fff;
	background-color: #555;
}
/* Midpage Content Slider */
#homepagecontent .thumbnail, #midpagecarousel .thumbnail {
	background-color: #fff;
	border: 1px solid #ddd;
	display: block;
	line-height: 1.42857;
	margin-bottom: 20px;
	padding: 7px;
	transition: all 0.2s ease-in-out 0s;
}
.compass {
	position: absolute;
	right: 5px;
	top: 150px;
}
#homepagecarousel .thumbnail .caption, #midpagecarousel .thumbnail .caption {
	color: #333;
	padding: 9px;
}
#midpagecarousel .carousel-indicators {
	background: none repeat scroll 0 0 #333;
	left: 8px;
	height: 27px;
	margin-left: 0;
	padding: 5px;
	text-align: left;
	top: 153px;
	width: -moz-fit-content;
}
/** 767 **/

@media (max-width: 767px) {
	#midpagecarousel .item{
		display:block;
		margin:-15px 0;
		padding:0;
	}
}
/* THIRD ROW */

#thirdrow.row {
	background: #2e1e11;
	margin-bottom: -15px;
	margin-top: 15px;
	padding: 40px 0 15px;
}
.thirdrowdivider {
	margin: 15px 0 30px 0;
	background: #775F40;
	width: 100%;
	height: 3px;
}
#thirdrow h4 {
	color: white;
	font-family: 'Roboto Slab', serif;
	text-transform: uppercase;
}
/* PROMO CAROUSEL - top originally set to 153px*/
#promocarousel .carousel-indicators {
	background: none repeat scroll 0 0 #333;
	top: 225px;
	left: 0;
	margin-left: 0;
	padding: 5px;
	text-align: left;
	width: auto;
	height: 27px;
}
#promocarousel .caption {
	padding: 0;
}
#promocarousel .thumbnail {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	padding: 0;
}
@media (max-width: 1023px) {
	#promocarousel .carousel-indicators {
		top: 0;
	}
}
@media (max-width: 767px) {
	#thirdrow,#servicesfooter{
		text-align:center;	
	}
	#promocarousel .item{
		display:block;
		margin:-15px 0;
		padding:0;
	}
	#promocarousel .carousel-inner{
		padding-top:1em;	
	}

}
.eagle, .woodsy {
	margin-top: 0;
	position: absolute;
	right: -5px;
	top: -100px;
}
.woodsy {
	top: -91px;
}