/***************************************
/* Vertical Rhythm
***************************************/
.row {
	margin: 0;
}
h3 {
	margin-top: 0;
}
p {
	margin-bottom: 3em;		
}
.row {
	margin: 3em 0;
}
.row .column p:last-child {
	margin-bottom: 0;
}
.images, .single-image {
	margin: 6em 0;
	width: 100%;
}
.row + .images,
.row + .single-image {
	margin-top: 3em;
}
.images + .row,
.single-image + .row{
	margin-top: 0em;
}
ol, 
ul {
	margin: 4em 0;
}
blockquote {
	margin: 6em 0;
}
blockquote p {
	margin-bottom: 1.5em;
}
.transcript {
	margin: 6em 0 8em 0;
}
.stories {
	margin: 6em 0;
}
.video {
	margin: 6em 0;
}
.audio {
	margin: 6em 0;
}
#Credits {
	margin: 6em 0 0 0;
}
@media (max-width: 700px) {
	p {
		margin-bottom: 2em;		
	}
	.row {
		margin: 2em 0;
	}
	.row .column p:last-child {
		margin-bottom: 0;
	}
	.images, .single-image {
		margin: 4em 0;
		width: 100%;
	}
	.row + .images,
	.row + .single-image {
		margin-top: 2em;
	}
	.images + .row,
	.single-image + .row{
		margin-top: 0em;
	}
	ol, 
	ul {
		margin: 3em 0;
	}
	blockquote {
		margin: 4em 0;
	}
	.transcript {
		margin: 4em 0 6em 0;
	}
	.stories {
		margin: 4em 0;
	}
	.video {
		margin: 4em 0;
	}
	.audio {
		margin: 4em 0;
	}
	#Credits {
		margin: 4em 0 8em 0;
	}
}





ol, 
ul {
	font-family: "PT Mono";
	font-size: 0.85em;
	line-height: 1.4em;
	list-style-type: upper-roman;
	margin-right: 6em;
	margin-left: 3em;
}
ul {
	list-style-type: none;
	padding: 0;
}
ol li,
ul li {
	margin-bottom: 1.5em;
}
@media (max-width: 700px) {
	ol, ul {
		margin-right: 4em;
		margin-left: 2em;
	}
}
@media (max-width: 420px) {
	ol, ul {
		margin-right: 2em;
		margin-left: 0em;
	}
}



#Story {
	margin-left: 20%;
	position: relative;
}
@media (max-width: 700px) {
	#Story {
		margin-left: 0;
	}
}




#Cover {
	margin-top: 3em;
	margin-bottom: 6em;
}
#Cover .images {
	margin: 0;
	padding: 0;
}




#Chapters {
	display: inline-block;
	float: left;
	z-index: 999;
	overflow: auto;
	width: 20%;
}
#Chapters ol {
	font-size: 0.85em;
	line-height: 1.5em;
	float: left;
	list-style: none;
	margin: 0;
	margin-top: 1em;
	padding: 0 2em 0 0;
}
#Chapters ol li {
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
#Chapters ol a {
	border: none;
	color: #44D49C;
	text-decoration: none;
}
#Chapters ol a:hover {
	border-bottom: 1px solid #44D49C;
}
#Chapters select {
	background-color: #fff;
	color: #44D49C;
	display: none;
}
@media (max-width: 700px) {
	#Chapters {
		background-color: #22222C;
		padding: 0.75em 1em;
		width: 100%;
		position: fixed;
		top: 9em;
		left: 0;
	}
	#Chapters ol {
		display: none;
	}
	#Chapters select {
		display: block;
	}
}

@media (max-width: 550px) {
	#Chapters {
		display: none;
	}
}




h3 {
	font-size: 2.5em;
	margin-top: 3em;
	margin-bottom: 0.25em;
}
h3 + * {
	margin-top: 2.75em;
}
h3 + h4 {
	margin-top: 0.25em;
}

