Colour coding blog post "card"

@JoshA You can use the following CSS below. This adds CSS variables to the blog-item container and then uses them in the category-* classes that is set on each "card". 

CSS

.blog-item {
  --pamphlet: red;
  --report: blue;
  --definition: green;
  --imagination-lab: pink;
  --declaration: black;
  --article: gray;
  --data-study: tomato;
}

.category-pamphlet { background-color: var(--pamphlet) !important; }
.category-report { background-color: var(--report) !important; }
.category-definition { background-color: var(--definition) !important; }
.category-imagination-lab { background-color: var(--imagination-lab) !important; }
.category-declaration { background-color: var(--declaration) !important; }
.category-article { background-color: var(--article) !important; }
.category-data-study { background-color: var(--data-study) !important; }

Screenshot

Here's a screenshot of Chrome dev tools open. You'll notice that each card has a class set based on the category in with the following  format, "category-*" .