Feature/istwcms 5032 ebremner catalog search

css/styles.css

@@ -5916,6 +5916,59 @@ button[disabled] {
     padding-right: 0;
 } }
 
+.uw-catalog-search {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 45rem;
+  padding: 0 16px;
+  margin: 0;
+}
+@media (min-width: 75rem) {
+  .uw-catalog-search {
+    padding-left: 0;
+    padding-right: 0;
+} }
+.uw-catalog-search .catalog-search-form {
+  display: grid;
+  grid-template-columns: auto 3rem;
+  position: relative;
+}
+.uw-catalog-search .catalog-search-form .form-text {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  width: 100%;
+}
+.uw-catalog-search .catalog-search-form .button[aria-label="search"] {
+  background-image: url("../source/images/icons/search_2-white.svg");
+  background-color: #757575;
+  background-position: 50% 50%;
+  background-repeat: no-repeat;
+  background-size: 50%;
+  border: 1px solid #ccc;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 3px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 3px;
+  height: 2.47rem;
+  margin: 0;
+  max-width: inherit;
+  padding: 0;
+  transition: background-color 200ms cubic-bezier(0.4, 0, 1, 1);
+  vertical-align: top;
+  white-space: normal;
+  width: inherit;
+}
+@media (min-width: 63.1875rem) {
+  .uw-catalog-search .catalog-search-form .button[aria-label="search"] {
+    height: 2.46rem;
+} }
+.uw-catalog-search .catalog-search-form .button[aria-label="search"]:hover,
+.uw-catalog-search .catalog-search-form .button[aria-label="search"]:focus {
+  background-image: url("../source/images/icons/search_2.svg");
+  background-color: #fff;
+  background-position: 50% 50%;
+}
+
 .uw-colour-bar__cbarorg-default__uw-gold--lvl1 {
   background-color: #fffaaa;
 }