From f6a4e3d54114d2dd0ea161a59b63732e81923e43 Mon Sep 17 00:00:00 2001
From: poojagunturu96 <poojagunturu96@users.noreply.github.com>
Date: Tue, 9 Jul 2024 15:12:25 +0000
Subject: [PATCH] deploy: f57173bc880837efc50b144136141997626bc95b

---
 anchor-basic-content.html               | 278 +++----
 davis-home.html                         |   4 +-
 icons/sprites/symbol/sprite.symbol.html |   2 +-
 midd-course-list.html                   | 104 +--
 midd-event-list.html                    | 104 +--
 midd-home.html                          | 154 ++--
 midd-profile-detail.html                |  42 +-
 office-library-home.html                |  20 +-
 office-top-level.html                   | 214 +++---
 school-basic-content.html               | 278 +++----
 school-charts.html                      |  10 +-
 school-collection.html                  |  44 +-
 school-course-list.html                 |  54 +-
 school-event-list.html                  | 104 +--
 school-home-blse.html                   |   6 +-
 school-home-college.html                | 348 +++++++--
 school-home-institute.html              | 326 ++++----
 school-home-language-schools.html       |   4 +-
 school-home-schools-abroad.html         |  88 +--
 school-profile-detail.html              | 146 +---
 school-top-level.html                   | 216 +++---
 wrmc-daily-schedule.html                | 136 ++--
 wrmc-top-thirty.html                    |  94 +--
 wrmc-weekly-schedule.html               | 960 ++++++++++++------------
 24 files changed, 1910 insertions(+), 1826 deletions(-)

diff --git a/anchor-basic-content.html b/anchor-basic-content.html
index 2749057a..6ebbb470 100644
--- a/anchor-basic-content.html
+++ b/anchor-basic-content.html
@@ -466,14 +466,14 @@ <h2 class="page-nav__title" id="midd-page-nav-label">
                     signupFormObj.drawForm();
                   </script>
                 </div>
-                <section class="section paragraph" aria-labelledby="section-511-label" data-digest-content>
+                <section class="section paragraph" aria-labelledby="section-300-label" data-digest-content>
                   <div class="section__header">
-                    <h2 class="section__title" id="section-511-label"> Schedule Component </h2>
+                    <h2 class="section__title" id="section-300-label"> Schedule Component </h2>
                     <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                   </div>
                   <div class="schedule-header">
                     <p class="schedule-header__date"> Sunday, December 10 </p>
-                    <h3 id="midd-event-511" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-511" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                    <h3 id="midd-event-300" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-300" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
                     </h3>
                   </div>
                   <div class="schedule-item">
@@ -646,81 +646,81 @@ <h2 class="h3 mb-3"> Was this page helpful? </h2>
                     <input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Submit" class="button button--primary js-form-submit form-submit" />
                   </form>
                 </div>
-                <div class="paragraph flowchart" id="528" data-flowchart>
-                  <div id="flowchart-528-1" class="flowchart__item " data-flowchart-item>
+                <div class="paragraph flowchart" id="767" data-flowchart>
+                  <div id="flowchart-767-1" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Do you need chat functionality? </h3>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-528-2" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-767-2" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-528-3" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-767-3" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-528-2" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-767-2" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Will your chats include sensitive data or will you be collaborating with external guests? </h3>
                     <div class="typography"> Specifically will include sensitive content, not just discussion around sensitive topics – distinguish between “Change the SSN” and “Change SSN from xxx-xx-xxxx to...” </div>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-528-4" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-767-4" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-528-5" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-767-5" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-528-3" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-767-3" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> Do not use chat. </div>
                   </div>
-                  <div id="flowchart-528-4" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-767-4" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Has you department or collaborants selected a tool? </h3>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-528-5" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-767-5" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-528-7" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-767-7" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-528-5" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-767-5" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Teams or Zoom? </h3>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-528-6" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-767-6" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-528-8" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-767-8" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-528-6" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-767-6" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> Use Teams or Zoom. </div>
                   </div>
-                  <div id="flowchart-528-7" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-767-7" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Simple Chat? (vs. a more fully featured, integrated capability?) </h3>
                     <div class="typography"> Lorem ipsum dolor sit, amet consectetur adipisicing elit. </div>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-528-9" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-767-9" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-528-10" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-767-10" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-528-8" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-767-8" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> Use select tool but consider switching to Teams or Zoom. </div>
                   </div>
-                  <div id="flowchart-528-9" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-767-9" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> We suggest Teams. <a href="#">Set up your Teams account</a>. </div>
                   </div>
-                  <div id="flowchart-528-10" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-767-10" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> We suggest Zoom. <a href="#">Set up your Zoom account</a>. </div>
                   </div>
@@ -736,10 +736,10 @@ <h2 class="section__title"> Portrait video group </h2>
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-763">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-465">
                             <img src="https://via.placeholder.com/306x554" srcset="https://via.placeholder.com/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-763"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-465"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -747,12 +747,12 @@ <h3 class="portrait-video__title" id="midd-video-label-763"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-763 mt-2">
-                          <a href="#midd-transcript-763" class="transcript__button" data-toggle-target=".js-transcript-763" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-465 mt-2">
+                          <a href="#midd-transcript-465" class="transcript__button" data-toggle-target=".js-transcript-465" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-763">
+                          <div class="transcript__body" id="midd-transcript-465">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -763,10 +763,10 @@ <h3 class="portrait-video__title" id="midd-video-label-763"> What do students do
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-809">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-255">
                             <img src="https://via.placeholder.com/306x554" srcset="https://via.placeholder.com/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-809"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-255"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -774,12 +774,12 @@ <h3 class="portrait-video__title" id="midd-video-label-809"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-809 mt-2">
-                          <a href="#midd-transcript-809" class="transcript__button" data-toggle-target=".js-transcript-809" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-255 mt-2">
+                          <a href="#midd-transcript-255" class="transcript__button" data-toggle-target=".js-transcript-255" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-809">
+                          <div class="transcript__body" id="midd-transcript-255">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -790,10 +790,10 @@ <h3 class="portrait-video__title" id="midd-video-label-809"> What do students do
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-107">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-999">
                             <img src="https://via.placeholder.com/306x554" srcset="https://via.placeholder.com/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-107"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-999"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -801,12 +801,12 @@ <h3 class="portrait-video__title" id="midd-video-label-107"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-107 mt-2">
-                          <a href="#midd-transcript-107" class="transcript__button" data-toggle-target=".js-transcript-107" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-999 mt-2">
+                          <a href="#midd-transcript-999" class="transcript__button" data-toggle-target=".js-transcript-999" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-107">
+                          <div class="transcript__body" id="midd-transcript-999">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -817,10 +817,10 @@ <h3 class="portrait-video__title" id="midd-video-label-107"> What do students do
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1114">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-149">
                             <img src="https://via.placeholder.com/306x554" srcset="https://via.placeholder.com/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-1114"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-149"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -828,12 +828,12 @@ <h3 class="portrait-video__title" id="midd-video-label-1114"> What do students d
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-1114 mt-2">
-                          <a href="#midd-transcript-1114" class="transcript__button" data-toggle-target=".js-transcript-1114" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-149 mt-2">
+                          <a href="#midd-transcript-149" class="transcript__button" data-toggle-target=".js-transcript-149" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-1114">
+                          <div class="transcript__body" id="midd-transcript-149">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -844,10 +844,10 @@ <h3 class="portrait-video__title" id="midd-video-label-1114"> What do students d
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-402">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-952">
                             <img src="https://via.placeholder.com/306x554" srcset="https://via.placeholder.com/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-402"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-952"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -855,12 +855,12 @@ <h3 class="portrait-video__title" id="midd-video-label-402"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-402 mt-2">
-                          <a href="#midd-transcript-402" class="transcript__button" data-toggle-target=".js-transcript-402" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-952 mt-2">
+                          <a href="#midd-transcript-952" class="transcript__button" data-toggle-target=".js-transcript-952" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-402">
+                          <div class="transcript__body" id="midd-transcript-952">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -887,7 +887,7 @@ <h2 class="section__title"> Video group </h2>
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-127">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-585">
                             <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -898,14 +898,14 @@ <h2 class="section__title"> Video group </h2>
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-127">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-585">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-127 grid-video__transcript">
-                            <a href="#midd-transcript-127" class="transcript__button" data-toggle-target=".js-transcript-127" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-585 grid-video__transcript">
+                            <a href="#midd-transcript-585" class="transcript__button" data-toggle-target=".js-transcript-585" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-127">
+                            <div class="transcript__body" id="midd-transcript-585">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -918,7 +918,7 @@ <h3 class=video__title id="midd-video-label-127">Practical Skills for Positive C
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-924">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-866">
                             <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -929,14 +929,14 @@ <h3 class=video__title id="midd-video-label-127">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-924">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-866">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-924 grid-video__transcript">
-                            <a href="#midd-transcript-924" class="transcript__button" data-toggle-target=".js-transcript-924" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-866 grid-video__transcript">
+                            <a href="#midd-transcript-866" class="transcript__button" data-toggle-target=".js-transcript-866" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-924">
+                            <div class="transcript__body" id="midd-transcript-866">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -949,7 +949,7 @@ <h3 class=video__title id="midd-video-label-924">Practical Skills for Positive C
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-794">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-807">
                             <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -960,14 +960,14 @@ <h3 class=video__title id="midd-video-label-924">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-794">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-807">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-794 grid-video__transcript">
-                            <a href="#midd-transcript-794" class="transcript__button" data-toggle-target=".js-transcript-794" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-807 grid-video__transcript">
+                            <a href="#midd-transcript-807" class="transcript__button" data-toggle-target=".js-transcript-807" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-794">
+                            <div class="transcript__body" id="midd-transcript-807">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -980,7 +980,7 @@ <h3 class=video__title id="midd-video-label-794">Practical Skills for Positive C
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1096">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1146">
                             <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -991,14 +991,14 @@ <h3 class=video__title id="midd-video-label-794">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-1096">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-1146">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-1096 grid-video__transcript">
-                            <a href="#midd-transcript-1096" class="transcript__button" data-toggle-target=".js-transcript-1096" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-1146 grid-video__transcript">
+                            <a href="#midd-transcript-1146" class="transcript__button" data-toggle-target=".js-transcript-1146" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-1096">
+                            <div class="transcript__body" id="midd-transcript-1146">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1011,7 +1011,7 @@ <h3 class=video__title id="midd-video-label-1096">Practical Skills for Positive
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-680">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-29">
                             <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -1022,14 +1022,14 @@ <h3 class=video__title id="midd-video-label-1096">Practical Skills for Positive
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-680">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-29">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-680 grid-video__transcript">
-                            <a href="#midd-transcript-680" class="transcript__button" data-toggle-target=".js-transcript-680" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-29 grid-video__transcript">
+                            <a href="#midd-transcript-29" class="transcript__button" data-toggle-target=".js-transcript-29" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-680">
+                            <div class="transcript__body" id="midd-transcript-29">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -2498,14 +2498,14 @@ <h3>
                   <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h2>
                   <p>Lorem ipsum, dolor sit amet <a href="">consectetur</a> adipisicing elit. Rerum commodi qui dolor, voluptas praesentium numquam assumenda harum enim alias nihil recusandae expedita. Ipsam nobis eum porro beatae magni laudantium incidunt?</p>
                 </div>
-                <section class="section paragraph" aria-labelledby="section-1194-label" data-digest-content>
+                <section class="section paragraph" aria-labelledby="section-1088-label" data-digest-content>
                   <div class="section__header">
-                    <h2 class="section__title" id="section-1194-label"> Schedule Component </h2>
+                    <h2 class="section__title" id="section-1088-label"> Schedule Component </h2>
                     <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                   </div>
                   <div class="schedule-header">
                     <p class="schedule-header__date"> Sunday, December 10 </p>
-                    <h3 id="midd-event-1194" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-1194" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                    <h3 id="midd-event-1088" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-1088" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
                     </h3>
                   </div>
                   <div class="schedule-item">
@@ -2662,153 +2662,153 @@ <h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3>
                 <section class="section paragraph--faq" data-digest-content>
                   <h2 class="section__title"> Frequently Asked Questions </h2>
                   <div class="accordion">
-                    <div class="accordion-item js-accordion-item-235">
+                    <div class="accordion-item js-accordion-item-949">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-235" class="accordion-item__link" data-toggle-target=".js-accordion-item-235" aria-expanded="false" aria-controls="midd-accordion-content-235" aria-labelledby="midd-accordion-item-label-235" role="button">
+                        <a href="#midd-accordion-item-label-949" class="accordion-item__link" data-toggle-target=".js-accordion-item-949" aria-expanded="false" aria-controls="midd-accordion-content-949" aria-labelledby="midd-accordion-item-label-949" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-235"><span class="badge badge--primary mr-2">New</span>Lorem ipsum dolor sit amet, consectetur adipiscing elitc?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-949"><span class="badge badge--primary mr-2">New</span>Lorem ipsum dolor sit amet, consectetur adipiscing elitc?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-235" role="tabpanel" aria-labelledby="midd-accordion-item-label-235">
+                      <div class="accordion-item__content" id="midd-accordion-content-949" role="tabpanel" aria-labelledby="midd-accordion-item-label-949">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-323">
+                    <div class="accordion-item js-accordion-item-1149">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-323" class="accordion-item__link" data-toggle-target=".js-accordion-item-323" aria-expanded="false" aria-controls="midd-accordion-content-323" aria-labelledby="midd-accordion-item-label-323" role="button">
+                        <a href="#midd-accordion-item-label-1149" class="accordion-item__link" data-toggle-target=".js-accordion-item-1149" aria-expanded="false" aria-controls="midd-accordion-content-1149" aria-labelledby="midd-accordion-item-label-1149" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-323"><span class="badge badge--primary mr-2">Updated</span>Lorem ipsum dolor sit amet elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-1149"><span class="badge badge--primary mr-2">Updated</span>Lorem ipsum dolor sit amet elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-323" role="tabpanel" aria-labelledby="midd-accordion-item-label-323">
+                      <div class="accordion-item__content" id="midd-accordion-content-1149" role="tabpanel" aria-labelledby="midd-accordion-item-label-1149">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-309">
+                    <div class="accordion-item js-accordion-item-359">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-309" class="accordion-item__link" data-toggle-target=".js-accordion-item-309" aria-expanded="false" aria-controls="midd-accordion-content-309" aria-labelledby="midd-accordion-item-label-309" role="button">
+                        <a href="#midd-accordion-item-label-359" class="accordion-item__link" data-toggle-target=".js-accordion-item-359" aria-expanded="false" aria-controls="midd-accordion-content-359" aria-labelledby="midd-accordion-item-label-359" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-309">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-359">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-309" role="tabpanel" aria-labelledby="midd-accordion-item-label-309">
+                      <div class="accordion-item__content" id="midd-accordion-content-359" role="tabpanel" aria-labelledby="midd-accordion-item-label-359">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-138">
+                    <div class="accordion-item js-accordion-item-109">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-138" class="accordion-item__link" data-toggle-target=".js-accordion-item-138" aria-expanded="false" aria-controls="midd-accordion-content-138" aria-labelledby="midd-accordion-item-label-138" role="button">
+                        <a href="#midd-accordion-item-label-109" class="accordion-item__link" data-toggle-target=".js-accordion-item-109" aria-expanded="false" aria-controls="midd-accordion-content-109" aria-labelledby="midd-accordion-item-label-109" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-138">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-109">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-138" role="tabpanel" aria-labelledby="midd-accordion-item-label-138">
+                      <div class="accordion-item__content" id="midd-accordion-content-109" role="tabpanel" aria-labelledby="midd-accordion-item-label-109">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-940">
+                    <div class="accordion-item js-accordion-item-80">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-940" class="accordion-item__link" data-toggle-target=".js-accordion-item-940" aria-expanded="false" aria-controls="midd-accordion-content-940" aria-labelledby="midd-accordion-item-label-940" role="button">
+                        <a href="#midd-accordion-item-label-80" class="accordion-item__link" data-toggle-target=".js-accordion-item-80" aria-expanded="false" aria-controls="midd-accordion-content-80" aria-labelledby="midd-accordion-item-label-80" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-940">Lorem iipsum consectetur adipiscing elit lorem ipsum psum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-80">Lorem iipsum consectetur adipiscing elit lorem ipsum psum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-940" role="tabpanel" aria-labelledby="midd-accordion-item-label-940">
+                      <div class="accordion-item__content" id="midd-accordion-content-80" role="tabpanel" aria-labelledby="midd-accordion-item-label-80">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-883">
+                    <div class="accordion-item js-accordion-item-291">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-883" class="accordion-item__link" data-toggle-target=".js-accordion-item-883" aria-expanded="false" aria-controls="midd-accordion-content-883" aria-labelledby="midd-accordion-item-label-883" role="button">
+                        <a href="#midd-accordion-item-label-291" class="accordion-item__link" data-toggle-target=".js-accordion-item-291" aria-expanded="false" aria-controls="midd-accordion-content-291" aria-labelledby="midd-accordion-item-label-291" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-883">Lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-291">Lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-883" role="tabpanel" aria-labelledby="midd-accordion-item-label-883">
+                      <div class="accordion-item__content" id="midd-accordion-content-291" role="tabpanel" aria-labelledby="midd-accordion-item-label-291">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-872">
+                    <div class="accordion-item js-accordion-item-441">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-872" class="accordion-item__link" data-toggle-target=".js-accordion-item-872" aria-expanded="false" aria-controls="midd-accordion-content-872" aria-labelledby="midd-accordion-item-label-872" role="button">
+                        <a href="#midd-accordion-item-label-441" class="accordion-item__link" data-toggle-target=".js-accordion-item-441" aria-expanded="false" aria-controls="midd-accordion-content-441" aria-labelledby="midd-accordion-item-label-441" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-872">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-441">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-872" role="tabpanel" aria-labelledby="midd-accordion-item-label-872">
+                      <div class="accordion-item__content" id="midd-accordion-content-441" role="tabpanel" aria-labelledby="midd-accordion-item-label-441">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-683">
+                    <div class="accordion-item js-accordion-item-768">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-683" class="accordion-item__link" data-toggle-target=".js-accordion-item-683" aria-expanded="false" aria-controls="midd-accordion-content-683" aria-labelledby="midd-accordion-item-label-683" role="button">
+                        <a href="#midd-accordion-item-label-768" class="accordion-item__link" data-toggle-target=".js-accordion-item-768" aria-expanded="false" aria-controls="midd-accordion-content-768" aria-labelledby="midd-accordion-item-label-768" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-683">Lorem ipsum dolor sit amet elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-768">Lorem ipsum dolor sit amet elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-683" role="tabpanel" aria-labelledby="midd-accordion-item-label-683">
+                      <div class="accordion-item__content" id="midd-accordion-content-768" role="tabpanel" aria-labelledby="midd-accordion-item-label-768">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-110">
+                    <div class="accordion-item js-accordion-item-91">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-110" class="accordion-item__link" data-toggle-target=".js-accordion-item-110" aria-expanded="false" aria-controls="midd-accordion-content-110" aria-labelledby="midd-accordion-item-label-110" role="button">
+                        <a href="#midd-accordion-item-label-91" class="accordion-item__link" data-toggle-target=".js-accordion-item-91" aria-expanded="false" aria-controls="midd-accordion-content-91" aria-labelledby="midd-accordion-item-label-91" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-110">Lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-91">Lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-110" role="tabpanel" aria-labelledby="midd-accordion-item-label-110">
+                      <div class="accordion-item__content" id="midd-accordion-content-91" role="tabpanel" aria-labelledby="midd-accordion-item-label-91">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2817,16 +2817,16 @@ <h3 class="accordion-item__title" role="tab">
                     </div>
                   </div>
                 </section>
-                <section class="section paragraph--course-list js-filter-1214" data-digest-content>
+                <section class="section paragraph--course-list js-filter-26" data-digest-content>
                   <div class="section__header">
                     <h2 class="section__title"> Course Title </h2>
                     <p class="section__text"> These are the courses I teach. </p>
                   </div>
                   <div class="accordion">
-                    <div class="accordion-item js-accordion-item-256 accordion-item-current accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-281 accordion-item-current accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-256" class="accordion-item__link" data-toggle-target=".js-accordion-item-256" aria-expanded="false" aria-controls="midd-accordion-content-256" aria-labelledby="midd-accordion-item-label-256" role="button">
-                          <span id="midd-accordion-item-label-256">
+                        <a href="#midd-accordion-item-label-281" class="accordion-item__link" data-toggle-target=".js-accordion-item-281" aria-expanded="false" aria-controls="midd-accordion-content-281" aria-labelledby="midd-accordion-item-label-281" role="button">
+                          <span id="midd-accordion-item-label-281">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span><span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Ecology and Evolution
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2834,7 +2834,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-256" role="tabpanel" aria-labelledby="midd-accordion-item-label-256">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-281" role="tabpanel" aria-labelledby="midd-accordion-item-label-281">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2850,10 +2850,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-1099">
+                    <div class="accordion-item js-accordion-item-898">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1099" class="accordion-item__link" data-toggle-target=".js-accordion-item-1099" aria-expanded="false" aria-controls="midd-accordion-content-1099" aria-labelledby="midd-accordion-item-label-1099" role="button">
-                          <span id="midd-accordion-item-label-1099">
+                        <a href="#midd-accordion-item-label-898" class="accordion-item__link" data-toggle-target=".js-accordion-item-898" aria-expanded="false" aria-controls="midd-accordion-content-898" aria-labelledby="midd-accordion-item-label-898" role="button">
+                          <span id="midd-accordion-item-label-898">
                             <p class="accordion-item__label--bold">biol 0140</p> Film and Television, from Apocolipse Now to the Simpsons
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2861,7 +2861,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-1099" role="tabpanel" aria-labelledby="midd-accordion-item-label-1099">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-898" role="tabpanel" aria-labelledby="midd-accordion-item-label-898">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2872,10 +2872,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-575 accordion-item-current">
+                    <div class="accordion-item js-accordion-item-887 accordion-item-current">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-575" class="accordion-item__link" data-toggle-target=".js-accordion-item-575" aria-expanded="false" aria-controls="midd-accordion-content-575" aria-labelledby="midd-accordion-item-label-575" role="button">
-                          <span id="midd-accordion-item-label-575">
+                        <a href="#midd-accordion-item-label-887" class="accordion-item__link" data-toggle-target=".js-accordion-item-887" aria-expanded="false" aria-controls="midd-accordion-content-887" aria-labelledby="midd-accordion-item-label-887" role="button">
+                          <span id="midd-accordion-item-label-887">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span></p> Biology of Plants Growing in the Forest
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2883,7 +2883,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-575" role="tabpanel" aria-labelledby="midd-accordion-item-label-575">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-887" role="tabpanel" aria-labelledby="midd-accordion-item-label-887">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2898,10 +2898,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-1170 accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-487 accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1170" class="accordion-item__link" data-toggle-target=".js-accordion-item-1170" aria-expanded="false" aria-controls="midd-accordion-content-1170" aria-labelledby="midd-accordion-item-label-1170" role="button">
-                          <span id="midd-accordion-item-label-1170">
+                        <a href="#midd-accordion-item-label-487" class="accordion-item__link" data-toggle-target=".js-accordion-item-487" aria-expanded="false" aria-controls="midd-accordion-content-487" aria-labelledby="midd-accordion-item-label-487" role="button">
+                          <span id="midd-accordion-item-label-487">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Tropical Ecology and how reefs grow
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2909,7 +2909,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-1170" role="tabpanel" aria-labelledby="midd-accordion-item-label-1170">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-487" role="tabpanel" aria-labelledby="midd-accordion-item-label-487">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2920,10 +2920,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-1137">
+                    <div class="accordion-item js-accordion-item-658">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1137" class="accordion-item__link" data-toggle-target=".js-accordion-item-1137" aria-expanded="false" aria-controls="midd-accordion-content-1137" aria-labelledby="midd-accordion-item-label-1137" role="button">
-                          <span id="midd-accordion-item-label-1137">
+                        <a href="#midd-accordion-item-label-658" class="accordion-item__link" data-toggle-target=".js-accordion-item-658" aria-expanded="false" aria-controls="midd-accordion-content-658" aria-labelledby="midd-accordion-item-label-658" role="button">
+                          <span id="midd-accordion-item-label-658">
                             <p class="accordion-item__label--bold">biol 0140</p> Teaching Literature from Around the World
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2931,7 +2931,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-1137" role="tabpanel" aria-labelledby="midd-accordion-item-label-1137">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-658" role="tabpanel" aria-labelledby="midd-accordion-item-label-658">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -3216,7 +3216,7 @@ <h2> Two Column Text Heading </h2>
                   <!-- video iframe html should be escaped -->
                   <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                     <div class="video__content js-video-content">
-                      <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-492">
+                      <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-859">
                         <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                         <span class="button  button--primary video__button"> Play <span class="ml-3">
                             <svg class="icon  " focusable="false" aria-hidden="true">
@@ -3227,14 +3227,14 @@ <h2> Two Column Text Heading </h2>
                       </a>
                     </div>
                     <figcaption class=" video__body">
-                      <h3 class=video__title id="midd-video-label-492">Practical Skills for Positive Change</h3>
+                      <h3 class=video__title id="midd-video-label-859">Practical Skills for Positive Change</h3>
                       <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                      <div class="transcript js-transcript-492 grid-video__transcript">
-                        <a href="#midd-transcript-492" class="transcript__button" data-toggle-target=".js-transcript-492" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                      <div class="transcript js-transcript-859 grid-video__transcript">
+                        <a href="#midd-transcript-859" class="transcript__button" data-toggle-target=".js-transcript-859" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
-                        <div class="transcript__body" id="midd-transcript-492">
+                        <div class="transcript__body" id="midd-transcript-859">
                           <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                           <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                           <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
diff --git a/davis-home.html b/davis-home.html
index 42ee5a9c..51fb0e7f 100644
--- a/davis-home.html
+++ b/davis-home.html
@@ -360,12 +360,12 @@ <h2 class="sr-only" id="midd-secondary-nav-label">Secondary navigation</h2>
               <img src="https://via.placeholder.com/1440x576" srcset="https://via.placeholder.com/400x160 400w,https://via.placeholder.com/640x256 640w,https://via.placeholder.com/960x384 960w,https://via.placeholder.com/1280x512 1280w,https://via.placeholder.com/1440x576 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
               <figcaption class="page-header__caption">
                 <div class="tooltip tooltip--light">
-                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-541">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-144">
                     <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                       <use xlink:href="#icon-info">
                     </svg>
                   </button>
-                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-541"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-144"> some caption for top level image </div>
                 </div>
               </figcaption>
             </figure>
diff --git a/icons/sprites/symbol/sprite.symbol.html b/icons/sprites/symbol/sprite.symbol.html
index 02ec5498..79338d42 100644
--- a/icons/sprites/symbol/sprite.symbol.html
+++ b/icons/sprites/symbol/sprite.symbol.html
@@ -1115,7 +1115,7 @@ <h2>icon-youtube</h2>
 
         </section>
         <footer>
-            <p>Generated at Tue, 09 Jul 2024 14:30:01 GMT by <a href="https://github.com/svg-sprite/svg-sprite" target="_blank" rel="noopener noreferrer">svg-sprite</a>.</p>
+            <p>Generated at Tue, 09 Jul 2024 15:12:16 GMT by <a href="https://github.com/svg-sprite/svg-sprite" target="_blank" rel="noopener noreferrer">svg-sprite</a>.</p>
         </footer>
     </body>
 </html>
diff --git a/midd-course-list.html b/midd-course-list.html
index 4dfb22c5..5118b236 100644
--- a/midd-course-list.html
+++ b/midd-course-list.html
@@ -383,7 +383,7 @@ <h2 class="filters__title"> Filters </h2>
                   </div>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-783" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-526" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -391,13 +391,13 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-783">
+                    <div class="filter__body js-filter-526">
                       <label for="midd-events-datepicker" class="sr-only"> Filter by date </label>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-718" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-818" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -405,36 +405,36 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-718">
+                    <div class="filter__body js-filter-818">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-718-1" />
-                        <label for="checkbox-item-718-1" id="checkbox-label-718-1" class="checkbox__label"> Arts Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-818-1" />
+                        <label for="checkbox-item-818-1" id="checkbox-label-818-1" class="checkbox__label"> Arts Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-718-2" />
-                        <label for="checkbox-item-718-2" id="checkbox-label-718-2" class="checkbox__label"> Athletics Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-818-2" />
+                        <label for="checkbox-item-818-2" id="checkbox-label-818-2" class="checkbox__label"> Athletics Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-718-3" />
-                        <label for="checkbox-item-718-3" id="checkbox-label-718-3" class="checkbox__label"> Campus Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-818-3" />
+                        <label for="checkbox-item-818-3" id="checkbox-label-818-3" class="checkbox__label"> Campus Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-718-4" />
-                        <label for="checkbox-item-718-4" id="checkbox-label-718-4" class="checkbox__label"> Featured Events Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-818-4" />
+                        <label for="checkbox-item-818-4" id="checkbox-label-818-4" class="checkbox__label"> Featured Events Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-718-5" />
-                        <label for="checkbox-item-718-5" id="checkbox-label-718-5" class="checkbox__label"> MIIS Main Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-818-5" />
+                        <label for="checkbox-item-818-5" id="checkbox-label-818-5" class="checkbox__label"> MIIS Main Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-718-6" />
-                        <label for="checkbox-item-718-6" id="checkbox-label-718-6" class="checkbox__label"> Student Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-818-6" />
+                        <label for="checkbox-item-818-6" id="checkbox-label-818-6" class="checkbox__label"> Student Calendar </label>
                       </div>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-72" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-786" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -442,79 +442,79 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-72">
+                    <div class="filter__body js-filter-786">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-72-1" />
-                        <label for="checkbox-item-72-1" id="checkbox-label-72-1" class="checkbox__label"> Academic Departments </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-786-1" />
+                        <label for="checkbox-item-786-1" id="checkbox-label-786-1" class="checkbox__label"> Academic Departments </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-1-child-1" aria-labelledby="checkbox-label-72-1-child-1 checkbox-label-72-1" />
-                          <label for="checkbox-item-72-1--child-1" id="checkbox-label-72-1-child-1" class="checkbox__label"> American Studies </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-1-child-1" aria-labelledby="checkbox-label-786-1-child-1 checkbox-label-786-1" />
+                          <label for="checkbox-item-786-1--child-1" id="checkbox-label-786-1-child-1" class="checkbox__label"> American Studies </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-1-child-2" aria-labelledby="checkbox-label-72-1-child-2 checkbox-label-72-1" />
-                          <label for="checkbox-item-72-1--child-2" id="checkbox-label-72-1-child-2" class="checkbox__label"> Anthropology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-1-child-2" aria-labelledby="checkbox-label-786-1-child-2 checkbox-label-786-1" />
+                          <label for="checkbox-item-786-1--child-2" id="checkbox-label-786-1-child-2" class="checkbox__label"> Anthropology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-1-child-3" aria-labelledby="checkbox-label-72-1-child-3 checkbox-label-72-1" />
-                          <label for="checkbox-item-72-1--child-3" id="checkbox-label-72-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-1-child-3" aria-labelledby="checkbox-label-786-1-child-3 checkbox-label-786-1" />
+                          <label for="checkbox-item-786-1--child-3" id="checkbox-label-786-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-1-child-4" aria-labelledby="checkbox-label-72-1-child-4 checkbox-label-72-1" />
-                          <label for="checkbox-item-72-1--child-4" id="checkbox-label-72-1-child-4" class="checkbox__label"> Biology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-1-child-4" aria-labelledby="checkbox-label-786-1-child-4 checkbox-label-786-1" />
+                          <label for="checkbox-item-786-1--child-4" id="checkbox-label-786-1-child-4" class="checkbox__label"> Biology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-1-child-5" aria-labelledby="checkbox-label-72-1-child-5 checkbox-label-72-1" />
-                          <label for="checkbox-item-72-1--child-5" id="checkbox-label-72-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-1-child-5" aria-labelledby="checkbox-label-786-1-child-5 checkbox-label-786-1" />
+                          <label for="checkbox-item-786-1--child-5" id="checkbox-label-786-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-1-child-6" aria-labelledby="checkbox-label-72-1-child-6 checkbox-label-72-1" />
-                          <label for="checkbox-item-72-1--child-6" id="checkbox-label-72-1-child-6" class="checkbox__label"> Music </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-1-child-6" aria-labelledby="checkbox-label-786-1-child-6 checkbox-label-786-1" />
+                          <label for="checkbox-item-786-1--child-6" id="checkbox-label-786-1-child-6" class="checkbox__label"> Music </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-72-2" />
-                        <label for="checkbox-item-72-2" id="checkbox-label-72-2" class="checkbox__label"> Administrative Offices </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-786-2" />
+                        <label for="checkbox-item-786-2" id="checkbox-label-786-2" class="checkbox__label"> Administrative Offices </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-2-child-1" aria-labelledby="checkbox-label-72-2-child-1 checkbox-label-72-2" />
-                          <label for="checkbox-item-72-2--child-1" id="checkbox-label-72-2-child-1" class="checkbox__label"> Academic Affairs </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-2-child-1" aria-labelledby="checkbox-label-786-2-child-1 checkbox-label-786-2" />
+                          <label for="checkbox-item-786-2--child-1" id="checkbox-label-786-2-child-1" class="checkbox__label"> Academic Affairs </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-2-child-2" aria-labelledby="checkbox-label-72-2-child-2 checkbox-label-72-2" />
-                          <label for="checkbox-item-72-2--child-2" id="checkbox-label-72-2-child-2" class="checkbox__label"> Admissions </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-2-child-2" aria-labelledby="checkbox-label-786-2-child-2 checkbox-label-786-2" />
+                          <label for="checkbox-item-786-2--child-2" id="checkbox-label-786-2-child-2" class="checkbox__label"> Admissions </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-2-child-3" aria-labelledby="checkbox-label-72-2-child-3 checkbox-label-72-2" />
-                          <label for="checkbox-item-72-2--child-3" id="checkbox-label-72-2-child-3" class="checkbox__label"> Charles P. Scott Center for Spiritual and Religious Life </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-2-child-3" aria-labelledby="checkbox-label-786-2-child-3 checkbox-label-786-2" />
+                          <label for="checkbox-item-786-2--child-3" id="checkbox-label-786-2-child-3" class="checkbox__label"> Charles P. Scott Center for Spiritual and Religious Life </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-2-child-4" aria-labelledby="checkbox-label-72-2-child-4 checkbox-label-72-2" />
-                          <label for="checkbox-item-72-2--child-4" id="checkbox-label-72-2-child-4" class="checkbox__label"> Museum of Art </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-2-child-4" aria-labelledby="checkbox-label-786-2-child-4 checkbox-label-786-2" />
+                          <label for="checkbox-item-786-2--child-4" id="checkbox-label-786-2-child-4" class="checkbox__label"> Museum of Art </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-72-3" />
-                        <label for="checkbox-item-72-3" id="checkbox-label-72-3" class="checkbox__label"> Student Organizations </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-786-3" />
+                        <label for="checkbox-item-786-3" id="checkbox-label-786-3" class="checkbox__label"> Student Organizations </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-3-child-1" aria-labelledby="checkbox-label-72-3-child-1 checkbox-label-72-3" />
-                          <label for="checkbox-item-72-3--child-1" id="checkbox-label-72-3-child-1" class="checkbox__label"> Amnesty International </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-3-child-1" aria-labelledby="checkbox-label-786-3-child-1 checkbox-label-786-3" />
+                          <label for="checkbox-item-786-3--child-1" id="checkbox-label-786-3-child-1" class="checkbox__label"> Amnesty International </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-3-child-2" aria-labelledby="checkbox-label-72-3-child-2 checkbox-label-72-3" />
-                          <label for="checkbox-item-72-3--child-2" id="checkbox-label-72-3-child-2" class="checkbox__label"> Black Student Union </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-3-child-2" aria-labelledby="checkbox-label-786-3-child-2 checkbox-label-786-3" />
+                          <label for="checkbox-item-786-3--child-2" id="checkbox-label-786-3-child-2" class="checkbox__label"> Black Student Union </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-3-child-3" aria-labelledby="checkbox-label-72-3-child-3 checkbox-label-72-3" />
-                          <label for="checkbox-item-72-3--child-3" id="checkbox-label-72-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-3-child-3" aria-labelledby="checkbox-label-786-3-child-3 checkbox-label-786-3" />
+                          <label for="checkbox-item-786-3--child-3" id="checkbox-label-786-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-72-3-child-4" aria-labelledby="checkbox-label-72-3-child-4 checkbox-label-72-3" />
-                          <label for="checkbox-item-72-3--child-4" id="checkbox-label-72-3-child-4" class="checkbox__label"> Quidditch </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-786-3-child-4" aria-labelledby="checkbox-label-786-3-child-4 checkbox-label-786-3" />
+                          <label for="checkbox-item-786-3--child-4" id="checkbox-label-786-3-child-4" class="checkbox__label"> Quidditch </label>
                         </div>
                       </div>
                     </div>
