ghost 5.119.3 → 5.120.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/components/tryghost-i18n-5.120.1.tgz +0 -0
  2. package/core/boot.js +0 -2
  3. package/core/built/admin/assets/admin-x-activitypub/admin-x-activitypub.js +7555 -7216
  4. package/core/built/admin/assets/admin-x-settings/{CodeEditorView-60ce658c.mjs → CodeEditorView-1c5b0683.mjs} +2 -2
  5. package/core/built/admin/assets/admin-x-settings/admin-x-settings.js +2 -2
  6. package/core/built/admin/assets/admin-x-settings/{index-8480baa8.mjs → index-14e518a7.mjs} +3 -3
  7. package/core/built/admin/assets/admin-x-settings/{index-a2648c61.mjs → index-fc9f985b.mjs} +2 -2
  8. package/core/built/admin/assets/admin-x-settings/{modals-6900c1d5.mjs → modals-15bc6a0f.mjs} +7192 -6656
  9. package/core/built/admin/assets/{chunk.137.c9bf40f01afeeadb4660.js → chunk.383.25fca2f09b4896656125.js} +76 -59
  10. package/core/built/admin/assets/chunk.524.24ab802c6c20f2da3449.js +28 -0
  11. package/core/built/admin/assets/{chunk.582.2697b46a5652693fc674.js → chunk.582.ebfc460cd2d6864d2cc9.js} +20 -27
  12. package/core/built/admin/assets/{ghost-843572e9507d099162ae744d791daba1.js → ghost-b3b44421acca3b3eec76bfbb6ba0e81b.js} +3 -3
  13. package/core/built/admin/assets/koenig-lexical/koenig-lexical.js +12578 -12352
  14. package/core/built/admin/assets/koenig-lexical/koenig-lexical.umd.js +423 -211
  15. package/core/built/admin/assets/posts/posts.js +13680 -13671
  16. package/core/built/admin/assets/stats/stats.js +16457 -16635
  17. package/core/built/admin/assets/{vendor-8f805740fee4db959a5b2119001a56b1.js → vendor-4ce6d282a2a00fe486a0951e0591da19.js} +11 -9
  18. package/core/built/admin/index.html +5 -5
  19. package/core/frontend/helpers/match.js +6 -0
  20. package/core/frontend/services/routing/ParentRouter.js +1 -1
  21. package/core/frontend/services/routing/controllers/email-post.js +0 -2
  22. package/core/frontend/services/routing/controllers/previews.js +0 -3
  23. package/core/frontend/web/middleware/frontend-caching.js +2 -2
  24. package/core/server/api/endpoints/authentication.js +37 -73
  25. package/core/server/api/endpoints/authors-public.js +8 -9
  26. package/core/server/api/endpoints/db.js +34 -35
  27. package/core/server/api/endpoints/emails.js +8 -10
  28. package/core/server/api/endpoints/integrations.js +20 -18
  29. package/core/server/api/endpoints/invites.js +8 -10
  30. package/core/server/api/endpoints/labels.js +19 -23
  31. package/core/server/api/endpoints/notifications.js +3 -4
  32. package/core/server/api/endpoints/pages-public.js +8 -10
  33. package/core/server/api/endpoints/pages.js +14 -18
  34. package/core/server/api/endpoints/posts-public.js +8 -10
  35. package/core/server/api/endpoints/posts.js +6 -8
  36. package/core/server/api/endpoints/previews.js +8 -10
  37. package/core/server/api/endpoints/redirects.js +7 -8
  38. package/core/server/api/endpoints/schedules.js +5 -7
  39. package/core/server/api/endpoints/slugs.js +7 -9
  40. package/core/server/api/endpoints/snippets.js +16 -20
  41. package/core/server/api/endpoints/tags-public.js +8 -10
  42. package/core/server/api/endpoints/tags.js +19 -23
  43. package/core/server/api/endpoints/themes.js +6 -8
  44. package/core/server/api/endpoints/users.js +31 -36
  45. package/core/server/api/endpoints/utils/permissions.js +10 -10
  46. package/core/server/api/endpoints/utils/serializers/output/roles.js +9 -10
  47. package/core/server/api/endpoints/utils/validators/input/images.js +43 -52
  48. package/core/server/api/endpoints/utils/validators/input/invites.js +6 -8
  49. package/core/server/api/endpoints/webhooks.js +38 -42
  50. package/core/server/data/migrations/versions/5.120/2025-05-07-14-57-38-add-newsletters-button-corners-column.js +8 -0
  51. package/core/server/data/migrations/versions/5.120/2025-05-13-17-36-56-add-newsletters-button-style-column.js +8 -0
  52. package/core/server/data/migrations/versions/5.120/2025-05-14-20-00-15-add-newsletters-setting-columns.js +22 -0
  53. package/core/server/data/schema/schema.js +6 -1
  54. package/core/server/lib/image/Gravatar.js +12 -13
  55. package/core/server/lib/lexical.js +3 -1
  56. package/core/server/models/newsletter.js +6 -1
  57. package/core/server/services/api-version-compatibility/index.js +1 -33
  58. package/core/server/services/auth/session/emails/signin.js +3 -3
  59. package/core/server/services/email-address/EmailAddressParser.js +70 -0
  60. package/core/server/services/email-address/EmailAddressParser.js.d.ts +13 -0
  61. package/core/server/services/email-address/EmailAddressService.js +142 -0
  62. package/core/server/services/email-address/EmailAddressService.ts +183 -0
  63. package/core/server/services/email-address/EmailAddressServiceWrapper.js +2 -4
  64. package/core/server/services/email-analytics/EmailAnalyticsService.js +1 -1
  65. package/core/server/services/email-analytics/EmailAnalyticsServiceWrapper.js +2 -1
  66. package/core/server/services/email-service/BatchSendingService.js +703 -0
  67. package/core/server/services/email-service/EmailBodyCache.js +20 -0
  68. package/core/server/services/email-service/EmailController.js +94 -0
  69. package/core/server/services/email-service/EmailEventProcessor.js +267 -0
  70. package/core/server/services/email-service/EmailEventStorage.js +187 -0
  71. package/core/server/services/email-service/EmailRenderer.js +1263 -0
  72. package/core/server/services/email-service/EmailSegmenter.js +74 -0
  73. package/core/server/services/email-service/EmailService.js +310 -0
  74. package/core/server/services/email-service/EmailServiceWrapper.js +9 -2
  75. package/core/server/services/email-service/MailgunEmailProvider.js +191 -0
  76. package/core/server/services/email-service/SendingService.js +173 -0
  77. package/core/server/services/email-service/email-templates/partials/feedback-button.hbs +7 -0
  78. package/core/server/services/email-service/email-templates/partials/latest-posts.hbs +39 -0
  79. package/core/server/services/email-service/email-templates/partials/paywall.hbs +20 -0
  80. package/core/server/services/email-service/email-templates/partials/styles.hbs +2348 -0
  81. package/core/server/services/email-service/email-templates/template.hbs +238 -0
  82. package/core/server/services/email-service/events/EmailBouncedEvent.js +63 -0
  83. package/core/server/services/email-service/events/EmailDeliveredEvent.js +49 -0
  84. package/core/server/services/email-service/events/EmailOpenedEvent.js +49 -0
  85. package/core/server/services/email-service/events/EmailTemporaryBouncedEvent.js +63 -0
  86. package/core/server/services/email-service/events/EmailUnsubscribedEvent.js +42 -0
  87. package/core/server/services/email-service/events/SpamComplaintEvent.js +42 -0
  88. package/core/server/services/email-service/helpers/register-helpers.js +59 -0
  89. package/core/server/services/email-suppression-list/MailgunEmailSuppressionList.js +2 -1
  90. package/core/server/services/explore-ping/index.js +2 -1
  91. package/core/server/services/mail/GhostMailer.js +1 -1
  92. package/core/server/services/media-inliner/ExternalMediaInliner.js +2 -1
  93. package/core/server/services/members/api.js +15 -15
  94. package/core/server/services/members/emails/signin.js +4 -4
  95. package/core/server/services/members/emails/signup-paid.js +3 -4
  96. package/core/server/services/members/emails/signup.js +3 -3
  97. package/core/server/services/members/emails/subscribe.js +3 -3
  98. package/core/server/services/members/members-api/repositories/MemberRepository.js +92 -92
  99. package/core/server/services/members-events/LastSeenAtUpdater.js +1 -1
  100. package/core/server/services/settings-helpers/SettingsHelpers.js +1 -1
  101. package/core/server/services/staff/StaffServiceEmails.js +1 -1
  102. package/core/server/services/stats/PostsStatsService.js +28 -7
  103. package/core/server/web/api/app.js +0 -1
  104. package/core/server/web/api/endpoints/admin/app.js +0 -2
  105. package/core/server/web/api/endpoints/content/app.js +0 -2
  106. package/core/server/web/api/middleware/upload.js +2 -2
  107. package/core/shared/custom-theme-settings-cache/CustomThemeSettingsService.js +2 -1
  108. package/package.json +39 -97
  109. package/tsconfig.tsbuildinfo +1 -1
  110. package/yarn.lock +385 -517
  111. package/components/tryghost-api-framework-5.119.3.tgz +0 -0
  112. package/components/tryghost-custom-fonts-5.119.3.tgz +0 -0
  113. package/components/tryghost-domain-events-5.119.3.tgz +0 -0
  114. package/components/tryghost-email-addresses-5.119.3.tgz +0 -0
  115. package/components/tryghost-email-service-5.119.3.tgz +0 -0
  116. package/components/tryghost-html-to-plaintext-5.119.3.tgz +0 -0
  117. package/components/tryghost-i18n-5.119.3.tgz +0 -0
  118. package/components/tryghost-job-manager-5.119.3.tgz +0 -0
  119. package/components/tryghost-members-csv-5.119.3.tgz +0 -0
  120. package/components/tryghost-mw-error-handler-5.119.3.tgz +0 -0
  121. package/components/tryghost-mw-vhost-5.119.3.tgz +0 -0
  122. package/components/tryghost-prometheus-metrics-5.119.3.tgz +0 -0
  123. package/components/tryghost-security-5.119.3.tgz +0 -0
  124. package/core/built/admin/assets/chunk.524.c86e2e1b3e94d7cb1e4c.js +0 -35
  125. package/core/server/services/api-version-compatibility/APIVersionCompatibilityService.js +0 -99
  126. package/core/server/services/api-version-compatibility/VersionNotificationsDataService.js +0 -80
  127. package/core/server/services/api-version-compatibility/extract-api-key.js +0 -57
  128. package/core/server/services/api-version-compatibility/mw-api-version-mismatch.js +0 -31
  129. /package/core/built/admin/assets/{chunk.137.c9bf40f01afeeadb4660.js.LICENSE.txt → chunk.383.25fca2f09b4896656125.js.LICENSE.txt} +0 -0
