/* --------------- spCarousel -------------- */

#spCarousel {
 margin:0 auto 2em;
}
#spCarousel .carousel-inner {
 box-shadow: 0 1px 4px rgba(0,0,0,.2);
 height: 300px;
 max-height: 300px;
 overflow:hidden;
}
#spCarousel .carousel-indicators {
 position:absolute;
 width:100%;
 bottom:-30px;
 top:auto;
 right:auto;
 text-align:center;
 cursor:pointer;
}
#spCarousel .carousel-indicators > li {
 float:none;
 width:11px;
 height:11px;
 background:rgba(0,0,0,0.5);
 margin:0 6px;
 display:inline-block;
 box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
#spCarousel .carousel-indicators > li:hover {
 background:rgba(0,0,0,0.7);
}
#spCarousel .carousel-indicators > li.active {
 background:rgba(156,0,0,1);
}
#spCarousel .row-fluid {
 margin-bottom:0;
}
#spCarousel .carousel-control {
 position: absolute;
 top: 40%;
 left: 10px;
 width: 40px;
 height: 40px;
 font-size: 60px;
 font-weight: 100;
 line-height: 30px;
 color: #666;
 text-align: center;
 background: none;
 border: none;
 border-radius: 0;
 opacity: 0;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
 z-index: 10;
}
#spCarousel:hover .carousel-control {
 opacity:0.7;
}
#spCarousel .carousel-control.right {
 left:auto;
 right:10px;
}

.carousel-fade .carousel-inner > .item {
	-webkit-transition: opacity linear 1s !important;
	-moz-transition: opacity linear 1s !important;
	-ms-transition: opacity linear 1s !important;
	-o-transition: opacity linear 1s !important;
	transition: opacity linear 1s !important;
}
.carousel-fade .active.left,
.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 100%;
}
.carousel-control {
	z-index:10;
}

.carousel .active.left {
	left:0;
	opacity:0;
	z-index:2;
	padding:0 !important;
	margin:0 !important;
}
.carousel .next {
	left:0;
	opacity:1;
	z-index:1;
	padding:0 !important;
	margin:0 !important;
}

.carousel .active.right {
	left:0;
	opacity:0;
	z-index:2;
	padding:0 !important;
	margin:0 !important;
}

.carousel .prev.right {
	left:0;
	opacity:1;
	z-index:1;
	padding:0 !important;
	margin:0 !important;
}

.featured_img img {
	width:100%;
	height: 300px;
  min-height: 300px;
  min-width: 100%;
}
.featured_img .credit {
	position:absolute;
	bottom:0;
	left:5px;
	color: #fff;
	font-size: 90%;
	text-shadow: 0 0 5px #000;
}
.featured_text {
	padding:7.5% 3%;
	color:#000;
}
.featured_text h4 {
	color:#990000;
	text-align:center;
	font-size: 1.8rem;
}
.featured_text h4 a {
	color:#990000;
	text-decoration:none;
  line-height: normal;
}
.featured_text h4 a:hover {
	color:#990000;
	text-decoration:underline;
}
.featured_text p {
	font-size:1.5em;
	line-height:1.55em;
	text-align: center;
}

@media (max-width: 767px) {
	#spCarousel .carousel-inner {
		box-shadow: 0 1px 4px rgba(0,0,0,.2);
		max-height:none;
    height: auto;
		overflow:auto;
	}
	.featured_img img {
		width:100%;
		height:auto;
		min-height:inherit;
	}
	.featured_text h3 {
		font-size:1.5em;
	}

	.featured_text p {
		font-size:1em;
		line-height:1.1em;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
  #spCarousel .carousel-inner {
		max-height:300px;
    height: auto;
	}
	.featured_img img {
		/* margin: 12% 0 12% 0; */
		height: inherit;
		min-height: 0;
	}
  .featured_text {
  	padding:5% 1% 1%;
  }
	.featured_text p {
		font-size: 1.25em;
		line-height: 1.3em;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
  #spCarousel .carousel-inner {
		max-height:300px;
    height: auto;
	}
  .featured_text {
  	padding:6% 2%;
  }
	.featured_img img {
		/* margin: 7% 0 7% 0; */
		height: inherit;
		min-height: 0;
	}
}
/* --------------- Embiggen -------------- */