diff --git a/midd-event-list.html b/midd-event-list.html
index 7296cde1..254a5324 100644
--- a/midd-event-list.html
+++ b/midd-event-list.html
@@ -357,7 +357,7 @@ <h2 class="filters__title"> Filters </h2>
                   </div>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-473" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-1033" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -365,13 +365,13 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-473">
+                    <div class="filter__body js-filter-1033">
                       <label for="midd-events-datepicker" class="sr-only"> Filter by date </label>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-1050" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-127" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -379,36 +379,36 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-1050">
+                    <div class="filter__body js-filter-127">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1050-1" />
-                        <label for="checkbox-item-1050-1" id="checkbox-label-1050-1" class="checkbox__label"> Arts Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-127-1" />
+                        <label for="checkbox-item-127-1" id="checkbox-label-127-1" class="checkbox__label"> Arts Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1050-2" />
-                        <label for="checkbox-item-1050-2" id="checkbox-label-1050-2" class="checkbox__label"> Athletics Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-127-2" />
+                        <label for="checkbox-item-127-2" id="checkbox-label-127-2" class="checkbox__label"> Athletics Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1050-3" />
-                        <label for="checkbox-item-1050-3" id="checkbox-label-1050-3" class="checkbox__label"> Campus Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-127-3" />
+                        <label for="checkbox-item-127-3" id="checkbox-label-127-3" class="checkbox__label"> Campus Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1050-4" />
-                        <label for="checkbox-item-1050-4" id="checkbox-label-1050-4" class="checkbox__label"> Featured Events Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-127-4" />
+                        <label for="checkbox-item-127-4" id="checkbox-label-127-4" class="checkbox__label"> Featured Events Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1050-5" />
-                        <label for="checkbox-item-1050-5" id="checkbox-label-1050-5" class="checkbox__label"> MIIS Main Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-127-5" />
+                        <label for="checkbox-item-127-5" id="checkbox-label-127-5" class="checkbox__label"> MIIS Main Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1050-6" />
-                        <label for="checkbox-item-1050-6" id="checkbox-label-1050-6" class="checkbox__label"> Student Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-127-6" />
+                        <label for="checkbox-item-127-6" id="checkbox-label-127-6" class="checkbox__label"> Student Calendar </label>
                       </div>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-1180" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-470" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -416,79 +416,79 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-1180">
+                    <div class="filter__body js-filter-470">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-1" />
-                        <label for="checkbox-item-1180-1" id="checkbox-label-1180-1" class="checkbox__label"> Academic Departments </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-470-1" />
+                        <label for="checkbox-item-470-1" id="checkbox-label-470-1" class="checkbox__label"> Academic Departments </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-1-child-1" aria-labelledby="checkbox-label-1180-1-child-1 checkbox-label-1180-1" />
-                          <label for="checkbox-item-1180-1--child-1" id="checkbox-label-1180-1-child-1" class="checkbox__label"> American Studies </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-1-child-1" aria-labelledby="checkbox-label-470-1-child-1 checkbox-label-470-1" />
+                          <label for="checkbox-item-470-1--child-1" id="checkbox-label-470-1-child-1" class="checkbox__label"> American Studies </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-1-child-2" aria-labelledby="checkbox-label-1180-1-child-2 checkbox-label-1180-1" />
-                          <label for="checkbox-item-1180-1--child-2" id="checkbox-label-1180-1-child-2" class="checkbox__label"> Anthropology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-1-child-2" aria-labelledby="checkbox-label-470-1-child-2 checkbox-label-470-1" />
+                          <label for="checkbox-item-470-1--child-2" id="checkbox-label-470-1-child-2" class="checkbox__label"> Anthropology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-1-child-3" aria-labelledby="checkbox-label-1180-1-child-3 checkbox-label-1180-1" />
-                          <label for="checkbox-item-1180-1--child-3" id="checkbox-label-1180-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-1-child-3" aria-labelledby="checkbox-label-470-1-child-3 checkbox-label-470-1" />
+                          <label for="checkbox-item-470-1--child-3" id="checkbox-label-470-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-1-child-4" aria-labelledby="checkbox-label-1180-1-child-4 checkbox-label-1180-1" />
-                          <label for="checkbox-item-1180-1--child-4" id="checkbox-label-1180-1-child-4" class="checkbox__label"> Biology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-1-child-4" aria-labelledby="checkbox-label-470-1-child-4 checkbox-label-470-1" />
+                          <label for="checkbox-item-470-1--child-4" id="checkbox-label-470-1-child-4" class="checkbox__label"> Biology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-1-child-5" aria-labelledby="checkbox-label-1180-1-child-5 checkbox-label-1180-1" />
-                          <label for="checkbox-item-1180-1--child-5" id="checkbox-label-1180-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-1-child-5" aria-labelledby="checkbox-label-470-1-child-5 checkbox-label-470-1" />
+                          <label for="checkbox-item-470-1--child-5" id="checkbox-label-470-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-1-child-6" aria-labelledby="checkbox-label-1180-1-child-6 checkbox-label-1180-1" />
-                          <label for="checkbox-item-1180-1--child-6" id="checkbox-label-1180-1-child-6" class="checkbox__label"> Music </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-1-child-6" aria-labelledby="checkbox-label-470-1-child-6 checkbox-label-470-1" />
+                          <label for="checkbox-item-470-1--child-6" id="checkbox-label-470-1-child-6" class="checkbox__label"> Music </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-2" />
-                        <label for="checkbox-item-1180-2" id="checkbox-label-1180-2" class="checkbox__label"> Administrative Offices </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-470-2" />
+                        <label for="checkbox-item-470-2" id="checkbox-label-470-2" class="checkbox__label"> Administrative Offices </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-2-child-1" aria-labelledby="checkbox-label-1180-2-child-1 checkbox-label-1180-2" />
-                          <label for="checkbox-item-1180-2--child-1" id="checkbox-label-1180-2-child-1" class="checkbox__label"> Academic Affairs </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-2-child-1" aria-labelledby="checkbox-label-470-2-child-1 checkbox-label-470-2" />
+                          <label for="checkbox-item-470-2--child-1" id="checkbox-label-470-2-child-1" class="checkbox__label"> Academic Affairs </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-2-child-2" aria-labelledby="checkbox-label-1180-2-child-2 checkbox-label-1180-2" />
-                          <label for="checkbox-item-1180-2--child-2" id="checkbox-label-1180-2-child-2" class="checkbox__label"> Admissions </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-2-child-2" aria-labelledby="checkbox-label-470-2-child-2 checkbox-label-470-2" />
+                          <label for="checkbox-item-470-2--child-2" id="checkbox-label-470-2-child-2" class="checkbox__label"> Admissions </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-2-child-3" aria-labelledby="checkbox-label-1180-2-child-3 checkbox-label-1180-2" />
-                          <label for="checkbox-item-1180-2--child-3" id="checkbox-label-1180-2-child-3" class="checkbox__label"> Charles P. Scott Center for Spiritual and Religious Life </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-2-child-3" aria-labelledby="checkbox-label-470-2-child-3 checkbox-label-470-2" />
+                          <label for="checkbox-item-470-2--child-3" id="checkbox-label-470-2-child-3" class="checkbox__label"> Charles P. Scott Center for Spiritual and Religious Life </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-2-child-4" aria-labelledby="checkbox-label-1180-2-child-4 checkbox-label-1180-2" />
-                          <label for="checkbox-item-1180-2--child-4" id="checkbox-label-1180-2-child-4" class="checkbox__label"> Museum of Art </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-2-child-4" aria-labelledby="checkbox-label-470-2-child-4 checkbox-label-470-2" />
+                          <label for="checkbox-item-470-2--child-4" id="checkbox-label-470-2-child-4" class="checkbox__label"> Museum of Art </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-3" />
-                        <label for="checkbox-item-1180-3" id="checkbox-label-1180-3" class="checkbox__label"> Student Organizations </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-470-3" />
+                        <label for="checkbox-item-470-3" id="checkbox-label-470-3" class="checkbox__label"> Student Organizations </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-3-child-1" aria-labelledby="checkbox-label-1180-3-child-1 checkbox-label-1180-3" />
-                          <label for="checkbox-item-1180-3--child-1" id="checkbox-label-1180-3-child-1" class="checkbox__label"> Amnesty International </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-3-child-1" aria-labelledby="checkbox-label-470-3-child-1 checkbox-label-470-3" />
+                          <label for="checkbox-item-470-3--child-1" id="checkbox-label-470-3-child-1" class="checkbox__label"> Amnesty International </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-3-child-2" aria-labelledby="checkbox-label-1180-3-child-2 checkbox-label-1180-3" />
-                          <label for="checkbox-item-1180-3--child-2" id="checkbox-label-1180-3-child-2" class="checkbox__label"> Black Student Union </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-3-child-2" aria-labelledby="checkbox-label-470-3-child-2 checkbox-label-470-3" />
+                          <label for="checkbox-item-470-3--child-2" id="checkbox-label-470-3-child-2" class="checkbox__label"> Black Student Union </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-3-child-3" aria-labelledby="checkbox-label-1180-3-child-3 checkbox-label-1180-3" />
-                          <label for="checkbox-item-1180-3--child-3" id="checkbox-label-1180-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-3-child-3" aria-labelledby="checkbox-label-470-3-child-3 checkbox-label-470-3" />
+                          <label for="checkbox-item-470-3--child-3" id="checkbox-label-470-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1180-3-child-4" aria-labelledby="checkbox-label-1180-3-child-4 checkbox-label-1180-3" />
-                          <label for="checkbox-item-1180-3--child-4" id="checkbox-label-1180-3-child-4" class="checkbox__label"> Quidditch </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-470-3-child-4" aria-labelledby="checkbox-label-470-3-child-4 checkbox-label-470-3" />
+                          <label for="checkbox-item-470-3--child-4" id="checkbox-label-470-3-child-4" class="checkbox__label"> Quidditch </label>
                         </div>
                       </div>
                     </div>
diff --git a/midd-home.html b/midd-home.html
index 6deff5f9..f09ec633 100644
--- a/midd-home.html
+++ b/midd-home.html
@@ -702,7 +702,7 @@ <h2 class="journey-modal--title ">Why Middlebury</h2>
                         <!-- video iframe html should be escaped -->
                         <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                           <div class="video__content js-video-content">
-                            <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-111">
+                            <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-393">
                               <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                               <span class="button  button--light video__button"> Play <span class="ml-3">
                                   <svg class="icon  " focusable="false" aria-hidden="true">
@@ -715,12 +715,12 @@ <h2 class="journey-modal--title ">Why Middlebury</h2>
                           <figcaption class=" grid-video__body">
                             <h3 class=sr-only>Practical Skills for Positive Change</h3>
                             <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                            <div class="transcript js-transcript-111 grid-video__transcript">
-                              <a href="#midd-transcript-111" class="transcript__button" data-toggle-target=".js-transcript-111" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                            <div class="transcript js-transcript-393 grid-video__transcript">
+                              <a href="#midd-transcript-393" class="transcript__button" data-toggle-target=".js-transcript-393" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-chevron-down">
                                 </svg>
                               </a>
-                              <div class="transcript__body" id="midd-transcript-111">
+                              <div class="transcript__body" id="midd-transcript-393">
                                 <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                 <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                 <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -791,7 +791,7 @@ <h3 class="article-card--title">Learn About Our Sustainability</h3>
                     <div class="container px-0 journey-modal__overlay-container">
                       <div class="col-lg-10 m-auto mb-7 mb-md-8 mb-lg-9">
                         <h2 class="journey-modal--title ">Immersive Environments</h2>
-                        <article class="journey-modal__story" aria-describedby="midd-video-label-44">
+                        <article class="journey-modal__story" aria-describedby="midd-video-label-66">
                           <figure class="story__image">
                             <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <figcaption class="story__image-caption">
@@ -898,10 +898,10 @@ <h2 class="journey-modal--title ">The Undergraduate Experience</h2>
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-265">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-753">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://via.placeholder.com/416x740" data-srcset="https://via.placeholder.com/224x399 224w,https://via.placeholder.com/290x516 290w,https://via.placeholder.com/336x598 336w,https://via.placeholder.com/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-265"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-753"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -909,12 +909,12 @@ <h3 class="portrait-video__title" id="midd-video-label-265"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-265 mt-2">
-                                <a href="#midd-transcript-265" class="transcript__button" data-toggle-target=".js-transcript-265" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-753 mt-2">
+                                <a href="#midd-transcript-753" class="transcript__button" data-toggle-target=".js-transcript-753" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-265">
+                                <div class="transcript__body" id="midd-transcript-753">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -925,10 +925,10 @@ <h3 class="portrait-video__title" id="midd-video-label-265"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-829">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-815">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://via.placeholder.com/416x740" data-srcset="https://via.placeholder.com/224x399 224w,https://via.placeholder.com/290x516 290w,https://via.placeholder.com/336x598 336w,https://via.placeholder.com/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-829"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-815"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -936,12 +936,12 @@ <h3 class="portrait-video__title" id="midd-video-label-829"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-829 mt-2">
-                                <a href="#midd-transcript-829" class="transcript__button" data-toggle-target=".js-transcript-829" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-815 mt-2">
+                                <a href="#midd-transcript-815" class="transcript__button" data-toggle-target=".js-transcript-815" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-829">
+                                <div class="transcript__body" id="midd-transcript-815">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -952,10 +952,10 @@ <h3 class="portrait-video__title" id="midd-video-label-829"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-156">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1221">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://via.placeholder.com/416x740" data-srcset="https://via.placeholder.com/224x399 224w,https://via.placeholder.com/290x516 290w,https://via.placeholder.com/336x598 336w,https://via.placeholder.com/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-156"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-1221"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -963,12 +963,12 @@ <h3 class="portrait-video__title" id="midd-video-label-156"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-156 mt-2">
-                                <a href="#midd-transcript-156" class="transcript__button" data-toggle-target=".js-transcript-156" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-1221 mt-2">
+                                <a href="#midd-transcript-1221" class="transcript__button" data-toggle-target=".js-transcript-1221" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-156">
+                                <div class="transcript__body" id="midd-transcript-1221">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -979,10 +979,10 @@ <h3 class="portrait-video__title" id="midd-video-label-156"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-831">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-879">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://via.placeholder.com/416x740" data-srcset="https://via.placeholder.com/224x399 224w,https://via.placeholder.com/290x516 290w,https://via.placeholder.com/336x598 336w,https://via.placeholder.com/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-831"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-879"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -990,12 +990,12 @@ <h3 class="portrait-video__title" id="midd-video-label-831"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-831 mt-2">
-                                <a href="#midd-transcript-831" class="transcript__button" data-toggle-target=".js-transcript-831" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-879 mt-2">
+                                <a href="#midd-transcript-879" class="transcript__button" data-toggle-target=".js-transcript-879" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-831">
+                                <div class="transcript__body" id="midd-transcript-879">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1006,10 +1006,10 @@ <h3 class="portrait-video__title" id="midd-video-label-831"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-327">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1055">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://via.placeholder.com/416x740" data-srcset="https://via.placeholder.com/224x399 224w,https://via.placeholder.com/290x516 290w,https://via.placeholder.com/336x598 336w,https://via.placeholder.com/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-327"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-1055"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -1017,12 +1017,12 @@ <h3 class="portrait-video__title" id="midd-video-label-327"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-327 mt-2">
-                                <a href="#midd-transcript-327" class="transcript__button" data-toggle-target=".js-transcript-327" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-1055 mt-2">
+                                <a href="#midd-transcript-1055" class="transcript__button" data-toggle-target=".js-transcript-1055" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-327">
+                                <div class="transcript__body" id="midd-transcript-1055">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1186,7 +1186,7 @@ <h2 class="journey-modal--title offset-lg-1">Middlebury in the News</h2>
                             <!-- video iframe html should be escaped -->
                             <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-956">
+                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-501">
                                   <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                   <span class="button  button--light video__button"> Play <span class="ml-3">
                                       <svg class="icon  " focusable="false" aria-hidden="true">
@@ -1199,12 +1199,12 @@ <h2 class="journey-modal--title offset-lg-1">Middlebury in the News</h2>
                               <figcaption class=" grid-video__body">
                                 <h3 class=sr-only>Practical Skills for Positive Change</h3>
                                 <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                <div class="transcript js-transcript-956 grid-video__transcript">
-                                  <a href="#midd-transcript-956" class="transcript__button" data-toggle-target=".js-transcript-956" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                <div class="transcript js-transcript-501 grid-video__transcript">
+                                  <a href="#midd-transcript-501" class="transcript__button" data-toggle-target=".js-transcript-501" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                       <use xlink:href="#icon-chevron-down">
                                     </svg>
                                   </a>
-                                  <div class="transcript__body" id="midd-transcript-956">
+                                  <div class="transcript__body" id="midd-transcript-501">
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1217,7 +1217,7 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                             <!-- video iframe html should be escaped -->
                             <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-128">
+                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-247">
                                   <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                   <span class="button  button--light video__button"> Play <span class="ml-3">
                                       <svg class="icon  " focusable="false" aria-hidden="true">
@@ -1230,12 +1230,12 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                               <figcaption class=" grid-video__body">
                                 <h3 class=sr-only>Practical Skills for Positive Change</h3>
                                 <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                <div class="transcript js-transcript-128 grid-video__transcript">
-                                  <a href="#midd-transcript-128" class="transcript__button" data-toggle-target=".js-transcript-128" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                <div class="transcript js-transcript-247 grid-video__transcript">
+                                  <a href="#midd-transcript-247" class="transcript__button" data-toggle-target=".js-transcript-247" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                       <use xlink:href="#icon-chevron-down">
                                     </svg>
                                   </a>
-                                  <div class="transcript__body" id="midd-transcript-128">
+                                  <div class="transcript__body" id="midd-transcript-247">
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1248,7 +1248,7 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                             <!-- video iframe html should be escaped -->
                             <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-877">
+                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-87">
                                   <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                   <span class="button  button--light video__button"> Play <span class="ml-3">
                                       <svg class="icon  " focusable="false" aria-hidden="true">
@@ -1261,12 +1261,12 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                               <figcaption class=" grid-video__body">
                                 <h3 class=sr-only>Practical Skills for Positive Change</h3>
                                 <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                <div class="transcript js-transcript-877 grid-video__transcript">
-                                  <a href="#midd-transcript-877" class="transcript__button" data-toggle-target=".js-transcript-877" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                <div class="transcript js-transcript-87 grid-video__transcript">
+                                  <a href="#midd-transcript-87" class="transcript__button" data-toggle-target=".js-transcript-87" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                       <use xlink:href="#icon-chevron-down">
                                     </svg>
                                   </a>
-                                  <div class="transcript__body" id="midd-transcript-877">
+                                  <div class="transcript__body" id="midd-transcript-87">
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1279,7 +1279,7 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                             <!-- video iframe html should be escaped -->
                             <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-526">
+                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-843">
                                   <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                   <span class="button  button--light video__button"> Play <span class="ml-3">
                                       <svg class="icon  " focusable="false" aria-hidden="true">
@@ -1292,12 +1292,12 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                               <figcaption class=" grid-video__body">
                                 <h3 class=sr-only>Practical Skills for Positive Change</h3>
                                 <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                <div class="transcript js-transcript-526 grid-video__transcript">
-                                  <a href="#midd-transcript-526" class="transcript__button" data-toggle-target=".js-transcript-526" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                <div class="transcript js-transcript-843 grid-video__transcript">
+                                  <a href="#midd-transcript-843" class="transcript__button" data-toggle-target=".js-transcript-843" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                       <use xlink:href="#icon-chevron-down">
                                     </svg>
                                   </a>
-                                  <div class="transcript__body" id="midd-transcript-526">
+                                  <div class="transcript__body" id="midd-transcript-843">
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1310,7 +1310,7 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                             <!-- video iframe html should be escaped -->
                             <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-584">
+                                <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-621">
                                   <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                   <span class="button  button--light video__button"> Play <span class="ml-3">
                                       <svg class="icon  " focusable="false" aria-hidden="true">
@@ -1323,12 +1323,12 @@ <h3 class=sr-only>Practical Skills for Positive Change</h3>
                               <figcaption class=" grid-video__body">
                                 <h3 class=sr-only>Practical Skills for Positive Change</h3>
                                 <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                <div class="transcript js-transcript-584 grid-video__transcript">
-                                  <a href="#midd-transcript-584" class="transcript__button" data-toggle-target=".js-transcript-584" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                <div class="transcript js-transcript-621 grid-video__transcript">
+                                  <a href="#midd-transcript-621" class="transcript__button" data-toggle-target=".js-transcript-621" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                       <use xlink:href="#icon-chevron-down">
                                     </svg>
                                   </a>
-                                  <div class="transcript__body" id="midd-transcript-584">
+                                  <div class="transcript__body" id="midd-transcript-621">
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                     <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1402,7 +1402,7 @@ <h3 class="article-card--title">Learn About Our Sustainability</h3>
                       <div class="col-lg-10 m-auto mb-7 mb-md-8 mb-lg-9">
                         <h2 class="journey-modal--title offset-lg-1">Students in Action</h2>
                         <p class="journey-modal--blurb col-lg-10 px-0 offset-lg-1">Learning at Middlebury is not a passive experience. Sure, many—if not most—students will find plenty of time for quiet contemplation. Their academic journeys will also involve plenty of “doing”—whether that means participation in competitive fellowships or internships; entrepreneurial ventures at the local, state, national, and international levels; field research with faculty; or co- and extracurricular activities that perfectly complement and enhance those more quiet moments.</p>
-                        <article class="journey-modal__story" aria-describedby="midd-video-label-74">
+                        <article class="journey-modal__story" aria-describedby="midd-video-label-57">
                           <figure class="story__image">
                             <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <figcaption class="story__image-caption">
@@ -1509,10 +1509,10 @@ <h2 class="journey-modal--title ">Connected Middlebury</h2>
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-249">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-459">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://via.placeholder.com/416x740" data-srcset="https://via.placeholder.com/224x399 224w,https://via.placeholder.com/290x516 290w,https://via.placeholder.com/336x598 336w,https://via.placeholder.com/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-249"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-459"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -1520,12 +1520,12 @@ <h3 class="portrait-video__title" id="midd-video-label-249"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-249 mt-2">
-                                <a href="#midd-transcript-249" class="transcript__button" data-toggle-target=".js-transcript-249" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-459 mt-2">
+                                <a href="#midd-transcript-459" class="transcript__button" data-toggle-target=".js-transcript-459" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-249">
+                                <div class="transcript__body" id="midd-transcript-459">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1536,10 +1536,10 @@ <h3 class="portrait-video__title" id="midd-video-label-249"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-196">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-294">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://via.placeholder.com/416x740" data-srcset="https://via.placeholder.com/224x399 224w,https://via.placeholder.com/290x516 290w,https://via.placeholder.com/336x598 336w,https://via.placeholder.com/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-196"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-294"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -1547,12 +1547,12 @@ <h3 class="portrait-video__title" id="midd-video-label-196"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-196 mt-2">
-                                <a href="#midd-transcript-196" class="transcript__button" data-toggle-target=".js-transcript-196" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-294 mt-2">
+                                <a href="#midd-transcript-294" class="transcript__button" data-toggle-target=".js-transcript-294" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-196">
+                                <div class="transcript__body" id="midd-transcript-294">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1563,10 +1563,10 @@ <h3 class="portrait-video__title" id="midd-video-label-196"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1092">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1142">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://via.placeholder.com/416x740" data-srcset="https://via.placeholder.com/224x399 224w,https://via.placeholder.com/290x516 290w,https://via.placeholder.com/336x598 336w,https://via.placeholder.com/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-1092"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-1142"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -1574,12 +1574,12 @@ <h3 class="portrait-video__title" id="midd-video-label-1092"> What do students d
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-1092 mt-2">
-                                <a href="#midd-transcript-1092" class="transcript__button" data-toggle-target=".js-transcript-1092" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-1142 mt-2">
+                                <a href="#midd-transcript-1142" class="transcript__button" data-toggle-target=".js-transcript-1142" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-1092">
+                                <div class="transcript__body" id="midd-transcript-1142">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1590,10 +1590,10 @@ <h3 class="portrait-video__title" id="midd-video-label-1092"> What do students d
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-921">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-116">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://via.placeholder.com/416x740" data-srcset="https://via.placeholder.com/224x399 224w,https://via.placeholder.com/290x516 290w,https://via.placeholder.com/336x598 336w,https://via.placeholder.com/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-921"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-116"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -1601,12 +1601,12 @@ <h3 class="portrait-video__title" id="midd-video-label-921"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-921 mt-2">
-                                <a href="#midd-transcript-921" class="transcript__button" data-toggle-target=".js-transcript-921" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-116 mt-2">
+                                <a href="#midd-transcript-116" class="transcript__button" data-toggle-target=".js-transcript-116" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-921">
+                                <div class="transcript__body" id="midd-transcript-116">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1617,10 +1617,10 @@ <h3 class="portrait-video__title" id="midd-video-label-921"> What do students do
                           <div class="col-md-4 mb-5 mb-md-7">
                             <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                               <div class="portrait-video__content js-video-content">
-                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-221">
+                                <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-405">
                                   <img class="js-lazy-load" width="416" height="740" data-src="https://via.placeholder.com/416x740" data-srcset="https://via.placeholder.com/224x399 224w,https://via.placeholder.com/290x516 290w,https://via.placeholder.com/336x598 336w,https://via.placeholder.com/416x740 416w" sizes="(max-width: 416px) 100vw, 416px" alt="" />
                                   <div class="portrait-video__body">
-                                    <h3 class="portrait-video__title" id="midd-video-label-221"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-405"> What do students do after graduation? </h3>
                                     <span class="button button--primary button--sm button--block button--light mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-play">
                                       </svg>
@@ -1628,12 +1628,12 @@ <h3 class="portrait-video__title" id="midd-video-label-221"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-221 mt-2">
-                                <a href="#midd-transcript-221" class="transcript__button" data-toggle-target=".js-transcript-221" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                              <div class="transcript js-transcript-405 mt-2">
+                                <a href="#midd-transcript-405" class="transcript__button" data-toggle-target=".js-transcript-405" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                     <use xlink:href="#icon-chevron-down">
                                   </svg>
                                 </a>
-                                <div class="transcript__body" id="midd-transcript-221">
+                                <div class="transcript__body" id="midd-transcript-405">
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                   <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1790,7 +1790,7 @@ <h3 class="article-card--title">Learn About Our Sustainability</h3>
                     <div class="container px-0 journey-modal__overlay-container">
                       <div class="col-lg-10 m-auto mb-7 mb-md-8 mb-lg-9">
                         <h2 class="journey-modal--title ">Graduate and Professional Schools</h2>
-                        <article class="journey-modal__story" aria-describedby="midd-video-label-12">
+                        <article class="journey-modal__story" aria-describedby="midd-video-label-33">
                           <figure class="story__image">
                             <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <figcaption class="story__image-caption">
diff --git a/midd-profile-detail.html b/midd-profile-detail.html
index 1a589028..60f04f70 100644
--- a/midd-profile-detail.html
+++ b/midd-profile-detail.html
@@ -499,16 +499,16 @@ <h1 class="page-header__title" id="midd-page-header-label">Beryl Levinger</h1>
                   </div>
                 </div>
               </div>
-              <section class="section paragraph--course-list js-filter-698" data-digest-content>
+              <section class="section paragraph--course-list js-filter-118" data-digest-content>
                 <div class="section__header">
                   <h2 class="section__title"> Courses Taught </h2>
                   <p class="section__text"> These are the courses I teach. </p>
                 </div>
                 <div class="accordion">
-                  <div class="accordion-item js-accordion-item-1188 accordion-item-current accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-458 accordion-item-current accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-1188" class="accordion-item__link" data-toggle-target=".js-accordion-item-1188" aria-expanded="false" aria-controls="midd-accordion-content-1188" aria-labelledby="midd-accordion-item-label-1188" role="button">
-                        <span id="midd-accordion-item-label-1188">
+                      <a href="#midd-accordion-item-label-458" class="accordion-item__link" data-toggle-target=".js-accordion-item-458" aria-expanded="false" aria-controls="midd-accordion-content-458" aria-labelledby="midd-accordion-item-label-458" role="button">
+                        <span id="midd-accordion-item-label-458">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span><span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Ecology and Evolution
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -516,7 +516,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-1188" role="tabpanel" aria-labelledby="midd-accordion-item-label-1188">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-458" role="tabpanel" aria-labelledby="midd-accordion-item-label-458">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -532,10 +532,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-375">
+                  <div class="accordion-item js-accordion-item-356">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-375" class="accordion-item__link" data-toggle-target=".js-accordion-item-375" aria-expanded="false" aria-controls="midd-accordion-content-375" aria-labelledby="midd-accordion-item-label-375" role="button">
-                        <span id="midd-accordion-item-label-375">
+                      <a href="#midd-accordion-item-label-356" class="accordion-item__link" data-toggle-target=".js-accordion-item-356" aria-expanded="false" aria-controls="midd-accordion-content-356" aria-labelledby="midd-accordion-item-label-356" role="button">
+                        <span id="midd-accordion-item-label-356">
                           <p class="accordion-item__label--bold">biol 0140</p> Film and Television, from Apocolipse Now to the Simpsons
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -543,7 +543,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-375" role="tabpanel" aria-labelledby="midd-accordion-item-label-375">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-356" role="tabpanel" aria-labelledby="midd-accordion-item-label-356">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -554,10 +554,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-973 accordion-item-current">
+                  <div class="accordion-item js-accordion-item-912 accordion-item-current">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-973" class="accordion-item__link" data-toggle-target=".js-accordion-item-973" aria-expanded="false" aria-controls="midd-accordion-content-973" aria-labelledby="midd-accordion-item-label-973" role="button">
-                        <span id="midd-accordion-item-label-973">
+                      <a href="#midd-accordion-item-label-912" class="accordion-item__link" data-toggle-target=".js-accordion-item-912" aria-expanded="false" aria-controls="midd-accordion-content-912" aria-labelledby="midd-accordion-item-label-912" role="button">
+                        <span id="midd-accordion-item-label-912">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span></p> Biology of Plants Growing in the Forest
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -565,7 +565,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-973" role="tabpanel" aria-labelledby="midd-accordion-item-label-973">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-912" role="tabpanel" aria-labelledby="midd-accordion-item-label-912">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -580,10 +580,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-972 accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-322 accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-972" class="accordion-item__link" data-toggle-target=".js-accordion-item-972" aria-expanded="false" aria-controls="midd-accordion-content-972" aria-labelledby="midd-accordion-item-label-972" role="button">
-                        <span id="midd-accordion-item-label-972">
+                      <a href="#midd-accordion-item-label-322" class="accordion-item__link" data-toggle-target=".js-accordion-item-322" aria-expanded="false" aria-controls="midd-accordion-content-322" aria-labelledby="midd-accordion-item-label-322" role="button">
+                        <span id="midd-accordion-item-label-322">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Tropical Ecology and how reefs grow
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -591,7 +591,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-972" role="tabpanel" aria-labelledby="midd-accordion-item-label-972">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-322" role="tabpanel" aria-labelledby="midd-accordion-item-label-322">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -602,10 +602,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-1189">
+                  <div class="accordion-item js-accordion-item-1013">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-1189" class="accordion-item__link" data-toggle-target=".js-accordion-item-1189" aria-expanded="false" aria-controls="midd-accordion-content-1189" aria-labelledby="midd-accordion-item-label-1189" role="button">
-                        <span id="midd-accordion-item-label-1189">
+                      <a href="#midd-accordion-item-label-1013" class="accordion-item__link" data-toggle-target=".js-accordion-item-1013" aria-expanded="false" aria-controls="midd-accordion-content-1013" aria-labelledby="midd-accordion-item-label-1013" role="button">
+                        <span id="midd-accordion-item-label-1013">
                           <p class="accordion-item__label--bold">biol 0140</p> Teaching Literature from Around the World
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -613,7 +613,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-1189" role="tabpanel" aria-labelledby="midd-accordion-item-label-1189">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-1013" role="tabpanel" aria-labelledby="midd-accordion-item-label-1013">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
diff --git a/office-library-home.html b/office-library-home.html
index 18ee2e4c..9f4c2aa8 100644
--- a/office-library-home.html
+++ b/office-library-home.html
@@ -1074,16 +1074,16 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
               </div>
               <div class="paragraph--themed-panel">
                 <div class="container px-0">
-                  <section class="themed-panel" aria-labelledby="themed-panel-1153-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-122-title">
                     <div class="themed-panel__main">
                       <div class="themed-panel__media">
                         <figure class="themed-panel__figure">
                           <img src="https://via.placeholder.com/1440x810" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/960x540 960w,https://via.placeholder.com/1280x720 1280w,https://via.placeholder.com/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                         </figure>
-                        <h2 class="themed-panel__title" id="themed-panel-1153-title">Sustainability and other things that go on and on</h2>
+                        <h2 class="themed-panel__title" id="themed-panel-122-title">Sustainability and other things that go on and on</h2>
                       </div>
