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

---
 dist/app.css                | 12 +++++++++++-
 dist/mix-manifest.json      |  2 +-
 src/scss/app.scss           |  1 +
 src/scss/flex-5050-cta.scss | 11 +++++++++++
 tpl/flex_5050_cta.tpl       | 18 ++++++++++++++++++
 5 files changed, 42 insertions(+), 2 deletions(-)
 create mode 100644 src/scss/flex-5050-cta.scss
 create mode 100644 tpl/flex_5050_cta.tpl

diff --git a/dist/app.css b/dist/app.css
index 263fb44..99d8dd4 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12033,7 +12033,7 @@ a {
   text-decoration: none;
 }
 
-.goudy, .team-member .bio-wrapper .right h2, .team-member .bio-wrapper .right .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, .intro_block h1, .team-member-top h1, .team-members-top h1, .intro_block .h1, .team-member-top .h1, .team-members-top .h1 {
+.goudy, .team-member .bio-wrapper .right h2, .team-member .bio-wrapper .right .h2, section.flex-5050-cta h1, section.flex-5050-cta .h1, 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, .intro_block h1, .team-member-top h1, .team-members-top h1, .intro_block .h1, .team-member-top .h1, .team-members-top .h1 {
   font-family: "Goudy Bookletter 1911", serif;
 }
 
@@ -12130,6 +12130,16 @@ section.multiblock-callout .callouts-wrapper .callout .content p.headline {
   line-height: 34px;
 }
 
+section.flex-5050-cta {
+  position: relative;
+  padding: 6rem 0;
+}
+section.flex-5050-cta h1, section.flex-5050-cta .h1 {
+  color: #063C5A;
+  font-size: 70px;
+  line-height: 70px;
+}
+
 .team-members .team-members-wrapper {
   display: flex;
   flex-wrap: wrap;
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index 04fefe7..a1f6d89 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=b2bb679cd6364b506b591bd248874484"
+    "/app.css": "/app.css?id=3a140c2296d23575db25989acbbd584d"
 }
diff --git a/src/scss/app.scss b/src/scss/app.scss
index 8452afd..b4819d7 100644
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@@ -9,6 +9,7 @@
 @import "flex-side-by-side";
 @import "flex-text-over-image-b";
 @import "flex-multiblock-callout";
+@import "flex-5050-cta";
 
 @import "team-members";
 @import "team-member";
diff --git a/src/scss/flex-5050-cta.scss b/src/scss/flex-5050-cta.scss
new file mode 100644
index 0000000..1d8b9e7
--- /dev/null
+++ b/src/scss/flex-5050-cta.scss
@@ -0,0 +1,11 @@
+section.flex-5050-cta {
+    position: relative;
+    padding: 6rem 0;
+
+    h1 {
+        @extend .goudy;
+        color: $c-navy;
+        font-size: 70px;
+        line-height: 70px;
+    }
+}
diff --git a/tpl/flex_5050_cta.tpl b/tpl/flex_5050_cta.tpl
new file mode 100644
index 0000000..f7482c1
--- /dev/null
+++ b/tpl/flex_5050_cta.tpl
@@ -0,0 +1,18 @@
+<section class="flex-5050-cta">
+    <div class="overflow-image" style="background-image:url({{ image }})">&nbsp;</div>
+    <div class="container">
+        <div class="row">
+            <div class="col">
+                <h2>{{ headline }}</h2>
+                {{{ content }}}
+
+                {{#if button_target}}
+                    <p class="cta-button">
+                        <a href="{{ button_target }}">{{ button_text }}</a>
+                    </p>
+                {{/if}}
+            </div>
+            <div class="col">&nbsp;</div>
+        </div>
+    </div>
+</section>