@import url('/static/webfonts/font-awesome.css');
@import url('/static/webfonts/2020Fonts.css');

/* FOLIO STYLES */

#folio-title{
	font-family:"McClatchy Sans Cond","McClatchy Sans", Helvetica, Arial, sans-serif;
	font-weight:500;
}

#floating-folio{
	overflow:hidden;
}

#floating-folio #tracker{
	background:#555;
}

/* HEADER STYLES */
#header>.title{
	font-family: "McClatchy Serif",Georgia,Times,"Times New Roman",serif;
}

/* STORY BODY COPY STYLES */

h1 { 
	font-family: 'McClatchy Slab', Georgia, Times, serif; 
	-moz-text-rendering: optimizeLegibility;
	-webkit-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	font-size: 14vw;
	font-weight:800;
	max-width:none;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	line-height: 1.2em;
	margin:.5em auto 0 auto;
	padding:0 5px;
	text-transform:UPPERCASE;
}
@media screen and (min-width:501px){
	#splash h1{
		font-size: 12vw;
	}
}
#splash h1 .letterA{
	margin-right:-.1em;
}
#splash h2 { 
	font-family: 'McClatchy Sans',Arial,'Helvetica Neue',Helvetica,sans-serif;
	margin:auto;
	width:100%;
	max-width:700px;
	box-sizing:border-box;
	font-weight:bold;
	font-size:1.25em;
	line-height:1.3em;
	margin-bottom:.5em;
	padding:0 5px;
	font-weight:600;
	text-align:center;
}
@media screen and (min-width:501px){
	#splash h2{
		font-size:2em;
	}
}
#splash h1.title,#article-wrapper h1.title{
	font-size: 2.75em;
	text-transform: none;
	font-weight:900;
	max-width:700px;
	margin-top:1.5em;
}
.byline{
	max-width:700px;
	margin:auto;
}
span.ng_byline_name{
	font-family: 'McClatchy Sans Cond',Arial,'Helvetica Neue',Helvetica,sans-serif;
	display:block;
	font-weight:900;
	font-size:1.2em;
	line-height:1.15em;
	color:#999;
}
#article-wrapper>p span.ng_byline_name{
	font-size:.833333em;
	margin-bottom:-2em;
}
#article-wrapper>p span.ng_byline_email{
	display:none;
	font-family: 'McClatchy Serif',Georgia,Times,'Times New Roman',serif;
	font-style:italic;
	font-size:.833333em;
	margin-bottom:-2em;
}
p.published-date,#article-wrapper>p.published-date{
	color:#adadad;
	font-family: 'McClatchy Sans',Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:.85em;
}
#article-wrapper>p.published-date{
	font-size:.7em;
	margin-bottom:1em;
}
.dateline:after{
	content:" – ";
}
#article-wrapper>p{
	font-family: "Lyon", Georgia, Times, "Times New Roman", serif;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:normal;
	max-width:600px;
	margin:1.2em auto;
	background:rgba(100%,100%,100%,.55);
	position:relative;
	z-index:1;
}
@media screen and (min-width:501px){
	#article-wrapper>p{
		background:rgba(100%,100%,100%,.35);
	}
}
#article-wrapper>.section{
	position:relative;
	overflow:hidden;
	padding-bottom:3em;
	margin-bottom:2em;
}
/*#article-wrapper>.expanded.section{
	max-height:9999999em !important;
}*/
#article-wrapper>.section:after{
	content:" ";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2em;
	z-index:15;
	background:-webkit-linear-gradient(rgba(100%,100%,100%,0) 5%, rgba(100%,100%,100%,1) 45%);
	background:-moz-linear-gradient(rgba(100%,100%,100%,0) 5%, rgba(100%,100%,100%,1) 45%);
	background:-ms-linear-gradient(rgba(100%,100%,100%,0) 5%, rgba(100%,100%,100%,1) 45%);
	background:linear-gradient(rgba(100%,100%,100%,0) 5%, rgba(100%,100%,100%,1) 45%);
}
#article-wrapper>.expanded.section:after{
	display:none !important;
}
#article-wrapper>.section>p{
	font-family: "Lyon", Georgia, Times, "Times New Roman", serif;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:normal;
	max-width:600px;
	margin:1.2em auto;
	background:rgba(100%,100%,100%,.55);
	position:relative;
	z-index:1;
}
#article-wrapper>.section li p{
	font-family: inherit;
	font-weight:normal;
	width:100%;
	max-width:600px;
	margin:1.2em auto;
	padding:0;
	background:none;
	position:relative;
	z-index:1;
}
@media screen and (min-width:501px){
	#article-wrapper>.section>p{
		background:rgba(100%,100%,100%,.35);
	}
}
#article-wrapper>.section>.expand{
	position:absolute;
	cursor:pointer;
	font-family: "McClatchy Sans";
	bottom:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	border-radius:8px;
	padding:.5em 1em;
	background:#666;
	color:#fff;
	z-index:16;
}
#article-wrapper>.section>.expand:hover{
	background:#000;
}
#article-wrapper>p.shirttail,#article-wrapper .ng_endnote_contrib,#article-wrapper .ng_endnote_contact{
	font-family: "Lyon", Georgia, Times, "Times New Roman", serif;
	font-style:oblique;
	margin-top:1em;
	padding-top:1em;
	font-size:1.2em;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	line-height:1.2em;
}
span.ng_subhead,#article-wrapper h3.chapterHed+h3{
	font-family: "McClatchy Sans";
	display:block;
	font-weight:700;
	font-size:1.75em;
	text-transform: uppercase;
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding-top:.5em;
	line-height:1.15em;
}
span.ng_subhead,#article-wrapper h4,#article-wrapper h3{
	font-family: "McClatchy Sans";
	display:block;
	font-weight:700;
	font-size:1.2em;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-top:.5em;
	line-height:1.15em;
}
#article-wrapper h3.chapterHed{
	font-size:.9em;
}
b,strong{
	font-weight:500;
}
em{
	font-style:oblique;
}
#article-wrapper ul>li{
	line-height:1.4em;
	margin:.75em 3em;
}
@media screen and (max-width:500px){
	#article-wrapper ul>li{
		margin-right:1em;
	}
}
ul>li:before{
	content:"\2022 ";
	font-size:1.5em;
	font-weight:bold;
	margin-left:-.75em;
	margin-right:.3em;
}

