Ajuda cor destacado no menu superior

[Juju]

Pessoal boa tarde.
Comprei um tema na loja de temas, mas não acredito que o problema seja de lá, pois nas configurações não percebo nada nesse sentido.
A marca “coleção paixao” do menu superior esta realçada e com a cor vermelha do texto. Praticamente por hora é a unica coisa que eu preciso alterar.
Eu criei um código html, de um vídeo de youtube e acho que ficou legal. Mas não consigo resolver esse destaque e essa cor fora do padrão.
O codigo é esse aqui:

/* Cor do fundo e texto do menu */
#cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color: #4777B3; }
#cabecalho > .conteiner > .menu.superior .titulo { color: #fff; }

/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; }

Alguém poderia dar uma olhada e uma ajuda, por favor? Não entendo de códigos e estou tentando aprender na raça rs.
Minha loja www.gatonacaneca.com.br

[Paulo21]

Boa noite,
Tenta com esse código…

#cabecalho > div.conteiner > div.menu.superior.fundo-principal.sem-hover > ul > li.marca-id-colecao-paixao.borda-principal.categoria-id-offer > a > strong {
color:#21599E; /*ALTERA A COR DO TEXTO*/
}

#cabecalho > div.conteiner > div.menu.superior.fundo-principal.sem-hover > ul > li.marca-id-colecao-paixao.borda-principal.categoria-id-offer > a {
background: #FFFFFF;/*ALTERA A COR DO FUNDO*/
}

@media (max-width: 767px) {
#cabecalho > div.conteiner > div.menu.superior.fundo-principal.sem-hover > ul > li.marca-id-colecao-paixao.borda-principal.categoria-id-offer > a > strong {
color:#FFFFFF; /*ALTERA A COR DO TEXTO*/
}
#cabecalho > div.conteiner > div.menu.superior.fundo-principal.sem-hover > ul > li.marca-id-colecao-paixao.borda-principal.categoria-id-offer > a {
background: #21599E;/*ALTERA A COR DO FUNDO*/
}