Links created in the editor do not appear as link colors on the site

For starters, your CSS has this:

strong { font-weight: bold; color: #1c1c1c; }

So whenever you bold any text, the color changes to #1c1c1c (which is closer to black than blue). I can see why that would be desired in other scenarios, except in your case you’re bolding text inside a link, so that changes the link color as well.

Plus your site’s content markup is all over the place!

Instead of using a paragraph for a heading and bolding it, why don’t you use a heading for… a heading?

This is also very sporadic – i.e. once in a while a colored link does appear, which adds to the visual confusion.

Yip! In some places you have something like this:

<a href="#"><strong>Some Text</strong></a>

Here the bold markup (<strong>) is closest to the text, so it takes control and your black bold color I mentioned earlier will be applied to the text.

Whereas in other places you have something like this:

<strong><a href="#">Some Text</a></strong>

Here the hyperlink is closest to the text, so the hyperlink color will be applied to the text.

So the “sporadic” behavior is not all that sporadic after all 🙂