.sub_feature {
    max-width: 100%;
    height: auto;
    margin-bottom: 6px;

}
 #feature_img {
   width: 100%;
   height: 100%;
   margin-top: 12px;
  margin-bottom: 6px;

}
.carousel_img {
  width: 100%;
  height: 100%;
  margin-top: 12px;
 margin-bottom: 6px;

}

.staff_img {
  margin-bottom: 5px;
  max-width: 100%;
  height: auto;
}


video {margin-top: 10px;

}
.story {margin-top: 96px;}

.story_aside {margin-top: 5px}


 h1.feature {
   font-size: 3rem;
   font-weight: 700;
 }
 h1.headline {
   font-size: 2.5rem;
   font-weight: 700;
 }
 h3.sub_feature {
   font-weight: 700;
   font-size: 26px;
 }

p {
    color: #232727;
    font-size: 18px;
}

p.sub_feature {
  margin-top: 8px;
  color: #232727;
}

p.small {
  color: #232727;
  font-size: 15px;
}

.byline_author {color: #b22d06;  font-size: 14px; font-weight: 600; line-height: 1.1; margin-right: 7px;}
.byline_date {color: #808080; font-size: 14px; line-height: 1.1;}


h3.story_list {font-size: 1.6rem; color: #000; margin-bottom:0; padding-bottom:0; font-weight: 700}
h5 {font-size: 1rem; color: #000; font-weight: 600}
h6 {font-size: .9rem;}

.story_ul{
line-height: 26px;
}

.caption {color: #888888; line-height: 1.2; font-size: 1rem;}

/* If the screen size is 600px wide or less... */
@media screen and (max-width: 700px) {
   h1.headline {
    font-size: 26px;
   }
   h1.feature {
    font-size: 32px;
   }

   .story {margin-top: 20px;}
}

.stack{
  padding-bottom: 1.7rem;
}

stack_caption {
  font-size: .9rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #000;
  text-align: left;
  caption-side: bottom;
}


 /*this stops pinch zoom on mobile*/
 body {
   touch-action: pan-x pan-y;
 }


/* Latest Stories Lists */

ul.story_list {
list-style-type: none;
margin: 0;
padding: 0;
}
li.story_list{
border-bottom: 1px solid #ddd;
padding-top: 10px;
padding-bottom: 10px;
}
li.last_item{
padding-top: 10px;
padding-bottom: 10px;
}

a.latest{
color: #706F7C;
text-decoration: none;
}

/*Video Play Button*/

.videos img {
	width:100%;
	height:auto;
  margin-bottom: 5px;
}

a.video {
  width: 100%;
  float: left;
  position: relative;

}

a.video span {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url("../images/play2.png") no-repeat;
	background-position: 50% 50%;
	background-size: 18%;


}
/*
@media screen and (max-width: 300px) {
	a.video span {

	}
}
/* search box 
#site_search {

}
*/

.icon {color: #922303; margin-right: 7px; margin-top:5px; padding-bottom:0px;}


/* SVG video play button */

/* Individual video container */
    .video-wrap {
      position: relative;
      width: 100%;
      margin-bottom: 8px;
      margin-top: 8px;
    }
/* video poster frame or placeholder image */
    .video-wrap .placeholder {
      width: 100%;
    }
    /* SVG play button container */
    .video-wrap .play-btn {
      position: absolute;
      width: 100px;
      height: 100px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    .video-wrap .play-btn svg {
      transition: all .2s ease;
      fill: #fff;
    }
    .video-wrap .play-btn:hover svg,
    .video-wrap .play-btn:focus svg {
      cursor: pointer;
      fill: #922303;
    }


/*THIS REMOVES FOCUS ON ALL ELEMENTS: to fix video blue line*/
    *:focus{
       background: none;
       border: 0px;
       outline: none;
    }

    /* adjust your icon size, add different breakpoints as needed */
    @media screen and (max-width: 600px) {
      .video-wrap .play-btn {
        width: 70px;
        height: 70px;
      }
    }






a:hover {color: #922303; text-decoration: none;}
a:active {color: #666666; text-decoration: none;}

 a.section_headlines:link, a.section_headlines:link, a.section_headlines:visited {color: #000; text-decoration: none;}
 a.section_headlines:hover, a.section_headlines:hover {color: #922303; text-decoration: none;}
 a.h1.feature:active, a.h3.sub_feature:active {color: #000; text-decoration: none;}
 a.h1.feature:visited, a.h3.sub_feature:visited {color: #000; text-decoration: none;}


div.footer{
  padding: 1rem 1rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
  /*background-color: #0c2340;*/
  border-radius: 0.3rem;
  border-top: 1px solid #ddd;
  font-size: 14px;

}

@media (min-width: 576px) {
  div.footer {
    padding: 2rem 2rem;
  }
}