Browse Source

rebuilt children

Maggie Cabrera 4 years ago
parent
commit
6049bb9fa7
54 changed files with 4646 additions and 776 deletions
  1. 95 16
      alves/style-editor.css
  2. 84 16
      alves/style-rtl.css
  3. 84 16
      alves/style.css
  4. 87 8
      balasana/style-editor.css
  5. 84 16
      balasana/style-rtl.css
  6. 84 16
      balasana/style.css
  7. 87 8
      barnsbury/style-editor.css
  8. 84 16
      barnsbury/style-rtl.css
  9. 84 16
      barnsbury/style.css
  10. 87 8
      brompton/style-editor.css
  11. 84 16
      brompton/style-rtl.css
  12. 84 16
      brompton/style.css
  13. 87 8
      coutoire/style-editor.css
  14. 84 16
      coutoire/style-rtl.css
  15. 84 16
      coutoire/style.css
  16. 87 8
      dalston/style-editor.css
  17. 84 16
      dalston/style-rtl.css
  18. 84 16
      dalston/style.css
  19. 95 16
      exford/style-editor.css
  20. 84 16
      exford/style-rtl.css
  21. 84 16
      exford/style.css
  22. 95 16
      hever/style-editor.css
  23. 84 16
      hever/style-rtl.css
  24. 84 16
      hever/style.css
  25. 87 8
      leven/style-editor.css
  26. 84 16
      leven/style-rtl.css
  27. 84 16
      leven/style.css
  28. 87 8
      mayland/style-editor.css
  29. 84 16
      mayland/style-rtl.css
  30. 84 16
      mayland/style.css
  31. 95 16
      maywood/style-editor.css
  32. 84 16
      maywood/style-rtl.css
  33. 84 16
      maywood/style.css
  34. 95 16
      morden/style-editor.css
  35. 84 16
      morden/style-rtl.css
  36. 84 16
      morden/style.css
  37. 87 8
      redhill/style-editor.css
  38. 84 16
      redhill/style-rtl.css
  39. 84 16
      redhill/style.css
  40. 87 8
      rivington/style-editor.css
  41. 84 16
      rivington/style-rtl.css
  42. 84 16
      rivington/style.css
  43. 87 8
      rockfield/style-editor.css
  44. 84 16
      rockfield/style-rtl.css
  45. 84 16
      rockfield/style.css
  46. 95 16
      shawburn/style-editor.css
  47. 84 16
      shawburn/style-rtl.css
  48. 84 16
      shawburn/style.css
  49. 95 16
      stow/style-editor.css
  50. 84 16
      stow/style-rtl.css
  51. 84 16
      stow/style.css
  52. 87 8
      stratford/style-editor.css
  53. 84 16
      stratford/style-rtl.css
  54. 84 16
      stratford/style.css

+ 95 - 16
alves/style-editor.css

@@ -202,6 +202,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -469,7 +480,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button, .fse-template-part .main-navigation .button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: #ffffff;
 	color: #ffffff;
 	cursor: pointer;
 	cursor: pointer;
@@ -485,8 +496,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -494,19 +505,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: #ffffff;
 	color: #ffffff;
 	background-color: #2f5f74;
 	background-color: #2f5f74;
 }
 }