@@ -0,0 +1,2348 @@
1
+ <style>
2
+ /* -------------------------------------
3
+ GLOBAL RESETS
4
+ ------------------------------------- */
5
+
6
+ /*All the styling goes here*/
7
+
8
+ img {
9
+ border: none;
10
+ -ms-interpolation-mode: bicubic;
11
+ max-width: 100%;
12
+ }
13
+
14
+ img.is-dark-background {
15
+ display: none !important;
16
+ mso-hide: all !important;
17
+ }
18
+
19
+ body {
20
+ background-color: #fff;
21
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
22
+ -webkit-font-smoothing: antialiased;
23
+ font-size: 18px;
24
+ line-height: 1.4;
25
+ margin: 0;
26
+ padding: 0;
27
+ -ms-text-size-adjust: 100%;
28
+ -webkit-text-size-adjust: 100%;
29
+ color: #15212A;
30
+ }
31
+
32
+ table {
33
+ border-collapse: separate;
34
+ mso-table-lspace: 0pt;
35
+ mso-table-rspace: 0pt;
36
+ width: 100%;
37
+ }
38
+
39
+ table td {
40
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
41
+ font-size: 18px;
42
+ vertical-align: top;
43
+ color: #15212A;
44
+ }
45
+
46
+ /* -------------------------------------
47
+ BODY & CONTAINER
48
+ ------------------------------------- */
49
+ .body {
50
+ background-color: #fff;
51
+ width: 100%;
52
+ }
53
+
54
+ /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
55
+ .container {
56
+ display: block;
57
+ margin: 0 auto !important;
58
+ /* makes it centered */
59
+ max-width: 600px;
60
+ }
61
+
62
+ /* This should also be a block element, so that it will fill 100% of the .container */
63
+ .content {
64
+ box-sizing: border-box;
65
+ display: block;
66
+ margin: 0 auto;
67
+ max-width: 600px;
68
+ }
69
+
70
+ .content a {
71
+ overflow-wrap: anywhere;
72
+ }
73
+
74
+ /* -------------------------------------
75
+ POST CONTENT
76
+ ------------------------------------- */
77
+ hr {
78
+ position: relative;
79
+ display: block;
80
+ width: 100%;
81
+ margin: 3em 0;
82
+ padding: 0;
83
+ height: 1px;
84
+ background-color: transparent;
85
+ border: 0;
86
+ border-top: 1px solid #e0e7eb;
87
+ }
88
+
89
+ p,
90
+ ul,
91
+ ol,
92
+ dl,
93
+ blockquote {
94
+ margin: 0 0 1.5em 0;
95
+ line-height: 1.6em;
96
+ }
97
+
98
+ ol,
99
+ ul {
100
+ padding-left: 1.3em;
101
+ padding-right: 1.5em;
102
+ }
103
+
104
+ ol ol,
105
+ ul ul,
106
+ ul ol,
107
+ ol ul {
108
+ margin: 0.5em 0 1em;
109
+ }
110
+
111
+ ul {
112
+ list-style: disc;
113
+ }
114
+
115
+ ul ul {
116
+ list-style: circle;
117
+ }
118
+
119
+ ul ul ul {
120
+ list-style: square;
121
+ }
122
+
123
+ ol {
124
+ list-style: decimal;
125
+ }
126
+
127
+ ol ol {
128
+ list-style: lower-alpha;
129
+ }
130
+
131
+ ol ol ol {
132
+ list-style: lower-roman;
133
+ }
134
+
135
+ ul,
136
+ ol {
137
+ max-width: 100%;
138
+ }
139
+
140
+ li {
141
+ margin: 0.5em 0;
142
+ padding-left: 0.3em;
143
+ line-height: 1.6em;
144
+ }
145
+
146
+ dt {
147
+ float: left;
148
+ margin: 0 20px 0 0;
149
+ width: 120px;
150
+ color: #15212A;
151
+ font-weight: 500;
152
+ text-align: right;
153
+ }
154
+
155
+ dd {
156
+ margin: 0 0 5px 0;
157
+ text-align: left;
158
+ }
159
+
160
+ blockquote {
161
+ margin: 0;
162
+ padding: 0;
163
+ border-left: {{accentColor}} 2px solid;
164
+ font-size: 17px;
165
+ font-weight: 500;
166
+ line-height: 1.6em;
167
+ letter-spacing: -0.2px;
168
+ }
169
+
170
+ blockquote.kg-blockquote-alt {
171
+ border-left: 0 none;
172
+ text-align: center;
173
+ font-size: 1.2em;
174
+ font-style: italic;
175
+ color: #73818c;
176
+ }
177
+
178
+ blockquote p {
179
+ margin: 2em 25px;
180
+ padding: 0 !important;
181
+ font-size: 1em;
182
+ }
183
+
184
+ blockquote.kg-blockquote-alt p {
185
+ margin-right: 50px;
186
+ margin-left: 50px;
187
+ }
188
+
189
+ blockquote small {
190
+ display: inline-block;
191
+ margin: 0.8em 0 0.8em 1.5em;
192
+ font-size: 0.9em;
193
+ opacity: 0.8;
194
+ }
195
+
196
+ blockquote cite {
197
+ font-weight: bold;
198
+ }
199
+ blockquote cite a {
200
+ font-weight: normal;
201
+ }
202
+
203
+ a {
204
+ color: {{accentColor}};
205
+ text-decoration: none;
206
+ }
207
+
208
+ h1,
209
+ h2,
210
+ h3,
211
+ h4,
212
+ h5,
213
+ h6 {
214
+ margin-top: 0;
215
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
216
+ line-height: 1.11em;
217
+ font-weight: 700;
218
+ text-rendering: optimizeLegibility;
219
+ }
220
+
221
+ h1 {
222
+ margin: 1.5em 0 0.5em 0;
223
+ font-size: 42px;
224
+ font-weight: 700;
225
+ }
226
+
227
+ h2 {
228
+ margin: 1.5em 0 0.5em 0;
229
+ font-size: 32px;
230
+ }
231
+
232
+ h3 {
233
+ margin: 1.5em 0 0.5em 0;
234
+ font-size: 26px;
235
+ }
236
+
237
+ h4 {
238
+ margin: 1.8em 0 0.5em 0;
239
+ font-size: 21px;
240
+ line-height: 1.2em;
241
+ }
242
+
243
+ h5 {
244
+ margin: 2em 0 0.5em 0;
245
+ font-size: 19px;
246
+ line-height: 1.3em;
247
+ }
248
+
249
+ h6 {
250
+ margin: 2em 0 0.5em 0;
251
+ font-size: 19px;
252
+ line-height: 1.3em;
253
+ font-weight: 700;
254
+ }
255
+
256
+ h1 strong,
257
+ h2 strong,
258
+ h3 strong,
259
+ h4 strong,
260
+ h5 strong,
261
+ h6 strong {
262
+ font-weight: 800;
263
+ }
264
+
265
+ strong {
266
+ font-weight: 700;
267
+ }
268
+
269
+ figure {
270
+ margin: 0 0 1.5em;
271
+ padding: 0;
272
+ }
273
+
274
+ figcaption {
275
+ text-align: center;
276
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
277
+ font-size: 13px;
278
+ padding-top: 10px;
279
+ padding-bottom: 10px;
280
+ line-height: 1.5em;
281
+ color: #73818c;
282
+ }
283
+
284
+ figcaption a {
285
+ text-decoration: none!important;
286
+ }
287
+
288
+ code {
289
+ font-size: 0.9em;
290
+ }
291
+
292
+ pre {
293
+ white-space: pre-wrap;
294
+ overflow: auto;
295
+ background: #15212A;
296
+ padding: 15px;
297
+ border-radius: 3px;
298
+ line-height: 1.2em;
299
+ color: #ffffff;
300
+ }
301
+
302
+ p code,
303
+ li code {
304
+ background: #F2F7FA;
305
+ word-break: break-all;
306
+ padding: 1px 7px;
307
+ border-radius: 3px;
308
+ color: {{accentColor}};
309
+ }
310
+
311
+ figure blockquote p {
312
+ font-size: 1em;
313
+ }
314
+
315
+ .header-image {
316
+ padding-top: 24px;
317
+ padding-bottom: 16px;
318
+ }
319
+
320
+ .site-icon {
321
+ padding-bottom: 8px;
322
+ padding-top: 8px;
323
+ text-align: center;
324
+ border-radius: 3px;
325
+ }
326
+
327
+ .site-icon img {
328
+ width: 44px;
329
+ height: 44px;
330
+ border-radius: 3px;
331
+ }
332
+
333
+ .site-info {
334
+ padding-top: 32px;
335
+ }
336
+
337
+ .site-url {
338
+ color: #15212A;
339
+ font-size: 16px;
340
+ letter-spacing: -0.1px;
341
+ font-weight: 700;
342
+ text-transform: uppercase;
343
+ text-align: center;
344
+ }
345
+
346
+ .site-url-bottom-padding {
347
+ padding-bottom: 12px;
348
+ }
349
+
350
+ .site-title {
351
+ color: #15212A;
352
+ }
353
+
354
+ .site-subtitle {
355
+ color: #73818c;
356
+ font-size: 13px;
357
+ font-weight: 400;
358
+ text-transform: none;
359
+ }
360
+
361
+ .post-title {
362
+ font-size: 36px;
363
+ line-height: 1.1em;
364
+ font-weight: 700;
365
+ text-align: center;
366
+ }
367
+
368
+ .post-title-with-excerpt {
369
+ padding-bottom: 8px;
370
+ }
371
+
372
+ .post-title-no-excerpt {
373
+ padding-bottom: 16px;
374
+ }
375
+
376
+ .post-title-serif {
377
+ font-family: Georgia, serif;
378
+ letter-spacing: -0.01em;
379
+ }
380
+ .post-title-left {
381
+ text-align: left;
382
+ }
383
+
384
+ .post-title-link {
385
+ display: block;
386
+ margin-top: 32px;
387
+ color: #15212A;
388
+ text-align: center;
389
+ line-height: 1.1em;
390
+ }
391
+
392
+ .post-title-link-left {
393
+ text-align: left;
394
+ }
395
+
396
+ .post-excerpt-wrapper {
397
+ width: 100%;
398
+ max-width: 600px !important;
399
+ }
400
+
401
+ .post-excerpt {
402
+ margin: 0;
403
+ color: #15212A;
404
+ font-size: 19px;
405
+ line-height: 1.4em;
406
+ text-align: center;
407
+ }
408
+
409
+ .post-excerpt-with-feature-image {
410
+ padding-bottom: 28px;
411
+ }
412
+
413
+ .post-excerpt-no-feature-image {
414
+ padding-bottom: 32px;
415
+ }
416
+
417
+ .post-excerpt-serif-serif {
418
+ font-family: Georgia, serif;
419
+ font-size: 20px;
420
+ }
421
+
422
+ .post-excerpt-serif-sans {
423
+ font-size: 20px;
424
+ font-family: Georgia, serif;
425
+ }
426
+
427
+ .post-excerpt-left {
428
+ text-align: left;
429
+ }
430
+
431
+ .post-meta,
432
+ .view-online {
433
+ color: #73818c;
434
+ font-size: 13px;
435
+ font-weight: 400;
436
+ text-align: center;
437
+ }
438
+
439
+ .post-meta-left {
440
+ text-align: left;
441
+ }
442
+
443
+ .post-meta-left.view-online-mobile {
444
+ display: none !important;
445
+ }
446
+
447
+ .post-meta-left.view-online {
448
+ text-align: right;
449
+ }
450
+
451
+ .post-meta-center.view-online {
452
+ display: none !important;
453
+ }
454
+
455
+ .post-meta-center .view-online,
456
+ .post-meta-center .view-online a {
457
+ text-decoration: underline !important;
458
+ }
459
+
460
+ .post-meta-date {
461
+ white-space: nowrap;
462
+ }
463
+
464
+ .view-online-link {
465
+ word-wrap: none;
466
+ white-space: nowrap;
467
+ color: #73818c;
468
+ text-decoration: underline !important;
469
+ }
470
+
471
+ .feature-image {
472
+ padding-bottom: 30px;
473
+ width: 100%;
474
+ text-align: center;
475
+ }
476
+
477
+ .feature-image-row:first-child > td,
478
+ .header-image-row + .feature-image-row > td,
479
+ .site-info-row + .feature-image-row > td {
480
+ padding-top: 24px;
481
+ }
482
+
483
+ .feature-image-with-caption {
484
+ width: 100%;
485
+ padding: 0;
486
+ font-size: 13px!important;
487
+ }
488
+
489
+ .feature-image-caption {
490
+ width: 100%;
491
+ padding-top: 5px;
492
+ padding-bottom: 32px;
493
+ text-align: center;
494
+ font-size: 13px !important;
495
+ color: #73818c;
496
+ line-height: 1.5em;
497
+ }
498
+
499
+ .kg-card-figcaption {
500
+ font-size: 13px;
501
+ }
502
+
503
+ /* -------------------------------------
504
+ FEEDBACK BUTTONS
505
+ ------------------------------------- */
506
+
507
+ .feedback-buttons {
508
+ /*width: auto !important;*/
509
+ width: 100% !important;
510
+ margin: auto;
511
+ }
512
+
513
+ .feedback-buttons img {
514
+ display: block;
515
+ margin: 0 auto;
516
+ vertical-align: middle;
517
+ }
518
+
519
+ .feedback-button-text {
520
+ display: inline-block;
521
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
522
+ color: #15212A;
523
+ font-size: 13px !important;
524
+ font-weight: 500;
525
+ margin: 1em 0 0 0;
526
+ line-height: 1.4em;
527
+ word-break: break-word;
528
+ }
529
+
530
+ /* -------------------------------------
531
+ LATEST POSTS TABLE
532
+ ------------------------------------- */
533
+
534
+ .latest-posts-header {
535
+ margin: 0;
536
+ padding: 8px 0 8px;
537
+ color: #15212A;
538
+ font-size: 13px;
539
+ font-weight: 700;
540
+ text-transform: uppercase;
541
+ }
542
+
543
+ .latest-post {
544
+ max-width: 600px !important;
545
+ padding: 16px 0;
546
+ }
547
+
548
+ .latest-post a {
549
+ text-decoration: none !important;
550
+ }
551
+
552
+ .latest-post-img a {
553
+ display: block;
554
+ height: 100px;
555
+ overflow: hidden;
556
+ color: inherit;
557
+ text-decoration: none;
558
+ }
559
+
560
+ .latest-post-img img {
561
+ object-fit: cover;
562
+ }
563
+
564
+ .latest-post-title {
565
+ padding-right: 12px;
566
+ }
567
+
568
+ .latest-post h4 {
569
+ margin: 0;
570
+ padding: 2px 0 4px;
571
+ font-size: 18px;
572
+ font-weight: 700;
573
+ }
574
+
575
+ .latest-post h4.no-image {
576
+ padding: 12px 0 4px;
577
+ }
578
+
579
+ .latest-post h4 a {
580
+ color: #15212A !important;
581
+ }
582
+
583
+ .latest-post p {
584
+ margin: 0;
585
+ padding: 0;
586
+ color: #73818c;
587
+ font-size: 15px;
588
+ font-weight: 400;
589
+ }
590
+
591
+ .latest-post p a {
592
+ color: #73818c !important;
593
+ }
594
+
595
+ /* -------------------------------------
596
+ SUBSCRIPTION DETAILS BOX
597
+ ------------------------------------- */
598
+
599
+ .subscription-box {
600
+ padding: 32px 0;
601
+ border-bottom: 1px solid #e0e7eb;
602
+ color: #15212A;
603
+ }
604
+
605
+ .subscription-box h3 {
606
+ font-size: 14px;
607
+ font-weight: 700;
608
+ text-transform: uppercase;
609
+ margin: 0 0 18px;
610
+ }
611
+
612
+ .subscription-box p {
613
+ margin-bottom: 0;
614
+ color: #15212A !important;
615
+ font-size: 15px;
616
+ font-weight: 400;
617
+ line-height: 1.45em;
618
+ text-decoration: none;
619
+ }
620
+
621
+ .subscription-box p a {
622
+ color: #15212A !important;
623
+ text-decoration: none;
624
+ }
625
+
626
+ .manage-subscription {
627
+ white-space: nowrap;
628
+ font-size: 15px;
629
+ font-weight: 600;
630
+ text-align: right;
631
+ line-height: 1.45em;
632
+ vertical-align: bottom;
633
+ color: {{accentColor}};
634
+ }
635
+
636
+ /* -------------------------------------
637
+ POST CONTENT
638
+ ------------------------------------- */
639
+
640
+ .post-content {
641
+ max-width: 600px !important;
642
+ font-family: Georgia, serif;
643
+ font-size: 18px;
644
+ line-height: 1.5em;
645
+ color: #15212A;
646
+ padding-bottom: 20px;
647
+ border-bottom: 1px solid #e0e7eb;
648
+ }
649
+
650
+ .post-content-sans-serif {
651
+ max-width: 600px !important;
652
+ font-size: 17px;
653
+ line-height: 1.5em;
654
+ color: #15212A;
655
+ padding-bottom: 20px;
656
+ border-bottom: 1px solid #e0e7eb;
657
+ }
658
+
659
+ .post-content-row:first-child > td, .header-image-row + .post-content-row > td {
660
+ padding-top: 32px;
661
+ }
662
+
663
+ .post-content a,
664
+ .post-content-sans-serif a {
665
+ color: {{accentColor}};
666
+ text-decoration: underline;
667
+ }
668
+
669
+ a[data-flickr-embed] img {
670
+ height: auto;
671
+ }
672
+
673
+ /* Any card with altered visibility is wrapped in a div with the .kg-visibility-wrapper class */
674
+ .kg-visibility-wrapper + * {
675
+ margin-top: 1.5em !important;
676
+ }
677
+
678
+ .kg-visibility-wrapper + hr {
679
+ margin-top: 3em !important;
680
+ }
681
+
682
+ .kg-bookmark-card {
683
+ width: 100%;
684
+ background: #ffffff;
685
+ }
686
+
687
+ .kg-bookmark-card a {
688
+ text-decoration: none;
689
+ }
690
+
691
+ .kg-card + .kg-bookmark-card {
692
+ margin-top: 0;
693
+ }
694
+
695
+ .kg-image-card img {
696
+ display: block;
697
+ margin: 0 auto;
698
+ height: auto;
699
+ width: auto;
700
+ }
701
+
702
+ .kg-image-card span {
703
+ text-align: center;
704
+ }
705
+
706
+ .kg-bookmark-container {
707
+ display: flex;
708
+ min-height: 148px;
709
+ color: #15212A;
710
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
711
+ text-decoration: none;
712
+ border-radius: 3px;
713
+ border: 1px solid #e0e7eb;
714
+ }
715
+
716
+ .kg-bookmark-content {
717
+ display: inline-block;
718
+ width: 100%;
719
+ padding: 20px;
720
+ }
721
+
722
+ .kg-bookmark-title {
723
+ color: #15212A;
724
+ font-size: 15px;
725
+ line-height: 1.5em;
726
+ font-weight: 600;
727
+ }
728
+
729
+ .kg-bookmark-description {
730
+ display: -webkit-box;
731
+ overflow-y: hidden;
732
+ margin-top: 12px;
733
+ max-height: 40px;
734
+ color: #73818c;
735
+ font-size: 13px;
736
+ line-height: 1.5em;
737
+ font-weight: 400;
738
+
739
+ -webkit-line-clamp: 2;
740
+ -webkit-box-orient: vertical;
741
+ }
742
+
743
+ .kg-bookmark-thumbnail {
744
+ min-width: 140px;
745
+ max-width: 180px;
746
+ background-repeat: no-repeat;
747
+ background-size: cover;
748
+ background-position: center;
749
+ border-radius: 0 2px 2px 0;
750
+ }
751
+
752
+ .kg-bookmark-thumbnail img {
753
+ display: none;
754
+ }
755
+
756
+ .kg-bookmark-metadata {
757
+ display: flex;
758
+ flex-wrap: wrap;
759
+ align-items: center;
760
+ margin-top: 14px;
761
+ color: #15212A;
762
+ font-size: 13px;
763
+ font-weight: 400;
764
+ }
765
+
766
+ .kg-bookmark-icon {
767
+ margin-right: 8px;
768
+ width: 22px;
769
+ height: 22px;
770
+ }
771
+
772
+ .kg-bookmark-icon[src$=".svg"] {
773
+ display: none;
774
+ }
775
+
776
+ .kg-bookmark-author {
777
+ line-height: 1.5em;
778
+ }
779
+
780
+ .kg-bookmark-publisher {
781
+ overflow: hidden;
782
+ max-width: 240px;
783
+ line-height: 1.5em;
784
+ text-overflow: ellipsis;
785
+ white-space: nowrap;
786
+ }
787
+
788
+ .kg-bookmark-publisher:before {
789
+ content: "•";
790
+ margin: 0 6px;
791
+ }
792
+
793
+ .kg-gallery-container {
794
+ margin-top: -20px;
795
+ }
796
+
797
+ .kg-gallery-image img {
798
+ width: 100% !important;
799
+ height: auto !important;
800
+ padding-top: 20px;
801
+ }
802
+
803
+ .kg-video-preview {
804
+ background-color: #1d1f21;
805
+ background-image: radial-gradient(circle at center, #5b5f66, #1d1f21);
806
+ display: block;
807
+ text-decoration: none !important;
808
+ }
809
+
810
+ .kg-video-preview table {
811
+ background-size: cover;
812
+ min-height: 200px; /* for when images aren't loaded */
813
+ }
814
+
815
+ .kg-video-play-button {
816
+ height: 2em;
817
+ width: 3em;
818
+ margin: 0 auto;
819
+ border-radius: 10px;
820
+ padding: 1em 0.8em 0.6em 1em;
821
+ font-size: 1em; /* change this to resize */
822
+ background-color: rgba(0,0,0,0.85);
823
+ }
824
+
825
+ .kg-video-play-button div {
826
+ display: block;
827
+ width: 0;
828
+ height: 0;
829
+ margin: 0 auto;
830
+ line-height: 0px; /* fix for Yahoo Mail */
831
+ border-color: transparent transparent transparent white;
832
+ border-style: solid;
833
+ border-width: 0.8em 0 0.8em 1.5em;
834
+ }
835
+
836
+ .kg-nft-link {
837
+ display: block;
838
+ text-decoration: none !important;
839
+ color: #15212A !important;
840
+ font-family: inherit !important;
841
+ font-size: 14px;
842
+ line-height: 1.3em;
843
+ padding-top: 4px;
844
+ padding-right: 20px;
845
+ padding-left: 20px;
846
+ padding-bottom: 4px;
847
+ }
848
+
849
+ .kg-twitter-link {
850
+ display: block;
851
+ text-decoration: none !important;
852
+ color: #15212A !important;
853
+ font-family: inherit !important;
854
+ font-size: 15px;
855
+ padding: 8px;
856
+ line-height: 1.3em;
857
+ }
858
+
859
+ .kg-audio-thumbnail.placeholder {
860
+ background-color: {{accentColor}} !important;
861
+ }
862
+
863
+ .kg-callout-card {
864
+ display: flex;
865
+ margin: 0 0 1.5em 0;
866
+ padding: 24px;
867
+ border-radius: 8px;
868
+ }
869
+
870
+ .kg-callout-card-grey {
871
+ background: #f1f2f4;
872
+ }
873
+
874
+ .kg-callout-card-white {
875
+ background: #fff;
876
+ border: 1px solid #dddedf;
877
+ }
878
+
879
+ .kg-callout-card-blue {
880
+ background: #E9F6FB;
881
+ }
882
+
883
+ .kg-callout-card-green {
884
+ background: #E8F8EA;
885
+ }
886
+
887
+ .kg-callout-card-yellow {
888
+ background: #FCF4E3;
889
+ }
890
+
891
+ .kg-callout-card-red {
892
+ background: #FBE9E9;
893
+ }
894
+
895
+ .kg-callout-card-pink {
896
+ background: #FCEEF8;
897
+ }
898
+
899
+ .kg-callout-card-purple {
900
+ background: #F2EDFC;
901
+ }
902
+
903
+ .kg-callout-card-accent {
904
+ background: {{accentColor}};
905
+ color: #fff;
906
+ }
907
+
908
+ .kg-callout-card-accent a {
909
+ color: #fff;
910
+ }
911
+
912
+ .kg-callout-emoji {
913
+ padding-right: 12px;
914
+ font-size: 20px;
915
+ }
916
+
917
+ .kg-cta-card {
918
+ margin: 0 0 1.5em 0;
919
+ padding: 0 24px;
920
+ border-radius: 8px;
921
+ }
922
+
923
+ .kg-cta-card + * {
924
+ margin-top: 1.5em !important;
925
+ }
926
+
927
+ .kg-cta-card + hr {
928
+ margin-top: 3em !important;
929
+ }
930
+
931
+ .kg-cta-card.kg-cta-bg-none {
932
+ padding: 0;
933
+ border-radius: 0;
934
+ }
935
+
936
+ .kg-cta-card.kg-cta-bg-none:not(.kg-cta-no-dividers) {
937
+ border-bottom: 1px solid #e0e7eb;
938
+ }
939
+
940
+ .kg-cta-bg-none.kg-cta-no-label:not(.kg-cta-no-dividers) {
941
+ border-top: 1px solid #e0e7eb;
942
+ }
943
+
944
+ .kg-cta-bg-white {
945
+ background: #fff;
946
+ border: 1px solid #e0e7eb;
947
+ }
948
+
949
+ .kg-cta-bg-grey {
950
+ background: #f1f2f4;
951
+ }
952
+
953
+ .kg-cta-bg-blue {
954
+ background: #E9F6FB;
955
+ }
956
+
957
+ .kg-cta-bg-green {
958
+ background: #E8F8EA;
959
+ }
960
+
961
+ .kg-cta-bg-yellow {
962
+ background: #FCF4E3;
963
+ }
964
+
965
+ .kg-cta-bg-red {
966
+ background: #FBE9E9;
967
+ }
968
+
969
+ .kg-cta-bg-pink {
970
+ background: #FCEEF8;
971
+ }
972
+
973
+ .kg-cta-bg-purple {
974
+ background: #F2EDFC;
975
+ }
976
+
977
+ .kg-cta-sponsor-label {
978
+ padding: 12px 0;
979
+ border-bottom: 1px solid #e0e7eb;
980
+ }
981
+
982
+ .kg-cta-bg-none .kg-cta-sponsor-label {
983
+ padding-top: 0;
984
+ }
985
+
986
+ .kg-cta-immersive.kg-cta-has-img:not(.kg-cta-bg-none) .kg-cta-sponsor-label,
987
+ .kg-cta-bg-none.kg-cta-no-dividers .kg-cta-sponsor-label {
988
+ border-bottom: 0;
989
+ }
990
+
991
+ .kg-cta-bg-none .kg-cta-sponsor-label,
992
+ .kg-cta-bg-white .kg-cta-sponsor-label {
993
+ border-color: #e0e7eb;
994
+ }
995
+
996
+ .kg-cta-bg-grey .kg-cta-sponsor-label {
997
+ border-color: #d0d1d2;
998
+ }
999
+
1000
+ .kg-cta-bg-blue .kg-cta-sponsor-label {
1001
+ border-color: #cddee5;
1002
+ }
1003
+
1004
+ .kg-cta-bg-green .kg-cta-sponsor-label {
1005
+ border-color: #cce0ce;
1006
+ }
1007
+
1008
+ .kg-cta-bg-yellow .kg-cta-sponsor-label {
1009
+ border-color: #e3d9c4;
1010
+ }
1011
+
1012
+ .kg-cta-bg-red .kg-cta-sponsor-label {
1013
+ border-color: #e7d0d0;
1014
+ }
1015
+
1016
+ .kg-cta-bg-pink .kg-cta-sponsor-label {
1017
+ border-color: #e6d6e1;
1018
+ }
1019
+
1020
+ .kg-cta-bg-purple .kg-cta-sponsor-label {
1021
+ border-color: #dbd5e7;
1022
+ }
1023
+
1024
+ .kg-cta-sponsor-label p {
1025
+ margin: 0;
1026
+ color: #89959f;
1027
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
1028
+ font-size: 12px;
1029
+ font-weight: 500;
1030
+ text-transform: uppercase;
1031
+ }
1032
+
1033
+ .kg-cta-bg-blue .kg-cta-sponsor-label p {
1034
+ color: #97A0A3;
1035
+ }
1036
+
1037
+ .kg-cta-bg-green .kg-cta-sponsor-label p {
1038
+ color: #97A198;
1039
+ }
1040
+
1041
+ .kg-cta-bg-yellow .kg-cta-sponsor-label p {
1042
+ color: #A49F94;
1043
+ }
1044
+
1045
+ .kg-cta-bg-red .kg-cta-sponsor-label p {
1046
+ color: #A39797;
1047
+ }
1048
+
1049
+ .kg-cta-bg-pink .kg-cta-sponsor-label p {
1050
+ color: #A49BA1;
1051
+ }
1052
+
1053
+ .kg-cta-bg-purple .kg-cta-sponsor-label p {
1054
+ color: #9D9AA4;
1055
+ }
1056
+
1057
+ .kg-cta-sponsor-label a {
1058
+ color: #15212A;
1059
+ }
1060
+
1061
+ .kg-cta-link-accent .kg-cta-sponsor-label a {
1062
+ color: {{accentColor}} !important;
1063
+ }
1064
+
1065
+ table.kg-cta-content-wrapper:not(.kg-cta-bg-none.kg-cta-no-dividers table.kg-cta-content-wrapper) {
1066
+ padding: 24px 0 26px;
1067
+ }
1068
+
1069
+ .kg-cta-immersive.kg-cta-has-img:not(.kg-cta-bg-none):not(.kg-cta-no-label) table.kg-cta-content-wrapper {
1070
+ padding-top: 0;
1071
+ }
1072
+
1073
+ .kg-cta-minimal .kg-cta-image-container {
1074
+ padding-right: 24px;
1075
+ }
1076
+
1077
+ .kg-cta-immersive .kg-cta-image-container {
1078
+ padding-bottom: 24px;
1079
+ }
1080
+
1081
+ .kg-cta-immersive.kg-cta-no-text .kg-cta-image-container {
1082
+ padding-bottom: 0;
1083
+ }
1084
+
1085
+ img.kg-cta-image {
1086
+ display: block;
1087
+ border-radius: 6px;
1088
+ border: 0;
1089
+ }
1090
+
1091
+ .kg-cta-minimal img.kg-cta-image {
1092
+ width: 64px;
1093
+ height: 64px;
1094
+ object-fit: cover;
1095
+ }
1096
+
1097
+ .kg-cta-immersive img.kg-cta-image {
1098
+ margin: 0 auto;
1099
+ height: auto;
1100
+ width: 100%;
1101
+ max-width: 100%;
1102
+ }
1103
+
1104
+ .post-content .kg-cta-text {
1105
+ font-family: Georgia, serif;
1106
+ }
1107
+
1108
+ .kg-cta-text a {
1109
+ color: #15212A;
1110
+ }
1111
+
1112
+ .kg-cta-link-accent .kg-cta-text a {
1113
+ color: {{accentColor}} !important;
1114
+ }
1115
+
1116
+ .post-content-sans-serif .kg-cta-text {
1117
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
1118
+ font-size: 17px;
1119
+ }
1120
+
1121
+ .kg-cta-text p {
1122
+ margin-bottom: 1em;
1123
+ line-height: 1.4em;
1124
+ }
1125
+
1126
+ .kg-cta-text p:last-child {
1127
+ margin-bottom: 0;
1128
+ }
1129
+
1130
+ .kg-cta-bg-none:not(.kg-cta-minimal.kg-cta-has-img) .kg-cta-text p {
1131
+ line-height: 1.6em;
1132
+ }
1133
+
1134
+ .kg-cta-immersive.kg-cta-centered .kg-cta-text p {
1135
+ text-align: center;
1136
+ }
1137
+
1138
+ {{#hasFeature "emailCustomizationAlpha"}}
1139
+ .kg-cta-button-container {
1140
+ padding-top: 20px;
1141
+ }
1142
+
1143
+ .kg-cta-immersive.kg-cta-centered table.btn {
1144
+ margin-left: auto;
1145
+ margin-right: auto;
1146
+ }
1147
+
1148
+ .kg-cta-minimal table.btn td.kg-style-accent {
1149
+ background-color: {{accentColor}} !important;
1150
+ }
1151
+
1152
+ .kg-cta-immersive table.btn td.kg-style-accent {
1153
+ background-color: {{accentColor}} !important;
1154
+ color: #fff !important;
1155
+ }
1156
+
1157
+ .kg-cta-card .btn a.kg-style-accent {
1158
+ background-color: {{accentColor}} !important;
1159
+ color: #fff !important;
1160
+ }
1161
+
1162
+ .kg-cta-has-img.kg-cta-immersive table.btn {
1163
+ width: 100%;
1164
+ }
1165
+ {{else}}
1166
+ .kg-cta-button-container {
1167
+ padding-top: 20px;
1168
+ }
1169
+
1170
+ .kg-cta-minimal table.kg-cta-button-wrapper,
1171
+ .kg-cta-immersive:not(.kg-cta-has-img) .kg-cta-button-container table {
1172
+ width: unset !important;
1173
+ }
1174
+
1175
+ .kg-cta-immersive.kg-cta-centered .kg-cta-button-container table {
1176
+ margin-left: auto;
1177
+ margin-right: auto;
1178
+ }
1179
+
1180
+ .kg-cta-minimal table.kg-cta-button-wrapper td {
1181
+ padding: 6px 18px 8px;
1182
+ border-radius: {{buttonBorderRadius}};
1183
+ }
1184
+
1185
+ .kg-cta-minimal table.kg-cta-button-wrapper td.kg-style-accent {
1186
+ background-color: {{accentColor}} !important;
1187
+ }
1188
+
1189
+ .kg-cta-immersive .kg-cta-button-wrapper {
1190
+ padding: 8px 20px 9px;
1191
+ border-radius: {{buttonBorderRadius}};
1192
+ text-align: center;
1193
+ }
1194
+
1195
+ .kg-cta-immersive .kg-cta-button-wrapper.kg-style-accent {
1196
+ background-color: {{accentColor}} !important;
1197
+ color: #fff !important;
1198
+ }
1199
+
1200
+ .kg-cta-minimal a.kg-cta-button {
1201
+ display: inline-block;
1202
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
1203
+ font-size: 0.85em;
1204
+ font-weight: 600;
1205
+ font-weight: 500;
1206
+ text-decoration: none;
1207
+ }
1208
+
1209
+ .kg-cta-minimal a.kg-cta-button.kg-style-accent {
1210
+ background-color: {{accentColor}} !important;
1211
+ color: #fff !important;
1212
+ }
1213
+
1214
+ .kg-cta-immersive a.kg-cta-button {
1215
+ display: inline-block;
1216
+ width: 100%;
1217
+ font-size: 0.9em;
1218
+ font-weight: 600;
1219
+ font-weight: 500;
1220
+ text-align: center;
1221
+ text-decoration: none;
1222
+ border-radius: {{buttonBorderRadius}};
1223
+ }
1224
+
1225
+ .kg-cta-immersive a.kg-cta-button.kg-style-accent {
1226
+ background-color: {{accentColor}} !important;
1227
+ color: #fff !important;
1228
+ }
1229
+ {{/hasFeature}}
1230
+
1231
+ .kg-header-card {
1232
+ margin: 0 0 1.5em 0;
1233
+ padding: 110px 35px 110px 35px;
1234
+ text-align: center;
1235
+ }
1236
+
1237
+ .kg-header-card.kg-size-small {
1238
+ padding-top: 75px;
1239
+ padding-bottom: 75px;
1240
+ }
1241
+
1242
+ .kg-header-card.kg-size-large {
1243
+ padding-top: 140px;
1244
+ padding-bottom: 140px;
1245
+ }
1246
+
1247
+ .kg-header-card.kg-align-left {
1248
+ text-align: left;
1249
+ }
1250
+
1251
+ .kg-header-card.kg-style-dark {
1252
+ background: #15171a;
1253
+ color: #ffffff;
1254
+ }
1255
+
1256
+ .kg-header-card.kg-style-light {
1257
+ background-color: #F9F9FA;
1258
+ }
1259
+
1260
+ .kg-header-card.kg-style-accent {
1261
+ background: {{accentColor}};
1262
+ color: #ffffff;
1263
+ }
1264
+
1265
+ .kg-header-card.kg-style-image {
1266
+ background-color: #e7e7eb;
1267
+ background-size: cover;
1268
+ background-position: center center;
1269
+ color: #ffffff;
1270
+ }
1271
+
1272
+ {{#hasFeature "emailCustomizationAlpha"}}
1273
+ .kg-header-card h2 {
1274
+ font-size: 32px;
1275
+ font-weight: 700;
1276
+ line-height: 1.1em;
1277
+ margin: 0 0 0.125em;
1278
+ }
1279
+
1280
+ .kg-header-card.kg-size-small h2 {
1281
+ font-size: 26px;
1282
+ }
1283
+
1284
+ .kg-header-card.kg-size-large h2 {
1285
+ font-size: 36px;
1286
+ }
1287
+
1288
+ .kg-header-card h3 {
1289
+ font-size: 17px;
1290
+ font-weight: 400;
1291
+ line-height: 1.5em;
1292
+ margin: 0;
1293
+ }
1294
+
1295
+ .kg-header-card h3 strong {
1296
+ font-weight: 600;
1297
+ }
1298
+
1299
+ .kg-header-button-wrapper {
1300
+ padding-top: 20px;
1301
+ }
1302
+
1303
+ /* Header v2 */
1304
+
1305
+ .kg-header-card.kg-v2 {
1306
+ padding: 0;
1307
+ text-align: inherit;
1308
+ }
1309
+
1310
+ .kg-header-card.kg-v2 .kg-header-card-image {
1311
+ height: 320px;
1312
+ background-repeat: no-repeat;
1313
+ }
1314
+
1315
+ .kg-header-card.kg-v2 .kg-header-card-content {
1316
+ padding: 40px;
1317
+ }
1318
+
1319
+ .kg-header-card.kg-v2 .kg-header-card-heading {
1320
+ margin: 0;
1321
+ line-height: 1em;
1322
+ }
1323
+
1324
+ .kg-header-card.kg-v2 .kg-header-card-subheading-wrapper {
1325
+ padding: 16px 0 0;
1326
+ }
1327
+
1328
+ .kg-header-card.kg-v2 .kg-header-card-subheading {
1329
+ margin: 0;
1330
+ font-size: 17px;
1331
+ line-height: 1.5em;
1332
+ }
1333
+
1334
+ .kg-header-card.kg-v2 .kg-header-card-heading a,
1335
+ .kg-header-card.kg-v2 .kg-header-card-subheading a {
1336
+ color: inherit;
1337
+ }
1338
+ {{else}}
1339
+ .kg-header-card h2 {
1340
+ font-size: 3em;
1341
+ font-weight: 700;
1342
+ line-height: 1.1em;
1343
+ margin: 0 0 0.125em;
1344
+ }
1345
+
1346
+ .kg-header-card h2 strong {
1347
+ font-weight: 800;
1348
+ }
1349
+
1350
+ .kg-header-card.kg-size-small h2 {
1351
+ font-size: 2.5em;
1352
+ }
1353
+
1354
+ .kg-header-card.kg-size-large h2 {
1355
+ font-size: 3.5em;
1356
+ }
1357
+
1358
+ .kg-header-card h3 {
1359
+ font-size: 1.125em;
1360
+ font-weight: 500;
1361
+ line-height: 1.3em;
1362
+ margin: 0;
1363
+ }
1364
+
1365
+ .kg-header-card h3 strong {
1366
+ font-weight: 700;
1367
+ }
1368
+
1369
+ .kg-header-card.kg-size-large h3 {
1370
+ font-size: 1.25em;
1371
+ }
1372
+
1373
+ .kg-header-card.kg-size-small h3 {
1374
+ font-size: 1em;
1375
+ }
1376
+
1377
+ .kg-header-card-button {
1378
+ margin: 0;
1379
+ margin-top: 1.75em;
1380
+ background: #ffffff;
1381
+ border-radius: 5px;
1382
+ box-sizing: border-box;
1383
+ cursor: pointer;
1384
+ display: inline-block;
1385
+ font-size: 14px;
1386
+ font-weight: bold;
1387
+ padding: 8px 16px;
1388
+ text-decoration: none !important;
1389
+ color: #15171A;
1390
+ }
1391
+
1392
+ .kg-size-large .kg-header-card-button {
1393
+ margin-top: 2em;
1394
+ }
1395
+
1396
+ .kg-size-small .kg-header-card-button {
1397
+ margin-top: 1.5em;
1398
+ }
1399
+
1400
+ .kg-style-light .kg-header-card-button {
1401
+ background: {{accentColor}} !important;
1402
+ color: #ffffff !important;
1403
+ }
1404
+
1405
+ /* Header v2 */
1406
+
1407
+ .kg-header-card.kg-v2 {
1408
+ padding: 0;
1409
+ text-align: inherit;
1410
+ }
1411
+
1412
+ .kg-header-card.kg-v2 .kg-header-card-image {
1413
+ height: 320px;
1414
+ background-repeat: no-repeat;
1415
+ }
1416
+
1417
+ .kg-header-card.kg-v2 .kg-header-card-content {
1418
+ padding: 80px 48px;
1419
+ }
1420
+
1421
+ .kg-header-card.kg-v2 .kg-header-card-image + .kg-header-card-content {
1422
+ padding-top: 64px;
1423
+ padding-bottom: 64px;
1424
+ }
1425
+
1426
+ .kg-header-card.kg-v2 .kg-header-card-heading {
1427
+ margin: 0;
1428
+ line-height: 1em;
1429
+ }
1430
+
1431
+ .kg-header-card.kg-v2 .kg-header-card-subheading {
1432
+ margin: 0.75em 0 0;
1433
+ }
1434
+
1435
+ .kg-header-card.kg-v2 .kg-header-card-heading a,
1436
+ .kg-header-card.kg-v2 .kg-header-card-subheading a {
1437
+ color: inherit;
1438
+ }
1439
+
1440
+ .kg-header-card.kg-v2 .kg-header-card-button {
1441
+ margin-top: 24px;
1442
+ padding: 10px 20px;
1443
+ font-size: 16px;
1444
+ font-weight: 500;
1445
+ }
1446
+ {{/hasFeature}}
1447
+
1448
+ {{#hasFeature "emailCustomizationAlpha"}}
1449
+ .kg-product-card {
1450
+ margin: 0 0 1.5em;
1451
+ border-radius: 6px;
1452
+ border: 1px solid #e9e9e9;
1453
+ }
1454
+
1455
+ .kg-product-card-container {
1456
+ padding: 20px;
1457
+ }
1458
+
1459
+ .kg-product-image {
1460
+ margin-bottom: 0;
1461
+ padding-top: 0;
1462
+ padding-bottom: 16px;
1463
+ }
1464
+
1465
+ .kg-product-image img {
1466
+ width: 100%;
1467
+ height: auto;
1468
+ padding: 0;
1469
+ border: none;
1470
+ }
1471
+
1472
+ .kg-product-title {
1473
+ margin-top: 0 !important;
1474
+ margin-bottom: 0 !important;
1475
+ font-size: 22px !important;
1476
+ font-weight: 700;
1477
+ }
1478
+
1479
+ .kg-product-rating {
1480
+ margin-bottom: 0;
1481
+ padding-top: 0;
1482
+ padding-bottom: 0;
1483
+ }
1484
+
1485
+ .kg-product-rating img {
1486
+ width: 96px;
1487
+ }
1488
+
1489
+ .kg-product-description-wrapper {
1490
+ margin-bottom: 0;
1491
+ padding-top: 8px;
1492
+ padding-bottom: 0;
1493
+ }
1494
+
1495
+ .kg-product-description-wrapper p {
1496
+ margin: 0;
1497
+ font-size: 17px;
1498
+ line-height: 1.4;
1499
+ opacity: 0.7;
1500
+ }
1501
+
1502
+ .kg-product-button-wrapper {
1503
+ margin-top: 0;
1504
+ padding-top: 16px;
1505
+ padding-bottom: 0;
1506
+ }
1507
+
1508
+ .kg-product-button-wrapper table.btn {
1509
+ width: 100%;
1510
+ }
1511
+ {{else}}
1512
+ .kg-product-card {
1513
+ margin: 0 0 1.5em;
1514
+ padding: 20px;
1515
+ border-radius: 5px;
1516
+ border: 1px solid #e9e9e9;
1517
+ }
1518
+
1519
+ .kg-product-image {
1520
+ margin-bottom: 0;
1521
+ padding-top: 0;
1522
+ padding-bottom: 0;
1523
+ }
1524
+
1525
+ .kg-product-image img {
1526
+ width: 100%;
1527
+ height: auto;
1528
+ padding-bottom: 16px;
1529
+ border: none;
1530
+ }
1531
+
1532
+ .kg-product-title {
1533
+ margin-top: 0 !important;
1534
+ margin-bottom: 0 !important;
1535
+ font-size: 22px !important;
1536
+ font-weight: 700;
1537
+ }
1538
+
1539
+ .kg-product-rating {
1540
+ margin-bottom: 0;
1541
+ padding-top: 0;
1542
+ padding-bottom: 0;
1543
+ }
1544
+
1545
+ .kg-product-rating img {
1546
+ width: 96px;
1547
+ }
1548
+
1549
+ .kg-product-description-wrapper {
1550
+ margin-bottom: 0;
1551
+ padding-top: 0;
1552
+ padding-bottom: 0;
1553
+ }
1554
+
1555
+ .kg-product-description {
1556
+ margin-bottom: -24px;
1557
+ padding-top: 8px;
1558
+ font-size: 17px;
1559
+ line-height: 1.4;
1560
+ opacity: 0.7;
1561
+ }
1562
+
1563
+ .kg-product-button-wrapper {
1564
+ margin-top: 0;
1565
+ padding-top: 0;
1566
+ padding-bottom: 0;
1567
+ }
1568
+
1569
+ .kg-product-button-wrapper .btn {
1570
+ padding-top: 16px;
1571
+ }
1572
+
1573
+ .kg-product-button-wrapper .btn a {
1574
+ width: 100%;
1575
+ padding: 0;
1576
+ text-align: center;
1577
+ color: #ffffff;
1578
+ }
1579
+
1580
+ .kg-product-button-wrapper .btn a span {
1581
+ display: block;
1582
+ padding: 12px 25px;
1583
+ }
1584
+ {{/hasFeature}}
1585
+
1586
+ .kg-audio-card {
1587
+ width: auto;
1588
+ width: 100%;
1589
+ margin: 0 auto 1.5em;
1590
+ border-radius: 3px;
1591
+ border: 1px solid #e0e7eb;
1592
+ }
1593
+ .kg-audio-title {
1594
+ display: block;
1595
+ padding-right: 20px;
1596
+ padding-bottom: 4px;
1597
+ padding-top: 4px;
1598
+ font-size: 16px;
1599
+ font-weight: 600;
1600
+ line-height: 18px;
1601
+ text-decoration: none !important;
1602
+ color: #15212A !important;
1603
+ }
1604
+ .kg-audio-play-button {
1605
+ display: block;
1606
+ box-sizing: border-box;
1607
+ width: 16px;
1608
+ height: 16px;
1609
+ color: #15212A !important;
1610
+ border-style: solid;
1611
+ border-width: 8px 0px 8px 16px;
1612
+ border-color: transparent transparent transparent currentColor;
1613
+ }
1614
+ .kg-audio-duration {
1615
+ display: block;
1616
+ text-decoration: none !important;
1617
+ font-size: 13px;
1618
+ color: #15171A !important;
1619
+ }
1620
+ .kg-audio-link {
1621
+ color: #73818c !important;
1622
+ }
1623
+ .kg-file-card {
1624
+ width: auto;
1625
+ width: 100%;
1626
+ margin: 0 0 1.5em 0;
1627
+ border-radius: 3px;
1628
+ border: 1px solid #e0e7eb;
1629
+ }
1630
+ .kg-file-title {
1631
+ display: block;
1632
+ width: 100%;
1633
+ padding-left: 12px;
1634
+ padding-top: 8px;
1635
+ font-size: 17px;
1636
+ font-weight: bold;
1637
+ line-height: 1.3em;
1638
+ text-decoration: none !important;
1639
+ color: #15212A !important;
1640
+ }
1641
+ .kg-file-description {
1642
+ display: block;
1643
+ width: 100%;
1644
+ padding-left: 12px;
1645
+ padding-top: 2px;
1646
+ font-size: 15px;
1647
+ line-height: 1.4em;
1648
+ text-decoration: none !important;
1649
+ color: #73818c !important;
1650
+ }
1651
+ .kg-file-meta {
1652
+ display: block;
1653
+ width: 100%;
1654
+ padding-left: 12px;
1655
+ padding-top: 4px;
1656
+ padding-bottom: 8px;
1657
+ font-size: 13px;
1658
+ line-height: 1.4em;
1659
+ text-decoration: none !important;
1660
+ color: #73818c !important;
1661
+ }
1662
+ .kg-file-name {
1663
+ font-weight: 500;
1664
+ color: #15212A !important;
1665
+ }
1666
+ .kg-file-thumbnail {
1667
+ position: relative;
1668
+ vertical-align: middle;
1669
+ text-align: center;
1670
+ border-radius: 2px;
1671
+ background-color: {{accentColor}} !important;
1672
+ }
1673
+ .kg-twitter-card {
1674
+ width: auto;
1675
+ width: 100%;
1676
+ margin: 0 auto;
1677
+ border-radius: 12px;
1678
+ border: 1px solid #e0e7eb;
1679
+ }
1680
+
1681
+ .kg-toggle-card {
1682
+ background: transparent;
1683
+ padding: 20px;
1684
+ margin-bottom: 1.5em;
1685
+ border-radius: 4px;
1686
+ border: 1px solid #73818c;
1687
+ }
1688
+
1689
+
1690
+ /* -------------------------------------
1691
+ HEADER, FOOTER, MAIN
1692
+ ------------------------------------- */
1693
+ .main {
1694
+ background: #ffffff;
1695
+ border-radius: 3px;
1696
+ border-spacing: 20px 0;
1697
+ width: 100%;
1698
+ }
1699
+
1700
+ .wrapper {
1701
+ box-sizing: border-box;
1702
+ }
1703
+
1704
+ .content-block {
1705
+ padding-bottom: 10px;
1706
+ padding-top: 10px;
1707
+ }
1708
+
1709
+ .footer {
1710
+ color: #73818c;
1711
+ margin-top: 20px;
1712
+ text-align: center;
1713
+ font-size: 13px!important;
1714
+ padding-bottom: 10px;
1715
+ padding-top: 10px;
1716
+ padding-left: 30px;
1717
+ padding-right: 30px;
1718
+ line-height: 1.5em;
1719
+ }
1720
+
1721
+ .footer a {
1722
+ color: #73818c;
1723
+ text-decoration: underline;
1724
+ font-size: 13px;
1725
+ }
1726
+
1727
+ /* -------------------------------------
1728
+ BUTTONS
1729
+ ------------------------------------- */
1730
+
1731
+ {{#hasFeature "emailCustomizationAlpha"}}
1732
+ table.btn {
1733
+ box-sizing: border-box;
1734
+ width: auto;
1735
+ }
1736
+ table.btn td {
1737
+ padding: 8px 20px 9px;
1738
+ background-color: #ffffff;
1739
+ border-radius: {{buttonBorderRadius}};
1740
+ text-align: center;
1741
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
1742
+ }
1743
+
1744
+ table.btn a {
1745
+ border-radius: {{buttonBorderRadius}};
1746
+ box-sizing: border-box;
1747
+ color: #15212A;
1748
+ cursor: pointer;
1749
+ display: inline-block;
1750
+ font-size: 15px;
1751
+ font-weight: 600;
1752
+ margin: 0;
1753
+ text-decoration: none;
1754
+ }
1755
+
1756
+ table.btn-accent td {
1757
+ background-color: {{adjustedAccentColor}};
1758
+ }
1759
+
1760
+ table.btn-accent a {
1761
+ background-color: {{adjustedAccentColor}};
1762
+ border-color: {{adjustedAccentColor}};
1763
+ color: {{adjustedAccentContrastColor}};
1764
+ }
1765
+ {{else}}
1766
+ .btn {
1767
+ box-sizing: border-box;
1768
+ width: 100%;
1769
+ display: table;
1770
+ }
1771
+
1772
+ .btn>tbody>tr>td {
1773
+ padding-bottom: 15px;
1774
+ }
1775
+
1776
+ .btn table {
1777
+ width: auto;
1778
+ }
1779
+
1780
+ .btn table td {
1781
+ background-color: #ffffff;
1782
+ border-radius: 5px;
1783
+ {{#hasFeature "emailCustomizationAlpha"}}
1784
+ border-radius: {{buttonBorderRadius}};
1785
+ {{/hasFeature}}
1786
+ text-align: center;
1787
+ font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
1788
+ }
1789
+
1790
+ .btn a {
1791
+ background-color: #ffffff;
1792
+ border: solid 1px #3498db;
1793
+ border-radius: 5px;
1794
+ {{#hasFeature "emailCustomizationAlpha"}}
1795
+ border-radius: {{buttonBorderRadius}};
1796
+ {{/hasFeature}}
1797
+ box-sizing: border-box;
1798
+ color: #3498db;
1799
+ cursor: pointer;
1800
+ display: inline-block;
1801
+ font-size: 14px;
1802
+ font-weight: bold;
1803
+ margin: 0;
1804
+ padding: 12px 25px;
1805
+ text-decoration: none;
1806
+ }
1807
+
1808
+ .btn-primary table td {
1809
+ background-color: #3498db;
1810
+ }
1811
+
1812
+ .btn-primary a {
1813
+ background-color: #3498db;
1814
+ border-color: #3498db;
1815
+ color: #ffffff;
1816
+ }
1817
+
1818
+ .btn-accent table td {
1819
+ background-color: {{adjustedAccentColor}};
1820
+ }
1821
+
1822
+ .btn-accent a {
1823
+ background-color: {{adjustedAccentColor}};
1824
+ border-color: {{adjustedAccentColor}};
1825
+ color: {{adjustedAccentContrastColor}};
1826
+ }
1827
+ {{/hasFeature}}
1828
+ /* -------------------------------------
1829
+ OTHER STYLES THAT MIGHT BE USEFUL
1830
+ ------------------------------------- */
1831
+ .last {
1832
+ margin-bottom: 0;
1833
+ }
1834
+
1835
+ .first {
1836
+ margin-top: 0;
1837
+ }
1838
+
1839
+ .align-center {
1840
+ text-align: center;
1841
+ }
1842
+
1843
+ .align-right {
1844
+ text-align: right;
1845
+ }
1846
+
1847
+ .align-left {
1848
+ text-align: left;
1849
+ }
1850
+
1851
+ .clear {
1852
+ clear: both;
1853
+ }
1854
+
1855
+ .mt0 {
1856
+ margin-top: 0;
1857
+ }
1858
+
1859
+ .mb0 {
1860
+ margin-bottom: 0;
1861
+ }
1862
+
1863
+ .preheader {
1864
+ color: transparent;
1865
+ display: none;
1866
+ height: 0;
1867
+ max-height: 0;
1868
+ max-width: 0;
1869
+ opacity: 0;
1870
+ overflow: hidden;
1871
+ mso-hide: all;
1872
+ visibility: hidden;
1873
+ width: 0;
1874
+ }
1875
+
1876
+ .mobile-only {
1877
+ display: none;
1878
+ }
1879
+
1880
+ .hide-desktop {
1881
+ display: none;
1882
+ }
1883
+
1884
+ /* -------------------------------------
1885
+ RESPONSIVE AND MOBILE FRIENDLY STYLES
1886
+ ------------------------------------- */
1887
+ @media only screen and (max-width: 620px) {
1888
+
1889
+ table.body {
1890
+ width: 100%;
1891
+ min-width: 100%;
1892
+ }
1893
+
1894
+ .hide-mobile {
1895
+ display: none;
1896
+ }
1897
+
1898
+ .mobile-only {
1899
+ display: initial !important;
1900
+ }
1901
+
1902
+ .hide-desktop {
1903
+ display: initial !important;
1904
+ }
1905
+
1906
+ .desktop-only {
1907
+ display: none !important;
1908
+ }
1909
+
1910
+ table.body p,
1911
+ table.body ul,
1912
+ table.body ol,
1913
+ table.body td {
1914
+ font-size: 16px;
1915
+ }
1916
+
1917
+ table.body .post-excerpt {
1918
+ font-size: 16px !important;
1919
+ }
1920
+
1921
+ table.body .kg-callout-card {
1922
+ padding: 16px 24px !important;
1923
+ }
1924
+
1925
+ table.body .kg-callout-text {
1926
+ font-size: 16px !important;
1927
+ line-height: 1.5em !important;
1928
+ }
1929
+
1930
+ table.body pre {
1931
+ white-space: pre-wrap !important;
1932
+ word-break: break-word !important;
1933
+ }
1934
+
1935
+ table.body .content {
1936
+ padding: 0 !important;
1937
+ }
1938
+
1939
+ table.body .container {
1940
+ padding: 0 !important;
1941
+ width: 100% !important;
1942
+ }
1943
+
1944
+ table.body .main {
1945
+ border-spacing: 10px 0 !important;
1946
+ border-left-width: 0 !important;
1947
+ border-radius: 0 !important;
1948
+ border-right-width: 0 !important;
1949
+ }
1950
+
1951
+ {{#hasFeature "emailCustomizationAlpha"}}
1952
+ {{else}}
1953
+ table.body .btn table {
1954
+ width: 100% !important;
1955
+ }
1956
+
1957
+ table.body .btn a {
1958
+ width: 100% !important;
1959
+ }
1960
+ {{/hasFeature}}
1961
+
1962
+ table.body .img-responsive {
1963
+ height: auto !important;
1964
+ max-width: 100% !important;
1965
+ width: auto !important;
1966
+ }
1967
+
1968
+ table.body .site-icon {
1969
+ padding-top: 0 !important;
1970
+ }
1971
+
1972
+ table.body .site-info {
1973
+ padding-top: 24px !important;
1974
+ }
1975
+
1976
+ table.body .post-title-link {
1977
+ margin-top: 24px !important;
1978
+ }
1979
+
1980
+ table.body .post-meta-wrapper {
1981
+ padding-bottom: 24px !important;
1982
+ }
1983
+
1984
+ table.body .site-icon img {
1985
+ width: 36px !important;
1986
+ height: 36px !important;
1987
+ }
1988
+
1989
+ table.body .site-url a {
1990
+ font-size: 13px !important;
1991
+ padding-bottom: 16px !important;
1992
+ }
1993
+
1994
+ table.body .post-meta,
1995
+ table.body .post-meta-date {
1996
+ white-space: normal !important;
1997
+ font-size: 13px !important;
1998
+ line-height: 1.2em;
1999
+ }
2000
+
2001
+ table.body .post-meta,
2002
+ table.body .view-online {
2003
+ width: 100% !important;
2004
+ }
2005
+
2006
+ table.body .post-meta-left,
2007
+ table.body .post-meta-left.view-online {
2008
+ width: 100% !important;
2009
+ text-align: left !important;
2010
+ }
2011
+
2012
+ table.body .post-meta.view-online-mobile {
2013
+ display: table-row !important;
2014
+ }
2015
+
2016
+ table.body .post-meta-left.view-online-mobile,
2017
+ table.body .post-meta-left.view-online-mobile .view-online {
2018
+ text-align: left !important;
2019
+ }
2020
+
2021
+ table.body .post-meta.view-online.desktop {
2022
+ display: none !important;
2023
+ }
2024
+
2025
+ table.body .view-online {
2026
+ text-decoration: underline;
2027
+ }
2028
+
2029
+
2030
+ table.body .footer p, table.body .footer p span {
2031
+ font-size: 13px !important;
2032
+ }
2033
+
2034
+ table.body .view-online-link,
2035
+ table.body .footer,
2036
+ table.body .footer a {
2037
+ font-size: 13px !important;
2038
+ }
2039
+
2040
+ table.body .post-title a {
2041
+ font-size: 26px !important;
2042
+ line-height: 1.1em !important;
2043
+ }
2044
+
2045
+ table.feedback-buttons {
2046
+ display: table !important;
2047
+ width: 100% !important;
2048
+ max-width: 390px;
2049
+ }
2050
+
2051
+ table.feedback-buttons img {
2052
+ display: inherit !important;
2053
+ }
2054
+
2055
+ table.body .feedback-button-text {
2056
+ display: none!important;
2057
+ }
2058
+
2059
+ table.body .latest-posts-header {
2060
+ font-size: 12px !important;
2061
+ }
2062
+
2063
+ table.body .latest-post-title {
2064
+ padding-right: 8px !important;
2065
+ }
2066
+
2067
+ table.body .latest-post h4, table.body .latest-post h4 span {
2068
+ padding: 4px 0 6px !important;
2069
+ font-size: 15px !important;
2070
+ }
2071
+
2072
+ table.body .latest-post-excerpt,
2073
+ table.body .latest-post-excerpt a,
2074
+ table.body .latest-post-excerpt span {
2075
+ font-size: 13px !important;
2076
+ line-height: 1.2 !important;
2077
+ }
2078
+
2079
+ table.body .subscription-box h3 {
2080
+ font-size: 14px !important;
2081
+ }
2082
+
2083
+ table.body .subscription-box p,
2084
+ table.body .subscription-box p span {
2085
+ font-size: 13px !important;
2086
+ }
2087
+
2088
+ table.body .subscription-details,
2089
+ table.body .manage-subscription {
2090
+ display: inline-block;
2091
+ width: 100%;
2092
+ text-align: left !important;
2093
+ font-size: 13px !important;
2094
+ }
2095
+
2096
+ table.body .subscription-details {
2097
+ padding-bottom: 12px;
2098
+ }
2099
+
2100
+ table.body .kg-bookmark-card {
2101
+ width: 90vw;
2102
+ }
2103
+
2104
+ table.body .kg-bookmark-thumbnail {
2105
+ display: none !important;
2106
+ }
2107
+
2108
+ table.body .kg-bookmark-metadata span {
2109
+ font-size: 13px !important;
2110
+ }
2111
+
2112
+ table.body .kg-embed-card {
2113
+ max-width: 90vw !important;
2114
+ }
2115
+
2116
+ table.body h1 {
2117
+ font-size: 32px !important;
2118
+ line-height: 1.3em !important;
2119
+ }
2120
+
2121
+ table.body h2,
2122
+ table.body h2 span {
2123
+ font-size: 26px !important;
2124
+ line-height: 1.22em !important;
2125
+ }
2126
+
2127
+ table.body h3 {
2128
+ font-size: 21px !important;
2129
+ line-height: 1.25em !important;
2130
+ }
2131
+
2132
+ table.body h4 {
2133
+ font-size: 19px !important;
2134
+ line-height: 1.3em !important;
2135
+ }
2136
+
2137
+ table.body h5 {
2138
+ font-size: 16px !important;
2139
+ line-height: 1.4em !important;
2140
+ }
2141
+
2142
+ table.body h6 {
2143
+ font-size: 16px !important;
2144
+ line-height: 1.4em !important;
2145
+ }
2146
+
2147
+ table.body blockquote {
2148
+ font-size: 16px !important;
2149
+ line-height: 1.6em;
2150
+ margin-bottom: 0;
2151
+ }
2152
+
2153
+ table.body blockquote p {
2154
+ margin-right: 15px !important;
2155
+ margin-left: 15px !important;
2156
+ }
2157
+
2158
+ table.body blockquote.kg-blockquote-alt {
2159
+ border-left: 0 none !important;
2160
+ margin: 0 !important;
2161
+ font-size: 18px !important;
2162
+ line-height: 1.4em !important;
2163
+ }
2164
+
2165
+ table.body blockquote.kg-blockquote-alt p {
2166
+ margin-right: 20px !important;
2167
+ margin-left: 20px !important;
2168
+ }
2169
+
2170
+ table.body hr {
2171
+ margin: 2em 0 !important;
2172
+ }
2173
+
2174
+ {{#hasFeature "emailCustomizationAlpha"}}
2175
+ {{else}}
2176
+ table.body .kg-header-card.kg-v2 span {
2177
+ font-size: inherit !important;
2178
+ }
2179
+
2180
+ table.body .kg-header-card.kg-v2 .kg-header-card-content {
2181
+ padding-top: 64px !important;
2182
+ padding-bottom: 64px !important;
2183
+ }
2184
+
2185
+ table.body .kg-header-card.kg-v2 .kg-header-card-image + .kg-header-card-content {
2186
+ padding-top: 52px !important;
2187
+ padding-bottom: 52px !important;
2188
+ }
2189
+
2190
+ table.body .kg-header-card.kg-v2 .kg-header-card-heading {
2191
+ font-size: 2.2em !important;
2192
+ line-height: 1.1 !important;
2193
+ }
2194
+
2195
+ table.body .kg-header-card.kg-v2 .kg-header-card-subheading {
2196
+ line-height: 1.3em !important;
2197
+ }
2198
+ {{/hasFeature}}
2199
+
2200
+ .feature-image-caption {
2201
+ font-size: 13px!important;
2202
+ }
2203
+
2204
+ .kg-card-figcaption {
2205
+ font-size: 13px!important;
2206
+ }
2207
+
2208
+ .kg-card-figcaption p, .kg-card-figcaption p span {
2209
+ font-size: 13px!important;
2210
+ }
2211
+
2212
+ table.body .kg-cta-card {
2213
+ padding: 0 20px;
2214
+ }
2215
+
2216
+ table.body .kg-cta-card.kg-cta-bg-none {
2217
+ padding: 0;
2218
+ }
2219
+
2220
+ table.body .kg-cta-sponsor-label {
2221
+ padding: 10px 0;
2222
+ }
2223
+
2224
+ table.body table.kg-cta-content-wrapper:not(.kg-cta-bg-none.kg-cta-no-dividers table.kg-cta-content-wrapper) {
2225
+ padding: 20px 0;
2226
+ }
2227
+
2228
+ table.body .kg-cta-immersive.kg-cta-has-img:not(.kg-cta-bg-none):not(.kg-cta-no-label) table.kg-cta-content-wrapper {
2229
+ padding-top: 0;
2230
+ }
2231
+
2232
+ table.body .kg-cta-minimal .kg-cta-image-container {
2233
+ padding-right: 20px;
2234
+ }
2235
+
2236
+ table.body .kg-cta-immersive .kg-cta-image-container {
2237
+ padding-bottom: 20px;
2238
+ }
2239
+
2240
+ table.body .kg-cta-immersive.kg-cta-no-text .kg-cta-image-container {
2241
+ padding-bottom: 0;
2242
+ }
2243
+
2244
+ table.body .kg-cta-button-container {
2245
+ padding-top: 16px;
2246
+ }
2247
+
2248
+ table.body .kg-cta-minimal .kg-cta-image-container {
2249
+ display: inline-block !important;
2250
+ width: 100% !important;
2251
+ padding: 0 !important;
2252
+ padding-bottom: 16px !important;
2253
+ padding-right: 0 !important; /* Reset the desktop padding */
2254
+ }
2255
+
2256
+ table.body .kg-cta-minimal .kg-cta-content-inner {
2257
+ display: inline-block !important;
2258
+ width: 100% !important;
2259
+ padding: 0 !important;
2260
+ }
2261
+
2262
+ table.body .kg-cta-minimal img.kg-cta-image {
2263
+ width: 52px !important;
2264
+ height: 52px !important;
2265
+ }
2266
+
2267
+ {{#hasFeature "emailCustomizationAlpha"}}
2268
+ {{else}}
2269
+ table.body .kg-cta-minimal a.kg-cta-button {
2270
+ display: inline-block !important;
2271
+ }
2272
+
2273
+ table.body .kg-cta-minimal table.kg-cta-button-wrapper td {
2274
+ padding: 4px 16px 5px;
2275
+ }
2276
+
2277
+ table.body .kg-cta-immersive .kg-cta-button-wrapper {
2278
+ padding: 6px 18px 7px;
2279
+ }
2280
+ {{/hasFeature}}
2281
+ }
2282
+
2283
+ /* -------------------------------------
2284
+ PRESERVE THESE STYLES IN THE HEAD
2285
+ ------------------------------------- */
2286
+ @media all {
2287
+ .subscription-details p.hidden {
2288
+ display: none !important;
2289
+ }
2290
+
2291
+ .ExternalClass {
2292
+ width: 100%;
2293
+ }
2294
+
2295
+ .ExternalClass,
2296
+ .ExternalClass p,
2297
+ .ExternalClass span,
2298
+ .ExternalClass font,
2299
+ .ExternalClass td,
2300
+ .ExternalClass div {
2301
+ line-height: 100%;
2302
+ }
2303
+
2304
+ .apple-link a {
2305
+ color: inherit !important;
2306
+ font-family: inherit !important;
2307
+ font-size: inherit !important;
2308
+ font-weight: inherit !important;
2309
+ line-height: inherit !important;
2310
+ text-decoration: none !important;
2311
+ }
2312
+
2313
+ #MessageViewBody a {
2314
+ color: inherit;
2315
+ text-decoration: none;
2316
+ font-size: inherit;
2317
+ font-family: inherit;
2318
+ font-weight: inherit;
2319
+ line-height: inherit;
2320
+ }
2321
+
2322
+ {{#hasFeature "emailCustomizationAlpha"}}
2323
+ {{else}}
2324
+ .btn-primary table td:hover {
2325
+ background-color: #34495e !important;
2326
+ }
2327
+
2328
+ .btn-primary a:hover {
2329
+ background-color: #34495e !important;
2330
+ border-color: #34495e !important;
2331
+ }
2332
+ {{/hasFeature}}
2333
+ }
2334
+
2335
+ {{#if showBadge}}
2336
+ .footer-powered {
2337
+ text-align: center;
2338
+ padding-top: 70px;
2339
+ padding-bottom: 40px;
2340
+ }
2341
+
2342
+ .gh-powered {
2343
+ width: 142px;
2344
+ height: 30px;
2345
+ }
2346
+ {{/if}}
2347
+
2348
+ </style>