From 2e22f2a7f0e85eb67a9e930405f383a18a0af6cf Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Wed, 20 Apr 2022 10:41:29 -0400
Subject: [PATCH] card links to catalog

---
 .../JnJVision/_cards_categories.html.liquid   | 19 ++++++++-----------
 .../JnJVision/styles.css.liquid               | 10 ++++++++--
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_cards_categories.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_cards_categories.html.liquid
index 8950ae25..f763febc 100644
--- a/NP_Custom_Templates/customer_templates/JnJVision/_cards_categories.html.liquid
+++ b/NP_Custom_Templates/customer_templates/JnJVision/_cards_categories.html.liquid
@@ -1,6 +1,6 @@
 <div class="row categories-row">
     <div class="{{ class }}">
-        <a class="np-card" href="/app/catalog?filter%5Bcategories_name%5D=professional+webinars">
+        <a class="np-card" href="/app/catalog?filter%5Bcategory_uuid%5D%5Bin%5D%5B%5D=e2baf8b8-471a-43de-94f2-c8314395f4a9">
           <div class="category-card-container">
             <img
               class="np-categories-image"
@@ -16,7 +16,7 @@
     </div>
 
     <div class="{{ class }}">
-        <a class="np-card" href="/app/catalog?filter%5Bcategories_name%5D=johnson+johnson+product+education">
+        <a class="np-card" href="/app/catalog?filter%5Bcategory_uuid%5D%5Bin%5D%5B%5D=8cd4db9b-fdaf-4087-8352-b236c3e8d917">
           <div class="category-card-container">
             <img
               class="np-categories-image"
@@ -26,13 +26,13 @@
           </div>
           <div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
             <p class="course-title-vision">Johnson & Johnson Product Education</p>
-               <div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
+              <div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
           </div>
         </a>
     </div>
 
     <div class="{{ class }}" >
-        <a class="np-card" href="/app/catalog?filter%5Bcategories_name%5D=fine-tuned+podcast+series">
+        <a class="np-card" href="/app/catalog?filter%5Bcategory_uuid%5D%5Bin%5D%5B%5D=2a228ad1-225d-47ac-af0f-153c2b2fd689">
           <div class="category-card-container">
             <img
               class="np-categories-image"
@@ -42,13 +42,13 @@
           </div>
           <div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
             <p class="course-title-vision">Fine-Tuned Podcast Series</p>
-               <div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
+              <div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
           </div>
         </a>
     </div>
 
-     <div class="{{ class }}">
-        <a class="np-card" href="/app/catalog?filter%5Bcategories_name%5D=challenging+cases+video+series" >
+    <div class="{{ class }}">
+        <a class="np-card" href="/app/catalog?filter%5Bcategory_uuid%5D%5Bin%5D%5B%5D=bb277ccf-7358-44a2-b78d-a6c0bee83016" >
           <div class="category-card-container">
             <img
               class="np-categories-image"
@@ -58,7 +58,7 @@
           </div>
           <div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
             <p class="course-title-vision">Challenging Cases Video Series</p>
-               <div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
+              <div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
           </div>
         </a>
     </div>
@@ -66,9 +66,6 @@
 
 
 <style>
-.col-lg-4 {
-  width: 25%;
-}
 .categories-row {
   padding-top:64px;
 }
diff --git a/NP_Custom_Templates/customer_templates/JnJVision/styles.css.liquid b/NP_Custom_Templates/customer_templates/JnJVision/styles.css.liquid
index ac5febbf..931489dd 100644
--- a/NP_Custom_Templates/customer_templates/JnJVision/styles.css.liquid
+++ b/NP_Custom_Templates/customer_templates/JnJVision/styles.css.liquid
@@ -137,7 +137,7 @@ body {
 }
 
 .dropdown-button-apply {
-	background: linear-gradient(90deg, #298e4e 0%, #035161 100%) !important;
+	background: #cc0033!important;
 	color: #fff;
 }
 
@@ -1175,7 +1175,13 @@ button.jryxug {
 	color: #fff;
 	background-color: #062531;
 	box-shadow: none;
-	top: 95%;
+	top: 46px;
+	padding: 1.5rem!important;
+	min-width: 300px!important;
+}
+
+.dropdown-menu.is-open {
+	display:block;
 }
 
 /*