program hero

assets/sass/_theme/sections/diplomas.sass

@@ -104,6 +104,8 @@ ul.diplomas
     flex-wrap: wrap
     font-size: $program-essential-font-size
     margin-bottom: 0
+    margin-top: $spacing3
+    @include meta
     @include media-breakpoint-up(md)
         @include grid(12, false, 0)
         font-size: $program-essential-font-size-md
@@ -125,9 +127,6 @@ ul.diplomas
             padding-top: 0
 
 .diplomas__term
-    .hero
-        .essential
-            margin-top: $spacing3
     ol.programs
         li
             @include grid(2, md)

assets/sass/_theme/sections/programs.sass

@@ -106,4 +106,4 @@ ol.programs
     table
         margin-block-start: 2em
         caption 
-            @include visually-hidden
\ No newline at end of file
+            @include visually-hidden

layouts/partials/diplomas/essential.html

 {{- with . -}}
-  <dl class="essential meta">
+  <dl class="essential">
     {{- if .Params.level -}}
       <dt>{{ i18n "programs.level" }}</dt>
       <dd>{{ partial "PrepareHTML" .Params.level }}</dd>

layouts/partials/programs/essential.html

@@ -2,7 +2,7 @@
 {{- with .Params.diplomas -}}
   {{- $diploma := site.GetPage (printf "/diplomas/%s" .) -}}
   {{- with $diploma -}}
-    <dl class="essential meta">
+    <dl class="essential">
       <dt>{{ i18n "programs.diploma" }}</dt>
       <dd><a href="{{ .Permalink }}">{{ partial "PrepareHTML" .Title }}</a></dd>
       {{- if .Params.level -}}

layouts/partials/programs/hero-single.html

@@ -4,30 +4,32 @@
     {{- if .Params.breadcrumb | default true -}}
       {{ partial "header/breadcrumbs.html" . }}
     {{- end -}}
-    <div>
+    <div class="content">
       <h1>{{ partial "PrepareHTML" $title }}</h1>
     </div>
   </div>
 
-  <section class="container" id="essential">
-    {{- partial "programs/essential" . -}}
-    <div class="buttons">
-      <div class="dropdown-share dropup">
-        <button type="button" id="shareProgram" data-bs-toggle="dropdown" aria-expanded="false">{{ i18n "commons.share" }}</button>
-        <div class="dropdown-menu">
-          {{ partial "commons/share.html" . }}
+  <div id="essential">
+    <div class="container">
+      {{- partial "programs/essential" . -}}
+      <div class="buttons">
+        <div class="dropdown-share dropup">
+          <button type="button" id="shareProgram" data-bs-toggle="dropdown" aria-expanded="false">{{ i18n "commons.share" }}</button>
+          <div class="dropdown-menu">
+            {{ partial "commons/share.html" . }}
+          </div>
         </div>
-      </div>
-      {{ with .Params.downloadable_summary }}
-        {{- $file := partial "GetMedia" . -}}
-        {{- if $file -}}
-          {{- $url := $file.url -}}
-          {{- if site.Params.keycdn -}}
-            {{- $url = $file.direct_url -}}
+        {{ with .Params.downloadable_summary }}
+          {{- $file := partial "GetMedia" . -}}
+          {{- if $file -}}
+            {{- $url := $file.url -}}
+            {{- if site.Params.keycdn -}}
+              {{- $url = $file.direct_url -}}
+            {{- end -}}
+            <a href="{{ $url }}" download target="_blank">{{ i18n "commons.download.singular_name" }}</a>
           {{- end -}}
-          <a href="{{ $url }}" download target="_blank">{{ i18n "commons.download.singular_name" }}</a>
-        {{- end -}}
-      {{ end }}
+        {{ end }}
+      </div>
     </div>
-  </section>
+  </div>
 </header>