From 36f1d7471a9cbab4d5d50f4335f86d6fb56dce27 Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Wed, 7 May 2025 15:06:17 -0700
Subject: [PATCH] WIP

---
 dist/app.css                    |  8 ++++++--
 dist/mix-manifest.json          |  2 +-
 src/scss/flex-grid-callout.scss | 11 +++++++++--
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/dist/app.css b/dist/app.css
index 3d4644c..474e78a 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12228,14 +12228,18 @@ section.grid-callout .callout p.headline {
   font-weight: 600;
   font-size: 30px;
 }
-section.grid-callout .standard-callouts .col:first-of-type .callout {
+section.grid-callout .standard-callouts .col:nth-of-type(1) .callout, section.grid-callout .standard-callouts .col:nth-of-type(6) .callout {
   background-color: #B9AF78;
   color: #fff;
 }
-section.grid-callout .standard-callouts .col:nth-of-type(2) .callout {
+section.grid-callout .standard-callouts .col:nth-of-type(2) .callout, section.grid-callout .standard-callouts .col:nth-of-type(4) .callout {
   background-color: #F2F2F2;
   color: #063C5A;
 }
+section.grid-callout .standard-callouts .col:nth-of-type(3) .callout, section.grid-callout .standard-callouts .col:nth-of-type(5) .callout {
+  background-color: #075179;
+  color: #fff;
+}
 section.grid-callout .callout.first-callout {
   padding: 2rem 3rem 3rem;
   background-color: #063C5A;
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index 8671661..39125fc 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=28e3538abd3cedb0226323dc396b9baf"
+    "/app.css": "/app.css?id=67646efb0d9b1aca162a58a7333cfd4f"
 }
diff --git a/src/scss/flex-grid-callout.scss b/src/scss/flex-grid-callout.scss
index f421614..a95d87b 100644
--- a/src/scss/flex-grid-callout.scss
+++ b/src/scss/flex-grid-callout.scss
@@ -34,19 +34,26 @@ section.grid-callout {
 
     .standard-callouts {
         .col {
-            &:first-of-type {
+            &:nth-of-type(1), &:nth-of-type(6) {
                 .callout {
                     background-color: $c-tan;
                     color: $c-white;
                 }
             }
 
-            &:nth-of-type(2) {
+            &:nth-of-type(2), &:nth-of-type(4) {
                 .callout {
                     background-color: $c-offWhite;
                     color: $c-navy;
                 }
             }
+
+            &:nth-of-type(3), &:nth-of-type(5) {
+                .callout {
+                    background-color: $c-lightNavy;
+                    color: $c-white;
+                }
+            }
         }
     }