From 44040d8c56727618bf7f68d7f8d358137de4b088 Mon Sep 17 00:00:00 2001
From: Shinsina <shinsina@att.net>
Date: Fri, 13 Sep 2024 11:03:56 -0500
Subject: [PATCH 1/2] Add styling to latest-podcast node__text for
 podcast-title

---
 .../server/styles/index.scss                    | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/sites/diverseeducation.com/server/styles/index.scss b/sites/diverseeducation.com/server/styles/index.scss
index c362d6da..c8cc7e8b 100644
--- a/sites/diverseeducation.com/server/styles/index.scss
+++ b/sites/diverseeducation.com/server/styles/index.scss
@@ -46,3 +46,20 @@ $primary: #0087ca;
     }
   }
 }
+
+.node {
+  &--latest-podcast {
+    .node__text--podcast-title {
+      font-family: Open Sans,open-sans-fallback,sans-serif;
+      font-size: 18px;
+      font-weight: 700;
+      letter-spacing: .25px;
+      line-height: 1.33;
+      margin-bottom: 20px;
+      text-transform: none;
+      a {
+        color: #3f4043 !important;
+      }
+    }
+  }
+}

From e5f844c3db2e409332531a666e2732bb32f5c766 Mon Sep 17 00:00:00 2001
From: Shinsina <shinsina@att.net>
Date: Fri, 13 Sep 2024 11:04:14 -0500
Subject: [PATCH 2/2] Additional podcast block adjustments for tablet and
 mobile resolutions

---
 .../server/components/blocks/latest-podcast.marko      | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/sites/diverseeducation.com/server/components/blocks/latest-podcast.marko b/sites/diverseeducation.com/server/components/blocks/latest-podcast.marko
index 0dc30b8c..2dab0753 100644
--- a/sites/diverseeducation.com/server/components/blocks/latest-podcast.marko
+++ b/sites/diverseeducation.com/server/components/blocks/latest-podcast.marko
@@ -34,6 +34,7 @@ $ const withVideo = defaultValue(input.withVideo, false);
                 src="https://img.diverseeducation.com/files/base/diverse/all/image/2023/12/InTheMarginsArt23_1_.656deceee49c6.png"
                 srcset=["https://img.diverseeducation.com/files/base/diverse/all/image/2023/12/InTheMarginsArt23_1_.656deceee49c6.png?dpr=2 2x"]
                 alt="In The Margins Logo"
+                attrs={ width: 150, height: 150 }
               />
             </div>
             <div class="col">
@@ -50,9 +51,9 @@ $ const withVideo = defaultValue(input.withVideo, false);
                       ${i18n("Latest Episode")}
                     </@left>
                   </@header>
-                  <@title tag="h5">
+                  <@text tag="h5" modifiers=["podcast-title"]>
                     <marko-web-content-name tag=null obj=node link=true />
-                  </@title>
+                  </@text>
                 </@body>
               </marko-web-node>
             </div>
@@ -142,6 +143,7 @@ $ const withVideo = defaultValue(input.withVideo, false);
                 src="https://img.diverseeducation.com/files/base/diverse/all/image/2023/12/InTheMarginsArt23_1_.656deceee49c6.png?w=100"
                 srcset=["https://img.diverseeducation.com/files/base/diverse/all/image/2023/12/InTheMarginsArt23_1_.656deceee49c6.png?w=100&dpr=2 2x"]
                 alt="In The Margins Logo"
+                attrs={ width: 150, height: 150 }
               />
             </div>
             <div class="col">
@@ -158,9 +160,9 @@ $ const withVideo = defaultValue(input.withVideo, false);
                       ${i18n("Latest Episode")}
                     </@left>
                   </@header>
-                  <@title tag="h5">
+                  <@text tag="h5" modifiers=["podcast-title"]>
                     <marko-web-content-name tag=null obj=node link=true />
-                  </@title>
+                  </@text>
                 </@body>
               </marko-web-node>
             </div>