@@ -921,6 +932,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #3E7D98;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 48px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #3E7D98;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1.25rem;
+	line-height: 1.25;
+	font-family: "Karla", Arial, sans-serif;
+	font-family: var(--font-base, "Karla", Arial, sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 48px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #3E7D98;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 48px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 48px + 1.25rem);
+	min-height: calc(2* 48px + 1.25rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid #3E7D98;
 	border-bottom: 2px solid #3E7D98;
@@ -1696,7 +1775,7 @@ p:not(.site-title) a:hover {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-button__link,
-.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
+.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: #ffffff;
 	color: #ffffff;
 	cursor: pointer;
 	cursor: pointer;
@@ -1712,8 +1791,8 @@ p:not(.site-title) a:hover {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1721,19 +1800,19 @@ p:not(.site-title) a:hover {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
-.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:focus, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
+.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .has-focus.wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: #ffffff;
 	color: #ffffff;
 	background-color: #2f5f74;
 	background-color: #2f5f74;
 }
 }

+ 84 - 16
alves/style-rtl.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #ffffff;
 	color: #ffffff;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #ffffff;
 	color: #ffffff;
 	background-color: #2f5f74;
 	background-color: #2f5f74;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #ffffff;
 	color: #ffffff;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #ffffff;
 	color: #ffffff;
 	background-color: #2f5f74;
 	background-color: #2f5f74;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #3E7D98;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 48px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #3E7D98;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1.25rem;
+	line-height: 1.25;
+	font-family: "Karla", Arial, sans-serif;
+	font-family: var(--font-base, "Karla", Arial, sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 48px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #3E7D98;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 48px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 48px + 1.25rem);
+	min-height: calc(2* 48px + 1.25rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #3E7D98;
 	border-bottom: 2px solid #3E7D98;
 	clear: both;
 	clear: both;

+ 84 - 16
alves/style.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #ffffff;
 	color: #ffffff;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #ffffff;
 	color: #ffffff;
 	background-color: #2f5f74;
 	background-color: #2f5f74;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #ffffff;
 	color: #ffffff;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #ffffff;
 	color: #ffffff;
 	background-color: #2f5f74;
 	background-color: #2f5f74;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #3E7D98;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 48px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #3E7D98;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1.25rem;
+	line-height: 1.25;
+	font-family: "Karla", Arial, sans-serif;
+	font-family: var(--font-base, "Karla", Arial, sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 48px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #3E7D98;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 48px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 48px + 1.25rem);
+	min-height: calc(2* 48px + 1.25rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #3E7D98;
 	border-bottom: 2px solid #3E7D98;
 	clear: both;
 	clear: both;

+ 87 - 8
balasana/style-editor.css

@@ -202,6 +202,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -469,7 +480,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -485,8 +496,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -494,19 +505,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #145f3e;
 	background-color: #145f3e;
 }
 }
@@ -921,6 +932,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #D0D0D0;
+	border-radius: 4px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #D0D0D0;
+	border-radius: 4px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #D0D0D0;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid #D0D0D0;
 	border-bottom: 2px solid #D0D0D0;

+ 84 - 16
balasana/style-rtl.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #145f3e;
 	background-color: #145f3e;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #145f3e;
 	background-color: #145f3e;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #D0D0D0;
+	border-radius: 4px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #D0D0D0;
+	border-radius: 4px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #D0D0D0;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #D0D0D0;
 	border-bottom: 2px solid #D0D0D0;
 	clear: both;
 	clear: both;

+ 84 - 16
balasana/style.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #145f3e;
 	background-color: #145f3e;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #145f3e;
 	background-color: #145f3e;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #D0D0D0;
+	border-radius: 4px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #D0D0D0;
+	border-radius: 4px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #D0D0D0;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #D0D0D0;
 	border-bottom: 2px solid #D0D0D0;
 	clear: both;
 	clear: both;

+ 87 - 8
barnsbury/style-editor.css

@@ -202,6 +202,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -469,7 +480,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFDF6;
 	color: #FFFDF6;
 	cursor: pointer;
 	cursor: pointer;
@@ -485,8 +496,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -494,19 +505,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
 	color: ("default": #FFFDF6, "light": #FDF9EC, "dark": #DDDDDD);
 	color: ("default": #FFFDF6, "light": #FDF9EC, "dark": #DDDDDD);
 	background-color: #133a24;
 	background-color: #133a24;
 }
 }
@@ -921,6 +932,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #AAAAAA;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 18px 18px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #AAAAAA;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
+	font-family: var(--font-headings, "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 18px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #AAAAAA;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 18px 18px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 18px + 1rem);
+	min-height: calc(2* 18px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2.64px solid #3C2323;
 	border-bottom: 2.64px solid #3C2323;

+ 84 - 16
barnsbury/style-rtl.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFDF6;
 	color: #FFFDF6;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: ("default": #FFFDF6, "light": #FDF9EC, "dark": #DDDDDD);
 	color: ("default": #FFFDF6, "light": #FDF9EC, "dark": #DDDDDD);
 	background-color: #133a24;
 	background-color: #133a24;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFDF6;
 	color: #FFFDF6;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: ("default": #FFFDF6, "light": #FDF9EC, "dark": #DDDDDD);
 	color: ("default": #FFFDF6, "light": #FDF9EC, "dark": #DDDDDD);
 	background-color: #133a24;
 	background-color: #133a24;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #AAAAAA;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 18px 18px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #AAAAAA;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
+	font-family: var(--font-headings, "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 18px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #AAAAAA;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 18px 18px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 18px + 1rem);
+	min-height: calc(2* 18px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2.64px solid #3C2323;
 	border-bottom: 2.64px solid #3C2323;
 	clear: both;
 	clear: both;

+ 84 - 16
barnsbury/style.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFDF6;
 	color: #FFFDF6;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: ("default": #FFFDF6, "light": #FDF9EC, "dark": #DDDDDD);
 	color: ("default": #FFFDF6, "light": #FDF9EC, "dark": #DDDDDD);
 	background-color: #133a24;
 	background-color: #133a24;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFDF6;
 	color: #FFFDF6;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: ("default": #FFFDF6, "light": #FDF9EC, "dark": #DDDDDD);
 	color: ("default": #FFFDF6, "light": #FDF9EC, "dark": #DDDDDD);
 	background-color: #133a24;
 	background-color: #133a24;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #AAAAAA;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 18px 18px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #AAAAAA;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
+	font-family: var(--font-headings, "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 18px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #AAAAAA;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 18px 18px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 18px + 1rem);
+	min-height: calc(2* 18px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2.64px solid #3C2323;
 	border-bottom: 2.64px solid #3C2323;
 	clear: both;
 	clear: both;

+ 87 - 8
brompton/style-editor.css

@@ -202,6 +202,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -469,7 +480,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button {
 	line-height: 1;
 	line-height: 1;
 	color: #E8E4DD;
 	color: #E8E4DD;
 	cursor: pointer;
 	cursor: pointer;
@@ -485,8 +496,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -494,19 +505,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
 	color: #E8E4DD;
 	color: #E8E4DD;
 	background-color: #C04239;
 	background-color: #C04239;
 }
 }
@@ -921,6 +932,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #B9B6B2;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #B9B6B2;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #B9B6B2;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid #B9B6B2;
 	border-bottom: 2px solid #B9B6B2;

+ 84 - 16
brompton/style-rtl.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #E8E4DD;
 	color: #E8E4DD;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #E8E4DD;
 	color: #E8E4DD;
 	background-color: #C04239;
 	background-color: #C04239;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #E8E4DD;
 	color: #E8E4DD;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #E8E4DD;
 	color: #E8E4DD;
 	background-color: #C04239;
 	background-color: #C04239;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #B9B6B2;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #B9B6B2;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #B9B6B2;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #B9B6B2;
 	border-bottom: 2px solid #B9B6B2;
 	clear: both;
 	clear: both;

+ 84 - 16
brompton/style.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #E8E4DD;
 	color: #E8E4DD;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #E8E4DD;
 	color: #E8E4DD;
 	background-color: #C04239;
 	background-color: #C04239;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #E8E4DD;
 	color: #E8E4DD;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #E8E4DD;
 	color: #E8E4DD;
 	background-color: #C04239;
 	background-color: #C04239;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #B9B6B2;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #B9B6B2;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #B9B6B2;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #B9B6B2;
 	border-bottom: 2px solid #B9B6B2;
 	clear: both;
 	clear: both;

+ 87 - 8
coutoire/style-editor.css

@@ -202,6 +202,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -469,7 +480,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -484,8 +495,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -493,19 +504,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #FF7A5C;
 	background-color: #FF7A5C;
 }
 }
@@ -918,6 +929,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: #FFFFFF;
+	color: #000000;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 11.6px 11.6px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: #000000;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 11.6px);
+	background: #FFFFFF;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: #000000;
+	border-color: #DDDDDD;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 11.6px 11.6px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 11.6px + 1rem);
+	min-height: calc(2* 11.6px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid #DDDDDD;
 	border-bottom: 2px solid #DDDDDD;

+ 84 - 16
coutoire/style-rtl.css

@@ -197,7 +197,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -214,10 +214,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -227,27 +227,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #FF7A5C;
 	background-color: #FF7A5C;
 }
 }
@@ -1340,7 +1340,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -1357,10 +1357,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1370,27 +1370,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #FF7A5C;
 	background-color: #FF7A5C;
 }
 }
@@ -2226,6 +2226,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: #FFFFFF;
+	color: #000000;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 11.6px 11.6px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: #000000;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 11.6px);
+	background: #FFFFFF;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: #000000;
+	border-color: #DDDDDD;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 11.6px 11.6px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 11.6px + 1rem);
+	min-height: calc(2* 11.6px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #DDDDDD;
 	border-bottom: 2px solid #DDDDDD;
 	clear: both;
 	clear: both;

+ 84 - 16
coutoire/style.css

@@ -197,7 +197,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -214,10 +214,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -227,27 +227,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #FF7A5C;
 	background-color: #FF7A5C;
 }
 }
@@ -1340,7 +1340,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -1357,10 +1357,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1370,27 +1370,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #FF7A5C;
 	background-color: #FF7A5C;
 }
 }
@@ -2226,6 +2226,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: #FFFFFF;
+	color: #000000;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 11.6px 11.6px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: #000000;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 11.6px);
+	background: #FFFFFF;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: #000000;
+	border-color: #DDDDDD;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 11.6px 11.6px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 11.6px + 1rem);
+	min-height: calc(2* 11.6px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #DDDDDD;
 	border-bottom: 2px solid #DDDDDD;
 	clear: both;
 	clear: both;

+ 87 - 8
dalston/style-editor.css

@@ -202,6 +202,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -469,7 +480,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -485,8 +496,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -494,19 +505,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #005177;
 	background-color: #005177;
 }
 }
@@ -921,6 +932,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #CCCCCC;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid #CCCCCC;
 	border-bottom: 2px solid #CCCCCC;

+ 84 - 16
dalston/style-rtl.css

@@ -197,7 +197,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -215,10 +215,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -228,27 +228,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #005177;
 	background-color: #005177;
 }
 }
@@ -1341,7 +1341,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -1359,10 +1359,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1372,27 +1372,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #005177;
 	background-color: #005177;
 }
 }
@@ -2228,6 +2228,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #CCCCCC;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #CCCCCC;
 	border-bottom: 2px solid #CCCCCC;
 	clear: both;
 	clear: both;

+ 84 - 16
dalston/style.css

@@ -197,7 +197,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -215,10 +215,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -228,27 +228,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #005177;
 	background-color: #005177;
 }
 }
