@import url('https://fonts.googleapis.com/css?family=Raleway:300,500,700');

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

/* Less space between nav menu and search. */
@media (min-width: 64rem) {
	.newsroom-header__search-wrapper {
		margin-left: 0;
	}
}

/* White submenu and search icons. */
.menu-item-has-children>a:after {
	border-top-color: #fff;
}

.newsroom-header__search-trigger__icon {
	background-color: #fff !important;
	border-radius: 50%;
}

/* !!-- Wait for Pico to Load --!! */

.newsroom-header__subscribe-wrapper
.subscribe-button__button {
	cursor: wait;
}

.newsroom-header__subscribe-wrapper
.subscribe-button__button[data-pico-status] {
	cursor: pointer;
}

.newsroom-header__subscribe-wrapper {
	position: relative;
}

.newsroom-header__subscribe-wrapper
.subscribe-button__full-width:before {
	content: '';
  box-sizing: border-box;
  position: absolute;
	background:rgba(0,0,0, .5);
	height: 60px;
	width: 100%;
}

.newsroom-header__subscribe-wrapper
.subscribe-button__full-width:after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner .6s linear infinite;
}

.newsroom-header__subscribe-wrapper
.subscribe-button__full-width[data-pico-status]:before {
	display: none;
}

.newsroom-header__subscribe-wrapper
.subscribe-button__full-width[data-pico-status]:after {
	display: none;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}


/* !!-- HEADER --!! */

.newsroom-header__wrapper,
.newsroom-header__nav-wrapper  {
	background-color: #000;
}

.newsroom-header__runs-on-civil svg,
.newsroom-header__menu-trigger path, svg:not(:root) {
	fill: #fff;
}

.newsroom-header__inner:before {
	background-color: #000;
}

.logo__newsroom {
	height: 4.5rem;
}

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

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

.subscribe-button__full-width {
	border: 3px solid #fff;
	background-color: #000;
}

.cta-button__full-width {
	border: 3px solid #fff !important;
	background-color: #000 !important;
}

.cta-button__full-width:focus,
.cta-button__full-width:hover {
	background-color: #fff !important;
	color: #000;
}

.subscribe-button__button:focus,
.subscribe-button__button:hover {
	background-color: #fff;
	color: #000;
}

.newsroom-header__nav>ul a {
  text-transform: uppercase;
	border: 0;
	color: #cccccc;
	background-color: #000;
}

.newsroom-header__nav a:focus,
.newsroom-header__nav a:hover {
	color: #e6e6e6;
	text-decoration: none;
}

.menu-item-has-children>a:after {
	border-top-color: #fff;
}

/* !!-- DATES --!! */

.large-feature__date,
.content-item__date {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0;
}

/* !!-- 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: 3px solid #cccccc;
	border-top: 3px solid #cccccc;
}

.featured-articles__feature-list
.civil__call-to-action__layout-block {
	border-bottom: 3px solid #cccccc;
}

.civil__call-to-action__heading {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0;
}

.civil__call-to-action__text,
.civil__call-to-action__input-wrapper {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	line-height: 1.1;
	letter-spacing: 0;
}

.civil__call-to-action__newsletter-submit {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: 0;
	background-color: #cccccc;
}
.call-to-action__wrapper
.call-to-action__submit-wrapper {
	border: 1px solid #cccccc;
}

.call-to-action__submit-wrapper input:focus,
.call-to-action__submit-wrapper input:hover {
	background-color: #e6e6e6;
}

.civil__call-to-action__layout-inline.civil__call-to-action__wrapper {
	border-left: 4px solid #cccccc;
}

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

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

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

.civil__call-to-action__layout-inline
.civil__call-to-action__newsletter-submit  {
	background-color: #cccccc;
}

.civil__call-to-action__newsletter-submit:focus,
.civil__call-to-action__newsletter-submit:hover {
	background-color: #e6e6e6;
}

/* !!-- FEATURE IMAGE --!! */

.large-feature__inner {
	border-bottom: 3px solid #cccccc;
}

.large-feature__title,
.large-feature__wrapper,
.large-feature__eyebrow {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0;
}

.large-feature__title {
	font-size: 2rem;
}

.large-feature__byline {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
	line-height: 1.1;
	letter-spacing: 0;
}

.large-feature__dek {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
	line-height: 1.1;
	letter-spacing: 0;
}

.large-feature__content {
	margin: 0;
}

/* !!-- TOP STORIES --!! */

.featured-articles__list-headline,
.river__title,
.river__eyebrow {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0;
}

.river__wrapper {
  border-bottom: 3px solid #cccccc;
}

.river__byline {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
	line-height: 1.1;
	letter-spacing: 0;
}

/* !!-- ARTICLE GRID --!! */

.card__content {
	border-bottom: 3px solid #cccccc;
}

.card__title a,
.card__byline,
.card__eyebrow {
  font-family: 'Raleway', sans-serif;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0;
}

.card__dek {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
	line-height: 1.1;
	letter-spacing: 0;
}

/* !!-- CONTENT --!! */

.article-header__title,
.article-bylines__bio-header
.article-bylines__bio-name,
.article-header__eyebrow {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0;
}

.article-header__dek {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	line-height: 1.1;
	letter-spacing: 0;
}

.article-header__date,
.article-bylines__bio-header
.article-bylines__twitter-handle,
.article-bylines__bio-content-wrapper
.article-bylines__bio-content,
.article-bylines__bio-more {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: 0;
}

.rich-text p {
	color: #000;
}

.rich-text p a {
	text-decoration: none;
  border: 0;
	color: #5da6db;
}

.rich-text p a:focus, .rich-text p a:hover {
  color: #5da6db;
}

/* !!-- More !!-- */

.button-secondary-light {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0;
	color: #cccccc;
	border: 2px solid #cccccc;
}

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

@media (max-width: 48rem) {

	/* !!-- FEATURE IMAGE --!! */

	.large-feature__content {
  	border: 0;
		margin: 0 -1rem;
  }

	/* !!-- ARTICLE GRID --!! */

	.card__content {
	   border: 0;
	}
}

@media (min-width: 48rem) {

	/* !!-- FEATURE IMAGE --!! */

	.featured-articles__featured-article {
		grid-column: span 7;
	}

	.featured-articles__feature-list {
		grid-column: span 5;
	}
}

@media (max-width: 64rem) {
	.logo__newsroom {
		max-width: 5rem;
	}
}

@media (min-width: 64rem) {
	.newsroom-header__nav a {
		padding: 1.25rem 1rem;
	}

	.newsroom-header__sub-menu-open___3g3zT .sub-menu {
		width: 460px;
	 }

	.newsroom-header__sub-menu-open___3g3zT .sub-menu a {
		padding: .75rem;
	}

	.article-header__image {
		position: relative;
	}

	.article-header__image-meta {
		position: absolute;
		right: 0;
	}

	.article-header__image+
	.article-header__wrapper {
		margin-top: 0;
	}

	.article-header__title {
		margin-top: 0;
	}
}

@media (min-width: 90rem) {
  .newsroom-header__sub-menu-open___3g3zT .sub-menu {
    width: 460px;
  }

  .newsroom-header__sub-menu-open___3g3zT .sub-menu a {
    padding: 1rem;
  }
}
