@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500|Teko:400,700');

.arr-content a, .arr-content a:visited {
    color: #838282 !important; text-decoration: none;
}
.arr-content a:hover, .entry-category a:hover, .td-post-comments a:hover {
   color: #ef4030 !important; text-decoration: none;
}

.entry-category a, .entry-category a:visited, .td-social-sharing-buttons a, .td-social-sharing-buttons a:visited, .td-social-sharing-buttons a:hover   {
   color: #ffffff !important; text-decoration: none;
}

.td-post-comments a, .td-post-comments a:visited {
   color: #000000; text-decoration: none;
}

.entry-title {
    color: #ef4030;
    font-family: 'Teko', sans-serif;
    text-align: center;
}
.module-meta-info {
    color: #000;
}

.clear5 {
    clear:both;
    height: 5em;
}
.clear2 {
	clear: both;
	height: 2rem;
}
.clear3 {
    clear:both;
    height: 3em;
}
.clear {
    clear:both;
    height: 0;
}

.dropcap-red {
    color:#ef4030 !important;
    font-family: 'Teko', sans-serif !important;
  font-size: 7em !important;
  padding-top: 1em;
}

.wp-caption-text {
	width: 90%;
	margin: 0 auto;
}

.imgleftsm {
	width: 40%;
	float: right;
}
.imgleftsm {
	width: 100%;
}

.arr-menu-container-post {
    width: 100%;
    margin-left: auto; 
    margin-right: auto;
    background-color: #000000 !important;
  z-index: 100;
}
.arr-menu-wrapper {
    width: 80%;
    margin-left: auto; 
    margin-right: auto;
}

.arr-menu-post-left {
    float: left;
    width: 25%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.arr-menu-post-right {
    float: right;
    width: 65%;
}

.arr-main-container {
    width: 100%;
    margin: 0;
    padding: 0;
}

.arr-content {
    width: 45%;
    margin: 0 auto;
  box-sizing: border-box;
}

.arr-nav {
    background-color: #000000;
    overflow: hidden;
}
.arr-nav a {
    float: left;
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 10px 30px 0 30px;
    text-decoration: none;
    font-size: 1.5em;
  text-transform: uppercase;
  font-family: 'Teko', sans-serif;
}

.arr-nav a:hover {
    color: #a1a0a0;
}

.arr-nav a:active {
    color:#ef4030;
}

.arr-nav .icon {
    display: none;
}

.arr-logo-header {
  width:100%; 
  margin-left: auto; 
  margin-right: auto; 
  padding-top: 10rem; 
  margin-bottom:-5em;
}
.arr-logo-block {
  width:60% !important; 
  margin: 0 auto !important;
}

.arr-logo-block img {
  width: 100%;
}
.arr-blockquote, .arr-blockquote p{
 color: #ef4030 !important;
 font-family: Roboto, sans-serif; 
 font-weight: bold;
 font-size: 1.75rem;
}

.arr-blockquote-wrap-left {
	float: left;
	padding-right: 20px;
	width: 40%;
	text-align: right !important;
}


.arr-blockquote-wrap-right {
	float: right;
	padding-left: 20px;
	width: 30%;
	text-align: left !important;
}

.arr-landing-h2, .arr-post-h1 {
    color:#ef4030 !important;
    font-family: 'Teko', sans-serif;
    text-align: center;
}

.arr-fester .entry-title {
  font-family: 'Teko', sans-serif;
  font-weight: 900 !important;
  text-transform: uppercase;
       font-size: 5.5em !important;
       line-height: 1em !important;
}

.arr-fester .td-post-sub-title {
  text-transform: capitalize !important;
       color: #58595b !important;
}
.arr-meta-info .td-post-author-name,  .arr-meta-info .td-post-views, .arr-meta-info .td-post-date, .arr-meta-info .td-post-comments, .arr-meta-info .td-post-author-name a  {
  font-weight: 400 !important;
  color: #000000 !important;
  text-transform: capitalize;
}

#arr-h2 {
  font-family: 'Teko', sans-serif;
  font-weight: 900 !important;
  text-transform: uppercase;
}

#stanleyImage {
    width: 100%;
    background-image: url('https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads   /2017/10/19162009/broken-recovery-with-dog.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px; 
}

