Rainfall: Update search template

rainfall/parts/query.html

@@ -8,13 +8,16 @@
 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:100px"><!-- wp:post-date {"format":"M j","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /--></div>
 <!-- /wp:column -->
 
+
+<!-- wp:column {"verticalAlignment":"center","width":"53.34%"} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:53.34%"><!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.1","textTransform":"uppercase","fontStyle":"normal","fontWeight":"400"},"color":{"text":"#ffffff","link":"#ffffff"}},"fontSize":"large"} /--></div>
+<!-- /wp:column -->
+
 <!-- wp:column {"width":"180px"} -->
 <div class="wp-block-column" style="flex-basis:180px"><!-- wp:post-featured-image {"width":"179px","height":"100px"} /--></div>
 <!-- /wp:column -->
 
-<!-- wp:column {"verticalAlignment":"center","width":"53.34%"} -->
-<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:53.34%"><!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.1","textTransform":"uppercase","fontStyle":"normal","fontWeight":"400"},"color":{"text":"#ffffff","link":"#ffffff"}},"fontSize":"large"} /--></div>
-<!-- /wp:column --></div>
+</div>
 <!-- /wp:columns -->
 <!-- /wp:post-template -->
 
@@ -30,4 +33,4 @@
 <div class="wp-block-column" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;flex-basis:30%"><!-- wp:template-part {"slug":"sidebar"} /--></div>
 <!-- /wp:column --></div>
 <!-- /wp:columns --></div>
-<!-- /wp:group -->
+<!-- /wp:group -->

rainfall/style.css

@@ -28,6 +28,14 @@ Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, feature
 	border: 1px solid var(--wp--preset--color--white);
 }
 
+/**
+ * Styles for the search page input
+ */
+.has-black-background-color .wp-block-search__input {
+	background-color: var(--wp--preset--color--black);
+	color: 1px solid var(--wp--preset--color--white);
+}
+
 /*
  * Font smoothing
  */

rainfall/templates/search.html

@@ -3,7 +3,7 @@
 
 <!-- wp:group {"layout":{"inherit":true}} -->
 <div class="wp-block-group"><!-- wp:group {"align":"wide"} -->
-<div class="wp-block-group alignwide"><!-- wp:search {"label":"Search","showLabel":false,"buttonText":"Search","buttonUseIcon":true} /--></div>
+<div class="wp-block-group alignwide"><!-- wp:search {"label":"Search","showLabel":false,"buttonText":"Search","backgroundColor":"white","textColor":"black","border":{"width":"1px"},"borderColor":"white"} /--></div>
 <!-- /wp:group -->
 
 <!-- wp:spacer {"height":"12px"} -->
@@ -14,4 +14,4 @@
 
 <!-- wp:template-part {"slug":"query"} /-->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->