Estoy tratando de cambiar el color de los elementos del menú en mi sitio web, pero no sé en qué lugar de esto agregar el código de color # c3c3c3 que quiero usar

<script type="text/javascript">
jQuery(document).ready(function($){
    // Cufon font replacement & text shadows
    Cufon.replace('#sidebar .font, #content .post .font, #card-container .font, #frontwidgets h3, #gallery .gal_item .font, #nicepagination .font',{ fontFamily: 'Junction', textShadow: '#fff 0px 1px' });
    Cufon.replace('#footer .font',{ fontFamily: 'Junction', textShadow: '#000 0px -1px' });
    Cufon.replace('#content .title-container .font, #mainmenu ul.menu li:not(.current_page_item, .current-menu-parent) a.font',{ fontFamily: 'Junction', textShadow: '#<?php echo $color->bg['-4']; ?> 0px -1px' });
    Cufon.replace('#mainmenu ul.menu li.current-menu-item a.font, #mainmenu ul.menu li.current-menu-parent a.font',{ fontFamily: 'Junction', textShadow: 'none' });

    // Fixing menu hovers as cufon can't seem to handle different div-hover colors
    $('#mainmenu').find('ul.menu').children('li:not(.current-menu-item, .current-menu-parent)').hover(
        function () {
            Cufon.replace($(this).find('a.font'),{ fontFamily: 'Junction', color: '#<?php echo $color->bg['0']; ?>', textShadow: 'none' });
        },
        function () {
            Cufon.replace($(this).find('a.font'),{ fontFamily: 'Junction', color: '#<?php echo $color->fg['-2']; ?>', textShadow: '#<?php echo $color->bg['-4']; ?> 0px -1px' });
        }
    );
});
</script>

*** NOTA: este es un tema de WordPress con reemplazo de fuente por cufon y reemplaza lo que esté en el CSS, por lo que cambiar el CSS no hace nada cuando lo hago