.sp-embiggen {
	font-size: 150%;
	word-spacing: .25rem;
	line-height: normal;
  background-color:#eee;
  padding:1.5rem 1rem;
}

/* --------------- HR -------------- */

.spdivider {
	overflow:visible;
	padding:0;
	color:#ff9a00;
	background-color: #ff9a00;
	height: 10px;
}
.spdivider2 {
	overflow:visible;
	padding:0;
	color:#666;
	background-color: #666;
	height: 10px;
}

/* --------------- MAP -------------- */

#map .state:hover {
	fill:#ff9a00;
}
#map .state:hover text{
	fill:#212121;
}

.popover {
	max-width: 100%; /* Max Width of the popover (depending on the container!) */
}
.popover-title {
	background-color: #c9d8ef;
}
.popover-title .close {
	opacity: 0.9;
}
.popover-content {
	max-width:600px;
	min-width:300px;
	max-height:400px;
	height:auto;
	overflow-y:auto;
	overflow-x:hidden;
}
.sal .popover-title {
	background-color:#24467d !important;
	color:#fff !important;
}
.sal .close {
	color: #fff;
	text-shadow: 0 1px 0 #000;
}
.sp .popover-title {
	background-color:#3D72C7 !important;
	color:#fff !important;
}
.sp .close {
	color: #fff;
	text-shadow: 0 1px 0 #000;
}

.label-sp {
  background-color:#3D72C7 !important;
	color:#fff !important;
  width:18px;
  text-align: center;
}
.label-sal {
  background-color:#24467d !important;
	color:#fff !important;
  width:18px;
  text-align: center;
}
/* --------------- HOME PAGE BUTTONS -------------- */
.sp-nav {
  list-style: none;
  margin: 0 auto;
  max-width: 350px;
  padding-top:1em;
}
.sp-nav li {
  display: inline-block;
	margin-bottom:5px;
  text-align: left;
}

.sp-nav a {
	font-weight:bold;
	color:#000;
	font-size:1.2em;
	text-decoration:none;
	padding:1em 10px 1.1em 75px;
	display:block;
}
.sp-nav > li:hover, .sp-nav li.active {
	background-color:#f7f7f7;
}

.sp-nav > li > a:hover,
.sp-nav > li > a:focus {
	background-color:transparent !important;
}
.sp-nav a:visited {
	color:#000;
}

.sp-nav li.standards {
	background-image:url(/dcsp/osp/images/icons/standards.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

.sp-nav li.adoption {
	background-image:url(/dcsp/osp/images/icons/adoption.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

.sp-nav li.facts {
	background-image:url(/dcsp/osp/images/icons/facts.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

.sp-nav li.reports {
	background-image:url(/dcsp/osp/images/icons/reports.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

.sp-nav li.procedures {
	background-image:url(/dcsp/osp/images/icons/procedures.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

.sp-nav li.contact {
	background-image:url(/dcsp/osp/images/icons/contact.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

.btn-sp-info {
	width:300px;
  padding:1rem 1rem 1rem 1.5rem;
  margin-bottom: 0;
  font-size: 1.1em;
  line-height: 20px;
	font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #000;
  text-shadow: none;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-sp-info:hover {
  background-color: #f9f9f9 !important;

}
.btn-sp-info > img {
  position: absolute;
  margin-top: -5px;
  margin-left: -57px;
}
.btn-sp-mon {
	width:300px;
  padding:1em;
  margin-bottom: 0;
  font-size: 1.1em;
  line-height: 20px;
	font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #fff !important;
  text-shadow: none;
  background-color: #976f2b;
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-sp-mon:hover {
	background-color:#7f5e24;
}