@import  "https://fonts.googleapis.com/css?family=Inconsolata:700|Oswald:500,700";

/* !!-- TEMPORARY while fixing cred indicator plugin bug --!! */
.article-body__wrapper section:last-child:not(.civil__call-to-action__wrapper) {
    display: none;
}

/* !!-- GLOBAL BANNER --!! */
.global-banner__wrapper {
	background: #f1293c;
	color: #fff;
}

@media (max-width: 450px) {
	.global-banner__wrapper {
		height: 60px;
		line-height: 1.5;
		padding: 5px 20px;
	}
}

.global-banner {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}

.global-banner a {
	display: inline;
	color: #fff;
	text-transform: uppercase;
}

.global-banner a:hover {
	color: #eee;
}

/* !!-- EMBEDS --!! */
/* why isn't this needed any more?
.rich-text .tableauPlaceholder {
    margin-bottom: -1rem;
    margin-top: -3rem;
}
*/

.wp-block-embed-wordpress iframe.wp-embedded-content {
	width: 100% !important;
}

.wp-block-embed__wrapper > *,
.twitter-tweet {
	margin: 0 auto;	
}


/* !!-- GENERAL --!! */
.rich-text .tableauPlaceholder {
	max-width: 100%;
}

.rich-text .tableauViz {
	width: 100%;
	min-height: 600px;
	max-width: 100%;
}

/* !!-- HEADER --!! */
.newsroom-header__wrapper {
	height: 7rem;
	border: 0;
}

.tagline {
	margin: 7px 0 0 0;
	font-family: Inconsolata, Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	color: #404040;
}

@media (max-width: 719px) {
	.tagline {
		max-width: 160px;
	}
}

.logo__newsroom {
	opacity: .75;
	height: 4rem;
	max-width: 10rem;
}

.archive-header {
	display: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}

.subscribe-button__full-width,
.newsroom-header__nav >ul a {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}

.newsroom-header__nav >ul a {
	text-transform: uppercase;
}

.newsroom-header__nav >ul a:hover {
	color: #f1293c;
	text-decoration: none;
}

.subscribe-button__button {
	background-color: #f1293c;
	border: solid 3px #f23e4f;
}

.subscribe-button__button:focus,
.subscribe-button__button:hover {
	background-color: #fff;
	color: #f23e4f;
	border: solid 3px #f23e4f;
}

.site-content {
	padding: .5rem 0 1rem 0;
}

/* !!-- DATES --!! */
.large-feature__date,
.content-item__date {
	font-family: 'Inconsolata', monospace;
	font-weight: 700;
}

/* !!-- CALL TO ACTION --!! */
.featured-articles__feature-list
.civil__call-to-action__wrapper {
	border-top: 0;
}

.featured-articles__wrapper +
.civil__call-to-action__wrapper,
.article-grid__wrapper + .civil__call-to-action__wrapper {
	border-bottom: 1px solid #2b56ff;
	border-top: 1px solid #2b56ff;
}

.featured-articles__feature-list .civil__call-to-action__layout-block {
	border-bottom: 1px solid #2b56ff;
}

.civil__call-to-action__heading,
.civil__call-to-action__text {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}

.civil__call-to-action__input-wrapper,
.civil__call-to-action__newsletter-submit {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
}

.civil__call-to-action__newsletter-submit {
	background-color: #005aff;
}

.civil__call-to-action__theme-light
.civil__call-to-action__submit-wrapper {
	border: 1px solid #f1293c;
}

.civil__call-to-action__theme-medium
.civil__call-to-action__submit-wrapper {
	border: 1px solid #f1293c;
}

.civil__call-to-action__theme-dark
.civil__call-to-action__submit-wrapper {
	border: 1px solid #f1293c;
}

.civil__call-to-action__newsletter-submit {
	background-color: #f1293c;
}

.civil__call-to-action__submit-wrapper {
	border: 1px solid #f23e4f;
}

.civil__call-to-action__submit-wrapper input:focus,
.civil__call-to-action__submit-wrapper input:hover {
	background-color: #fff;
	color: #f23e4f;
	border: solid 3px #f23e4f;
}


/* !!-- FEATURE IMAGE --!! */
.large-feature__inner {
	border-bottom: 1px solid #2b56ff;
}

.large-feature__title {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 32pt;
}

.large-feature__dek {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
}

.large-feature__byline,
.large-feature__wrapper .large-feature__eyebrow {
	font-family: 'Inconsolata', monospace;
	font-weight: 700;
}

/* !!-- TOP STORIES --!! */
.featured-articles__list-headline,
.river__title {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}

