/* begin home page CSS */
section header {
  margin-bottom: 1.5em;

}

.list-group-item.active {
    background-color: #B92928 !important;
    border-color: #B92928 !important;
}

#callout-fullwidth {
	background: url('/opioid/images/oarline.jpg') center no-repeat;
	background-size: cover;
	height: 35em;
	padding: 1em;
	text-align: center;
	margin: auto;
}

.callout-box {
	padding: 7em;
	font-display: block;
	color: white;
}

.callout-box h3 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	padding-top: 1em;
	color: white;
}

.red-layer {
  background-color: rgba(153, 0, 0, 0.7);
	position:absolute;
  left: 0;
  width: 26.89em;
  height: 21.55em;
	z-index:1;
}

.lrg-text {
	font-size: 30px;
}

.parallax-content {
	align-items: center;
	text-align: center;
}

.parallax-content  {
	height: 12.9em;
	text-align: center;
}

.parallax-content h1 {
	padding-top: 1.5em;
}

.stats {
	background: #f2f2f2;
	padding-top: 0;
	color: white;
}

#dashboards {
	background: #f2f2f2 !important;
	padding-top: 0;
  padding-bottom: 2em;
	color: white;
}

#dashboards .toggle, #dashboards .toggle-content {
  border: none;
  background: none;
}


.stats-blurb {
}

.stats-blurb-p {
	background-color: #b92b28;
	padding: 2em;
  font-size: 18px !important;
  line-height: 38px;
	min-height: 9em;
}

.stats-blurb-p .lead {
  font-size: 28px !important;
  line-height: 42px;
}
.stats-blurb-deaths {
	background-color: #a01c19;
	text-align: center;
	padding-top: 5em;
	min-height: 9em;
}
.stats-blurb-deaths a {
	color: white;
	text-decoration: none;
}

.stats-nav {
	padding-top: 3em;
	text-align: center;
	align-items: center;
}

.stats-nav .btn {
	width: 100%;
	padding: 2em;
	border-radius: 10px;
	background: white;
	color: #a01c19;
}

.stats-nav .btn .fal {
	font-size: 40px;
	padding: .5em 0;
}

.stats-nav .btn:hover {
	background: #e9e9e9;
}

.content-stats {
	padding: 1.955em;
	background: #f2f2f2;
}
.content-stats a {
	text-decoration: none;
}

.content-stats:hover {
	background: #e9e9e9;
}

@media screen and (max-width: 450px) {
	  .tableauViz {
	    height: 1550px;
	  }
    .tableauViz1 {
	    height: 650px !important;
	  }
	}

@media only screen and (max-width: 1024px) {
	.red-layer {
		display: none;
	}
	.parallax {
		background-size: cover !important;
	}
}