Color fa-question-circle in search bubble?

[cannabis ape]

I'm having an hard time isolating the color of the icon in the search bubble.

I thought I had it with

i.fa--xf.far.fa-question-circle.u-muted.u-smaller {
    color: white;
}

But found it also changes the icon to white on pages with a white background

I also had a color issue with the check box in the search bubble and used this;

.iconic > input + i {
    background: white;
}

Which seems it doesn't effect any place elsewhere.

For the text I used;

form.menu-content {
    color: white;
}

So I need the fa-question to be white in the search bubble and can you confirm I did the right thing on the other 2?

Cheers

 

[Russ]

.XenBase [data-xf-init="quick-search"] i.fa-question-circle.u-muted.u-smaller {
    color: #CCC;
}

Would change that specific icon. It's pretty specific CSS, so it's targeting just the quick search dropdown.