hover style of custom checkbox with font awesome

I have some simple html/css with font awesome fonts to customise a checkbox. I am struggling to modify the colour (to red for now) when the checkbox is hovered.

As I am using a font awesome font to customise the checkbox, I assumed I needed to apply the css on hover of the label but its not having the desired effect.

 input.faChkRnd:hover + label:before {
   color: red;
 }

This seems to change only on click of the checkbox and not when hovering.

any help appreciated!

fiddle here