@@ -1341,7 +1341,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -1359,10 +1359,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1372,27 +1372,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #005177;
 	background-color: #005177;
 }
 }
@@ -2228,6 +2228,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-family: var(--font-headings, "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #CCCCCC;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #CCCCCC;
 	border-bottom: 2px solid #CCCCCC;
 	clear: both;
 	clear: both;

+ 95 - 16
exford/style-editor.css

@@ -202,6 +202,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -469,7 +480,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button, .fse-template-part .main-navigation .button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -485,8 +496,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -494,19 +505,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: white;
 	color: white;
 	background-color: #195f2b;
 	background-color: #195f2b;
 }
 }
@@ -921,6 +932,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #CCCCCC;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid #CCCCCC;
 	border-bottom: 2px solid #CCCCCC;
@@ -1697,7 +1776,7 @@ pre.wp-block-verse {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-button__link,
-.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
+.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -1713,8 +1792,8 @@ pre.wp-block-verse {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1722,19 +1801,19 @@ pre.wp-block-verse {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
-.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:focus, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
+.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .has-focus.wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: white;
 	color: white;
 	background-color: #195f2b;
 	background-color: #195f2b;
 }
 }

+ 84 - 16
exford/style-rtl.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #195f2b;
 	background-color: #195f2b;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #195f2b;
 	background-color: #195f2b;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #CCCCCC;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #CCCCCC;
 	border-bottom: 2px solid #CCCCCC;
 	clear: both;
 	clear: both;

+ 84 - 16
exford/style.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #195f2b;
 	background-color: #195f2b;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #195f2b;
 	background-color: #195f2b;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #CCCCCC;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #CCCCCC;
 	border-bottom: 2px solid #CCCCCC;
 	clear: both;
 	clear: both;

+ 95 - 16
hever/style-editor.css

@@ -229,6 +229,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -496,7 +507,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button, .fse-template-part .main-navigation .button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -512,8 +523,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -521,19 +532,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -948,6 +959,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 5px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 5px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 24px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 24px + 1rem);
+	min-height: calc(2* 24px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);
@@ -1684,7 +1763,7 @@ pre.wp-block-verse {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-button__link,
-.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
+.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1700,8 +1779,8 @@ pre.wp-block-verse {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1709,19 +1788,19 @@ pre.wp-block-verse {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
-.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:focus, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
+.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .has-focus.wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }

+ 84 - 16
hever/style-rtl.css

@@ -225,7 +225,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -243,10 +243,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -256,27 +256,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -1369,7 +1369,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1387,10 +1387,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1400,27 +1400,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -2256,6 +2256,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 5px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 5px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 24px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 24px + 1rem);
+	min-height: calc(2* 24px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	clear: both;
 	clear: both;

+ 84 - 16
hever/style.css

@@ -225,7 +225,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -243,10 +243,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -256,27 +256,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -1369,7 +1369,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1387,10 +1387,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1400,27 +1400,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -2256,6 +2256,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 5px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 5px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 24px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 24px + 1rem);
+	min-height: calc(2* 24px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	clear: both;
 	clear: both;

+ 87 - 8
leven/style-editor.css

@@ -202,6 +202,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -469,7 +480,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -485,8 +496,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -494,19 +505,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
 	color: white;
 	color: white;
 	background-color: #1285ce;
 	background-color: #1285ce;
 }
 }
