font-awasome not visible from sub menu of menu bar

[chrishj]

I currently am using MetroUI and version 5.2.7.
The Font awesome fonts are not visible as they are rendered as white. In practice the fonts are not visible a submenu hierarchy after the 1st level.

Using the MetroUI the The Icon for "menuText.mH1_gl" is visible as the background is Blue and the Icon is white but the subsequent ones are not visible as the font is white until hover over when it is black blold.

Code: Select all

<p:menubar>
..
<p:submenu label="#{menuText.mH1_gl}" icon="fa fa-folder">
  <p:submenu label="#{menuText.mL1_doc}" icon="fa fa-folder-open">
        <p:submenu label="#{menuText.mL2_post}" icon="fa fa-folder-open">
         <p:menuitem value="#{menuText.mi_gl_stdJnl}" icon="fa fa-gears" 
                     ajax="false" action="glStdJnlPost"/>
...

Is there an incompatibility between MetroUI and font awesome?

Thank you for such a great looking theme otherwise.