From 719d1f1186e05a49f7e590b732bff8ad0e317f75 Mon Sep 17 00:00:00 2001
From: Jasmeen Kaur <u6871990@anu.edu.au>
Date: Thu, 20 Jul 2023 16:08:26 +1000
Subject: [PATCH] :lipstick: (#386): Experimenting with the hover colors of the
 btns

---
 docs/css/access-nri.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/docs/css/access-nri.css b/docs/css/access-nri.css
index a2bacab01..601878c8a 100644
--- a/docs/css/access-nri.css
+++ b/docs/css/access-nri.css
@@ -337,18 +337,24 @@ h3 {
   padding: 0.5em 1em;
   font-size: 1.2em;
   font-weight: 500;
-  transition: background-color 0.5s;
+  /* transition: background-color 0.5s; */
   margin: 0 0.1em 0 1em;
   height: 1.8rem;
 }
 
 .header-btn:hover {
-  border: 0.1em solid var(--nri-blue);
+  border: 0.1em solid var(--nri-green);
   color: var(--md-default-fg-color--light);
   transition-duration: 0.4s;
   transition-property: all;
 }
 
+.header-btn:hover > img {
+  filter: grayscale(100%);
+  transition-duration: 0.5s;
+  transition-property: all;
+}
+
 .large-text {
   font-size: 1.4em;
 }
@@ -358,7 +364,7 @@ h3 {
 }
 
 .nri-green-border {
-  border-color: var(--nri-dark-blue);
+  border-color: var(--nri-blue);
 }
 
 .icon-image {