From be77080f3925903db85dc2cbb48c31907dd252df Mon Sep 17 00:00:00 2001
From: Sanne de Vries <65487235+sanne-san@users.noreply.github.com>
Date: Wed, 3 Jul 2024 11:43:51 +0200
Subject: [PATCH] Updated typography and spacing for callout cards and
 blockquotes (#20525)

REF DES-542
---
 .../email-templates/partials/styles-old.hbs   | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/ghost/email-service/lib/email-templates/partials/styles-old.hbs b/ghost/email-service/lib/email-templates/partials/styles-old.hbs
index 4b2ba31394..a8f19b8573 100644
--- a/ghost/email-service/lib/email-templates/partials/styles-old.hbs
+++ b/ghost/email-service/lib/email-templates/partials/styles-old.hbs
@@ -172,7 +172,7 @@ blockquote.kg-blockquote-alt {
     text-align: center;
     font-size: 1.2em;
     font-style: italic;
-    color: #999999;
+    color: #738a94;
 }
 
 blockquote p {
@@ -844,10 +844,6 @@ a[data-flickr-embed] img {
     border-radius: 3px;
 }
 
-.kg-callout-card p {
-    margin: 0
-}
-
 .kg-callout-card-grey {
     background: #eef0f2;
 }
@@ -1350,6 +1346,15 @@ a[data-flickr-embed] img {
         font-size: 16px !important;
     }
 
+    table.body .kg-callout-card {
+        padding: 16px 24px !important;
+    }
+
+    table.body .kg-callout-text {
+        font-size: 16px !important;
+        line-height: 1.5em !important;
+    }
+
     table.body pre {
         white-space: pre-wrap !important;
         word-break: break-word !important;
@@ -1565,7 +1570,7 @@ a[data-flickr-embed] img {
     }
 
     table.body blockquote {
-        font-size: 17px;
+        font-size: 16px !important;
         line-height: 1.6em;
         margin-bottom: 0;
         padding-left: 15px;
@@ -1573,13 +1578,12 @@ a[data-flickr-embed] img {
 
     table.body blockquote.kg-blockquote-alt {
         border-left: 0 none !important;
-        margin: 0 0 2.5em 0 !important;
-        padding: 0 50px 0 50px !important;
-        font-size: 1.2em;
-    }
-
-    table.body blockquote + * {
-        margin-top: 1.5em !important;
+        margin: 0 !important;
+        padding-left: 20px !important;
+        padding-right: 20px !important;
+        padding-bottom: 1.5em !important;
+        font-size: 18px !important;
+        line-height: 1.4em !important;
     }
 
     table.body hr {