/* All classes that are mostly about adding color. */

.background-replacement-for-no-image {
  background-color: cadetblue;
}
.page--content-item--collection .background-replacement-for-no-image {
  background-color: $collection;
}

/* Front page view titles and more links get un-SMACSS targeting, sorry. */

.block-views-blockhome-page-views-block-articles {
  border-top: 2px solid $article;
  > h2 {
    color: $white;
    background-color: $article;
    padding: 2px 0.2em 0 0.2em;
  }
}
.block-views-blockhome-page-views-block-blogs {
  border-top: 2px solid $blog;
  > h2 {
    color: $white;
    background-color: $blog;
    padding: 2px 0.2em 0 0.2em;
  }
}

.page--content-item--article .background-replacement-for-no-image,
.block-views-blockhome-page-views-block-articles .button,
.is-article .background-replacement-for-no-image {
  background-color: $article;
  color: $white;
  a {
    color: $white;
  }
}
.page--content-item--blog .background-replacement-for-no-image,
.block-views-blockhome-page-views-block-blogs .button,
.is-blog .background-replacement-for-no-image {
  background-color: $blog;
  color: $white;
  a {
    color: $white;
  }
}

// Gleanings don't have the same faux-image structure (because they don't have
// featured images) but we still want the title to look about the same.
.page--content-item--gleaning .page-title {
  background-color: $gleaning;
}