/* Forest Management WWW Page Template CSS. Adds to usfs-styles.css and tweaks Bootstrap v3.3.6 CSS. B.Lilly 6/6/2016. */

/** FM HOMEPAGE CAROUSEL **/
#home-carousel {
  border: 5px solid #ffffff;
  margin-left: -15px;
  margin-right: -15px;
}
#home-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;
}
#home-carousel .carousel-caption > h2,
#home-carousel .carousel-caption > h3 {
  color: rgba(255,255,255,1.00);
}
#home-carousel .carousel-caption h3 {
  border: none;
  font-size: 1.5em;
  font-weight: normal;
}
#home-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;
}
#home-carousel .carousel-control {
  font-size: 1.714em;
  top: 45%;
  width: 10%;
}
.highlight a.carousel-control {
  color: #FFFFFF;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}
#home-carousel .carousel-caption a {
  color: #FFE98A;
}
#home-carousel p {
  margin: 0;
}
.carousel-indicators li {
    height: 12px;
    margin: 0;
    width: 12px;
}

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

/* Spotlights adjustment for dropdown menu */
.media-body select {
    max-width: 250px;
  }
@media (max-width: 1199px) {
  .media-body select {
    width: 180px;
  }
}

/* Lone Tree & Windmills Styles */
#lonetreebg {
  background-image: url(/grasslands/virtualexhibits/lonetree/images/curlewbackground.jpg);
  background-size: cover;
  background-position: center;
  border: #CCC solid 1px;
  margin: 0 0 0.625em 0;
  padding: 10px;
}
#lonetreebg p {
  color: #003300;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size :1.143em;
  font-style: italic;
  margin: 0px 5px 15px 5px;
}
#lonetreeNobg {
  max-width: 552px;
}
div.thumbnail100 {
  float: left;
  height: 180px;
  margin: 0 15px 15px 0;
  padding: 0;
  width: 102px;
  overflow: hidden;
}
#lonetreebg div.thumbnail100 p {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
  text-align: left;
}

/* Windmills Styles */
div.windmillsblocktext {
	background: url(/grasslands/virtualexhibits/windmills/images/pawneeBackground.jpg) top left repeat-y;
  background-color: #0E274F;
	border: #CCC solid 1px;
  height: 400px;
	margin: 0 0 0.625em 0;
	padding: 10px;
}
div.windmillsblocktext p {
	color: #ffffff;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size :1.143em;
  font-style: italic;
  margin: 0px 5px 15px 200px;
}
div.windmillsblocktext a {
	color:#FFFFFF;
}