Header Text Colour

Hi,

Is there any way to change the header text colour. I have tried most things but it is still black.

I've tried changing it from the colour tab (i've got the add-ons pack), and I've tried putting in custom CSS:

.site-header {
font-style: italic;
color: #edbf0f;
font-weight: bold;
font-size: 50px
}
Font weight and size css also do not change anything.
I have also tried it under .site-branding and using !important.

In the "inspect page source" tab on my site, it shows my css colour, #edbf0f, overwrites the colour inputed from the colour tab. But the text is still black.

I have also tried to do it through a header widget, which works for the colour, but now I can't change the font size:

.header-widget
{
color:#edbf0f;
font-style: italic;
margin-bottom: 10px;
float: left;
font-size:200px;
}

Any help would be appreciated?

Thanks