From c6c913c3e7d2dee8938437935ce77f0b283a6d99 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Thu, 8 Sep 2022 14:40:22 +0100
Subject: [PATCH] Make subtitle more visually distinct from content

---
 static/src/scss/_hero.scss                 | 1 +
 website/common/templates/wagtail_base.html | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/static/src/scss/_hero.scss b/static/src/scss/_hero.scss
index 193c1d0..9d6d3af 100644
--- a/static/src/scss/_hero.scss
+++ b/static/src/scss/_hero.scss
@@ -77,6 +77,7 @@ section.hero {
 
   .subtitle {
     margin-bottom: 0.5rem;
+    font-weight: 300;
   }
 
   .title {
diff --git a/website/common/templates/wagtail_base.html b/website/common/templates/wagtail_base.html
index b1232a0..2e663a2 100644
--- a/website/common/templates/wagtail_base.html
+++ b/website/common/templates/wagtail_base.html
@@ -29,7 +29,7 @@
             {% include "common/breadcrumbs.html" with parents=page.get_parent_pages %}
             <h1 class="title is-spaced">{{ page.hero_title }}</h1>
             {% if page.subtitle %}
-              <h2 class="subtitle">{{ page.subtitle|richtext }}</h2>
+              <h2 class="subtitle is-size-4">{{ page.subtitle|richtext }}</h2>
             {% endif %}
 
             {% include "common/content-details.html" %}