Hey Holly-
If you look on line 42 of the screenshot of your header CSS, you'll see
.em_defaultlink a {
color:inherit !important;
text-decoration: none !important;
}
in CSS, this reads "a link inside of an element with a class of 'em-defaultlink'". I can't be sure from what I've seen of your code, but Im willing to bet that your text here is inside a container with the .em_defaultlink class. When you add a link to the text, it picks up that !important rule (which basically means override all the other CSS styles) and "inherits" the color from the paragraph (that's why it's the same color, I betcha).
As a short-stop solution here, you can "override the override" and show that style who's boss by adding the !important tag to your inline style. In the Advanced editor, you can change --
color:#f68c2b; text-decoration: none;
to:
color:#f68c2b !important; text-decoration: none;
and that should force that link to be the color you've set in the Advanced Editor.
For the long-term, you'd need to look thru the rest of the CSS on your template to try and tease out what might be causing this issue (it might be in more than one place).
Another potential solution would be to wrap the link in a <span> tag with the color of the link you'd like it to "inherit". So in this case, something like:
<span style="color:#f68c2b;"><a herf="#" target="_blank"> your link here</a></span>
I'm not sure this will work with a span element, but it might be worth a try to get it to work 'with' the template styles rather than overriding/replacing them.
Good luck, let me know if any of that works for you!