@@ -921,6 +932,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: calc( 0.33 * 16px);
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+	padding: calc( 0.33 * 16px);
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #DDDDDD;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid #DDDDDD;
 	border-bottom: 2px solid #DDDDDD;

+ 84 - 16
leven/style-rtl.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #1285ce;
 	background-color: #1285ce;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #1285ce;
 	background-color: #1285ce;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: calc( 0.33 * 16px);
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+	padding: calc( 0.33 * 16px);
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #DDDDDD;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #DDDDDD;
 	border-bottom: 2px solid #DDDDDD;
 	clear: both;
 	clear: both;

+ 84 - 16
leven/style.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #1285ce;
 	background-color: #1285ce;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #1285ce;
 	background-color: #1285ce;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: calc( 0.33 * 16px);
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+	padding: calc( 0.33 * 16px);
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #DDDDDD;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #DDDDDD;
 	border-bottom: 2px solid #DDDDDD;
 	clear: both;
 	clear: both;

+ 87 - 8
mayland/style-editor.css

@@ -202,6 +202,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -469,7 +480,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -485,8 +496,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -494,19 +505,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
 	color: white;
 	color: white;
 	background-color: #666666;
 	background-color: #666666;
 }
 }
@@ -920,6 +931,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #e6e6e6;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #e6e6e6;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #e6e6e6;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid #e6e6e6;
 	border-bottom: 2px solid #e6e6e6;