-                      <article class="themed-panel__article" aria-labelledby="themed-panel-1153-first">
-                        <h3 class="themed-panel__heading h2" id="themed-panel-1153-first">
+                      <article class="themed-panel__article" aria-labelledby="themed-panel-122-first">
+                        <h3 class="themed-panel__heading h2" id="themed-panel-122-first">
                           <a href="" class="text-white">Lorem ipsum dolor sit amet consectetur adipisicing</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit magnam dicta nihil reiciendis laboriosam, exercitationem harum numquam rem sint laudantium ducimus optio provident voluptate obcaecati reprehenderit voluptates illum dignissimos corrupti!</p>
@@ -1091,22 +1091,22 @@ <h3 class="themed-panel__heading h2" id="themed-panel-1153-first">
                       </article>
                     </div>
                     <div class="themed-panel__secondary">
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-1153-1">
-                        <h3 class="themed-panel__heading" id="themed-panel-1153-1">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-122-1">
+                        <h3 class="themed-panel__heading" id="themed-panel-122-1">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
                         <a href="" class="themed-panel__cta">Read more</a>
                       </article>
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-1153-2">
-                        <h3 class="themed-panel__heading" id="themed-panel-1153-2">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-122-2">
+                        <h3 class="themed-panel__heading" id="themed-panel-122-2">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
                         <a href="" class="themed-panel__cta">Read more</a>
                       </article>
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-1153-3">
-                        <h3 class="themed-panel__heading" id="themed-panel-1153-3">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-122-3">
+                        <h3 class="themed-panel__heading" id="themed-panel-122-3">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
diff --git a/office-top-level.html b/office-top-level.html
index 0cfe9a1e..7575b187 100644
--- a/office-top-level.html
+++ b/office-top-level.html
@@ -1165,9 +1165,9 @@ <h4>What now?</h4>
                 </div>
                 </section>
               </div>
-              <section class="section paragraph" aria-labelledby="section-86-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-789-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-86-label"> Featured News </h2>
+                  <h2 class="section__title" id="section-789-label"> Featured News </h2>
                   <a href="" class="section__link">View all</a>
                   <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                 </div>
@@ -1364,16 +1364,16 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
               </div>
               <div class="paragraph--themed-panel">
                 <div class="container px-0">
-                  <section class="themed-panel" aria-labelledby="themed-panel-897-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-824-title">
                     <div class="themed-panel__main">
                       <div class="themed-panel__media">
                         <figure class="themed-panel__figure">
                           <img src="https://via.placeholder.com/1440x810" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/960x540 960w,https://via.placeholder.com/1280x720 1280w,https://via.placeholder.com/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                         </figure>
-                        <h2 class="themed-panel__title" id="themed-panel-897-title">Sustainability and other things that go on and on</h2>
+                        <h2 class="themed-panel__title" id="themed-panel-824-title">Sustainability and other things that go on and on</h2>
                       </div>
-                      <article class="themed-panel__article" aria-labelledby="themed-panel-897-first">
-                        <h3 class="themed-panel__heading h2" id="themed-panel-897-first">
+                      <article class="themed-panel__article" aria-labelledby="themed-panel-824-first">
+                        <h3 class="themed-panel__heading h2" id="themed-panel-824-first">
                           <a href="" class="text-white">Lorem ipsum dolor sit amet consectetur adipisicing</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit magnam dicta nihil reiciendis laboriosam, exercitationem harum numquam rem sint laudantium ducimus optio provident voluptate obcaecati reprehenderit voluptates illum dignissimos corrupti!</p>
@@ -1381,22 +1381,22 @@ <h3 class="themed-panel__heading h2" id="themed-panel-897-first">
                       </article>
                     </div>
                     <div class="themed-panel__secondary">
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-897-1">
-                        <h3 class="themed-panel__heading" id="themed-panel-897-1">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-824-1">
+                        <h3 class="themed-panel__heading" id="themed-panel-824-1">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
                         <a href="" class="themed-panel__cta">Read more</a>
                       </article>
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-897-2">
-                        <h3 class="themed-panel__heading" id="themed-panel-897-2">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-824-2">
+                        <h3 class="themed-panel__heading" id="themed-panel-824-2">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
                         <a href="" class="themed-panel__cta">Read more</a>
                       </article>
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-897-3">
-                        <h3 class="themed-panel__heading" id="themed-panel-897-3">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-824-3">
+                        <h3 class="themed-panel__heading" id="themed-panel-824-3">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
@@ -1418,8 +1418,8 @@ <h2 class="section__title"> Section Title Events </h2>
                     </header>
                     <div class="waveform__wrapper">
                       <ul class="waveform__list shifting-slider">
-                        <li class="waveform__list-item js-waveform-item-0   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-0" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-0   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-0" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1431,8 +1431,8 @@ <h3 id="midd-event-0-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-1" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-1" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1444,8 +1444,8 @@ <h3 id="midd-event-1-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-2   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-2" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-2   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-2" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1457,8 +1457,8 @@ <h3 id="midd-event-2-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-3" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-3" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1470,8 +1470,8 @@ <h3 id="midd-event-3-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-4   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-4" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-4   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-4" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1483,8 +1483,8 @@ <h3 id="midd-event-4-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-5" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-5" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1496,8 +1496,8 @@ <h3 id="midd-event-5-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-6   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-6" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-6  is-toggled bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-6" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1509,8 +1509,8 @@ <h3 id="midd-event-6-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-7   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-7" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-7   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-7" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1522,7 +1522,7 @@ <h3 id="midd-event-7-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-8   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-8" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-8   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-8" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1535,8 +1535,8 @@ <h3 id="midd-event-8-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-9  is-toggled bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-9" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-9   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-9" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1548,8 +1548,8 @@ <h3 id="midd-event-9-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-10   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-10" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-10   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-10" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1561,8 +1561,8 @@ <h3 id="midd-event-10-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-11   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-11" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-11   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-11" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1574,8 +1574,8 @@ <h3 id="midd-event-11-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-0 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-12" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-12" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1587,8 +1587,8 @@ <h3 id="midd-event-12-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-13" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-13" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1600,7 +1600,7 @@ <h3 id="midd-event-13-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-14   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-14" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-14   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-14" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1613,8 +1613,8 @@ <h3 id="midd-event-14-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-15" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-15" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1626,8 +1626,8 @@ <h3 id="midd-event-15-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-16" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-16" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1639,8 +1639,8 @@ <h3 id="midd-event-16-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-17" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-17" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1652,7 +1652,7 @@ <h3 id="midd-event-17-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-18" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-18" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1665,8 +1665,8 @@ <h3 id="midd-event-18-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-19" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-19" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1678,8 +1678,8 @@ <h3 id="midd-event-19-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-20" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-20" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1691,8 +1691,8 @@ <h3 id="midd-event-20-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-21" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-21" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1704,7 +1704,7 @@ <h3 id="midd-event-21-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-22" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-22" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1717,7 +1717,7 @@ <h3 id="midd-event-22-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-23" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-23" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1730,8 +1730,8 @@ <h3 id="midd-event-23-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-24   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-24" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-24   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-24" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1743,8 +1743,8 @@ <h3 id="midd-event-24-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-25" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-25" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1756,7 +1756,7 @@ <h3 id="midd-event-25-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-26" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-26" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1769,8 +1769,8 @@ <h3 id="midd-event-26-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-27" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-27" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1782,8 +1782,8 @@ <h3 id="midd-event-27-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-28" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-28" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1795,8 +1795,8 @@ <h3 id="midd-event-28-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-29   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-29" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-29   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-29" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1808,8 +1808,8 @@ <h3 id="midd-event-29-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-30" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-30" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1821,7 +1821,7 @@ <h3 id="midd-event-30-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-31" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-31" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1834,8 +1834,8 @@ <h3 id="midd-event-31-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-32" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-32" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1847,8 +1847,8 @@ <h3 id="midd-event-32-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-33" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-33" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1860,8 +1860,8 @@ <h3 id="midd-event-33-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-34" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-34" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1873,8 +1873,8 @@ <h3 id="midd-event-34-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-35" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-35" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1886,8 +1886,8 @@ <h3 id="midd-event-35-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-36" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-36" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1899,8 +1899,8 @@ <h3 id="midd-event-36-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-37" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-37" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1912,7 +1912,7 @@ <h3 id="midd-event-37-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-38" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-38" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1925,8 +1925,8 @@ <h3 id="midd-event-38-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-39" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-39" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1938,8 +1938,8 @@ <h3 id="midd-event-39-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-40" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-40" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1951,8 +1951,8 @@ <h3 id="midd-event-40-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-41" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-41" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1964,8 +1964,8 @@ <h3 id="midd-event-41-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-42   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-42" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-42   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-42" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1977,8 +1977,8 @@ <h3 id="midd-event-42-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-43" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-43" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1990,7 +1990,7 @@ <h3 id="midd-event-43-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-44" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-44" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -2003,8 +2003,8 @@ <h3 id="midd-event-44-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-45" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-45" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2016,7 +2016,7 @@ <h3 id="midd-event-45-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-46" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-46" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -2029,8 +2029,8 @@ <h3 id="midd-event-46-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-47" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-47" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2042,7 +2042,7 @@ <h3 id="midd-event-47-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-48   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-48" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-48   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-48" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -2155,7 +2155,7 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                 <!-- video iframe html should be escaped -->
                 <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                   <div class="video__content js-video-content">
-                    <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-796">
+                    <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-444">
                       <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                       <span class="button  button--primary video__button"> Play <span class="ml-3">
                           <svg class="icon  " focusable="false" aria-hidden="true">
@@ -2166,14 +2166,14 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                     </a>
                   </div>
                   <figcaption class=" video__body">
-                    <h3 class=video__title id="midd-video-label-796">Practical Skills for Positive Change</h3>
+                    <h3 class=video__title id="midd-video-label-444">Practical Skills for Positive Change</h3>
                     <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                    <div class="transcript js-transcript-796 grid-video__transcript">
-                      <a href="#midd-transcript-796" class="transcript__button" data-toggle-target=".js-transcript-796" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                    <div class="transcript js-transcript-444 grid-video__transcript">
+                      <a href="#midd-transcript-444" class="transcript__button" data-toggle-target=".js-transcript-444" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
-                      <div class="transcript__body" id="midd-transcript-796">
+                      <div class="transcript__body" id="midd-transcript-444">
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -2250,14 +2250,14 @@ <h2> Two Column Text Heading </h2>
                   </div>
                 </div>
               </div>
-              <section class="section paragraph" aria-labelledby="section-294-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-187-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-294-label"> Schedule Component </h2>
+                  <h2 class="section__title" id="section-187-label"> Schedule Component </h2>
                   <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                 </div>
                 <div class="schedule-header">
                   <p class="schedule-header__date"> Sunday, December 10 </p>
-                  <h3 id="midd-event-294" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-294" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                  <h3 id="midd-event-187" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-187" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
                   </h3>
                 </div>
                 <div class="schedule-item">
diff --git a/school-basic-content.html b/school-basic-content.html
index 02e6a1fc..3b2e87c6 100644
--- a/school-basic-content.html
+++ b/school-basic-content.html
@@ -417,14 +417,14 @@ <h2 class="page-nav__title" id="midd-page-nav-label">
                     signupFormObj.drawForm();
                   </script>
                 </div>
-                <section class="section paragraph" aria-labelledby="section-943-label" data-digest-content>
+                <section class="section paragraph" aria-labelledby="section-1078-label" data-digest-content>
                   <div class="section__header">
-                    <h2 class="section__title" id="section-943-label"> Schedule Component </h2>
+                    <h2 class="section__title" id="section-1078-label"> Schedule Component </h2>
                     <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                   </div>
                   <div class="schedule-header">
                     <p class="schedule-header__date"> Sunday, December 10 </p>
-                    <h3 id="midd-event-943" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-943" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                    <h3 id="midd-event-1078" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-1078" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
                     </h3>
                   </div>
                   <div class="schedule-item">
@@ -597,81 +597,81 @@ <h2 class="h3 mb-3"> Was this page helpful? </h2>
                     <input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Submit" class="button button--primary js-form-submit form-submit" />
                   </form>
                 </div>
-                <div class="paragraph flowchart" id="774" data-flowchart>
-                  <div id="flowchart-774-1" class="flowchart__item " data-flowchart-item>
+                <div class="paragraph flowchart" id="101" data-flowchart>
+                  <div id="flowchart-101-1" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Do you need chat functionality? </h3>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-774-2" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-101-2" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-774-3" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-101-3" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-774-2" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-101-2" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Will your chats include sensitive data or will you be collaborating with external guests? </h3>
                     <div class="typography"> Specifically will include sensitive content, not just discussion around sensitive topics – distinguish between “Change the SSN” and “Change SSN from xxx-xx-xxxx to...” </div>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-774-4" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-101-4" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-774-5" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-101-5" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-774-3" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-101-3" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> Do not use chat. </div>
                   </div>
-                  <div id="flowchart-774-4" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-101-4" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Has you department or collaborants selected a tool? </h3>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-774-5" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-101-5" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-774-7" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-101-7" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-774-5" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-101-5" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Teams or Zoom? </h3>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-774-6" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-101-6" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-774-8" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-101-8" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-774-6" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-101-6" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> Use Teams or Zoom. </div>
                   </div>
-                  <div id="flowchart-774-7" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-101-7" class="flowchart__item " data-flowchart-item>
                     <h3 class="h3 mb-2 flowchart__title"> Simple Chat? (vs. a more fully featured, integrated capability?) </h3>
                     <div class="typography"> Lorem ipsum dolor sit, amet consectetur adipisicing elit. </div>
                     <div class="mt-4">
                       <div class="radio">
-                        <a href="#flowchart-774-9" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-101-9" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-774-10" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-101-10" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-774-8" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-101-8" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> Use select tool but consider switching to Teams or Zoom. </div>
                   </div>
-                  <div id="flowchart-774-9" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-101-9" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> We suggest Teams. <a href="#">Set up your Teams account</a>. </div>
                   </div>
-                  <div id="flowchart-774-10" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-101-10" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
                     <span class="d-block text-caps mb-5">Based on your answers</span>
                     <div class="typography"> We suggest Zoom. <a href="#">Set up your Zoom account</a>. </div>
                   </div>
@@ -687,10 +687,10 @@ <h2 class="section__title"> Portrait video group </h2>
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-656">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-441">
                             <img src="https://via.placeholder.com/306x554" srcset="https://via.placeholder.com/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-656"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-441"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -698,12 +698,12 @@ <h3 class="portrait-video__title" id="midd-video-label-656"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-656 mt-2">
-                          <a href="#midd-transcript-656" class="transcript__button" data-toggle-target=".js-transcript-656" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-441 mt-2">
+                          <a href="#midd-transcript-441" class="transcript__button" data-toggle-target=".js-transcript-441" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-656">
+                          <div class="transcript__body" id="midd-transcript-441">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -714,10 +714,10 @@ <h3 class="portrait-video__title" id="midd-video-label-656"> What do students do
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-320">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-749">
                             <img src="https://via.placeholder.com/306x554" srcset="https://via.placeholder.com/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-320"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-749"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -725,12 +725,12 @@ <h3 class="portrait-video__title" id="midd-video-label-320"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-320 mt-2">
-                          <a href="#midd-transcript-320" class="transcript__button" data-toggle-target=".js-transcript-320" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-749 mt-2">
+                          <a href="#midd-transcript-749" class="transcript__button" data-toggle-target=".js-transcript-749" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-320">
+                          <div class="transcript__body" id="midd-transcript-749">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -741,10 +741,10 @@ <h3 class="portrait-video__title" id="midd-video-label-320"> What do students do
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-921">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1196">
                             <img src="https://via.placeholder.com/306x554" srcset="https://via.placeholder.com/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-921"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-1196"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -752,12 +752,12 @@ <h3 class="portrait-video__title" id="midd-video-label-921"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-921 mt-2">
-                          <a href="#midd-transcript-921" class="transcript__button" data-toggle-target=".js-transcript-921" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-1196 mt-2">
+                          <a href="#midd-transcript-1196" class="transcript__button" data-toggle-target=".js-transcript-1196" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-921">
+                          <div class="transcript__body" id="midd-transcript-1196">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -768,10 +768,10 @@ <h3 class="portrait-video__title" id="midd-video-label-921"> What do students do
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-641">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1001">
                             <img src="https://via.placeholder.com/306x554" srcset="https://via.placeholder.com/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-641"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-1001"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -779,12 +779,12 @@ <h3 class="portrait-video__title" id="midd-video-label-641"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-641 mt-2">
-                          <a href="#midd-transcript-641" class="transcript__button" data-toggle-target=".js-transcript-641" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-1001 mt-2">
+                          <a href="#midd-transcript-1001" class="transcript__button" data-toggle-target=".js-transcript-1001" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-641">
+                          <div class="transcript__body" id="midd-transcript-1001">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -795,10 +795,10 @@ <h3 class="portrait-video__title" id="midd-video-label-641"> What do students do
                     <div class="col-md-6 col-lg-4 mb-7">
                       <figure class=" portrait-video js-video" data-video='<iframe src="https://player.vimeo.com/video/398243397?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="portrait-video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-20">
+                          <a href="https://player.vimeo.com/video/398243397" class="js-video-link portrait-video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-490">
                             <img src="https://via.placeholder.com/306x554" srcset="https://via.placeholder.com/306x554 306w" sizes="(max-width: 306px) 100vw, 306px" alt="" />
                             <div class="portrait-video__body">
-                              <h3 class="portrait-video__title" id="midd-video-label-20"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-490"> What do students do after graduation? </h3>
                               <span class="button button--primary button--sm button--block  mt-2"> Play <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-play">
                                 </svg>
@@ -806,12 +806,12 @@ <h3 class="portrait-video__title" id="midd-video-label-20"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-20 mt-2">
-                          <a href="#midd-transcript-20" class="transcript__button" data-toggle-target=".js-transcript-20" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-490 mt-2">
+                          <a href="#midd-transcript-490" class="transcript__button" data-toggle-target=".js-transcript-490" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-20">
+                          <div class="transcript__body" id="midd-transcript-490">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -838,7 +838,7 @@ <h2 class="section__title"> Video group </h2>
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-767">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-169">
                             <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -849,14 +849,14 @@ <h2 class="section__title"> Video group </h2>
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-767">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-169">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-767 grid-video__transcript">
-                            <a href="#midd-transcript-767" class="transcript__button" data-toggle-target=".js-transcript-767" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-169 grid-video__transcript">
+                            <a href="#midd-transcript-169" class="transcript__button" data-toggle-target=".js-transcript-169" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-767">
+                            <div class="transcript__body" id="midd-transcript-169">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -869,7 +869,7 @@ <h3 class=video__title id="midd-video-label-767">Practical Skills for Positive C
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-922">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-926">
                             <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -880,14 +880,14 @@ <h3 class=video__title id="midd-video-label-767">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-922">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-926">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-922 grid-video__transcript">
-                            <a href="#midd-transcript-922" class="transcript__button" data-toggle-target=".js-transcript-922" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-926 grid-video__transcript">
+                            <a href="#midd-transcript-926" class="transcript__button" data-toggle-target=".js-transcript-926" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-922">
+                            <div class="transcript__body" id="midd-transcript-926">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -900,7 +900,7 @@ <h3 class=video__title id="midd-video-label-922">Practical Skills for Positive C
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-525">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-496">
                             <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -911,14 +911,14 @@ <h3 class=video__title id="midd-video-label-922">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-525">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-496">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-525 grid-video__transcript">
-                            <a href="#midd-transcript-525" class="transcript__button" data-toggle-target=".js-transcript-525" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-496 grid-video__transcript">
+                            <a href="#midd-transcript-496" class="transcript__button" data-toggle-target=".js-transcript-496" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-525">
+                            <div class="transcript__body" id="midd-transcript-496">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -931,7 +931,7 @@ <h3 class=video__title id="midd-video-label-525">Practical Skills for Positive C
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-352">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-984">
                             <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -942,14 +942,14 @@ <h3 class=video__title id="midd-video-label-525">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-352">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-984">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-352 grid-video__transcript">
-                            <a href="#midd-transcript-352" class="transcript__button" data-toggle-target=".js-transcript-352" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-984 grid-video__transcript">
+                            <a href="#midd-transcript-984" class="transcript__button" data-toggle-target=".js-transcript-984" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-352">
+                            <div class="transcript__body" id="midd-transcript-984">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -962,7 +962,7 @@ <h3 class=video__title id="midd-video-label-352">Practical Skills for Positive C
                       <!-- video iframe html should be escaped -->
                       <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                         <div class="video__content js-video-content">
-                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1186">
+                          <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-323">
                             <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                             <span class="button  button--primary video__button"> Play <span class="ml-3">
                                 <svg class="icon  " focusable="false" aria-hidden="true">
@@ -973,14 +973,14 @@ <h3 class=video__title id="midd-video-label-352">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-1186">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-323">Practical Skills for Positive Change</h3>
                           <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                          <div class="transcript js-transcript-1186 grid-video__transcript">
-                            <a href="#midd-transcript-1186" class="transcript__button" data-toggle-target=".js-transcript-1186" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                          <div class="transcript js-transcript-323 grid-video__transcript">
+                            <a href="#midd-transcript-323" class="transcript__button" data-toggle-target=".js-transcript-323" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-chevron-down">
                               </svg>
                             </a>
-                            <div class="transcript__body" id="midd-transcript-1186">
+                            <div class="transcript__body" id="midd-transcript-323">
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                               <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -2449,14 +2449,14 @@ <h3>
                   <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h2>
                   <p>Lorem ipsum, dolor sit amet <a href="">consectetur</a> adipisicing elit. Rerum commodi qui dolor, voluptas praesentium numquam assumenda harum enim alias nihil recusandae expedita. Ipsam nobis eum porro beatae magni laudantium incidunt?</p>
                 </div>
-                <section class="section paragraph" aria-labelledby="section-967-label" data-digest-content>
+                <section class="section paragraph" aria-labelledby="section-919-label" data-digest-content>
                   <div class="section__header">
-                    <h2 class="section__title" id="section-967-label"> Schedule Component </h2>
+                    <h2 class="section__title" id="section-919-label"> Schedule Component </h2>
                     <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                   </div>
                   <div class="schedule-header">
                     <p class="schedule-header__date"> Sunday, December 10 </p>
-                    <h3 id="midd-event-967" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-967" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                    <h3 id="midd-event-919" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-919" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
                     </h3>
                   </div>
                   <div class="schedule-item">
@@ -2613,153 +2613,153 @@ <h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3>
                 <section class="section paragraph--faq" data-digest-content>
                   <h2 class="section__title"> Frequently Asked Questions </h2>
                   <div class="accordion">
-                    <div class="accordion-item js-accordion-item-786">
+                    <div class="accordion-item js-accordion-item-539">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-786" class="accordion-item__link" data-toggle-target=".js-accordion-item-786" aria-expanded="false" aria-controls="midd-accordion-content-786" aria-labelledby="midd-accordion-item-label-786" role="button">
+                        <a href="#midd-accordion-item-label-539" class="accordion-item__link" data-toggle-target=".js-accordion-item-539" aria-expanded="false" aria-controls="midd-accordion-content-539" aria-labelledby="midd-accordion-item-label-539" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-786"><span class="badge badge--primary mr-2">New</span>Lorem ipsum dolor sit amet, consectetur adipiscing elitc?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-539"><span class="badge badge--primary mr-2">New</span>Lorem ipsum dolor sit amet, consectetur adipiscing elitc?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-786" role="tabpanel" aria-labelledby="midd-accordion-item-label-786">
+                      <div class="accordion-item__content" id="midd-accordion-content-539" role="tabpanel" aria-labelledby="midd-accordion-item-label-539">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-96">
+                    <div class="accordion-item js-accordion-item-1206">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-96" class="accordion-item__link" data-toggle-target=".js-accordion-item-96" aria-expanded="false" aria-controls="midd-accordion-content-96" aria-labelledby="midd-accordion-item-label-96" role="button">
+                        <a href="#midd-accordion-item-label-1206" class="accordion-item__link" data-toggle-target=".js-accordion-item-1206" aria-expanded="false" aria-controls="midd-accordion-content-1206" aria-labelledby="midd-accordion-item-label-1206" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-96"><span class="badge badge--primary mr-2">Updated</span>Lorem ipsum dolor sit amet elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-1206"><span class="badge badge--primary mr-2">Updated</span>Lorem ipsum dolor sit amet elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-96" role="tabpanel" aria-labelledby="midd-accordion-item-label-96">
+                      <div class="accordion-item__content" id="midd-accordion-content-1206" role="tabpanel" aria-labelledby="midd-accordion-item-label-1206">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-161">
+                    <div class="accordion-item js-accordion-item-702">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-161" class="accordion-item__link" data-toggle-target=".js-accordion-item-161" aria-expanded="false" aria-controls="midd-accordion-content-161" aria-labelledby="midd-accordion-item-label-161" role="button">
+                        <a href="#midd-accordion-item-label-702" class="accordion-item__link" data-toggle-target=".js-accordion-item-702" aria-expanded="false" aria-controls="midd-accordion-content-702" aria-labelledby="midd-accordion-item-label-702" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-161">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-702">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-161" role="tabpanel" aria-labelledby="midd-accordion-item-label-161">
+                      <div class="accordion-item__content" id="midd-accordion-content-702" role="tabpanel" aria-labelledby="midd-accordion-item-label-702">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-1038">
+                    <div class="accordion-item js-accordion-item-484">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1038" class="accordion-item__link" data-toggle-target=".js-accordion-item-1038" aria-expanded="false" aria-controls="midd-accordion-content-1038" aria-labelledby="midd-accordion-item-label-1038" role="button">
+                        <a href="#midd-accordion-item-label-484" class="accordion-item__link" data-toggle-target=".js-accordion-item-484" aria-expanded="false" aria-controls="midd-accordion-content-484" aria-labelledby="midd-accordion-item-label-484" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-1038">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-484">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-1038" role="tabpanel" aria-labelledby="midd-accordion-item-label-1038">
+                      <div class="accordion-item__content" id="midd-accordion-content-484" role="tabpanel" aria-labelledby="midd-accordion-item-label-484">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-273">
+                    <div class="accordion-item js-accordion-item-729">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-273" class="accordion-item__link" data-toggle-target=".js-accordion-item-273" aria-expanded="false" aria-controls="midd-accordion-content-273" aria-labelledby="midd-accordion-item-label-273" role="button">
+                        <a href="#midd-accordion-item-label-729" class="accordion-item__link" data-toggle-target=".js-accordion-item-729" aria-expanded="false" aria-controls="midd-accordion-content-729" aria-labelledby="midd-accordion-item-label-729" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-273">Lorem iipsum consectetur adipiscing elit lorem ipsum psum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-729">Lorem iipsum consectetur adipiscing elit lorem ipsum psum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-273" role="tabpanel" aria-labelledby="midd-accordion-item-label-273">
+                      <div class="accordion-item__content" id="midd-accordion-content-729" role="tabpanel" aria-labelledby="midd-accordion-item-label-729">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-1083">
+                    <div class="accordion-item js-accordion-item-508">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1083" class="accordion-item__link" data-toggle-target=".js-accordion-item-1083" aria-expanded="false" aria-controls="midd-accordion-content-1083" aria-labelledby="midd-accordion-item-label-1083" role="button">
+                        <a href="#midd-accordion-item-label-508" class="accordion-item__link" data-toggle-target=".js-accordion-item-508" aria-expanded="false" aria-controls="midd-accordion-content-508" aria-labelledby="midd-accordion-item-label-508" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-1083">Lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-508">Lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-1083" role="tabpanel" aria-labelledby="midd-accordion-item-label-1083">
+                      <div class="accordion-item__content" id="midd-accordion-content-508" role="tabpanel" aria-labelledby="midd-accordion-item-label-508">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-527">
+                    <div class="accordion-item js-accordion-item-329">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-527" class="accordion-item__link" data-toggle-target=".js-accordion-item-527" aria-expanded="false" aria-controls="midd-accordion-content-527" aria-labelledby="midd-accordion-item-label-527" role="button">
+                        <a href="#midd-accordion-item-label-329" class="accordion-item__link" data-toggle-target=".js-accordion-item-329" aria-expanded="false" aria-controls="midd-accordion-content-329" aria-labelledby="midd-accordion-item-label-329" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-527">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-329">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-527" role="tabpanel" aria-labelledby="midd-accordion-item-label-527">
+                      <div class="accordion-item__content" id="midd-accordion-content-329" role="tabpanel" aria-labelledby="midd-accordion-item-label-329">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-301">
+                    <div class="accordion-item js-accordion-item-1228">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-301" class="accordion-item__link" data-toggle-target=".js-accordion-item-301" aria-expanded="false" aria-controls="midd-accordion-content-301" aria-labelledby="midd-accordion-item-label-301" role="button">
+                        <a href="#midd-accordion-item-label-1228" class="accordion-item__link" data-toggle-target=".js-accordion-item-1228" aria-expanded="false" aria-controls="midd-accordion-content-1228" aria-labelledby="midd-accordion-item-label-1228" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-301">Lorem ipsum dolor sit amet elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-1228">Lorem ipsum dolor sit amet elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-301" role="tabpanel" aria-labelledby="midd-accordion-item-label-301">
+                      <div class="accordion-item__content" id="midd-accordion-content-1228" role="tabpanel" aria-labelledby="midd-accordion-item-label-1228">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-697">
+                    <div class="accordion-item js-accordion-item-449">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-697" class="accordion-item__link" data-toggle-target=".js-accordion-item-697" aria-expanded="false" aria-controls="midd-accordion-content-697" aria-labelledby="midd-accordion-item-label-697" role="button">
+                        <a href="#midd-accordion-item-label-449" class="accordion-item__link" data-toggle-target=".js-accordion-item-449" aria-expanded="false" aria-controls="midd-accordion-content-449" aria-labelledby="midd-accordion-item-label-449" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-697">Lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-449">Lorem ipsum consectetur adipiscing elit?</span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content" id="midd-accordion-content-697" role="tabpanel" aria-labelledby="midd-accordion-item-label-697">
+                      <div class="accordion-item__content" id="midd-accordion-content-449" role="tabpanel" aria-labelledby="midd-accordion-item-label-449">
                         <span class="accordion-item__char" aria-hidden>A</span>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2768,16 +2768,16 @@ <h3 class="accordion-item__title" role="tab">
                     </div>
                   </div>
                 </section>
-                <section class="section paragraph--course-list js-filter-723" data-digest-content>
+                <section class="section paragraph--course-list js-filter-479" data-digest-content>
                   <div class="section__header">
                     <h2 class="section__title"> Course Title </h2>
                     <p class="section__text"> These are the courses I teach. </p>
                   </div>
                   <div class="accordion">
-                    <div class="accordion-item js-accordion-item-455 accordion-item-current accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-3 accordion-item-current accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-455" class="accordion-item__link" data-toggle-target=".js-accordion-item-455" aria-expanded="false" aria-controls="midd-accordion-content-455" aria-labelledby="midd-accordion-item-label-455" role="button">
-                          <span id="midd-accordion-item-label-455">
+                        <a href="#midd-accordion-item-label-3" class="accordion-item__link" data-toggle-target=".js-accordion-item-3" aria-expanded="false" aria-controls="midd-accordion-content-3" aria-labelledby="midd-accordion-item-label-3" role="button">
+                          <span id="midd-accordion-item-label-3">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span><span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Ecology and Evolution
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2785,7 +2785,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-455" role="tabpanel" aria-labelledby="midd-accordion-item-label-455">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-3" role="tabpanel" aria-labelledby="midd-accordion-item-label-3">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2801,10 +2801,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-244">
+                    <div class="accordion-item js-accordion-item-826">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-244" class="accordion-item__link" data-toggle-target=".js-accordion-item-244" aria-expanded="false" aria-controls="midd-accordion-content-244" aria-labelledby="midd-accordion-item-label-244" role="button">
-                          <span id="midd-accordion-item-label-244">
+                        <a href="#midd-accordion-item-label-826" class="accordion-item__link" data-toggle-target=".js-accordion-item-826" aria-expanded="false" aria-controls="midd-accordion-content-826" aria-labelledby="midd-accordion-item-label-826" role="button">
+                          <span id="midd-accordion-item-label-826">
                             <p class="accordion-item__label--bold">biol 0140</p> Film and Television, from Apocolipse Now to the Simpsons
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2812,7 +2812,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-244" role="tabpanel" aria-labelledby="midd-accordion-item-label-244">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-826" role="tabpanel" aria-labelledby="midd-accordion-item-label-826">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2823,10 +2823,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-1194 accordion-item-current">
+                    <div class="accordion-item js-accordion-item-359 accordion-item-current">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1194" class="accordion-item__link" data-toggle-target=".js-accordion-item-1194" aria-expanded="false" aria-controls="midd-accordion-content-1194" aria-labelledby="midd-accordion-item-label-1194" role="button">
-                          <span id="midd-accordion-item-label-1194">
+                        <a href="#midd-accordion-item-label-359" class="accordion-item__link" data-toggle-target=".js-accordion-item-359" aria-expanded="false" aria-controls="midd-accordion-content-359" aria-labelledby="midd-accordion-item-label-359" role="button">
+                          <span id="midd-accordion-item-label-359">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span></p> Biology of Plants Growing in the Forest
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2834,7 +2834,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-1194" role="tabpanel" aria-labelledby="midd-accordion-item-label-1194">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-359" role="tabpanel" aria-labelledby="midd-accordion-item-label-359">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2849,10 +2849,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-897 accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-601 accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-897" class="accordion-item__link" data-toggle-target=".js-accordion-item-897" aria-expanded="false" aria-controls="midd-accordion-content-897" aria-labelledby="midd-accordion-item-label-897" role="button">
-                          <span id="midd-accordion-item-label-897">
+                        <a href="#midd-accordion-item-label-601" class="accordion-item__link" data-toggle-target=".js-accordion-item-601" aria-expanded="false" aria-controls="midd-accordion-content-601" aria-labelledby="midd-accordion-item-label-601" role="button">
+                          <span id="midd-accordion-item-label-601">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Tropical Ecology and how reefs grow
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2860,7 +2860,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-897" role="tabpanel" aria-labelledby="midd-accordion-item-label-897">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-601" role="tabpanel" aria-labelledby="midd-accordion-item-label-601">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -2871,10 +2871,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-35">
+                    <div class="accordion-item js-accordion-item-899">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-35" class="accordion-item__link" data-toggle-target=".js-accordion-item-35" aria-expanded="false" aria-controls="midd-accordion-content-35" aria-labelledby="midd-accordion-item-label-35" role="button">
-                          <span id="midd-accordion-item-label-35">
+                        <a href="#midd-accordion-item-label-899" class="accordion-item__link" data-toggle-target=".js-accordion-item-899" aria-expanded="false" aria-controls="midd-accordion-content-899" aria-labelledby="midd-accordion-item-label-899" role="button">
+                          <span id="midd-accordion-item-label-899">
                             <p class="accordion-item__label--bold">biol 0140</p> Teaching Literature from Around the World
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -2882,7 +2882,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-35" role="tabpanel" aria-labelledby="midd-accordion-item-label-35">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-899" role="tabpanel" aria-labelledby="midd-accordion-item-label-899">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -3167,7 +3167,7 @@ <h2> Two Column Text Heading </h2>
                   <!-- video iframe html should be escaped -->
                   <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                     <div class="video__content js-video-content">