h4 {
	font-size: 1.75em;
	margin-bottom: 2em;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
	padding: 0;
}
blockquote > * {
	font-family: "PT Mono";
	font-style: normal;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.7em
}
blockquote footer {
	font-family: "PT Mono";
	font-style: italic;
	font-size: 1.5em;
	text-align: right;
}
.column blockquote {
	margin-top: 0;
	margin-bottom: 0;
}
@media (max-width: 700px) {
	h3 {
		margin-top: 2em;
	}
	blockquote {
		margin-left: 2em;
		margin-right: 2em;
	}
	blockquote p {
		font-size: 1.25em;
	}
	blockquote footer { 
		font-size: 1.25em;
	}
}





.images {
	padding: 0;
	position: relative;
	cursor: pointer;
}
.images > img {
	width: 100%;
}
.images .zoom {
	display: block;
	//position: absolute;
	//right: 0;
	//bottom: 0;
	//margin: 1em;
	height: 40px;
	width: 150px;
	opacity: 0.25;
	float: right;
}
.images .zoom img {
	height: 100%;
	width: auto;
}
.images .zoom .zoom-pyramid {
	float: right;
}
.images:hover .zoom {
	opacity: 1.0;
}
.images .zoom small {
	display: block;
	font-size: 0.75em;
	float: right;
	position: relative;
	top: 50%;
	margin-top: -0.5em;
	margin-right: 0.5em;
}




.row {
	overflow: hidden;
	//margin-bottom: 3em;
}
.row > .column {
	width: 48%;
	float: left;
	margin: 0;
	min-height: 1px;
}
.row > .column:first-child {
	margin-right: 1%;
}
.row > .column:last-child {
	margin-left: 1%;
}
.row > .column > .images,
.row > .column > img {
	margin: 0;
	margin-top: 0em;
	margin-bottom: 3em;
	padding: 0;
	width: 100%;
}
@media (max-width: 700px) {
	.row > .column {
		width: 100%;
	}
	.row > .column:first-child {
		margin-right: 0;
	}
	.row > .column:last-child {
		margin-left: 0;
		margin-top: 2em;
	}
}




.video .embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto; 
} 
.video .embed-container iframe, 
.video .embed-container object, 
.video .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
.video p {
	font-family: "PT Mono";
	font-style: normal;
	font-size: 0.875em;
	font-weight: 400;
	margin-top: 0.5em;
}




.row .audio {
	margin: 0;
}




.transcript .transcript-row {
	margin-bottom: 3em;
	overflow: auto;
}
.transcript .transcript-row:nth-child(even) small {
	color: #22222C;
}
.transcript .transcript-row .info {
	width: 20%;
	float: left;
	padding-right: 2%;
	padding-top: 0.14em;
}
.transcript time {
	color: #CCCCDD;
	font-family: "PT Mono";
	font-style: normal;
	font-size: 0.875em;
	font-weight: 400;
	display: block;
	margin-top: 0.35em;
	text-align: right;
}
.transcript time p {
	display: inline-block;
	margin: 0;
}
.transcript time p:last-child {
	margin-left: 0.25em;
}
.transcript small {
	//color: #44D49C;
	display: block;
	font-family: "PT Mono";
	font-style: normal;
	font-size: 1em;
	font-weight: 400;
	text-align: right;
}
.transcript .transcript-row.empty {
	margin: 0;
	height: 0;
	padding: 0;
}
.transcript .transcript-row aside {
	border-left: 1px solid #f2f2f2;
	display: block;
	float: left;
	width: 80%;
	padding-left: 2%;
}
.transcript .transcript-row aside p {
	font-family: "PT Mono";
	font-size: 0.9em;
}
.transcript .transcript-row:nth-child(even) aside {
	border-color: #E2E2E2;
	//border: none;
}
.transcript .transcript-row aside p:last-child {
	margin-bottom: 0;
}
.transcript aside.reporter p {
	font-family: "PT Mono";
	font-style: italic;
	font-size: 0.9em;
	font-weight: 400;
}
@media (max-width: 700px) {
	.transcript .transcript-row .info {
		width: 100%;
		float: none;
		margin-bottom: 0.75em;
	}

	.transcript .transcript-row aside {
		width: 100%;
		float: none;
	}

	.transcript small {
		text-align: left;
	}
}




