♿️(fix) styles and template tweaks

Some font-size and styles were not in accordance with AMA standards.
Blogpost template was changed to have only one h1 instead of two.

sites/nau/src/backend/templates/courses/cms/blogpost_detail.html

@@ -0,0 +1,11 @@
+{% extends "courses/cms/blogpost_detail.html" %}
+{% load static category_tags cms_tags extra_tags i18n thumbnail %}
+
+{% block subheader_content %}
+<div class="subheader__container">
+    <h1 class="subheader__title">{% render_model current_page "title" %}</h1>
+</div>
+{% endblock subheader_content %}
+
+{% block title %}
+{% endblock title %}

sites/nau/src/frontend/scss/_extras.scss

@@ -22,8 +22,11 @@
 
 // Shared object overrides
 @import "./extras/components/templates/richie/large_banner/large_banner";
+@import "./extras/components/templates/richie/columns";
 @import "./extras/components/templates/courses/cms/blogpost_details";
 @import "./extras/components/templates/courses/cms/course_detail";
 @import "./extras/components/templates/courses/cms/person_detail";
 @import "./extras/components/templates/courses/cms/category_detail";
-@import "./extras/components/blogpost_glimpses";
+@import "./extras/components/templates/courses/cms/organization_detail";
+@import "./extras/components/templates/courses/cms/program_detail";
+@import "./extras/components/blogpost_glimpses";

sites/nau/src/frontend/scss/extras/_reboot.scss

@@ -2,6 +2,6 @@ a {
   color: r-color("firebrick6");
 
   &:hover {
-    color: r-color("firebrick6");
+    color: r-color("midnightblue");
   }
 }

sites/nau/src/frontend/scss/extras/components/_footer.scss

@@ -63,11 +63,14 @@
   }
 
   &__menu {
+    font-size: 0.925rem;
+
     a {
+      padding: 0.69rem 0;
+
       &:hover {
         color: r-color("greenteal");
-        text-decoration: none;
-        transition: color 0.2s ease;
+        transition: all 0.2s ease;
       }
     }
   }

sites/nau/src/frontend/scss/extras/components/_header.scss

@@ -122,6 +122,7 @@
             background: transparent;
             border-color: transparent;
             text-transform: uppercase;
+            font-size: 0.85rem;
 
             &:hover {
               color: r-color("firebrick6") !important;
@@ -136,6 +137,7 @@
             order: 2;
             background: r-color("firebrick6");
             color: r-color("white");
+            font-size: 0.85rem;
 
             &:hover {
               color: r-color("white") !important;

sites/nau/src/frontend/scss/extras/components/templates/courses/cms/_blogpost_details.scss

@@ -1,9 +1,32 @@
-.blogpost-detail__theme {
-  .category-tag {
-    background: none;
+.blogpost-detail {
+  &__grid-main {
+    a:not(h3 a) {
+      text-decoration: underline;
+    }
+  }
+
+  &__cover {
+    margin-block-end: 2rem;
+  }
+
+  &__excerpt {
+    margin-block-end: 2rem;
+  }
+
+  &__body {
+    h2, h3 {
+      margin-block-start: 2.5rem;
+      margin-block-end: 1.2rem;
+    }
+  }
+
+  &__theme {
+    .category-tag {
+      background: none;
 
-    .category-tag__title {
-      color: r-color("firebrick6");
+      .category-tag__title {
+        color: r-color("firebrick6");
+      }
     }
   }
-}
+}

sites/nau/src/frontend/scss/extras/components/templates/courses/cms/_course_detail.scss

@@ -2,6 +2,10 @@
   &__row {
     margin-top: 2rem;
     text-align: left;
+
+    a {
+      text-decoration: underline;
+    }
   }
 
   // In future remove this block and configure the `checkmark-list-decoration-color` variable

sites/nau/src/frontend/scss/extras/components/templates/courses/cms/_organization_detail.scss

@@ -0,0 +1,7 @@
+.organization-detail {
+  &__row {
+    a:not(h3 a) {
+      text-decoration: underline;
+    }
+  }
+}

sites/nau/src/frontend/scss/extras/components/templates/courses/cms/_program_detail.scss

@@ -0,0 +1,11 @@
+.program-detail {
+  &__row {
+    a:not(h3 a) {
+      text-decoration: underline;
+    }
+  }
+
+  &__excerpt {
+    font-size: 1.2rem;
+  }
+}

sites/nau/src/frontend/scss/extras/components/templates/richie/_columns.scss

@@ -0,0 +1,15 @@
+.single-column,
+.multiple-columns {
+
+  .rich-text-container,
+  .section {
+    a {
+      text-decoration: underline;
+    }
+
+    h2, .h2 {
+      margin-block-start: 2rem;
+      margin-block-end: 1rem;
+    }
+  }
+}

sites/nau/src/frontend/scss/extras/components/templates/richie/large_banner/_large_banner.scss

@@ -208,7 +208,7 @@
     );
     //margin: 1.2rem auto 0;
     margin-left: 0 !important;
-    font-size: $font-size-base;
+    font-size: 0.8rem;
     color: r-theme-val(hero-intro, cta-color);
     border-radius: 2rem;
     border: none;

sites/nau/src/frontend/scss/extras/settings/_variables.scss

@@ -15,6 +15,9 @@ $font-weight-regular: 500; //Rubik only
 
 // Adjust heading sizes
 $extra-font-size: 4.5rem;
+$font-size-base: 1rem;
+$h1-font-size: 2rem;
+$h2-font-size: 1.7rem;
 
 // Topbar height is required to be able to preserve space in some context like
 // when the tobpar is an absolute position, so content won't be placed below.