.bg-secondary {
    background-color: rgba(254, 204, 0, .1) !important;
}

.card-hover-primary:hover i {
    transition: all 0.25s ease-in-out;
    color: white !important;
}

.rich-text a:not(.btn):not(.nav-link),
.blog-article__content a:not(.btn):not(.nav-link) {
    color: inherit;
    text-decoration: none;
    border-bottom: 3px solid #fecc00;
}

.rich-text a:not(.btn):not(.nav-link):hover,
.blog-article__content a:not(.btn):not(.nav-link):hover {
    background-color: rgba(254, 204, 0, .11);
}

.blog-article__content h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
}

.blog-article__content h2 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
}

.dc-h1 {
  font-family: var(--dc-serif);
  font-size: clamp(2.2rem, 6vw, 4.2rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--dc-text);
  margin-bottom: 1.5rem;
}

em {
  font-style: italic;
  /* Uses the brand accent colour; if the site has --color-primary, use it */
  color: #fecc00;
}