/* Celebrating Wildflowers WWW Page Template CSS. Adds to usfs-styles.css and tweaks Bootstrap v3.3.6 CSS. B.Lilly 12/4/2018. */

.table > tbody > tr > th {
  vertical-align: bottom;
}
abbr {
  text-decoration: none;
 }

.lead2 {
  font-size: 1.143em;
}

/** GENERAL SITE CAROUSEL **/
#site-carousel {
  border: 5px solid #ffffff;
  margin-left: -15px;
  margin-right: -15px;
}
#site-carousel .carousel-caption {
  background: none repeat scroll 0 0 rgba(62, 48, 37,0.90);
  bottom: 20px;
  padding: 15px;
  left: 35%;
  right: 0;
  text-align: left;
  color: rgba(255,255,255,1.00);
  font-size: 0.857em;
}
#site-carousel .carousel-caption > h2,
#site-carousel .carousel-caption > h3,
#site-carousel .carousel-caption > .h3 {
  color: #FFFFFF;;
}
#site-carousel .carousel-caption h2,
#site-carousel .carousel-caption h3,
#site-carousel .carousel-caption .h3 {
  border: none;
  font-size: 1.5em;
  font-weight: bold;
}
#site-carousel .carousel-caption .h3 a {
  text-decoration: none;
}
#site-carousel .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;
}
#site-carousel .carousel-control {
  font-size: 1.714em;
  top: 40%;
  width: 10%;
}
.highlight a.carousel-control {
  color: #FFFFFF;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}
#site-carousel .carousel-caption a {
  color: #FFE98A;
}
#site-carousel p {
  margin: 0;
}
.carousel-indicators li {
    height: 12px;
    margin: 0;
    width: 12px;
}

#site-carousel .carousel-inner .item {
  display: none;
}
#site-carousel .carousel-inner .item.active {
  display: block;
}
@media (max-width: 767px) {
  #site-carousel .item {
    /* border-bottom: 10px solid rgb(255, 255, 255); */
    display: block;
    padding-bottom: 0;
  }
  #site-carousel .item:last-child{
    border-bottom: 0;
  }
  #site-carousel{
    margin-bottom:15px;  
  }
  #site-carousel .carousel-caption {
    padding: 10px;
    text-align: right;
    width: 50%;
    left:0;
  }
  #site-carousel .carousel-caption > h3 {
    padding:0px;
    margin:0px;
  }
}

/* Secondary Panel Menu Include in primary navbar */
#navbar-secondary {
  margin: 0 -15px;
}
#navbar-secondary .panel {
  margin-bottom: 0px;
}
#navbar-secondary .panel-usfs {
  border: none;
}
#navbar-secondary .panel-usfs .panel-body {
  padding: 0;
}
#navbar-secondary .panel-usfs .panel-heading {
  background: rgba(7,103,39,1.00);
}
#navbar-secondary .panel-usfs h2.panel-title {
  color: white;
  font-size: 1.133em;
}
#navbar-secondary .panel-usfs ul.list-group {
  font-size: 1em;
  margin-bottom:0;
}
#navbar-secondary .panel-usfs .list-group .list-group-item {
  background: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #dddddd;
}
/* Secondary Panel Menu Include Sublist */
#navbar-secondary .panel-usfs ul.list-group li ul.list-group,
#leftsidebar .panel-usfs ul.list-group li ul.list-group {
  margin: 10px -15px -10px -15px;
}
#navbar-secondary .panel-usfs ul.list-group li ul.list-group li.list-group-item,
#leftsidebar .panel-usfs ul.list-group li ul.list-group li.list-group-item {
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top:#ddd solid 1px;
  padding-left: 30px;
}
/* column gutter adjustments */
.omega {
  padding-right: 0;
}
.alpha {
  padding-left: 0;
}

/* form control adjustments */
.form-inline {
  margin-bottom: 10px;
}
@media (min-width: 0px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
}
/* adjust form width for viewing areas include */
@media (min-width: 1200px) {
  select#byState,
  select#byNFG,
  select#byFSRegion,
  select#Region {
    margin-right:0;
    width:180px;
  }
}
@media (max-width: 1199px) and (min-width: 990px) {
  select#byState,
  select#byNFG,
  select#byFSRegion {
    margin-right:0;
    width:132px;
  }
  select#Region {
    margin-right:0;
    width:180px;
  }
}
@media (max-width: 989px) and (min-width: 493px) {
  select#byState,
  select#byNFG,
  select#byFSRegion {
    margin-right:0;
    width:140px;
  }
}
@media (max-width: 492px) {
  select#byState,
  select#byNFG,
  select#byFSRegion {
    margin-right:0;
    width:250px;
  }
}

/* adjust form width for viewing areas include */
@media (max-width: 499px) {
  select#byStat,
  select#byFor,
  select#byRegion {
    margin-right:0;
    width:250px;
  }
}

/* hide regions map at lower resolutions */
@media (max-width: 600px) {
  #regions-map {
    display: none;
  }
}

/* Special text box treatments */

/* Regions and Viewing Area Description Right-Column */
.wrapper-right {
  background: #FFF;
  border: #CCC solid 1px;
  float: right;
  margin: 0 0 0.625em 0.625em;
  padding: 0.313em;
  overflow: hidden;
  width: 208px;
}
/* change width at lower viewport size */
@media (max-width: 500px) {
  .wrapper-right {
    width:175px;
  }
}

