Theme: Soundboard Remove Menu Hover

Hi There,

I’ve added social media buttons to my navigation bar through custom css classes, namely this code:

@media (min-width: 600px) {
.sf-menu .nav-social-facebook {
	margin-left: auto;
    margin-right: auto;
	background: url(/wp-content/uploads/2014/12/facebook.png) no-repeat right;
}

.sf-menu .nav-social-twitter {
	float: right;
	margin-right: 70px;
	background: url(/wp-content/uploads/2014/12/twitter.png) no-repeat right;

}

.nav-social-facebook a {
	opacity: 0;
}

.nav-social-twitter a {
	opacity: 0;
}
}

.sf-menu is my navigation bar. I can’t seem to figure out how to remove the menu bar hover highlights on the Facebook and Twitter items that I’ve added.

Website: https://4bb.04c.myftpupload.com/