Coutoire: only use hover background-color in fixed header

coutoire/sass/_extra-child-theme.scss

@@ -27,9 +27,13 @@ a {
 
 	&:hover,
 	&:focus {
-		background: $color_background;
 		text-decoration: none;
 	}
+
+	.site-header &:hover,
+	.site-header &:focus {
+		background: $color_background;
+	}
 }
 
 /**

coutoire/style-rtl.css

@@ -3233,10 +3233,14 @@ a {
 }
 
 a:hover, a:focus {
-	background: white;
 	text-decoration: none;
 }
 
+.site-header a:hover,
+.site-header a:focus {
+	background: white;
+}
+
 /**
  * Components
  */
@@ -3290,6 +3294,7 @@ a:hover, a:focus {
 }
 
 .entry-title,
+.author-bio .author-title,
 .post-navigation .post-title,
 .comment-reply-title {
 	font-size: 2.48832rem;
@@ -3315,13 +3320,6 @@ a:hover, a:focus {
 	text-decoration-color: currentColor;
 }
 
-.author-bio .author-title {
-	font-size: 2.0736rem;
-	letter-spacing: normal;
-	line-height: 1;
-	text-transform: uppercase;
-}
-
 .nav-links .meta-nav {
 	text-transform: uppercase;
 	font-weight: 500;

coutoire/style.css

@@ -3238,10 +3238,14 @@ a {
 }
 
 a:hover, a:focus {
-	background: white;
 	text-decoration: none;
 }
 
+.site-header a:hover,
+.site-header a:focus {
+	background: white;
+}
+
 /**
  * Components
  */