.featured-articles__list-headline {
	margin-bottom: 0;
}

.river__wrapper {
	border-bottom: 1px solid #2b56ff;
	padding-bottom: .6rem;
	padding-top: .6rem;
}

.river__eyebrow___3Czl6,
.river__byline {
	font-family: 'Inconsolata', monospace;
	font-weight: 700;
}

/* hide image in right rail on homepage */
.river__image___1HX7R.river__image {
	display: none;
}

.river__content___ROuna.river__content {
	grid-column: span 3;
}

/* !!-- ARTICLE GRID --!! */
.card__content {
	background-color: white;
	border-bottom: 1px solid #2b56ff;
}

.card__title a {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}

.card__dek {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
}

.card__eyebrow,
.card__byline {
	font-family: 'Inconsolata', monospace;
	font-weight: 700;
}

/* !!-- CONTENT --!! */
.article-header__title,
.page-header__title {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}

.article-header__dek,
.article-header__bio-content,
.article-header__bio-more {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
}

.article-header__date,
.article-header__bio-name,
.article-header__byline,
.article-header__twitter-handle,
.article-header__eyebrow {
	font-family: 'Inconsolata', monospace;
	font-weight: 700;
}

.rich-text>h1,
.rich-text>h2,
.rich-text>h3,
.rich-text>h4,
.rich-text>h5,
.rich-text>h6,
.rich-text #pico-remainder >h1,
.rich-text #pico-remainder >h2,
.rich-text #pico-remainder >h3,
.rich-text #pico-remainder >h4,
.rich-text #pico-remainder >h5,
.rich-text #pico-remainder >h6 {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}

.rich-text p.has-small-font-size  {
  font-size: 14px;
}

.rich-text p.has-normal-font-size {
  font-size: 21px;
}

.rich-text p.has-medium-font-size {
  font-size: 28px;
}

.rich-text p.has-large-font-size  {
  font-size: 36px;
}

.rich-text p.has-huge-font-size   {
  font-size: 48px;
}

.body-content__wrapper h2 {
	font-size: 1.5rem;
}

.rich-text li {
	font-family: Spectral, Georgia, serif;
	font-size: 1.313rem;
	color: #5a5653;
}

.rich-text h1 {
	font-size: 28px;
}

.rich-text h2 {
	font-size: 26px;
}

@media (min-width: 48rem) {
	.rich-text h1 {
		font-size: 34px;
	}
	
	.rich-text h2 {
		font-size: 30px;
	}
}

/* Link color! */
.rich-text p a,
.rich-text p a:hover,
.rich-text li a,
.rich-text li a:hover {
	border-bottom: none !important;
	text-decoration: none !important;
}