-                      <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-461">
+                      <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-422">
                         <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                         <span class="button  button--primary video__button"> Play <span class="ml-3">
                             <svg class="icon  " focusable="false" aria-hidden="true">
@@ -3178,14 +3178,14 @@ <h2> Two Column Text Heading </h2>
                       </a>
                     </div>
                     <figcaption class=" video__body">
-                      <h3 class=video__title id="midd-video-label-461">Practical Skills for Positive Change</h3>
+                      <h3 class=video__title id="midd-video-label-422">Practical Skills for Positive Change</h3>
                       <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                      <div class="transcript js-transcript-461 grid-video__transcript">
-                        <a href="#midd-transcript-461" class="transcript__button" data-toggle-target=".js-transcript-461" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                      <div class="transcript js-transcript-422 grid-video__transcript">
+                        <a href="#midd-transcript-422" class="transcript__button" data-toggle-target=".js-transcript-422" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                             <use xlink:href="#icon-chevron-down">
                           </svg>
                         </a>
-                        <div class="transcript__body" id="midd-transcript-461">
+                        <div class="transcript__body" id="midd-transcript-422">
                           <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                           <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                           <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
diff --git a/school-charts.html b/school-charts.html
index 7e849dcf..9a32d876 100644
--- a/school-charts.html
+++ b/school-charts.html
@@ -507,7 +507,7 @@ <h2 class="h2 mb-4">Internships</h2>
                     </div>
                   </div>
                 </div>
-                <div class="paragraph--chart" id="midd-map-716" data-digest-content>
+                <div class="paragraph--chart" id="midd-map-662" data-digest-content>
                   <h2 class="h2 mb-4">Map chart</h2>
                   <p class="mb-5 mb-md-7">This is map chart text right here.</p>
                   <svg viewBox="0 0 1031 445" version="1.1">
@@ -727,11 +727,11 @@ <h2 class="h2 mb-4">Map chart</h2>
                       </g>
                     </g>
                   </svg>
-                  <p class="f2" id="midd-map-text-716"> Germany; United States; China </p>
+                  <p class="f2" id="midd-map-text-662"> Germany; United States; China </p>
                   <style>
-                    #midd-map-716 #DE,
-                    #midd-map-716 #US,
-                    #midd-map-716 #CN
+                    #midd-map-662 #DE,
+                    #midd-map-662 #US,
+                    #midd-map-662 #CN
                     {
                       fill: #0d395f;
                     }
diff --git a/school-collection.html b/school-collection.html
index a0b1ab36..d92c30da 100644
--- a/school-collection.html
+++ b/school-collection.html
@@ -391,7 +391,7 @@ <h2 class="filters__title"> Filters </h2>
                   </div>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-281" aria-expanded="true"> Medium <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-503" aria-expanded="true"> Medium <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -399,32 +399,32 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-281">
+                    <div class="filter__body js-filter-503">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-281-1" />
-                        <label for="checkbox-item-281-1" id="checkbox-label-281-1" class="checkbox__label"> Photograph </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-503-1" />
+                        <label for="checkbox-item-503-1" id="checkbox-label-503-1" class="checkbox__label"> Photograph </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-281-2" />
-                        <label for="checkbox-item-281-2" id="checkbox-label-281-2" class="checkbox__label"> Short Story </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-503-2" />
+                        <label for="checkbox-item-503-2" id="checkbox-label-503-2" class="checkbox__label"> Short Story </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-281-3" />
-                        <label for="checkbox-item-281-3" id="checkbox-label-281-3" class="checkbox__label"> Poem </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-503-3" />
+                        <label for="checkbox-item-503-3" id="checkbox-label-503-3" class="checkbox__label"> Poem </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-281-4" />
-                        <label for="checkbox-item-281-4" id="checkbox-label-281-4" class="checkbox__label"> Audio </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-503-4" />
+                        <label for="checkbox-item-503-4" id="checkbox-label-503-4" class="checkbox__label"> Audio </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-281-5" />
-                        <label for="checkbox-item-281-5" id="checkbox-label-281-5" class="checkbox__label"> Video </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-503-5" />
+                        <label for="checkbox-item-503-5" id="checkbox-label-503-5" class="checkbox__label"> Video </label>
                       </div>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-468" aria-expanded="true"> Decades <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-446" aria-expanded="true"> Decades <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -432,22 +432,22 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-468">
+                    <div class="filter__body js-filter-446">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-468-1" />
-                        <label for="checkbox-item-468-1" id="checkbox-label-468-1" class="checkbox__label"> 1980-90 </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-446-1" />
+                        <label for="checkbox-item-446-1" id="checkbox-label-446-1" class="checkbox__label"> 1980-90 </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-468-2" />
-                        <label for="checkbox-item-468-2" id="checkbox-label-468-2" class="checkbox__label"> 1970-80 </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-446-2" />
+                        <label for="checkbox-item-446-2" id="checkbox-label-446-2" class="checkbox__label"> 1970-80 </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-468-3" />
-                        <label for="checkbox-item-468-3" id="checkbox-label-468-3" class="checkbox__label"> 1960-70 </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-446-3" />
+                        <label for="checkbox-item-446-3" id="checkbox-label-446-3" class="checkbox__label"> 1960-70 </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-468-4" />
-                        <label for="checkbox-item-468-4" id="checkbox-label-468-4" class="checkbox__label"> 1940-50 </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-446-4" />
+                        <label for="checkbox-item-446-4" id="checkbox-label-446-4" class="checkbox__label"> 1940-50 </label>
                       </div>
                     </div>
                   </fieldset>
diff --git a/school-course-list.html b/school-course-list.html
index e3c620d2..84aec290 100644
--- a/school-course-list.html
+++ b/school-course-list.html
@@ -410,7 +410,7 @@ <h2 class="page-nav__title" id="midd-page-nav-label">
                 </figure>
               </div>
               <div class="paragraphs">
-                <section class="section paragraph--course-list js-filter-1189" data-digest-content>
+                <section class="section paragraph--course-list js-filter-751" data-digest-content>
                   <div class="section__header">
                     <h2 class="section__title"> Department Courses </h2>
                     <p class="section__text"> These are the courses taught in this department. </p>
@@ -418,23 +418,23 @@ <h2 class="section__title"> Department Courses </h2>
                   <p class="course-list--text">Courses offered in the past four years. Courses offered currently are as noted.</p>
                   <div class="course-list--filters">
                     <div class="checkbox checkbox--filter">
-                      <input id="course-list-filter-all-1189" name="course-list-filter-1189" class="radio__input course-list-filter course-list-filter-all" type="radio" checked data-course-filter="1189">
-                      <label class="radio__label" for="course-list-filter-all-1189">Show all courses.</label>
+                      <input id="course-list-filter-all-751" name="course-list-filter-751" class="radio__input course-list-filter course-list-filter-all" type="radio" checked data-course-filter="751">
+                      <label class="radio__label" for="course-list-filter-all-751">Show all courses.</label>
                     </div>
                     <div class="checkbox checkbox--filter">
-                      <input id="course-list-filter-current-1189" name="course-list-filter-1189" class="radio__input course-list-filter course-list-filter-current" type="radio" data-course-filter="1189">
-                      <label class="radio__label" for="course-list-filter-current-1189">Show current courses.</label>
+                      <input id="course-list-filter-current-751" name="course-list-filter-751" class="radio__input course-list-filter course-list-filter-current" type="radio" data-course-filter="751">
+                      <label class="radio__label" for="course-list-filter-current-751">Show current courses.</label>
                     </div>
                     <div class="checkbox checkbox--filter">
-                      <input id="course-list-filter-upcoming-1189" name="course-list-filter-1189" class="radio__input course-list-filter course-list-filter-upcoming" type="radio" data-course-filter="1189">
-                      <label class="radio__label" for="course-list-filter-upcoming-1189">Show upcoming courses.</label>
+                      <input id="course-list-filter-upcoming-751" name="course-list-filter-751" class="radio__input course-list-filter course-list-filter-upcoming" type="radio" data-course-filter="751">
+                      <label class="radio__label" for="course-list-filter-upcoming-751">Show upcoming courses.</label>
                     </div>
                   </div>
                   <div class="accordion">
-                    <div class="accordion-item js-accordion-item-521 accordion-item-current accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-1159 accordion-item-current accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-521" class="accordion-item__link" data-toggle-target=".js-accordion-item-521" aria-expanded="false" aria-controls="midd-accordion-content-521" aria-labelledby="midd-accordion-item-label-521" role="button">
-                          <span id="midd-accordion-item-label-521">
+                        <a href="#midd-accordion-item-label-1159" class="accordion-item__link" data-toggle-target=".js-accordion-item-1159" aria-expanded="false" aria-controls="midd-accordion-content-1159" aria-labelledby="midd-accordion-item-label-1159" role="button">
+                          <span id="midd-accordion-item-label-1159">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span><span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Ecology and Evolution
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -442,7 +442,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-521" role="tabpanel" aria-labelledby="midd-accordion-item-label-521">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-1159" role="tabpanel" aria-labelledby="midd-accordion-item-label-1159">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -458,10 +458,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-858">
+                    <div class="accordion-item js-accordion-item-275">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-858" class="accordion-item__link" data-toggle-target=".js-accordion-item-858" aria-expanded="false" aria-controls="midd-accordion-content-858" aria-labelledby="midd-accordion-item-label-858" role="button">
-                          <span id="midd-accordion-item-label-858">
+                        <a href="#midd-accordion-item-label-275" class="accordion-item__link" data-toggle-target=".js-accordion-item-275" aria-expanded="false" aria-controls="midd-accordion-content-275" aria-labelledby="midd-accordion-item-label-275" role="button">
+                          <span id="midd-accordion-item-label-275">
                             <p class="accordion-item__label--bold">biol 0140</p> Film and Television, from Apocolipse Now to the Simpsons
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -469,7 +469,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-858" role="tabpanel" aria-labelledby="midd-accordion-item-label-858">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-275" role="tabpanel" aria-labelledby="midd-accordion-item-label-275">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -480,10 +480,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-441 accordion-item-current">
+                    <div class="accordion-item js-accordion-item-357 accordion-item-current">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-441" class="accordion-item__link" data-toggle-target=".js-accordion-item-441" aria-expanded="false" aria-controls="midd-accordion-content-441" aria-labelledby="midd-accordion-item-label-441" role="button">
-                          <span id="midd-accordion-item-label-441">
+                        <a href="#midd-accordion-item-label-357" class="accordion-item__link" data-toggle-target=".js-accordion-item-357" aria-expanded="false" aria-controls="midd-accordion-content-357" aria-labelledby="midd-accordion-item-label-357" role="button">
+                          <span id="midd-accordion-item-label-357">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span></p> Biology of Plants Growing in the Forest
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -491,7 +491,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-441" role="tabpanel" aria-labelledby="midd-accordion-item-label-441">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-357" role="tabpanel" aria-labelledby="midd-accordion-item-label-357">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -506,10 +506,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-720 accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-117 accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-720" class="accordion-item__link" data-toggle-target=".js-accordion-item-720" aria-expanded="false" aria-controls="midd-accordion-content-720" aria-labelledby="midd-accordion-item-label-720" role="button">
-                          <span id="midd-accordion-item-label-720">
+                        <a href="#midd-accordion-item-label-117" class="accordion-item__link" data-toggle-target=".js-accordion-item-117" aria-expanded="false" aria-controls="midd-accordion-content-117" aria-labelledby="midd-accordion-item-label-117" role="button">
+                          <span id="midd-accordion-item-label-117">
                             <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Tropical Ecology and how reefs grow
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -517,7 +517,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-720" role="tabpanel" aria-labelledby="midd-accordion-item-label-720">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-117" role="tabpanel" aria-labelledby="midd-accordion-item-label-117">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -528,10 +528,10 @@ <h3 class="accordion-item__title" role="tab">
                         </div>
                       </div>
                     </div>
-                    <div class="accordion-item js-accordion-item-156">
+                    <div class="accordion-item js-accordion-item-31">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-156" class="accordion-item__link" data-toggle-target=".js-accordion-item-156" aria-expanded="false" aria-controls="midd-accordion-content-156" aria-labelledby="midd-accordion-item-label-156" role="button">
-                          <span id="midd-accordion-item-label-156">
+                        <a href="#midd-accordion-item-label-31" class="accordion-item__link" data-toggle-target=".js-accordion-item-31" aria-expanded="false" aria-controls="midd-accordion-content-31" aria-labelledby="midd-accordion-item-label-31" role="button">
+                          <span id="midd-accordion-item-label-31">
                             <p class="accordion-item__label--bold">biol 0140</p> Teaching Literature from Around the World
                           </span>
                           <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -539,7 +539,7 @@ <h3 class="accordion-item__title" role="tab">
                           </svg>
                         </a>
                       </h3>
-                      <div class="accordion-item__content--column" id="midd-accordion-content-156" role="tabpanel" aria-labelledby="midd-accordion-item-label-156">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-31" role="tabpanel" aria-labelledby="midd-accordion-item-label-31">
                         <p class="accordion-item__sub-title">Course Description</p>
                         <div class="typography">
                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
diff --git a/school-event-list.html b/school-event-list.html
index 7f225983..634003ef 100644
--- a/school-event-list.html
+++ b/school-event-list.html
@@ -383,7 +383,7 @@ <h2 class="filters__title"> Filters </h2>
                   </div>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-833" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-564" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -391,13 +391,13 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-833">
+                    <div class="filter__body js-filter-564">
                       <label for="midd-events-datepicker" class="sr-only"> Filter by date </label>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-500" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-35" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -405,36 +405,36 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-500">
+                    <div class="filter__body js-filter-35">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-500-1" />
-                        <label for="checkbox-item-500-1" id="checkbox-label-500-1" class="checkbox__label"> Arts Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-35-1" />
+                        <label for="checkbox-item-35-1" id="checkbox-label-35-1" class="checkbox__label"> Arts Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-500-2" />
-                        <label for="checkbox-item-500-2" id="checkbox-label-500-2" class="checkbox__label"> Athletics Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-35-2" />
+                        <label for="checkbox-item-35-2" id="checkbox-label-35-2" class="checkbox__label"> Athletics Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-500-3" />
-                        <label for="checkbox-item-500-3" id="checkbox-label-500-3" class="checkbox__label"> Campus Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-35-3" />
+                        <label for="checkbox-item-35-3" id="checkbox-label-35-3" class="checkbox__label"> Campus Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-500-4" />
-                        <label for="checkbox-item-500-4" id="checkbox-label-500-4" class="checkbox__label"> Featured Events Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-35-4" />
+                        <label for="checkbox-item-35-4" id="checkbox-label-35-4" class="checkbox__label"> Featured Events Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-500-5" />
-                        <label for="checkbox-item-500-5" id="checkbox-label-500-5" class="checkbox__label"> MIIS Main Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-35-5" />
+                        <label for="checkbox-item-35-5" id="checkbox-label-35-5" class="checkbox__label"> MIIS Main Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-500-6" />
-                        <label for="checkbox-item-500-6" id="checkbox-label-500-6" class="checkbox__label"> Student Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-35-6" />
+                        <label for="checkbox-item-35-6" id="checkbox-label-35-6" class="checkbox__label"> Student Calendar </label>
                       </div>
                     </div>
                   </fieldset>
                   <fieldset class="filter">
                     <legend class="filter__legend">
-                      <button class="filter__button" data-toggle-target=".js-filter-1093" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-888" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-minus">
                         </svg>
                         <svg class="icon filter__icon-open " focusable="false" aria-hidden="true">
@@ -442,79 +442,79 @@ <h2 class="filters__title"> Filters </h2>
                         </svg>
                       </button>
                     </legend>
-                    <div class="filter__body js-filter-1093">
+                    <div class="filter__body js-filter-888">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-1" />
-                        <label for="checkbox-item-1093-1" id="checkbox-label-1093-1" class="checkbox__label"> Academic Departments </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-888-1" />
+                        <label for="checkbox-item-888-1" id="checkbox-label-888-1" class="checkbox__label"> Academic Departments </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-1-child-1" aria-labelledby="checkbox-label-1093-1-child-1 checkbox-label-1093-1" />
-                          <label for="checkbox-item-1093-1--child-1" id="checkbox-label-1093-1-child-1" class="checkbox__label"> American Studies </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-1-child-1" aria-labelledby="checkbox-label-888-1-child-1 checkbox-label-888-1" />
+                          <label for="checkbox-item-888-1--child-1" id="checkbox-label-888-1-child-1" class="checkbox__label"> American Studies </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-1-child-2" aria-labelledby="checkbox-label-1093-1-child-2 checkbox-label-1093-1" />
-                          <label for="checkbox-item-1093-1--child-2" id="checkbox-label-1093-1-child-2" class="checkbox__label"> Anthropology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-1-child-2" aria-labelledby="checkbox-label-888-1-child-2 checkbox-label-888-1" />
+                          <label for="checkbox-item-888-1--child-2" id="checkbox-label-888-1-child-2" class="checkbox__label"> Anthropology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-1-child-3" aria-labelledby="checkbox-label-1093-1-child-3 checkbox-label-1093-1" />
-                          <label for="checkbox-item-1093-1--child-3" id="checkbox-label-1093-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-1-child-3" aria-labelledby="checkbox-label-888-1-child-3 checkbox-label-888-1" />
+                          <label for="checkbox-item-888-1--child-3" id="checkbox-label-888-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-1-child-4" aria-labelledby="checkbox-label-1093-1-child-4 checkbox-label-1093-1" />
-                          <label for="checkbox-item-1093-1--child-4" id="checkbox-label-1093-1-child-4" class="checkbox__label"> Biology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-1-child-4" aria-labelledby="checkbox-label-888-1-child-4 checkbox-label-888-1" />
+                          <label for="checkbox-item-888-1--child-4" id="checkbox-label-888-1-child-4" class="checkbox__label"> Biology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-1-child-5" aria-labelledby="checkbox-label-1093-1-child-5 checkbox-label-1093-1" />
-                          <label for="checkbox-item-1093-1--child-5" id="checkbox-label-1093-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-1-child-5" aria-labelledby="checkbox-label-888-1-child-5 checkbox-label-888-1" />
+                          <label for="checkbox-item-888-1--child-5" id="checkbox-label-888-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-1-child-6" aria-labelledby="checkbox-label-1093-1-child-6 checkbox-label-1093-1" />
-                          <label for="checkbox-item-1093-1--child-6" id="checkbox-label-1093-1-child-6" class="checkbox__label"> Music </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-1-child-6" aria-labelledby="checkbox-label-888-1-child-6 checkbox-label-888-1" />
+                          <label for="checkbox-item-888-1--child-6" id="checkbox-label-888-1-child-6" class="checkbox__label"> Music </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-2" />
-                        <label for="checkbox-item-1093-2" id="checkbox-label-1093-2" class="checkbox__label"> Administrative Offices </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-888-2" />
+                        <label for="checkbox-item-888-2" id="checkbox-label-888-2" class="checkbox__label"> Administrative Offices </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-2-child-1" aria-labelledby="checkbox-label-1093-2-child-1 checkbox-label-1093-2" />
-                          <label for="checkbox-item-1093-2--child-1" id="checkbox-label-1093-2-child-1" class="checkbox__label"> Academic Affairs </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-2-child-1" aria-labelledby="checkbox-label-888-2-child-1 checkbox-label-888-2" />
+                          <label for="checkbox-item-888-2--child-1" id="checkbox-label-888-2-child-1" class="checkbox__label"> Academic Affairs </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-2-child-2" aria-labelledby="checkbox-label-1093-2-child-2 checkbox-label-1093-2" />
-                          <label for="checkbox-item-1093-2--child-2" id="checkbox-label-1093-2-child-2" class="checkbox__label"> Admissions </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-2-child-2" aria-labelledby="checkbox-label-888-2-child-2 checkbox-label-888-2" />
+                          <label for="checkbox-item-888-2--child-2" id="checkbox-label-888-2-child-2" class="checkbox__label"> Admissions </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-2-child-3" aria-labelledby="checkbox-label-1093-2-child-3 checkbox-label-1093-2" />
-                          <label for="checkbox-item-1093-2--child-3" id="checkbox-label-1093-2-child-3" class="checkbox__label"> Charles P. Scott Center for Spiritual and Religious Life </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-2-child-3" aria-labelledby="checkbox-label-888-2-child-3 checkbox-label-888-2" />
+                          <label for="checkbox-item-888-2--child-3" id="checkbox-label-888-2-child-3" class="checkbox__label"> Charles P. Scott Center for Spiritual and Religious Life </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-2-child-4" aria-labelledby="checkbox-label-1093-2-child-4 checkbox-label-1093-2" />
-                          <label for="checkbox-item-1093-2--child-4" id="checkbox-label-1093-2-child-4" class="checkbox__label"> Museum of Art </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-2-child-4" aria-labelledby="checkbox-label-888-2-child-4 checkbox-label-888-2" />
+                          <label for="checkbox-item-888-2--child-4" id="checkbox-label-888-2-child-4" class="checkbox__label"> Museum of Art </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-3" />
-                        <label for="checkbox-item-1093-3" id="checkbox-label-1093-3" class="checkbox__label"> Student Organizations </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-888-3" />
+                        <label for="checkbox-item-888-3" id="checkbox-label-888-3" class="checkbox__label"> Student Organizations </label>
                       </div>
                       <div class="filter__children">
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-3-child-1" aria-labelledby="checkbox-label-1093-3-child-1 checkbox-label-1093-3" />
-                          <label for="checkbox-item-1093-3--child-1" id="checkbox-label-1093-3-child-1" class="checkbox__label"> Amnesty International </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-3-child-1" aria-labelledby="checkbox-label-888-3-child-1 checkbox-label-888-3" />
+                          <label for="checkbox-item-888-3--child-1" id="checkbox-label-888-3-child-1" class="checkbox__label"> Amnesty International </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-3-child-2" aria-labelledby="checkbox-label-1093-3-child-2 checkbox-label-1093-3" />
-                          <label for="checkbox-item-1093-3--child-2" id="checkbox-label-1093-3-child-2" class="checkbox__label"> Black Student Union </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-3-child-2" aria-labelledby="checkbox-label-888-3-child-2 checkbox-label-888-3" />
+                          <label for="checkbox-item-888-3--child-2" id="checkbox-label-888-3-child-2" class="checkbox__label"> Black Student Union </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-3-child-3" aria-labelledby="checkbox-label-1093-3-child-3 checkbox-label-1093-3" />
-                          <label for="checkbox-item-1093-3--child-3" id="checkbox-label-1093-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-3-child-3" aria-labelledby="checkbox-label-888-3-child-3 checkbox-label-888-3" />
+                          <label for="checkbox-item-888-3--child-3" id="checkbox-label-888-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1093-3-child-4" aria-labelledby="checkbox-label-1093-3-child-4 checkbox-label-1093-3" />
-                          <label for="checkbox-item-1093-3--child-4" id="checkbox-label-1093-3-child-4" class="checkbox__label"> Quidditch </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-888-3-child-4" aria-labelledby="checkbox-label-888-3-child-4 checkbox-label-888-3" />
+                          <label for="checkbox-item-888-3--child-4" id="checkbox-label-888-3-child-4" class="checkbox__label"> Quidditch </label>
                         </div>
                       </div>
                     </div>
diff --git a/school-home-blse.html b/school-home-blse.html
index f5081f31..002c564c 100644
--- a/school-home-blse.html
+++ b/school-home-blse.html
@@ -345,18 +345,18 @@ <h2 class="sr-only" id="midd-secondary-nav-label">Secondary navigation</h2>
             <div class="paragraphs paragraphs--wide">
               <div class="paragraph paragraph--full">
                 <div class="container px-0">
-                  <section class="mega-cta mega-cta--image-  mega-cta--blse" aria-labelledby="midd-mega-cta-label-236">
+                  <section class="mega-cta mega-cta--image-  mega-cta--blse" aria-labelledby="midd-mega-cta-label-548">
                     <div>
                       <figure class="mega-cta__back">
                         <img src="https://via.placeholder.com/1440x810" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/960x540 960w,https://via.placeholder.com/1280x720 1280w,https://via.placeholder.com/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                         <figcaption class="mega-cta__caption">
                           <div class="tooltip tooltip--light">
-                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-604">
+                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-1179">
                               <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-info">
                               </svg>
                             </button>
-                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-604"> caption for mega cta </div>
+                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-1179"> caption for mega cta </div>
                           </div>
                         </figcaption>
                       </figure>
diff --git a/school-home-college.html b/school-home-college.html
index 6760f55f..a12a7340 100644
--- a/school-home-college.html
+++ b/school-home-college.html
@@ -403,7 +403,7 @@ <h1 class="homepage-title" id="midd-page-header-label" data-animation-target>At
                     <div class="grid-container js-grid-container">
                       <div class="grid-quad-block quad-1">
                         <div class="quad-item-1" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1216">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1090">
                             <span class="button grid__label-icon">
                               <svg class="icon play " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-play">
@@ -411,7 +411,7 @@ <h1 class="homepage-title" id="midd-page-header-label" data-animation-target>At
                             </span>
                             <img class="js-lazy-load" width="716" height="403" data-src="https://via.placeholder.com/716x403" data-srcset="https://via.placeholder.com/320x180 320w,https://via.placeholder.com/380x214 380w,https://via.placeholder.com/596x335 596w,https://via.placeholder.com/716x403 716w" sizes="(max-width: 716px) 100vw, 716px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-1216">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-1090">
                             <div class="grid-hover__text">
                               <p>Take a tour of Middlebury Campus</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
@@ -422,7 +422,7 @@ <h1 class="homepage-title" id="midd-page-header-label" data-animation-target>At
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-1216" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-1090" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -433,7 +433,7 @@ <h1 class="homepage-title" id="midd-page-header-label" data-animation-target>At
                               <!-- video iframe html should be escaped -->
                               <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                                 <div class="video__content js-video-content">
-                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-122">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1110">
                                     <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                     <span class="button  button--light video__button"> Play <span class="ml-3">
                                         <svg class="icon  " focusable="false" aria-hidden="true">
@@ -444,14 +444,14 @@ <h1 class="homepage-title" id="midd-page-header-label" data-animation-target>At
                                   </a>
                                 </div>
                                 <figcaption class="offset-lg-1 grid-video__body">
-                                  <h3 class=sr-only id="midd-video-label-122">Practical Skills for Positive Change</h3>
+                                  <h3 class=sr-only id="midd-video-label-1110">Practical Skills for Positive Change</h3>
                                   <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                  <div class="transcript js-transcript-122 grid-video__transcript">
-                                    <a href="#midd-transcript-122" class="transcript__button" data-toggle-target=".js-transcript-122" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                  <div class="transcript js-transcript-1110 grid-video__transcript">
+                                    <a href="#midd-transcript-1110" class="transcript__button" data-toggle-target=".js-transcript-1110" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-chevron-down">
                                       </svg>
                                     </a>
-                                    <div class="transcript__body" id="midd-transcript-122">
+                                    <div class="transcript__body" id="midd-transcript-1110">
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -463,16 +463,67 @@ <h3 class=sr-only id="midd-video-label-122">Practical Skills for Positive Change
                           </div>
                         </div>
                         <div class="quad-item-2" tabindex="0">
-                          <figure class="grid-quote quote-text--small quote--dark">
-                            <blockquote class="grid-quote__text">I went to the Knoll and the sky was so clear. I saw Jupiter and my first shooting star!”</blockquote>
-                            <figcaption class="grid-quote__caption"> Ella Roelofs ’23.5 <p>
-                                <em>Student</em>
-                              </p>
-                            </figcaption>
-                          </figure>
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-261">
+                            <span class="button grid__label-icon">
+                              <svg class="icon play " focusable="false" aria-hidden="true">
+                                <use xlink:href="#icon-play">
+                              </svg>
+                            </span>
+                            <img class="js-lazy-load" width="305" height="403" data-src="https://via.placeholder.com/305x403" data-srcset="https://via.placeholder.com/132x180 132w,https://via.placeholder.com/158x214 158w,https://via.placeholder.com/252x336 252w,https://via.placeholder.com/305x403 305w" sizes="(max-width: 305px) 100vw, 305px" alt="" />
+                          </div>
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-261">
+                            <div class="grid-hover__text">
+                              <p>Take a tour of Middlebury Campus</p>
+                              <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
+                                  <svg class="icon  " focusable="false" aria-hidden="true">
+                                    <use xlink:href="#icon-play">
+                                  </svg>
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                          <div class="grid-modal" id="midd-grid-overlay-261" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                            <div class="grid-modal__button-container">
+                              <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
+                                  <use xlink:href="#icon-times">
+                                </svg>
+                              </button>
+                            </div>
+                            <div class="grid-modal__overlay container">
+                              <!-- video iframe html should be escaped -->
+                              <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
+                                <div class="video__content js-video-content">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-327">
+                                    <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
+                                    <span class="button  button--light video__button"> Play <span class="ml-3">
+                                        <svg class="icon  " focusable="false" aria-hidden="true">
+                                          <use xlink:href="#icon-play">
+                                        </svg>
+                                      </span>
+                                    </span>
+                                  </a>
+                                </div>
+                                <figcaption class="offset-lg-1 grid-video__body">
+                                  <h3 class=sr-only id="midd-video-label-327">Practical Skills for Positive Change</h3>
+                                  <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
+                                  <div class="transcript js-transcript-327 grid-video__transcript">
+                                    <a href="#midd-transcript-327" class="transcript__button" data-toggle-target=".js-transcript-327" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                        <use xlink:href="#icon-chevron-down">
+                                      </svg>
+                                    </a>
+                                    <div class="transcript__body" id="midd-transcript-327">
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                    </div>
+                                  </div>
+                                </figcaption>
+                              </figure>
+                            </div>
+                          </div>
                         </div>
                         <div class="quad-item-3" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-517">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1056">
                             <span class="button grid__label-icon expand">
                               <svg class="icon expand " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-expand">
@@ -480,7 +531,7 @@ <h3 class=sr-only id="midd-video-label-122">Practical Skills for Positive Change
                             </span>
                             <img class="js-lazy-load" width="403" height="716" data-src="https://via.placeholder.com/403x716" data-srcset="https://via.placeholder.com/180x320 180w,https://via.placeholder.com/214x380 214w,https://via.placeholder.com/335x596 335w,https://via.placeholder.com/403x716 403w" sizes="(max-width: 403px) 100vw, 403px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay expand " data-grid-overlay-open="midd-grid-overlay-517">
+                          <div class="grid-hover__overlay expand " data-grid-overlay-open="midd-grid-overlay-1056">
                             <div class="grid-hover__text">
                               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Expand <span class="ml-3">
@@ -491,7 +542,7 @@ <h3 class=sr-only id="midd-video-label-122">Practical Skills for Positive Change
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-517" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-1056" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -524,7 +575,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                       </div>
                       <div class="grid-quad-block quad-2">
                         <div class="quad-item-1" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-165">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1187">
                             <span class="button grid__label-icon">
                               <svg class="icon play " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-play">
@@ -532,7 +583,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                             </span>
                             <img class="js-lazy-load" width="716" height="403" data-src="https://via.placeholder.com/716x403" data-srcset="https://via.placeholder.com/320x180 320w,https://via.placeholder.com/380x214 380w,https://via.placeholder.com/596x335 596w,https://via.placeholder.com/716x403 716w" sizes="(max-width: 716px) 100vw, 716px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-165">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-1187">
                             <div class="grid-hover__text">
                               <p>Take a tour of Middlebury Campus</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
@@ -543,7 +594,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-165" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-1187" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -554,7 +605,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                               <!-- video iframe html should be escaped -->
                               <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                                 <div class="video__content js-video-content">
-                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-268">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-55">
                                     <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                     <span class="button  button--light video__button"> Play <span class="ml-3">
                                         <svg class="icon  " focusable="false" aria-hidden="true">
@@ -565,14 +616,14 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                                   </a>
                                 </div>
                                 <figcaption class="offset-lg-1 grid-video__body">
-                                  <h3 class=sr-only id="midd-video-label-268">Practical Skills for Positive Change</h3>
+                                  <h3 class=sr-only id="midd-video-label-55">Practical Skills for Positive Change</h3>
                                   <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                  <div class="transcript js-transcript-268 grid-video__transcript">
-                                    <a href="#midd-transcript-268" class="transcript__button" data-toggle-target=".js-transcript-268" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                  <div class="transcript js-transcript-55 grid-video__transcript">
+                                    <a href="#midd-transcript-55" class="transcript__button" data-toggle-target=".js-transcript-55" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-chevron-down">
                                       </svg>
                                     </a>
-                                    <div class="transcript__body" id="midd-transcript-268">
+                                    <div class="transcript__body" id="midd-transcript-55">
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -584,16 +635,67 @@ <h3 class=sr-only id="midd-video-label-268">Practical Skills for Positive Change
                           </div>
                         </div>
                         <div class="quad-item-2" tabindex="0">
-                          <figure class="grid-quote quote-text--small quote--dark">
-                            <blockquote class="grid-quote__text">I went to the Knoll and the sky was so clear. I saw Jupiter and my first shooting star!”</blockquote>
-                            <figcaption class="grid-quote__caption"> Ella Roelofs ’23.5 <p>
-                                <em>Student</em>
-                              </p>
-                            </figcaption>
-                          </figure>
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-505">
+                            <span class="button grid__label-icon">
+                              <svg class="icon play " focusable="false" aria-hidden="true">
+                                <use xlink:href="#icon-play">
+                              </svg>
+                            </span>
+                            <img class="js-lazy-load" width="305" height="403" data-src="https://via.placeholder.com/305x403" data-srcset="https://via.placeholder.com/132x180 132w,https://via.placeholder.com/158x214 158w,https://via.placeholder.com/252x336 252w,https://via.placeholder.com/305x403 305w" sizes="(max-width: 305px) 100vw, 305px" alt="" />
+                          </div>
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-505">
+                            <div class="grid-hover__text">
+                              <p>Take a tour of Middlebury Campus</p>
+                              <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
+                                  <svg class="icon  " focusable="false" aria-hidden="true">
+                                    <use xlink:href="#icon-play">
+                                  </svg>
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                          <div class="grid-modal" id="midd-grid-overlay-505" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                            <div class="grid-modal__button-container">
+                              <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
+                                  <use xlink:href="#icon-times">
+                                </svg>
+                              </button>
+                            </div>
+                            <div class="grid-modal__overlay container">
+                              <!-- video iframe html should be escaped -->
+                              <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
+                                <div class="video__content js-video-content">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-113">
+                                    <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
+                                    <span class="button  button--light video__button"> Play <span class="ml-3">
+                                        <svg class="icon  " focusable="false" aria-hidden="true">
+                                          <use xlink:href="#icon-play">
+                                        </svg>
+                                      </span>
+                                    </span>
+                                  </a>
+                                </div>
+                                <figcaption class="offset-lg-1 grid-video__body">
+                                  <h3 class=sr-only id="midd-video-label-113">Practical Skills for Positive Change</h3>
+                                  <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
+                                  <div class="transcript js-transcript-113 grid-video__transcript">
+                                    <a href="#midd-transcript-113" class="transcript__button" data-toggle-target=".js-transcript-113" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                        <use xlink:href="#icon-chevron-down">
+                                      </svg>
+                                    </a>
+                                    <div class="transcript__body" id="midd-transcript-113">
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                    </div>
+                                  </div>
+                                </figcaption>
+                              </figure>
+                            </div>
+                          </div>
                         </div>
                         <div class="quad-item-3" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1024">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-861">
                             <span class="button grid__label-icon expand">
                               <svg class="icon expand " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-expand">
