/* @override http://localhost/css/issue_1.css */

/* @override http://localhost:4000/css/issue_1.css */

/* @override http://localhost:4000/css/issue_1.css */

/* @override http://localhost:4000/css/issue_1/issue_1.css */

/* @override http://localhost:4000/css/issue_1/issue_1.css */

/* @group Home */

body.issue.issue-1 header#header{
  color: white;
  background: #633380;
}

body#page.issue.issue-1 header#header h1.logo,
body#page.issue.issue-1 header#header h1.logo a:hover{
  color: white;
  z-index: 1;
}

body#page.issue.issue-1 header#header p,
body#page.issue.issue-1 header#header nav a{
	color: #c2a5d4;
  z-index: 2;
  position: relative;
}

body#page.issue.issue-1 header#header nav a:hover{ color: #fff; }
body#page.issue.issue-1 .primary-content section.issue-1-field-notes header h1{ border-top-color: #007eae; }

body#page.issue.issue-1 section.issue-1-forms-and-function header{ border-color: #6d51b3; }

body#page.issue.issue-1 section.issue-1-field-notes h1,
body#article section.issue-1-field-notes article a h1,
body#article.issue-1-field-notes main .page span.first-letter,
body#article.issue-1-field-notes main .page blockquote::before,
body#article.issue-1-field-notes main .page > div.site-width > section > h1{ color: #0092cb; }

body#page.issue.issue-1 section.issue-1-field-notes a:hover h1,
body#article section.issue-1-field-notes a:hover h1{ color: #004098; }

body#page.issue.issue-1 section.issue-1-forms-and-function h1,
body#article section.issue-1-forms-and-function article a h1,
body#article.issue-1-forms-and-function main .page blockquote::before,
body#article.issue-1-forms-and-function main .page span.first-letter,
body#article.issue-1-forms-and-function main .page > div.site-width > section h1{ color: #7a60c0; }

body#page.issue.issue-1 section.issue-1-forms-and-function a:hover h1,
body#article section.issue-1-forms-and-function a:hover h1{ color: #522980; }

/* @end */

/* @group Article */

body#article.issue-1-forms-and-function,
body#article.issue-1-forms-and-function .author-bio{ border-color: #7a60c0; }

body#article.issue-1-field-notes,
body#article.issue-1-field-notes .author-bio{ border-color: #007eae; }

/* @group footer */

@media screen and (min-width: 1137.77px){
	body#article section.h-feed.h-feed-miscellaneous div.articles{ margin-right: -2rem; }
	body#article section.h-feed.h-feed-miscellaneous article.h-entry{ width: 49.5%; }
}

/* @end */

/* @end */

/* @group drawn-and-quartered */

body#article.issue-1-drawn-and-quartered aside{
position: absolute;
bottom: 100%;
margin-bottom: -1em;
left: 0;
width: 100%;
right: 0;
	text-align: center;
}


body#article.issue-1-drawn-and-quartered aside p,
body#article.issue-1-drawn-and-quartered aside span{
	display: none;
}

body#article.issue-1-drawn-and-quartered aside ul li{
	display: inline-block;

}

body#article.issue-1-drawn-and-quartered .page .site-width > p{
	text-align: center;
}
body#article.issue-1-drawn-and-quartered .page .site-width{
	padding-top: 1em;
}

body#article.issue-1-drawn-and-quartered .page figure{
	padding: 2em 0 0;
	border-top: 0.08em solid #555;
}

/* @end */

/* @group etl-for-america */

body.issue-1-etl-for-america ol.etl-definition li{
	padding-right: 8em;
	padding-top: 0.5em;
	padding-bottom: 1em;
	clear: both;
}

body.issue-1-etl-for-america ol.etl-definition li::after {
  content: "";
  display: table;
  clear: both;
}

body.issue-1-etl-for-america ol.etl-definition li img{
	float: right;
	width: 6em;
	margin-right: -8em;
}

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

	body.issue-1-etl-for-america ol.etl-definition{
		margin: 1.8em -12rem 1.4em;
		border-top: 0.125em solid #e3e3e3;
		border-bottom: 0.125em solid #e3e3e3;
		padding: 1.6em 0;
	}

	body.issue-1-etl-for-america ol.etl-definition::after {
	  content: "";
	  display: table;
	  clear: both;
	}

	body.issue-1-etl-for-america ol.etl-definition li{
		list-style-type: none;
		float: left;
		width: 25%;
		margin-right: 12.5%;
		font-size: 0.9em;
		line-height: 1.4em;
		padding: 0;
		clear: none;
	}

	body.issue-1-etl-for-america ol.etl-definition li:last-of-type{
		margin-right: 0;
	}

	body.issue-1-etl-for-america ol.etl-definition li img{
		margin-bottom: 1em;
		float: none;
		margin: 0 0 1em;
		width: auto;
	}

}

