using the menu below - the font stays white and the background white. I can not find where the CSS is. Need the font to go black when the background goes white
<!-- Header
============================================= -->
<header id="header" class="full-header transparent-header border-full-header dark header-size-custom" data-sticky-shrink="false" data-sticky-class="not-dark" data-sticky-offset="full" data-sticky-offset-negative="100">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo"> [

](index.html)
</div>
<!-- #logo end -->
<div class="header-misc">
<div class="side-panel-trigger header-misc-icon"> [](#) </div>
</div>
<div id="primary-menu-trigger">
<svg class="svg-trigger" viewBox="0 0 100 100">
<path d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20"></path>
<path d="m 30,50 h 40"></path>
<path d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20"></path>
</svg>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu">
<ul class="one-page-menu menu-container" data-easing="easeInOutExpo" data-speed="1250" data-offset="65">
<li class="menu-item"> [
Home
](#) <br>
<li class="menu-item"> [
Bio
](#about) <br>
<li class="menu-item"> [
Listen
](#listen) <br>
<li class="menu-item"> [
Watch
](#watch) <br>
<li class="menu-item"> [
Photos
](photos.html) <br>
</nav>
<!-- #primary-menu end -->