.rich-text p a,
.rich-text li a {
	position: relative;
	background-image: linear-gradient(to top, transparent, transparent 2px, #2b56ff 2px, #2b56ff 4px, transparent 4px);
	text-shadow: -1px -1px 0 #fff, -1px -1px 0 #fff, -1px -1px 0 #fff, -1px -1px 0 #fff;
}

.rich-text p.has-text-color a,
.rich-text p.has-background a {
	background-image: none !important;
	text-shadow: none !important;
	text-decoration: underline !important;
}

.rich-text p a:hover,
.rich-text li a:hover {
	color: #2b56ff;
}

.rich-text h1 a,
.rich-text h2 a,
.rich-text h3 a,
.rich-text h4 a,
.rich-text h5 a,
.rich-text h6 a {
	color: #2b56ff;
}

/* Calls to Action */
.article-body__wrapper .civil__call-to-action__layout-inline.civil__call-to-action__wrapper {
	background-color: #e9eeff;
	border-left: 0;
	padding: 1rem;
}

.article-body__wrapper .civil__call-to-action__layout-inline .civil__call-to-action__text {
	text-align: left;
}

.article-body__wrapper .civil__call-to-action__layout-inline .civil__call-to-action__heading {
	margin: 0;
}

/* !!-- More !!-- */
.button-secondary-light {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	color: #6989a0;
	border: 2px solid #6989a0;
}

.button-secondary-light:focus,
.button-secondary-light:hover {
	background-color: #6989a0;
}

/* !!-- ARTICLE GRID --!! */
@media (max-width: 48rem) {
	.card__content {
		border: 0;
	}
}

/* @media (min-width: 48rem) {
	.large-feature__content {
		margin: -8.812rem 2rem 0;
	}
} */
@media (min-width: 64rem) {
	.article-grid__wrapper
				+ .civil__call-to-action__wrapper {
		background-color: #fff;
		border: 0;
		background-image: url("http://sludgemedia.wpengine.com/wp-content/uploads/2018/06/Sludge_Join_Background3.png");
		background-repeat: no-repeat;
		background-size: auto 100%;
	}

	.article-grid__wrapper +
				.civil__call-to-action__wrapper
				.civil__call-to-action__heading {
		margin-left: 325px;
		margin-top: 25px;
		text-transform: uppercase;
		color: #fff;
		transform: rotate(-3deg);
	}

	.article-grid__wrapper +
				.civil__call-to-action__wrapper
				.civil__call-to-action__body {
		text-transform: uppercase;
		color: #fff;
		margin-left: 400px;
		display: flex;
		flex-direction: column;
	}

	.article-grid__wrapper +
				.civil__call-to-action__wrapper
				.civil__call-to-action__text {
		font-family: 'Oswald', sans-serif;
		color: #fff;
		margin-top: 20px;
		transform: rotate(2deg);
	}

	.article-grid__wrapper +
				.civil__call-to-action__wrapper
				.subscribe-button__standard-height {
		border: 3px solid #fff;
	}

	.article-grid__wrapper +
				.civil__call-to-action__wrapper
				.subscribe-button__standard-height:focus,
				.article-grid__wrapper +
				.civil__call-to-action__wrapper
				.subscribe-button__standard-height:hover {
		background: #fff;
		color: #f1293c;
	}
}

/* JOIN PAGE */
.join-cta-wrapper {
	text-align: center;
}

.join-cta-wrapper .subscribe-button__button {
	margin: 1rem auto;
}

@media (min-width: 32rem) {
	.join-cta-wrapper .subscribe-button__button {
		margin: 1rem;
	}
}

@media (min-width: 64rem) {
	.join-cta-wrapper {
		display: flex !important;
		justify-content: space-evenly;
	}

	.article-body__wrapper .civil__call-to-action__layout-inline.civil__call-to-action__wrapper {
		padding: 2rem;
	}
}

.member-benefit {
	border: 1px solid black;
	font-family: Spectral, Georgia, serif;
	font-size: 1.12rem;
	margin-bottom: 1.156rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.156rem;
	min-height: 12rem;
	padding: 1.313rem;
}

@media (min-width: 32rem) {
	.member-benefit {
		width: 450px;
	}
}

.member-benefit:nth-child(1) {
	border-color: #ddd;
}

.member-benefit:nth-child(2) {
	border-color: #bbb;
}

.member-benefit:nth-child(3) {
	border-color: #888;
}

.member-benefit:nth-child(4) {
	border-color: #000;
}

@media (min-width: 64rem) {
  div.member-benefits {
		display: flex;
		margin-left: -200px;
		margin-right: -200px;
	}

	div.member-benefit {
		margin-top: 0;
		margin-bottom: 0;
	}

	.member-benefit + .member-benefit {
		margin-left: 1rem;
	}
}

div.member-benefit-amount {
	color: #E45B28;
	font-family: 'Oswald', sans-serif;
	font-size: 1.64rem;
	text-align: center;
	margin-bottom: 0.6rem;
}

.member-benefit-cycle {
	color: #777;
	text-align: center;
}

.member-benefit-description {
	color: #333;
	line-height: 1.2;
	margin-top: 1.2rem;
}

.questions-feedback {
	display: flex !important;
}

.questions-feedback h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 35pt;
  padding-right: 2rem;
}

.site-main {
	height: 100%;
	position: relative;
}

.rich-text p a:focus,
.rich-text p a:hover {
	color: #2b56ff;
}

.post-template-default .body-content__wrapper {
	padding-bottom: 140px;
}

.post-template-default .article-template__comments-wrapper {
	padding-top: 30px;
}

/* Hide sticky CTA on homepage. */
body.home .civil__call-to-action__layout-sticky {
	display: none;
}

/* Sludge Report headings. */
h1.is-style-sludge-report,
h2.is-style-sludge-report,
h3.is-style-sludge-report,
h4.is-style-sludge-report {
  font-family: Courier, monospace;
  font-weight: bold;
  text-decoration: underline;
}

@media (min-width: 768px) {
	h1.is-style-sludge-report,
	h2.is-style-sludge-report,
	h3.is-style-sludge-report,
	h4.is-style-sludge-report {
		font-size: 36px;
	}	
}

/* User archive page. */
.user-archive__heading {
	padding-bottom: 2rem;
}

/* Extended bio. */
.author-extended-bio__wrapper {
	max-width: 60rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: -1rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-top: 3px solid #5a5653;
}