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

---
 dist/app.css                         | 24 ++++++++++++++++++++++
 dist/mix-manifest.json               |  2 +-
 src/scss/app.scss                    |  1 +
 src/scss/flex-3-column-callouts.scss | 30 ++++++++++++++++++++++++++++
 4 files changed, 56 insertions(+), 1 deletion(-)
 create mode 100644 src/scss/flex-3-column-callouts.scss

diff --git a/dist/app.css b/dist/app.css
index d266371..7f4e0c7 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12276,6 +12276,30 @@ section.grid-callout .callout.first-callout img {
   height: 98px;
 }
 
+.flex_3_column_callouts .callout {
+  padding: 3rem 3rem 5rem 4rem;
+  line-height: 37px;
+}
+.flex_3_column_callouts .callout p.headline {
+  font-size: 30px;
+  font-weight: 600;
+}
+.flex_3_column_callouts .callout:first-of-type {
+  background-color: #063C5A;
+  color: #fff;
+}
+.flex_3_column_callouts .callout:nth-of-type(2) {
+  background-color: #F2F2F2;
+  color: #063C5A;
+}
+.flex_3_column_callouts .callout:nth-of-type(2) img {
+  filter: brightness(0) saturate(100%) invert(21%) sepia(57%) saturate(688%) hue-rotate(162deg) brightness(92%) contrast(88%);
+}
+.flex_3_column_callouts .callout:last-of-type {
+  background-color: #2B2400;
+  color: #fff;
+}
+
 .team-members .team-members-wrapper {
   display: flex;
   flex-wrap: wrap;
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index 93e8c8d..dadd440 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=f7dcde327cf9502f4a38dd734209379f"
+    "/app.css": "/app.css?id=00de5b39848e225c331bd0de5505825a"
 }
diff --git a/src/scss/app.scss b/src/scss/app.scss
index 7773b7b..5a0502c 100644
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@@ -13,6 +13,7 @@
 @import "flex-multiblock-callout";
 @import "flex-5050-cta";
 @import "flex-grid-callout";
+@import "flex-3-column-callouts";
 
 @import "team-members";
 @import "team-member";
diff --git a/src/scss/flex-3-column-callouts.scss b/src/scss/flex-3-column-callouts.scss
new file mode 100644
index 0000000..a508aef
--- /dev/null
+++ b/src/scss/flex-3-column-callouts.scss
@@ -0,0 +1,30 @@
+.flex_3_column_callouts {
+    .callout {
+        padding: 3rem 3rem 5rem 4rem;
+        line-height: 37px;
+
+        p.headline {
+            font-size: 30px;
+            font-weight: 600;
+        }
+
+        &:first-of-type {
+            background-color: $c-navy;
+            color: $c-white;
+        }
+
+        &:nth-of-type(2) {
+            background-color: $c-offWhite;
+            color: $c-navy;
+
+            img {
+                filter: brightness(0) saturate(100%) invert(21%) sepia(57%) saturate(688%) hue-rotate(162deg) brightness(92%) contrast(88%);
+            }
+        }
+
+        &:last-of-type {
+            background-color: $c-charcoal;
+            color: $c-white;
+        }
+    }
+}