/* @end */

/* @group paper-cut */

/* @group .resources */

body#article.issue-1-paper-cut main section.resources section > h1{
	margin-bottom: 0.8em;

}
body#article.issue-1-paper-cut main section.resources article{
	margin-bottom: 1em;
	display: list-item;
	margin-left: 1.4em;
}

body#article.issue-1-paper-cut main section.resources article:last-of-type{
	margin-bottom: 2em;
}

body#article.issue-1-paper-cut main section.resources article h1{
	font: inherit;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: normal;
	color: inherit !important;
}

body#article.issue-1-paper-cut main section.resources article a{
	display: block;
}
body#article.issue-1-paper-cut main section.resources article a:hover{
	text-decoration: none;
}

body#article.issue-1-paper-cut main section.resources article a:hover h1{
	text-decoration: underline;
}

body#article.issue-1-paper-cut main section.resources article span{
	color: #555;
	font-size: 0.9em;
	font-style: italic;
}

/* @end */

body#article.issue-1-paper-cut main > header{ margin-top: 1em; }

body#article.issue-1-paper-cut main header div.site-width  picture#title-image img{
	width: 100%;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	position: relative;
}

body#article.issue-1-paper-cut main > header{ text-align: center; }

body#article.issue-1-paper-cut main > header h1,
body#article.issue-1-paper-cut main > header h2{ font-weight: normal; }

body#article.issue-1-paper-cut main > header h1{
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: 0.2em;
	line-height: 1.4em;
	margin-top: 1em;
	margin-bottom: 0.8em;
	font-size: 1.6em;
}

body#article.issue-1-paper-cut main > header h2,
body#article.issue-1-paper-cut main > header h3,
body#article.issue-1-paper-cut main > header h3 span.by{
	font-family: "franklin-gothic-urw", arial;
	line-height: 1.4em;
	font-size: 24px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 0 !important;
}

.celebrated-content.old-paper img{
	display: none;
}

	body#article.issue-1-paper-cut main img.formbox{
		margin-top: 1em;
		margin-bottom: 1em;
	}


.celebrated-content.old-paper{
	background: url(/images/issue_1/paper_cut/old_paper.jpg);
	background-size: cover;
	min-height: 3em;
	padding: 0;
}

.celebrated-content.old-paper p{
	line-height: 3em;
	background: rgba(0,0,0,0.5);
	font-family: "franklin-gothic-urw", arial;
	font-style: normal;
}

	body#article.issue-1-paper-cut main aside.api{
		background: #eee;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0.75em;
		font-family: "franklin-gothic-urw", arial;
		font-size: 1rem;
		margin-top: 1em;
		margin-bottom: 1em;
	}

	body#article.issue-1-paper-cut main aside.api p{
		line-height: 1.4em;
	}

	body#article.issue-1-paper-cut main aside.api+p{
		text-indent: 1.4em;
	}

		body#article.issue-1-paper-cut main figure.figure-vending{
		width: 50%;
		margin: 2em auto 0;
		float: right;
		margin-left: 1rem;
	}


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

		body#article.issue-1-paper-cut main > header{
			text-align: left;
			margin-top: 2em;
			margin-bottom: 2em;
		}

		body#article.issue-1 main > header p,
		body#article.issue-1 > header h2{
		    font-size: 1.2em;
		  }

		body#article.issue-1-paper-cut main header div.site-width  picture#title-image img{
			float: left;
			margin-left: -100%;
			width: 90%;
		}


		body#article.issue-1-paper-cut main > header div.site-width{
			padding-left: 45%;
			position: relative;
			padding-top: 0;

		}

		body#article.issue-1-paper-cut main > header h1{
			margin-top: 0.4em;
		}

		body#article.issue-1-paper-cut main aside.api{
			float: right;
			margin-left: 2rem;
			width: 16rem;
			margin-bottom: 2em;
		}

		body#article.issue-1-paper-cut main figure.figure-vending{ width: 24rem; }

	}



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

	body#article.issue-1-paper-cut main > header h1{
		font-size: 4.4vw;
		margin-bottom: 0.8em;
	}