/*TimeLine*/
.timeline {
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 700px;
  position: relative;
}
.timeline__content-title {
  font-weight: normal;
  font-size: 66px;
  margin: -10px 0 0 0;
  transition: .4s;
  padding: 0 10px;
  box-sizing: border-box;
  font-family: 'Teko', sans-serif;
  color: #fff;
}
.timeline__content-desc {
  margin: 0;
  font-size: 18px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.7);
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  line-height: 25px;
}
.timeline__content-desc em {
  font-size: 13px;
}
.timeline:before {
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  content: "";
  background: rgba(255, 255, 255, 0.07);
}

.timeline-item {
  padding: 40px 0;
  opacity: .3;
  filter: blur(2px);
  transition: .5s;
  box-sizing: border-box;
  width: calc(50% - 40px);
  display: flex;
  position: relative;
  transform: translateY(-80px);
}
.timeline-item:before {
  content: attr(data-text);
  letter-spacing: 3px;
  width: 100%;
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  font-family: 'Teko', sans-serif;
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  top: 70%;
  margin-top: -5px;
  padding-left: 15px;
  opacity: 0;
  right: calc(-100% - 56px);
}
.timeline-item:nth-child(even) {
  align-self: flex-end;
}
.timeline-item:nth-child(even):before {
  right: auto;
  text-align: right;
  left: calc(-100% - 56px);
  padding-left: 0;
  border-left: none;
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  padding-right: 15px;
}
.timeline-item--active {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0px);
}
.timeline-item--active:before {
  top: 50%;
  transition: .3s all .2s;
  opacity: 1;
}
.timeline-item--active .timeline__content-title {
  margin: -50px 0 20px 0;
}
@media only screen and (max-width: 767px) {
  .timeline:before {
    left: 40px;
  }
  .timeline-item {
    align-self: baseline !important;
    width: 100%;
    padding: 0 30px 150px 80px;
  }
  .timeline-item:before {
    left: 10px !important;
    padding: 0 !important;
    top: 50px;
    text-align: center !important;
    width: 60px;
    border: none !important;
  }
  .timeline-item:last-child {
    padding-bottom: 40px;
  }
  .timeline-header__title {
    font-size: 76px;
  }
}

.timeline__img {
  max-width: 100%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}
.timeline-container {
  width: 100%;
  position: relative;
  padding: 80px 0;
  transition: .3s ease 0s;
  background-attachment: fixed;
  background-size: cover;
}
.timeline-container:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(99, 99, 99, 0.8);
  content: "";
}
.timeline-header {
  width: 100%;
  text-align: center;
  margin-bottom: 80px;
  position: relative;
}
.timeline-header__title {
  color: #fff;
  font-size: 96px;
  font-family: 'Teko', sans-serif;
  font-weight: normal;
  margin: 0;
  line-height: 98px;
  text-transform: uppercase;
}
.timeline-header__subtitle {
  color: rgba(255, 255, 255, 1);
  font-family: 'Roboto', sans-serif;
  font-size: 33px;
  margin: 10px 0 0 0;
  font-weight: 400;
  line-height: 38px;
}

