From 0f6e427c2ba8ac1dcd5ae38fac9ab80a97c9ff2a Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Mon, 2 Jun 2025 16:11:21 -0700
Subject: [PATCH] WIP

---
 dist/app.css                       | 11 +++++++++--
 dist/mix-manifest.json             |  2 +-
 src/scss/app.scss                  |  1 +
 src/scss/flex-services-blocks.scss |  8 ++++++++
 4 files changed, 19 insertions(+), 3 deletions(-)
 create mode 100644 src/scss/flex-services-blocks.scss

diff --git a/dist/app.css b/dist/app.css
index 053dc67..f84b2a9 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12048,13 +12048,13 @@ a {
   }
 }
 
-.headline-lg, .post-type-archive-team-member .team-members h2, .post-type-archive-team-member .team-members .h2, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .h2, section.multiblock-callout h2, section.multiblock-callout .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2 {
+.headline-lg, .post-type-archive-team-member .team-members h2, .post-type-archive-team-member .team-members .h2, section.services-blocks h2, section.services-blocks .h2, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .h2, section.multiblock-callout h2, section.multiblock-callout .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2 {
   font-size: 40px;
   line-height: 40px;
   margin-bottom: 2rem;
 }
 @media (min-width: 768px) {
-  .headline-lg, .post-type-archive-team-member .team-members h2, .post-type-archive-team-member .team-members .h2, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .h2, section.multiblock-callout h2, section.multiblock-callout .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2 {
+  .headline-lg, .post-type-archive-team-member .team-members h2, .post-type-archive-team-member .team-members .h2, section.services-blocks h2, section.services-blocks .h2, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .h2, section.multiblock-callout h2, section.multiblock-callout .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2 {
     font-size: 70px;
     line-height: 70px;
     margin-bottom: 3rem;
@@ -12524,6 +12524,13 @@ section.large-quote .quote p.attribution {
   line-height: 63px;
 }
 
+section.services-blocks {
+  background-color: #063C5A;
+}
+section.services-blocks h2, section.services-blocks .h2 {
+  color: #fff;
+}
+
 .post-type-archive-team-member .team-members h2, .post-type-archive-team-member .team-members .h2 {
   color: #063C5A;
   margin-top: 6rem;
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index 8cb43cd..76965bc 100644
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=ac271f1d4ead304b5ae143995cb9455e",
-    "/app.css": "/app.css?id=c42c8f1b7968cb7cc55118e8879478db"
+    "/app.css": "/app.css?id=d20064ca7cd08dad9836b3c5659295ba"
 }
diff --git a/src/scss/app.scss b/src/scss/app.scss
index 243faf3..bad68d9 100644
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@@ -18,6 +18,7 @@
 @import "flex-grid-callout";
 @import "flex-3-column-callouts";
 @import "flex-large-quote";
+@import "flex-services-blocks";
 
 @import "team-members";
 @import "team-member";
diff --git a/src/scss/flex-services-blocks.scss b/src/scss/flex-services-blocks.scss
new file mode 100644
index 0000000..b2807f2
--- /dev/null
+++ b/src/scss/flex-services-blocks.scss
@@ -0,0 +1,8 @@
+section.services-blocks {
+    background-color: $c-navy;
+
+    h2 {
+        @extend .headline-lg;
+        color: $c-white;
+    }
+}