+ 84 - 16
mayland/style-rtl.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #666666;
 	background-color: #666666;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #666666;
 	background-color: #666666;
 }
 }
@@ -2228,6 +2228,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #e6e6e6;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #e6e6e6;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #e6e6e6;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #e6e6e6;
 	border-bottom: 2px solid #e6e6e6;
 	clear: both;
 	clear: both;

+ 84 - 16
mayland/style.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #666666;
 	background-color: #666666;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #666666;
 	background-color: #666666;
 }
 }
@@ -2228,6 +2228,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #e6e6e6;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #e6e6e6;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #e6e6e6;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #e6e6e6;
 	border-bottom: 2px solid #e6e6e6;
 	clear: both;
 	clear: both;

+ 95 - 16
maywood/style-editor.css

@@ -202,6 +202,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -484,7 +495,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button, .fse-template-part .main-navigation .button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -500,8 +511,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -509,19 +520,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: white;
 	color: white;
 	background-color: #685636;
 	background-color: #685636;
 }
 }
@@ -936,6 +947,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #CCCCCC;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid #CCCCCC;
 	border-bottom: 2px solid #CCCCCC;
@@ -1747,7 +1826,7 @@ b, strong {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-button__link,
-.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
+.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -1763,8 +1842,8 @@ b, strong {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1772,19 +1851,19 @@ b, strong {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
-.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:focus, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
+.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .has-focus.wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: white;
 	color: white;
 	background-color: #685636;
 	background-color: #685636;
 }
 }

+ 84 - 16
maywood/style-rtl.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #685636;
 	background-color: #685636;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #685636;
 	background-color: #685636;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #CCCCCC;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #CCCCCC;
 	border-bottom: 2px solid #CCCCCC;
 	clear: both;
 	clear: both;

+ 84 - 16
maywood/style.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #685636;
 	background-color: #685636;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: white;
 	color: white;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: white;
 	color: white;
 	background-color: #685636;
 	background-color: #685636;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #CCCCCC;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #CCCCCC;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #CCCCCC;
 	border-bottom: 2px solid #CCCCCC;
 	clear: both;
 	clear: both;

+ 95 - 16
morden/style-editor.css

@@ -229,6 +229,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -496,7 +507,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button, .fse-template-part .main-navigation .button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -512,8 +523,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -521,19 +532,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -948,6 +959,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 5px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 5px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 24px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 24px + 1rem);
+	min-height: calc(2* 24px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);
@@ -1687,7 +1766,7 @@ pre.wp-block-verse {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-button__link,
-.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
+.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1703,8 +1782,8 @@ pre.wp-block-verse {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1712,19 +1791,19 @@ pre.wp-block-verse {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
-.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:focus, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
+.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .has-focus.wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }

+ 84 - 16
morden/style-rtl.css

@@ -225,7 +225,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -243,10 +243,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -256,27 +256,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -1369,7 +1369,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1387,10 +1387,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1400,27 +1400,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -2256,6 +2256,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 5px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 5px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 24px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 24px + 1rem);
+	min-height: calc(2* 24px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	clear: both;
 	clear: both;

+ 84 - 16
morden/style.css

@@ -225,7 +225,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -243,10 +243,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -256,27 +256,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -1369,7 +1369,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1387,10 +1387,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1400,27 +1400,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -2256,6 +2256,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 5px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 5px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 24px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 24px + 1rem);
+	min-height: calc(2* 24px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	clear: both;
 	clear: both;

+ 87 - 8
redhill/style-editor.css

@@ -202,6 +202,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 html {
 html {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
 	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);
@@ -481,7 +492,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -497,8 +508,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -506,19 +517,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #222222;
 	background-color: #222222;
 }
 }
@@ -933,6 +944,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: calc( 0.33 * 16px);
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+	padding: calc( 0.33 * 16px);
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 24px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #DDDDDD;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 24px + 1rem);
+	min-height: calc(2* 24px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid #DDDDDD;
 	border-bottom: 2px solid #DDDDDD;

+ 84 - 16
redhill/style-rtl.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #222222;
 	background-color: #222222;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #222222;
 	background-color: #222222;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: calc( 0.33 * 16px);
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+	padding: calc( 0.33 * 16px);
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 24px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #DDDDDD;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 24px + 1rem);
+	min-height: calc(2* 24px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #DDDDDD;
 	border-bottom: 2px solid #DDDDDD;
 	clear: both;
 	clear: both;

+ 84 - 16
redhill/style.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #222222;
 	background-color: #222222;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: #FFFFFF;
 	color: #FFFFFF;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #FFFFFF;
 	color: #FFFFFF;
 	background-color: #222222;
 	background-color: #222222;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: calc( 0.33 * 16px);
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 1px solid #DDDDDD;
+	border-radius: 3px;
+	padding: calc( 0.33 * 16px);
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 24px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #DDDDDD;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 24px + 1rem);
+	min-height: calc(2* 24px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #DDDDDD;
 	border-bottom: 2px solid #DDDDDD;
 	clear: both;
 	clear: both;

+ 87 - 8
rivington/style-editor.css

@@ -202,6 +202,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -469,7 +480,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button {
 	line-height: 1.15;
 	line-height: 1.15;
 	color: #060f29;
 	color: #060f29;
 	cursor: pointer;
 	cursor: pointer;
@@ -485,8 +496,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -494,19 +505,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
 	margin-bottom: -0.195em;
 	margin-bottom: -0.195em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	margin-top: -0.185em;
 	margin-top: -0.185em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
 	color: #060f29;
 	color: #060f29;
 	background-color: #b59439;
 	background-color: #b59439;
 }
 }
@@ -921,6 +932,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 0 solid #353a46;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 0 solid #353a46;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #353a46;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid #353a46;
 	border-bottom: 2px solid #353a46;

+ 84 - 16
rivington/style-rtl.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1.15;
 	line-height: 1.15;
 	color: #060f29;
 	color: #060f29;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.195em;
 	margin-bottom: -0.195em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.185em;
 	margin-top: -0.185em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #060f29;
 	color: #060f29;
 	background-color: #b59439;
 	background-color: #b59439;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1.15;
 	line-height: 1.15;
 	color: #060f29;
 	color: #060f29;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.195em;
 	margin-bottom: -0.195em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.185em;
 	margin-top: -0.185em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #060f29;
 	color: #060f29;
 	background-color: #b59439;
 	background-color: #b59439;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 0 solid #353a46;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 0 solid #353a46;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #353a46;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #353a46;
 	border-bottom: 2px solid #353a46;
 	clear: both;
 	clear: both;

+ 84 - 16
rivington/style.css

@@ -198,7 +198,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1.15;
 	line-height: 1.15;
 	color: #060f29;
 	color: #060f29;
 	cursor: pointer;
 	cursor: pointer;
@@ -216,10 +216,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -229,27 +229,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.195em;
 	margin-bottom: -0.195em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.185em;
 	margin-top: -0.185em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #060f29;
 	color: #060f29;
 	background-color: #b59439;
 	background-color: #b59439;
 }
 }
@@ -1342,7 +1342,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1.15;
 	line-height: 1.15;
 	color: #060f29;
 	color: #060f29;
 	cursor: pointer;
 	cursor: pointer;
@@ -1360,10 +1360,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1373,27 +1373,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.195em;
 	margin-bottom: -0.195em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.185em;
 	margin-top: -0.185em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: #060f29;
 	color: #060f29;
 	background-color: #b59439;
 	background-color: #b59439;
 }
 }
