Fix social nav hover colors.

spearhead/assets/sass/_header.scss

@@ -126,8 +126,7 @@ $site-branding-height: 68px;
 			}
 		}
 
-		li:first-of-type > a,
-		a {
+		.menu-item > a {
 			padding: 0;
 
 			&:hover {

spearhead/style-rtl.css

@@ -314,13 +314,11 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	}
 }
 
-.site-header .social-navigation li:first-of-type > a,
-.site-header .social-navigation a {
+.site-header .social-navigation .menu-item > a {
 	padding: 0;
 }
 
-.site-header .social-navigation li:first-of-type > a:hover,
-.site-header .social-navigation a:hover {
+.site-header .social-navigation .menu-item > a:hover {
 	border-color: transparent;
 	color: var(--global--color-primary);
 }

spearhead/style.css

@@ -314,13 +314,11 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	}
 }
 
-.site-header .social-navigation li:first-of-type > a,
-.site-header .social-navigation a {
+.site-header .social-navigation .menu-item > a {
 	padding: 0;
 }
 
-.site-header .social-navigation li:first-of-type > a:hover,
-.site-header .social-navigation a:hover {
+.site-header .social-navigation .menu-item > a:hover {
 	border-color: transparent;
 	color: var(--global--color-primary);
 }