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

.article-header__social-shares .share-icon.no-text {
    height: 20px;
}
.article-footer__social-shares {
	display: none;
} 

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

.sub-menu li, .sub-menu a:focus, .sub-menu a:hover {
	background-color: black;
}

.newsroom-header__search-trigger__icon {
	background-color: #fff !important;
	border-radius: 50%;
	height: 26px;
  width: 26px;
  background-size: 20px;
  background-position: center 2px;
}

@media (min-width: 64rem) {
	.newsroom-header__search-wrapper {
		margin-right: 1.75rem;
	}
}

@media (min-width: 80rem) {
	.newsroom-header__nav {
		margin-right: -0.5em;
	}
}


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

.logo__newsroom {
	height: 14rem;
	max-width: 14rem;
}

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

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

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

.subscribe-button__full-width {
	background-color: #404040;
}

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

.newsroom-header__nav>ul a {
	background: none;
	color: #fff;
  text-transform: uppercase;
}

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

.newsroom-header__inner:before {
	background: none;
}

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

.large-feature__date,
.content-item__date {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

/* !!-- CALL TO ACTION --!! */

.civil__call-to-action__layout-inline .civil__call-to-action__heading {
	font-size: 16px;
}
.civil__call-to-action__layout-inline .civil__call-to-action__text {
	font-size: 18px;
}
.civil__call-to-action__layout-inline .civil__call-to-action__body {
	text-align: left;
} 

.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 #404040;
	border-top: 3px solid #404040;
}

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

.civil__call-to-action__heading {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}

.civil__call-to-action__text,
.civil__call-to-action__input-wrapper,
.civil__call-to-action__newsletter-submit {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

.large-feature__title,
.large-feature__wrapper
.large-feature__eyebrow {
  font-family: 'Roboto', sans-serif;
	font-weight: 900;
}

.large-feature__byline {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.large-feature__dek {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

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

.featured-articles__list-headline,
.river__title,
.river__eyebrow {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}

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

.river__byline {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

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

.card__content {
	background-color: white;
	border-bottom: 3px solid #404040;
}

.card__title a,
.card__byline,
.card__eyebrow {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}

.card__dek {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

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

.article-header__title,
.page-header__title,
.article-header__eyebrow {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}

.article-header__date {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

.article-header__dek {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

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

.button-secondary-light {
	color: #404040;
	border: 2px solid #404040;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}

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

@media (max-width: 48rem) {

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

	.card__content {
	   border: 0;
	}
}

@media (min-width: 64rem) {
	.article-header__image {
		position: relative;
	}

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

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

	.article-header__wrapper {
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.article-header__title {
		margin-top: 0;
	}
}
@media (min-width: 1024px) {
	/* !!-- HEADER --!! */

	.newsroom-header__nav-wrapper {
		background: none;
	}
}

/* Show share buttons on mobile. */
.article-header__shares-wrapper {
	display: block;
}

/* Changes for Pico Updates */
.newsroom-header__subscribe-wrapper
button.cta-button__button {
	cursor: wait;
}

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

.newsroom-header__subscribe-wrapper
button.cta-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
button.cta-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
button.cta-button__full-width[data-pico-status]:before {
	display: none;
}

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


button.cta-button__full-width,
.newsroom-header__nav>ul a {
	font-family: 'Roboto', sans-serif;
 	font-weight: 900;
}

button.cta-button__full-width {
	background-color: #404040;
}

button.cta-button__button:focus,
button.cta-button__button:hover {
	background-color: #535353;
}