.stories {
	font-size: 1em;
}
.stories li {
	background-color: #22222C;
	color: #FFFFFF;
	border-bottom: 1px solid #F2F2F2;
	border-top: 1px solid #F2F2F2;
	overflow: auto;
	position: relative;
	padding: 1em;
}
.stories .list li small {
	font-size: 0.85em;
}
.stories li .thumbnail {
	float: right;
	width: 100%;
	max-width: 25%;
}
.stories li small {
	font-size: 0.85em;
}
.stories li h3 {
	margin-bottom: 0.75em;
	margin-top: 0.25em;
}
.stories li h3 a {
	color: #FFFFFF;
	padding-bottom: 0.1em;
}
.stories li .summary {
	font-size: 0.875em;
	max-width: 70%;
}
.stories li .summary p {
	margin: 0 0 1em 0;
}
@media (max-width: 700px) {
	.stories li {
		padding-left: 2em;
		padding-right: 2em;
	}
	.stories li a {
		border: none;
	}
	.stories li h3 a {
		border-bottom: 2px solid #44D49C;
	}
	.stories li .thumbnail {
		float: none;
		max-width: 100%;
		width: 100%;
	}
	.stories li .summary {
		max-width: 100%;
		width: 100%;
	}
	.stories li small {
		display: block;
		margin-bottom: 1em;
	}
}
.column > .stories li {
	padding: 1em;
}
.column > .stories li .thumbnail {
	max-width: 100%;
	float: none;
	display: none;
}
.column > .stories li > a {
	border: none;
}
.column > .stories li .summary {
	max-width: 100%;
	position: relative;
}



#Credits {
	background-color: #22222C;
	color: #FFFFFF;
	font-family: "PT Mono";
	list-style: none;
	padding: 2em 1em;
}
#Credits li .role {
	display: block;
	font-size: 0.9em;
	margin-bottom: 0.25em;
	width: 25%;
}
#Credits li a {
	border: none;
	color: #44D49C;
	display: inline-block;
	margin-bottom: 2em;
}
#Credits li:last-child a {
	margin-bottom: 0.5em;
}




#Recommended {
	margin-bottom: 15em;
	overflow: visible;
	padding: 0;
	width: 100%;
}
#Recommended ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#Recommended li {
	border-top: 1px solid #E2E2E2;
	float: left;
	margin-top: 6em;
	margin-right: 1%;
	width: 49%;
}
#Recommended li:nth-child(even) {
	margin-left: 1%;
	margin-right: 0;
}
#Recommended li:nth-child(-n+2) {
	margin-top: 0;
}
#Recommended li small {
	display: inline-block;
	border-top: 6px solid #22222C;
	font-size: 0.85em;
	padding-top: 1em;
	margin-bottom: 1em;
	position: relative;
	top: -6px;
}
#Recommended li a {
	border-style: none;
}
#Recommended li .thumbnail {
	width: 100%;
}
#Recommended li h3 {
	margin-top: 0.25em;
	margin-bottom: 0.75em;
}
#Recommended li h3 a {
	border-bottom-style: solid;
	padding-bottom: 0.1em;
}
#Recommended li .summary {
	font-size: 0.875em;
}
@media (max-width: 700px) {
	#Recommended li {
		border-top: 1px solid #E2E2E2;
		float: none;
		width: 100%;
		margin-right: 0;
	}
	#Recommended li .thumbnail,
	#Recommended li .summary {
		padding: 0 2em;
	}
	#Recommended li h3 {
		padding: 0 0.8em;
	}
}

.newsletter-bug {
	display: block;
	//float: right;
	position: absolute;
	right: 0;
	margin: 1em;
	z-index: 999;
}
.newsletter-bug .newsletter-button {
	background-color: #fff;
	border: 1px solid #E2E2E2;
	color: #44D49C;
	font-family: "Karla", sans-serif;
	font-weight: 700;
	font-size: 1em;
	display: inline-block;
	padding: 1em 2em;
	

	-webkit-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
}
.newsletter-bug .newsletter-button:hover {
	background-color: #44D49C;
	border-color: #44D49C;
	color: #fff;
}

.bottom-spacer {
	display: block;
	width: 100%;
	height: 100px;
}