/* HEADER STYLE 
===========================================*/
#slick-header>div:nth-of-type(2) a {
	color:#e7d573;
}
#slick-header>div:nth-of-type(2) a:hover {
	color:#d1ba5a;
}
#slick-header .slick-social-hed {
	top:0;
}
#slick-header .slick-social-hed a:hover {
	color: #e7d573;
}

/* BODY STYLE 
===========================================*/
#feat-title {
	width: 100%;
	margin:0px;
	position: relative;
	/*height: 430px;*/
 	/* background-image comes from inline php */
 	background-size: cover;
 	background-position: center;
 	text-align: center;
}
#feat-title:after {
    content: "";
    display: block;
    padding-top: 50%;
}
#feat-title-text {
	position: absolute;
	text-align: center;
	bottom: 0px;
	width: 100%;
}
#feat-title img {
	width:100%;
	height:auto;
}
#feat-title-text .feat-title-wrapper {
	width: 70%;
	display: inline-block;
	background: white;
    padding: 16px 28px 0px 28px;
    border-top: 0px solid black;
    margin: 0 auto;		
}
#feat-title-text .border-el {
	display: inline-block;
	background-color: rgba(0,0,0,.42);
	height: 6px;	
	margin-bottom: -6px;
    width: 100%;	
}
@media screen and (min-width: 580px) {
	#feat-title-text .feat-title-wrapper,
	#feat-title-text .border-el {
		width: 70%;
		max-width: 70%;
	}
}

@media screen and (max-width: 800px) {
	#feat-title-text .border-el {
		display: none;
	}	
}

#feat-title-text .special-report {
	text-transform: uppercase;
	font-size: 18px;
	color: #B81516;
	margin: 0px;
}
#feat-title h1 {
	line-height: 1em;
	font-size: 2.8em;
	text-transform: initial;
	margin-top: 12px;
	margin-bottom: 0px;
}
#subhed {
	text-align: center;
	font-size: 1.8em;
	margin: 22px auto;
}
@media screen and (max-width: 1080px) {
	#subhed {
		max-width: 700px;		
	}	
}
/*#feat-title h3:nth-of-type(2) {
	color: #fff;
	margin-top: 5px;
	font-size: 1.8em;
}*/
.extra-credits {
	display: inline-block;
	font-size: 94%;
}

#feat-title .topic.tag {
	display: inline-block;
	margin: 0 auto;
}

#feat-title p {
	text-align: right;
	margin: 0 1% 0 0;
	font-size: .8em;
}
#feat-title .photo-credit {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 0px 4px;
	color: white;
	background-color: rgba(0,0,0,.3);
}

#feat-body {
	max-width: 800px;
	margin: 0 auto;
}

@media screen and (max-width: 1024px){
	#feat-body {
		padding: 0px 22px;
	}

}
article.web-feature img {
	max-width: 100%;
}


article.web-feature h2 {
	margin: 1.6em 0em .6em;
}
article.web-feature p {
	font-size: 1.28em;
	margin: 1.18em auto;
}
article.web-feature p,
article.web-feature h2,
article.web-feature h3,
article.web-feature ul {
	max-width: 732px;
	margin-left: auto;
	margin-right: auto;		
}

article.web-feature {
	margin-bottom: 42px;
}
article.web-feature blockquote.half {
	width: 50%;
}
article.web-feature blockquote.half.right {
	width: 50%;
	float: right;
	margin: 1.2em -13% 1.2em 34px;
}
article.web-feature blockquote.half.left {
	width: 50%;
	float: left;
	margin: 1.2em 34px 1.2em -13%;
}

article.web-feature .right-half {
	width: 50%;
	float: right;
	margin: 1.2em -13% 1.2em 22px;	
}
article.web-feature .left-half {
	width: 50%;
	float: left;
	margin: 1.2em 22px 1.2em -13%;	
}

/* box fixes */
article.web-feature .package-header-title h2,
article.web-feature .entry-title {
	margin: 0px;
}
article.web-feature .storypackage.double-col  ul.light-list {
	padding-left: 22px;
}

