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

---
 dist/app.css                          | 10 +++++++++-
 dist/mix-manifest.json                |  2 +-
 src/scss/flex-multiblock-callout.scss | 17 +++++++++++++++++
 tpl/flex_multiblock_callout.tpl       |  6 +++---
 4 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/dist/app.css b/dist/app.css
index 68893fe..e7f73eb 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, .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.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;
 }
 
@@ -12094,6 +12094,14 @@ section.multiblock-callout {
   padding: 4rem 0;
   color: #fff;
 }
+section.multiblock-callout h2, section.multiblock-callout .h2 {
+  font-size: 70px;
+  line-height: 77px;
+  margin-bottom: 3rem;
+}
+section.multiblock-callout .callouts-wrapper .callout {
+  padding-left: 3rem;
+}
 
 .team-members .team-members-wrapper {
   display: flex;
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index e993af2..a7941f1 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=928f06f1d37c930ef5c9dc787058e140"
+    "/app.css": "/app.css?id=498a9c9c5655b675b5fc2248a3716116"
 }
diff --git a/src/scss/flex-multiblock-callout.scss b/src/scss/flex-multiblock-callout.scss
index dd81204..92da1a8 100644
--- a/src/scss/flex-multiblock-callout.scss
+++ b/src/scss/flex-multiblock-callout.scss
@@ -2,4 +2,21 @@ section.multiblock-callout {
     background-color: $c-navy;
     padding: 4rem 0;
     color: $c-white;
+
+    h2 {
+        @extend .goudy;
+        font-size: 70px;
+        line-height: 77px;
+        margin-bottom: 3rem;
+    }
+
+    .left-image {
+
+    }
+
+    .callouts-wrapper {
+        .callout {
+            padding-left: 3rem;
+        }
+    }
 }
diff --git a/tpl/flex_multiblock_callout.tpl b/tpl/flex_multiblock_callout.tpl
index c8543ad..e8beccc 100644
--- a/tpl/flex_multiblock_callout.tpl
+++ b/tpl/flex_multiblock_callout.tpl
@@ -1,13 +1,13 @@
 <section class="multiblock-callout">
     <div class="container">
         <div class="row">
-            <div class="col">
+            <div class="col d-flex flex-column">
                 <h2>{{ headline }}</h2>
                 {{{ intro_content }}}
 
-                <div class="left-image" style="background-image: url({{ image }})">&nbsp;</div>
+                <div class="left-image h-100" style="background-image: url({{ image }})">&nbsp;</div>
             </div>
-            <div class="col">
+            <div class="col callouts-wrapper">
                 {{#each callouts}}
                     <div class="callout">
                         <div class="image-wrapper">