@@ -2229,6 +2229,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: white;
+	color: black;
+	border: 0 solid #353a46;
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: black;
+	border: 0 solid #353a46;
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: white;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: black;
+	border-color: #353a46;
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid #353a46;
 	border-bottom: 2px solid #353a46;
 	clear: both;
 	clear: both;

+ 87 - 8
rockfield/style-editor.css

@@ -226,6 +226,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -493,7 +504,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -509,8 +520,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -518,19 +529,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -945,6 +956,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 2px solid var(--wp--preset--color--border);
+	border-radius: 0;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 20px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 2px solid var(--wp--preset--color--border);
+	border-radius: 0;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 20px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 20px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 20px + 1rem);
+	min-height: calc(2* 20px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);

+ 84 - 16
rockfield/style-rtl.css

@@ -221,7 +221,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -239,10 +239,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -252,27 +252,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -1365,7 +1365,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1383,10 +1383,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1396,27 +1396,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -2252,6 +2252,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 2px solid var(--wp--preset--color--border);
+	border-radius: 0;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 20px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 2px solid var(--wp--preset--color--border);
+	border-radius: 0;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 20px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 20px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 20px + 1rem);
+	min-height: calc(2* 20px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	clear: both;
 	clear: both;

+ 84 - 16
rockfield/style.css

@@ -221,7 +221,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -239,10 +239,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -252,27 +252,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -1365,7 +1365,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1383,10 +1383,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1396,27 +1396,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -2252,6 +2252,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 2px solid var(--wp--preset--color--border);
+	border-radius: 0;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 20px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 2px solid var(--wp--preset--color--border);
+	border-radius: 0;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 20px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 20px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 20px + 1rem);
+	min-height: calc(2* 20px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	clear: both;
 	clear: both;

+ 95 - 16
shawburn/style-editor.css

@@ -230,6 +230,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -497,7 +508,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button, .fse-template-part .main-navigation .button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -513,8 +524,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -522,19 +533,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -949,6 +960,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 4px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 8px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 4px;
+	padding: 8px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "PT Sans", Arial, sans-serif;
+	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 24px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 24px + 1rem);
+	min-height: calc(2* 24px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 1px solid var(--wp--preset--color--border);
 	border-bottom: 1px solid var(--wp--preset--color--border);
@@ -1687,7 +1766,7 @@ pre.wp-block-verse {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-button__link,
-.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
+.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1703,8 +1782,8 @@ pre.wp-block-verse {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1712,19 +1791,19 @@ pre.wp-block-verse {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
-.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:focus, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
+.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .has-focus.wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }

+ 84 - 16
shawburn/style-rtl.css

@@ -226,7 +226,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -244,10 +244,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -257,27 +257,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -1370,7 +1370,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1388,10 +1388,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1401,27 +1401,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -2257,6 +2257,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 4px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 8px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 4px;
+	padding: 8px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "PT Sans", Arial, sans-serif;
+	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 24px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 24px + 1rem);
+	min-height: calc(2* 24px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 1px solid var(--wp--preset--color--border);
 	border-bottom: 1px solid var(--wp--preset--color--border);
 	clear: both;
 	clear: both;

+ 84 - 16
shawburn/style.css

@@ -226,7 +226,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -244,10 +244,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -257,27 +257,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -1370,7 +1370,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1388,10 +1388,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1401,27 +1401,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary-hover);
 	background-color: var(--wp--preset--color--primary-hover);
 }
 }