/* related */
article.web-feature .related-posts h2 {
	margin-top: 0px;	
}
article.web-feature .related-posts.right {
	float: right;
	margin: 10px -34px 20px 34px;	
}

@media screen and (max-width: 1024px) {
	article.web-feature .right-half {
		width: 100%;
		float: none;
		margin: 1.2em 0px 1.2em 0px;	
	}
}

article.web-feature figcaption.wp-caption-text p {
	margin: 0px;
	font-size: 1em;
}

#slick-body a {
	color:#d1b524;
}
#slick-body h3 {
	font-size:1.2em;
}

.feat-date {
	text-align: center;
}

#feat-intro {
	margin-top: 18px;
	margin-bottom: 26px;
	width: 100%;
	text-align: center;	
}
#feat-intro h5 {
	display: inline;
	text-align: center;
}
#feat-intro .social-bar {
	flex-direction: row;
    justify-content: center;
}

#feat-intro .social-bar a {
	margin: 0px 4px;
}

#project-social-banner {
	margin-top: 22px;
}
#project-social-banner.fixed {
	margin-top: 0px;
}
/* hide if not a series */
.not-series #project-social-banner.fixed {
	display:none;
}

@media screen and (max-width: 800px) {
	#feat-title {
		min-height: 500px;
	}
	#feat-title h1 {
		font-size: 2.2em;
	}
}

/* Landing page aside boxes */

.web-feature aside.box.full.landing p.excerpt, .web-feature .shadowbox.landing p.excerpt  {
   margin:  0px;
   line-height: 1.33em;
}
.web-feature aside.box.full.landing h3, .web-feature .shadowbox.landing h3 {
    font-size: 1.4em;
    line-height: 1.08;
    margin: 8px 0px;
}
.web-feature > aside.box.full.landing h3 a, .web-feature .shadowbox.landing h3 a {
   color: unset;
}
.web-feature aside.box.full.landing h5.byline, .web-feature .shadowbox.landing h5.byline {
  color: #000000;
}

@media (min-width: 768px) {
.web-feature aside.box.full.landing {
    margin: 1em 0;
}
}

/* MODULE STYLE 
===========================================*/
.feat-module {
	width: 100%;
	margin: 3em auto 0 auto;
}

.feat-module h2 {
	border-bottom: 1px solid #bfbfbf;
	padding-bottom: 6px;
}

#feat-charts {}
#feat-charts>div:first-of-type {margin:3em 0;}
#feat-charts img {
	margin: 0 auto 22px auto;
	width:100%;
	max-width:691px;
	height:auto;
}

#feat-related {padding: 3em 0;max-width: 691px;}
	#feat-related a {}
	#feat-related h2 {}
	#feat-related p {margin: 0;font-size: 1em;color: #333;}
.feat-related {margin: 2em 0;}

#feat-dc .DC-search-container {margin:3em 0 0 0;}

@media screen and (min-width: 768px){
	
}

@media screen and (min-width: 1024px){
	.feat-module {
		width: 90%;
	}
	#feat-charts img {width:auto;height:auto;}


	.gallery,
	#feat-body iframe.big {
		width: 120%;
		margin-left: -10%;
		
	}

	article.web-feature figure.aligncenter.size-large {
		width: 120%;
	    margin-left: -10%;	
	}

	.web-feature aside.box.right {
		margin-right: -16%;
	}
	.web-feature aside.box.full,
	.web-feature aside.box.full.right {
	  margin-right: 0px;
	}	

}

.bottom-article-share,
footer.article-footer,
#comment-panel {
	max-width: 732px;
}

.bottom-article-share {
	margin: 22px auto;
}
footer.article-footer {
	margin-left: auto;
	margin-right: auto;
}
#comment-panel {
	margin: 0px auto;
	float:none;
}



@media screen and (max-width: 420px) {
	#feat-title h1 {
		font-size: 2em;
	}
	#feat-title {
		min-height: 350px;
	}	
	#feat-title-text {
		bottom: -180px;
	}	
	#feat-body {
		margin-top: 200px;
	}
}