.wrapper-right h2 {
  margin: -0.313em -0.313em 0.313em -0.313em;
  padding: 5px;
  background: #CCC;
  border-bottom: none;
  color: #000;
  font: bold 1em Verdana,Helvetica,sans-serif;
  text-align: center;
}
.wrapper-right p {
  font-size: 0.857em;
}
.wrapper-right img {
  border: 1px solid #CCC;
  margin: 0;
  padding: 0;
}

/* Fading Gold - Aspen blocktext treatments */
div.aspenblocktext {
	background: url(/wildflowers/beauty/aspen/images/fadingGoldBackground.jpg) top left repeat-y;
	border: #cccccc solid 1px;
	margin: 0 0 0.625em 0;
	padding: 0;
}
@media (max-width: 767px) {
  div.aspenblocktext {
    background: #FAF8E1;
  }
}

div.aspenblocktext p {
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.143em;
	font-style: italic;
	margin: 0.313em;
}

div.aspenblocktextleaves {
	background: url(/wildflowers/beauty/aspen/images/aspenLeavesWaterdropBackground.jpg) top right repeat-y;
	border: #cccccc solid 1px;
	margin: 0 0 0.625em 0;
	padding: 0;
}
@media (max-width: 767px) {
  div.aspenblocktextleaves {
    background: #FAF8E1;
  }
}

div.aspenblocktextleaves p {
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.143em;
	font-style: italic;
	margin: 0.313em;
}

/* Coralroot Orchid blocktext treatments */
div.coralrootblocktext {
	background: url(/wildflowers/beauty/corallorhiza/images/main/corallorhiza-odontorhiza-jfowler-home.jpg) top left repeat-y;
	background-color: #335D11;
	border: #d97c18 solid 1px;
  height: 350px;
	margin: 0 0 0.625em 0;
	padding: 0.625em;
}
@media (max-width: 767px) {
  div.coralrootblocktext {
    background: #335D11;
    height: auto;
  }
}
div.coralrootblocktext h2 {
  border-bottom: 1px solid #ffffff;
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
  margin-top: 10px;
}
div.coralrootblocktext p {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.429em;
	font-style: italic;
  line-height: 1.75em;
  margin: 0.313em;
}

/* Mycotrophic Plants blocktext treatments */
div.mycotrophicblocktext {
	background: url(/wildflowers/beauty/mycotrophic/images/home/fading_sarcodes.jpg) top left repeat-y;
	background-color: #000000;
	border: #d97c18 solid 1px;
	margin: 0 0 0.625em 0;
	padding: 0.625em;
}
@media (max-width: 767px) {
  div.mycotrophicblocktext {
    background: #000000;
    height: auto;
  }
}
div.mycotrophicblocktext h2 {
  border-bottom: 1px solid #ffffff;
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
  margin-top: 10px;
}
div.mycotrophicblocktext p {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.143em;
	font-style: italic;
	margin: 0.313em;
	padding: 0;
}

/* image wrappers */

/* change width at lower viewport size */
@media (max-width: 500px) {
  .img-float-right-200,
  .img-float-right-250,
  .img-float-left-200,
  .img-float-left-250 {
    width:175px;
  }
}

div.thumbnail-wrapper {
	margin: 0.625em 0 0.625em 0;
	padding: 0;
	overflow: hidden;
	/* clear: both;
	display: inline-table; */
}
div.thumbnail-wrapper:after {
	clear: both;
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden; 
}

div.thumbnail-wrapper div.thumb3 {
	float: left;
	margin: 0 0.625em 0.75em 0;
	overflow: hidden;
	padding: 0;
	width: 176px;
}
div.thumbnail-wrapper div.thumb3end {
	float: left;
	margin: 0 0 0.75em 0;
	overflow: hidden;
	padding: 0;
	width: 176px;
}

div.thumbnail-wrapper div.thumb4 {
	float: left;
	margin: 0 0.688em 0.625em 0;
	overflow: hidden;
	padding: 0;
	width: 132px;
}

div.thumbnail-wrapper div.thumbnail100 {
	float: left;
  height: 200px;
	margin: 0 0.625em 0.625em 0;
	overflow: hidden;
	padding: 0;
	width: 102px;
}

div.thumbnail-wrapper div.thumbnail125 {
	float: left;
	margin: 0 0.313em 0.625em 0;
	overflow: hidden;
	width: 127px;
}

div.thumbnail-wrapper div.thumbnail150x113 {
	float: left;
	height: 185px;
	margin: 0 1em 1em 0;
	overflow: hidden;
	width: 152px;
}
div.thumbnail-wrapper div.thumbnail150 {
	float: left;
	height: 250px; /* */
	margin: 0 1em 1em 0;
	overflow: hidden;
	width: 152px;
}


div.thumbnail-wrapper div.thumbnail160 {
	float: left;
	/* [disabled]height: 160px; */
	margin: 0 0.625em 0.625em 0;
	overflow: hidden;
	width: 162px;
}

div.thumbnail-wrapper div.thumbnail180 {
	float: left;
	/* height: 220px; */
	margin: 0 1em 1em 0;
	overflow: hidden;
	width: 152px;
}