From 5324af58426e7501198b804ecee2067fe1f057fc Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Wed, 7 May 2025 14:57:24 -0700
Subject: [PATCH] WIP

---
 dist/app.css                    |  9 +++++++++
 dist/mix-manifest.json          |  2 +-
 src/scss/_variables.scss        |  1 +
 src/scss/flex-grid-callout.scss | 13 +++++++++++++
 tpl/flex_grid_callout.tpl       |  4 ++--
 5 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/dist/app.css b/dist/app.css
index d7a8731..12ffbaa 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12210,6 +12210,15 @@ section.grid-callout h2, section.grid-callout .h2 {
   line-height: 70px;
   margin-bottom: 3rem;
 }
+section.grid-callout .standard-callouts .callout {
+  height: 100%;
+  padding: 2rem;
+}
+section.grid-callout .callout.first-callout {
+  padding: 2rem 3rem 3rem;
+  background-color: #063C5A;
+  color: #fff;
+}
 
 .team-members .team-members-wrapper {
   display: flex;
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index e7d0643..3afb036 100644
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=e5a90d22eb5caff432964c7b6882b8c2"
+    "/app.css": "/app.css?id=beaf3f67e10829882543a7ca1873ab31"
 }
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 9b5ac0e..6d79092 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -3,6 +3,7 @@ $c-offWhite: #F2F2F2;
 $c-offWhiteLight: #F9F8F8;
 $c-borderGrey: #C5C5C5;
 $c-navy: #063C5A;
+$c-lightNavy: #075179;
 $c-charcoal: #2B2400;
 $c-tan: #B9AF78;
 $c-textGrey: #333333;
diff --git a/src/scss/flex-grid-callout.scss b/src/scss/flex-grid-callout.scss
index 7508efe..d466d71 100644
--- a/src/scss/flex-grid-callout.scss
+++ b/src/scss/flex-grid-callout.scss
@@ -8,4 +8,17 @@ section.grid-callout {
         line-height: 70px;
         margin-bottom: 3rem;
     }
+
+    .standard-callouts {
+        .callout {
+            height: 100%;
+            padding: 2rem;
+        }
+    }
+
+    .callout.first-callout {
+        padding: 2rem 3rem 3rem;
+        background-color: $c-navy;
+        color: $c-white;
+    }
 }
diff --git a/tpl/flex_grid_callout.tpl b/tpl/flex_grid_callout.tpl
index 675d75e..daa87c6 100644
--- a/tpl/flex_grid_callout.tpl
+++ b/tpl/flex_grid_callout.tpl
@@ -9,7 +9,7 @@
                 </p>
             </div>
             <div class="col">
-                <div class="callout">
+                <div class="callout first-callout">
                     <div class="image-wrapper">
                         <img src="{{#assetURL arrow-circle.svg}}" alt="" />
                     </div>
@@ -20,7 +20,7 @@
             </div>
         </div>
 
-        <div class="row">
+        <div class="row standard-callouts">
             {{#each callouts}}
                 {{#if @first}}
                 {{else}}