From b16d389c81a715a64067afec5bd7b39591e5c53c Mon Sep 17 00:00:00 2001
From: dan <dan.collins@vitals.com>
Date: Thu, 3 Aug 2023 14:42:03 -0400
Subject: [PATCH] Product page defects (#97)

* updating brand colors for product pages

* updating brand colors for product pages

* git references in hero for arlast need to be white

* Update README.md

* fix lint errors

* Update README.md

* Update README.md

* fixing Bryans pr comments
---
 README.md                    |  6 ++++--
 blocks/cards/product.css     |  2 --
 blocks/hero/product-hero.css |  8 +++-----
 blocks/isi-tray/isi-tray.css | 12 ++++++------
 styles/styles.css            |  2 +-
 5 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/README.md b/README.md
index f086eb05..3c975b4c 100644
--- a/README.md
+++ b/README.md
@@ -2,8 +2,10 @@
 Takeda Integrated Health Systems
 
 ## Environments
-- Preview: https://main--takeda-ihs--hlxsites.hlx.page/
-- Live: https://main--takeda-ihs--hlxsites.hlx.live/
+
+-Preview: https://main--takeda-ihs--hlxsites.hlx.page/
+
+-Live: https://main--takeda-ihs--hlxsites.hlx.live/
 
 ## Installation
 
diff --git a/blocks/cards/product.css b/blocks/cards/product.css
index 11e3d90f..bafcb363 100644
--- a/blocks/cards/product.css
+++ b/blocks/cards/product.css
@@ -48,7 +48,6 @@
   border-color: var(--flexbumin);
 }
 
-
 .cards.product.block > ul > li.glassia hr {
   border-color: var(--glassia);
 }
@@ -57,7 +56,6 @@
   border-color: var(--aralast);
 }
 
-
 .cards.product.block > ul > li .logo picture img {
   position: absolute;
   top: 0;
diff --git a/blocks/hero/product-hero.css b/blocks/hero/product-hero.css
index 8f565e1e..0fbab518 100644
--- a/blocks/hero/product-hero.css
+++ b/blocks/hero/product-hero.css
@@ -42,7 +42,6 @@
   object-fit: contain;
 }
 
-
 .hero.block.product .title {
   font-size: var(--body-font-size-xl);
   line-height: var(--line-height-m);
@@ -70,11 +69,11 @@
 }
 
 .block.hero.glassia .title p {
-  color: var(--glassia);
+  color: var(--white);
 }
 
-.block.hero.aralast .title p {
-  color: var(--aralast);
+.block.hero.glassia .references p {
+  color: var(--white);
 }
 
 .hero.block.product .title p em {
@@ -129,7 +128,6 @@
   color: var(--aralast);
 }
 
-
 @media screen and (min-width: 600px) {
   .hero.block.product .title p {
     font-size: var(--body-font-size-xxl);
diff --git a/blocks/isi-tray/isi-tray.css b/blocks/isi-tray/isi-tray.css
index 9bb1091c..4d86c1a2 100644
--- a/blocks/isi-tray/isi-tray.css
+++ b/blocks/isi-tray/isi-tray.css
@@ -71,27 +71,27 @@ main .section.isi-tray-container > div {
 }
 
 .isi-tray.block.gammagard-sd button {
-  border-color: var(--gammagard-sd);
+  background-color: var(--gammagard-sd);
 }
 
 .isi-tray.block.hyqvia button {
-  border-color: var(--hyqvia);
+  background-color: var(--hyqvia);
 }
 
 .isi-tray.block.cuvitru button {
-  border-color: var(--cuvitru);
+  background-color: var(--cuvitru);
 }
 
 .isi-tray.block.flexbumin button {
-  border-color: var(--flexbumin);
+  background-color: var(--flexbumin);
 }
 
 .isi-tray.block.glassia button {
-  border-color: var(--glassia);
+ background-color: var(--glassia);
 }
 
 .isi-tray.block.aralast button {
-  border-color: var(--aralast);
+  background-color: var(--aralast);
 }
 
 .isi-tray.block button span {
diff --git a/styles/styles.css b/styles/styles.css
index 37c33474..4839f996 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -71,7 +71,7 @@
   --hyqvia: #500778;
   --cuvitru: #485CC7;
   --flexbumin: #3a6853;
-  --glassia: #00b140;
+  --glassia: #573aa4;
   --aralast: #3a6853;
   --onepath: #00a9ec;
   --myigsource: #a1e1b3;