Updated Anthology templates for the new search functionality. Updated Allen Tate/HH and a few Walmart templates.

Custom_Templates/customer_templates/Anthology - Production/homepage.html.liquid

@@ -50,6 +50,9 @@
   </div>
 </div>
 <main class="np-main np-catalog np-subpage-container np-max-width">
+
+  {% comment %} {% include "browse_by_product" %} {% endcomment %}
+
   <div class="mobile-subnav" style="margin: -24px -20px 16px;">
     {% include "sub_navigation" %}
   </div>
@@ -74,7 +77,25 @@
               onkeyup="searchCourses()"
             />
             <i class="far fa-search search-icon"></i>
-          </form>
+        </form>
+
+{% comment %} -----------------------------------------------------------------  {% endcomment %}
+{% comment %} FOR NORM:  {% endcomment %}
+        {% comment %} Ln 67-80 >> new search {% endcomment %}
+        {% comment %} Ln 83-92 >> old search {% endcomment %}
+{% comment %} ----------------------------------------------------------------- {% endcomment %}
+
+
+        {% comment %} <form action="{% route search %}" method="get" data-test="desktop-search" class="catalog-search-wrapper">
+          <input
+            aria-label="Search"
+            class="np-header-search-input np-header-font-background-color catalog-search"
+            type="text"
+            name="q"
+            placeholder="Search"
+          />
+          <i class="search-icon far fa-search"></i>
+        </form> {% endcomment %}
       </div>
       {%- comment -%} {% if current_person.email contains "+preview" %}
         <div class="catalog-filter-component">
@@ -84,6 +105,7 @@
           </div>
         </div>
       {% endif %} {%- endcomment -%}
+
       <div class="catalog-filter-component">
         <span style="color: #757575; margin-bottom: 10px; padding-left: 5px;">Filter By:</span>
         <div class="filter-buttons-container">
@@ -266,7 +288,8 @@
     width: 100%;
   }
 
-  .catalog-search{
+  .catalog-search,
+  .catalog-search:focus{
     background-color: #fefefe;
     border: 1px solid #aa7fb9;
     border-radius: 30px;
@@ -293,6 +316,10 @@
   }
 
   @media screen and (min-width: 768px){
+    .np-main{
+      margin-top: 300px;
+    }
+
     .mobile-subnav{
       display: none;
     }
@@ -329,9 +356,9 @@
       left: 0;
     }
 
-    .catalog-header-wrapper{
+    /* .catalog-header-wrapper{
       margin-top: 300px;
-    }
+    } */
   }
 
   @media screen and (min-width: 2200px){