@@ -2257,6 +2257,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 4px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 8px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 4px;
+	padding: 8px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: "PT Sans", Arial, sans-serif;
+	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 24px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 24px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 24px + 1rem);
+	min-height: calc(2* 24px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 1px solid var(--wp--preset--color--border);
 	border-bottom: 1px solid var(--wp--preset--color--border);
 	clear: both;
 	clear: both;

+ 95 - 16
stow/style-editor.css

@@ -229,6 +229,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -496,7 +507,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button, .fse-template-part .main-navigation .button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -512,8 +523,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -521,19 +532,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--secondary-hover);
 	background-color: var(--wp--preset--color--secondary-hover);
 }
 }
@@ -948,6 +959,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: calc( 0.33 * 16px);
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 3px;
+	padding: calc( 0.33 * 16px);
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);
@@ -1820,7 +1899,7 @@ a {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-button__link,
-.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
+.fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button, .fse-template-part .main-navigation .button {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1836,8 +1915,8 @@ a {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-button__link:after,
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1845,19 +1924,19 @@ a {
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:before, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
-.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
+.fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:after, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
-.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation .wp-block-button__link:focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .wp-block-search .wp-block-search__button:focus, .wp-block-search .fse-template-part .main-navigation .wp-block-search__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.wp-block-button__link,
+.fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .wp-block-search .has-focus.wp-block-search__button, .wp-block-search .fse-template-part .main-navigation .has-focus.wp-block-search__button, .fse-template-part .main-navigation .has-focus.button {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--secondary-hover);
 	background-color: var(--wp--preset--color--secondary-hover);
 }
 }

+ 84 - 16
stow/style-rtl.css

@@ -225,7 +225,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -243,10 +243,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -256,27 +256,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--secondary-hover);
 	background-color: var(--wp--preset--color--secondary-hover);
 }
 }
@@ -1369,7 +1369,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1387,10 +1387,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1400,27 +1400,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--secondary-hover);
 	background-color: var(--wp--preset--color--secondary-hover);
 }
 }
@@ -2256,6 +2256,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: calc( 0.33 * 16px);
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 3px;
+	padding: calc( 0.33 * 16px);
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 16px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	clear: both;
 	clear: both;

+ 84 - 16
stow/style.css

@@ -225,7 +225,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -243,10 +243,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -256,27 +256,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--secondary-hover);
 	background-color: var(--wp--preset--color--secondary-hover);
 }
 }
@@ -1369,7 +1369,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1;
 	line-height: 1;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1387,10 +1387,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1400,27 +1400,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.12em;
 	margin-bottom: -0.12em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.11em;
 	margin-top: -0.11em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--secondary-hover);
 	background-color: var(--wp--preset--color--secondary-hover);
 }
 }
@@ -2256,6 +2256,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: calc( 0.33 * 16px);
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 3px;
+	padding: calc( 0.33 * 16px);
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	clear: both;
 	clear: both;

+ 87 - 8
stratford/style-editor.css

@@ -229,6 +229,17 @@ a {
 	cursor: pointer;
 	cursor: pointer;
 }
 }
 
 
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0;
+}
+
 /**
 /**
  * Elements
  * Elements
  * - Styles for basic HTML elemants
  * - Styles for basic HTML elemants
@@ -496,7 +507,7 @@ object {
  *   in-sync
  *   in-sync
  */
  */
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
 .wp-block-a8c-blog-posts + .button, .wp-block-button__link,
