Our original web developer has left and I am trying to keep the site updated. I’m not familiar with CSS code on a steep learning curve. The peace theme he used doesn’t seem to have any support available but I hope someone can still help.
In the header we have contact details and social media links, but they are currently a pale grey and invisible on top of the background image (it was a dull grey I replaced it with something more colourful but in the process created another problem!)

I’ve played around a bit and managed to change font of the welcome message to black but cannot figure out how to change the top buttons and text at all

Can anyone advise me how I could change the font colour to black? Thanks

#top-section .social-search ul li a {
	color: #c5beb9;
}
#top-section .social-search #site-search a {
	color: #c5beb9;
}

And here is the code for the contact details

#top-section .address ul li i, #top-section .address ul li {
	border-color: #dcd6d2;
	color: #c5beb9;
}

Again change the colours to anything you want.