Rainfall: fix navigation link colors (#6577)

* Rainfall: fix navigation link colors

* Rainfall: footer submenu background and text color

rainfall/parts/footer.html

@@ -3,7 +3,7 @@
 <div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--110)"><!-- wp:site-title {"textAlign":"left","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /-->
 
 <!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","orientation":"horizontal"}} -->
-<div class="wp-block-group"><!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","justifyContent":"left"},"style":{"typography":{"textTransform":"uppercase"}}} /--></div>
+<div class="wp-block-group"><!-- wp:navigation {"overlayMenu":"never","overlayBackgroundColor":"black","overlayTextColor":"white","layout":{"type":"flex","justifyContent":"left"},"style":{"typography":{"textTransform":"uppercase"}}} /--></div>
 <!-- /wp:group --></div>
 <!-- /wp:group --></div>
 <!-- /wp:group -->

rainfall/style.css

@@ -36,14 +36,16 @@ Tags: two-columns, custom-colors, custom-menu, custom-logo, editor-style, featur
 /**
  * Navigation on dark background
  */
-.wp-block-navigation .has-black-background-color a:where(:not(.wp-element-button)):hover {
-	color: var(--wp--preset--color--white);
+
+.has-orange-background-color .has-black-background-color .wp-block-navigation-item  a:where(:not(.wp-element-button)):active {
+	color: var(--wp--preset--color--brown);
 }
 
-.wp-block-navigation .has-black-background-color a:where(:not(.wp-element-button)):active {
+.has-black-background-color .wp-block-navigation-item  a:where(:not(.wp-element-button)):active {
 	color: var(--wp--preset--color--orange);
 }
 
+
 /**
  * Search input on dark background
  */

rainfall/theme.json

@@ -180,9 +180,6 @@
 				"elements": {
 					"link": {
 						":hover": {
-							"color": {
-								"text": "var(--wp--preset--color--black)"
-							},
 							"typography": {
 								"textDecoration": "underline"
 							}