When you are overriding default styling can you please place the overriding directly underneath the original. This way the styling for one element is all in one place. So we can quickly see what it looks like in all its different states. 

In this particular case please move this selector to line 95. But please move all the other rules to their respective places too.