#article-wrapper .ng_endnote_contact{
	font-family: "McClatchy Sans Cond", Helvetica, Arial, sans-serif;
	font-weight:700;
	font-size:.9em;
	line-height:1.15em;
	font-style:normal;
}

/* CUSTOM ASSET STYLES */

#article-wrapper blockquote.quote-item{
	font-family: "McClatchy Sans Cond", Helvetica, Arial, sans-serif;
	position:relative;
	background:#fff;
	color:#79B7DC;
	margin:1em 30px 2.5em 30px;
	padding:30px 30px 15px 30px;
	box-sizing: border-box;
	text-align:center;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ie-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	border-top: 2px dotted #CCC;
	border-bottom: 3px solid #888;
}
blockquote.quote-item.wide{
	margin:1em auto 2em auto;
}
blockquote.quote-item p{
	position:relative;
}
blockquote.quote-item:before{
	content:'“';
	font-family: "McClatchy Sans Cond", Helvetica, Arial, sans-serif;
	font-size:5em;
	line-height:1em;
	color:#000;
	padding:0 .125em;
	background:#fff;
	position:absolute;
	top:0;
	left:50%;
	transform: translateX(-50%) translateY(-.125em);
}
blockquote.quote-item small{
	font-family: "McClatchy Sans", Helvetica, Arial, sans-serif;
	color:#000;
	margin-top:1.5em;
	font-size:1.0em;
}
blockquote.quote-item .social-tools{
	position:absolute;
	top:100%;
	margin-top:10px;
	right:5px;
}
#article-wrapper .photo-item,.photo-item{
	box-sizing:border-box;
	padding:0 5px;
	background:rgba(100%,100%,100%,.55);
}
#article-wrapper .photo-credit,.photo-credit{
	font-family: "McClatchy Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
	text-transform: none;
	color:#000;
	font-weight:bold;
	font-size:.75em;
	margin-top:0;
	margin-bottom:.5em;
}
.floated.gallery{
	background:rgba(100%,100%,100%,.55);
}
#article-wrapper .photo-item figcaption, .photo-item figcaption{
	font-family: "McClatchy Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
	color:#000;
	font-weight:200;
	font-size:1.2em;
	line-height:1.25em;
	margin-top:.25em;
}

#article-wrapper .vid-spr,.vid-spr{
	text-transform:none;
	font-size:.75em;
	font-weight:900;
	line-height:1.2em;
	text-align:right;
	display:block;
	margin-bottom:.5em;
}
#article-wrapper .video-item figcaption,.video-item figcaption{
	font-family: "McClatchy Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:1em;
	line-height:1.25em;
	background:rgba(100%,100%,100%,.55);
	padding:.1em .5em;
	font-weight:200;
}
#article-wrapper .comment-item{
	font-family: "McClatchy Slab", Helvetica, Arial, sans-serif;
	font-weight:200;
	font-size:1.1em;
	color:#000;
	background:rgba(100%,100%,100%,.55);
	padding:.8em;
	line-height:1.2em;
	position:relative;
	z-index:2;
}
#article-wrapper .comment-item h3{
	color:#666;
	font-family: "McClatchy Sans";
	font-weight:700;
	font-size:1em;
	margin:auto;
	line-height:1.2em;
	position:relative;
}
#article-wrapper .comment-item p{
	padding:0;
	line-height:1.3em;
	font-size:.85em;
}
.comment-item a{
	display:block;
	font-weight:400;
	margin-top:.5em;
}

/* SERIES SPECIFIC ITEMS */

#article-wrapper .floated,#article-wrapper .block-item{
	z-index:3;
	position:relative;
}