body#article.issue-1-paper-cut main > header p,
body#article.issue-1-paper-cut main > header h2{
		font-size: 2.4vw;
		margin-bottom: 1.2em;
	}
}

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

body#article.issue-1-paper-cut main header div.site-width{
	padding-left: 32rem;
	margin-bottom: 0;
}

body#article.issue-1-paper-cut main header div.site-width picture#title-image img{ width: 29.5rem; }
body#article.issue-1-paper-cut main > header h1{ font-size: 3.2rem; }
body#article.issue-1-paper-cut main > header p,
body#article.issue-1-paper-cut main > header h2{ font-size: 28px; }


body#article.issue-1-paper-cut main figure.figure-vending{
		width: 24rem;
		margin: 2em auto 0;
		float: right;
		margin-right: -12em;
		margin-left: 1em;
	}
	body#article.issue-1-paper-cut main img.formbox{
		float: left;
		margin-left: -12rem;
		width: 32rem;
		margin-right: 1em;
	}

	body#article.issue-1-paper-cut main figure.figure-protocol{
	width: 16em;
	float: right;
	}

	body#article.issue-1-paper-cut main aside.api{
	margin-right: -2rem;
	}

}


body#article.issue-1-forms-and-function.issue-1-paper-cut main .page span.first-stanza span.first-letter{
	color: inherit;
	font: inherit;
	float: none;
	margin: 0;
}

body#article.issue-1-forms-and-function main .page section.author-bio{
	border-color: #7a60c0;
}


/* @end */

/* @group people-not-data */

body.issue-1-people-not-data header#header{
	margin-bottom: -8em;
	z-index: 2;
	position: relative;
	color: #333;
	border-color: #222;
	background: transparent;
	padding-bottom: 0.5em;
}

body.issue-1-people-not-data #header .site-width h1{
	color: #222;
}

body.issue-1-people-not-data #header .site-width{
	border-color: #222;
}

body.issue-1-people-not-data main > header{
	padding-top: 16em;
	background: linear-gradient( 180deg, rgba(0,0,0,0), rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 80%),
				 url(/images/issue_1/people_not_data/chairs.jpg) top center no-repeat;
	background: -webkit-gradient(linear, 0% 50%, 0% 80%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.8))),
				 url(/images/issue_1/people_not_data/chairs.jpg) top center no-repeat;
	background-size: cover;
	color: white;
	padding-bottom: 1rem;
}

body.issue-1-people-not-data img.calwin{
	margin: 2em auto;
	display: block;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
}

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

	body.issue-1-people-not-data #header{
	background: rgba(255,255,255,0.125);
	}

	body.issue-1-people-not-data main > header{
		padding-top: 28em;
	}

	body.issue-1-people-not-data img.calwin{
		float: left;
		margin-right: 2em;
		margin-top: 1em;
		margin-bottom: 1em;
	}
}

@media screen and (min-width: 1137.77px){
	body.issue-1-people-not-data img.calwin{
		float: left;
		margin-left: -12rem;
		margin-right: 2em;
		margin-top: 0.5em;
		margin-bottom: 1em;
	}

	body.issue-1-people-not-data img.calwin+p{
	text-indent: 1.4em;
	}
}

/* @end */

/* @group planning-beyond-paper */



body.issue-1-planning-beyond-paper header#header{
	margin-bottom: -8em;
	z-index: 2;
	position: relative;
	padding-bottom: 0.5em;
	background: none;
}

body.issue-1-planning-beyond-paper main > header{
	padding-top: 8em;
	background:  url(/images/issue_1/planning_beyond_paper/detroit.jpg);
	background-size: cover;
	padding-bottom: 2em;
}

body.issue-1-planning-beyond-paper aside.track-full-width{

		border-top: 0.125em solid #e3e3e3;
		border-bottom: 0.125em solid #e3e3e3;
		padding: 1rem 0;
		margin: 1.8em 0 1.4em;
}

body.issue-1-planning-beyond-paper aside.track-full-width ul{
	padding-left: 0;
}