@@ -601,7 +703,7 @@ <h3 class=sr-only id="midd-video-label-268">Practical Skills for Positive Change
                             </span>
                             <img class="js-lazy-load" width="403" height="716" data-src="https://via.placeholder.com/403x716" data-srcset="https://via.placeholder.com/180x320 180w,https://via.placeholder.com/214x380 214w,https://via.placeholder.com/335x596 335w,https://via.placeholder.com/403x716 403w" sizes="(max-width: 403px) 100vw, 403px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay expand " data-grid-overlay-open="midd-grid-overlay-1024">
+                          <div class="grid-hover__overlay expand " data-grid-overlay-open="midd-grid-overlay-861">
                             <div class="grid-hover__text">
                               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Expand <span class="ml-3">
@@ -612,7 +714,7 @@ <h3 class=sr-only id="midd-video-label-268">Practical Skills for Positive Change
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-1024" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-861" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -645,7 +747,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                       </div>
                       <div class="grid-quad-block quad-3">
                         <div class="quad-item-1" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-415">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-251">
                             <span class="button grid__label-icon">
                               <svg class="icon play " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-play">
@@ -653,7 +755,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                             </span>
                             <img class="js-lazy-load" width="716" height="403" data-src="https://via.placeholder.com/716x403" data-srcset="https://via.placeholder.com/320x180 320w,https://via.placeholder.com/380x214 380w,https://via.placeholder.com/596x335 596w,https://via.placeholder.com/716x403 716w" sizes="(max-width: 716px) 100vw, 716px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-415">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-251">
                             <div class="grid-hover__text">
                               <p>Take a tour of Middlebury Campus</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
@@ -664,7 +766,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-415" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-251" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -675,7 +777,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                               <!-- video iframe html should be escaped -->
                               <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                                 <div class="video__content js-video-content">
-                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-306">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-101">
                                     <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                     <span class="button  button--light video__button"> Play <span class="ml-3">
                                         <svg class="icon  " focusable="false" aria-hidden="true">
@@ -686,14 +788,14 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                                   </a>
                                 </div>
                                 <figcaption class="offset-lg-1 grid-video__body">
-                                  <h3 class=sr-only id="midd-video-label-306">Practical Skills for Positive Change</h3>
+                                  <h3 class=sr-only id="midd-video-label-101">Practical Skills for Positive Change</h3>
                                   <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                  <div class="transcript js-transcript-306 grid-video__transcript">
-                                    <a href="#midd-transcript-306" class="transcript__button" data-toggle-target=".js-transcript-306" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                  <div class="transcript js-transcript-101 grid-video__transcript">
+                                    <a href="#midd-transcript-101" class="transcript__button" data-toggle-target=".js-transcript-101" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-chevron-down">
                                       </svg>
                                     </a>
-                                    <div class="transcript__body" id="midd-transcript-306">
+                                    <div class="transcript__body" id="midd-transcript-101">
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -705,16 +807,67 @@ <h3 class=sr-only id="midd-video-label-306">Practical Skills for Positive Change
                           </div>
                         </div>
                         <div class="quad-item-2" tabindex="0">
-                          <figure class="grid-quote quote-text--small quote--dark">
-                            <blockquote class="grid-quote__text">I went to the Knoll and the sky was so clear. I saw Jupiter and my first shooting star!”</blockquote>
-                            <figcaption class="grid-quote__caption"> Ella Roelofs ’23.5 <p>
-                                <em>Student</em>
-                              </p>
-                            </figcaption>
-                          </figure>
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1147">
+                            <span class="button grid__label-icon">
+                              <svg class="icon play " focusable="false" aria-hidden="true">
+                                <use xlink:href="#icon-play">
+                              </svg>
+                            </span>
+                            <img class="js-lazy-load" width="305" height="403" data-src="https://via.placeholder.com/305x403" data-srcset="https://via.placeholder.com/132x180 132w,https://via.placeholder.com/158x214 158w,https://via.placeholder.com/252x336 252w,https://via.placeholder.com/305x403 305w" sizes="(max-width: 305px) 100vw, 305px" alt="" />
+                          </div>
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-1147">
+                            <div class="grid-hover__text">
+                              <p>Take a tour of Middlebury Campus</p>
+                              <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
+                                  <svg class="icon  " focusable="false" aria-hidden="true">
+                                    <use xlink:href="#icon-play">
+                                  </svg>
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                          <div class="grid-modal" id="midd-grid-overlay-1147" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                            <div class="grid-modal__button-container">
+                              <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
+                                  <use xlink:href="#icon-times">
+                                </svg>
+                              </button>
+                            </div>
+                            <div class="grid-modal__overlay container">
+                              <!-- video iframe html should be escaped -->
+                              <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
+                                <div class="video__content js-video-content">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1095">
+                                    <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
+                                    <span class="button  button--light video__button"> Play <span class="ml-3">
+                                        <svg class="icon  " focusable="false" aria-hidden="true">
+                                          <use xlink:href="#icon-play">
+                                        </svg>
+                                      </span>
+                                    </span>
+                                  </a>
+                                </div>
+                                <figcaption class="offset-lg-1 grid-video__body">
+                                  <h3 class=sr-only id="midd-video-label-1095">Practical Skills for Positive Change</h3>
+                                  <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
+                                  <div class="transcript js-transcript-1095 grid-video__transcript">
+                                    <a href="#midd-transcript-1095" class="transcript__button" data-toggle-target=".js-transcript-1095" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                        <use xlink:href="#icon-chevron-down">
+                                      </svg>
+                                    </a>
+                                    <div class="transcript__body" id="midd-transcript-1095">
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                    </div>
+                                  </div>
+                                </figcaption>
+                              </figure>
+                            </div>
+                          </div>
                         </div>
                         <div class="quad-item-3" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-691">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-341">
                             <span class="button grid__label-icon expand">
                               <svg class="icon expand " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-expand">
@@ -722,7 +875,7 @@ <h3 class=sr-only id="midd-video-label-306">Practical Skills for Positive Change
                             </span>
                             <img class="js-lazy-load" width="403" height="716" data-src="https://via.placeholder.com/403x716" data-srcset="https://via.placeholder.com/180x320 180w,https://via.placeholder.com/214x380 214w,https://via.placeholder.com/335x596 335w,https://via.placeholder.com/403x716 403w" sizes="(max-width: 403px) 100vw, 403px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay expand " data-grid-overlay-open="midd-grid-overlay-691">
+                          <div class="grid-hover__overlay expand " data-grid-overlay-open="midd-grid-overlay-341">
                             <div class="grid-hover__text">
                               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Expand <span class="ml-3">
@@ -733,7 +886,7 @@ <h3 class=sr-only id="midd-video-label-306">Practical Skills for Positive Change
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-691" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-341" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -766,7 +919,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                       </div>
                       <div class="grid-quad-block quad-4">
                         <div class="quad-item-1" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-577">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-582">
                             <span class="button grid__label-icon">
                               <svg class="icon play " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-play">
@@ -774,7 +927,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                             </span>
                             <img class="js-lazy-load" width="716" height="403" data-src="https://via.placeholder.com/716x403" data-srcset="https://via.placeholder.com/320x180 320w,https://via.placeholder.com/380x214 380w,https://via.placeholder.com/596x335 596w,https://via.placeholder.com/716x403 716w" sizes="(max-width: 716px) 100vw, 716px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-577">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-582">
                             <div class="grid-hover__text">
                               <p>Take a tour of Middlebury Campus</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
@@ -785,7 +938,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-577" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-582" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
@@ -796,7 +949,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                               <!-- video iframe html should be escaped -->
                               <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                                 <div class="video__content js-video-content">
-                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-477">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-526">
                                     <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                                     <span class="button  button--light video__button"> Play <span class="ml-3">
                                         <svg class="icon  " focusable="false" aria-hidden="true">
@@ -807,14 +960,14 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                                   </a>
                                 </div>
                                 <figcaption class="offset-lg-1 grid-video__body">
-                                  <h3 class=sr-only id="midd-video-label-477">Practical Skills for Positive Change</h3>
+                                  <h3 class=sr-only id="midd-video-label-526">Practical Skills for Positive Change</h3>
                                   <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                                  <div class="transcript js-transcript-477 grid-video__transcript">
-                                    <a href="#midd-transcript-477" class="transcript__button" data-toggle-target=".js-transcript-477" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                  <div class="transcript js-transcript-526 grid-video__transcript">
+                                    <a href="#midd-transcript-526" class="transcript__button" data-toggle-target=".js-transcript-526" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                                         <use xlink:href="#icon-chevron-down">
                                       </svg>
                                     </a>
-                                    <div class="transcript__body" id="midd-transcript-477">
+                                    <div class="transcript__body" id="midd-transcript-526">
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                                       <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -826,16 +979,67 @@ <h3 class=sr-only id="midd-video-label-477">Practical Skills for Positive Change
                           </div>
                         </div>
                         <div class="quad-item-2" tabindex="0">
-                          <figure class="grid-quote quote-text--small quote--dark">
-                            <blockquote class="grid-quote__text">I went to the Knoll and the sky was so clear. I saw Jupiter and my first shooting star!”</blockquote>
-                            <figcaption class="grid-quote__caption"> Ella Roelofs ’23.5 <p>
-                                <em>Student</em>
-                              </p>
-                            </figcaption>
-                          </figure>
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1202">
+                            <span class="button grid__label-icon">
+                              <svg class="icon play " focusable="false" aria-hidden="true">
+                                <use xlink:href="#icon-play">
+                              </svg>
+                            </span>
+                            <img class="js-lazy-load" width="305" height="403" data-src="https://via.placeholder.com/305x403" data-srcset="https://via.placeholder.com/132x180 132w,https://via.placeholder.com/158x214 158w,https://via.placeholder.com/252x336 252w,https://via.placeholder.com/305x403 305w" sizes="(max-width: 305px) 100vw, 305px" alt="" />
+                          </div>
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-1202">
+                            <div class="grid-hover__text">
+                              <p>Take a tour of Middlebury Campus</p>
+                              <button class="button button--light mt-4" aria-label="Open overlay"> Play <span class="ml-3">
+                                  <svg class="icon  " focusable="false" aria-hidden="true">
+                                    <use xlink:href="#icon-play">
+                                  </svg>
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                          <div class="grid-modal" id="midd-grid-overlay-1202" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                            <div class="grid-modal__button-container">
+                              <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
+                                  <use xlink:href="#icon-times">
+                                </svg>
+                              </button>
+                            </div>
+                            <div class="grid-modal__overlay container">
+                              <!-- video iframe html should be escaped -->
+                              <figure class="video landscape-video--grid js-expand-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
+                                <div class="video__content js-video-content">
+                                  <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1115">
+                                    <img class="js-lazy-load" width="1136" height="639" data-src="https://via.placeholder.com/1136x639" data-srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
+                                    <span class="button  button--light video__button"> Play <span class="ml-3">
+                                        <svg class="icon  " focusable="false" aria-hidden="true">
+                                          <use xlink:href="#icon-play">
+                                        </svg>
+                                      </span>
+                                    </span>
+                                  </a>
+                                </div>
+                                <figcaption class="offset-lg-1 grid-video__body">
+                                  <h3 class=sr-only id="midd-video-label-1115">Practical Skills for Positive Change</h3>
+                                  <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
+                                  <div class="transcript js-transcript-1115 grid-video__transcript">
+                                    <a href="#midd-transcript-1115" class="transcript__button" data-toggle-target=".js-transcript-1115" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                                        <use xlink:href="#icon-chevron-down">
+                                      </svg>
+                                    </a>
+                                    <div class="transcript__body" id="midd-transcript-1115">
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                      <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
+                                    </div>
+                                  </div>
+                                </figcaption>
+                              </figure>
+                            </div>
+                          </div>
                         </div>
                         <div class="quad-item-3" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-353">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-230">
                             <span class="button grid__label-icon expand">
                               <svg class="icon expand " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-expand">
@@ -843,7 +1047,7 @@ <h3 class=sr-only id="midd-video-label-477">Practical Skills for Positive Change
                             </span>
                             <img class="js-lazy-load" width="403" height="716" data-src="https://via.placeholder.com/403x716" data-srcset="https://via.placeholder.com/180x320 180w,https://via.placeholder.com/214x380 214w,https://via.placeholder.com/335x596 335w,https://via.placeholder.com/403x716 403w" sizes="(max-width: 403px) 100vw, 403px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay expand " data-grid-overlay-open="midd-grid-overlay-353">
+                          <div class="grid-hover__overlay expand " data-grid-overlay-open="midd-grid-overlay-230">
                             <div class="grid-hover__text">
                               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Expand <span class="ml-3">
@@ -854,7 +1058,7 @@ <h3 class=sr-only id="midd-video-label-477">Practical Skills for Positive Change
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-353" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-230" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
                             <div class="grid-modal__button-container">
                               <button class="grid-modal__button grid-modal__button--close" aria-label="Close modal" data-grid-overlay-close> Close <svg class="icon ml-1 " focusable="false" aria-hidden="true">
                                   <use xlink:href="#icon-times">
diff --git a/school-home-institute.html b/school-home-institute.html
index bed2f346..2c3e0dc6 100644
--- a/school-home-institute.html
+++ b/school-home-institute.html
@@ -345,18 +345,18 @@ <h2 class="sr-only" id="midd-secondary-nav-label">Secondary navigation</h2>
             <div class="paragraphs paragraphs--wide">
               <div class="paragraph paragraph--full">
                 <div class="container px-0">
-                  <section class="mega-cta mega-cta--image-left-bottom " aria-labelledby="midd-mega-cta-label-274">
+                  <section class="mega-cta mega-cta--image-left-bottom " aria-labelledby="midd-mega-cta-label-128">
                     <div class="mega-cta__back-gradient">
                       <figure class="mega-cta__back">
                         <img data-original-image-width="1500" data-original-image-height="1000" srcset="https://saw.middlebury.edu/~imcbride/institute-redesign/sites/www.middlebury.edu.institute/files/styles/400x225/public/2021-08/carlos-colon-NPTS-2019_helping-other-student_computer-lab_1500x1000.JPG?fv=QClXNARD&amp;itok=l6U-0YEv 400w, https://saw.middlebury.edu/~imcbride/institute-redesign/sites/www.middlebury.edu.institute/files/styles/640x360/public/2021-08/carlos-colon-NPTS-2019_helping-other-student_computer-lab_1500x1000.JPG?fv=xL3gpSGz&amp;itok=nj-oj2Kv 640w, https://saw.middlebury.edu/~imcbride/institute-redesign/sites/www.middlebury.edu.institute/files/styles/960x540/public/2021-08/carlos-colon-NPTS-2019_helping-other-student_computer-lab_1500x1000.JPG?fv=GsS7WaEp&amp;itok=N0CGkwWZ 960w, https://saw.middlebury.edu/~imcbride/institute-redesign/sites/www.middlebury.edu.institute/files/styles/1280x720/public/2021-08/carlos-colon-NPTS-2019_helping-other-student_computer-lab_1500x1000.JPG?fv=iQE9u9P2&amp;itok=7PCkhQcT 1280w, https://saw.middlebury.edu/~imcbride/institute-redesign/sites/www.middlebury.edu.institute/files/styles/1440x810/public/2021-08/carlos-colon-NPTS-2019_helping-other-student_computer-lab_1500x1000.JPG?fv=Lao2Vvu6&amp;itok=6L7dR4rf 1440w" sizes="(max-width: 1440px) 100vw, 1440px" src="https://saw.middlebury.edu/~imcbride/institute-redesign/sites/www.middlebury.edu.institute/files/styles/1440x810/public/2021-08/carlos-colon-NPTS-2019_helping-other-student_computer-lab_1500x1000.JPG?fv=Lao2Vvu6&amp;itok=6L7dR4rf" alt="Two students in the computer lab discussing what is the on the computer screen">
                         <figcaption class="mega-cta__caption">
                           <div class="tooltip tooltip--light">
-                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-619">
+                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-947">
                               <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-info">
                               </svg>
                             </button>
-                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-619"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
+                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-947"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
                           </div>
                         </figcaption>
                       </figure>
@@ -364,7 +364,7 @@ <h2 class="sr-only" id="midd-secondary-nav-label">Secondary navigation</h2>
                     <div class="mega-cta__front  mega-cta--gradient-left-top ">
                       <div class=" mega-cta__content-miis mega-cta__content-position mega-cta__content-position-left-top ">
                         <a href="#" class="mega-cta__link">
-                          <h2 class="mega-cta__title-miis" id="midd-mega-cta-label-274">Water Sanitation Research and Development, India</h2>
+                          <h2 class="mega-cta__title-miis" id="midd-mega-cta-label-128">Water Sanitation Research and Development, India</h2>
                         </a>
                         <p class="mega-cta__text-miis"> Access to safe water and adequate sanitation services has proven to be one of the most efficient ways of improving human health. </p>
                         <a class="button button--outline button--light" href="">Read more</a>
@@ -815,9 +815,9 @@ <h4>What now?</h4>
                 </div>
                 </section>
               </div>
-              <section class="section paragraph" aria-labelledby="section-316-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-72-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-316-label"> Featured News </h2>
+                  <h2 class="section__title" id="section-72-label"> Featured News </h2>
                   <a href="" class="section__link">View all</a>
                   <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                 </div>
@@ -1363,153 +1363,153 @@ <h4>What now?</h4>
               <section class="section paragraph--faq" data-digest-content>
                 <h2 class="section__title"> Frequently Asked Questions </h2>
                 <div class="accordion">
-                  <div class="accordion-item js-accordion-item-1168">
+                  <div class="accordion-item js-accordion-item-918">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-1168" class="accordion-item__link" data-toggle-target=".js-accordion-item-1168" aria-expanded="false" aria-controls="midd-accordion-content-1168" aria-labelledby="midd-accordion-item-label-1168" role="button">
+                      <a href="#midd-accordion-item-label-918" class="accordion-item__link" data-toggle-target=".js-accordion-item-918" aria-expanded="false" aria-controls="midd-accordion-content-918" aria-labelledby="midd-accordion-item-label-918" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-1168"><span class="badge badge--primary mr-2">New</span>Lorem ipsum dolor sit amet, consectetur adipiscing elitc?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-918"><span class="badge badge--primary mr-2">New</span>Lorem ipsum dolor sit amet, consectetur adipiscing elitc?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-1168" role="tabpanel" aria-labelledby="midd-accordion-item-label-1168">
+                    <div class="accordion-item__content" id="midd-accordion-content-918" role="tabpanel" aria-labelledby="midd-accordion-item-label-918">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-796">
+                  <div class="accordion-item js-accordion-item-36">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-796" class="accordion-item__link" data-toggle-target=".js-accordion-item-796" aria-expanded="false" aria-controls="midd-accordion-content-796" aria-labelledby="midd-accordion-item-label-796" role="button">
+                      <a href="#midd-accordion-item-label-36" class="accordion-item__link" data-toggle-target=".js-accordion-item-36" aria-expanded="false" aria-controls="midd-accordion-content-36" aria-labelledby="midd-accordion-item-label-36" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-796"><span class="badge badge--primary mr-2">Updated</span>Lorem ipsum dolor sit amet elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-36"><span class="badge badge--primary mr-2">Updated</span>Lorem ipsum dolor sit amet elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-796" role="tabpanel" aria-labelledby="midd-accordion-item-label-796">
+                    <div class="accordion-item__content" id="midd-accordion-content-36" role="tabpanel" aria-labelledby="midd-accordion-item-label-36">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-840">
+                  <div class="accordion-item js-accordion-item-608">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-840" class="accordion-item__link" data-toggle-target=".js-accordion-item-840" aria-expanded="false" aria-controls="midd-accordion-content-840" aria-labelledby="midd-accordion-item-label-840" role="button">
+                      <a href="#midd-accordion-item-label-608" class="accordion-item__link" data-toggle-target=".js-accordion-item-608" aria-expanded="false" aria-controls="midd-accordion-content-608" aria-labelledby="midd-accordion-item-label-608" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-840">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-608">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-840" role="tabpanel" aria-labelledby="midd-accordion-item-label-840">
+                    <div class="accordion-item__content" id="midd-accordion-content-608" role="tabpanel" aria-labelledby="midd-accordion-item-label-608">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-38">
+                  <div class="accordion-item js-accordion-item-499">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-38" class="accordion-item__link" data-toggle-target=".js-accordion-item-38" aria-expanded="false" aria-controls="midd-accordion-content-38" aria-labelledby="midd-accordion-item-label-38" role="button">
+                      <a href="#midd-accordion-item-label-499" class="accordion-item__link" data-toggle-target=".js-accordion-item-499" aria-expanded="false" aria-controls="midd-accordion-content-499" aria-labelledby="midd-accordion-item-label-499" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-38">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-499">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-38" role="tabpanel" aria-labelledby="midd-accordion-item-label-38">
+                    <div class="accordion-item__content" id="midd-accordion-content-499" role="tabpanel" aria-labelledby="midd-accordion-item-label-499">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-662">
+                  <div class="accordion-item js-accordion-item-729">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-662" class="accordion-item__link" data-toggle-target=".js-accordion-item-662" aria-expanded="false" aria-controls="midd-accordion-content-662" aria-labelledby="midd-accordion-item-label-662" role="button">
+                      <a href="#midd-accordion-item-label-729" class="accordion-item__link" data-toggle-target=".js-accordion-item-729" aria-expanded="false" aria-controls="midd-accordion-content-729" aria-labelledby="midd-accordion-item-label-729" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-662">Lorem iipsum consectetur adipiscing elit lorem ipsum psum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-729">Lorem iipsum consectetur adipiscing elit lorem ipsum psum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-662" role="tabpanel" aria-labelledby="midd-accordion-item-label-662">
+                    <div class="accordion-item__content" id="midd-accordion-content-729" role="tabpanel" aria-labelledby="midd-accordion-item-label-729">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-119">
+                  <div class="accordion-item js-accordion-item-806">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-119" class="accordion-item__link" data-toggle-target=".js-accordion-item-119" aria-expanded="false" aria-controls="midd-accordion-content-119" aria-labelledby="midd-accordion-item-label-119" role="button">
+                      <a href="#midd-accordion-item-label-806" class="accordion-item__link" data-toggle-target=".js-accordion-item-806" aria-expanded="false" aria-controls="midd-accordion-content-806" aria-labelledby="midd-accordion-item-label-806" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-119">Lorem ipsum consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-806">Lorem ipsum consectetur adipiscing elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-119" role="tabpanel" aria-labelledby="midd-accordion-item-label-119">
+                    <div class="accordion-item__content" id="midd-accordion-content-806" role="tabpanel" aria-labelledby="midd-accordion-item-label-806">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-698">
+                  <div class="accordion-item js-accordion-item-878">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-698" class="accordion-item__link" data-toggle-target=".js-accordion-item-698" aria-expanded="false" aria-controls="midd-accordion-content-698" aria-labelledby="midd-accordion-item-label-698" role="button">
+                      <a href="#midd-accordion-item-label-878" class="accordion-item__link" data-toggle-target=".js-accordion-item-878" aria-expanded="false" aria-controls="midd-accordion-content-878" aria-labelledby="midd-accordion-item-label-878" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-698">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-878">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-698" role="tabpanel" aria-labelledby="midd-accordion-item-label-698">
+                    <div class="accordion-item__content" id="midd-accordion-content-878" role="tabpanel" aria-labelledby="midd-accordion-item-label-878">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-464">
+                  <div class="accordion-item js-accordion-item-759">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-464" class="accordion-item__link" data-toggle-target=".js-accordion-item-464" aria-expanded="false" aria-controls="midd-accordion-content-464" aria-labelledby="midd-accordion-item-label-464" role="button">
+                      <a href="#midd-accordion-item-label-759" class="accordion-item__link" data-toggle-target=".js-accordion-item-759" aria-expanded="false" aria-controls="midd-accordion-content-759" aria-labelledby="midd-accordion-item-label-759" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-464">Lorem ipsum dolor sit amet elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-759">Lorem ipsum dolor sit amet elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-464" role="tabpanel" aria-labelledby="midd-accordion-item-label-464">
+                    <div class="accordion-item__content" id="midd-accordion-content-759" role="tabpanel" aria-labelledby="midd-accordion-item-label-759">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-893">
+                  <div class="accordion-item js-accordion-item-1203">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-893" class="accordion-item__link" data-toggle-target=".js-accordion-item-893" aria-expanded="false" aria-controls="midd-accordion-content-893" aria-labelledby="midd-accordion-item-label-893" role="button">
+                      <a href="#midd-accordion-item-label-1203" class="accordion-item__link" data-toggle-target=".js-accordion-item-1203" aria-expanded="false" aria-controls="midd-accordion-content-1203" aria-labelledby="midd-accordion-item-label-1203" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-893">Lorem ipsum consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-1203">Lorem ipsum consectetur adipiscing elit?</span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content" id="midd-accordion-content-893" role="tabpanel" aria-labelledby="midd-accordion-item-label-893">
+                    <div class="accordion-item__content" id="midd-accordion-content-1203" role="tabpanel" aria-labelledby="midd-accordion-item-label-1203">
                       <span class="accordion-item__char" aria-hidden>A</span>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -1518,16 +1518,16 @@ <h3 class="accordion-item__title" role="tab">
                   </div>
                 </div>
               </section>
-              <section class="section paragraph--course-list js-filter-362" data-digest-content>
+              <section class="section paragraph--course-list js-filter-985" data-digest-content>
                 <div class="section__header">
                   <h2 class="section__title"> Course List </h2>
                   <p class="section__text"> These are the courses I teach. </p>
                 </div>
                 <div class="accordion">
-                  <div class="accordion-item js-accordion-item-399 accordion-item-current accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-479 accordion-item-current accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-399" class="accordion-item__link" data-toggle-target=".js-accordion-item-399" aria-expanded="false" aria-controls="midd-accordion-content-399" aria-labelledby="midd-accordion-item-label-399" role="button">
-                        <span id="midd-accordion-item-label-399">
+                      <a href="#midd-accordion-item-label-479" class="accordion-item__link" data-toggle-target=".js-accordion-item-479" aria-expanded="false" aria-controls="midd-accordion-content-479" aria-labelledby="midd-accordion-item-label-479" role="button">
+                        <span id="midd-accordion-item-label-479">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span><span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Ecology and Evolution
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -1535,7 +1535,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-399" role="tabpanel" aria-labelledby="midd-accordion-item-label-399">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-479" role="tabpanel" aria-labelledby="midd-accordion-item-label-479">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -1551,10 +1551,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-816">
+                  <div class="accordion-item js-accordion-item-1144">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-816" class="accordion-item__link" data-toggle-target=".js-accordion-item-816" aria-expanded="false" aria-controls="midd-accordion-content-816" aria-labelledby="midd-accordion-item-label-816" role="button">
-                        <span id="midd-accordion-item-label-816">
+                      <a href="#midd-accordion-item-label-1144" class="accordion-item__link" data-toggle-target=".js-accordion-item-1144" aria-expanded="false" aria-controls="midd-accordion-content-1144" aria-labelledby="midd-accordion-item-label-1144" role="button">
+                        <span id="midd-accordion-item-label-1144">
                           <p class="accordion-item__label--bold">biol 0140</p> Film and Television, from Apocolipse Now to the Simpsons
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -1562,7 +1562,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-816" role="tabpanel" aria-labelledby="midd-accordion-item-label-816">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-1144" role="tabpanel" aria-labelledby="midd-accordion-item-label-1144">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -1573,10 +1573,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-556 accordion-item-current">
+                  <div class="accordion-item js-accordion-item-916 accordion-item-current">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-556" class="accordion-item__link" data-toggle-target=".js-accordion-item-556" aria-expanded="false" aria-controls="midd-accordion-content-556" aria-labelledby="midd-accordion-item-label-556" role="button">
-                        <span id="midd-accordion-item-label-556">
+                      <a href="#midd-accordion-item-label-916" class="accordion-item__link" data-toggle-target=".js-accordion-item-916" aria-expanded="false" aria-controls="midd-accordion-content-916" aria-labelledby="midd-accordion-item-label-916" role="button">
+                        <span id="midd-accordion-item-label-916">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span></p> Biology of Plants Growing in the Forest
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -1584,7 +1584,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-556" role="tabpanel" aria-labelledby="midd-accordion-item-label-556">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-916" role="tabpanel" aria-labelledby="midd-accordion-item-label-916">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -1599,10 +1599,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-960 accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-1204 accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-960" class="accordion-item__link" data-toggle-target=".js-accordion-item-960" aria-expanded="false" aria-controls="midd-accordion-content-960" aria-labelledby="midd-accordion-item-label-960" role="button">
-                        <span id="midd-accordion-item-label-960">
+                      <a href="#midd-accordion-item-label-1204" class="accordion-item__link" data-toggle-target=".js-accordion-item-1204" aria-expanded="false" aria-controls="midd-accordion-content-1204" aria-labelledby="midd-accordion-item-label-1204" role="button">
+                        <span id="midd-accordion-item-label-1204">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Tropical Ecology and how reefs grow
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -1610,7 +1610,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-960" role="tabpanel" aria-labelledby="midd-accordion-item-label-960">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-1204" role="tabpanel" aria-labelledby="midd-accordion-item-label-1204">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -1621,10 +1621,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-380">
+                  <div class="accordion-item js-accordion-item-471">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-380" class="accordion-item__link" data-toggle-target=".js-accordion-item-380" aria-expanded="false" aria-controls="midd-accordion-content-380" aria-labelledby="midd-accordion-item-label-380" role="button">
-                        <span id="midd-accordion-item-label-380">
+                      <a href="#midd-accordion-item-label-471" class="accordion-item__link" data-toggle-target=".js-accordion-item-471" aria-expanded="false" aria-controls="midd-accordion-content-471" aria-labelledby="midd-accordion-item-label-471" role="button">
+                        <span id="midd-accordion-item-label-471">
                           <p class="accordion-item__label--bold">biol 0140</p> Teaching Literature from Around the World
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -1632,7 +1632,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-380" role="tabpanel" aria-labelledby="midd-accordion-item-label-380">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-471" role="tabpanel" aria-labelledby="midd-accordion-item-label-471">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -1653,8 +1653,8 @@ <h2 class="section__title"> Section Title Events </h2>
                     </header>
                     <div class="waveform__wrapper">
                       <ul class="waveform__list shifting-slider">
-                        <li class="waveform__list-item js-waveform-item-0   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-0" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-0   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-0" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1666,8 +1666,8 @@ <h3 id="midd-event-0-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-1" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-1" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1679,8 +1679,8 @@ <h3 id="midd-event-1-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-2  is-toggled bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-2" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-2   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-2" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1692,8 +1692,8 @@ <h3 id="midd-event-2-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-3" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-3" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1705,7 +1705,7 @@ <h3 id="midd-event-3-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-4   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-4" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-4   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-4" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1718,7 +1718,7 @@ <h3 id="midd-event-4-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-5" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-5" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1731,8 +1731,8 @@ <h3 id="midd-event-5-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-6   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-6" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-6   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-6" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1744,8 +1744,8 @@ <h3 id="midd-event-6-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-7   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-7" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-7  is-toggled bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-7" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1757,8 +1757,8 @@ <h3 id="midd-event-7-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-8   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-8" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-8   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-8" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1770,8 +1770,8 @@ <h3 id="midd-event-8-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-9   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-9" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-9   bar-color-style-3 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-9" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1783,8 +1783,8 @@ <h3 id="midd-event-9-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-10   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-10" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-10   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-10" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1796,7 +1796,7 @@ <h3 id="midd-event-10-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-11   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-11" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-11   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-11" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1809,8 +1809,8 @@ <h3 id="midd-event-11-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-12" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-12" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1822,8 +1822,8 @@ <h3 id="midd-event-12-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-13" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-13" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1835,7 +1835,7 @@ <h3 id="midd-event-13-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-14   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-14" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-14   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-14" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1848,8 +1848,8 @@ <h3 id="midd-event-14-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-15" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-15" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1861,8 +1861,8 @@ <h3 id="midd-event-15-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-16" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-16" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1874,7 +1874,7 @@ <h3 id="midd-event-16-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-17" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-17" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1887,8 +1887,8 @@ <h3 id="midd-event-17-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-18" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-18" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1900,8 +1900,8 @@ <h3 id="midd-event-18-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-19" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-19" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1913,8 +1913,8 @@ <h3 id="midd-event-19-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-20" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-20" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1926,8 +1926,8 @@ <h3 id="midd-event-20-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-21" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-21" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1939,8 +1939,8 @@ <h3 id="midd-event-21-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-22" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-22" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1952,8 +1952,8 @@ <h3 id="midd-event-22-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-23" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-3 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-23" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1965,8 +1965,8 @@ <h3 id="midd-event-23-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-24   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-24" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-24   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-24" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1978,8 +1978,8 @@ <h3 id="midd-event-24-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-25" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-25" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1991,7 +1991,7 @@ <h3 id="midd-event-25-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-26" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-26" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -2004,8 +2004,8 @@ <h3 id="midd-event-26-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-27" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-27" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2017,8 +2017,8 @@ <h3 id="midd-event-27-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-28" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-28" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2030,8 +2030,8 @@ <h3 id="midd-event-28-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-29   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-29" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-29   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-29" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2043,8 +2043,8 @@ <h3 id="midd-event-29-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-30" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-30" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2056,8 +2056,8 @@ <h3 id="midd-event-30-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-31" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-31" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2069,8 +2069,8 @@ <h3 id="midd-event-31-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-32" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-32" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2082,7 +2082,7 @@ <h3 id="midd-event-32-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-33" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-33" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -2095,8 +2095,8 @@ <h3 id="midd-event-33-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-34" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-34" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2108,8 +2108,8 @@ <h3 id="midd-event-34-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-35" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-35" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2121,8 +2121,8 @@ <h3 id="midd-event-35-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-36" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-36" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2134,8 +2134,8 @@ <h3 id="midd-event-36-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-37" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-37" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2147,8 +2147,8 @@ <h3 id="midd-event-37-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-38" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-38" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2160,8 +2160,8 @@ <h3 id="midd-event-38-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-3 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-39" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-39" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2173,8 +2173,8 @@ <h3 id="midd-event-39-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-3 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-40" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-40" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2186,8 +2186,8 @@ <h3 id="midd-event-40-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-41" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-41" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2199,8 +2199,8 @@ <h3 id="midd-event-41-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-42   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-42" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-42   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-42" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2212,8 +2212,8 @@ <h3 id="midd-event-42-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-1 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-43" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-43" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2225,8 +2225,8 @@ <h3 id="midd-event-43-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-44" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-44" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2238,8 +2238,8 @@ <h3 id="midd-event-44-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-3 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-45" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-45" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2251,7 +2251,7 @@ <h3 id="midd-event-45-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-46" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-46" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -2264,8 +2264,8 @@ <h3 id="midd-event-46-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-47" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-47" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2277,8 +2277,8 @@ <h3 id="midd-event-47-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-48   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-48" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-48   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-48" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2369,16 +2369,16 @@ <h3 class="profile-spotlight-item__name" id="midd-profile-spotlight-item-label-4
               </section>
               <div class="paragraph--themed-panel">
                 <div class="container px-0">
