Text Color Issue

My site is https://appletechtalk.com and I am using a child of the Simple Catch theme.

I am having issues with the font colors.

I have set the basic font colors in the Theme Appearance Options but the default colors do not always get applied and I have to go back and set them manually. My bigger problem is that even when I set colors using the WP Visual Editor, the selected color does not get applied when I save the post. This happens mainly on any text that I apply the bold attribute to, including headings and bold paragraph text.

I find that if I apply the H2 heading the Visual Editor shows the bold “B” option applied and the text renders as gray. If I go back and unclick the “B” option, the heading then renders in black and is still bold. Any paragraph text I apply the “B” to renders as gray.

I am fairly new to WordPress, html and css but I think I have figured out why this is happening but don’t know how to fix it.

In looking at the main style.css file I found the following:

strong, b {
font-weight: bold;
color: #666;
}

That would seem to explain the default gray text on anything that is bold.

What I also found is that the opening tag is being placed in the wrong area. The heading or text looks like this in the text editor:

<span style=”color: #000000;”>Cloud Services

When I change the css to read:

<span style=”color: #000000;”>Cloud Services

the text renders in black (or whatever color I selected).

I don’t know if this is an issue with the theme or with WordPress. Does anyone have any thoughts as to how I can fix this?

Thanks,

David