/*Opioids & Thier Impact*/
.hidden {position: absolute;top:-100000px;z-index:5000;}
.inactive {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.types h2, .typesMenu li span, .types h4, .stats h2, .statsMenu li span, .stats h4, .signs h2, .signsMenu li span, .signs h4 {
  text-transform: uppercase;
  font-style: normal;
  font-weight:  700;
  line-height: 1em;
}

.signs h4 {
  margin: 10px;
}

.statsMenu li span, .stats h4 {
  color: #ffffff !important;
}

.types h2, .stats h2 {
  font-family: Teko, sans-serif;
  font-size: 3.5em;
  line-height: 1em;
  text-transform: uppercase;
  color: #ffffff !important;
}

.signs h2 {
  font-family: Teko, sans-serif;
  font-size: 3.5em;
  line-height: 1em;
  text-transform: uppercase;
  color: #ffffff !important;}

.types h3, .stats h3, .signs h3 {
  font-family: Roboto, sans-serif;
  font-size: 1.75em;
  line-height: 1em;
  font-weight: 200;
  color: #ffffff !important;
}

.types h4, .stats h4, .signs h4  {
  font-family: Teko, sans-serif;
  font-size: 3em;
  line-height: 1em;
  font-weight: 600;
}

.types h5, .stats h5, .signs h5 {
  font-family: Teko, sans-serif;
  font-weight: 400;
  color: #bd0e0e;
  font-size: 1.75em;
  line-height: 1.25em;
  text-transform: uppercase;
}

.types h6, .stats h6, .signs h6 {
  font-size: 1.9em;
  line-height: 1em;
  color: #bd0e0e;
  -webkit-transition: .2s ease-out .4s;
    -moz-transition: .2s ease-out .4s;
    -o-transition: .2s ease-out .4s; 
}

.types-header p, .stats-header p, .signs-header p {
  margin-top: 1em;
}

.types a, .types a:visited, .stats a, .stats a:visited, .signs a, .signs a:visited {color: #ffffff;text-decoration:none}

/*ANIMATIONS*/

@keyframes slidein {
  0% {
    transform:translate(-10px);
  }
  50% {
    transform:translate(-100px);
  }
  100% {
    transform:translate(-100px);
    transform: rotate(-145deg);
  }
}
@keyframes fall {
  0% { 
    opacity:0;
    margin-top: 25px;
  }
  30% {
    opacity:1;
    margin-top: 25px;
    margin-right: 350px;
  }
  100% {
    opacity:1;
    margin-top: 125px;
    margin-right: 350px;
    transform: rotate(360deg);
  }

}


.bottle {
  animation-duration: 2s;
  animation-name: slidein;
  animation-fill-mode: forwards;
  z-index: 100;
  display: block;
}

.miniTab {
  animation-duration: 3s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  animation-name: fall;
  padding-bottom: 20px;
  opacity:0;
  display: block;
}

.popNumbers {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 2.5em;
  color: #ffffff;
  line-height: 1.25em;
}

.eduText, .odtext {
  font-family: Roboto, sans-serif;
  font-size: 1em;
  font-weight: 300;
}

.stats a, .stats a:visited, .types a, .types a:visited, .signs a, .signs a:visited {color: #ffffff;text-decoration:none}

/*HTML*/

header {overflow: hidden;}
hgroup {
        float: left;
        border-right: 1px solid rgba(135,135,135,.5);
        width: 457px;
        padding-left: 20px
    }
    header > div {
        float:left;
        width: 410px;
        font-size: .95em;
        line-height: 1.4em;
        margin-left: 50px;
    }

.opAnimation {
  width: 30%;
  float:right;
}

.types, .stats, .signs {
  background-color: #000000;
  color: #ffffff;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  overflow: hidden;
}

.types-width, .stats-width, .signs-width {
  width: 100%;
  background: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075539/texture.png) 25% 20% repeat;
}
.types-width {height: 900px;}
.stats-width {height: 1400px}
.signs-width {height: 700px;}
.types-width {
  border-bottom: 1px solid #ffffff;
}
.types-inner, .stats-inner, .signs-inner {
  width: 75%;
  margin: 0 auto;
}

.typesContent, .statsContent, .signsContent {
  position: relative;
  margin-top: 50px;
}

.typesMenu, .statsMenu, .signsMenu {
  float: left;
  width: 211px;
  position: relative;
  z-index: 10;
}

.typesMenu ul, .statsMenu ul, .signsMenu ul {
  background: rgba(0,0,0,0.6);
  list-style:none;
  margin-left: 0;
  padding: 0;
}

.typesli, .startli, .signsli {
  border-bottom: 1px solid #444444;
  border-top: 1px solid #000000;                
  margin: 0 11px 0 0;
	width: 100%;
}

.typesli:last-child, .startli:last-child, .signsli:last-child {
  border-bottom: none;
}

.typesMenu a, .typesMenu a:visited, .statsMenu a, .statsMenu a:visited, .signsMenu a, .signsMenu a:visited {
  display: block;
    position: relative;
    left: -8px;
    padding: 13px 0 13px 65px;
    font-size: .85em;
    color: #999999;
    width: 192px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;                
    background-position: 16px center;
    background-repeat: no-repeat
}
.typesMenu a:hover, .typesMenu a:focus, .statsMenu a:hover, .statsMenu a:focus, .signsMenu a:hover, .signsMenu a:focus {
  background-color: #605f5f;
  color: #ffffff;
}

a.opioids, a.opioids:visited, #opioids .typesIcon {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075511/opioids.png);}
a.listofopioids, a.listofopioids:visited, #listofopioids .typesIcon {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075509/listofopioids.png);}
a.fentanyl, a.fentanyl:visited, #fentanyl .typesIcon {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075508/fentanyl.png);}
a.physical, a.physical:visited, #physical .signsIcon {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/09060034/physical.png);}
a.emotional, a.emotional:visited, #emotional .signsIcon {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/09060034/emotional.png);}
a.behavioral, a.behavioral:visited, #behavioral .signsIcon {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/09060034/behavioral.png);}

a.opioids:hover, a.opioids:focus, .active a.opioids {background-color: #605f5f;}
a.listofopioids:hover, a.listofopioids:focus, .active a.listofopioids {background-color: #bd0e0e;}           
a.fentanyl:hover, a.fentanyl:focus, .active a.fentanyl {background-color: #605f5f;}           

a.physical:hover, a.physical:focus, .active a.physical {background-color: #605f5f;}
a.emotional:hover, a.emotional:focus, .active a.emotional {background-color: #bd0e0e;}           
a.behavioral:hover, a.behavioral:focus, .active a.behavioral {background-color: #605f5f;}     


.typesMenu a:active, .statsMenu a:active, .signsMenu a:active {padding-right: 20px;}

.typesMenu li .label, .statsMenu li .label, .signsMenu li .label {
  font-family: Teko, sans-serif;
  font-weight: 400;
  font-size: 1.68em;
  color: #ffffff;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
}

.typesMenu li .labelText, .statsMenu li .labelText, .signsMenu li .labelText{
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 1em;
  color: #ffffff;
  text-transform: capitalize;
}

.mobileHide {
  display: block;
}


.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 31px solid transparent;
    border-bottom: 31px solid transparent;
    border-left: 22px solid transparent;
    position: absolute;
    top:0;right:-22px;
    -webkit-transition: .2s ease-out;-webkit-transform-origin: 0 50%;-webkit-transform: rotateY(-90deg);
    -moz-transition: .2s ease-out;-moz-transform-origin: 0 50%;-moz-transform: rotateY(-90deg);
    -o-transition: .2s ease-out;-o-transform-origin: 0 50%;-o-transform: rotateY(-90deg);                    
}

a:hover .arrow-right, .active a .arrow-right {-webkit-transform: rotateY(0);-moz-transform: rotateY(0);-o-transform: rotateY(0);}
nav .opioids:hover .arrow-right, nav .opioids:focus .arrow-right, nav .active .opioids .arrow-right, nav .active .opioids:visited .arrow-right {border-left-color: #605f5f;}
nav .listofopioids:hover .arrow-right, nav .listofopioids:focus .arrow-right, nav .active .listofopioids .arrow-right, nav .active .listofopioids:visited .arrow-right  {border-left-color: #bd0e0e;}
nav .fentanyl:hover .arrow-right, nav .fentanyl:focus .arrow-right, nav .active .fentanyl .arrow-right, nav .active .fentanyl:visited .arrow-right {border-left-color: #605f5f;}

nav .physical:hover .arrow-right, nav .physical:focus .arrow-right, nav .active .physical .arrow-right, nav .active .physical:visited .arrow-right {border-left-color: #605f5f;}
nav .emotional:hover .arrow-right, nav .emotional:focus .arrow-right, nav .active .emotional .arrow-right, nav .active .emotional:visited .arrow-right  {border-left-color: #bd0e0e;}
nav .behavioral:hover .arrow-right, nav .behavioral:focus .arrow-right, nav .active .behavioral .arrow-right, nav .active .behavioral:visited .arrow-right {border-left-color: #605f5f;}
              
.typesMain, .statsMain, .signsMain {
  float: left;
  margin-left: 70px;
}
.typesMain, .signsMain {
  width: 35%;
}
.statsMain {
  width: 60%;
}
.typesWrap, .signsWrap {
  height: 500px;
}

.typesIcon, .signsIcon {
  width: 42px;
  height: 40px;
  display: block;
  float:left;
  background-repeat: no-repeat;
  margin-top: 15px
}

.typesWrap h4, .signs h4 {
  display: block;
  float: left;
  padding-left: 10px;
  color: #bd0e0e;
}

.typesWrap p, .signsWrap p {
  font-size: 1.25em;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

.typesWrap ul, .signsWrap ul {
  list-style-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075514/tinypill.png);
  font-size: 1.25em;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.typesWrap li, .signsWrap li {
  margin-top: .25em;
}

.credit {
  text-align: right;
  font-style: italic;
  font-size: .75em;
  margin-right: 1em;
}

.inactive {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.downarrow {
  width: 32px;
  margin: 10em auto 2em auto;
}
.downarrow img {
  width:100%
}
.startli {
  border-bottom: 1px solid #444444;
    border-top: 1px solid #000000;                
    margin: 0 11px 0 8px;
}

.startli:last-child {
  border-bottom: none;
}

a.population, a.population:visited, #population .statsIcon, #pop1, #pop2, #pop3 {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075529/population.png);}
a.income, a.income:visited, #income .statsIcon {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075530/income.png);}
a.education, a.education:visited, #education .statsIcon {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075531/education.png);}
a.farms, a.farms:visited, #farms .statsIcon {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075532/farms.png);}
a.deaths10, a.deaths10:visited, #deaths10 .statsIcon {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075523/deaths10.png);}
a.deaths16, a.deaths16:visited, #deaths16 .statsIcon {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075522/deaths16.png);}

a.population:hover, a.population:focus, .active a.population {background-color: #605f5f;}
a.income:hover, a.income:focus, .active a.income {background-color: #bd0e0e;}            
a.education:hover, a.education:focus, .active a.education {background-color: #605f5f;}            
a.farms:hover, a.farms:focus, .active a.farms {background-color: #bd0e0e;}            
a.deaths10:hover, a.deaths10:focus, .active a.deaths10 {background-color: #605f5f;}            
a.deaths16:hover, a.deaths16:focus, .active a.deaths16 {background-color: #bd0e0e;}

.mobileHide {
  display: block;
}

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 31px solid transparent;
    border-bottom: 31px solid transparent;
    border-left: 22px solid transparent;
    position: absolute;
    top:0;right:-22px;
    -webkit-transition: .2s ease-out;-webkit-transform-origin: 0 50%;-webkit-transform: rotateY(-90deg);
    -moz-transition: .2s ease-out;-moz-transform-origin: 0 50%;-moz-transform: rotateY(-90deg);
    -o-transition: .2s ease-out;-o-transform-origin: 0 50%;-o-transform: rotateY(-90deg);                    
}

a:hover .arrow-right, .active a .arrow-right {-webkit-transform: rotateY(0);-moz-transform: rotateY(0);-o-transform: rotateY(0);}
nav .population:hover .arrow-right, nav .population:focus .arrow-right, nav .active .population .arrow-right, nav .active .population:visited .arrow-right {border-left-color: #605f5f;}
nav .income:hover .arrow-right, nav .income:focus .arrow-right, nav .active .income .arrow-right, nav .active .income:visited .arrow-right  {border-left-color: #bd0e0e;}
nav .education:hover .arrow-right, nav .education:focus .arrow-right, nav .active .education .arrow-right, nav .active .education:visited .arrow-right {border-left-color: #605f5f;}
nav .farms:hover .arrow-right, nav .farms:focus .arrow-right, nav .active .farms .arrow-right, nav .active .farms:visited .arrow-right {border-left-color: #bd0e0e;}
nav .deaths10:hover .arrow-right, nav .deaths10:focus .arrow-right, nav .active .deaths10 .arrow-right, nav .active .deaths10:visited .arrow-right {border-left-color: #605f5f;}
nav .deaths16:hover .arrow-right, nav .deaths16:focus .arrow-right, nav .active .deaths16 .arrow-right, nav .active .deaths16:visited .arrow-right {border-left-color: #bd0e0e;}
              
.statsMain {
  width: 60%;
  float: right;
}
.statsWrap {
  height: 1100px;
}

.statsIcon {
  width: 42px;
  height: 40px;
  display: block;
  float:left;
  background-repeat: no-repeat;
  margin-top: 20px;
}

.popIcon  {
  height: 40px;
  display: block;
  float:left;
}

#od1, #od2, #od3, #od9 {
  height: 40px;
  display: block;
  float:left;
}

#od7, #od8 {
  height: 20px;
  display: block;
  float:left;
  margin-top: 15px;
}

.incomeIcon, .farmIcon, #od4, #od5, #od6, #od10, #od11, #od12  {
  height: 20px;
  display:block;
  float:left;
  background-color: #605f5f;
  margin-top: 15px;
}

#eduPie1, #eduPie2, #eduPie3 {
  height: 45px;
  width: 45px;
  display: block;
  float:left;
  background-repeat: no-repeat;
}

#pop1 {width: 95px;}
#pop2 {width: 143px;}
#pop3 {width: 216px;}
#income1 {width: 95px;}
#income2 {width: 216px;}
#income3 {width: 143px;}
#eduPie1 {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075524/eduPie1.png);}
#eduPie2 {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075525/eduPie2.png);}
#eduPie3 {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075526/eduPie3.png);}
#farm1 {width: 220px;}
#farm2 {width: 159px;}
#farm3 {width: 114px;}
#od1, #od2, #od3, #od7, #od8, #od9 {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075520/deathssmall.png);}
#od1 {width: 90px;}
#od2 {width: 30px;}
#od3 {width: 90px;}
#od4 {width: 19px;}
#od5 {width: 20px;}
#od6 {width: 130px;}
#od7 {width: 195px;}
#od8 {width: 240px;}
#od9 {width: 300px;}
#od10 {width: 41px;}
#od11 {width: 47px;}
#od12 {width: 221px;}

.statsWrap h4, .popNumbers {
  display: block;
  float: left;
  padding-left: 10px;
}


.credit {
  text-align: right;
  font-style: italic;
  font-size: .75em;
  margin-right: 1em;
}

/*INTERVENTION TIPS*/
.interV {
  background-color: #000000;
  color: #ffffff;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  overflow: hidden;
}

.interWidth {
	width: 100%;
	background: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075539/texture.png) 25% 20% repeat;
	height: 700px;
}
.interInner {
	width: 55%;
	margin: 0 auto;
}
.interContent {
	position: relative;
}

.interMenu {
	float: left;
	width: 55px;
	position: relative;
	z-index: 10;
}

.interMenu ul {
	background: rgba(0,0,0,0.6);
  	list-style:none;
  	margin-left: 0;
  	padding: 0;
}

.interli {
	border-bottom: 1px solid #444444;
	border-top: 1px solid #000000;
	margin: 0 11px 0 0;
	width: 100%;
}

.interli:last-child {
	border-bottom: none;
}

.interMenu a, .interMenu a:visited {
	display: block;
    position: relative;
    padding: 13px 0 13px 0px;
    color: #ffffff;
    width: 55px;
    height: 60px;
    text-decoration: none !important;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;                
    background-position: 16px center;
    background-repeat: no-repeat
}

.interMenu a:hover, .interMenu a:focus {
	background-color: #605f5f;
  	color: #ffffff;
	text-decoration: none !important;
}

a.sober:hover, a.sober:focus, .active a.sober {background-color: #605f5f;}
a.cool:hover, a.cool:focus, .active a.cool {background-color: #bd0e0e;}
a.resist:hover, a.resist:focus, .active a.resist {background-color: #605f5f;}
a.emotions:hover, a.emotions:focus, .active a.emotions {background-color: #bd0e0e;}
a.intervention:hover, a.intervention:focus, .active a.intervention {background-color: #605f5f;}

.interMenu a:active {padding-right: 20px;}

.interMenu li .label {
	font-family: Teko, sans-serif !important;
	font-weight: 700;
	font-size: 2.5em !important;
	line-height: 1em;
	padding: 0 20px 0 20px;
	color: #ffffff;
	-webkit-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	transition: .2s ease-out;
}

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 31px solid transparent;
    border-bottom: 31px solid transparent;
    border-left: 22px solid transparent;
    position: absolute;
    top:0;
    right:-22px;
    -webkit-transition: .2s ease-out;-webkit-transform-origin: 0 50%;-webkit-transform: rotateY(-90deg);
    -moz-transition: .2s ease-out;-moz-transform-origin: 0 50%;-moz-transform: rotateY(-90deg);
    -o-transition: .2s ease-out;-o-transform-origin: 0 50%;-o-transform: rotateY(-90deg);                    
}

a:hover .arrow-right, .active a .arrow-right {-webkit-transform: rotateY(0);-moz-transform: rotateY(0);-o-transform: rotateY(0);}

nav .sober:hover .arrow-right, nav .sober:focus .arrow-right, nav .active.sober .arrow-right, nav .active.sober:visited .arrow-right {border-left-color: #605f5f;}

nav .resist:hover .arrow-right, nav .resist:focus .arrow-right, nav .active.resist .arrow-right, nav .active.resist:visited .arrow-right {border-left-color: #605f5f;}
nav .intervention:hover .arrow-right, nav .intervention:focus .arrow-right, nav .active.intervention .arrow-right, nav .active.intervention:visited .arrow-right {border-left-color: #605f5f;}
nav .cool:hover .arrow-right, nav .cool:focus .arrow-right, nav .active.cool .arrow-right, nav .active.cool:visited .arrow-right {border-left-color: #bd0e0e;}
nav .emotions:hover .arrow-right, nav .emotions:focus .arrow-right, nav .active.emotions .arrow-right, nav .active.emotions:visited .arrow-right {border-left-color: #bd0e0e;}



.interMain {
	float: left;
	width: 80%;
}

.interWrap {
	margin-top: 17px;
	height: 525px;
}

.interWrap h2 {
	font-family: Teko, sans-serif;
	display: block;
	float: left;
	color: #bd0e0e;
	font-size: 2.8rem;
	width: 100%;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
.interWrap p {
	font-family: Roboto, sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
}

.credit {
  text-align: right;
  font-style: italic;
  font-size: .75em;
  margin-right: 1em;
}

.inactive {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.interPhoto {
	width: 45%;
	float: left;
	padding: 0 10px 0 0;
}

.interText {
	width: 50%;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}

.soberPhoto {
	background: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/10084304/sober.jpg) center no-repeat;
	background-size: cover;
	height: 525px;
}
.coolPhoto {
	background: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/10084255/cool.jpg) center no-repeat;
	background-size: cover;
	height: 525px;
}

.resistPhoto {
	background: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/10084251/resist.jpg) center no-repeat;
	background-size: cover;
	height: 525px;
}

.emotionsPhoto {
	background: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/10084246/emotions.jpg) center no-repeat;
	background-size: cover;
	height: 525px;
}

.interventionPhoto {
	background: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/10084243/intervention.jpg) center no-repeat;
	background-size: cover;
	height: 525px;
}


@media screen and (max-width: 1400px) {
  .stats-width {height: 1100px;}
  .stats-inner {width: 95%;}
  .statsWrap {height: 800px;}
  .types-width {height: 900px;}
  .signs-width {height: 900px;}
  .signsWrap {height: 600px;}
  .typesWrap {height: 500px;}
  .types-inner, .signs-inner {width: 95%;}
  .bottle {
    width: 70px;
    height: 130px;
  }

  .miniTab {
    width: 15px;
    height: 15px;
  }

  .typesMain, .signsMain {
    margin-left: 40px;
  }

  .typesWrap p, .typesWrap ul, .signsWrap p, .signsWrap ul {
    font-size: 1.1em;
    font-weight: 200;
  }
	.types h5, .stats h5, .signs h5 {
  font-size: 1.75em;
  line-height: 1em;
  margin:0;
  padding: 0;
}
   #deaths16 p, #deaths10 p {padding: 0; margin-bottom: 15px}

	.interInner {
		width: 95%;
	}
	.interMain {
		width: 90%;
	}
	.downarrow {
	  display: none;
  	}

}

@media screen and (max-width: 1024px) {
hgroup {
      border-right: none;
      width:100%;
      float: none;
    }
   header > div {
    margin-left: 0;
    margin-top: 1em;
    width: 100%;
    float: none;
   }
}

.typesContent, .statsContent, .signsContent {
  margin-top: 10px;
}

@media screen and (max-width: 760px) {
  .mobileHide {
    display: none;
  }
.arr-blockquote-wrap-left, .arr-blockquote-wrap-right {
	float: none;
	width: 95%;
	margin: 0 auto;
	text-align: center !important;
}

.odAnimation, .bottle, .miniTab {
  display: none !important;
  width: 0px;
}

.typesContent, .statsContent, .signsContent {
  margin-top: 10px;
}

  .arr-logo-header { 
    padding-top: 0em;
    margin-bottom:2em;
  }
  .arr-logo-block {
    width:100%; 
  }
  
  .arr-menu-wrapper {
      width: 90%;
    margin: 0 auto;
  }

  .arr-menu-post-left {
      float: none;
      width: 100%;
  }
  .arr-menu-post-right {
      float: none;
      width: 100%;
  }

  .arr-content {
      width: 80%;
  }
  .arr-nav a:not(:first-child) {display: none;}
    .arr-nav a.icon {
      float: right;
      display: block;
  }

  .arr-nav.responsive {position: relative;}
    .arr-nav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .arr-nav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }

  .arr-fester .entry-title {
    font-size: 3em !important;
  }
  .types h2, .stats h2, .signs h2 {
    font-size: 2.75em;
    text-align: center;
  }
  .types h3, .stats h3, .signs h3 {
    font-size: 1.25em;
	text-align: center;
  }
  .types-header p, .stats-header p, .signs-header p {
  	margin-top: .75em;
  }
  .stats-width {height: 1600px;}
  .statsWrap {height: 1150px;}
  .mobileHide {
    display: none;
  }
  .types-width {height: 1200px;}
  .types-inner {height: 1200px;}
  .typesWrap {height: 800px;}
  .signs-width {height: 1200px;}
  .signs-inner {height: 1200px;}
  .signsWrap {height: 800px;}
  .typesMenu, .statsMenu, .signsMenu {width:55px;}
  .signsMain {
    margin-left: 10px;
    width: 75%;
    float: right;
  }

  .typesMenu a, .typesMenu a:visited, .statsMenu a, .statsMenu a:visited, .signsMenu a, .signsMenu a:visited {
    width: 55px; 
    height: 40px; 
    display: block; 
    padding: 10px 0 10px 0px;
    background-position: 8px center;
  }

  .typesMenu a:active, .statsMenu a:active, .signsMenu a:active {padding-right: 10px;}
  .statsMain, .typesMain {
    width: 60%;
    float: right;
  }

  .typesMenu h4, .stats h4 {
    font-size: 2.8em;
    padding-left: 0;
  }

  .signs h4 {
    font-size: 1.95em;
  }

  .typesIcon, .statsIcon, .signsIcon {
    display: none;
  }
  .downarrow {
	display: none;
  }

  .popNumbers {
    font-size: 2em;
  }
.types h5, .stats h5, .signs h5 {
  font-size: 1.75em;
  line-height: 1em;
  margin:0;
  padding: 0;
}
#deaths16 p, #deaths10 p {padding: 0; margin-bottom: 10px}
.credit {width: 100%;}

  #pop1, #pop2, #pop3 {background-image: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/01075527/populationSM.png);}
#od7 {margin-top: 0;}
#od8{
  height: 40px;
  margin-top: 0; 
}
#od9 {height: 80px; margin-top:0;}
#od8 {width: 120px;}
#od9 {width: 150px;}

  .popIcon  {height: 34px;}
  .incomeIcon, .farmIcon {
    margin-top: 10px;
  }
  #pop1 {width: 84px;}
  #pop2 {width: 127px;}
  #pop3 {width: 192px;}
  #income1 {width: 51.63px;}
  #income2 {width: 58.838px;}
  #income3 {width: 53.9px;}
  #farm1 {width: 132.8px;}
  #farm2 {width: 96.5px;}
  #farm3 {width: 75.9px;}

  .eduText, .odtext {
    font-family: Roboto, sans-serif;
    font-size: .85em;
    font-weight: 200;
    display: block;
    margin-top: 10px;
  }
	.interInner {
		width: 98%;
	}
	.interMain {
		width: 80%;
	}

	.interWidth {
		height: 750px;
	}

	.interWrap {
		height: 650px;
	}

	.interPhoto {
		width: 100%;
		float: none;
		padding: 0 0 10px 0;
	}

	.interText {
		width: 80%;
		float: none;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}

	.interWrap h2 {
		font-size: 2rem;
	}
	.interWrap p {
		font-size: .85rem;
	}


	.soberPhoto {
		background: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/10084259/soberV.jpg) center no-repeat;
		background-size: cover;
		height: 130px;
	}
	.coolPhoto {
		background: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/10084238/coolV.jpg) center no-repeat;
		background-size: cover;
		height: 130px;
	}

	.resistPhoto {
		background: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/10084240/resistV.jpg) center no-repeat;
		background-size: cover;
		height: 130px;
	}

	.emotionsPhoto {
		background: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/10084242/emotionsV.jpg) center no-repeat;
		background-size: cover;
		height: 130px;
	}

	.interventionPhoto {
		background: url(https://s3-wp-lyleprintingandp.netdna-ssl.com/wp-content/uploads/2017/11/10084234/interventionV.jpg) center no-repeat;
		background-size: cover;
		height: 130px;
	}
}