-                  <section class="themed-panel" aria-labelledby="themed-panel-503-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-1223-title">
                     <div class="themed-panel__main">
                       <div class="themed-panel__media">
                         <figure class="themed-panel__figure">
                           <img src="https://via.placeholder.com/1440x810" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/960x540 960w,https://via.placeholder.com/1280x720 1280w,https://via.placeholder.com/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                         </figure>
-                        <h2 class="themed-panel__title" id="themed-panel-503-title">Sustainability and other things that go on and on</h2>
+                        <h2 class="themed-panel__title" id="themed-panel-1223-title">Sustainability and other things that go on and on</h2>
                       </div>
-                      <article class="themed-panel__article" aria-labelledby="themed-panel-503-first">
-                        <h3 class="themed-panel__heading h2" id="themed-panel-503-first">
+                      <article class="themed-panel__article" aria-labelledby="themed-panel-1223-first">
+                        <h3 class="themed-panel__heading h2" id="themed-panel-1223-first">
                           <a href="" class="text-white">Lorem ipsum dolor sit amet consectetur adipisicing</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit magnam dicta nihil reiciendis laboriosam, exercitationem harum numquam rem sint laudantium ducimus optio provident voluptate obcaecati reprehenderit voluptates illum dignissimos corrupti!</p>
@@ -2386,22 +2386,22 @@ <h3 class="themed-panel__heading h2" id="themed-panel-503-first">
                       </article>
                     </div>
                     <div class="themed-panel__secondary">
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-503-1">
-                        <h3 class="themed-panel__heading" id="themed-panel-503-1">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-1223-1">
+                        <h3 class="themed-panel__heading" id="themed-panel-1223-1">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
                         <a href="" class="themed-panel__cta">Read more</a>
                       </article>
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-503-2">
-                        <h3 class="themed-panel__heading" id="themed-panel-503-2">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-1223-2">
+                        <h3 class="themed-panel__heading" id="themed-panel-1223-2">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
                         <a href="" class="themed-panel__cta">Read more</a>
                       </article>
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-503-3">
-                        <h3 class="themed-panel__heading" id="themed-panel-503-3">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-1223-3">
+                        <h3 class="themed-panel__heading" id="themed-panel-1223-3">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
diff --git a/school-home-language-schools.html b/school-home-language-schools.html
index 283d07dd..6cfdf7de 100644
--- a/school-home-language-schools.html
+++ b/school-home-language-schools.html
@@ -345,14 +345,14 @@ <h2 class="sr-only" id="midd-secondary-nav-label">Secondary navigation</h2>
             <div class="paragraphs paragraphs--wide">
               <div class="paragraph paragraph--full">
                 <div class="container px-0">
-                  <section class="ls-hero" aria-labelledby="midd-ls-hero-624">
+                  <section class="ls-hero" aria-labelledby="midd-ls-hero-965">
                     <figure class="ls-hero__image">
                       <img src="https://via.placeholder.com/1440x576" srcset="https://via.placeholder.com/400x160 400w,https://via.placeholder.com/640x256 640w,https://via.placeholder.com/960x384 960w,https://via.placeholder.com/1280x512 1280w,https://via.placeholder.com/1440x576 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                     </figure>
                     <div class="ls-hero__content container">
                       <div class="row flex-1">
                         <div class="col-md-8 offset-md-2">
-                          <h2 class="ls-hero__title" id="midd-ls-hero-624">Take the Language Pledge&reg; and dramatically improve your proficiency&mdash;in just one summer.</h2>
+                          <h2 class="ls-hero__title" id="midd-ls-hero-965">Take the Language Pledge&reg; and dramatically improve your proficiency&mdash;in just one summer.</h2>
                         </div>
                         <nav class="col-12 col-md-10 offset-md-1 col-lg-12 offset-lg-0 text-center" aria-labelledby="midd-languages-nav-label">
                           <h2 class="sr-only" id="midd-languages-nav-label">Languages navigation</h2>
diff --git a/school-home-schools-abroad.html b/school-home-schools-abroad.html
index c0453238..5dec4533 100644
--- a/school-home-schools-abroad.html
+++ b/school-home-schools-abroad.html
@@ -345,18 +345,18 @@ <h2 class="sr-only" id="midd-secondary-nav-label">Secondary navigation</h2>
             <div class="paragraphs paragraphs--wide">
               <div class="paragraph paragraph--full">
                 <div class="container px-0">
-                  <section class="mega-cta mega-cta--image-left-bottom  mega-cta--hero" aria-labelledby="midd-mega-cta-label-836">
+                  <section class="mega-cta mega-cta--image-left-bottom  mega-cta--hero" aria-labelledby="midd-mega-cta-label-326">
                     <div>
                       <figure class="mega-cta__back">
                         <img src="https://via.placeholder.com/1440x810" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/960x540 960w,https://via.placeholder.com/1280x720 1280w,https://via.placeholder.com/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                         <figcaption class="mega-cta__caption">
                           <div class="tooltip tooltip--light">
-                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-352">
+                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-224">
                               <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-info">
                               </svg>
                             </button>
-                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-352"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
+                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-224"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
                           </div>
                         </figcaption>
                       </figure>
@@ -484,7 +484,7 @@ <h2 class="section__title"> Video group </h2>
                     <!-- video iframe html should be escaped -->
                     <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                       <div class="video__content js-video-content">
-                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-228">
+                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-645">
                           <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                           <span class="button  button--primary video__button"> Play <span class="ml-3">
                               <svg class="icon  " focusable="false" aria-hidden="true">
@@ -495,14 +495,14 @@ <h2 class="section__title"> Video group </h2>
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-228">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-645">Practical Skills for Positive Change</h3>
                         <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                        <div class="transcript js-transcript-228 grid-video__transcript">
-                          <a href="#midd-transcript-228" class="transcript__button" data-toggle-target=".js-transcript-228" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-645 grid-video__transcript">
+                          <a href="#midd-transcript-645" class="transcript__button" data-toggle-target=".js-transcript-645" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-228">
+                          <div class="transcript__body" id="midd-transcript-645">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -515,7 +515,7 @@ <h3 class=video__title id="midd-video-label-228">Practical Skills for Positive C
                     <!-- video iframe html should be escaped -->
                     <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                       <div class="video__content js-video-content">
-                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-247">
+                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-54">
                           <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                           <span class="button  button--primary video__button"> Play <span class="ml-3">
                               <svg class="icon  " focusable="false" aria-hidden="true">
@@ -526,14 +526,14 @@ <h3 class=video__title id="midd-video-label-228">Practical Skills for Positive C
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-247">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-54">Practical Skills for Positive Change</h3>
                         <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                        <div class="transcript js-transcript-247 grid-video__transcript">
-                          <a href="#midd-transcript-247" class="transcript__button" data-toggle-target=".js-transcript-247" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-54 grid-video__transcript">
+                          <a href="#midd-transcript-54" class="transcript__button" data-toggle-target=".js-transcript-54" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-247">
+                          <div class="transcript__body" id="midd-transcript-54">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -546,7 +546,7 @@ <h3 class=video__title id="midd-video-label-247">Practical Skills for Positive C
                     <!-- video iframe html should be escaped -->
                     <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                       <div class="video__content js-video-content">
-                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-520">
+                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-623">
                           <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                           <span class="button  button--primary video__button"> Play <span class="ml-3">
                               <svg class="icon  " focusable="false" aria-hidden="true">
@@ -557,14 +557,14 @@ <h3 class=video__title id="midd-video-label-247">Practical Skills for Positive C
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-520">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-623">Practical Skills for Positive Change</h3>
                         <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                        <div class="transcript js-transcript-520 grid-video__transcript">
-                          <a href="#midd-transcript-520" class="transcript__button" data-toggle-target=".js-transcript-520" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-623 grid-video__transcript">
+                          <a href="#midd-transcript-623" class="transcript__button" data-toggle-target=".js-transcript-623" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-520">
+                          <div class="transcript__body" id="midd-transcript-623">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -577,7 +577,7 @@ <h3 class=video__title id="midd-video-label-520">Practical Skills for Positive C
                     <!-- video iframe html should be escaped -->
                     <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                       <div class="video__content js-video-content">
-                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1184">
+                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-523">
                           <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                           <span class="button  button--primary video__button"> Play <span class="ml-3">
                               <svg class="icon  " focusable="false" aria-hidden="true">
@@ -588,14 +588,14 @@ <h3 class=video__title id="midd-video-label-520">Practical Skills for Positive C
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-1184">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-523">Practical Skills for Positive Change</h3>
                         <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                        <div class="transcript js-transcript-1184 grid-video__transcript">
-                          <a href="#midd-transcript-1184" class="transcript__button" data-toggle-target=".js-transcript-1184" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-523 grid-video__transcript">
+                          <a href="#midd-transcript-523" class="transcript__button" data-toggle-target=".js-transcript-523" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-1184">
+                          <div class="transcript__body" id="midd-transcript-523">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -608,7 +608,7 @@ <h3 class=video__title id="midd-video-label-1184">Practical Skills for Positive
                     <!-- video iframe html should be escaped -->
                     <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                       <div class="video__content js-video-content">
-                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-1005">
+                        <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-409">
                           <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                           <span class="button  button--primary video__button"> Play <span class="ml-3">
                               <svg class="icon  " focusable="false" aria-hidden="true">
@@ -619,14 +619,14 @@ <h3 class=video__title id="midd-video-label-1184">Practical Skills for Positive
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-1005">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-409">Practical Skills for Positive Change</h3>
                         <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                        <div class="transcript js-transcript-1005 grid-video__transcript">
-                          <a href="#midd-transcript-1005" class="transcript__button" data-toggle-target=".js-transcript-1005" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                        <div class="transcript js-transcript-409 grid-video__transcript">
+                          <a href="#midd-transcript-409" class="transcript__button" data-toggle-target=".js-transcript-409" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                               <use xlink:href="#icon-chevron-down">
                             </svg>
                           </a>
-                          <div class="transcript__body" id="midd-transcript-1005">
+                          <div class="transcript__body" id="midd-transcript-409">
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                             <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -639,16 +639,16 @@ <h3 class=video__title id="midd-video-label-1005">Practical Skills for Positive
               </div>
               <div class="paragraph--themed-panel">
                 <div class="container px-0">
-                  <section class="themed-panel" aria-labelledby="themed-panel-999-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-560-title">
                     <div class="themed-panel__main">
                       <div class="themed-panel__media">
                         <figure class="themed-panel__figure">
                           <img src="https://via.placeholder.com/1440x810" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/960x540 960w,https://via.placeholder.com/1280x720 1280w,https://via.placeholder.com/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                         </figure>
-                        <h2 class="themed-panel__title" id="themed-panel-999-title">Sustainability and other things that go on and on</h2>
+                        <h2 class="themed-panel__title" id="themed-panel-560-title">Sustainability and other things that go on and on</h2>
                       </div>
-                      <article class="themed-panel__article" aria-labelledby="themed-panel-999-first">
-                        <h3 class="themed-panel__heading h2" id="themed-panel-999-first">
+                      <article class="themed-panel__article" aria-labelledby="themed-panel-560-first">
+                        <h3 class="themed-panel__heading h2" id="themed-panel-560-first">
                           <a href="" class="text-white">Lorem ipsum dolor sit amet consectetur adipisicing</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit magnam dicta nihil reiciendis laboriosam, exercitationem harum numquam rem sint laudantium ducimus optio provident voluptate obcaecati reprehenderit voluptates illum dignissimos corrupti!</p>
@@ -656,22 +656,22 @@ <h3 class="themed-panel__heading h2" id="themed-panel-999-first">
                       </article>
                     </div>
                     <div class="themed-panel__secondary">
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-999-1">
-                        <h3 class="themed-panel__heading" id="themed-panel-999-1">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-560-1">
+                        <h3 class="themed-panel__heading" id="themed-panel-560-1">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
                         <a href="" class="themed-panel__cta">Read more</a>
                       </article>
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-999-2">
-                        <h3 class="themed-panel__heading" id="themed-panel-999-2">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-560-2">
+                        <h3 class="themed-panel__heading" id="themed-panel-560-2">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
                         <a href="" class="themed-panel__cta">Read more</a>
                       </article>
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-999-3">
-                        <h3 class="themed-panel__heading" id="themed-panel-999-3">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-560-3">
+                        <h3 class="themed-panel__heading" id="themed-panel-560-3">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
@@ -1007,7 +1007,7 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                 <!-- video iframe html should be escaped -->
                 <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                   <div class="video__content js-video-content">
-                    <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-593">
+                    <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-538">
                       <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                       <span class="button  button--primary video__button"> Play <span class="ml-3">
                           <svg class="icon  " focusable="false" aria-hidden="true">
@@ -1018,14 +1018,14 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                     </a>
                   </div>
                   <figcaption class=" video__body">
-                    <h3 class=video__title id="midd-video-label-593">Practical Skills for Positive Change</h3>
+                    <h3 class=video__title id="midd-video-label-538">Practical Skills for Positive Change</h3>
                     <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                    <div class="transcript js-transcript-593 grid-video__transcript">
-                      <a href="#midd-transcript-593" class="transcript__button" data-toggle-target=".js-transcript-593" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                    <div class="transcript js-transcript-538 grid-video__transcript">
+                      <a href="#midd-transcript-538" class="transcript__button" data-toggle-target=".js-transcript-538" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
-                      <div class="transcript__body" id="midd-transcript-593">
+                      <div class="transcript__body" id="midd-transcript-538">
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -1040,7 +1040,7 @@ <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h2>
               </div>
               <div class="paragraph paragraph--full">
                 <div class="container px-0">
-                  <section class="mega-cta mega-cta--image- " aria-labelledby="midd-mega-cta-label-1103">
+                  <section class="mega-cta mega-cta--image- " aria-labelledby="midd-mega-cta-label-461">
                     <div>
                       <figure class="mega-cta__back">
                         <img src="https://via.placeholder.com/1440x810" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/960x540 960w,https://via.placeholder.com/1280x720 1280w,https://via.placeholder.com/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
diff --git a/school-profile-detail.html b/school-profile-detail.html
index 43ac5205..e8d5062e 100644
--- a/school-profile-detail.html
+++ b/school-profile-detail.html
@@ -411,120 +411,28 @@ <h1 class="page-header__title" id="midd-page-header-label">Beryl Levinger</h1>
               <div role="table" class="w-100 profile-detail__link-table">
                 <div role="row" class="d-flex">
                   <div role="cell">
-                    <strong class="f2 d-block">Social Links</strong>
-                    <ul class="d-inline-flex ">
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-discord">
-                          </svg>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-linkedin">
-                          </svg>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-instagram">
-                          </svg>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-tiktok">
-                          </svg>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-youtube">
-                          </svg>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-mastodon">
-                          </svg>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-pinterest">
-                          </svg>
-                        </a>
+                    <strong class="f2 d-block">Links</strong>
+                    <ul class="f2">
+                      <li>
+                        <a href="#" class="link-underline">Curriculum Vitae</a>
                       </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-twitter">
-                          </svg>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-vimeo">
-                          </svg>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-facebook">
-                          </svg>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-wechat">
-                          </svg>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-weibo">
-                          </svg>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-x">
-                          </svg>
-                        </a>
-                      </li>
-                      <li class="mr-1">
-                        <a href="#" class="d-inline-block hover-fadein  p-1">
-                          <svg class="icon  " focusable="false" aria-hidden="true">
-                            <use xlink:href="#icon-threads">
-                          </svg>
-                        </a>
+                      <li>
+                        <a href="#" class="link-underline">aaronsmithisthebest.com</a>
                       </li>
                     </ul>
                   </div>
                 </div>
               </div>
-              <section class="section paragraph--course-list js-filter-78" data-digest-content>
+              <section class="section paragraph--course-list js-filter-27" data-digest-content>
                 <div class="section__header">
                   <h2 class="section__title"> Courses Taught </h2>
                   <p class="section__text"> These are the courses I teach. </p>
                 </div>
                 <div class="accordion">
-                  <div class="accordion-item js-accordion-item-483 accordion-item-current accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-1093 accordion-item-current accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-483" class="accordion-item__link" data-toggle-target=".js-accordion-item-483" aria-expanded="false" aria-controls="midd-accordion-content-483" aria-labelledby="midd-accordion-item-label-483" role="button">
-                        <span id="midd-accordion-item-label-483">
+                      <a href="#midd-accordion-item-label-1093" class="accordion-item__link" data-toggle-target=".js-accordion-item-1093" aria-expanded="false" aria-controls="midd-accordion-content-1093" aria-labelledby="midd-accordion-item-label-1093" role="button">
+                        <span id="midd-accordion-item-label-1093">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span><span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Ecology and Evolution
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -532,7 +440,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-483" role="tabpanel" aria-labelledby="midd-accordion-item-label-483">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-1093" role="tabpanel" aria-labelledby="midd-accordion-item-label-1093">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -548,10 +456,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-988">
+                  <div class="accordion-item js-accordion-item-327">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-988" class="accordion-item__link" data-toggle-target=".js-accordion-item-988" aria-expanded="false" aria-controls="midd-accordion-content-988" aria-labelledby="midd-accordion-item-label-988" role="button">
-                        <span id="midd-accordion-item-label-988">
+                      <a href="#midd-accordion-item-label-327" class="accordion-item__link" data-toggle-target=".js-accordion-item-327" aria-expanded="false" aria-controls="midd-accordion-content-327" aria-labelledby="midd-accordion-item-label-327" role="button">
+                        <span id="midd-accordion-item-label-327">
                           <p class="accordion-item__label--bold">biol 0140</p> Film and Television, from Apocolipse Now to the Simpsons
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -559,7 +467,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-988" role="tabpanel" aria-labelledby="midd-accordion-item-label-988">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-327" role="tabpanel" aria-labelledby="midd-accordion-item-label-327">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -570,10 +478,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-209 accordion-item-current">
+                  <div class="accordion-item js-accordion-item-812 accordion-item-current">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-209" class="accordion-item__link" data-toggle-target=".js-accordion-item-209" aria-expanded="false" aria-controls="midd-accordion-content-209" aria-labelledby="midd-accordion-item-label-209" role="button">
-                        <span id="midd-accordion-item-label-209">
+                      <a href="#midd-accordion-item-label-812" class="accordion-item__link" data-toggle-target=".js-accordion-item-812" aria-expanded="false" aria-controls="midd-accordion-content-812" aria-labelledby="midd-accordion-item-label-812" role="button">
+                        <span id="midd-accordion-item-label-812">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Current</span></p> Biology of Plants Growing in the Forest
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -581,7 +489,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-209" role="tabpanel" aria-labelledby="midd-accordion-item-label-209">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-812" role="tabpanel" aria-labelledby="midd-accordion-item-label-812">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -596,10 +504,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-768 accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-400 accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-768" class="accordion-item__link" data-toggle-target=".js-accordion-item-768" aria-expanded="false" aria-controls="midd-accordion-content-768" aria-labelledby="midd-accordion-item-label-768" role="button">
-                        <span id="midd-accordion-item-label-768">
+                      <a href="#midd-accordion-item-label-400" class="accordion-item__link" data-toggle-target=".js-accordion-item-400" aria-expanded="false" aria-controls="midd-accordion-content-400" aria-labelledby="midd-accordion-item-label-400" role="button">
+                        <span id="midd-accordion-item-label-400">
                           <p class="accordion-item__label--bold">biol 0140<span class="badge badge--primary badge--outline ml-2">Upcoming</span></p> Tropical Ecology and how reefs grow
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -607,7 +515,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-768" role="tabpanel" aria-labelledby="midd-accordion-item-label-768">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-400" role="tabpanel" aria-labelledby="midd-accordion-item-label-400">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
@@ -618,10 +526,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-51">
+                  <div class="accordion-item js-accordion-item-135">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-51" class="accordion-item__link" data-toggle-target=".js-accordion-item-51" aria-expanded="false" aria-controls="midd-accordion-content-51" aria-labelledby="midd-accordion-item-label-51" role="button">
-                        <span id="midd-accordion-item-label-51">
+                      <a href="#midd-accordion-item-label-135" class="accordion-item__link" data-toggle-target=".js-accordion-item-135" aria-expanded="false" aria-controls="midd-accordion-content-135" aria-labelledby="midd-accordion-item-label-135" role="button">
+                        <span id="midd-accordion-item-label-135">
                           <p class="accordion-item__label--bold">biol 0140</p> Teaching Literature from Around the World
                         </span>
                         <svg class="icon accordion-item__icon " focusable="false" aria-hidden="true">
@@ -629,7 +537,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-51" role="tabpanel" aria-labelledby="midd-accordion-item-label-51">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-135" role="tabpanel" aria-labelledby="midd-accordion-item-label-135">
                       <p class="accordion-item__sub-title">Course Description</p>
                       <div class="typography">
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
diff --git a/school-top-level.html b/school-top-level.html
index 19b311f4..c5b59f98 100644
--- a/school-top-level.html
+++ b/school-top-level.html
@@ -347,12 +347,12 @@ <h2 class="sr-only" id="midd-secondary-nav-label">Secondary navigation</h2>
               <img src="https://via.placeholder.com/1440x576" srcset="https://via.placeholder.com/400x160 400w,https://via.placeholder.com/640x256 640w,https://via.placeholder.com/960x384 960w,https://via.placeholder.com/1280x512 1280w,https://via.placeholder.com/1440x576 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
               <figcaption class="page-header__caption">
                 <div class="tooltip tooltip--light">
-                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-41">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-935">
                     <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                       <use xlink:href="#icon-info">
                     </svg>
                   </button>
-                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-41"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-935"> some caption for top level image </div>
                 </div>
               </figcaption>
             </figure>
@@ -1133,9 +1133,9 @@ <h4>What now?</h4>
                 </div>
                 </section>
               </div>
-              <section class="section paragraph" aria-labelledby="section-453-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-24-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-453-label"> Featured News </h2>
+                  <h2 class="section__title" id="section-24-label"> Featured News </h2>
                   <a href="" class="section__link">View all</a>
                   <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                 </div>
@@ -1332,16 +1332,16 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
               </div>
               <div class="paragraph--themed-panel">
                 <div class="container px-0">
-                  <section class="themed-panel" aria-labelledby="themed-panel-956-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-62-title">
                     <div class="themed-panel__main">
                       <div class="themed-panel__media">
                         <figure class="themed-panel__figure">
                           <img src="https://via.placeholder.com/1440x810" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/960x540 960w,https://via.placeholder.com/1280x720 1280w,https://via.placeholder.com/1440x810 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
                         </figure>
-                        <h2 class="themed-panel__title" id="themed-panel-956-title">Sustainability and other things that go on and on</h2>
+                        <h2 class="themed-panel__title" id="themed-panel-62-title">Sustainability and other things that go on and on</h2>
                       </div>
-                      <article class="themed-panel__article" aria-labelledby="themed-panel-956-first">
-                        <h3 class="themed-panel__heading h2" id="themed-panel-956-first">
+                      <article class="themed-panel__article" aria-labelledby="themed-panel-62-first">
+                        <h3 class="themed-panel__heading h2" id="themed-panel-62-first">
                           <a href="" class="text-white">Lorem ipsum dolor sit amet consectetur adipisicing</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sit magnam dicta nihil reiciendis laboriosam, exercitationem harum numquam rem sint laudantium ducimus optio provident voluptate obcaecati reprehenderit voluptates illum dignissimos corrupti!</p>
@@ -1349,22 +1349,22 @@ <h3 class="themed-panel__heading h2" id="themed-panel-956-first">
                       </article>
                     </div>
                     <div class="themed-panel__secondary">
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-956-1">
-                        <h3 class="themed-panel__heading" id="themed-panel-956-1">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-62-1">
+                        <h3 class="themed-panel__heading" id="themed-panel-62-1">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
                         <a href="" class="themed-panel__cta">Read more</a>
                       </article>
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-956-2">
-                        <h3 class="themed-panel__heading" id="themed-panel-956-2">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-62-2">
+                        <h3 class="themed-panel__heading" id="themed-panel-62-2">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
                         <a href="" class="themed-panel__cta">Read more</a>
                       </article>
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-956-3">
-                        <h3 class="themed-panel__heading" id="themed-panel-956-3">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-62-3">
+                        <h3 class="themed-panel__heading" id="themed-panel-62-3">
                           <a href="" class="text-white">24/7 Support</a>
                         </h3>
                         <p class="themed-panel__text">Lorem ipsum dolor sit amet consectetur adipisicing ipsum dolor sit amet consectetur adipisicing elit. </p>
@@ -1386,8 +1386,8 @@ <h2 class="section__title"> Section Title Events </h2>
                     </header>
                     <div class="waveform__wrapper">
                       <ul class="waveform__list shifting-slider">
-                        <li class="waveform__list-item js-waveform-item-0   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-0" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-0   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-0" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1399,7 +1399,7 @@ <h3 id="midd-event-0-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-1" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-1" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1412,8 +1412,8 @@ <h3 id="midd-event-1-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-2   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-2" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-2   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-2" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1425,8 +1425,8 @@ <h3 id="midd-event-2-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-3" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-3" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1438,8 +1438,8 @@ <h3 id="midd-event-3-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-4  is-toggled bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-4" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-4   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-4" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1451,8 +1451,8 @@ <h3 id="midd-event-4-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-5" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-5" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1464,8 +1464,8 @@ <h3 id="midd-event-5-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-6   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-6" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-6  is-toggled bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-6" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1477,8 +1477,8 @@ <h3 id="midd-event-6-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-7   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-7" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-7   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-7" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1490,8 +1490,8 @@ <h3 id="midd-event-7-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-8   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-8" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-8   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-8" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1503,8 +1503,8 @@ <h3 id="midd-event-8-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-9   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-9" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-9   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-9" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1516,8 +1516,8 @@ <h3 id="midd-event-9-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-10   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-10" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-10   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-10" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1529,8 +1529,8 @@ <h3 id="midd-event-10-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-11   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-11" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-11   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-11" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1542,8 +1542,8 @@ <h3 id="midd-event-11-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-12" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-12" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1555,8 +1555,8 @@ <h3 id="midd-event-12-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-13" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-13" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1568,8 +1568,8 @@ <h3 id="midd-event-13-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-14   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-14" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-14   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-14" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1581,7 +1581,7 @@ <h3 id="midd-event-14-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-15" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-15" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1594,8 +1594,8 @@ <h3 id="midd-event-15-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-16" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-3 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-16" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1607,8 +1607,8 @@ <h3 id="midd-event-16-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-17" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-17" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1620,8 +1620,8 @@ <h3 id="midd-event-17-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-18" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-18" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1633,8 +1633,8 @@ <h3 id="midd-event-18-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-19" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-19" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1646,8 +1646,8 @@ <h3 id="midd-event-19-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-20" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-20" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1659,8 +1659,8 @@ <h3 id="midd-event-20-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-21" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-21" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1672,7 +1672,7 @@ <h3 id="midd-event-21-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-22" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-22" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1685,8 +1685,8 @@ <h3 id="midd-event-22-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-23" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-23" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1698,8 +1698,8 @@ <h3 id="midd-event-23-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-24   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-24" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-24   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-24" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1711,8 +1711,8 @@ <h3 id="midd-event-24-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-25" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-25" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1724,7 +1724,7 @@ <h3 id="midd-event-25-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-26" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-26" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1737,8 +1737,8 @@ <h3 id="midd-event-26-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-27" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-27" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1750,7 +1750,7 @@ <h3 id="midd-event-27-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-28" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-28" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1763,7 +1763,7 @@ <h3 id="midd-event-28-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-29   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-29" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-29   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-29" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1776,8 +1776,8 @@ <h3 id="midd-event-29-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-30" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-30" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1789,8 +1789,8 @@ <h3 id="midd-event-30-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-31" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-31" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1802,8 +1802,8 @@ <h3 id="midd-event-31-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-32" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-32" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1815,8 +1815,8 @@ <h3 id="midd-event-32-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-33" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-33" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1828,7 +1828,7 @@ <h3 id="midd-event-33-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-34" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-34" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1841,8 +1841,8 @@ <h3 id="midd-event-34-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-35" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-35" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1854,8 +1854,8 @@ <h3 id="midd-event-35-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-36" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-36" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1867,7 +1867,7 @@ <h3 id="midd-event-36-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-37" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-37" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1880,7 +1880,7 @@ <h3 id="midd-event-37-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-38" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-38" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1893,7 +1893,7 @@ <h3 id="midd-event-38-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-39" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-39" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1906,8 +1906,8 @@ <h3 id="midd-event-39-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-40" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-40" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1919,7 +1919,7 @@ <h3 id="midd-event-40-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-41" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-41" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1932,8 +1932,8 @@ <h3 id="midd-event-41-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-42   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-42" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-42   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-42" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1945,7 +1945,7 @@ <h3 id="midd-event-42-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-43" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-43" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
                           <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1958,8 +1958,8 @@ <h3 id="midd-event-43-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-44" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-1 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-44" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1971,8 +1971,8 @@ <h3 id="midd-event-44-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-45" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-45" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1984,8 +1984,8 @@ <h3 id="midd-event-45-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-0" data-toggle-single-target=".js-waveform-item-46" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #043666">
+                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-46" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1997,8 +1997,8 @@ <h3 id="midd-event-46-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-4" data-toggle-single-target=".js-waveform-item-47" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-1" data-toggle-single-target=".js-waveform-item-47" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2010,8 +2010,8 @@ <h3 id="midd-event-47-header">
                               <a href="#" target="_blank" class="paragraph--button button button--primary">Do something awesome</a>
                             </div>
                         </li>
-                        <li class="waveform__list-item js-waveform-item-48   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-48" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-48   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-2 bar-margin-style-sm-3" data-toggle-single-target=".js-waveform-item-48" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -2123,7 +2123,7 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                 <!-- video iframe html should be escaped -->
                 <figure class="video js-video" data-video='<iframe src="https://player.vimeo.com/video/221201240?autoplay=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>'>
                   <div class="video__content js-video-content">
-                    <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-647">
+                    <a href="https://player.vimeo.com/video/221201240" class="js-video-link video__link" role="button" aria-label="Play video" aria-describedby="midd-video-label-249">
                       <img src="https://via.placeholder.com/1136x639" srcset="https://via.placeholder.com/400x225 400w,https://via.placeholder.com/640x360 640w,https://via.placeholder.com/832x468 832w,https://via.placeholder.com/1136x639 1136w" sizes="(max-width: 1136px) 100vw, 1136px" alt="" />
                       <span class="button  button--primary video__button"> Play <span class="ml-3">
                           <svg class="icon  " focusable="false" aria-hidden="true">
@@ -2134,14 +2134,14 @@ <h2>Inspring phase: clause that reinforces the prior point.</h2>
                     </a>
                   </div>
                   <figcaption class=" video__body">
-                    <h3 class=video__title id="midd-video-label-647">Practical Skills for Positive Change</h3>
+                    <h3 class=video__title id="midd-video-label-249">Practical Skills for Positive Change</h3>
                     <p class="video__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. <a href="">Suspendisse commodo</a> pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
-                    <div class="transcript js-transcript-647 grid-video__transcript">
-                      <a href="#midd-transcript-647" class="transcript__button" data-toggle-target=".js-transcript-647" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
+                    <div class="transcript js-transcript-249 grid-video__transcript">
+                      <a href="#midd-transcript-249" class="transcript__button" data-toggle-target=".js-transcript-249" aria-label="Toggle transcript" aria-expanded="false" role="button"> Transcript<svg class="icon transcript__icon icon--sm" focusable="false" aria-hidden="true">
                           <use xlink:href="#icon-chevron-down">
                         </svg>
                       </a>
-                      <div class="transcript__body" id="midd-transcript-647">
+                      <div class="transcript__body" id="midd-transcript-249">
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
                         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam, quo error nesciunt unde magni, vitae ea in vero mollitia porro beatae a temporibus iure excepturi aspernatur dolores iste, dignissimos aut? </p>
@@ -2218,14 +2218,14 @@ <h2> Two Column Text Heading </h2>
                   </div>
                 </div>
               </div>
-              <section class="section paragraph" aria-labelledby="section-49-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-917-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-49-label"> Schedule Component </h2>
+                  <h2 class="section__title" id="section-917-label"> Schedule Component </h2>
                   <p class="section__text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis reiciendis quod temporibus enim non beatae ipsa explicabo necessitatibus iure. Asperiores optio ad repudiandae culpa voluptatum pariatur saepe, tenetur recusandae possimus? </p>
                 </div>
                 <div class="schedule-header">
                   <p class="schedule-header__date"> Sunday, December 10 </p>
-                  <h3 id="midd-event-49" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-49" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                  <h3 id="midd-event-917" class="schedule-header__title"> Arrival Day This Title is longer so it extends outside the normal render area&nbsp;<a class="anchorjs-link" aria-label="Anchor" data-anchorjs-icon="&#59851;" href="#midd-event-917" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
                   </h3>
                 </div>
                 <div class="schedule-item">
diff --git a/wrmc-daily-schedule.html b/wrmc-daily-schedule.html
index 07894e81..a1166c66 100644
--- a/wrmc-daily-schedule.html
+++ b/wrmc-daily-schedule.html
@@ -358,12 +358,12 @@ <h3>Current Playlist</h3>
               <img src="https://via.placeholder.com/1440x576" srcset="https://via.placeholder.com/400x160 400w,https://via.placeholder.com/640x256 640w,https://via.placeholder.com/960x384 960w,https://via.placeholder.com/1280x512 1280w,https://via.placeholder.com/1440x576 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
               <figcaption class="page-header__caption">
                 <div class="tooltip tooltip--light">
-                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-31">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-475">
                     <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                       <use xlink:href="#icon-info">
                     </svg>
                   </button>
-                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-31"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-475"> some caption for top level image </div>
                 </div>
               </figcaption>
             </figure>
