Problem with yoast breadcrumbs

If I delete that part it works but the dark gray how can I modify it?. That color is barely visible. http://apartamentoparatres.es/nuestras-creaciones/diseno-grafico/
Now the css code is:

.breadcrumbs {
background-color: black;
padding:10px;
margin-top:0px;
font-size: 0.6em;
color: white;
}
.breadcrumbs a:hover {
color: #fedb00;
}
body.home .breadcrumbs{
display:none;
}

if I add this code

.breadcrumbs a: {
color: #cccccc;
}

don´t work and I don´t understand

Thank you

You can modify it by this CSS:

.breadcrumbs a {
    color: #ffffff;
}

Nothing is changed. Still the same

Hmm I'm not seeing the CSS being added? What's your overall CSS right now?

I left the code as it was.
.breadcrumbs {
background-color: black;
padding:10px;
margin-top:0px;
font-size: 0.6em;
color: white;
}
.breadcrumbs a:hover {
color: #fedb00;
}
.breadcrumbs a: {
color: #cccccc;
}
body.home .breadcrumbs{
display:none;
}

I tried changing it with different colors and none works

You have a syntax error. This:

.breadcrumbs a: {
    color: #cccccc;
}

should be this:

.breadcrumbs a {
    color: #cccccc;
}