WIP

dist/app.css

@@ -12016,12 +12016,19 @@ img {
 .team-member {
   margin-top: -197px;
 }
+.team-member .content-wrapper {
+  background-color: #F9F8F8;
+}
 .team-member .team-member-intro-bar {
   background-color: #063C5A;
   color: #fff;
   display: flex;
   height: 394px;
   justify-content: space-between;
+  align-items: center;
+}
+.team-member .team-member-intro-bar .text {
+  padding-left: 2rem;
 }
 .team-member .team-member-intro-bar img {
   height: 100%;

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=a9b87de6585d4671795806c375040fd7"
+    "/app.css": "/app.css?id=65c95e0b970d230a9623da4d1fb8af59"
 }

single-team-member.php

@@ -4,7 +4,7 @@ get_header();
 
 echo site()->render("team-member", site()->getCurrentPost([
     "name",
-    "excerpt",
+    "content",
     "thumbnail",
     "permalink",
     "acf.title",

src/scss/team-member.scss

@@ -15,12 +15,21 @@
 .team-member {
     margin-top: -197px;
 
+    .content-wrapper {
+        background-color: $c-offWhiteLight;
+    }
+
     .team-member-intro-bar {
         background-color: $c-navy;
         color: $c-white;
         display: flex;
         height: 394px;
         justify-content: space-between;
+        align-items: center;
+
+        .text {
+            padding-left: 2rem;
+        }
 
         img {
             height: 100%;

tpl/team-member.tpl

@@ -11,7 +11,7 @@
 <section class="team-member">
     <div class="container">
         <div class="row">
-            <div class="col">
+            <div class="col content-wrapper">
                 <div class="team-member-intro-bar">
                     <div class="text">
                         <h2>{{ name }}</h2>