#article-wrapper .refers{
	position:relative;
	list-style:none;
}
#article-wrapper .refers>li{
	display:block;
	clear:left;
	font-family: "McClatchy Sans", Helvetica, Arial, sans-serif;
	vertical-align:top;
	font-size:.8em;
	line-height:1.45em;
	width:97%;
	padding:1.5%;
	margin:0 auto 1.5em auto;
	font-weight:200;
	background:rgba(100%,100%,100%,.55);
	cursor:pointer;
}
#article-wrapper .refers>li:before{
	display:none;
}
@media screen and (max-width:500px){
	#article-wrapper .refers>li{
		padding-bottom:2.5%;
		border-bottom:1px solid #e0e0e0;
	}
}
#article-wrapper .refers>li>a{
	text-decoration:none;
	color:#000;
	font-weight:700;
	display:block;
	text-align:left;
	-moz-text-rendering: optimizeLegibility;
	-webkit-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
}
#article-wrapper .refers>li>a>span{
	margin-left:.1em;
	font-weight:400;
	font-family: "McClatchy Sans Cond", Helvetica, Arial, sans-serif;
	display:none;
}
@media screen and (min-width:600px){
	#article-wrapper .refers>li>a>span{
		display:inline;
	}
}
#article-wrapper .refers>li>img{
	display:block;
	margin-right:2.5%;
	width:25%;
	min-width:150px;
	float:left;
}
#article-wrapper .section h3.chapterHed{
	text-align:center;
}
#article-wrapper .section:not(.expanded) p.last{
	max-height:1em;
	margin-bottom:-1em;
}
#article-wrapper .section:not(.expanded) p.last~:not(.expand){
	display:none !important;
}
#article-wrapper .section.expanded .expand{
	display:none;
}
#videoIntro{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10001;
	background:rgba(0,0,0,.8);
}
#videoIntro .container{
	position:absolute;
	z-index:2;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	left:1%;
	width:98%;
	max-height:98vh;
	padding-bottom:56.5%;
	box-sizing:border-box;
}
#videoIntro .container #myElement{
	position:absolute;
	max-height:98vh;
}
#videoIntro .close.button{
	position:absolute;
	bottom:101%;
	right:0;
	padding:5px;
	font-size:2.5vw;
	color:#fff;
	cursor:pointer;
}
@media screen and (max-width:500px){
	#videoIntro .close.button{
		font-size:14px;
	}
}
#videoIntro .close.button:hover{
	text-decoration:underline;
}
#videoIntro .close.button:after{
	content:"\f00d";
	font-size:1.2em;
	margin-left:.5em;
	font-family:fontAwesome;
}
#videoIntro .close.button:before{
	content:"Skip the video";
	font-family: "McClatchy Sans", Helvetica, Arial, sans-serif;
	font-weight:900;
}
@media screen and (min-aspect-ratio:11/7){
	#videoIntro .close.button{
		bottom:auto;
		top:3px;
		right:5px;
		padding:4px 8px;
		border-radius:5px;
		z-index:1;
		background:rgba(0,0,0,.55);
	}
	#videoIntro .container{
		top:1.5vh;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		transform:none;
	}
}

/* CONTRIBUTORS BOX */

#contribBox{
	margin-top:1em;
	padding:.5em;
	background:rgba(100%,100%,100%,.55);
	font-family: "McClatchy Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight:200;
	width:100%;
	max-width:600px;
	margin:auto;
}
#contribBox h3{
	font-size:1.5em;
	font-weight:700;
	text-transform:UPPERCASE;
	font-family: "McClatchy Sans Cond",Arial,"Helvetica Neue",Helvetica,sans-serif;
	margin:.75em auto .125em auto;
}
#contribBox h4{
	font-size:1.25em;
	font-weight:700;
	text-transform:UPPERCASE;
	font-family: "McClatchy Sans Cond",Arial,"Helvetica Neue",Helvetica,sans-serif;
	margin:.75em auto .125em auto;
}
#contribBox h4:before{
	font-family:fontAwesome;
	margin-right:.25em;
	font-size:.8em;
	display:inline-block;
	vertical-align:middle;
	margin-top:-.2em;
	font-smooth:never;
	-webkit-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	-ms-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-smooth:antialiased;
	font-weight:normal;
}
#contribBox h4:nth-of-type(1):before{
	content:"\f0c4";
	margin-top:-.4em;
}
#contribBox h4:nth-of-type(2):before{
	content:"\f080";
	margin-top:-.2em;
}
#contribBox h4:nth-of-type(3):before{
	content:"\f040";
	margin-top:-.4em;
}
#contribBox h4:nth-of-type(4):before{
	content:"\f002";
	margin-top:-.3em;
}
#contribBox h4:nth-of-type(5):before{
	content:"\f083";
	margin-top:-.2em;
}
#contribBox h4:nth-of-type(6):before{
	content:"\f013";
	margin-top:-.4em;
}
#contribBox h4:nth-of-type(7):before{
	content:"\f1fc";
}
#contribBox a{
	color:inherit;
}
#contribBox i{
	font-style:oblique;
}