Updating blue hero style

diff --git a/docs/assets/scss/_accordion-content.scss b/docs/assets/scss/_accordion-content.scss
index 43337abb47dcb1335c460182811a508645cec9ea..bc6e3d1ec798389c992669566c42c8b388910af3 100644 (file)
--- a/docs/assets/scss/_accordion-content.scss
+++ b/docs/assets/scss/_accordion-content.scss
@@ -22,9 +22,15 @@
     }
   }
 
-  .accordion-title:hover,
-  .accordion-title:focus {
+  .accordion-title:hover {
     color: $black;
+    background: lighten($light-gray,7%);
+    transition: color 0.3s ease;
+    transition: background 0.3s ease;
+  }
+  
+  .accordion-title:focus,
+  .accordion-title:active {
     background: none;
   }
 
@@ -37,10 +43,19 @@
     background: none;
     border: none;
     border-bottom: 1px dashed #e6e6e6;
+    transition: color 0.3s ease;
+    transition: background 0.3s ease;
   }
 
   .accordion-title::before {
-    color: $medium-gray;
+    color: $dark-gray;
+    font-size: 1.25rem;
+    transition: color 0.3s ease;
+  }
+  
+  .accordion-title:hover::before {
+    color: $black;
+    transition: color 0.3s ease;
   }
 }