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

/* !!-- 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;
}

html,
body {
	height: 100%;
}

.rich-text .tableauPlaceholder {
	max-width: 100%;
}

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

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

.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: 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;
}

.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;
}

.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;
}

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

/* !!-- 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;
}

@media (max-width: 48rem) {
	/* !!-- ARTICLE GRID --!! */
	.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("https://readsludge.com/wp-content/uploads/sites/3/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;
}

/* start Matthew McVickar changes > */
/*
.newsroom-header__wrapper,
.newsroom-header__nav-wrapper,
.newsroom-header__nav > ul > li a {
	background: #f6f6f6;
}

.newsroom-header__wrapper {
	border-bottom: 2px solid #6989A0;
	height: 6.5rem;
}

.logo__newsroom {
	opacity: 1;
	height: 5rem;
	max-width: 11rem;
}

.large-feature__inner,
.river__wrapper,
.card__content {
	border-bottom-color: #6989A0;
}

.featured-articles__wrapper + .civil__call-to-action__wrapper,
.article-grid__wrapper + .civil__call-to-action__wrapper {
	border-top-color: #6989A0;
	border-bottom-color: #6989A0;
}

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

.civil__call-to-action__submit-wrapper input {
	background-color: #E45B28;
}

.subscribe-button__button:focus,
.subscribe-button__button:hover,
.civil__call-to-action__submit-wrapper input:focus,
.civil__call-to-action__submit-wrapper input:hover {
	border: solid 3px #E45B28;
	color: #E45B28;
}

.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 {
	color: #E45B28;
}
*/

/* Sticky CTA */
/*
@media (min-width: 64rem) {
	.article-grid__wrapper + .civil__call-to-action__wrapper {
		background-color: transparent;
		background-image: url("https://readsludge.com/wp-content/uploads/sites/3/2018/08/sludge-join-background-transparent-top.png");
	}
}

.article-grid__wrapper + .civil__call-to-action__wrapper {
	z-index: 99;
	position: sticky;
	bottom: 0;
}
*/
/* < end Matthew McVickar */
