.white {
  background-color: #ffffff; }

.white-text {
  color: #ffffff; }

.black {
  background-color: #000000; }

.black-text {
  color: #000000; }

.black-highlight {
  background-color: #3e3e3e; }

.black-highlight-text {
  color: #3e3e3e; }

.strike-through {
  text-decoration: line-through; }

.dark-grey {
  background-color: #2d2d2d; }

.dark-grey-text {
  color: #2d2d2d; }

.light-grey {
  background-color: #939393; }

.light-grey-text {
  color: #939393; }

.lightish-grey {
  background-color: #d6d6d6; }

.lightish-grey-text {
  color: #d6d6d6; }

.lighter-grey {
  background-color: #f3f3f3; }

.lighter-grey-text {
  color: #f3f3f3; }

.lightest-grey {
  background-color: #efefef; }

.lightest-grey-text {
  color: #efefef; }

.shadow-grey {
  background-color: #d3d3d3; }

.shadow-grey-text {
  color: #d3d3d3; }

.green {
  background-color: #376e26; }

.green-text {
  color: #376e26; }

.light-green {
  background-color: #4a9035; }

.light-green-text {
  color: #4a9035; }

.light-blue {
  background-color: #E7E9F1; }

.light-blue-text {
  color: #E7E9F1; }

.dark-blue {
  background-color: #293b6e; }

.dark-blue-text {
  color: #293b6e; }

.blue-highlight {
  background-color: #4a67b3; }

.red {
  background-color: #dc0423; }

.red-text {
  color: #dc0423; }

.yellow {
  background-color: #ffff00; }

.yellow::before {
  background-color: #ffff00; }

.yellow::marker {
  background-color: #ffff00; }

.update-highlight {
  background-color: #ffff00;
  display: inline !important; }

.update-highlight:before {
  background-color: #ffff00;
  display: inline !important; }

.consumerlab-blue {
  background-color: #1C449B; }

.consumerlab-blue-text {
  color: #1C449B; }

.passedTest {
  background-color: rgba(74, 144, 53, 0.3); }

.failedTest {
  background-color: rgba(220, 4, 35, 0.3); }

.content-updates .display-mode {
  display: flex;
  align-items: baseline;
  margin: 2.5rem 0; }
  .content-updates .display-mode h2 {
    font-size: 1.5rem;
    margin: 0 1rem 0 0; }
  .content-updates .display-mode a {
    display: inline-block;
    margin: 0 0.5rem; }

.content-updates .list .content-update-month {
  margin: 2rem 0 0.5rem 0;
  font-size: 1.5rem; }

.content-updates .list .content-update {
  border-bottom: 1px solid #d3d3d3;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .content-updates .list .content-update h3 {
    margin-bottom: 0.75rem;
    line-height: 1.5;
    font-size: 1.1rem; }
  .content-updates .list .content-update h5 {
    font-size: 1rem;
    color: #939393; }
  .content-updates .list .content-update .text {
    font-size: 1.1rem; }

.content-updates .remaining {
  margin-top: 1rem; }

@media (max-width: 767.98px) {
  .content-updates .display-mode {
    flex-direction: column;
    margin-bottom: 0; }
    .content-updates .display-mode .month-list {
      margin-top: 1rem; }
      .content-updates .display-mode .month-list a {
        margin: 0 1rem 0.5rem 0; }
  .content-updates .list .content-update-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem; }
    .content-updates .list .content-update-meta h3 {
      font-size: 1.3rem;
      margin-bottom: 0.5rem;
      margin-right: 1rem; }
    .content-updates .list .content-update-meta h5 {
      margin-bottom: 0; }
    .content-updates .list .content-update-meta .favorite {
      margin-top: 0.25rem; } }