body.issue-1-planning-beyond-paper aside.track-full-width ul li{
	padding-top: 0;
	padding-bottom: 1.8em;
	clear: both;
	font-size: 0.9em;
	line-height: 1.3em;
	font-family: "franklin-gothic-urw", arial;
	list-style-type: none;
}

body.issue-1-planning-beyond-paper aside.track-full-width ul li:last-of-type{
	padding-bottom: 0.4em;
}

body.issue-1-planning-beyond-paper aside.track-full-width ul li,
body.issue-1-planning-beyond-paper aside.track-full-width ul li p{
	line-height: 1.3em;
}


body.issue-1-planning-beyond-paper aside.track-full-width ul li strong{
	display: block;
}

body.issue-1-planning-beyond-paper aside.track-full-width ul li p{ padding-top: 0.5em; }


body.issue-1-planning-beyond-paper aside.track-full-width ul::after {
  content: "";
  display: table;
  clear: both;
}

body.issue-1-planning-beyond-paper aside.track-full-width ul li img{
	float: right;
	width: 6rem;
	margin-left: 2rem;
	margin-bottom: 1rem;
}

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

	body.issue-1-planning-beyond-paper aside.track-full-width{
		margin: 1.8em -12rem 1.4em;
	}

	body.issue-1-planning-beyond-paper aside.track-full-width ul li{
		list-style-type: none;
		float: left;
		width: 25%;
		margin-right: 12.5%;
		font-size: 0.8em;
		padding: 0;
		clear: none;
	}

	body.issue-1-planning-beyond-paper aside.track-full-width ul li,
	body.issue-1-planning-beyond-paper aside.track-full-width ul li p{
		line-height: 1.4em;
	}

	body.issue-1-planning-beyond-paper aside.track-full-width ul li:last-of-type{ margin-right: 0; }

	body.issue-1-planning-beyond-paper aside.track-full-width ul li img{
		margin-bottom: 1em;
		float: none;
		margin: 0 0 1em;
		width: auto;
		max-height: 18em;
	}

}



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

	body.issue-1-planning-beyond-paper #header{
		background: none;
	}

	body.issue-1-planning-beyond-paper main > header{
		padding-top: 12em;
	}




}




/* @end */

/* @group privacy-for-us */

body#article.issue-1-privacy-for-us .page{
	border-bottom: 60px solid #000;
	padding-bottom: 500px;
	position: relative;
	margin-bottom: 1em;
}

body.issue-1-privacy-for-us .page::after{
	content: "";
	background: url(/images/issue_1/privacy_for_us/assange.jpg) bottom center no-repeat;
	width: 100%;
	height: 700px;
	display: block;
	position: absolute;
	bottom: -60px;
	z-index: -1;
}


/* @end */



/* @group respectfully-redesign */

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

	body#article.issue-1-respectfully-redesign .before,
	body#article.issue-1-respectfully-redesign .after{
		float: right;
		margin-left: 2em;
		width: 24rem;
	}

	body#article.issue-1-respectfully-redesign .before+p,
	body#article.issue-1-respectfully-redesign .after+p{
		text-indent: 1.4em;
	}

}

@media screen and (min-width: 1137.77px){
	body#article.issue-1-respectfully-redesign .before,
	body#article.issue-1-respectfully-redesign .after{
		margin-right: -12rem;
	}
}

/* @end */

/* @group save-election-day */

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

	body#article.issue-1-save-election-day .before,
	body#article.issue-1-save-election-day .after{
		float: right;
		margin-left: 2em;
		width: 24rem;
	}

	body#article.issue-1-save-election-day .before+p,
	body#article.issue-1-save-election-day .after+p{
		text-indent: 1.4em;
	}

}

@media screen and (min-width: 1137.77px){
	body#article.issue-1-save-election-day .before,
	body#article.issue-1-save-election-day .after{
		margin-right: -12rem;
	}
}

/* @end */

/* @group starting-a-new-conversation */

body#article.issue-1-starting-a-new-conversation .page{
	background: url(/images/issue_1/starting_a_new_conversation/letter_from_editors.png) bottom center no-repeat;
	background-size: contain;
	margin-bottom: 1em;
}

body#article.issue-1-starting-a-new-conversation.page{
	padding-bottom: 5em;
}

@media screen and (min-width: 853.33px){
	body#article.issue-1-starting-a-new-conversation .page{
		padding-bottom: 12em;
	}
}




/* @end */

/* @group tech-stack-survey */


/* @end */