@@ -439,24 +439,24 @@ <h1 class="page-header__title" id="midd-page-header-label">Daily Schedule</h1>
                   <a href="#" data-toggle-close-all>close all</a>
                 </div>
                 <div role="tablist">
-                  <div class="wrmc-accordion-item  js-accordion-item-627">
-                    <a href="#wrmc-accordion-item-label-627" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-627" aria-expanded="false" aria-controls="wrmc-accordion-content-627" aria-labelledby="wrmc-accordion-item-label-627" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-105">
+                    <a href="#wrmc-accordion-item-label-105" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-105" aria-expanded="false" aria-controls="wrmc-accordion-content-105" aria-labelledby="wrmc-accordion-item-label-105" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-627">Monday</span>
+                        <span id="wrmc-accordion-item-label-105">Monday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-627" aria-labelledby="wrmc-accordion-item-label-627">
+                    <div role="tabpanel" id="midd-accordion-content-105" aria-labelledby="wrmc-accordion-item-label-105">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-286">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-672">
                             <div class="show-time">
                               <time datetime="4:00" class="" aria-label="show starts at 4:00 AM">4:00</time><time datetime="5:00" class="" aria-label="show ends at 5:00 AM">-5:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-286"> Mixed Confetti </h3>
+                                <h3 id="wrmc-show-teaser-header-672"> Mixed Confetti </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Aaron Smith, Blair Kloman, Pooja Gunturu</em>
@@ -467,13 +467,13 @@ <h3 id="wrmc-show-teaser-header-286"> Mixed Confetti </h3>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-775">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-887">
                             <div class="show-time">
                               <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-775"> Hot Chocolate on the Bus </h3>
+                                <h3 id="wrmc-show-teaser-header-887"> Hot Chocolate on the Bus </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Adam Yauch</em>
@@ -484,13 +484,13 @@ <h3 id="wrmc-show-teaser-header-775"> Hot Chocolate on the Bus </h3>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-403">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1144">
                             <div class="show-time">
                               <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-403"> Mr. and Mrs. Send It </h3>
+                                <h3 id="wrmc-show-teaser-header-1144"> Mr. and Mrs. Send It </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Sid Vicious</em>
@@ -502,24 +502,24 @@ <h3 id="wrmc-show-teaser-header-403"> Mr. and Mrs. Send It </h3>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item is-toggled js-accordion-item-722">
-                    <a href="#wrmc-accordion-item-label-722" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-722" aria-expanded="true" aria-controls="wrmc-accordion-content-722" aria-labelledby="wrmc-accordion-item-label-722" role="tab">
+                  <div class="wrmc-accordion-item is-toggled js-accordion-item-482">
+                    <a href="#wrmc-accordion-item-label-482" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-482" aria-expanded="true" aria-controls="wrmc-accordion-content-482" aria-labelledby="wrmc-accordion-item-label-482" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-722">Tuesday</span>
+                        <span id="wrmc-accordion-item-label-482">Tuesday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-722" aria-labelledby="wrmc-accordion-item-label-722">
+                    <div role="tabpanel" id="midd-accordion-content-482" aria-labelledby="wrmc-accordion-item-label-482">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1130">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1159">
                             <div class="show-time">
                               <time datetime="5:00" class="" aria-label="show starts at 5:00 AM">5:00</time><time datetime="6:00" class="" aria-label="show ends at 6:00 AM">-6:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-1130"> Grilled Cheese Sandwich </h3>
+                                <h3 id="wrmc-show-teaser-header-1159"> Grilled Cheese Sandwich </h3>
                               </a>
                               <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                               <span class="show-details__genre">Folk Rock</span>
@@ -527,26 +527,26 @@ <h3 id="wrmc-show-teaser-header-1130"> Grilled Cheese Sandwich </h3>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-997">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-796">
                             <div class="show-time">
                               <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-997"> Jazz Band, Hand and Feet </h3>
+                                <h3 id="wrmc-show-teaser-header-796"> Jazz Band, Hand and Feet </h3>
                               </a>
                               <span class="show-details__genre">Blues</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-659">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-272">
                             <div class="show-time">
                               <time datetime="12:00" class="" aria-label="show starts at 12:00 AM">12:00</time><time datetime="1:00" class="" aria-label="show ends at 1:00 AM">-1:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-659"> Jazz Band, Hand and Feet </h3>
+                                <h3 id="wrmc-show-teaser-header-272"> Jazz Band, Hand and Feet </h3>
                               </a>
                               <span class="show-details__genre">Blues</span>
                             </div>
@@ -555,37 +555,37 @@ <h3 id="wrmc-show-teaser-header-659"> Jazz Band, Hand and Feet </h3>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-380">
-                    <a href="#wrmc-accordion-item-label-380" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-380" aria-expanded="false" aria-controls="wrmc-accordion-content-380" aria-labelledby="wrmc-accordion-item-label-380" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-879">
+                    <a href="#wrmc-accordion-item-label-879" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-879" aria-expanded="false" aria-controls="wrmc-accordion-content-879" aria-labelledby="wrmc-accordion-item-label-879" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-380">Wednesday</span>
+                        <span id="wrmc-accordion-item-label-879">Wednesday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-380" aria-labelledby="wrmc-accordion-item-label-380">
+                    <div role="tabpanel" id="midd-accordion-content-879" aria-labelledby="wrmc-accordion-item-label-879">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-258">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1164">
                             <div class="show-time">
                               <time datetime="1:00" class="" aria-label="show starts at 1:00 PM">1:00</time><time datetime="2:00" class="" aria-label="show ends at 2:00 PM">-2:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-258"> Experimental Jetset Companion </h3>
+                                <h3 id="wrmc-show-teaser-header-1164"> Experimental Jetset Companion </h3>
                               </a>
                               <span class="show-details__genre">Blues</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-853">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-180">
                             <div class="show-time">
                               <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-853"> Mr. and Mrs. Send It </h3>
+                                <h3 id="wrmc-show-teaser-header-180"> Mr. and Mrs. Send It </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Sid Vicious</em>
@@ -597,37 +597,37 @@ <h3 id="wrmc-show-teaser-header-853"> Mr. and Mrs. Send It </h3>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-1122">
-                    <a href="#wrmc-accordion-item-label-1122" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1122" aria-expanded="false" aria-controls="wrmc-accordion-content-1122" aria-labelledby="wrmc-accordion-item-label-1122" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-522">
+                    <a href="#wrmc-accordion-item-label-522" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-522" aria-expanded="false" aria-controls="wrmc-accordion-content-522" aria-labelledby="wrmc-accordion-item-label-522" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-1122">Thursday</span>
+                        <span id="wrmc-accordion-item-label-522">Thursday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-1122" aria-labelledby="wrmc-accordion-item-label-1122">
+                    <div role="tabpanel" id="midd-accordion-content-522" aria-labelledby="wrmc-accordion-item-label-522">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-440">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-271">
                             <div class="show-time">
                               <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-440"> Jazz Band, Hand and Feet </h3>
+                                <h3 id="wrmc-show-teaser-header-271"> Jazz Band, Hand and Feet </h3>
                               </a>
                               <span class="show-details__genre">Blues</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1037">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-354">
                             <div class="show-time">
                               <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-1037"> Hot Chocolate on the Bus </h3>
+                                <h3 id="wrmc-show-teaser-header-354"> Hot Chocolate on the Bus </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Adam Yauch</em>
@@ -638,13 +638,13 @@ <h3 id="wrmc-show-teaser-header-1037"> Hot Chocolate on the Bus </h3>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-94">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-610">
                             <div class="show-time">
                               <time datetime="2:00" class="" aria-label="show starts at 2:00 AM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 AM">-3:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-94"> I Love Rock and Roll </h3>
+                                <h3 id="wrmc-show-teaser-header-610"> I Love Rock and Roll </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Matt Jennings and Tom</em>
@@ -656,24 +656,24 @@ <h3 id="wrmc-show-teaser-header-94"> I Love Rock and Roll </h3>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-1100">
-                    <a href="#wrmc-accordion-item-label-1100" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1100" aria-expanded="false" aria-controls="wrmc-accordion-content-1100" aria-labelledby="wrmc-accordion-item-label-1100" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-1067">
+                    <a href="#wrmc-accordion-item-label-1067" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1067" aria-expanded="false" aria-controls="wrmc-accordion-content-1067" aria-labelledby="wrmc-accordion-item-label-1067" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-1100">Friday</span>
+                        <span id="wrmc-accordion-item-label-1067">Friday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-1100" aria-labelledby="wrmc-accordion-item-label-1100">
+                    <div role="tabpanel" id="midd-accordion-content-1067" aria-labelledby="wrmc-accordion-item-label-1067">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-361">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-116">
                             <div class="show-time">
                               <time datetime="7:00" class="" aria-label="show starts at 7:00 AM">7:00</time><time datetime="8:00" class="" aria-label="show ends at 8:00 AM">-8:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-361"> Echo Locations </h3>
+                                <h3 id="wrmc-show-teaser-header-116"> Echo Locations </h3>
                               </a>
                               <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                               <span class="show-details__genre">Hip Hop</span>
@@ -681,26 +681,26 @@ <h3 id="wrmc-show-teaser-header-361"> Echo Locations </h3>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1116">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-628">
                             <div class="show-time">
                               <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-1116"> Jazz Band, Hand and Feet </h3>
+                                <h3 id="wrmc-show-teaser-header-628"> Jazz Band, Hand and Feet </h3>
                               </a>
                               <span class="show-details__genre">Blues</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-653">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1094">
                             <div class="show-time">
                               <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-653"> Mr. and Mrs. Send It </h3>
+                                <h3 id="wrmc-show-teaser-header-1094"> Mr. and Mrs. Send It </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Sid Vicious</em>
@@ -712,37 +712,37 @@ <h3 id="wrmc-show-teaser-header-653"> Mr. and Mrs. Send It </h3>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-1043">
-                    <a href="#wrmc-accordion-item-label-1043" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1043" aria-expanded="false" aria-controls="wrmc-accordion-content-1043" aria-labelledby="wrmc-accordion-item-label-1043" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-272">
+                    <a href="#wrmc-accordion-item-label-272" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-272" aria-expanded="false" aria-controls="wrmc-accordion-content-272" aria-labelledby="wrmc-accordion-item-label-272" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-1043">Saturday</span>
+                        <span id="wrmc-accordion-item-label-272">Saturday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-1043" aria-labelledby="wrmc-accordion-item-label-1043">
+                    <div role="tabpanel" id="midd-accordion-content-272" aria-labelledby="wrmc-accordion-item-label-272">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-554">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-414">
                             <div class="show-time">
                               <time datetime="1:00" class="" aria-label="show starts at 1:00 PM">1:00</time><time datetime="2:00" class="" aria-label="show ends at 2:00 PM">-2:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-554"> Experimental Jetset Companion </h3>
+                                <h3 id="wrmc-show-teaser-header-414"> Experimental Jetset Companion </h3>
                               </a>
                               <span class="show-details__genre">Blues</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-573">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-235">
                             <div class="show-time">
                               <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-573"> Hot Chocolate on the Bus </h3>
+                                <h3 id="wrmc-show-teaser-header-235"> Hot Chocolate on the Bus </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Adam Yauch</em>
@@ -755,37 +755,37 @@ <h3 id="wrmc-show-teaser-header-573"> Hot Chocolate on the Bus </h3>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-854">
-                    <a href="#wrmc-accordion-item-label-854" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-854" aria-expanded="false" aria-controls="wrmc-accordion-content-854" aria-labelledby="wrmc-accordion-item-label-854" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-1189">
+                    <a href="#wrmc-accordion-item-label-1189" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1189" aria-expanded="false" aria-controls="wrmc-accordion-content-1189" aria-labelledby="wrmc-accordion-item-label-1189" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-854">Sunday</span>
+                        <span id="wrmc-accordion-item-label-1189">Sunday</span>
                         <span class="wrmc-accordion-item-close">&ndash;</span>
                         <span class="wrmc-accordion-item-open">&#43;</span>
                       </h2>
                     </a>
-                    <div role="tabpanel" id="midd-accordion-content-854" aria-labelledby="wrmc-accordion-item-label-854">
+                    <div role="tabpanel" id="midd-accordion-content-1189" aria-labelledby="wrmc-accordion-item-label-1189">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-507">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-279">
                             <div class="show-time">
                               <time datetime="10:00" class="" aria-label="show starts at 10:00 AM">10:00</time><time datetime="11:00" class="" aria-label="show ends at 11:00 AM">-11:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-507"> Experimental Jetset Companion </h3>
+                                <h3 id="wrmc-show-teaser-header-279"> Experimental Jetset Companion </h3>
                               </a>
                               <span class="show-details__genre">Blues</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1174">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1155">
                             <div class="show-time">
                               <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-1174"> Hot Chocolate on the Bus </h3>
+                                <h3 id="wrmc-show-teaser-header-1155"> Hot Chocolate on the Bus </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Adam Yauch</em>
@@ -796,13 +796,13 @@ <h3 id="wrmc-show-teaser-header-1174"> Hot Chocolate on the Bus </h3>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-650">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1148">
                             <div class="show-time">
                               <time datetime="2:00" class="" aria-label="show starts at 2:00 AM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 AM">-3:00 AM</time>
                             </div>
                             <div class="show-details">
                               <a href="#">
-                                <h3 id="wrmc-show-teaser-header-650"> I Love Rock and Roll </h3>
+                                <h3 id="wrmc-show-teaser-header-1148"> I Love Rock and Roll </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Matt Jennings and Tom</em>
diff --git a/wrmc-top-thirty.html b/wrmc-top-thirty.html
index 0d287444..259abf70 100644
--- a/wrmc-top-thirty.html
+++ b/wrmc-top-thirty.html
@@ -358,12 +358,12 @@ <h3>Current Playlist</h3>
               <img src="https://via.placeholder.com/1440x576" srcset="https://via.placeholder.com/400x160 400w,https://via.placeholder.com/640x256 640w,https://via.placeholder.com/960x384 960w,https://via.placeholder.com/1280x512 1280w,https://via.placeholder.com/1440x576 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
               <figcaption class="page-header__caption">
                 <div class="tooltip tooltip--light">
-                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-827">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-262">
                     <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                       <use xlink:href="#icon-info">
                     </svg>
                   </button>
-                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-827"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-262"> some caption for top level image </div>
                 </div>
               </figcaption>
             </figure>
@@ -448,7 +448,11 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
+                      <div class="song__album-placeholder">
+                        <div class="song__album-placeholder-image">
+                          <img src="images/wrmc-album-default-120x120.png" alt="Album cover placeholder image">
+                        </div>
+                      </div>
                       <p class="song__artist">Quadeca</p>
                       <p class="song__title"><em>SCRAPYARD</em></p>
                     </li>
@@ -470,7 +474,11 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
+                      <div class="song__album-placeholder">
+                        <div class="song__album-placeholder-image">
+                          <img src="images/wrmc-album-default-120x120.png" alt="Album cover placeholder image">
+                        </div>
+                      </div>
                       <p class="song__artist">Mike, Tony Seltzer</p>
                       <p class="song__title"><em>Pinball</em></p>
                     </li>
@@ -486,21 +494,13 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <div class="song__album-placeholder">
-                        <div class="song__album-placeholder-image">
-                          <img src="images/wrmc-album-default-120x120.png" alt="Album cover placeholder image">
-                        </div>
-                      </div>
+                      <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">Faye Webster</p>
                       <p class="song__title"><em>Underdressed at the Symphony</em></p>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <div class="song__album-placeholder">
-                        <div class="song__album-placeholder-image">
-                          <img src="images/wrmc-album-default-120x120.png" alt="Album cover placeholder image">
-                        </div>
-                      </div>
+                      <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">Matt Champion</p>
                       <p class="song__title"><em>Slug</em></p>
                     </li>
@@ -512,11 +512,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <div class="song__album-placeholder">
-                        <div class="song__album-placeholder-image">
-                          <img src="images/wrmc-album-default-120x120.png" alt="Album cover placeholder image">
-                        </div>
-                      </div>
+                      <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">DESTIN CONRAD</p>
                       <p class="song__title"><em>SUBMISSIVE2</em></p>
                     </li>
@@ -534,11 +530,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <div class="song__album-placeholder">
-                        <div class="song__album-placeholder-image">
-                          <img src="images/wrmc-album-default-120x120.png" alt="Album cover placeholder image">
-                        </div>
-                      </div>
+                      <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">Little Simz</p>
                       <p class="song__title"><em>Drop 7</em></p>
                     </li>
@@ -550,11 +542,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <div class="song__album-placeholder">
-                        <div class="song__album-placeholder-image">
-                          <img src="images/wrmc-album-default-120x120.png" alt="Album cover placeholder image">
-                        </div>
-                      </div>
+                      <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">Loukeman</p>
                       <p class="song__title"><em>Sd-2</em></p>
                     </li>
@@ -570,11 +558,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <div class="song__album-placeholder">
-                        <div class="song__album-placeholder-image">
-                          <img src="images/wrmc-album-default-120x120.png" alt="Album cover placeholder image">
-                        </div>
-                      </div>
+                      <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">RiTchie</p>
                       <p class="song__title"><em>Dizzy</em></p>
                     </li>
@@ -590,11 +574,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <div class="song__album-placeholder">
-                        <div class="song__album-placeholder-image">
-                          <img src="images/wrmc-album-default-120x120.png" alt="Album cover placeholder image">
-                        </div>
-                      </div>
+                      <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">Colouring</p>
                       <p class="song__title"><em>Love To You, Mate</em></p>
                     </li>
@@ -604,12 +584,6 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                       <p class="song__artist">Iron & Wine</p>
                       <p class="song__title"><em>All in Good Time</em></p>
                     </li>
-                    <li class="col-6 col-sm-3 col-lg-2">
-                      <span class="song__trapezoid-marker"></span>
-                      <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
-                      <p class="song__artist">Diamond Day</p>
-                      <p class="song__title"><em>Connect the Dots</em></p>
-                    </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
                       <div class="song__album-placeholder">
@@ -617,20 +591,20 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                           <img src="images/wrmc-album-default-120x120.png" alt="Album cover placeholder image">
                         </div>
                       </div>
-                      <p class="song__artist">DJ Lucas</p>
-                      <p class="song__title"><em>Lil Old Town</em></p>
+                      <p class="song__artist">Diamond Day</p>
+                      <p class="song__title"><em>Connect the Dots</em></p>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
                       <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
-                      <p class="song__artist">Laney Jones</p>
-                      <p class="song__title"><em>Stay at Home</em></p>
+                      <p class="song__artist">DJ Lucas</p>
+                      <p class="song__title"><em>Lil Old Town</em></p>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
                       <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
-                      <p class="song__artist">MRCY</p>
-                      <p class="song__title"><em>Lorelai</em></p>
+                      <p class="song__artist">Laney Jones</p>
+                      <p class="song__title"><em>Stay at Home</em></p>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
@@ -639,6 +613,12 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                           <img src="images/wrmc-album-default-120x120.png" alt="Album cover placeholder image">
                         </div>
                       </div>
+                      <p class="song__artist">MRCY</p>
+                      <p class="song__title"><em>Lorelai</em></p>
+                    </li>
+                    <li class="col-6 col-sm-3 col-lg-2">
+                      <span class="song__trapezoid-marker"></span>
+                      <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">sagun</p>
                       <p class="song__title"><em>Issues</em></p>
                     </li>
@@ -654,11 +634,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <div class="song__album-placeholder">
-                        <div class="song__album-placeholder-image">
-                          <img src="images/wrmc-album-default-120x120.png" alt="Album cover placeholder image">
-                        </div>
-                      </div>
+                      <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">foamboy</p>
                       <p class="song__title"><em>Eating Me Alive</em></p>
                     </li>
@@ -684,11 +660,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                     </li>
                     <li class="col-6 col-sm-3 col-lg-2">
                       <span class="song__trapezoid-marker"></span>
-                      <div class="song__album-placeholder">
-                        <div class="song__album-placeholder-image">
-                          <img src="images/wrmc-album-default-120x120.png" alt="Album cover placeholder image">
-                        </div>
-                      </div>
+                      <img src="https://via.placeholder.com/176x176" srcset="https://via.placeholder.com/128x128 128w,https://via.placeholder.com/160x160 160w,https://via.placeholder.com/136x136 136w,https://via.placeholder.com/176x176 176w" sizes="(max-width: 512px) 128px, (max-width: 768px) 160px, (max-width: 1200px) 136px, 176px" alt="" />
                       <p class="song__artist">CZARFACE</p>
                       <p class="song__title"><em>CZARTIFICIAL INTELLIGENCE</em></p>
                     </li>
diff --git a/wrmc-weekly-schedule.html b/wrmc-weekly-schedule.html
index ea0b76c1..6b53c45b 100644
--- a/wrmc-weekly-schedule.html
+++ b/wrmc-weekly-schedule.html
@@ -358,12 +358,12 @@ <h3>Current Playlist</h3>
               <img src="https://via.placeholder.com/1440x576" srcset="https://via.placeholder.com/400x160 400w,https://via.placeholder.com/640x256 640w,https://via.placeholder.com/960x384 960w,https://via.placeholder.com/1280x512 1280w,https://via.placeholder.com/1440x576 1440w" sizes="(max-width: 1440px) 100vw, 1440px" alt="" />
               <figcaption class="page-header__caption">
                 <div class="tooltip tooltip--light">
-                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-1059">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-1074">
                     <svg class="icon f5 icon--lg" focusable="false" aria-hidden="true">
                       <use xlink:href="#icon-info">
                     </svg>
                   </button>
-                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-1059"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-1074"> some caption for top level image </div>
                 </div>
               </figcaption>
             </figure>
@@ -438,20 +438,20 @@ <h1 class="page-header__title" id="midd-page-header-label">Weekly Schedule</h1>
                   <div class="row pl-3 pr-2 pl-lg-5 pr-lg-0">
                     <article class="weekly-schedule__column" aria-label="Shows scheduled for Monday">
                       <h2>Monday</h2>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-428">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-428">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-428">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-764">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-764">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-764">
                             <time datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
-                            <h3 id="wrmc-show-title-428">Mixed Confetti</h3>
+                            <h3 id="wrmc-show-title-764">Mixed Confetti</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser " aria-labelledby="wrmc-show-teaser-header-175" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser " aria-labelledby="wrmc-show-teaser-header-15" role=dialog>
                           <div class="show-time">
                             <time datetime="4:00" class="" aria-label="show starts at 4:00 AM">4:00</time><time datetime="5:00" class="" aria-label="show ends at 5:00 AM">-5:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-175"> Mixed Confetti </h3>
+                              <h3 id="wrmc-show-teaser-header-15"> Mixed Confetti </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Aaron Smith, Blair Kloman, Pooja Gunturu</em>
@@ -462,73 +462,73 @@ <h3 id="wrmc-show-teaser-header-175"> Mixed Confetti </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1224">
-                          <h3 id="wrmc-show-title-1224" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-831">
+                          <h3 id="wrmc-show-title-831" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-878">
-                          <h3 id="wrmc-show-title-878" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-882">
+                          <h3 id="wrmc-show-title-882" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-543">
-                          <h3 id="wrmc-show-title-543" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-700">
+                          <h3 id="wrmc-show-title-700" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-572">
-                          <h3 id="wrmc-show-title-572" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-472">
+                          <h3 id="wrmc-show-title-472" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-943">
-                          <h3 id="wrmc-show-title-943" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-628">
+                          <h3 id="wrmc-show-title-628" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1216">
-                          <h3 id="wrmc-show-title-1216" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-553">
+                          <h3 id="wrmc-show-title-553" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-907">
-                          <h3 id="wrmc-show-title-907" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-546">
+                          <h3 id="wrmc-show-title-546" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1083">
-                          <h3 id="wrmc-show-title-1083" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-990">
+                          <h3 id="wrmc-show-title-990" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-345">
-                          <h3 id="wrmc-show-title-345" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-396">
+                          <h3 id="wrmc-show-title-396" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-232">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-232">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-232">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-1159">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-1159">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1159">
                             <time datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
-                            <h3 id="wrmc-show-title-232">Hot Chocolate on the Bus</h3>
+                            <h3 id="wrmc-show-title-1159">Hot Chocolate on the Bus</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-596" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-482" role=dialog>
                           <div class="show-time">
                             <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-596"> Hot Chocolate on the Bus </h3>
+                              <h3 id="wrmc-show-teaser-header-482"> Hot Chocolate on the Bus </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Adam Yauch</em>
@@ -539,67 +539,67 @@ <h3 id="wrmc-show-teaser-header-596"> Hot Chocolate on the Bus </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-333">
-                          <h3 id="wrmc-show-title-333" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1213">
+                          <h3 id="wrmc-show-title-1213" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-864">
-                          <h3 id="wrmc-show-title-864" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-747">
+                          <h3 id="wrmc-show-title-747" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-488">
-                          <h3 id="wrmc-show-title-488" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-809">
+                          <h3 id="wrmc-show-title-809" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-286">
-                          <h3 id="wrmc-show-title-286" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1073">
+                          <h3 id="wrmc-show-title-1073" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-491">
-                          <h3 id="wrmc-show-title-491" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1218">
+                          <h3 id="wrmc-show-title-1218" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-805">
-                          <h3 id="wrmc-show-title-805" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-865">
+                          <h3 id="wrmc-show-title-865" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-414">
-                          <h3 id="wrmc-show-title-414" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-315">
+                          <h3 id="wrmc-show-title-315" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1192">
-                          <h3 id="wrmc-show-title-1192" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-191">
+                          <h3 id="wrmc-show-title-191" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-396">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-396">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-396">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-274">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-274">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-274">
                             <time datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
-                            <h3 id="wrmc-show-title-396">Mr. and Mrs. Send It</h3>
+                            <h3 id="wrmc-show-title-274">Mr. and Mrs. Send It</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-849" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-149" role=dialog>
                           <div class="show-time">
                             <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-849"> Mr. and Mrs. Send It </h3>
+                              <h3 id="wrmc-show-teaser-header-149"> Mr. and Mrs. Send It </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Sid Vicious</em>
@@ -609,26 +609,26 @@ <h3 id="wrmc-show-teaser-header-849"> Mr. and Mrs. Send It </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-864">
-                          <h3 id="wrmc-show-title-864" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-354">
+                          <h3 id="wrmc-show-title-354" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-177">
-                          <h3 id="wrmc-show-title-177" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-755">
+                          <h3 id="wrmc-show-title-755" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1131">
-                          <h3 id="wrmc-show-title-1131" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-41">
+                          <h3 id="wrmc-show-title-41" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-345">
-                          <h3 id="wrmc-show-title-345" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-690">
+                          <h3 id="wrmc-show-title-690" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -636,25 +636,25 @@ <h3 id="wrmc-show-title-345" class="sr-only">No show scheduled</h3>
                     <article class="weekly-schedule__column" aria-label="Shows scheduled for Tuesday">
                       <h2>Tuesday</h2>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-643">
-                          <h3 id="wrmc-show-title-643" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1056">
+                          <h3 id="wrmc-show-title-1056" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-597">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-597">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-597">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-1161">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-1161">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1161">
                             <time datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
-                            <h3 id="wrmc-show-title-597">Grilled Cheese Sandwich</h3>
+                            <h3 id="wrmc-show-title-1161">Grilled Cheese Sandwich</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser " aria-labelledby="wrmc-show-teaser-header-441" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser " aria-labelledby="wrmc-show-teaser-header-157" role=dialog>
                           <div class="show-time">
                             <time datetime="5:00" class="" aria-label="show starts at 5:00 AM">5:00</time><time datetime="6:00" class="" aria-label="show ends at 6:00 AM">-6:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-441"> Grilled Cheese Sandwich </h3>
+                              <h3 id="wrmc-show-teaser-header-157"> Grilled Cheese Sandwich </h3>
                             </a>
                             <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                             <span class="show-details__genre">Folk Rock</span>
@@ -662,160 +662,160 @@ <h3 id="wrmc-show-teaser-header-441"> Grilled Cheese Sandwich </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-331">
-                          <h3 id="wrmc-show-title-331" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-465">
+                          <h3 id="wrmc-show-title-465" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1207">
-                          <h3 id="wrmc-show-title-1207" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-79">
+                          <h3 id="wrmc-show-title-79" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-944">
-                          <h3 id="wrmc-show-title-944" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-317">
+                          <h3 id="wrmc-show-title-317" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-387">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-387">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-387">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-859">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-859">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-859">
                             <time datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
-                            <h3 id="wrmc-show-title-387">Jazz Band, Hand and Feet</h3>
+                            <h3 id="wrmc-show-title-859">Jazz Band, Hand and Feet</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser " aria-labelledby="wrmc-show-teaser-header-876" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser " aria-labelledby="wrmc-show-teaser-header-964" role=dialog>
                           <div class="show-time">
                             <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-876"> Jazz Band, Hand and Feet </h3>
+                              <h3 id="wrmc-show-teaser-header-964"> Jazz Band, Hand and Feet </h3>
                             </a>
                             <span class="show-details__genre">Blues</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-881">
-                          <h3 id="wrmc-show-title-881" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-379">
+                          <h3 id="wrmc-show-title-379" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-785">
-                          <h3 id="wrmc-show-title-785" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-724">
+                          <h3 id="wrmc-show-title-724" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1131">
-                          <h3 id="wrmc-show-title-1131" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-559">
+                          <h3 id="wrmc-show-title-559" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1100">
-                          <h3 id="wrmc-show-title-1100" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-410">
+                          <h3 id="wrmc-show-title-410" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-768">
-                          <h3 id="wrmc-show-title-768" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-678">
+                          <h3 id="wrmc-show-title-678" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-234">
-                          <h3 id="wrmc-show-title-234" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-536">
+                          <h3 id="wrmc-show-title-536" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-308">
-                          <h3 id="wrmc-show-title-308" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-195">
+                          <h3 id="wrmc-show-title-195" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-24">
-                          <h3 id="wrmc-show-title-24" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-45">
+                          <h3 id="wrmc-show-title-45" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-408">
-                          <h3 id="wrmc-show-title-408" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1161">
+                          <h3 id="wrmc-show-title-1161" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-228">
-                          <h3 id="wrmc-show-title-228" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-147">
+                          <h3 id="wrmc-show-title-147" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1020">
-                          <h3 id="wrmc-show-title-1020" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1214">
+                          <h3 id="wrmc-show-title-1214" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-236">
-                          <h3 id="wrmc-show-title-236" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-239">
+                          <h3 id="wrmc-show-title-239" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-391">
-                          <h3 id="wrmc-show-title-391" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-691">
+                          <h3 id="wrmc-show-title-691" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1105">
-                          <h3 id="wrmc-show-title-1105" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-569">
+                          <h3 id="wrmc-show-title-569" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-744">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-744">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-744">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-1066">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-1066">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1066">
                             <time datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
-                            <h3 id="wrmc-show-title-744">Jazz Band, Hand and Feet</h3>
+                            <h3 id="wrmc-show-title-1066">Jazz Band, Hand and Feet</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-45" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-911" role=dialog>
                           <div class="show-time">
                             <time datetime="12:00" class="" aria-label="show starts at 12:00 AM">12:00</time><time datetime="1:00" class="" aria-label="show ends at 1:00 AM">-1:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-45"> Jazz Band, Hand and Feet </h3>
+                              <h3 id="wrmc-show-teaser-header-911"> Jazz Band, Hand and Feet </h3>
                             </a>
                             <span class="show-details__genre">Blues</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-437">
-                          <h3 id="wrmc-show-title-437" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-453">
+                          <h3 id="wrmc-show-title-453" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-775">
-                          <h3 id="wrmc-show-title-775" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1213">
+                          <h3 id="wrmc-show-title-1213" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-149">
-                          <h3 id="wrmc-show-title-149" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-708">
+                          <h3 id="wrmc-show-title-708" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -823,146 +823,146 @@ <h3 id="wrmc-show-title-149" class="sr-only">No show scheduled</h3>
                     <article class="weekly-schedule__column" aria-label="Shows scheduled for Wednesday">
                       <h2>Wednesday</h2>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1010">
-                          <h3 id="wrmc-show-title-1010" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1018">
+                          <h3 id="wrmc-show-title-1018" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-756">
-                          <h3 id="wrmc-show-title-756" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-61">
+                          <h3 id="wrmc-show-title-61" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-14">
-                          <h3 id="wrmc-show-title-14" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-331">
+                          <h3 id="wrmc-show-title-331" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-489">
-                          <h3 id="wrmc-show-title-489" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-977">
+                          <h3 id="wrmc-show-title-977" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-920">
-                          <h3 id="wrmc-show-title-920" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-723">
+                          <h3 id="wrmc-show-title-723" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-770">
-                          <h3 id="wrmc-show-title-770" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-317">
+                          <h3 id="wrmc-show-title-317" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-245">
-                          <h3 id="wrmc-show-title-245" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1033">
+                          <h3 id="wrmc-show-title-1033" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-866">
-                          <h3 id="wrmc-show-title-866" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-44">
+                          <h3 id="wrmc-show-title-44" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-835">
-                          <h3 id="wrmc-show-title-835" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-493">
+                          <h3 id="wrmc-show-title-493" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-1182">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-1182">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1182">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-822">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-822">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-822">
                             <time datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
-                            <h3 id="wrmc-show-title-1182">Experimental Jetset Companion</h3>
+                            <h3 id="wrmc-show-title-822">Experimental Jetset Companion</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-356" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-740" role=dialog>
                           <div class="show-time">
                             <time datetime="1:00" class="" aria-label="show starts at 1:00 PM">1:00</time><time datetime="2:00" class="" aria-label="show ends at 2:00 PM">-2:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-356"> Experimental Jetset Companion </h3>
+                              <h3 id="wrmc-show-teaser-header-740"> Experimental Jetset Companion </h3>
                             </a>
                             <span class="show-details__genre">Blues</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-362">
-                          <h3 id="wrmc-show-title-362" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-472">
+                          <h3 id="wrmc-show-title-472" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-620">
-                          <h3 id="wrmc-show-title-620" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1017">
+                          <h3 id="wrmc-show-title-1017" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1076">
-                          <h3 id="wrmc-show-title-1076" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-255">
+                          <h3 id="wrmc-show-title-255" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-961">
-                          <h3 id="wrmc-show-title-961" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1097">
+                          <h3 id="wrmc-show-title-1097" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-212">
-                          <h3 id="wrmc-show-title-212" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1168">
+                          <h3 id="wrmc-show-title-1168" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-479">
-                          <h3 id="wrmc-show-title-479" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-68">
+                          <h3 id="wrmc-show-title-68" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1143">
-                          <h3 id="wrmc-show-title-1143" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-736">
+                          <h3 id="wrmc-show-title-736" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-584">
-                          <h3 id="wrmc-show-title-584" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-682">
+                          <h3 id="wrmc-show-title-682" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-596">
-                          <h3 id="wrmc-show-title-596" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-42">
+                          <h3 id="wrmc-show-title-42" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-964">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-964">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-964">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-494">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-494">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-494">
                             <time datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
