From a484225c954eb6257c3c2e9a3cc82b4446256728 Mon Sep 17 00:00:00 2001
From: Andrew Hosgood <andrew.hosgood@nationalarchives.gov.uk>
Date: Mon, 9 Dec 2024 16:01:17 +0000
Subject: [PATCH] Fix broken build

---
 CHANGELOG.md                                          | 2 +-
 src/nationalarchives/components/hero/hero.scss        | 2 +-
 src/nationalarchives/utilities/typography/_index.scss | 7 ++++++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 223cb650..ce8ccf05 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,7 +15,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Shifted and split hero components no longer assume a contrasted background by default
 - `marketing` has been added to the default list of cookie policies
-- Updated the weight of the `tna-large-paragraph` class from the base weight to "medium"
+- Added a `tna-large-paragraph--bold` to change the weight and colour `tna-large-paragraph`
 
 ### Deprecated
 ### Removed
diff --git a/src/nationalarchives/components/hero/hero.scss b/src/nationalarchives/components/hero/hero.scss
index 1ab3256f..6cbb3fb4 100644
--- a/src/nationalarchives/components/hero/hero.scss
+++ b/src/nationalarchives/components/hero/hero.scss
@@ -214,7 +214,7 @@ $shift-units: 5 !default;
     padding: 0;
   }
 
-  @include media.on-larger-than {
+  @include media.on-larger-than-mobile {
     &--shift {
       margin-bottom: spacing.space($shift-units - $padding-units-bottom);
     }
diff --git a/src/nationalarchives/utilities/typography/_index.scss b/src/nationalarchives/utilities/typography/_index.scss
index 14135a12..f70c823c 100644
--- a/src/nationalarchives/utilities/typography/_index.scss
+++ b/src/nationalarchives/utilities/typography/_index.scss
@@ -444,11 +444,16 @@ small {
   @include spacing.space-above;
 
   @include typography.font-size(22);
-  @include typography.main-font-weight-medium;
+  @include colour.colour-font("font-dark");
 
   @include media.on-mobile {
     @include typography.font-size(20);
   }
+
+  &--bold {
+    @include colour.colour-font("font-base");
+    @include typography.main-font-weight-medium;
+  }
 }
 
 .tna-scene-setter {