

@font-face {
	font-family: 'Alfa Slab One';
	font-display: swap;
	src: url(/_fonts/alfa-slab-one/alfa-slab-one-vietnamese.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
	font-family: 'Alfa Slab One';
	font-display: swap;
	src: url(/_fonts/alfa-slab-one/alfa-slab-one-latin-ext.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Alfa Slab One';
	font-display: swap;
	src: url(/_fonts/alfa-slab-one/alfa-slab-one-latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 20px;
	line-height: 1.5;
}

body {
	background: white;
	margin: 0;
	position: relative;
}

img {
	max-width: 100%;
}

a img {
	border: none;
}

.inline-video {
	display: block;
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 56.25%;
	text-align: left;
}

.inline-video > * {
	position: absolute;
	width: 100%;
	height: 100%;
}

.article ~ .article,
.sidebar ~ .sidebar {
	margin-top: 6em;
}

.sidebar ~ .sidebar {
	display: none;
}

@media (min-width: 640px) {
	.sidebar ~ .sidebar {
		display: block;
	}
}

.article .body {
	word-wrap: break-word;
}

.article .byline a, .article .banner .caption a {
	text-decoration: none;
}

.article .body {
	line-height: 1.75;
}

.article .note {
	border-top: 1px solid #888;
	font-style: italic;
	font-size: 80%;
	color: #888;
}

.article .note,
.article .note p {
	margin: 2em 0;
}

.article .caption {
	line-height: 1.5;
	font-size: 80%;
	color: #888;
	margin-top: .5em;
}

.article .body a.image-enlargeable,
.article .body a.image-enlargeable ~ .caption {
	display: block;
	border: none;
}

.article .body a.image-enlargeable ~ br {
	display: none;
}

.article .body a, .article .byline a:hover, .article .banner .caption a {
	border-bottom: solid 3px #FFDB00;
	text-decoration: none;
	color: inherit;
	transition: background .2s, color .2s;
}

.article .body a img {
	display: block;
}

.article .body a:hover, .article .banner .caption a:hover {
	background: #FFDB00;
	color: black;
}

.feature-list .feature {
	padding: 1em 0 1.5em;
	border-top: 1px solid #DDD;
	overflow: hidden;
}

.feature-list .feature:first-child {
	border: none;
}

.feature-list .feature h3 {
	margin: .4em 0;
}

.feature-list .feature h4,
.feature-list .feature .byline {
	margin: .5em 0;
}

.feature-list .feature mark {
	background: none;
	color: inherit;
	text-decoration: underline;
}

/*
 * Navigation */

.site .nav {
	height: 3em;
	line-height: 3em;
	background: #FFDB00;
	margin-top: 3em;
	font-weight: bold;
	white-space: nowrap;
	position: relative;
}

.site .nav-inner {
	margin: 0 auto;
	height: 100%;
	position: relative;
	max-width: 60em;
}

.site .nav .d {
	display: none;
}

.site .nav a {
	text-decoration: none;
	color: #000;
}

.site .nav .logo {
	text-align: center;
}

.site .nav .logo:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -2.5em;
	border-top: 1.1em solid #FFDB00;
	border-left: 2.5em solid transparent;
	border-right: 2.5em solid transparent;
}

.site .nav .logo img {
	position: absolute;
	top: -2.5em;
	left: 50%;
	margin-left: -6.8em;
	height: 200%;
}

.content {
	margin: 3em auto;
}

.menu {
	position: fixed;
	width: 14em;
	height: 100%;
	left: -14em;
	top: 0;
	background: #FFDB00;
	z-index: 2;
	transition: transform 0.2s;
	text-align: center;
}

.menu:before, .menu:after, .menu-inner {
	display: inline-block;
	vertical-align: middle;
}

.menu:before, .menu:after {
	content: '';
	height: 100%;
}

.menu-inner {
	position: relative;
	width: 90%;
	font-size: 120%;
	padding-bottom: 3.5em;
}

.menu p {
	margin: 0;
}

.menu .primary a {
	display: block;
	border-bottom: 1px solid black;
	padding: .5em 0;
}

.site .nav .secondary {
	border-top: 1px solid black;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: .5em 0;
}

.site .nav .secondary a {
	padding: 0 1em;
}

.site .nav .search {
	padding: .5em 0;
}

.site .nav input {
	display: none;
}

.site .nav button {
	font: inherit;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

.site .focusbox:after {
	content: '';
	position: absolute;
	width: 3em;
	height: 3em;
	left: 0;
	top: -3em;
	background: no-repeat center/75% url(/_images/menu.svg);
}

.site .focusbox:focus, .site .post-focusbox:focus {
	outline: none;
}

.site .focusbox:focus .menu,
.site .focusbox .menu:hover {
	transform: translateX(14em);
}

.post-focusbox {
	display: none;
}

.site .focusbox:focus + .post-focusbox {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.2);
	z-index: 1;
}

.about .bios p img {
	display: block;
	margin: 2em 0 1em;
	width: 7.5em;
	height: auto;
}

.stories p.more a, .pagination a {
	color: inherit;
}

.stories p.more, .pagination {
	text-align: center;
	padding-top: .5em;
	border-top: 1px solid black;
	font-size: 100%;
}

.pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.pagination .next {
	float: right;
}

.pagination .prev {
	float: left;
}

.mobile-search {
	margin-bottom: 1em;
}

@media (min-width: 640px) {

	.mobile-search {
		display: none;
	}

	.menu-inner {
		font-size: 100%;
		position: static;
		width: auto;
	}

	.menu:before, .menu:after {
		display: none;
	}

	.menu .primary a, .secondary {
		position: auto;
		display: auto;
		border: none;
		padding: 0;
	}

	.site .nav .primary {
		position: absolute;
		right: 50%;
		left: 2.5em;
		margin-right: 6.8em;
		display: flex;
		justify-content: space-between;
	}

	.site .nav .primary:after {
		content: '';
	}

	.site .nav .secondary {
		position: absolute;
		text-align: center;
		left: 50%;
		right: 12.75em;
		bottom: auto;
		margin-left: 7.2em;
		border: none;
		padding: 0;
		width: auto;
	}

	.site .nav .secondary a {
		padding: 0;
	}

	.site .nav .search {
		padding: 0;
		position: absolute;
		right: 2.5em;
	}

	.site .nav input, .site .nav button {
		display: inline-block;
		font: inherit;
		font-weight: normal;
		line-height: 1.5em;
		margin: 0;
		border: none;
	}

	.site .nav input {
		padding: 0 .25em;
		width: 8em;
		border: none;
	}

	.site .nav button {
		overflow: hidden;
		cursor: pointer;
		padding: 0;
		width: 1.5em;
		height: 1.5em;
		text-indent: -500em;
		background: no-repeat center url(/_images/search.png);
		background: no-repeat center/auto 1.2em url(/_images/search.svg);
	}

	.site .nav .secondary img {
		margin: 1em .3em;
		height: 1.2em;
	}

	.site .focusbox:after {
		display: none;
	}

	.site .focusbox:focus .menu,
	.site .focusbox .menu:hover {
		transform: none;
		transition: none;
	}

	.site .focusbox:focus + .post-focusbox {
		display: none;
	}

	.menu {
		position: static;
		width: auto;
		height: auto;
		background: none;
	}

	/*
	 * Page */

	.content {
		width: 50em;
		overflow: hidden;
	}

	.stories, .article {
		width: 32em;
		float: left;
		padding-right: 1em;
	}

	.stories, .print-edition .article {
		border-right: 1px solid #DDD;
	}

	.sidebar {
		width: 16em;
		float: right;
	}

	.print-edition .article {
		width: 30em;
		padding-right: 1.5em;
	}

	.print-edition.next-page .article {
		width: auto;
		border-right: none;
		float: none;
		padding-right: 0;
	}

	.next-page .print-items .item {
		width: 20%;
	}

	.print-edition .sidebar {
		width: 17em;
	}

	.about .bios p {
		margin: 1.5em 0;
	}

	.about .bios p img {
		display: inline-block;
		margin: 0.35em 0.8em 0 0;
		vertical-align: top;
	}

	.about .bios p span {
		display: inline-block;
		width: 23em;
		vertical-align: top;
	}
}

@media (max-width: 1200px) and (min-width: 640px) {
	html {
		font-size: 18px;
	}
}

@media (max-width: 1000px) {
	html {
		font-size: 15px;
	}
}

@media (max-width: 800px) and (min-width: 640px) {
	html {
		font-size: 12px;
	}
}

.story {
	position: relative;
	padding: .4em 0 .8em 13em;
	margin: 0 1em;
	border-top: 1px solid #DDD;
}

.story h2 {
	margin-bottom: .4em;
	text-wrap: balance;
}

.story p {
	margin: .4em 0;
	text-wrap: pretty;
}

.story .byline {
	margin: .4em 0;
}

h2, .sidebar .signup a, .article .signup h3, .contact a {
	font: inherit;
	font-size: 120%;
	line-height: 1.2;
	font-weight: bold;
}

.article h1, .story h2, .featured h2, .print-edition h2,
.article h2.alt1, .print-edition .article .more, .stories p.more, .pagination {
	font: inherit;
	font-family: "Alfa Slab One", "Arial Black", sans-serif;
	font-weight: normal;
	letter-spacing: 0.025em;
	font-size: 120%;
	line-height: 1.2;
}

.article h2.alt1 {
	margin-top: 1.5em;
	text-align: center;
	position: relative;
}

.article h2.alt1:before,
.article h2.alt1:after {
	content: '';
	width: 30%;
	border-bottom: 1px solid black;
	position: absolute;
	bottom: 50%;
}

.article h2.alt1:before {
	left: 0;
}

.article h2.alt1:after {
	right: 0;
}

.article h1, .article h2 {
	margin: .5em 0;
}

.byline, .article .terms {
	margin: 1em 0;
}

.byline, .article .terms, .article .banner .caption {
	color: #888;
	font-size: 80%;
}

.byline a, .article .banner .caption a {
	color: inherit;
}

.byline .p {
	margin: 0 0.5em;
}

.aside.share {
	display: none;
}

.article h2, .article h3, .article h4 {
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	letter-spacing: 0;
	font-size: 110%;
	line-height: 1.3;
}

.article h4 {
	font-size: 100%;
	font-weight: normal;
}

h1 a, h2 a, h3 a, h4 a {
	text-decoration: none;
	color: inherit;
}

.story a, .sidebar .feature a {
	text-decoration: none;
}

.story img {
	position: absolute;
	top: 1.4em;
	left: 0;
	width: 12em;
	height: auto;
}

.story .more {
	display: block;
	margin-top: .6em;
	text-decoration: underline;
	font-size: 90%;
}

.story:first-child {
	border: none;
}

.first-page .story:first-child {
	padding: 0;
	text-align: center;
}

.first-page .story:first-child .byline {
	margin-bottom: 1em;
}

.first-page .story:first-child .more {
	display: none;
}

.first-page .story:first-child h2, .article h1 {
	margin-top: 0;
	font-size: 160%;
}

.first-page .story:first-child img {
	position: static;
	width: 100%;
}

.featured h2 {
	margin-top: 0;
	border-bottom: 3px solid black;
}

.trending h2 {
	border-color: #FFDB00;
}

.sidebar .feature ~ .feature {
	border-top: 1px solid #DDD;
}

.sidebar .feature h3 {
	margin: .5em 0 .3em;
	font-size: 90%;
}

.sidebar .feature .byline {
	margin: .3em 0;
}

.sidebar .feature > :last-child {
	margin-bottom: 1em;
}

.sidebar .feature h3 a {
	display: block;
}

.breadcrumb {
	display: block;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	letter-spacing: 0;
	line-height: 1;
	margin: 1em 0;
	background: no-repeat center left;
	background-size: .9em .9em;
	padding-left: 1.2em;
	text-decoration: none;
}

.sidebar .feature .breadcrumb {
	font-weight: normal;
	font-size: 90%;
	margin-bottom: 0em;
}

.article .breadcrumb {
	margin-top: 0;
}

.sidebar {
	margin: 0 .8em;
}

.article {
	margin: 0 .8em;
}

@media (max-width: 450px) {
	.story, .first-page .story:first-child {
		margin: 0;
		padding: 0 .8em;
		text-align: left;
	}

	.first-page .story:first-child .more {
		display: block;
	}

	.story h2 {
		font-size: 160%;
	}

	.story .image {
		margin-left: -.8em;
		margin-right: -.8em;
	}

	.story img {
		position: static;
		width: 100%;
	}
}

@media (min-width: 640px) {
	.story, .sidebar, .article {
		margin: 0;
	}
}

.analysis .breadcrumb {
	background-image: url(/_images/analysis.svg);
}

.editorial .breadcrumb {
	background-image: url(/_images/editorial.svg);
}

.commentary .breadcrumb {
	background-image: url(/_images/commentary.svg);
}

.news .breadcrumb {
	background-image: url(/_images/news.svg);
}

.news-bite .breadcrumb {
	background-image: url(/_images/news-bite.svg);
}

.letters .breadcrumb {
	background-image: url(/_images/letters.svg?v=2);
}

.freedom .breadcrumb {
	background-image: url(/_images/news-bite.svg);
}

.pork .breadcrumb {
	background-image: url(/_images/news-bite.svg);
}

.votes .breadcrumb {
	background-image: url(/_images/news-bite.svg);
}

.washington .breadcrumb {
	background-image: url(/_images/news-bite.svg);
}

.analysis .breadcrumb, .analysis .more,
.analysis h1 a:hover, .analysis h2 a:hover, .analysis h3 a:hover {
	color: #9E0070;
}

.editorial .breadcrumb, .editorial .more,
.editorial h1 a:hover, .editorial h2 a:hover, .editorial h3 a:hover {
	color: #0075CC;
}

.commentary .breadcrumb, .commentary .more,
.commentary h1 a:hover, .commentary h2 a:hover, .commentary h3 a:hover {
	color: #4199AF;
}

.news .breadcrumb, .news .more,
.news h1 a:hover, .news h2 a:hover, .news h3 a:hover {
	color: #FF1D33;
}

.news-bite .breadcrumb, .news-bite .more,
.news-bite h1 a:hover, .news-bite h2 a:hover, .news-bite h3 a:hover {
	color: #FF8F00;
}

.letters .breadcrumb, .letters .more,
.letters h1 a:hover, .letters h2 a:hover, .letters h3 a:hover {
	color: #0075cc;
}

.freedom .breadcrumb, .freedom .more,
.freedom h1 a:hover, .freedom h2 a:hover, .freedom h3 a:hover {
	color: #FF8F00;
}

.pork .breadcrumb, .pork .more,
.pork h1 a:hover, .pork h2 a:hover, .pork h3 a:hover {
	color: #FF8F00;
}

.votes .breadcrumb, .votes .more,
.votes h1 a:hover, .votes h2 a:hover, .votes h3 a:hover {
	color: #FF8F00;
}

.washington .breadcrumb, .washington .more,
.washington h1 a:hover, .washington h2 a:hover, .washington h3 a:hover {
	color: #FF8F00;
}

.sidebar .signup, .contact {
	background: #9E0070;
	color: white;
	padding: 1em;
	margin: 1em 0;
	text-align: center;
}

.sidebar .signup:first-child {
	margin-top: .4em;
}

.contact {
	background: #0075CC;
}

.contact a {
	background: white;
	color: #0075CC;
	display: inline-block;
	padding: 0 0.5em;
	line-height: 2;
	font-size: 100%;
	text-decoration: none;
}

.sidebar .signup h2, .contact h2 {
	margin: 0.5em 0;
	margin-bottom: 0em;
}

.sidebar .signup p, .contact p {
	font-size: 90%;
	margin-top: 0.1em;
}

.sidebar .signup ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar .signup a {
	display: block;
	margin: 0.5em 0 0;
	background: #AA5086;
	padding: 1em;
	color: inherit;
	text-decoration: none;
}

.sidebar .signup i {
	display: block;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
}

.sidebar .signup b {
	text-transform: uppercase;
}

.sidebar .social ul {
	margin: 3em 0;
	padding: 0;
	list-style: none;
	text-align: center;
	font-size: 80%;
	line-height: 2;
}

.sidebar .social img {
	height: 1em;
	vertical-align: middle;
	margin-right: 0.2em;
	position: relative;
	top: -.125em;
}

.sidebar .social a {
	display: block;
	color: white;
	text-decoration: none;
	margin: 0.5em 0;
}

.article .social {
	text-align: center;
}

.article .byline .social {
	float: right;
	margin: -.5em 0;
}

.article .footer .social {
	margin: 2em 0;
}

.article .social a {
	float: left;
	width: 2em;
	height: 2em;
	line-height: 2;
	margin-left: .5em;
	border: none;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.article div.social a {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.article .social a img {
	display: block;
	height: 1em;
	width: auto;
	margin: .5em auto;
}

.article .social a.donate {
	width: 4.5em;
	background: #EC2839;
}

.sidebar .social .facebook a, .article .social a.facebook {
	background: #1778f2;
}

.sidebar .social .twitter a, .article .social a.twitter {
	background: #000;
}

.article .signup {
	margin: 2em 0;
	text-align: center;
	padding: .5em 0;
	background: #9E0070;
	color: white;
}

.article .signup .heading h3,
.article .signup .heading p {
	margin: .5em 0;
}

.article .signup .form input,
.article .signup .form button {
	font: inherit;
	border: none;
	padding: 0 .5em;
	margin: .25em 0;
}

.article .signup .form button {
	font-family: "Alfa Slab One", "Arial Black", sans-serif;
	letter-spacing: 0.025em;
	background: black;
	color: white;
	cursor: pointer;
}

@media (min-width: 640px) {
	.article .signup {
		background: #9E0070;
		overflow: hidden;
	}

	.article .signup .heading {
		float: left;
		width: 44%;
		padding: 0 3%;
		border-right: 1px solid white;
	}

	.article .signup .form {
		float: right;
		width: 44%;
		padding-right: 3%;
	}
}

.article .banner {
	margin: 1.5em 0;
}

.article .banner img {
	display: block;
	width: 100%;
	height: auto;
}


/* Footer
****************************************************************/

.site .footer {
	background: #EEE;
	padding: .5em .8em;
}

.site .footer img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

@media (min-width: 640px) {
	.site .footer {
		padding: .5em 0;
	}

	.site .footer-inner {
		margin: 0 auto;
		width: 50em;
		position: relative;
	}

	.site .footer p {
		width: 44em;
		font-size: 75%;
	}

	.site .footer .logo {
		width: 20em;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -4.5em;
	}

	.site .footer .logo img {
		width: 100%;
		height: auto;
	}
}



.related {
	margin: 2em 0;
}

.related h3 {
	margin-bottom: .5em;
	font-family: "Alfa Slab One", "Arial Black", sans-serif;
	font-weight: normal;
	letter-spacing: 0.025em;
	font-size: 120%;
	line-height: 1.2;
}

.related .container {
	overflow: hidden;
	margin: 0 -.5em;
}

.related p {
	width: 10em;
	float: left;
	margin: 0 .5em;
}

.related a {
	display: block;
	color: inherit;
	text-decoration: none;
	font-weight: bold;
	font-size: 80%;
}

.related a:hover {
	color: #FF1D33;
}

.related img {
	display: block;
	height: auto;
	margin-bottom: .4em;
}


/* Images and Pull Quotes
****************************************************************/

.article .image, .article .pull-quote {
	width: 40%;
	max-width: 100%;
}

.article .image {
	margin: .4em 1.2em .3em;
}

.article .pull-quote {
	border-top: solid 3px #FFDB00;
	padding-top: .8em;
	margin: .4em 1.5em 1em;
	text-align: center;
}

.article .image img {
	display: block;
}

.article .image .caption {
	margin-bottom: 0;
}

.article .pull-quote, .article .left {
	float: left;
	clear: left;
	display: inline;
	margin-left: 0;
}

.article .right {
	float: right;
	clear: right;
	display: inline;
	margin-right: 0;
}

.article .image-full {
	float: none;
	display: block;
	margin-left: 0;
	margin-right: 0;
}


.article {
	position: relative;
}

.article .header a.edit, .section .feature-list a.edit, .edit-wrapper a.edit, a.edit-alt-a {
	right: 0;
	padding: 0 5px;
	position: absolute;
	z-index: 8000;
	display: block;
	color: #B00;
	line-height: 24px;
	font-size: 14px;
	background-color: white;
	opacity: .75;
}

.section-edit {
	display: none;
}

/* .edit-link */

.edit-link a, a.edit {
	position: absolute !important;
	color: red !important;
	font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
	font-size: 88% !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	background: rgba(255,255,255,.5) !important;
	padding: 0 .25em !important;
	margin: 0 !important;
}

.edit-link a {
	right: 0 !important;
}

.edit-link {
	position: relative !important;
	z-index: 99999999 !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	height: auto !important;
}