-                            <h3 id="wrmc-show-title-964">Mr. and Mrs. Send It</h3>
+                            <h3 id="wrmc-show-title-494">Mr. and Mrs. Send It</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-682" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-213" role=dialog>
                           <div class="show-time">
                             <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-682"> Mr. and Mrs. Send It </h3>
+                              <h3 id="wrmc-show-teaser-header-213"> Mr. and Mrs. Send It </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Sid Vicious</em>
@@ -972,26 +972,26 @@ <h3 id="wrmc-show-teaser-header-682"> Mr. and Mrs. Send It </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-568">
-                          <h3 id="wrmc-show-title-568" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-302">
+                          <h3 id="wrmc-show-title-302" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-53">
-                          <h3 id="wrmc-show-title-53" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-652">
+                          <h3 id="wrmc-show-title-652" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-747">
-                          <h3 id="wrmc-show-title-747" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-659">
+                          <h3 id="wrmc-show-title-659" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1040">
-                          <h3 id="wrmc-show-title-1040" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-557">
+                          <h3 id="wrmc-show-title-557" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -999,92 +999,92 @@ <h3 id="wrmc-show-title-1040" class="sr-only">No show scheduled</h3>
                     <article class="weekly-schedule__column" aria-label="Shows scheduled for Thursday">
                       <h2>Thursday</h2>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-992">
-                          <h3 id="wrmc-show-title-992" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-517">
+                          <h3 id="wrmc-show-title-517" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1047">
-                          <h3 id="wrmc-show-title-1047" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-452">
+                          <h3 id="wrmc-show-title-452" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-498">
-                          <h3 id="wrmc-show-title-498" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-267">
+                          <h3 id="wrmc-show-title-267" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-202">
-                          <h3 id="wrmc-show-title-202" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-159">
+                          <h3 id="wrmc-show-title-159" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-890">
-                          <h3 id="wrmc-show-title-890" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-282">
+                          <h3 id="wrmc-show-title-282" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-517">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-517">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-517">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-293">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-293">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-293">
                             <time datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
-                            <h3 id="wrmc-show-title-517">Jazz Band, Hand and Feet</h3>
+                            <h3 id="wrmc-show-title-293">Jazz Band, Hand and Feet</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser " aria-labelledby="wrmc-show-teaser-header-116" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser " aria-labelledby="wrmc-show-teaser-header-195" role=dialog>
                           <div class="show-time">
                             <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-116"> Jazz Band, Hand and Feet </h3>
+                              <h3 id="wrmc-show-teaser-header-195"> Jazz Band, Hand and Feet </h3>
                             </a>
                             <span class="show-details__genre">Blues</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-529">
-                          <h3 id="wrmc-show-title-529" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-414">
+                          <h3 id="wrmc-show-title-414" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1114">
-                          <h3 id="wrmc-show-title-1114" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1197">
+                          <h3 id="wrmc-show-title-1197" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-270">
-                          <h3 id="wrmc-show-title-270" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-147">
+                          <h3 id="wrmc-show-title-147" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1222">
-                          <h3 id="wrmc-show-title-1222" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-220">
+                          <h3 id="wrmc-show-title-220" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-366">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-366">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-366">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-431">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-431">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-431">
                             <time datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
-                            <h3 id="wrmc-show-title-366">Hot Chocolate on the Bus</h3>
+                            <h3 id="wrmc-show-title-431">Hot Chocolate on the Bus</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-16" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-410" role=dialog>
                           <div class="show-time">
                             <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-16"> Hot Chocolate on the Bus </h3>
+                              <h3 id="wrmc-show-teaser-header-410"> Hot Chocolate on the Bus </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Adam Yauch</em>
@@ -1095,85 +1095,85 @@ <h3 id="wrmc-show-teaser-header-16"> Hot Chocolate on the Bus </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-658">
-                          <h3 id="wrmc-show-title-658" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-647">
+                          <h3 id="wrmc-show-title-647" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-448">
-                          <h3 id="wrmc-show-title-448" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-584">
+                          <h3 id="wrmc-show-title-584" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1126">
-                          <h3 id="wrmc-show-title-1126" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1214">
+                          <h3 id="wrmc-show-title-1214" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-777">
-                          <h3 id="wrmc-show-title-777" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-535">
+                          <h3 id="wrmc-show-title-535" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-921">
-                          <h3 id="wrmc-show-title-921" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-552">
+                          <h3 id="wrmc-show-title-552" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-262">
-                          <h3 id="wrmc-show-title-262" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-948">
+                          <h3 id="wrmc-show-title-948" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-560">
-                          <h3 id="wrmc-show-title-560" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-81">
+                          <h3 id="wrmc-show-title-81" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-952">
-                          <h3 id="wrmc-show-title-952" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-612">
+                          <h3 id="wrmc-show-title-612" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-16">
-                          <h3 id="wrmc-show-title-16" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1044">
+                          <h3 id="wrmc-show-title-1044" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-233">
-                          <h3 id="wrmc-show-title-233" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-23">
+                          <h3 id="wrmc-show-title-23" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1226">
-                          <h3 id="wrmc-show-title-1226" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-183">
+                          <h3 id="wrmc-show-title-183" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-733">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-733">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-733">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-1172">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-1172">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1172">
                             <time datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
-                            <h3 id="wrmc-show-title-733">I Love Rock and Roll</h3>
+                            <h3 id="wrmc-show-title-1172">I Love Rock and Roll</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-984" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-582" role=dialog>
                           <div class="show-time">
                             <time datetime="2:00" class="" aria-label="show starts at 2:00 AM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 AM">-3:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-984"> I Love Rock and Roll </h3>
+                              <h3 id="wrmc-show-teaser-header-582"> I Love Rock and Roll </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Matt Jennings and Tom</em>
@@ -1183,8 +1183,8 @@ <h3 id="wrmc-show-teaser-header-984"> I Love Rock and Roll </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-493">
-                          <h3 id="wrmc-show-title-493" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-76">
+                          <h3 id="wrmc-show-title-76" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -1192,37 +1192,37 @@ <h3 id="wrmc-show-title-493" class="sr-only">No show scheduled</h3>
                     <article class="weekly-schedule__column" aria-label="Shows scheduled for Friday">
                       <h2>Friday</h2>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-870">
-                          <h3 id="wrmc-show-title-870" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-988">
+                          <h3 id="wrmc-show-title-988" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-201">
-                          <h3 id="wrmc-show-title-201" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-10">
+                          <h3 id="wrmc-show-title-10" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-734">
-                          <h3 id="wrmc-show-title-734" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1007">
+                          <h3 id="wrmc-show-title-1007" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-978">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-978">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-978">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-308">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-308">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-308">
                             <time datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
-                            <h3 id="wrmc-show-title-978">Echo Locations</h3>
+                            <h3 id="wrmc-show-title-308">Echo Locations</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-right" aria-labelledby="wrmc-show-teaser-header-473" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-right" aria-labelledby="wrmc-show-teaser-header-813" role=dialog>
                           <div class="show-time">
                             <time datetime="7:00" class="" aria-label="show starts at 7:00 AM">7:00</time><time datetime="8:00" class="" aria-label="show ends at 8:00 AM">-8:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-473"> Echo Locations </h3>
+                              <h3 id="wrmc-show-teaser-header-813"> Echo Locations </h3>
                             </a>
                             <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                             <span class="show-details__genre">Hip Hop</span>
@@ -1230,122 +1230,122 @@ <h3 id="wrmc-show-teaser-header-473"> Echo Locations </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-722">
-                          <h3 id="wrmc-show-title-722" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-770">
+                          <h3 id="wrmc-show-title-770" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-145">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-145">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-145">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-13">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-13">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-13">
                             <time datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
-                            <h3 id="wrmc-show-title-145">Jazz Band, Hand and Feet</h3>
+                            <h3 id="wrmc-show-title-13">Jazz Band, Hand and Feet</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-right" aria-labelledby="wrmc-show-teaser-header-1233" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-right" aria-labelledby="wrmc-show-teaser-header-845" role=dialog>
                           <div class="show-time">
                             <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-1233"> Jazz Band, Hand and Feet </h3>
+                              <h3 id="wrmc-show-teaser-header-845"> Jazz Band, Hand and Feet </h3>
                             </a>
                             <span class="show-details__genre">Blues</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-438">
-                          <h3 id="wrmc-show-title-438" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-297">
+                          <h3 id="wrmc-show-title-297" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-595">
-                          <h3 id="wrmc-show-title-595" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1065">
+                          <h3 id="wrmc-show-title-1065" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1061">
-                          <h3 id="wrmc-show-title-1061" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1072">
+                          <h3 id="wrmc-show-title-1072" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-758">
-                          <h3 id="wrmc-show-title-758" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-696">
+                          <h3 id="wrmc-show-title-696" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1175">
-                          <h3 id="wrmc-show-title-1175" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-723">
+                          <h3 id="wrmc-show-title-723" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-196">
-                          <h3 id="wrmc-show-title-196" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1157">
+                          <h3 id="wrmc-show-title-1157" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-881">
-                          <h3 id="wrmc-show-title-881" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-561">
+                          <h3 id="wrmc-show-title-561" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-666">
-                          <h3 id="wrmc-show-title-666" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-475">
+                          <h3 id="wrmc-show-title-475" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-625">
-                          <h3 id="wrmc-show-title-625" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-385">
+                          <h3 id="wrmc-show-title-385" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-953">
-                          <h3 id="wrmc-show-title-953" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-381">
+                          <h3 id="wrmc-show-title-381" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-517">
-                          <h3 id="wrmc-show-title-517" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1215">
+                          <h3 id="wrmc-show-title-1215" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-952">
-                          <h3 id="wrmc-show-title-952" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-897">
+                          <h3 id="wrmc-show-title-897" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-693">
-                          <h3 id="wrmc-show-title-693" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1122">
+                          <h3 id="wrmc-show-title-1122" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-936">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-936">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-936">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-200">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-200">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-200">
                             <time datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
-                            <h3 id="wrmc-show-title-936">Mr. and Mrs. Send It</h3>
+                            <h3 id="wrmc-show-title-200">Mr. and Mrs. Send It</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-866" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-93" role=dialog>
                           <div class="show-time">
                             <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-866"> Mr. and Mrs. Send It </h3>
+                              <h3 id="wrmc-show-teaser-header-93"> Mr. and Mrs. Send It </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Sid Vicious</em>
@@ -1355,26 +1355,26 @@ <h3 id="wrmc-show-teaser-header-866"> Mr. and Mrs. Send It </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1023">
-                          <h3 id="wrmc-show-title-1023" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-535">
+                          <h3 id="wrmc-show-title-535" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-846">
-                          <h3 id="wrmc-show-title-846" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1087">
+                          <h3 id="wrmc-show-title-1087" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-620">
-                          <h3 id="wrmc-show-title-620" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-947">
+                          <h3 id="wrmc-show-title-947" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-531">
-                          <h3 id="wrmc-show-title-531" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-429">
+                          <h3 id="wrmc-show-title-429" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -1382,92 +1382,92 @@ <h3 id="wrmc-show-title-531" class="sr-only">No show scheduled</h3>
                     <article class="weekly-schedule__column" aria-label="Shows scheduled for Saturday">
                       <h2>Saturday</h2>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-551">
-                          <h3 id="wrmc-show-title-551" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-726">
+                          <h3 id="wrmc-show-title-726" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-556">
-                          <h3 id="wrmc-show-title-556" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-865">
+                          <h3 id="wrmc-show-title-865" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-933">
-                          <h3 id="wrmc-show-title-933" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-653">
+                          <h3 id="wrmc-show-title-653" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-351">
-                          <h3 id="wrmc-show-title-351" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-302">
+                          <h3 id="wrmc-show-title-302" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-503">
-                          <h3 id="wrmc-show-title-503" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-104">
+                          <h3 id="wrmc-show-title-104" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-43">
-                          <h3 id="wrmc-show-title-43" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-338">
+                          <h3 id="wrmc-show-title-338" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-253">
-                          <h3 id="wrmc-show-title-253" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-814">
+                          <h3 id="wrmc-show-title-814" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-387">
-                          <h3 id="wrmc-show-title-387" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-730">
+                          <h3 id="wrmc-show-title-730" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-476">
-                          <h3 id="wrmc-show-title-476" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-814">
+                          <h3 id="wrmc-show-title-814" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-423">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-423">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-423">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-503">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-503">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-503">
                             <time datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
-                            <h3 id="wrmc-show-title-423">Experimental Jetset Companion</h3>
+                            <h3 id="wrmc-show-title-503">Experimental Jetset Companion</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-807" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-527" role=dialog>
                           <div class="show-time">
                             <time datetime="1:00" class="" aria-label="show starts at 1:00 PM">1:00</time><time datetime="2:00" class="" aria-label="show ends at 2:00 PM">-2:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-807"> Experimental Jetset Companion </h3>
+                              <h3 id="wrmc-show-teaser-header-527"> Experimental Jetset Companion </h3>
                             </a>
                             <span class="show-details__genre">Blues</span>
                           </div>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-51">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-51">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-51">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-852">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-852">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-852">
                             <time datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
-                            <h3 id="wrmc-show-title-51">Hot Chocolate on the Bus</h3>
+                            <h3 id="wrmc-show-title-852">Hot Chocolate on the Bus</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-594" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-304" role=dialog>
                           <div class="show-time">
                             <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-594"> Hot Chocolate on the Bus </h3>
+                              <h3 id="wrmc-show-teaser-header-304"> Hot Chocolate on the Bus </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Adam Yauch</em>
@@ -1478,80 +1478,80 @@ <h3 id="wrmc-show-teaser-header-594"> Hot Chocolate on the Bus </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-56">
-                          <h3 id="wrmc-show-title-56" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-556">
+                          <h3 id="wrmc-show-title-556" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-366">
-                          <h3 id="wrmc-show-title-366" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-24">
+                          <h3 id="wrmc-show-title-24" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-631">
-                          <h3 id="wrmc-show-title-631" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-822">
+                          <h3 id="wrmc-show-title-822" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1071">
-                          <h3 id="wrmc-show-title-1071" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-777">
+                          <h3 id="wrmc-show-title-777" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-698">
-                          <h3 id="wrmc-show-title-698" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-51">
+                          <h3 id="wrmc-show-title-51" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-784">
-                          <h3 id="wrmc-show-title-784" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-141">
+                          <h3 id="wrmc-show-title-141" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-130">
-                          <h3 id="wrmc-show-title-130" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-574">
+                          <h3 id="wrmc-show-title-574" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1100">
-                          <h3 id="wrmc-show-title-1100" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-568">
+                          <h3 id="wrmc-show-title-568" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-693">
-                          <h3 id="wrmc-show-title-693" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-337">
+                          <h3 id="wrmc-show-title-337" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-960">
-                          <h3 id="wrmc-show-title-960" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-936">
+                          <h3 id="wrmc-show-title-936" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-941">
-                          <h3 id="wrmc-show-title-941" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1118">
+                          <h3 id="wrmc-show-title-1118" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-22">
-                          <h3 id="wrmc-show-title-22" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-34">
+                          <h3 id="wrmc-show-title-34" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-889">
-                          <h3 id="wrmc-show-title-889" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-348">
+                          <h3 id="wrmc-show-title-348" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -1559,92 +1559,92 @@ <h3 id="wrmc-show-title-889" class="sr-only">No show scheduled</h3>
                     <article class="weekly-schedule__column" aria-label="Shows scheduled for Sunday">
                       <h2>Sunday</h2>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-840">
-                          <h3 id="wrmc-show-title-840" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-11">
+                          <h3 id="wrmc-show-title-11" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1188">
-                          <h3 id="wrmc-show-title-1188" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-932">
+                          <h3 id="wrmc-show-title-932" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-169">
-                          <h3 id="wrmc-show-title-169" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1159">
+                          <h3 id="wrmc-show-title-1159" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 AM">6:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-381">
-                          <h3 id="wrmc-show-title-381" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-367">
+                          <h3 id="wrmc-show-title-367" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1096">
-                          <h3 id="wrmc-show-title-1096" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-552">
+                          <h3 id="wrmc-show-title-552" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 AM">8:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-688">
-                          <h3 id="wrmc-show-title-688" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-901">
+                          <h3 id="wrmc-show-title-901" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-1078">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-1078">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1078">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-835">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-835">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-835">
                             <time datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
-                            <h3 id="wrmc-show-title-1078">Experimental Jetset Companion</h3>
+                            <h3 id="wrmc-show-title-835">Experimental Jetset Companion</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-right" aria-labelledby="wrmc-show-teaser-header-755" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-right" aria-labelledby="wrmc-show-teaser-header-319" role=dialog>
                           <div class="show-time">
                             <time datetime="10:00" class="" aria-label="show starts at 10:00 AM">10:00</time><time datetime="11:00" class="" aria-label="show ends at 11:00 AM">-11:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-755"> Experimental Jetset Companion </h3>
+                              <h3 id="wrmc-show-teaser-header-319"> Experimental Jetset Companion </h3>
                             </a>
                             <span class="show-details__genre">Blues</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1068">
-                          <h3 id="wrmc-show-title-1068" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-440">
+                          <h3 id="wrmc-show-title-440" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 AM">11:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-841">
-                          <h3 id="wrmc-show-title-841" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-505">
+                          <h3 id="wrmc-show-title-505" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 PM">12:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-149">
-                          <h3 id="wrmc-show-title-149" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-658">
+                          <h3 id="wrmc-show-title-658" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-1089">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-1089">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1089">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-290">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-290">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-290">
                             <time datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
-                            <h3 id="wrmc-show-title-1089">Hot Chocolate on the Bus</h3>
+                            <h3 id="wrmc-show-title-290">Hot Chocolate on the Bus</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-1083" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-874" role=dialog>
                           <div class="show-time">
                             <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-1083"> Hot Chocolate on the Bus </h3>
+                              <h3 id="wrmc-show-teaser-header-874"> Hot Chocolate on the Bus </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Adam Yauch</em>
@@ -1655,85 +1655,85 @@ <h3 id="wrmc-show-teaser-header-1083"> Hot Chocolate on the Bus </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-220">
-                          <h3 id="wrmc-show-title-220" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-404">
+                          <h3 id="wrmc-show-title-404" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 PM">3:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-424">
-                          <h3 id="wrmc-show-title-424" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-847">
+                          <h3 id="wrmc-show-title-847" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="4:00" aria-label="show starts at 4:00 PM">4:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-614">
-                          <h3 id="wrmc-show-title-614" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-901">
+                          <h3 id="wrmc-show-title-901" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="5:00" aria-label="show starts at 5:00 PM">5:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-527">
-                          <h3 id="wrmc-show-title-527" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1178">
+                          <h3 id="wrmc-show-title-1178" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="6:00" aria-label="show starts at 6:00 PM">6:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-561">
-                          <h3 id="wrmc-show-title-561" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-436">
+                          <h3 id="wrmc-show-title-436" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="7:00" aria-label="show starts at 7:00 PM">7:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-366">
-                          <h3 id="wrmc-show-title-366" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-818">
+                          <h3 id="wrmc-show-title-818" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="8:00" aria-label="show starts at 8:00 PM">8:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-44">
-                          <h3 id="wrmc-show-title-44" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-885">
+                          <h3 id="wrmc-show-title-885" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="9:00" aria-label="show starts at 9:00 PM">9:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-111">
-                          <h3 id="wrmc-show-title-111" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-506">
+                          <h3 id="wrmc-show-title-506" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="10:00" aria-label="show starts at 10:00 PM">10:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-807">
-                          <h3 id="wrmc-show-title-807" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-934">
+                          <h3 id="wrmc-show-title-934" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-637">
-                          <h3 id="wrmc-show-title-637" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1146">
+                          <h3 id="wrmc-show-title-1146" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-592">
-                          <h3 id="wrmc-show-title-592" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1181">
+                          <h3 id="wrmc-show-title-1181" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="1:00" aria-label="show starts at 1:00 AM">1:00 AM</time>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-119">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-119">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-119">
+                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-994">
+                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-994">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-994">
                             <time datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
-                            <h3 id="wrmc-show-title-119">I Love Rock and Roll</h3>
+                            <h3 id="wrmc-show-title-994">I Love Rock and Roll</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-693" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-592" role=dialog>
                           <div class="show-time">
                             <time datetime="2:00" class="" aria-label="show starts at 2:00 AM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 AM">-3:00 AM</time>
                           </div>
                           <div class="show-details">
                             <a href="#">
-                              <h3 id="wrmc-show-teaser-header-693"> I Love Rock and Roll </h3>
+                              <h3 id="wrmc-show-teaser-header-592"> I Love Rock and Roll </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Matt Jennings and Tom</em>
@@ -1743,8 +1743,8 @@ <h3 id="wrmc-show-teaser-header-693"> I Love Rock and Roll </h3>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-553">
-                          <h3 id="wrmc-show-title-553" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-29">
+                          <h3 id="wrmc-show-title-29" class="sr-only">No show scheduled</h3>
                           <time class="weekly-schedule__time" datetime="3:00" aria-label="show starts at 3:00 AM">3:00 AM</time>
                         </article>
                       </div>
@@ -1759,24 +1759,24 @@ <h3 id="wrmc-show-title-553" class="sr-only">No show scheduled</h3>
                     <a href="#" data-toggle-close-all>close all</a>
                   </div>
                   <div role="tablist">
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-518">
-                      <a href="#wrmc-accordion-item-label-518" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-518" aria-expanded="true" aria-controls="wrmc-accordion-content-518" aria-labelledby="wrmc-accordion-item-label-518" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-1047">
+                      <a href="#wrmc-accordion-item-label-1047" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1047" aria-expanded="true" aria-controls="wrmc-accordion-content-1047" aria-labelledby="wrmc-accordion-item-label-1047" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-518">Monday</span>
+                          <span id="wrmc-accordion-item-label-1047">Monday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-518" aria-labelledby="wrmc-accordion-item-label-518">
+                      <div role="tabpanel" id="midd-accordion-content-1047" aria-labelledby="wrmc-accordion-item-label-1047">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1136">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1144">
                               <div class="show-time">
                                 <time datetime="4:00" class="" aria-label="show starts at 4:00 AM">4:00</time><time datetime="5:00" class="" aria-label="show ends at 5:00 AM">-5:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-1136"> Mixed Confetti </h3>
+                                  <h3 id="wrmc-show-teaser-header-1144"> Mixed Confetti </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Aaron Smith, Blair Kloman, Pooja Gunturu</em>
@@ -1787,13 +1787,13 @@ <h3 id="wrmc-show-teaser-header-1136"> Mixed Confetti </h3>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-247">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-209">
                               <div class="show-time">
                                 <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-247"> Hot Chocolate on the Bus </h3>
+                                  <h3 id="wrmc-show-teaser-header-209"> Hot Chocolate on the Bus </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Adam Yauch</em>
@@ -1804,13 +1804,13 @@ <h3 id="wrmc-show-teaser-header-247"> Hot Chocolate on the Bus </h3>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-405">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-276">
                               <div class="show-time">
                                 <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-405"> Mr. and Mrs. Send It </h3>
+                                  <h3 id="wrmc-show-teaser-header-276"> Mr. and Mrs. Send It </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Sid Vicious</em>
@@ -1822,24 +1822,24 @@ <h3 id="wrmc-show-teaser-header-405"> Mr. and Mrs. Send It </h3>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-802">
-                      <a href="#wrmc-accordion-item-label-802" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-802" aria-expanded="true" aria-controls="wrmc-accordion-content-802" aria-labelledby="wrmc-accordion-item-label-802" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-215">
+                      <a href="#wrmc-accordion-item-label-215" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-215" aria-expanded="true" aria-controls="wrmc-accordion-content-215" aria-labelledby="wrmc-accordion-item-label-215" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-802">Tuesday</span>
+                          <span id="wrmc-accordion-item-label-215">Tuesday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-802" aria-labelledby="wrmc-accordion-item-label-802">
+                      <div role="tabpanel" id="midd-accordion-content-215" aria-labelledby="wrmc-accordion-item-label-215">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-88">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-768">
                               <div class="show-time">
                                 <time datetime="5:00" class="" aria-label="show starts at 5:00 AM">5:00</time><time datetime="6:00" class="" aria-label="show ends at 6:00 AM">-6:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-88"> Grilled Cheese Sandwich </h3>
+                                  <h3 id="wrmc-show-teaser-header-768"> Grilled Cheese Sandwich </h3>
                                 </a>
                                 <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                                 <span class="show-details__genre">Folk Rock</span>
@@ -1847,26 +1847,26 @@ <h3 id="wrmc-show-teaser-header-88"> Grilled Cheese Sandwich </h3>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-343">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-200">
                               <div class="show-time">
                                 <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-343"> Jazz Band, Hand and Feet </h3>
+                                  <h3 id="wrmc-show-teaser-header-200"> Jazz Band, Hand and Feet </h3>
                                 </a>
                                 <span class="show-details__genre">Blues</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-222">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-534">
                               <div class="show-time">
                                 <time datetime="12:00" class="" aria-label="show starts at 12:00 AM">12:00</time><time datetime="1:00" class="" aria-label="show ends at 1:00 AM">-1:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-222"> Jazz Band, Hand and Feet </h3>
+                                  <h3 id="wrmc-show-teaser-header-534"> Jazz Band, Hand and Feet </h3>
                                 </a>
                                 <span class="show-details__genre">Blues</span>
                               </div>
@@ -1875,37 +1875,37 @@ <h3 id="wrmc-show-teaser-header-222"> Jazz Band, Hand and Feet </h3>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-961">
-                      <a href="#wrmc-accordion-item-label-961" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-961" aria-expanded="true" aria-controls="wrmc-accordion-content-961" aria-labelledby="wrmc-accordion-item-label-961" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-848">
+                      <a href="#wrmc-accordion-item-label-848" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-848" aria-expanded="true" aria-controls="wrmc-accordion-content-848" aria-labelledby="wrmc-accordion-item-label-848" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-961">Wednesday</span>
+                          <span id="wrmc-accordion-item-label-848">Wednesday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-961" aria-labelledby="wrmc-accordion-item-label-961">
+                      <div role="tabpanel" id="midd-accordion-content-848" aria-labelledby="wrmc-accordion-item-label-848">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-224">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-366">
                               <div class="show-time">
                                 <time datetime="1:00" class="" aria-label="show starts at 1:00 PM">1:00</time><time datetime="2:00" class="" aria-label="show ends at 2:00 PM">-2:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-224"> Experimental Jetset Companion </h3>
+                                  <h3 id="wrmc-show-teaser-header-366"> Experimental Jetset Companion </h3>
                                 </a>
                                 <span class="show-details__genre">Blues</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-332">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-283">
                               <div class="show-time">
                                 <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-332"> Mr. and Mrs. Send It </h3>
+                                  <h3 id="wrmc-show-teaser-header-283"> Mr. and Mrs. Send It </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Sid Vicious</em>
@@ -1917,37 +1917,37 @@ <h3 id="wrmc-show-teaser-header-332"> Mr. and Mrs. Send It </h3>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-393">
-                      <a href="#wrmc-accordion-item-label-393" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-393" aria-expanded="true" aria-controls="wrmc-accordion-content-393" aria-labelledby="wrmc-accordion-item-label-393" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-703">
+                      <a href="#wrmc-accordion-item-label-703" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-703" aria-expanded="true" aria-controls="wrmc-accordion-content-703" aria-labelledby="wrmc-accordion-item-label-703" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-393">Thursday</span>
+                          <span id="wrmc-accordion-item-label-703">Thursday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-393" aria-labelledby="wrmc-accordion-item-label-393">
+                      <div role="tabpanel" id="midd-accordion-content-703" aria-labelledby="wrmc-accordion-item-label-703">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-799">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-591">
                               <div class="show-time">
                                 <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-799"> Jazz Band, Hand and Feet </h3>
+                                  <h3 id="wrmc-show-teaser-header-591"> Jazz Band, Hand and Feet </h3>
                                 </a>
                                 <span class="show-details__genre">Blues</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1008">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-521">
                               <div class="show-time">
                                 <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-1008"> Hot Chocolate on the Bus </h3>
+                                  <h3 id="wrmc-show-teaser-header-521"> Hot Chocolate on the Bus </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Adam Yauch</em>
@@ -1958,13 +1958,13 @@ <h3 id="wrmc-show-teaser-header-1008"> Hot Chocolate on the Bus </h3>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1124">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-364">
                               <div class="show-time">
                                 <time datetime="2:00" class="" aria-label="show starts at 2:00 AM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 AM">-3:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-1124"> I Love Rock and Roll </h3>
+                                  <h3 id="wrmc-show-teaser-header-364"> I Love Rock and Roll </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Matt Jennings and Tom</em>
@@ -1976,24 +1976,24 @@ <h3 id="wrmc-show-teaser-header-1124"> I Love Rock and Roll </h3>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-2">
-                      <a href="#wrmc-accordion-item-label-2" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-2" aria-expanded="true" aria-controls="wrmc-accordion-content-2" aria-labelledby="wrmc-accordion-item-label-2" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-50">
+                      <a href="#wrmc-accordion-item-label-50" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-50" aria-expanded="true" aria-controls="wrmc-accordion-content-50" aria-labelledby="wrmc-accordion-item-label-50" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-2">Friday</span>
+                          <span id="wrmc-accordion-item-label-50">Friday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-2" aria-labelledby="wrmc-accordion-item-label-2">
+                      <div role="tabpanel" id="midd-accordion-content-50" aria-labelledby="wrmc-accordion-item-label-50">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1097">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-961">
                               <div class="show-time">
                                 <time datetime="7:00" class="" aria-label="show starts at 7:00 AM">7:00</time><time datetime="8:00" class="" aria-label="show ends at 8:00 AM">-8:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-1097"> Echo Locations </h3>
+                                  <h3 id="wrmc-show-teaser-header-961"> Echo Locations </h3>
                                 </a>
                                 <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                                 <span class="show-details__genre">Hip Hop</span>
@@ -2001,26 +2001,26 @@ <h3 id="wrmc-show-teaser-header-1097"> Echo Locations </h3>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-412">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-587">
                               <div class="show-time">
                                 <time datetime="9:00" class="" aria-label="show starts at 9:00 AM">9:00</time><time datetime="10:00" class="" aria-label="show ends at 10:00 AM">-10:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-412"> Jazz Band, Hand and Feet </h3>
+                                  <h3 id="wrmc-show-teaser-header-587"> Jazz Band, Hand and Feet </h3>
                                 </a>
                                 <span class="show-details__genre">Blues</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1006">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-509">
                               <div class="show-time">
                                 <time datetime="11:00" class="" aria-label="show starts at 11:00 PM">11:00</time><time datetime="12:00" class="" aria-label="show ends at 12:00 PM">-12:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-1006"> Mr. and Mrs. Send It </h3>
+                                  <h3 id="wrmc-show-teaser-header-509"> Mr. and Mrs. Send It </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Sid Vicious</em>
@@ -2032,37 +2032,37 @@ <h3 id="wrmc-show-teaser-header-1006"> Mr. and Mrs. Send It </h3>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-583">
-                      <a href="#wrmc-accordion-item-label-583" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-583" aria-expanded="true" aria-controls="wrmc-accordion-content-583" aria-labelledby="wrmc-accordion-item-label-583" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-364">
+                      <a href="#wrmc-accordion-item-label-364" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-364" aria-expanded="true" aria-controls="wrmc-accordion-content-364" aria-labelledby="wrmc-accordion-item-label-364" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-583">Saturday</span>
+                          <span id="wrmc-accordion-item-label-364">Saturday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-583" aria-labelledby="wrmc-accordion-item-label-583">
+                      <div role="tabpanel" id="midd-accordion-content-364" aria-labelledby="wrmc-accordion-item-label-364">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1171">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-394">
                               <div class="show-time">
                                 <time datetime="1:00" class="" aria-label="show starts at 1:00 PM">1:00</time><time datetime="2:00" class="" aria-label="show ends at 2:00 PM">-2:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-1171"> Experimental Jetset Companion </h3>
+                                  <h3 id="wrmc-show-teaser-header-394"> Experimental Jetset Companion </h3>
                                 </a>
                                 <span class="show-details__genre">Blues</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1141">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-508">
                               <div class="show-time">
                                 <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-1141"> Hot Chocolate on the Bus </h3>
+                                  <h3 id="wrmc-show-teaser-header-508"> Hot Chocolate on the Bus </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Adam Yauch</em>
@@ -2075,37 +2075,37 @@ <h3 id="wrmc-show-teaser-header-1141"> Hot Chocolate on the Bus </h3>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-584">
-                      <a href="#wrmc-accordion-item-label-584" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-584" aria-expanded="true" aria-controls="wrmc-accordion-content-584" aria-labelledby="wrmc-accordion-item-label-584" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-1078">
+                      <a href="#wrmc-accordion-item-label-1078" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1078" aria-expanded="true" aria-controls="wrmc-accordion-content-1078" aria-labelledby="wrmc-accordion-item-label-1078" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-584">Sunday</span>
+                          <span id="wrmc-accordion-item-label-1078">Sunday</span>
                           <span class="wrmc-accordion-item-close">&ndash;</span>
                           <span class="wrmc-accordion-item-open">&#43;</span>
                         </h2>
                       </a>
-                      <div role="tabpanel" id="midd-accordion-content-584" aria-labelledby="wrmc-accordion-item-label-584">
+                      <div role="tabpanel" id="midd-accordion-content-1078" aria-labelledby="wrmc-accordion-item-label-1078">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-271">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1127">
                               <div class="show-time">
                                 <time datetime="10:00" class="" aria-label="show starts at 10:00 AM">10:00</time><time datetime="11:00" class="" aria-label="show ends at 11:00 AM">-11:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-271"> Experimental Jetset Companion </h3>
+                                  <h3 id="wrmc-show-teaser-header-1127"> Experimental Jetset Companion </h3>
                                 </a>
                                 <span class="show-details__genre">Blues</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-675">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-341">
                               <div class="show-time">
                                 <time datetime="2:00" class="" aria-label="show starts at 2:00 PM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 PM">-3:00 PM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-675"> Hot Chocolate on the Bus </h3>
+                                  <h3 id="wrmc-show-teaser-header-341"> Hot Chocolate on the Bus </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Adam Yauch</em>
@@ -2116,13 +2116,13 @@ <h3 id="wrmc-show-teaser-header-675"> Hot Chocolate on the Bus </h3>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-138">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-153">
                               <div class="show-time">
                                 <time datetime="2:00" class="" aria-label="show starts at 2:00 AM">2:00</time><time datetime="3:00" class="" aria-label="show ends at 3:00 AM">-3:00 AM</time>
                               </div>
                               <div class="show-details">
                                 <a href="#">
-                                  <h3 id="wrmc-show-teaser-header-138"> I Love Rock and Roll </h3>
+                                  <h3 id="wrmc-show-teaser-header-153"> I Love Rock and Roll </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Matt Jennings and Tom</em>