-.wp-block-file__button {
+.wp-block-file__button, .wp-block-search .wp-block-search__button {
 	line-height: 1.44;
 	line-height: 1.44;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -512,8 +523,8 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -521,19 +532,19 @@ object {
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
 .wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
-.wp-block-file__button:before {
+.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
 	margin-bottom: -0.34em;
 	margin-bottom: -0.34em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
 .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
-.wp-block-file__button:after {
+.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
 	margin-top: -0.33em;
 	margin-top: -0.33em;
 }
 }
 
 
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
 .wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
-.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button {
+.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
+.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
+.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary);
 	background-color: var(--wp--preset--color--primary);
 }
 }
@@ -948,6 +959,74 @@ p.has-background:not(.has-background-background-color) a {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 .wp-block-separator,
 .wp-block-separator,
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);

+ 84 - 16
stratford/style-rtl.css

@@ -224,7 +224,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1.44;
 	line-height: 1.44;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -242,10 +242,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -255,27 +255,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.34em;
 	margin-bottom: -0.34em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.33em;
 	margin-top: -0.33em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary);
 	background-color: var(--wp--preset--color--primary);
 }
 }
@@ -1368,7 +1368,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1.44;
 	line-height: 1.44;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1386,10 +1386,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1399,27 +1399,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.34em;
 	margin-bottom: -0.34em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.33em;
 	margin-top: -0.33em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary);
 	background-color: var(--wp--preset--color--primary);
 }
 }
@@ -2255,6 +2255,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-left: calc( .66 * 16px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	clear: both;
 	clear: both;

+ 84 - 16
stratford/style.css

@@ -224,7 +224,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1.44;
 	line-height: 1.44;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -242,10 +242,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -255,27 +255,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.34em;
 	margin-bottom: -0.34em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.33em;
 	margin-top: -0.33em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary);
 	background-color: var(--wp--preset--color--primary);
 }
 }
@@ -1368,7 +1368,7 @@ object {
 button[data-load-more-btn], .button, button,
 button[data-load-more-btn], .button, button,
 input[type="submit"],
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
+.wp-block-file__button, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
 	line-height: 1.44;
 	line-height: 1.44;
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	cursor: pointer;
 	cursor: pointer;
@@ -1386,10 +1386,10 @@ input[type="submit"],
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	content: '';
 	content: '';
 	display: block;
 	display: block;
 	height: 0;
 	height: 0;
@@ -1399,27 +1399,27 @@ input[type="submit"]:after,
 button[data-load-more-btn]:before, .button:before, button:before,
 button[data-load-more-btn]:before, .button:before, button:before,
 input[type="submit"]:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
 	margin-bottom: -0.34em;
 	margin-bottom: -0.34em;
 }
 }
 
 
 button[data-load-more-btn]:after, .button:after, button:after,
 button[data-load-more-btn]:after, .button:after, button:after,
 input[type="submit"]:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
 	margin-top: -0.33em;
 	margin-top: -0.33em;
 }
 }
 
 
 .button:not(.has-background):hover, button:not(.has-background):hover,
 .button:not(.has-background):hover, button:not(.has-background):hover,
 input:not(.has-background):hover[type="submit"],
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
+.wp-block-file__button:not(.has-background):hover, .a8c-posts-list__view-all:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:not(.has-background):hover, .button:focus, button:focus,
 input:focus[type="submit"],
 input:focus[type="submit"],
 .wp-block-button__link:focus,
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, .has-focus.button, button.has-focus,
 input.has-focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
 	color: var(--wp--preset--color--background);
 	color: var(--wp--preset--color--background);
 	background-color: var(--wp--preset--color--primary);
 	background-color: var(--wp--preset--color--primary);
 }
 }
@@ -2255,6 +2255,74 @@ p.has-background {
 	border-color: currentColor;
 	border-color: currentColor;
 }
 }
 
 
+.wp-block-search {
+	flex-wrap: wrap;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	background: var(--wp--preset--color--white);
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 3px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+	padding: 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
+	padding: 0;
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	color: var(--wp--preset--color--black);
+	border: 1px solid var(--wp--preset--color--border);
+	border-radius: 3px;
+	padding: 16px;
+	font-size: 1rem;
+	line-height: 1;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
+	max-width: inherit;
+	margin-right: calc( .66 * 16px);
+	background: var(--wp--preset--color--white);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	color: var(--wp--preset--color--black);
+	border-color: var(--wp--preset--color--border);
+}
+
+.wp-block-search .wp-block-search__button {
+	border: none;
+	box-shadow: none;
+}
+
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
+.wp-block-search .wp-block-search__button.has-icon {
+	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
+}
+
+.wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
+	width: 29px;
+	height: 29px;
+}
+
 hr {
 hr {
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	border-bottom: 2px solid var(--wp--preset--color--border);
 	clear: both;
 	clear: both;