diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index d35f3e4..623b47a 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -10780,6 +10780,28 @@ a.teaser {
 .hero.is-blue {
   color: #FFFFFF;
   background-color: #26599B; }
+  .hero.is-blue > .container > .hero-image > .hero-image-shadow {
+    position: relative; }
+  .hero.is-blue > .container > .hero-image > .hero-image-shadow:before {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    box-shadow: inset 0 0 0 100vmax rgba(38, 89, 155, 0.5);
+    -moz-transition: all .3s linear;
+    -webkit-transition: all .3s linear;
+    -ms-transition: all .3s linear;
+    -o-transition: all .3s linear;
+    transition: all .3s linear; }
+
+.hero.is-blue:hover {
+  color: #FFFFFF;
+  background-color: #214d87; }
+  .hero.is-blue:hover:hover > .container > .hero-image > .hero-image-shadow:before {
+    box-shadow: none; }
 
 .hero.is-marine {
   color: #FFFFFF;