Social Media Widget icons are the worng colour

Hi guys

I am having trouble with the social widget in the header builder, In the widget setting, I have set the social media icons to appear white – however no matter what colour I set them to they always appear red. From what I’ve read so far this appears to be caused some sort of conflict with the theme colours. Is there any way to fix this?

So far I have tried the following additional CSS to no avail.

.sub-menu a {
	color: white !important;
}
.site-header .simple-social-icons ul li a,
body .simple-social-icons ul li a {
	color: #ffffff !important;
	background-color: transparent !important;
}

.site-header .simple-social-icons ul li a:hover,
body .simple-social-icons ul li a:hover {
	color: #ffffff;
	background-color: #666 !important;
}

.icon-facebook {
    fill: #ffffff; !important;
}

.icon-facebook:hover {
    fill: #ffffff; !important;
}

Thanks in advance

The page I need help with: [log in to see the link]