From 6494f6ddc462bba383f6eec991a17303073009c5 Mon Sep 17 00:00:00 2001
From: poojagunturu96 <poojagunturu96@users.noreply.github.com>
Date: Mon, 29 Jul 2024 23:47:22 +0000
Subject: [PATCH] deploy: 9232762e4fe1c2d67b0a2a5b612f7cb1392a6d88

---
 anchor-basic-content.html                |  278 +++---
 css/main.css                             |    2 +-
 davis-home.html                          |    4 +-
 icons/sprites/symbol/sprite.symbol.html  |    2 +-
 images/wrmc-album-default-120x120@2x.png |  Bin 0 -> 2500 bytes
 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                    |  212 ++--
 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                 |  412 +++++---
 school-home-institute.html               |  320 +++---
 school-home-language-schools.html        |    4 +-
 school-home-schools-abroad.html          |   88 +-
 school-profile-detail.html               |   42 +-
 school-top-level.html                    |  222 ++---
 wrmc-daily-schedule.html                 |  273 +++---
 wrmc-top-thirty.html                     |  179 ++--
 wrmc-weekly-schedule.html                | 1135 +++++++++++-----------
 26 files changed, 2114 insertions(+), 1979 deletions(-)
 create mode 100644 images/wrmc-album-default-120x120@2x.png

diff --git a/anchor-basic-content.html b/anchor-basic-content.html
index ba9b8c56..ac3171c9 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-756-label" data-digest-content>
+                <section class="section paragraph" aria-labelledby="section-954-label" data-digest-content>
                   <div class="section__header">
-                    <h2 class="section__title" id="section-756-label"> Schedule Component </h2>
+                    <h2 class="section__title" id="section-954-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-756" 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-756" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                    <h3 id="midd-event-954" 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-954" 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="782" data-flowchart>
-                  <div id="flowchart-782-1" class="flowchart__item " data-flowchart-item>
+                <div class="paragraph flowchart" id="998" data-flowchart>
+                  <div id="flowchart-998-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-782-2" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-998-2" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-782-3" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-998-3" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-782-2" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-998-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-782-4" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-998-4" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-782-5" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-998-5" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-782-3" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-998-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-782-4" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-998-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-782-5" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-998-5" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-782-7" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-998-7" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-782-5" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-998-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-782-6" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-998-6" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-782-8" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-998-8" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-782-6" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-998-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-782-7" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-998-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-782-9" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-998-9" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-782-10" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-998-10" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-782-8" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-998-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-782-9" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-998-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-782-10" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-998-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-546">
+                          <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-988">
                             <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-546"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-988"> 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-546"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-546 mt-2">
-                          <a href="#midd-transcript-546" class="transcript__button" data-toggle-target=".js-transcript-546" 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-988 mt-2">
+                          <a href="#midd-transcript-988" class="transcript__button" data-toggle-target=".js-transcript-988" 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-546">
+                          <div class="transcript__body" id="midd-transcript-988">
                             <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-546"> 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-835">
+                          <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-1073">
                             <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-835"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-1073"> 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-835"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-835 mt-2">
-                          <a href="#midd-transcript-835" class="transcript__button" data-toggle-target=".js-transcript-835" 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-1073 mt-2">
+                          <a href="#midd-transcript-1073" class="transcript__button" data-toggle-target=".js-transcript-1073" 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-835">
+                          <div class="transcript__body" id="midd-transcript-1073">
                             <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-835"> 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-439">
+                          <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-686">
                             <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-439"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-686"> 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-439"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-439 mt-2">
-                          <a href="#midd-transcript-439" class="transcript__button" data-toggle-target=".js-transcript-439" 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-686 mt-2">
+                          <a href="#midd-transcript-686" class="transcript__button" data-toggle-target=".js-transcript-686" 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-439">
+                          <div class="transcript__body" id="midd-transcript-686">
                             <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-439"> 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-540">
+                          <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-834">
                             <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-540"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-834"> 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-540"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-540 mt-2">
-                          <a href="#midd-transcript-540" class="transcript__button" data-toggle-target=".js-transcript-540" 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-834 mt-2">
+                          <a href="#midd-transcript-834" class="transcript__button" data-toggle-target=".js-transcript-834" 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-540">
+                          <div class="transcript__body" id="midd-transcript-834">
                             <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-540"> 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-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-823">
                             <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-249"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-823"> 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-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-823 mt-2">
+                          <a href="#midd-transcript-823" class="transcript__button" data-toggle-target=".js-transcript-823" 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-823">
                             <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-1234">
+                          <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-80">
                             <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-1234">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-80">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-1234 grid-video__transcript">
-                            <a href="#midd-transcript-1234" class="transcript__button" data-toggle-target=".js-transcript-1234" 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-80 grid-video__transcript">
+                            <a href="#midd-transcript-80" class="transcript__button" data-toggle-target=".js-transcript-80" 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-1234">
+                            <div class="transcript__body" id="midd-transcript-80">
                               <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-1234">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-921">
+                          <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-845">
                             <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-1234">Practical Skills for Positive
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-921">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-845">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-921 grid-video__transcript">
-                            <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-845 grid-video__transcript">
+                            <a href="#midd-transcript-845" class="transcript__button" data-toggle-target=".js-transcript-845" 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-845">
                               <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-921">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-1001">
+                          <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-898">
                             <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-921">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-1001">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-898">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-1001 grid-video__transcript">
-                            <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">
+                          <div class="transcript js-transcript-898 grid-video__transcript">
+                            <a href="#midd-transcript-898" class="transcript__button" data-toggle-target=".js-transcript-898" 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-1001">
+                            <div class="transcript__body" id="midd-transcript-898">
                               <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-1001">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-1230">
+                          <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-643">
                             <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-1001">Practical Skills for Positive
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-1230">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-643">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-1230 grid-video__transcript">
-                            <a href="#midd-transcript-1230" class="transcript__button" data-toggle-target=".js-transcript-1230" 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-643 grid-video__transcript">
+                            <a href="#midd-transcript-643" class="transcript__button" data-toggle-target=".js-transcript-643" 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-1230">
+                            <div class="transcript__body" id="midd-transcript-643">
                               <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-1230">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-984">
+                          <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-1131">
                             <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-1230">Practical Skills for Positive
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-984">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-1131">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-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">
+                          <div class="transcript js-transcript-1131 grid-video__transcript">
+                            <a href="#midd-transcript-1131" class="transcript__button" data-toggle-target=".js-transcript-1131" 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-984">
+                            <div class="transcript__body" id="midd-transcript-1131">
                               <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-227-label" data-digest-content>
+                <section class="section paragraph" aria-labelledby="section-369-label" data-digest-content>
                   <div class="section__header">
-                    <h2 class="section__title" id="section-227-label"> Schedule Component </h2>
+                    <h2 class="section__title" id="section-369-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-227" 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-227" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                    <h3 id="midd-event-369" 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-369" 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-829">
+                    <div class="accordion-item js-accordion-item-406">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-829" class="accordion-item__link" data-toggle-target=".js-accordion-item-829" aria-expanded="false" aria-controls="midd-accordion-content-829" aria-labelledby="midd-accordion-item-label-829" role="button">
+                        <a href="#midd-accordion-item-label-406" class="accordion-item__link" data-toggle-target=".js-accordion-item-406" aria-expanded="false" aria-controls="midd-accordion-content-406" aria-labelledby="midd-accordion-item-label-406" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-829"><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-406"><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-829" role="tabpanel" aria-labelledby="midd-accordion-item-label-829">
+                      <div class="accordion-item__content" id="midd-accordion-content-406" role="tabpanel" aria-labelledby="midd-accordion-item-label-406">
                         <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-489">
+                    <div class="accordion-item js-accordion-item-505">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-489" class="accordion-item__link" data-toggle-target=".js-accordion-item-489" aria-expanded="false" aria-controls="midd-accordion-content-489" aria-labelledby="midd-accordion-item-label-489" role="button">
+                        <a href="#midd-accordion-item-label-505" class="accordion-item__link" data-toggle-target=".js-accordion-item-505" aria-expanded="false" aria-controls="midd-accordion-content-505" aria-labelledby="midd-accordion-item-label-505" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-489"><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-505"><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-489" role="tabpanel" aria-labelledby="midd-accordion-item-label-489">
+                      <div class="accordion-item__content" id="midd-accordion-content-505" role="tabpanel" aria-labelledby="midd-accordion-item-label-505">
                         <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-1153">
+                    <div class="accordion-item js-accordion-item-410">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1153" class="accordion-item__link" data-toggle-target=".js-accordion-item-1153" aria-expanded="false" aria-controls="midd-accordion-content-1153" aria-labelledby="midd-accordion-item-label-1153" role="button">
+                        <a href="#midd-accordion-item-label-410" class="accordion-item__link" data-toggle-target=".js-accordion-item-410" aria-expanded="false" aria-controls="midd-accordion-content-410" aria-labelledby="midd-accordion-item-label-410" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-1153">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-410">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-1153" role="tabpanel" aria-labelledby="midd-accordion-item-label-1153">
+                      <div class="accordion-item__content" id="midd-accordion-content-410" role="tabpanel" aria-labelledby="midd-accordion-item-label-410">
                         <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-349">
+                    <div class="accordion-item js-accordion-item-538">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-349" class="accordion-item__link" data-toggle-target=".js-accordion-item-349" aria-expanded="false" aria-controls="midd-accordion-content-349" aria-labelledby="midd-accordion-item-label-349" role="button">
+                        <a href="#midd-accordion-item-label-538" class="accordion-item__link" data-toggle-target=".js-accordion-item-538" aria-expanded="false" aria-controls="midd-accordion-content-538" aria-labelledby="midd-accordion-item-label-538" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-349">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-538">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-349" role="tabpanel" aria-labelledby="midd-accordion-item-label-349">
+                      <div class="accordion-item__content" id="midd-accordion-content-538" role="tabpanel" aria-labelledby="midd-accordion-item-label-538">
                         <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-374">
+                    <div class="accordion-item js-accordion-item-31">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-374" class="accordion-item__link" data-toggle-target=".js-accordion-item-374" aria-expanded="false" aria-controls="midd-accordion-content-374" aria-labelledby="midd-accordion-item-label-374" role="button">
+                        <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 class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-374">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-31">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-374" role="tabpanel" aria-labelledby="midd-accordion-item-label-374">
+                      <div class="accordion-item__content" id="midd-accordion-content-31" role="tabpanel" aria-labelledby="midd-accordion-item-label-31">
                         <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-776">
+                    <div class="accordion-item js-accordion-item-337">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-776" class="accordion-item__link" data-toggle-target=".js-accordion-item-776" aria-expanded="false" aria-controls="midd-accordion-content-776" aria-labelledby="midd-accordion-item-label-776" role="button">
+                        <a href="#midd-accordion-item-label-337" class="accordion-item__link" data-toggle-target=".js-accordion-item-337" aria-expanded="false" aria-controls="midd-accordion-content-337" aria-labelledby="midd-accordion-item-label-337" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-776">Lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-337">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-776" role="tabpanel" aria-labelledby="midd-accordion-item-label-776">
+                      <div class="accordion-item__content" id="midd-accordion-content-337" role="tabpanel" aria-labelledby="midd-accordion-item-label-337">
                         <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-64">
+                    <div class="accordion-item js-accordion-item-673">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-64" class="accordion-item__link" data-toggle-target=".js-accordion-item-64" aria-expanded="false" aria-controls="midd-accordion-content-64" aria-labelledby="midd-accordion-item-label-64" role="button">
+                        <a href="#midd-accordion-item-label-673" class="accordion-item__link" data-toggle-target=".js-accordion-item-673" aria-expanded="false" aria-controls="midd-accordion-content-673" aria-labelledby="midd-accordion-item-label-673" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-64">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-673">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-64" role="tabpanel" aria-labelledby="midd-accordion-item-label-64">
+                      <div class="accordion-item__content" id="midd-accordion-content-673" role="tabpanel" aria-labelledby="midd-accordion-item-label-673">
                         <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-609">
+                    <div class="accordion-item js-accordion-item-1118">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-609" class="accordion-item__link" data-toggle-target=".js-accordion-item-609" aria-expanded="false" aria-controls="midd-accordion-content-609" aria-labelledby="midd-accordion-item-label-609" role="button">
+                        <a href="#midd-accordion-item-label-1118" class="accordion-item__link" data-toggle-target=".js-accordion-item-1118" aria-expanded="false" aria-controls="midd-accordion-content-1118" aria-labelledby="midd-accordion-item-label-1118" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-609">Lorem ipsum dolor sit amet elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-1118">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-609" role="tabpanel" aria-labelledby="midd-accordion-item-label-609">
+                      <div class="accordion-item__content" id="midd-accordion-content-1118" role="tabpanel" aria-labelledby="midd-accordion-item-label-1118">
                         <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-372">
+                    <div class="accordion-item js-accordion-item-356">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-372" class="accordion-item__link" data-toggle-target=".js-accordion-item-372" aria-expanded="false" aria-controls="midd-accordion-content-372" aria-labelledby="midd-accordion-item-label-372" role="button">
+                        <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 class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-372">Lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-356">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-372" role="tabpanel" aria-labelledby="midd-accordion-item-label-372">
+                      <div class="accordion-item__content" id="midd-accordion-content-356" role="tabpanel" aria-labelledby="midd-accordion-item-label-356">
                         <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-940" data-digest-content>
+                <section class="section paragraph--course-list js-filter-827" 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-1220 accordion-item-current accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-394 accordion-item-current accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1220" class="accordion-item__link" data-toggle-target=".js-accordion-item-1220" aria-expanded="false" aria-controls="midd-accordion-content-1220" aria-labelledby="midd-accordion-item-label-1220" role="button">
-                          <span id="midd-accordion-item-label-1220">
+                        <a href="#midd-accordion-item-label-394" class="accordion-item__link" data-toggle-target=".js-accordion-item-394" aria-expanded="false" aria-controls="midd-accordion-content-394" aria-labelledby="midd-accordion-item-label-394" role="button">
+                          <span id="midd-accordion-item-label-394">
                             <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-1220" role="tabpanel" aria-labelledby="midd-accordion-item-label-1220">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-394" role="tabpanel" aria-labelledby="midd-accordion-item-label-394">
                         <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-129">
+                    <div class="accordion-item js-accordion-item-603">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-129" class="accordion-item__link" data-toggle-target=".js-accordion-item-129" aria-expanded="false" aria-controls="midd-accordion-content-129" aria-labelledby="midd-accordion-item-label-129" role="button">
-                          <span id="midd-accordion-item-label-129">
+                        <a href="#midd-accordion-item-label-603" class="accordion-item__link" data-toggle-target=".js-accordion-item-603" aria-expanded="false" aria-controls="midd-accordion-content-603" aria-labelledby="midd-accordion-item-label-603" role="button">
+                          <span id="midd-accordion-item-label-603">
                             <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-129" role="tabpanel" aria-labelledby="midd-accordion-item-label-129">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-603" role="tabpanel" aria-labelledby="midd-accordion-item-label-603">
                         <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-1111 accordion-item-current">
+                    <div class="accordion-item js-accordion-item-381 accordion-item-current">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1111" class="accordion-item__link" data-toggle-target=".js-accordion-item-1111" aria-expanded="false" aria-controls="midd-accordion-content-1111" aria-labelledby="midd-accordion-item-label-1111" role="button">
-                          <span id="midd-accordion-item-label-1111">
+                        <a href="#midd-accordion-item-label-381" class="accordion-item__link" data-toggle-target=".js-accordion-item-381" aria-expanded="false" aria-controls="midd-accordion-content-381" aria-labelledby="midd-accordion-item-label-381" role="button">
+                          <span id="midd-accordion-item-label-381">
                             <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-1111" role="tabpanel" aria-labelledby="midd-accordion-item-label-1111">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-381" role="tabpanel" aria-labelledby="midd-accordion-item-label-381">
                         <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-1190 accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-104 accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1190" class="accordion-item__link" data-toggle-target=".js-accordion-item-1190" aria-expanded="false" aria-controls="midd-accordion-content-1190" aria-labelledby="midd-accordion-item-label-1190" role="button">
-                          <span id="midd-accordion-item-label-1190">
+                        <a href="#midd-accordion-item-label-104" class="accordion-item__link" data-toggle-target=".js-accordion-item-104" aria-expanded="false" aria-controls="midd-accordion-content-104" aria-labelledby="midd-accordion-item-label-104" role="button">
+                          <span id="midd-accordion-item-label-104">
                             <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-1190" role="tabpanel" aria-labelledby="midd-accordion-item-label-1190">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-104" role="tabpanel" aria-labelledby="midd-accordion-item-label-104">
                         <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-1156">
+                    <div class="accordion-item js-accordion-item-772">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1156" class="accordion-item__link" data-toggle-target=".js-accordion-item-1156" aria-expanded="false" aria-controls="midd-accordion-content-1156" aria-labelledby="midd-accordion-item-label-1156" role="button">
-                          <span id="midd-accordion-item-label-1156">
+                        <a href="#midd-accordion-item-label-772" class="accordion-item__link" data-toggle-target=".js-accordion-item-772" aria-expanded="false" aria-controls="midd-accordion-content-772" aria-labelledby="midd-accordion-item-label-772" role="button">
+                          <span id="midd-accordion-item-label-772">
                             <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-1156" role="tabpanel" aria-labelledby="midd-accordion-item-label-1156">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-772" role="tabpanel" aria-labelledby="midd-accordion-item-label-772">
                         <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-1113">
+                      <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-25">
                         <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-1113">Practical Skills for Positive Change</h3>
+                      <h3 class=video__title id="midd-video-label-25">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-1113 grid-video__transcript">
-                        <a href="#midd-transcript-1113" class="transcript__button" data-toggle-target=".js-transcript-1113" 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-25 grid-video__transcript">
+                        <a href="#midd-transcript-25" class="transcript__button" data-toggle-target=".js-transcript-25" 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-1113">
+                        <div class="transcript__body" id="midd-transcript-25">
                           <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/css/main.css b/css/main.css
index d49d4476..eab627da 100755
--- a/css/main.css
+++ b/css/main.css
@@ -4,4 +4,4 @@
 /*!
  * Pikaday
  * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
- */.footer-cta-light h2,.pika-single{font-family:Open Sans,tahoma,geneva,sans-serif}.pika-single{background:#fff;border:1px solid #dedede;color:#202020;display:block;position:relative;z-index:9999}.pika-single.is-hidden{display:none}.pika-single.is-bound{box-shadow:0 5px 15px -5px none;position:absolute}.pika-single:after,.pika-single:before{content:" ";display:table}.pika-single:after{clear:both}.pika-lendar{float:left;margin:8px;width:240px}.pika-title{position:relative;text-align:center}.pika-title select{cursor:pointer;left:0;margin:0;opacity:0;position:absolute;top:5px;z-index:9998}.pika-label{background-color:#fff;color:#0d395f;display:inline-block;font-size:14px;font-weight:700;line-height:20px;margin:0;overflow:hidden;padding:5px 3px;position:relative;z-index:9999}.pika-next,.pika-prev{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:75% 75%;border:0;cursor:pointer;display:block;height:30px;opacity:.5;outline:none;overflow:hidden;padding:0;position:relative;text-indent:20px;white-space:nowrap;width:20px}.pika-next:hover,.pika-prev:hover{opacity:1}.pika-next.is-disabled,.pika-prev.is-disabled{cursor:default;opacity:.2}.is-rtl .pika-next,.pika-prev{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");float:left}.is-rtl .pika-prev,.pika-next{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");float:right}.pika-select{display:inline-block}.pika-table{border:0;border-collapse:collapse;border-spacing:0;width:100%}.pika-table td,.pika-table th{padding:0;width:14.285714285714286%}.pika-table th{font-size:12px;font-weight:700;line-height:25px;text-align:center}.pika-table abbr{border-bottom:none;cursor:help}.pika-button{background:#0000;border:0;box-sizing:border-box;color:#0d395f;cursor:pointer;display:block;font-size:12px;height:auto;line-height:15px;margin:0;outline:none;padding:5px;text-align:right;width:100%}.has-event .pika-button{background:#3af;color:#fff}.is-today .pika-button{color:#0d395f;font-weight:700}.is-selected .pika-button{background:#0d395f;border-radius:3px;box-shadow:inset 0 1px 3px #0000;color:#fff;font-weight:700}.is-disabled .pika-button,.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-disabled .pika-button{cursor:default;pointer-events:none}.pika-button:hover{background:#dedede;border-radius:3px;box-shadow:none;color:#0d395f}.pika-button .is-selection-disabled{cursor:default;pointer-events:none}.pika-week{color:#999;font-size:11px}.is-inrange .pika-button{background:#d5e9f7;color:#666}.is-startrange .pika-button{background:#6cb31d;border-radius:3px;box-shadow:none;color:#fff}.is-endrange .pika-button{background:#3af;border-radius:3px;box-shadow:none;color:#fff}.pika-single{border:0;padding:0;z-index:200}.pika-lendar{float:none;width:inherit}.pika-table th{color:#202020;font-size:14px;font-weight:400;padding-bottom:.5rem}.pika-table td{border:1px solid #dedede}.pika-table abbr{cursor:default;text-decoration:none}.pika-next:focus,.pika-prev:focus{opacity:1;outline:1px solid #0d395f}.pika-button{border-radius:0!important;box-shadow:none!important;font-size:14px;line-height:1.5;padding:.5rem;text-align:center}.is-selected .pika-button:focus,.is-selected .pika-button:hover{background:#0d395f;color:#fff}.is-disabled .pika-button,.is-outside-current-month .pika-button{color:#dedede;opacity:1}.pika-button:focus{background:#dedede;color:#0d395f}.school-header.davis-header{background:#202020;border:0;position:relative}.school-header.davis-header .school-header__main{align-items:flex-start}.school-header.davis-header .school-header__menu-content{display:flex;flex-direction:column}.school-header.davis-header .school-header__logo{padding-bottom:1rem;padding-top:1rem}.school-header.davis-header .school-header__logo img:first-child{padding-bottom:3rem}.school-header.davis-header .school-header__logo img:nth-child(2){left:1rem;position:absolute;top:4.375rem}.school-header.davis-header .school-header__util-links{display:flex;flex-direction:row-reverse}.school-header.davis-header .school-header__util-links .school-search__handle{color:#fff;font-weight:600}.theme-uwc .page-header--has-image{min-height:400px}.theme-uwc .drawer__content{background:#202020}.theme-uwc .drawer-nav__item{border-top-color:#767676}.theme-uwc .drawer-nav__handle{border-left-color:#767676}.theme-uwc .drawer-nav__list{border-top-color:#767676}.davis-nav{display:none}.davis-nav .davis-nav__link{border-bottom:1px solid #0000;font-size:.75rem;padding-bottom:0;padding-top:1rem;text-decoration:none}.davis-nav .davis-nav__link:hover{border-bottom-color:initial;text-decoration:none}.davis-nav__handle{background:none;border:0;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;line-height:1.7;padding:1rem 0 1rem 1rem}.davis-nav__handle.is-toggled .davis-nav__bars,.davis-nav__menu,.davis-nav__times{display:none}.davis-nav__handle.is-toggled .davis-nav__times{display:inline-block}.davis-nav__list{display:flex;justify-content:flex-end}.davis-nav__list--sub{background-color:#202020;display:block;left:0;min-width:300px;opacity:0;padding:.5rem 1rem;position:absolute;top:100%;transition:opacity .2s;visibility:hidden;z-index:200}.davis-nav__list--cols{column-count:2;min-width:500px}.davis-nav__list--cols .davis-nav__item{display:inline-block;width:100%}.davis-nav__item{display:block;position:relative;transition:opacity .2s}.davis-nav__item:not(:last-child):not(.davis-nav__item--sub){margin-right:2rem}.davis-nav__item:focus-within .davis-nav__list--sub,.davis-nav__item:hover .davis-nav__list--sub{opacity:1;visibility:visible}.davis-nav__link{color:#fff;display:block;font-size:.875rem;font-weight:600;opacity:.8;padding-bottom:.5rem;padding-top:.5rem;transition:opacity .2s,border-color .2s}.davis-nav__link:hover{opacity:1;text-decoration:none}.davis-nav__link.is-toggled{border-color:#fff;opacity:1}.davis-nav__link .school-search__times{display:none}.davis-nav__link.is-toggled .school-search__times{display:inline-block}.davis-nav__link.is-toggled .school-search__mag{display:none}.davis-nav__link--sub{font-size:.875rem;padding-bottom:.5rem;padding-top:.5rem}.davis-nav__link--sub:focus,.davis-nav__link--sub:hover{text-decoration:underline}.davis-nav__link--top{border-bottom:4px solid #0000}.theme-college .davis-nav__item:focus-within .davis-nav__link--top,.theme-college .davis-nav__item:hover .davis-nav__link--top{border-color:#0d395f}.theme-institute .davis-nav__item:focus-within .davis-nav__link--top,.theme-institute .davis-nav__item:hover .davis-nav__link--top{border-color:#97bbd5}.theme-sa .davis-nav__item:focus-within .davis-nav__link--top,.theme-sa .davis-nav__item:hover .davis-nav__link--top{border-color:#75a3cd}.theme-ls .davis-nav__item:focus-within .davis-nav__link--top,.theme-ls .davis-nav__item:hover .davis-nav__link--top{border-color:#8f9a17}.theme-blse .davis-nav__item:focus-within .davis-nav__link--top,.theme-blse .davis-nav__item:hover .davis-nav__link--top{border-color:#c26533}.theme-blwc .davis-nav__item:focus-within .davis-nav__link--top,.theme-blwc .davis-nav__item:hover .davis-nav__link--top{border-color:#ffc107}.theme-uwc .davis-nav__item:focus-within .davis-nav__link--top,.theme-uwc .davis-nav__item:hover .davis-nav__link--top{border-color:#fff}.theme-wrmc .davis-nav__item:focus-within .davis-nav__link--top,.theme-wrmc .davis-nav__item:hover .davis-nav__link--top{border-color:#ee6cb9}.theme-college .davis-nav__link--active{border-color:#0d395f}.theme-institute .davis-nav__link--active{border-color:#97bbd5}.theme-sa .davis-nav__link--active{border-color:#75a3cd}.theme-ls .davis-nav__link--active{border-color:#8f9a17}.theme-blse .davis-nav__link--active{border-color:#c26533}.theme-blwc .davis-nav__link--active{border-color:#ffc107}.theme-uwc .davis-nav__link--active{border-color:#fff}.theme-wrmc .davis-nav__link--active{border-color:#ee6cb9}.digest{border-left:1px solid #dedede}.digest__title{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;letter-spacing:.1em;padding:1rem 1rem 1rem 1.25rem;text-transform:uppercase}.digest__nav{background-color:#fff}.digest__item{margin-bottom:.5rem}.digest__link{border-left:4px solid #0000;display:block;font-size:.875rem;padding:.25rem 1rem;transition:border-color .2s}.digest__item.active .digest__link{border-color:#0d395f}.dispatches-item{border:.5rem solid #75a3cd;border-top:0;height:470px}.dispatches-item p+article{padding-top:0}.dispatches-item__card{height:100%}.dispatches-item__label{bottom:0;font-size:.75rem;letter-spacing:.1em;line-height:1;margin-top:1rem;padding:.5rem;position:absolute;text-transform:uppercase}.dispatches-item__image-wrapper{position:relative}.dispatches-item__image-wrapper:before{content:"";display:block;padding-top:56.25%;width:100%}.dispatches-item__image-wrapper>.dispatches-item__image{height:100%;left:0;position:absolute;top:0;width:100%}.dispatches-item__image-wrapper img{font-family:"object-fit: cover;";height:100%;object-fit:cover;width:100%}.dispatches-item__content{z-index:3}.dispatches-item__side{animation:fadeInDown .8s;display:flex;flex-direction:column;height:100%}.dispatches-item.has-toggler.is-toggled .dispatches-item__side--front{display:none}.dispatches-item__side--back{background-color:#e5f1fa}.dispatches-item.has-toggler .dispatches-item__side--back{display:none}.dispatches-item.is-toggled .dispatches-item__side--back{display:flex}.dispatches-item__toggle{padding:.5rem;right:0;top:0}.dispatches-item__header{background-image:linear-gradient(180deg,#202020bf 20%,#fff0);padding:1rem 2.5rem 1.5rem 1rem}.dispatches-item__side--back .dispatches-item__header{background:0}.dispatches-item__body{height:244.4px;overflow:hidden;padding:0 .5rem}.dispatches-item__body h4{font-weight:700;line-height:1.7;margin-bottom:.25rem;margin-top:.5rem}.dispatches-item__body p{display:inline;font-size:1rem}.dispatches-item__body .dispatches-item__title-label{background-color:#fff;border:1px solid #0d395f;border-radius:1rem;color:#0d395f;display:inline;margin-left:.25rem;padding:0 .25rem}.dispatches-item__body .dispatches-item__title-label .dispatches-item__icon{height:.875em;margin-bottom:.125rem;margin-left:.125rem;width:.625em}.dispatches-item__body-text h4{font-weight:700;line-height:1.7;margin-bottom:.25rem;margin-top:.5rem}.dispatches-item__body-text p{font-size:1rem}.dispatches-item__footer{flex:0 1 auto;margin-top:auto;padding:1rem;text-align:center}.dispatches-item__side--back .dispatches-item__footer:after{background-image:linear-gradient(180deg,#fff0,#e5f1fa);bottom:100%;content:"";display:block;height:2rem;left:0;width:100%}.dispatches-item__title{font-family:Domine,georgia,serif;font-size:1.125rem;line-height:1.4}.dispatches-item__side--front .dispatches-item__title{color:#fff}.dispatches-item__text{font-size:1rem}.dispatches-item__side--front .dispatches-item__text{color:#fff}.dispatches-item__header--band{margin-top:6rem;padding:.5rem 1rem}.dispatches-row{position:relative}.dispatches__controls{margin-top:2rem}.dispatches-button{align-items:center;display:flex;filter:drop-shadow(0 0 .5rem rgba(0,0,0,.2));height:2rem;justify-content:center;padding:0;position:absolute;top:25%;width:2rem;z-index:2}.dispatches-button:first-child{margin-left:1rem}.dispatches-button:first-child .dispatches-button--icon{margin-right:.25rem}.dispatches-button:last-child{margin-right:1rem;right:0}.dispatches-button:last-child .dispatches-button--icon{margin-left:.25rem}.dispatches-button svg.dispatches-button--icon{height:1.5rem;width:1.5rem}.dispatches-button.button--disabled{opacity:0}.dispatches__content{display:flex;height:470px}.drawer-nav__handle{background:none;border:0;border-left:1px solid #174872;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;line-height:1.7;padding:1rem}.drawer-nav__chevron{transition:transform .2s ease-in-out}.drawer-nav__handle.is-toggled .drawer-nav__chevron{transform:rotate(-180deg)}.drawer-nav__list{width:100%}.drawer-nav__list--util{border-top:4px solid #174872}.drawer-nav__list--sub{display:none}.drawer-nav__list--sub.is-toggled{display:block}.drawer-nav__item{border-top:1px solid #174872;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}.drawer-nav__link{color:#fff;display:block;flex:1;padding:1rem}.drawer-nav__link--sub{font-size:.875rem;padding-left:3rem}.drawer-nav__link--top{font-weight:500}.drawer-nav__link--util{font-size:.875rem;font-weight:400}.drawer{bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:300}.drawer.is-open{display:block}.drawer__overlay{animation:fadeIn .2s;background:#202020bf;left:0;z-index:2}.drawer__content,.drawer__overlay{bottom:0;position:absolute;right:0;top:0}.drawer__content{max-width:100%;overflow-y:auto;width:300px;-webkit-overflow-scrolling:touch;animation:slideInRight .2s;background:#0d395f;z-index:3}.drawer__header{padding-bottom:1rem;padding-top:1rem;text-align:right}.drawer__close{background:none;border:0;color:#fff;font-size:.875rem;padding:1rem}.dropdown{position:relative}.dropdown__button{align-items:center;background:#fff;border:1px solid #dedede;color:#0d395f;cursor:pointer;display:flex;font-family:inherit;font-weight:500;justify-content:space-between;line-height:1;padding:1rem;text-align:left;transition:border-color .2s,background .2s;width:100%}.dropdown.is-active .dropdown__button{background:#0d395f;color:#fff}.dropdown.is-active .dropdown__button,.dropdown__button:focus,.dropdown__button:hover{border-color:#0d395f}.dropdown__icon{transition:transform .2s ease-in-out}.dropdown.is-active .dropdown__icon{transform:rotate(-180deg)}.dropdown__list{background:#fff;border:1px solid #0d395f;border-top:0;left:0;opacity:0;position:absolute;top:100%;transition:opacity .2s;visibility:hidden;width:100%;z-index:200}.dropdown.is-active .dropdown__list{opacity:1;visibility:visible}.dropdown__link{display:block;font-weight:500;padding:.5rem 1rem}.dropdown__link:hover{background:#f8f8f8}.e2ma_signup_form{margin-bottom:4rem;max-width:400px}.e2ma_signup_form a{border-bottom:1px solid;text-decoration:none}.e2ma_signup_form a:hover{border-bottom-color:#0000;text-decoration:none}.e2ma_signup_message{font-family:Domine,georgia,serif;font-size:1.25rem;line-height:1.4;margin-bottom:1.5rem}.e2ma_signup_form_row{margin-bottom:2rem}.e2ma_signup_form_label{display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.e2ma_signup_form_required_asterix{color:#dc3545}.e2ma_signup_form_element input,.e2ma_signup_form_element select{appearance:none;background-color:#fff;border:1px solid #202020;border-radius:0;color:#202020;display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;padding:1rem;width:100%}.e2ma_signup_form_element input .is-error,.e2ma_signup_form_element select .is-error{border-color:#dc3545}.e2ma_signup_form_element input .is-valid,.e2ma_signup_form_element select .is-valid{border-color:#5e7d31}.e2ma_signup_form_element select:not([multiple]){background-color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAtElEQVQYlXXOsUpCcRQH4M/LRcMXcAr+W+/gIiRmECERiNBruDf3HioO1RO4uBcUEQ66RYSIhFPQ1HKC66XOcjjn/D44lZRSE0Nc4cv/VccYNzmucYJ79PD9B6jFvYuDDH084hS3qJZAFXcBHjDIsIvFM84xQV4AU5zhKT7aZXHcooNXXGIUYIQLvAT4hEpKqfhKA3Mc4Q2HWKCFzW8os19rtLEKsIx5UwyVEbzjGLPoH+XADz8MIz9yNyrhAAAAAElFTkSuQmCC");background-position:right 1rem center;background-repeat:no-repeat;padding-right:3rem}.e2ma_signup_form_element select:not([multiple])::-ms-expand{display:none}.e2ma_signup_form_required_footnote{font-size:.875rem;margin-bottom:2rem}.e2ma_signup_form_button{background:#0000;background-color:#0d395f;border:1px solid #0d395f;border-radius:0;color:#0d395f;color:#fff;cursor:pointer;display:inline-block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;padding:1rem 2rem;text-align:center;transition:color .2s,background-color .2s,border-color .2s;white-space:nowrap}.e2ma_signup_form_button:focus,.e2ma_signup_form_button:hover{background-color:#13548c;border-color:#13548c;color:#fff;text-decoration:none}.flowchart{background:#e5f1fa;counter-reset:flowchart}.flowchart__item{padding:2rem 2rem 2rem 3rem}.flowchart__item:not(:last-child){border-bottom:1px solid #dedede}.flowchart__item--active{border-left:4px solid #0d395f}.flowchart__item--answer{background:#0d395f;color:#fff}.flowchart__item--answer a{color:currentColor}.flowchart__title{position:relative}.flowchart__title:before{content:counter(flowchart) ".";counter-increment:flowchart;display:block;margin-right:4px;position:absolute;right:100%;top:0}.paragraph--fluencies{background-color:#002444;border-top:.5rem solid #75a3cd;color:#fff;padding-bottom:1.5rem;padding-top:1.5rem}.paragraph--fluencies *,.paragraph--fluencies>h2{font-family:Open Sans,tahoma,geneva,sans-serif}.paragraph--fluencies h2{font-size:1.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}.paragraph--fluencies h2+p{font-size:1.5rem;font-weight:300;line-height:1.4}.paragraph--fluencies .focus-area--wrapper{overflow-x:scroll}.paragraph--fluencies ul{min-width:1136px;width:100%}.paragraph--fluencies ul li{margin-right:.5rem;padding:0}.paragraph--fluencies ul li .focus-area-item__media{position:relative}.paragraph--fluencies ul li .focus-area-item__media:before{content:"";display:block;padding-top:100%;width:100%}.paragraph--fluencies ul li .focus-area-item__media a{height:100%;left:0;position:absolute;top:0;width:100%}.paragraph--fluencies ul li .focus-area-item__media a img{height:100%;object-fit:cover;width:100%}.paragraph--fluencies ul li .focus-area-item__content{background-color:#fff;border-bottom:.5rem solid #75a3cd;color:#202020;position:relative}.paragraph--fluencies ul li .focus-area-item__content:before{content:"";display:block;padding-top:86.14458%;width:100%}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text{height:100%;left:0;padding:1rem;position:absolute;top:0;width:100%}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text a{display:block;width:65%}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text a:hover{text-decoration-thickness:1px}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text h3{color:#0d395f;font-size:1.25rem;font-weight:400;padding-bottom:.5rem}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text p{font-size:.875rem}.paragraph--fluencies ul li:first-child .focus-area-item__content-text a{width:65%}.paragraph--fluencies ul li:nth-child(2) .focus-area-item__content-text a{width:55%}.paragraph--fluencies ul li:last-child{margin:0}.paragraph--fluencies ul li:last-child .focus-area-item__content-text a{width:85%}.paragraph--fluencies ul li .focus-area-item--button{align-items:center;border-top:1px solid #dedede;color:#0d395f;display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;letter-spacing:.1em;padding:.25rem 1rem;position:relative;text-transform:uppercase;width:100%}.paragraph--fluencies ul li .focus-area-item--button .icon{height:1.5em;width:1.5em}.filters__header{align-items:center;border-top:4px solid #0d395f;display:flex;justify-content:space-between;margin-bottom:1rem}.filters__title{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.filter{border:1px solid #dedede;margin-bottom:1rem}.filter__legend{float:left;width:100%}.filter__body:before{clear:both;content:"";display:block}.filter__body.has-toggler{display:none}.filter__body.is-toggled{display:block}.filter__children{border-left:1px solid #0d395f;margin-left:2rem}.filter__children .checkbox--filter .checkbox__label{padding-left:.5rem}.filter__button{align-items:center;color:#0d395f;display:flex;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;justify-content:space-between;padding:1rem;text-align:left;transition:background .2s;width:100%}.filter__button:hover{background:#f8f8f8}.filter__button:focus{outline:1px dashed #0d395f}.filter__button.has-toggler .filter__icon-open{display:block}.filter__button.has-toggler .filter__icon-close,.filter__button.is-toggled .filter__icon-open{display:none}.filter__button.is-toggled .filter__icon-close{display:block}.foldable__button{background:none;border:1px solid #dedede;color:#0d395f;font-size:.875rem;font-weight:600;padding:1rem;text-align:left;width:100%}.foldable__icon{float:right;transition:transform .2s ease-in-out}.foldable__button.is-toggled .foldable__icon{transform:rotate(-180deg)}.foldable__content{background-color:#f8f8f8;border:1px solid #dedede;border-top:0;padding:1rem}.foldable__content.has-toggler{display:none}.foldable__content.is-toggled{display:block}.footer-menu{margin-top:2rem}.footer-menu__title{color:#fff;font-family:Domine,georgia,serif;font-size:1rem;line-height:1.4}.footer-menu__item:not(:last-child),.footer-menu__title{margin-bottom:1.5rem}.footer-menu__link{color:#fff;font-size:.875rem}.label,label{display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group{margin-bottom:2rem}.form-control{appearance:none;background-color:#fff;border:1px solid #202020;border-radius:0;color:#202020;display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;padding:1rem;width:100%}.form-control .is-error{border-color:#dc3545}.form-control .is-valid{border-color:#5e7d31}textarea.form-control{line-height:1.7;min-height:200px;resize:vertical}select.form-control:not([multiple]){background-color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAtElEQVQYlXXOsUpCcRQH4M/LRcMXcAr+W+/gIiRmECERiNBruDf3HioO1RO4uBcUEQ66RYSIhFPQ1HKC66XOcjjn/D44lZRSE0Nc4cv/VccYNzmucYJ79PD9B6jFvYuDDH084hS3qJZAFXcBHjDIsIvFM84xQV4AU5zhKT7aZXHcooNXXGIUYIQLvAT4hEpKqfhKA3Mc4Q2HWKCFzW8os19rtLEKsIx5UwyVEbzjGLPoH+XADz8MIz9yNyrhAAAAAElFTkSuQmCC");background-position:right 1rem center;background-repeat:no-repeat;padding-right:3rem}select.form-control:not([multiple])::-ms-expand{display:none}.form-control--sm{font-size:.875rem;padding:.5rem 1rem}.form-check{display:flex;margin-bottom:.25rem}.form-check__input{position:relative;top:3px}.form-check__label{cursor:pointer;font-size:.875rem;font-weight:400;margin-bottom:0;padding-left:.5rem}.form-check--inline{display:inline-flex;margin-bottom:0;margin-right:1rem}.gallery__image{height:0;overflow:hidden;padding-top:56.25%;position:relative}.gallery__image img,.gallery__link:after{height:100%;left:0;position:absolute;top:0;width:100%}.gallery__link:after{background:#0d395f80;content:"";display:block;opacity:0;transition:opacity .2s}.gallery__link:focus:after,.gallery__link:hover:after{opacity:1}.gallery__button{bottom:0;left:0;position:absolute;z-index:1}.gallery__body{border:1px solid #dedede;padding:1rem 1.5rem}.gallery__title{font-family:Domine,georgia,serif;font-size:1.25rem;line-height:1.4;margin-bottom:.5rem}.gallery__text{font-size:1rem}.container{margin-left:auto;margin-right:auto;max-width:1440px;padding-left:1rem;padding-right:1rem}.row{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.row--no-gutters{margin-left:0!important;margin-right:0!important}.row--no-gutters>.col,.row--no-gutters>[class*=col-]{padding-left:0;padding-right:0}.row--sm-gutters{margin-left:-1rem!important;margin-right:-1rem!important}.row--sm-gutters>.col,.row--sm-gutters>[class*=col-]{padding-left:1rem;padding-right:1rem}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:1rem;padding-right:1rem;width:100%}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;max-width:none;width:auto}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.66667%;max-width:16.66667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333%;max-width:33.33333%}.col-5{flex:0 0 41.66667%;max-width:41.66667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333%;max-width:58.33333%}.col-8{flex:0 0 66.66667%;max-width:66.66667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333%;max-width:83.33333%}.col-11{flex:0 0 91.66667%;max-width:91.66667%}.col-12{flex:0 0 100%;max-width:100%}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}.helpfulness{background:#e5f1fa;padding:1.5rem}.helpfulness .form-item-helpfulness-rating{position:relative}.helpfulness .form-item-helpfulness-rating label{cursor:pointer;display:flex;font-size:.875rem;font-weight:500;margin-bottom:0;padding-bottom:.25rem;padding-top:.25rem;width:100%}.helpfulness .form-item-helpfulness-rating label:hover{text-decoration:none}.helpfulness .form-item-helpfulness-rating label:before{border:1px solid;border-radius:100%;content:"";display:block;flex:0 0 auto;height:1rem;margin-right:.25rem;margin-top:2px;width:1rem}.helpfulness .form-item-helpfulness-rating input[type=radio]{opacity:0;position:absolute}.helpfulness .form-item-helpfulness-rating input[type=radio]:focus~label:before{box-shadow:0 0 0 2px #0573cd}.helpfulness .form-item-helpfulness-rating input[type=radio]:checked~label:before{background:radial-gradient(circle,#0d395f 40%,#0000 0)}.helpfulness .form-item-helpfulness-comments{margin-bottom:2rem;margin-top:1.5rem}.helpfulness .form-textarea{appearance:none;background-color:#fff;border:1px solid #202020;border-radius:0;color:#202020;display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;line-height:1.7;min-height:200px;padding:1rem;resize:vertical;width:100%}.helpfulness .form-textarea .is-error{border-color:#dc3545}.helpfulness .form-textarea .is-valid{border-color:#5e7d31}.helpfulness .helpfulness_no_description,.helpfulness .helpfulness_yes_description{font-size:.875rem;margin-bottom:.25rem}.helpfulness p{font-size:inherit}.helpfulness--no .form-item-helpfulness-comments-yes,.helpfulness--unanswered .form-item-helpfulness-comments,.helpfulness--unanswered .form-item-helpfulness-comments-no,.helpfulness--unanswered .form-item-helpfulness-comments-yes,.helpfulness--unanswered .form-submit,.helpfulness--unanswered .helpfulness_no_description,.helpfulness--unanswered .helpfulness_no_title,.helpfulness--unanswered .helpfulness_yes_description,.helpfulness--unanswered .helpfulness_yes_title,.helpfulness--yes .form-item-helpfulness-comments-no{display:none}.quad-1{grid-area:quad-1}.quad-2{grid-area:quad-2}.quad-3{grid-area:quad-3}.quad-4{grid-area:quad-4}.quad-item-1{grid-area:quad-item-1;position:relative}.quad-item-2{grid-area:quad-item-2;position:relative}.quad-item-3{grid-area:quad-item-3;position:relative}.quad-item-4{grid-area:quad-item-4;position:relative}.grid-container{column-gap:.5rem;display:grid;grid-template-areas:"quad-1" "quad-2" "quad-3" "quad-4";margin:auto;width:-moz-fit-content;width:fit-content}.grid-container .grid-quad-block{display:grid;gap:.5rem;padding:0 0 .5rem;text-align:center}.grid-container .grid-quad-block.quad-2,.grid-container .grid-quad-block.quad-3,.grid-container .grid-quad-block.quad-4{display:none}.grid-container .grid-quad-block>div{background-color:#022543}.grid-container .grid-quad-block .quad-item-1{height:180px;max-width:320px}.grid-container .grid-quad-block .quad-item-2{height:180px;max-width:132px}.grid-container .grid-quad-block .quad-item-3{height:320px;max-width:180px}.grid-container .grid-quad-block .quad-item-4{height:132px;max-width:132px}.grid-container .grid-quad-block.quad-1{grid-template-areas:"quad-item-1 quad-item-1" "quad-item-2 quad-item-3" "quad-item-4 quad-item-3"}.grid-container .grid-quad-block.quad-2{grid-template-areas:"quad-item-3 quad-item-4" "quad-item-3 quad-item-2" "quad-item-1 quad-item-1"}.grid-container .grid-quad-block.quad-3{grid-template-areas:"quad-item-1 quad-item-1" "quad-item-4 quad-item-3" "quad-item-2 quad-item-3"}.grid-container .grid-quad-block.quad-4{grid-template-areas:"quad-item-3 quad-item-4" "quad-item-3 quad-item-2" "quad-item-1 quad-item-1"}.grid__label-icon{background-color:#fff;border-color:#fff;color:#0d395f;padding:3px 5px;position:absolute;right:0;top:0}.grid__label-icon.expand{padding:4px}.grid__label-icon .icon.expand{height:1rem;width:1rem}.grid__label-icon .icon.play{height:.625rem;width:.75rem}.grid__button{display:flex;margin:-2rem auto auto;position:relative;text-transform:uppercase}.grid__button .icon{margin-left:1rem}.grid__button .button--show-less{display:none}.grid__button.toggle-button{margin-top:-.5rem;padding:0}.grid__button.toggle-button .button--load-more{display:none}.grid__button.toggle-button .button--show-less{display:flex;padding:1rem 2rem}.grid__button.toggle-button .button--show-less:hover{color:#fff;text-decoration:none}.grid__button.button--light:focus{background-color:#fff;border-color:#fff;color:#0d395f}.grid__button.button--light:hover{background-color:#022543;border-color:#022543;color:#fff}.grid__button.button--light:hover a{color:#fff}@keyframes homepageFadeInOut{0%,to{opacity:0}50%{opacity:1}}@keyframes homepageSlideInOut{0%{opacity:0;transform:translateX(4rem)}50%{opacity:1;transform:translateX(0)}to{opacity:0}}@keyframes homepageSlideIn{0%{opacity:0;transform:translateX(4rem)}75%,to{opacity:1;transform:translateX(0)}}@keyframes homepageFadeOut{0%{opacity:1}to{opacity:0}}@keyframes homepageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes homepageColorFadeInOut1{0%,to{color:currentcolor}50%{color:#75a3cd}}@keyframes homepageColorFadeInOut2{0%,to{color:currentcolor}50%{color:#8f9a17}}@keyframes homepageColorFadeInOut3{0%,to{color:currentcolor}50%{color:#c26533}}@keyframes homepageColorFadeInOut4{0%,to{color:currentcolor}50%{color:#0d395f}}.homepage-header{color:#0d395f;margin-bottom:1.5rem;margin-top:2rem}.homepage-title{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.125rem;font-weight:600;letter-spacing:.125rem;overflow:hidden;text-transform:uppercase;width:100%}.homepage-title .homepage-title--transition-state{animation:3s ease-in-out;animation-play-state:inherit;display:block;font-size:1.75rem;opacity:0;width:91.66667%}.run-animation .homepage-title .homepage-title--transition-state{animation-name:homepageSlideInOut}.homepage-title .homepage-title--transition-state:nth-child(2){width:min-content}.homepage-title .homepage-title--transition-state:last-child{animation:2s ease-in forwards;animation-play-state:inherit;width:91.66667%}.run-animation .homepage-title .homepage-title--transition-state:last-child{animation-name:homepageSlideIn}.homepage-title .homepage-title--transition-state:not(:last-child){position:absolute}.homepage-title .homepage-title--transition-state:first-child{animation-delay:0s}.homepage-title .homepage-title--transition-state:first-child strong{color:#75a3cd}.homepage-title .homepage-title--transition-state:nth-child(2){animation-delay:2s}.homepage-title .homepage-title--transition-state:nth-child(2) strong{color:#8f9a17}.homepage-title .homepage-title--transition-state:nth-child(3){animation-delay:4s}.homepage-title .homepage-title--transition-state:nth-child(3) strong{color:#c26533}.homepage-title .homepage-title--transition-state:nth-child(4){animation-delay:6s}.homepage-title .homepage-title--transition-state:nth-child(4) strong{color:#0d395f}.homepage-header__list{animation-play-state:inherit;display:flex;flex-direction:column;margin-top:1rem}.homepage-header__list li{color:#202020;font-size:1.125rem;padding:0}.homepage-header__list li p{animation:3s ease-in-out;font-size:.875rem;padding-bottom:1rem}.homepage-header__list li strong{animation:3s ease-in-out;animation-play-state:inherit;color:#0d395f;font-weight:700}.homepage-header__list li:last-child p{padding-bottom:0}.homepage-header__list li:not(:last-child){margin-bottom:1rem}.homepage-header__list li:not(:last-child) p{border-bottom:1px solid #dedede}.run-animation .homepage-header__list li:first-child p,.run-animation .homepage-header__list li:first-child strong{animation-delay:0s;animation-name:homepageColorFadeInOut1}.run-animation .homepage-header__list li:nth-child(2) p,.run-animation .homepage-header__list li:nth-child(2) strong{animation-delay:2s;animation-name:homepageColorFadeInOut2}.run-animation .homepage-header__list li:nth-child(3) p,.run-animation .homepage-header__list li:nth-child(3) strong{animation-delay:4s;animation-name:homepageColorFadeInOut3}.homepage-header__container{align-items:flex-end;display:flex;justify-content:space-between;position:relative}.homepage-header__container button{margin-bottom:.375rem;position:absolute;right:0}.homepage-header__container button .homepage-button{background-color:#fff;border-radius:1.5rem;color:#0d395f;height:1.5rem;transition:color .2s,background-color .2s;width:1.5rem}.homepage-header__container button:focus .homepage-button,.homepage-header__container button:hover .homepage-button{background-color:#0d395f;color:#fff}.homepage-header__container .homepage-title--pause-button,.homepage-header__container .homepage-title--play-button,.homepage-header__container .homepage-title--replay-button{z-index:10}.homepage-header__container .homepage-title--pause-button{display:block}.homepage-header__container .homepage-title--play-button,.homepage-header__container .homepage-title--replay-button{display:none}.pause-animation{animation-play-state:paused!important}.quad-item-1,.quad-item-2,.quad-item-3,.quad-item-4{position:relative}.quad-item-1 .grid-expandable-tile,.quad-item-2 .grid-expandable-tile,.quad-item-3 .grid-expandable-tile,.quad-item-4 .grid-expandable-tile{height:100%;width:100%}.grid-hover__overlay{color:#fff;display:none;left:50%;opacity:0;padding:0 1.5rem;position:absolute;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transition:.2s ease;width:100%}.grid-hover__overlay .grid-hover__text p{font-size:1.5rem}.grid-hover__overlay.text-small{padding:0 1rem}.grid-hover__overlay.text-small p{font-size:1.125rem}.grid-modal{background:#022543f2;bottom:0;color:#fff;display:none;left:0;position:fixed;right:0;top:0;z-index:300}.grid-modal.is-open{align-items:center;display:block;overflow-y:scroll}.grid-modal__overlay figure{padding-bottom:2rem;padding-top:6rem}.grid-modal__overlay .portrait-video__content,.grid-modal__overlay .video__content{background:#202020}.grid-modal__overlay .portrait-video--grid{margin:inherit;max-width:225px}.grid-modal__overlay .portrait-video--grid .grid-portrait-video__button{z-index:2}.grid-modal__overlay .image__text,.grid-modal__overlay .video__text{font-size:.875rem}.grid-modal__overlay .image__text a,.grid-modal__overlay .video__text a{border-bottom:1px solid;color:#fff;text-decoration:none}.grid-modal__overlay .image__text a:hover,.grid-modal__overlay .video__text a:hover{border-bottom-color:#0000;text-decoration:none}.grid-modal__overlay .grid-image__body,.grid-modal__overlay .grid-video__body{margin-top:.5rem;text-align:left}.grid-modal__overlay .grid-video__transcript .transcript__button{color:#fff}.grid-modal__overlay .grid-video__transcript .transcript__button:hover{border-color:#fff;text-decoration:none}.grid-modal__button-container{position:fixed;width:100%}.grid-modal__button{background:none;border:0;color:#fff;display:block;font-size:.875rem;font-weight:600;letter-spacing:.1em;margin-right:1rem;margin-top:1.5rem;text-transform:uppercase}.grid-modal__button:focus,.grid-modal__button:hover{opacity:1}.grid-modal__button--close{margin-left:auto}.grid-modal__button--close .icon{height:1.5em;width:1.5em}.grid-quote{background:url(https://www.middlebury.edu/themes/custom/middlebury_theme/images/homepage-quote-blue.svg) no-repeat .5rem -.75rem;background-color:#fff;background-size:76px 60px;color:#0d395f;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.5rem;position:relative;width:100%}.grid-quote .grid-quote__text{font-size:1.125rem;font-weight:400;line-height:2;text-align:left}.grid-quote .grid-quote__caption{bottom:.5rem;position:absolute;right:.5rem}.grid-quote .grid-quote__caption,.grid-quote .grid-quote__caption p{font-size:.75rem!important;line-height:1.4!important;text-align:right}.grid-quote.quote--dark{background-color:#c0e3fd;background-image:url(https://www.middlebury.edu/themes/custom/middlebury_theme/images/homepage-quote-white.svg);color:#0d395f}.grid-quote.quote-text--small{background-size:56px 44px;padding:.5rem}.grid-quote.quote-text--small .grid-quote__text{font-size:.75rem;font-weight:600;line-height:1.7}.grid-quote.quote-text--small .grid-quote__caption{bottom:.5rem;right:.5rem}.grid-quote.quote-text--small .grid-quote__caption,.grid-quote.quote-text--small .grid-quote__caption p{font-size:.625rem!important;font-weight:600;line-height:1.4}.grid-stats{align-items:center;background:#fff;display:flex;height:100%;justify-content:center}.grid-stats.dark{background:#0d395f;color:#fff}.grid-stats.dark .chart-group__list .chart-group__item .stats__label{border-bottom:1px solid #fff}.grid-stats .chart-group__list{display:block;margin:0;width:100%}.grid-stats .chart-group__list .chart-group__item{flex:0 0 75%;margin:auto;max-width:75%;padding:0}.grid-stats .chart-group__list .chart-group__item .stats__label{border-bottom:1px solid #0d395f;display:flex;font-size:1.25rem;font-weight:700;justify-content:center;margin-bottom:.25rem;padding-bottom:.25rem}.grid-stats .chart-group__list .chart-group__item .stats__text{font-size:.75rem;font-weight:600;line-height:1.4}.grid-stats .chart-group__list.chart-group__list--2 .chart-group__item:first-child{margin-bottom:1rem}.icon{display:inline-block;height:1em;pointer-events:none;vertical-align:middle;width:1em}.image{justify-content:center}.image,.input-group{display:flex}.input-group .form-control{border-right:0;flex:1 1 auto}.input-group .button{border-left:0;flex:0 1 auto}.midd-header--transparent.miis-header,.midd-header.midd-header--transparent,.midd-header.miis-header__transparent,.miis-header.miis-header__transparent{background-color:unset}.midd-header--transparent,.miis-header__transparent{height:75px;left:0;position:fixed;top:0;transition:background-color .2s;width:100%;z-index:200}.midd-header--transparent .midd-header__container,.midd-header--transparent .miis-header__container,.miis-header__transparent .midd-header__container,.miis-header__transparent .miis-header__container{align-items:flex-start;max-width:none;opacity:1;padding-left:1rem;padding-right:1rem}.midd-header--transparent .midd-header__brand,.midd-header--transparent .miis-header__brand,.miis-header__transparent .midd-header__brand,.miis-header__transparent .miis-header__brand{height:-moz-fit-content;height:fit-content;padding-top:.75rem}.midd-header--transparent .midd-header__brand a,.midd-header--transparent .miis-header__brand a,.miis-header__transparent .midd-header__brand a,.miis-header__transparent .miis-header__brand a{text-decoration:none}.midd-header--transparent .midd-header__brand a .midd-header__shield,.midd-header--transparent .midd-header__brand a .miis-header__shield,.midd-header--transparent .miis-header__brand a .midd-header__shield,.midd-header--transparent .miis-header__brand a .miis-header__shield,.miis-header__transparent .midd-header__brand a .midd-header__shield,.miis-header__transparent .midd-header__brand a .miis-header__shield,.miis-header__transparent .miis-header__brand a .midd-header__shield,.miis-header__transparent .miis-header__brand a .miis-header__shield{top:0;width:42px}.midd-header--transparent .midd-header__brand a .midd-header__wordmark,.midd-header--transparent .midd-header__brand a .miis-header__wordmark,.midd-header--transparent .miis-header__brand a .midd-header__wordmark,.midd-header--transparent .miis-header__brand a .miis-header__wordmark,.miis-header__transparent .midd-header__brand a .midd-header__wordmark,.miis-header__transparent .midd-header__brand a .miis-header__wordmark,.miis-header__transparent .miis-header__brand a .midd-header__wordmark,.miis-header__transparent .miis-header__brand a .miis-header__wordmark{margin-left:.5rem;width:78px}.has-toggler.miis-header__transparent:before,.midd-header--transparent.has-toggler:before{background-image:linear-gradient(0deg,#0000 4%,#0006);bottom:0;content:"";left:0;opacity:.75;position:absolute;right:0;top:0;z-index:-1}.has-toggler.is-toggled.miis-header__transparent:before,.midd-header--transparent.has-toggler.is-toggled:before{background-color:#022543;background-image:none;opacity:1}.midd-header--transparent .midd-nav,.miis-header__transparent .midd-nav{padding-top:.5rem}.midd-header--transparent .midd-nav .midd-nav__handle,.miis-header__transparent .midd-nav .midd-nav__handle{padding-left:1.5rem}.midd-header--transparent .midd-nav .midd-nav__list--top,.miis-header__transparent .midd-nav .midd-nav__list--top{transition:opacity .2s}.midd-header--transparent .midd-nav .midd-nav__link,.miis-header__transparent .midd-nav .midd-nav__link{opacity:1}.midd-header--transparent .midd-search,.miis-header__transparent .midd-search{padding-top:.5rem}.midd-header--transparent .midd-search .midd-search__handle,.miis-header__transparent .midd-search .midd-search__handle{display:flex;opacity:1;padding-right:0}.midd-header--transparent .midd-search .midd-search__handle:after,.miis-header__transparent .midd-search .midd-search__handle:after{content:"|";padding-left:1.5rem}.midd-header--transparent .midd-schools__button,.miis-header__transparent .midd-schools__button{border:2px solid #fff;color:#fff;font-weight:600;height:-moz-fit-content;height:fit-content;line-height:1;margin-top:.5rem;order:3;padding:1rem 0;width:164px}@keyframes offset{to{stroke-dashoffset:0}}@keyframes dot-ripple-ease-out{0%{stroke:#f4b824;stroke-width:2;r:8px}30%{stroke:#f4b824;stroke-width:2}to{stroke:#0000;stroke-width:0;r:20px}}@keyframes dot-ripple-persist{0%{stroke:#f4b824;stroke-width:1;r:8px}50%{stroke:#f4b824;stroke-width:1.5}to{stroke:#f4b824;stroke-width:2;r:20px}}@keyframes dot-ripple-persist-mobile{0%{stroke:#f4b824;stroke-width:1;r:8px}50%{stroke:#f4b824;stroke-width:1.5}to{stroke:#f4b824;stroke-width:2;r:16px}}.journey{overflow:hidden;position:relative}.journey-line-box,.journey-link-box{pointer-events:auto;position:absolute;top:0;width:100%}.journey-line-box{top:22%}.journey-line-svg{position:relative;z-index:20}.journey-line-svg.journey-line--desktop,.journey-line-svg.journey-line--tablet{display:none}.journey-line-svg.journey-line--mobile{display:inline-block;right:-10%;width:86%}.journey-links-svg{position:relative;z-index:20}.journey-links-svg.journey-links--desktop,.journey-links-svg.journey-links--tablet{display:none}.journey-links-svg.journey-links--mobile{display:initial}.journey-links-svg .journey-link--section.animate .journey--link:nth-child(2) .journey--dot-ripple{animation-delay:1.85s}.journey-links-svg .journey-link--section.animate .journey--link:nth-child(3) .journey--dot-ripple{animation-delay:2.5s}.journey-links-svg .journey-link--section.animate .journey--dot-ripple{animation:dot-ripple-ease-out 2s ease-out}.journey-links-svg .journey-link--section.animate.disable-animate .journey--dot-ripple{animation:unset}.journey-links-svg .journey-link--section .journey--link{font-size:.75rem;font-weight:500;line-height:1.25;fill:#fff}.journey-links-svg .journey-link--section .journey--link:hover .journey--dot-ripple{animation-delay:0s!important;stroke:#f4b824;stroke-width:0;animation:dot-ripple-persist-mobile 1s ease-out forwards}.journey-links-svg .journey-link--section .journey--link .journey--link-text{color:#fff;fill:#fff}.journey-section{align-items:center;padding-top:177.77778%;position:relative}.journey-section .journey-section__background{background:#0000 no-repeat 50% 0/cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.journey-section .journey-section__background video[poster]{height:100%;object-fit:cover;width:100%}.journey-section .journey-section__background:after{background-color:initial;background-image:linear-gradient(180deg,#0000 2.61%,#000);content:"";display:block;height:100%;left:0;opacity:.9;position:absolute;top:0;width:100%}.journey-section.journey-section--intro .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-01-320x568.webp?fv=1)}.journey-section.journey-section--learning .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-02-320x568.webp?fv=1)}.journey-section.journey-section--thinking .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-03-320x568.webp?fv=1)}.journey-section.journey-section--opportunity .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-04-320x568.webp?fv=1)}.journey-section .journey-video--button{bottom:1rem;color:#fff;display:none;left:1rem;opacity:.5;position:absolute;z-index:30}.journey-section .journey-video--button .journey-video--button-play{display:none}.journey-section .journey-video--button .journey-video--button-pause,.journey-section .journey-video--button.not-playing .journey-video--button-play{display:block}.journey-section .journey-video--button.not-playing .journey-video--button-pause{display:none}.journey-section .journey-video--button .icon{height:3rem;width:3rem}.journey-section img{max-width:none;transform:translate(-30%);width:316%}.journey-section .journey-section__body{color:#fff;height:100%;left:0;position:absolute;top:0;width:100%}.journey-section .journey-section__body .container{height:100%}.journey-section .journey-section__body .journey-section__body-content{display:flex;flex-direction:column;height:100%;justify-content:center}.journey-section .journey-section__body .journey-section__body-content.align-left .row{justify-content:flex-start;text-align:left}.journey-section .journey-section__body .journey-section__body-content.align-right .row{justify-content:flex-end;text-align:right}.journey-section .journey-section__body .journey-section__body-content.left--mobile .row{justify-content:flex-start;text-align:left}.journey-section .journey-section__body .journey-section__body-content.align-center .row{justify-content:center;text-align:center}.journey-section .journey-section__body .journey-section__text{position:relative;text-align:left;z-index:25}.journey-section .journey-section__body .journey-section__text>*{font-family:Open Sans,tahoma,geneva,sans-serif}.journey-section .journey-section__body .journey-section__text h1{font-size:1.75rem;font-weight:300}.journey-section .journey-section__body .journey-section__text p.sub-title{color:#f4b824;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-top:1.5rem;text-transform:uppercase}.journey-section .journey-section__body .journey-section__text p.blurb{font-size:1.5rem;font-weight:300;line-height:1.35}.journey-section .school-picker{bottom:0;font-size:.875rem;font-weight:600;overflow-x:scroll;position:fixed;width:100%;z-index:25}.journey-section .school-picker.not-fixed{position:absolute}.journey-section .school-picker ul{border-collapse:collapse;display:flex;min-width:1200px}.journey-section .school-picker ul li{background-image:linear-gradient(0deg,#0000 50%,currentColor 0);background-position:bottom;background-size:100% 200%;border-top:.5rem solid;color:#0d395f;flex:1 1 0;padding:1rem 0;text-align:center;transition:color .2s,background-color .2s,border-color .2s;transition:background-position .2s ease-in-out}.journey-section .school-picker ul li:first-child{color:#97bbd5}.journey-section .school-picker ul li:hover{background-position:top}.journey-section .school-picker ul li a{color:#fff;display:flex;justify-content:center}.journey-section .school-picker ul li a span{display:block;text-align:left}.journey-section .school-picker ul li a:hover{text-decoration:none}.journey-section .school-picker ul li:not(:last-child) a{border-right:1px solid #fff}.journey-section .school-picker ul li:first-child{flex-grow:1.2}.journey-section .school-picker ul li:first-child a span{font-weight:800;width:87px}.journey-section .school-picker ul li:nth-child(2) a span{width:160px}.journey-section .school-picker ul li:nth-child(3) a span{width:121px}.journey-section .school-picker ul li:nth-child(4) a span{width:148px}.journey-section .school-picker ul li:nth-child(5) a span,.journey-section .school-picker ul li:nth-child(6) a span{width:158px}.journey-modal--block{background:#022543f2;bottom:0;color:#fff;display:none;left:0;position:fixed;right:0;top:0;z-index:300}.journey-modal--block.is-open{align-items:center;display:block;overflow-y:scroll}.journey-modal{background:#022543f2;color:#fff}.journey-modal button{height:-moz-fit-content;height:fit-content}.journey-modal__header-container{background:#022543f2;border-bottom:1px solid #d9d9d980;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:1rem;padding-left:.5rem;padding-top:0;position:relative;top:0;width:100%;z-index:5}.journey-modal__header-container.headroom{left:0;position:sticky;top:0;transition:transform .4s ease-in-out;width:100%;will-change:transform;z-index:100}.journey-modal__header-container.headroom--pinned{transform:translateY(0)}.journey-modal__header-container.headroom--unpinned{transform:translateY(-100%)}.journey-modal__header-container .journey-modal__header--wrapper{display:flex;justify-content:space-between;margin-top:.75rem}.journey-modal__header-container .midd-header__brand,.journey-modal__header-container .miis-header__brand{height:56px;opacity:.25;padding-left:.5rem}.journey-modal__header-container .midd-header__brand a,.journey-modal__header-container .miis-header__brand a{text-decoration:none}.journey-modal__header-container .midd-header__brand a .midd-header__shield,.journey-modal__header-container .midd-header__brand a .miis-header__shield,.journey-modal__header-container .miis-header__brand a .midd-header__shield,.journey-modal__header-container .miis-header__brand a .miis-header__shield{top:0;width:42px}.journey-modal__header-container .midd-header__brand a .midd-header__wordmark,.journey-modal__header-container .midd-header__brand a .miis-header__wordmark,.journey-modal__header-container .miis-header__brand a .midd-header__wordmark,.journey-modal__header-container .miis-header__brand a .miis-header__wordmark{margin-left:.5rem;width:78px}.journey-modal__header-container .journey-modal__controls{display:flex;justify-content:center;padding-right:.5rem}.journey-modal__header-container .journey-modal__controls--loading-text{display:flex;padding-right:14rem;padding-top:1rem}.journey-modal__header-container .journey-modal__controls--loading-text.has-loaded{display:none}.journey-modal__header-container .journey-modal__cobblestones{align-items:flex-end;display:flex;position:relative}.journey-modal__header-container .journey-modal__cobblestones.is-loading{display:none}.journey-modal__header-container .journey-modal__cobblestones.is-loading.has-loaded{display:flex}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cobblestones-button{padding-bottom:.25rem;z-index:10}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cobblestones-button .icon.journey-modal-button--icon{fill:#f4b824;height:1.25rem;width:1.25rem}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination-wrapper{overflow:hidden;padding-top:3rem;width:82vw}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination{align-items:center;display:flex;height:-moz-fit-content;height:fit-content;transition:transform .3s;width:716px}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .journey-modal__svg{position:absolute}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper{display:flex;justify-content:space-evenly;width:100%}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper .swiper-pagination-bullet-active .cb-link__text{display:block}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper .swiper-pagination-bullet-active .cb-link__circle.outer{opacity:1}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper.show-label .journey-modal__cb-link.swiper-pagination-bullet-active .cb-link__text{display:none}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper.show-label .journey-modal__cb-link.swiper-pagination-bullet-active:hover .cb-link__text,.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper.show-label .journey-modal__cb-link:hover .cb-link__text{display:block}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper.show-label .journey-modal__cb-link:hover .cb-link__circle.outer{opacity:1}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link{align-items:center;color:#fff;display:flex;flex-direction:column-reverse;justify-content:flex-end}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link .cb-link__text{bottom:1rem;display:none;font-size:.75rem;line-height:1.1;margin-bottom:2rem;position:absolute;text-align:center;width:9rem}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link .cb-link__circle-wrapper{align-items:center;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;position:relative}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link:not(:last-child){margin:0}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link .cb-link__circle{background:#f4b824;display:inline-block}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link .cb-link__circle.inner{border-radius:50%;height:.5rem;position:absolute;width:.5rem}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link .cb-link__circle.outer{background-color:unset;border:1px solid #f4b824;border-radius:50%;height:2rem;opacity:0;width:2rem}.journey-modal__header-container .journey-modal__button{align-items:center;display:flex;font-size:.875rem;font-weight:600;letter-spacing:.1em;margin-top:-.75rem;padding:.875rem;text-transform:uppercase;transition:background-color .2s}.journey-modal__header-container .journey-modal__button:focus,.journey-modal__header-container .journey-modal__button:hover{background:#0d395f;color:#fff;opacity:1;text-decoration:underline}.journey-modal__header-container .journey-modal__button:focus{background:#fff;color:#0d395f}.journey-modal__header-container .journey-modal__button .icon{margin-left:1rem!important}.journey-modal__header-container .journey-modal__button.desktop{display:none;margin-top:0}.journey-modal__header-container .journey-modal__button.mobile{display:flex}.journey-modal__header-container .journey-modal__button--close .icon{height:1.5em;width:1.5em}.journey-swiper.is-loading{display:none}.journey-swiper.is-loading.has-loaded{display:block}.journey-swiper--loading-text{align-items:center;display:flex;justify-content:center;padding-top:7rem}.journey-swiper--loading-text.has-loaded{display:none}.journey-modal__overlay .journey-modal__overlay-container{margin-top:2rem}.journey-modal__overlay .journey-modal__overlay-container .journey-modal--title{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:2rem;line-height:1.25;margin-bottom:1.5rem}.journey-modal__overlay .journey-modal__overlay-container .journey-modal--blurb{font-size:1.125rem;line-height:1.5;margin-bottom:2.5rem;margin-top:1.5rem}.journey-modal__overlay .journey-modal__overlay-container .video .video__text{font-size:.875rem;line-height:1.4;margin-top:.5rem}.journey-modal__overlay .journey-modal__overlay-container .video .transcript{margin-top:.5rem}.journey-modal__overlay .journey-modal__overlay-container .portrait-video{max-width:none}.journey-modal__overlay .journey-modal__overlay-container .portrait-video img{height:100%}.journey-modal__overlay .journey-modal__overlay-container .portrait-video .transcript__button{color:#fff}.journey-modal__overlay .journey-modal__overlay-container .portrait-video .transcript__button:hover{border-color:#fff}.journey-modal__overlay .lightbox__images{padding:0;width:100%}.journey-modal__overlay .lightbox__images .lightbox__figure{margin-bottom:0;margin-left:-1rem;margin-right:-1rem}.journey-modal__overlay .lightbox__images .lightbox__figure figcaption{margin-left:1rem;margin-right:1rem}.journey-modal__overlay .lightbox__images .media__caption{font-size:.875rem}.journey-modal__overlay .journey-modal__story{background:#fff;border-bottom:.5rem solid #97bbd5;color:#202020}.journey-modal__overlay .journey-modal__story h2,.journey-modal__overlay .journey-modal__story h3,.journey-modal__overlay .journey-modal__story>*{font-family:Open Sans,tahoma,geneva,sans-serif}.journey-modal__overlay .journey-modal__story .story__image{margin-left:-1rem;margin-right:-1rem}.journey-modal__overlay .journey-modal__story .story__image .story__image-caption{margin-left:1rem;margin-right:1rem}.journey-modal__overlay .journey-modal__story .story__image-caption{border-bottom:1px solid #dedede}.journey-modal__overlay .journey-modal__story .story__image-caption p{font-size:.875rem;line-height:1.4;padding:.5rem 1rem}.journey-modal__overlay .journey-modal__story .story__content{padding:2rem 1rem}.journey-modal__overlay .journey-modal__story .story__content img{margin-bottom:.5rem;width:100%}.journey-modal__overlay .journey-modal__story .story__content p{margin-bottom:1.5rem}.journey-modal__overlay .journey-modal__story .story__content h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;margin-top:2rem}.journey-modal__overlay .journey-modal__story .story__content h3:first-child{margin-top:0}.journey-modal__overlay .journey-modal__story .story__content h4{font-size:1rem;font-weight:700;letter-spacing:2px;margin-bottom:.5rem;margin-top:1.5rem;text-transform:uppercase}.journey-modal__overlay .journey-modal__story .story__content a{border-bottom:1px solid;color:#0d395f;text-decoration:none}.journey-modal__overlay .journey-modal__story .story__content a:hover{border-bottom-color:#0000;text-decoration:none}.journey-modal__overlay .journey-modal__story .story__content h2>a,.journey-modal__overlay .journey-modal__story .story__content h3>a{border-bottom:none}.journey-modal__overlay .journey-modal__story .story__content h2>a:hover,.journey-modal__overlay .journey-modal__story .story__content h3>a:hover{border-bottom:1px solid #0d395f}.journey-modal__overlay .journey-modal__story .story__content h3~a{border-bottom:none;display:block;margin-left:-1rem;margin-right:-1rem}.journey-modal__overlay .journey-modal__story .story__content.story-list{padding-bottom:0;padding-left:0;padding-right:0}.journey-modal__overlay .journey-modal__story .story__content .story-list-item{padding-left:1rem;padding-right:1rem}.journey-modal__overlay .journey-modal__story .story__content .story-list-item .float-right{float:unset}.journey-modal__overlay .journey-modal__story .story__content .story-list-item h2{font-size:1.5rem;font-weight:500}.journey-modal__overlay .journey-modal__story .story__content .story-list-item p{margin-bottom:0}.journey-modal__overlay .journey-modal__story .story__content .story-list-item a{color:#0d395f}.journey-modal__overlay .journey-modal__story .story__content .story-list-item a .story-link{border-bottom:1px solid;text-decoration:none}.journey-modal__overlay .journey-modal__story .story__content .story-list-item a .story-link:hover{border-bottom-color:#0000;text-decoration:none}.journey-modal__overlay .journey-modal__story .story__content .story-list-item img{width:auto}.journey-modal__overlay .grid-video__transcript .transcript__button{color:#fff}.journey-modal__overlay .grid-video__transcript .transcript__button:hover{border-color:#fff;text-decoration:none}.journey-modal__overlay .portrait-video__content,.journey-modal__overlay .video__content{background:#202020}.journey-modal__overlay .portrait-video--grid{margin:inherit;max-width:225px}.journey-modal__overlay .portrait-video--grid .journey-portrait-video__button{z-index:2}.journey-modal__overlay .image__text,.journey-modal__overlay .video__text{font-size:.875rem}.journey-modal__overlay .image__text a,.journey-modal__overlay .video__text a{border-bottom:1px solid;color:#fff;text-decoration:none}.journey-modal__overlay .image__text a:hover,.journey-modal__overlay .video__text a:hover{border-bottom-color:#0000;text-decoration:none}.journey-modal__overlay .journey-image__body,.journey-modal__overlay .journey-video__body{margin-top:.5rem;text-align:left}.journey-modal__overlay .journey-video__transcript .transcript__button{color:#fff}.journey-modal__overlay .journey-video__transcript .transcript__button:hover{border-color:#fff;text-decoration:none}.journey-modal__overlay .journey-modal__articles-block{margin-bottom:0}.journey-modal__overlay .journey-modal__articles-block .articles-block__title{border-top:1px solid #d9d9d980;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:2px;line-height:1.25rem;margin-bottom:2rem;padding-top:.5rem;text-align:center;text-transform:uppercase}.journey-modal__overlay .journey-modal__articles-block .articles-block{color:#202020}.journey-modal__overlay .journey-modal__articles-block .articles-block li{padding-bottom:2rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card{background-color:#fff;position:relative}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card:before{content:"";display:block;padding-top:64.23611%;width:100%}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label{border-left:1.5rem solid #0000;border-top:1.5rem solid;height:0;margin:.25rem .25rem 0 0;position:absolute;right:0;width:0}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-college{border-top-color:#0d395f}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-miis{border-top-color:#97bbd5}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-bread-loaf{border-top-color:#a7c504}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-lang-schools{border-top-color:#c26533}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-writers{border-top-color:#b1850b}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-schools-abroad{border-top-color:#75a3cd}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-env-school{border-top-color:#5e7e2c}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .articles-block__content{bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;position:absolute;right:0;top:0}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--text-content{padding:1rem .5rem 0}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--text-content a{text-decoration-thickness:1px}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--title{color:#0d395f;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.125rem;font-weight:600;padding-bottom:.25rem;padding-right:1rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--text{font-size:.875rem;line-height:1.55}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--button{align-items:center;border-bottom:4px solid #75a3cd;border-top:1px solid #dedede;color:#0d395f;display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;letter-spacing:.1em;line-height:1.1;padding:.5rem;text-transform:uppercase;width:100%}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--button .icon{height:1.5em;width:1.5em}.lib-search__cover{background:#022543;display:grid;grid-template-columns:1fr;min-height:260px}.lib-search__content{background:#022543b3;grid-column-start:1;grid-row-start:1;z-index:1}.lib-search__content a,.lib-search__content>*{color:#fff}.lib-search__content .lib-search__title{margin-bottom:1.5rem;margin-top:1.5rem}.lib-search__back{grid-column-start:1;grid-row-start:1}.lib-search__back img{min-height:260px;object-fit:cover}.lightbox{background-color:#202020;display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:9999;-webkit-overflow-scrolling:touch;animation:fadeIn .3s}.lightbox.is-open{display:block}.lightbox__controls{background-image:linear-gradient(180deg,#202020,#0000);display:flex;left:0;position:fixed;top:0;width:100%}.lightbox__count{align-items:center;display:flex;justify-content:center;width:4em}.lightbox__button,.lightbox__count{color:#fff;font-size:.875rem;font-weight:600}.lightbox__button{background:none;border:0;letter-spacing:.1em;opacity:.8;padding:1rem;text-transform:uppercase;transition:opacity .2s}.lightbox__button:focus,.lightbox__button:hover{opacity:1}.lightbox__button--close{margin-left:auto}.lightbox__images{padding:7rem 1rem 1rem}.lightbox__figure{margin-bottom:6rem}.lightbox__figure .media__caption a{color:#fff}.lightbox__thumbs-list{overflow-y:auto;position:fixed;right:0;top:8rem;-webkit-overflow-scrolling:touch;display:none;max-height:calc(100vh - 8rem);width:130px}.lightbox__thumbs-button{border:0;padding:0}.lightbox__thumbs-button img{opacity:.75;transition:transform .2s,opacity .2s}.lightbox__thumbs-button:focus img,.lightbox__thumbs-button:hover img{opacity:1;transform:scale(1.1)}.lightbox__thumbs-item{border-left:4px solid #0000;padding-left:.5rem;padding-right:2rem}.lightbox__thumbs-item:not(:last-child){margin-bottom:1.5rem}.lightbox__thumbs-item.active img{opacity:1;transform:scale(1.1)}.link-list__list{margin-top:3rem}.link-list__item{margin-bottom:2rem}.link-list__box{border-bottom:1px solid #dedede;height:100%;padding-bottom:2rem}.link-list__link{border-bottom:1px solid;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.25rem;font-weight:500;text-decoration:none}.link-list__link:hover{border-bottom-color:#0000;text-decoration:none}.link-list__info{font-size:.875rem;margin-top:.5rem}.list__item:not(:last-child){margin-bottom:2rem}.list--dividers .list__item:not(:last-child){border-bottom:1px solid #dedede;padding-bottom:2rem}.list--sm .list__item:not(:last-child){margin-bottom:1rem}.list--sm.list--dividers .list__item:not(:last-child){padding-bottom:1rem}.logo-bar{background:#e5f1fa;padding:2rem}.logo-bar__title{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.1em;letter-spacing:2.5px;line-height:1.4;margin-bottom:3rem;text-align:center;text-transform:uppercase}.logo-bar__list{align-items:center;display:flex;flex-wrap:wrap;row-gap:3rem}.logo-bar__item{flex:1 1 100%;opacity:.5;text-align:center}.ls-hero{min-height:480px;padding-top:40%;position:relative}.ls-hero__image img{font-family:"object-fit: cover;";object-fit:cover;z-index:1}.ls-hero__content,.ls-hero__image img{height:100%;left:0;position:absolute;top:0;width:100%}.ls-hero__content{align-items:center;display:flex;z-index:2}.ls-hero__title{font-size:1.5rem;margin-bottom:2rem;text-align:center}.ls-hero__item{display:inline-block;margin-bottom:.5rem;margin-left:.75rem;margin-right:.75rem;text-align:center}.ls-hero__link{font-weight:500}.table--course-list{border-collapse:collapse;color:#0d395f;empty-cells:hide;margin-bottom:3rem;width:100%}.table--course-list thead{border-top:4px solid #0d395f;font-size:.875rem;letter-spacing:.2em;line-height:1;text-transform:uppercase}.table--course-list th{border-bottom:1px solid #dedede;font-weight:600;padding-bottom:1rem;padding-top:1rem;width:100%}.table--course-list th:first-child{padding-left:1rem;text-align:left}.table--course-list tr{border-bottom:1px solid #dedede;font-weight:500}.table--course-list td{padding-bottom:1rem;padding-top:1rem}.table--course-list td:first-child{padding-left:1rem;width:50%}.table--course-list td:not(:first-child){text-align:right}.table--course-list td:last-child{text-align:left}.table--course-list a{text-decoration:underline}.table--course-list a:hover{border-bottom:none;text-decoration:none}.table--course-list .row-label,.table--course-list .track-label{border:none}.table--course-list .row-label{background-color:#e5f1fa;color:#202020;font-size:.875rem}.table--course-list .row-label--cell{line-height:1;margin:0;padding-bottom:.625rem;padding-top:.625rem}.table--course-list .track-label--cell{color:#414142;font-size:.75rem;font-weight:600;letter-spacing:.1em;padding-bottom:0;padding-left:2rem!important;text-transform:uppercase}.table--course-list.desktop{display:none}.table--course-list.mobile{border-collapse:collapse;display:inline-table}.table--course-list.mobile th{display:block}.table--course-list.mobile td:before{display:none}.table--course-list .sublist{text-align:left}.table--course-list .sublist td:first-child{padding-left:2rem;width:12.5%}.table--course-list .category{font-size:1rem;line-height:1.7;padding-top:.5rem}.masquerade{margin-bottom:2.5rem}.masquerade h2{display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.masquerade .container-inline{display:flex}.masquerade input[type=text]{appearance:none;background-color:#fff;border:1px solid #202020;border-radius:0;color:#202020;display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-size:.875rem;line-height:1;padding:.5rem 1rem;width:100%}.masquerade input[type=text] .is-error{border-color:#dc3545}.masquerade input[type=text] .is-valid{border-color:#5e7d31}.masquerade input[type=submit]{background-color:#0d395f;border-color:#0d395f;color:#fff;font-size:.875rem;height:100%;padding:.5rem 1rem}.masquerade input[type=submit]:focus,.masquerade input[type=submit]:hover{background-color:#13548c;border-color:#13548c;color:#fff}.border-top{border-top:1px solid #dedede}.media-object__scholarly-icon-list{width:100%}.media-object__scholarly-icon{height:1.25em;width:1.25em}.media-object__scholarly-icon path{fill:#0d395f}.media-object__social-icons li{margin-right:.5rem!important}.media-object__image,.media-object__image-profile-teaser{margin-bottom:.5rem}.media-object__image-profile-teaser{flex:0 0 42.85714%;max-width:42.85714%;min-width:126px}.media-object__body .media-object__pronouns{font-family:Domine,georgia,serif;font-size:1.125rem;line-height:1.4;margin-bottom:.125rem}.border-top{padding-top:.5rem}.paragraph--profile-list .media-object{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.paragraph--profile-list .profile-list .media-object:not(:first-child){border-top:4px solid #dedede;padding-top:2rem}.paragraph--profile-list dl div:last-child{padding-bottom:0!important}.paragraph--profile-list dl~ul{margin-top:.5rem}.media__caption{font-size:.875rem;padding-top:.5rem}.media__caption a{border-bottom:1px solid;text-decoration:none}.media__caption a:hover{border-bottom-color:#0000;text-decoration:none}.media--contain-caption{display:table}.media--contain-caption .media__caption{caption-side:bottom;display:table-caption}.mega-cta__content,.mega-cta__content-miis{padding-left:1rem;padding-right:1rem;text-align:center;width:100%}.mega-cta{background:#000;min-height:640px;position:relative}.mega-cta__back img{font-family:"object-fit: cover;";object-fit:cover;opacity:.4;top:0;z-index:1}.mega-cta__back img,.mega-cta__front{height:100%;left:0;position:absolute;width:100%}.mega-cta__front{align-items:center;bottom:0;display:flex;justify-content:center;z-index:2}.mega-cta--hero .mega-cta__front{align-items:flex-start;padding-top:3rem}.mega-cta__content-position{padding:0 1rem;position:absolute;text-align:left}.mega-cta__content-position-left-bottom,.mega-cta__content-position-left-top,.mega-cta__content-position-right-bottom,.mega-cta__content-position-right-top{top:3rem}.mega-cta__title{color:#fff;font-family:Domine,georgia,serif;font-size:1.75rem;font-weight:400;line-height:1.4;margin-bottom:.5rem}.mega-cta--hero .mega-cta__title{text-align:left}.mega-cta__title-miis{color:#fff;font-size:1.75rem;margin-bottom:.25rem}.mega-cta__text{color:#fff;font-size:.875rem;margin-bottom:1.5rem}.mega-cta--hero .mega-cta__text{text-align:left}.mega-cta__text-miis{color:#fff;font-size:1.125rem;margin-bottom:2rem}.mega-cta__link :hover{color:#fff;text-decoration:underline}.mega-cta__caption{bottom:4rem;position:absolute;right:2rem;z-index:3}.mega-cta--blse .mega-cta__text{color:#ffc107;font-size:1.5rem}.mega-cta--blse .mega-cta__content{text-align:left}.midd-footer{background-color:#022543;padding-bottom:1.5rem;padding-top:1.5rem}.midd-footer__link{color:#fff;display:block;font-size:.875rem;padding-bottom:.25rem;padding-top:.25rem;white-space:nowrap}.midd-footer.davis-footer{background-color:#202020;padding-bottom:1.5rem;padding-top:1.5rem}.midd-footer.davis-footer .davis-logo img{margin-bottom:1rem}.midd-footer.davis-footer .davis-logo img:first-child{margin-right:.75rem}.midd-header,.miis-header{background-color:#022543}.headroom.miis-header,.midd-header.headroom{left:0;position:fixed;top:0;transition:transform .2s linear;width:100%;will-change:transform;z-index:200}.headroom--pinned.miis-header,.midd-header.headroom--pinned{transform:translateY(0)}.headroom--unpinned.miis-header,.midd-header.headroom--unpinned{transform:translateY(-100%)}.midd-header__container,.miis-header__container{display:flex;margin-left:auto;margin-right:auto;max-width:1440px;padding-left:1rem;padding-right:1rem;position:relative}.midd-header__brand,.miis-header__brand{height:48px}.midd-header__shield,.miis-header__shield{position:relative;top:8px;width:44px;z-index:300}.midd-header__wordmark,.miis-header__wordmark{margin-left:4px;position:relative;width:76px}.miis-header{background-color:#0d395f}.miis-header__wordmark{width:190px}.midd-nav{margin-right:-1rem;order:2;z-index:200}.midd-nav__handle{background:none;border:0;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;line-height:1;padding:1rem}.midd-nav__handle--sub{border-left:1px solid #174872}.midd-nav__handle.is-toggled .midd-nav__bars,.midd-nav__times{display:none}.midd-nav__handle.is-toggled .midd-nav__times{display:inline-block}.midd-nav__list--top{background:#022543;left:0;opacity:0;padding-top:1.5rem;position:absolute;top:100%;transition:.2s;visibility:hidden;width:100%}.midd-nav__list--top.is-toggled{opacity:1;visibility:visible}.midd-nav__list--sub{display:none;width:100%}.midd-nav__list--sub.is-toggled{display:block}.midd-nav__item{border-top:1px solid #174872}.midd-nav__item--top{display:flex;flex-wrap:wrap;position:relative}.midd-nav__link{color:#fff;display:block;font-size:1rem}.midd-nav__link--top{flex:1 0 auto;line-height:1;padding:1.5rem 1rem}.midd-nav__item:focus-within .midd-nav__link--top,.midd-nav__item:hover .midd-nav__link--top{border-top-color:#fff;text-decoration:none}.midd-nav__link--sub{padding:1rem 1rem 1rem 2.5rem}.midd-nav__chevron{transition:transform .2s ease-in-out}.midd-nav__handle.is-toggled .midd-nav__chevron{transform:rotate(-180deg)}.midd-search{margin-left:auto;order:1}.midd-search__handle{color:#fff;display:inline-block;font-size:.875rem;font-weight:500;line-height:1;padding:1rem}.midd-search__handle:hover{text-decoration:none}.midd-search__mag{margin-right:.25rem}.midd-search__handle.is-toggled .midd-search__mag{display:none}.midd-search__times{display:none;margin-right:.25rem}.midd-search__handle.is-toggled .midd-search__times{display:inline-block}.midd-search__content{background:#022543;opacity:0;padding:1.5rem 1rem 1rem;position:absolute;right:0;top:100%;transition:.2s;visibility:hidden;width:100%;z-index:200}.midd-search__content.is-toggled{opacity:1;visibility:visible}.midd-search__input,.midd-search__submit{background-color:#fff;border-color:#022543}.midd-search__submit{color:#0d395f}.anchor-header__nav .nav{margin-left:-1rem;margin-right:-1rem}.nav__list{border-bottom:1px solid #dedede}.nav__item{border-top:1px solid #dedede;display:flex;flex-wrap:wrap}.nav__link{display:block;flex:1 0 auto;font-weight:500}.nav__button,.nav__link{font-size:1rem;padding:1rem}.nav__button{background:#0000;border:0;border-left:1px solid #dedede;line-height:1;margin-left:auto}.nav__sublist{width:100%}.nav__subitem{border-top:1px solid #dedede}.nav__sublink{display:block;font-size:.875rem;padding:1rem 1rem 1rem 3rem}.nav__link--active{color:#0573cd}.nav-dropdown{position:relative}.nav-dropdown__menu{display:none}.nav-dropdown__menu.is-toggled{display:block}.nav-dropdown__icon{transition:transform .2s ease-in-out}.nav-dropdown__button.is-toggled .nav-dropdown__icon{transform:rotate(-180deg)}.paragraph--policy{background:#dedede4d;font-weight:300}.paragraph--policy p{font-size:.875rem}.paragraph--policy a{text-decoration:underline}.paragraph--policy a:hover{text-decoration:none}.office-hours{background:#e5f1fa}.office-hours__item{font-size:.875rem;padding-bottom:.5rem;padding-top:.5rem}.office-hours__item:not(:last-child){border-bottom:1px solid #dedede}.office-footer{background:#f8f8f8;border-top:1px solid #dedede;text-align:center}.office-footer__row{display:flex;flex-wrap:wrap;justify-content:center;margin-left:-1rem;margin-right:-1rem}.office-footer__col{padding:1.5rem 1rem;width:100%}.office-footer__col:not(:last-child){border-bottom:1px solid #dedede}.office-footer__col div:not(:first-child) h3{border-top:1px solid #dedede;margin-left:-1rem;margin-right:-1rem;margin-top:1.5rem;padding-top:1.5rem}.office-footer__col h4{margin-top:.875rem}.page-header--has-image{height:0;margin-bottom:3rem;min-height:300px;overflow:hidden;padding-top:40%;position:relative}.page-header--has-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.page-header--has-image .page-header__title{color:#fff;padding-right:1.5rem}.page-header--wrmc{overflow:initial}.page-header--wrmc .page-header__figure:before{background:linear-gradient(to bottom left,#202020e6,#0000 50%);content:"";display:block;height:50%;position:absolute;right:0;width:75%;z-index:6}.page-header__figure{height:100%;left:0;position:absolute;top:0;width:100%}.page-header__caption{bottom:3rem;position:absolute;right:1rem;z-index:3}.page-header__list-toggle{align-items:center;color:#fff;column-gap:1rem;display:flex;font-size:.875rem;font-weight:600;line-height:1;padding-right:1rem;padding-top:1rem;position:absolute;right:0;text-transform:uppercase;top:0;z-index:8}.page-header__list-toggle .page-header__list-ellipsis>span{background-color:#fff;border-radius:50%;display:block;height:.25rem;margin:.25rem 0;width:.25rem}.page-header__list-toggle:focus,.page-header__list-toggle:hover{color:#0d395f}.page-header__list-toggle:focus .page-header__list-ellipsis>span,.page-header__list-toggle:hover .page-header__list-ellipsis>span{background-color:#0d395f}.page-header__list-toggle:focus~.page-header__list,.page-header__list-toggle:hover~.page-header__list{background-color:#fff;transition:background-color .2s;z-index:7}.page-header__list-toggle:focus~.page-header__list .page-header__list-overlay,.page-header__list-toggle:hover~.page-header__list .page-header__list-overlay{display:block;padding:3.5rem 2rem 1rem 3rem}.page-header__list{box-shadow:0 0 .5rem 0 #20202040;max-width:200px;position:absolute;right:0;top:0}.page-header__list .page-header__list-overlay{counter-reset:ol;display:none}.page-header__list .page-header__list-overlay,.page-header__list .page-header__list-overlay p{font-size:.875rem;font-weight:600;line-height:1.4}.page-header__list .page-header__list-overlay>li{counter-increment:ol;position:relative}.page-header__list .page-header__list-overlay>li:before{color:#ee6cb9;content:counter(ol) ".";position:absolute;right:calc(100% + .5rem)}.page-header__list .page-header__list-overlay>li:not(:last-child){margin-bottom:.5rem}.page-header__list .page-header__list-overlay>li p:last-child{color:#ee6cb9}.page-header--has-image .page-header__main{background-image:linear-gradient(180deg,#0000,#202020);bottom:0;left:0;margin-left:0;margin-right:0;position:absolute;width:100%}.page-header--has-menu{margin-bottom:0}.page-header__content{padding:2rem 1rem 1.5rem;width:100%}.page-header--has-image .page-header__content{padding-bottom:2rem;padding-top:6rem}.page-header--has-menu .page-header__content{padding-bottom:1rem}.page-header--has-image.page-header--has-menu .page-header__content{padding-bottom:3rem}.page-header__title{font-family:Domine,georgia,serif;font-size:2.25rem;line-height:1.4}.page-header--app .page-header__content{padding-bottom:1.5rem;padding-top:1.5rem}.page-header--app .page-header__title{font-size:1.75rem}.page-image{margin-bottom:2rem}.page-nav{margin-bottom:1.5rem}.page-nav__title{border-bottom:4px solid #dedede;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.page-nav__button{background:none;border:1px solid #dedede;color:#0d395f;font-size:.875rem;font-weight:600;padding:1rem;text-align:left;width:100%}.page-nav__icon{float:right;transition:transform .2s ease-in-out}.page-nav__button.is-toggled .page-nav__icon{transform:rotate(-180deg)}.page-nav__content{background-color:#f2f2f2;border:1px solid #dedede;border-top:0;padding-left:1rem;padding-right:1rem}.page-nav__content.has-toggler{display:none}.page-nav__content.is-toggled{display:block}.page-nav__list .page-nav__list{border-top:1px solid #dedede;margin-left:2rem}.page-nav__item:not(:last-of-type){border-bottom:1px solid #dedede}.page-nav__link{display:block;padding-bottom:1rem;padding-top:1rem}.page-nav__link--active{color:#0573cd;font-weight:600}.pagination{margin-bottom:6rem;margin-top:3rem}.pagination__list{display:flex}.pagination__item{display:none}.pagination__item:not(:last-of-type){margin-right:1rem}.pagination__item--active,.pagination__item--next,.pagination__item--previous{display:inline-block}.pagination__link{display:block;font-size:14px;font-weight:600;letter-spacing:.1em;padding:.25rem .5rem;text-align:center;text-transform:uppercase;transition:background .2s}.pagination__link:focus,.pagination__link:hover{background-color:#dedede;text-decoration:none}.pagination__link.pagination__link--active{background-color:#0d395f;color:#fff}.pagination__item--next .pagination__link,.pagination__item--previous .pagination__link{border-bottom:1px solid;padding-left:0;padding-right:0;text-decoration:none}.pagination__item--next .pagination__link:hover,.pagination__item--previous .pagination__link:hover{border-bottom-color:#0000;text-decoration:none}.pagination__item--next .pagination__link:focus,.pagination__item--next .pagination__link:hover,.pagination__item--previous .pagination__link:focus,.pagination__item--previous .pagination__link:hover{background:#0000}.section.paragraph--pardot-form{margin-bottom:3rem;margin-top:3rem}.section.paragraph--pardot-form .form-group{margin-bottom:1.5rem}.portrait-video{margin:0 auto;max-width:300px}.portrait-video__content{padding-bottom:177.77778%;position:relative}.portrait-video__content iframe,.portrait-video__content img{height:100%;left:0;position:absolute;top:0;width:100%}.portrait-video__body{background:linear-gradient(0deg,#000,#0000);bottom:0;left:0;padding:4rem 1rem 1rem;position:absolute;width:100%;z-index:3}.portrait-video__link:after{background:#0d395f80;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100%;z-index:1}.portrait-video__link:focus:after,.portrait-video__link:hover:after{opacity:1}.portrait-video__link:focus .portrait-video__title,.portrait-video__link:hover .portrait-video__title{transform:translateY(-1rem)}.portrait-video__title{color:#fff;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.125rem;font-weight:600;transition:transform .2s}.profile-detail .profile-detail-orcid{fill:#a6ce39}.profile-detail .profile-detail-scopus{fill:#fe8300}.profile-detail .profile-detail-github{fill:#191717}.profile-detail .profile-detail-middlebury-shield{fill:#0d395f}.profile-detail__programs{border-bottom:1px solid #dedede;border-top:4px solid #dedede;margin-bottom:1.5rem;margin-left:-1rem;margin-right:-1rem;padding:.5rem 0 .5rem 1rem}.profile-detail__programs a{border-bottom:1px solid;text-decoration:none}.profile-detail__programs a:hover{border-bottom-color:#0000;text-decoration:none}.profile-detail__programs span:not(:last-child):after{color:#202020;content:";";margin-left:-3px}.profile-detail__link-table{border:1px solid #dedede;border-spacing:1rem;margin-bottom:4rem;padding:1rem}.profile-detail__link-table div[role=row]{flex-direction:column;vertical-align:top}.profile-detail__link-table div[role=row] div[role=cell]{overflow-wrap:break-word}.profile-detail__link-table div[role=row] div[role=cell]:not(:first-child){border-top:1px solid #dedede;margin-top:1rem;padding-top:1rem}.profile-spotlight-item{display:flex;margin-bottom:2rem}.profile-spotlight-item__media{margin-bottom:1rem;margin-right:1rem}.profile-spotlight-item__content{flex:1}.profile-spotlight-item__text{font-size:1rem;font-weight:400;margin-bottom:1rem}.profile-spotlight-item__name{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-weight:500;margin-bottom:.25rem}.profile-spotlight-item__title{color:#767676;font-size:.875rem;font-style:italic;margin-bottom:1rem}.profile-spotlight-item__link{font-size:.875rem}.quote{border-bottom:1px solid #75a3cd;border-top:4px solid #75a3cd;margin-bottom:3rem;margin-top:3rem;padding:2rem 1rem}.quote__text{color:#407ab1;font-size:1.25rem;line-height:1.4;margin-bottom:.5rem}.quote--marks .quote__text{position:relative;quotes:"“" "”"}.quote--marks .quote__text:before{content:open-quote;position:absolute;right:100%;top:0}.quote--marks .quote__text:after{content:close-quote}.quote__cite{font-size:1rem}.radio{position:relative}.radio__input{opacity:0;position:absolute}.radio__label{cursor:pointer;display:flex;font-size:.875rem;font-weight:500;margin-bottom:0;padding-bottom:.25rem;padding-top:.25rem;width:100%}.radio__label:hover{text-decoration:none}.radio__label:before{border:1px solid;border-radius:100%;content:"";display:block;flex:0 0 auto;height:1rem;margin-right:.25rem;margin-top:2px;width:1rem}.radio__input:focus~.radio__label:before{box-shadow:0 0 0 2px #0573cd}.radio__input:checked~.radio__label:before,.radio__label--checked:before{background:radial-gradient(circle,#0d395f 40%,#0000 0)}.radio__label:focus:before{box-shadow:0 0 0 2px #0573cd}.schedule-header{background-color:#e5f1fa;padding:.5rem}.schedule-header__date{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.1em;margin-bottom:.25rem;text-transform:uppercase}.schedule-header__title{font-family:Domine,georgia,serif;font-size:1.25rem;font-weight:600;line-height:1.4}.schedule-item{padding:.5rem .5rem 2rem}.schedule-item+.schedule-item{border-top:1px solid #dedede}.schedule-item__details{margin-bottom:1rem;text-align:center}.schedule-item__local,.schedule-item__time{font-size:1rem}.schedule-item__img{margin-bottom:1rem}.schedule-item__img .media__caption{font-size:.75rem}.schedule-item__title{font-family:Domine,georgia,serif;font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.schedule-item__text{font-size:1rem}.schedule-item__text a{border-bottom:1px solid;text-decoration:none}.schedule-item__text a:hover{border-bottom-color:#0000;text-decoration:none}.schedule-item__button{display:block;margin-top:1.5rem}.schedule-item__speaker:not(:last-child),.schedule-item__speakers{margin-bottom:1rem}.schedule-item__name{font-size:1rem;font-weight:500}.schedule-item__job{font-size:.875rem}.school-footer{background-color:#0d395f;padding-bottom:2rem;padding-top:2rem}.school-footer__main,.school-footer__primary{padding-left:1rem;padding-right:1rem;width:100%}.school-footer__secondary{padding:2rem 1rem;width:100%}.school-footer--lite .school-footer__secondary{padding-bottom:0}.school-footer__text{color:#fff;font-family:Domine,georgia,serif;font-size:1.75rem;font-weight:400;line-height:1.4;margin-bottom:1.5rem}.school-footer__nav{border-top:1px solid #174872;padding-left:1rem;padding-right:1rem;width:100%}.school-header{background:#fff;border-bottom:1px solid #0d395f;border-top:8px solid #0d395f;position:relative}.theme-college .school-header{border-top-color:#0d395f}.theme-institute .school-header{border-top-color:#97bbd5}.theme-sa .school-header{border-top-color:#75a3cd}.theme-ls .school-header{border-top-color:#8f9a17}.theme-blse .school-header{border-top-color:#c26533}.theme-blwc .school-header{border-top-color:#ffc107}.theme-uwc .school-header{border-top-color:#fff}.theme-wrmc .school-header{border-top-color:#ee6cb9}.school-header.headroom{left:0;position:fixed;top:0;transition:transform .4s ease-in-out;width:100%;will-change:transform;z-index:100}.school-header.headroom--pinned{transform:translateY(0)}.school-header.headroom--unpinned{transform:translateY(-100%)}.school-header__title{font-size:100%}.school-header__main{align-items:center;display:flex;justify-content:space-between}.school-header__logo{padding-bottom:.5rem;padding-top:.5rem}.school-header__content{align-items:flex-start;display:flex;flex-direction:row-reverse;justify-content:flex-start}.school-nav__handle{background:none;border:0;color:#0d395f;display:inline-block;font-size:.875rem;font-weight:500;line-height:1.7;padding:1rem}.school-nav__handle.is-toggled .school-nav__bars,.school-nav__menu,.school-nav__times{display:none}.school-nav__handle.is-toggled .school-nav__times{display:inline-block}.school-nav__list{display:flex;justify-content:flex-end}.school-nav__list--sub{background-color:#fff;border:1px solid #0d395f;display:block;left:0;min-width:300px;opacity:0;padding:.5rem 1rem;position:absolute;top:100%;transition:opacity .2s;visibility:hidden;z-index:200}.school-nav__list--cols{column-count:2;min-width:500px}.school-nav__list--cols .school-nav__item{display:inline-block;width:100%}.school-nav__item{display:block;position:relative;transition:opacity .2s}.school-nav__item:not(:last-child):not(.school-nav__item--sub){margin-right:2rem}.school-nav__item:focus-within .school-nav__list--sub,.school-nav__item:hover .school-nav__list--sub{opacity:1;visibility:visible}.school-nav__link{color:#0d395f;display:block;font-size:1rem;font-weight:500;opacity:.8;padding-bottom:1rem;padding-top:1rem;transition:opacity .2s,border-color .2s}.school-nav__link:hover{opacity:1;text-decoration:none}.school-nav__link--sub{font-size:.875rem;padding-bottom:.5rem;padding-top:.5rem}.school-nav__link--sub:focus,.school-nav__link--sub:hover{text-decoration:underline}.school-nav__link--top{border-bottom:4px solid #0000}.theme-college .school-nav__item:focus-within .school-nav__link--top,.theme-college .school-nav__item:hover .school-nav__link--top{border-color:#0d395f}.theme-institute .school-nav__item:focus-within .school-nav__link--top,.theme-institute .school-nav__item:hover .school-nav__link--top{border-color:#97bbd5}.theme-sa .school-nav__item:focus-within .school-nav__link--top,.theme-sa .school-nav__item:hover .school-nav__link--top{border-color:#75a3cd}.theme-ls .school-nav__item:focus-within .school-nav__link--top,.theme-ls .school-nav__item:hover .school-nav__link--top{border-color:#8f9a17}.theme-blse .school-nav__item:focus-within .school-nav__link--top,.theme-blse .school-nav__item:hover .school-nav__link--top{border-color:#c26533}.theme-blwc .school-nav__item:focus-within .school-nav__link--top,.theme-blwc .school-nav__item:hover .school-nav__link--top{border-color:#ffc107}.theme-uwc .school-nav__item:focus-within .school-nav__link--top,.theme-uwc .school-nav__item:hover .school-nav__link--top{border-color:#fff}.theme-wrmc .school-nav__item:focus-within .school-nav__link--top,.theme-wrmc .school-nav__item:hover .school-nav__link--top{border-color:#ee6cb9}.theme-college .school-nav__link--active{border-color:#0d395f}.theme-institute .school-nav__link--active{border-color:#97bbd5}.theme-sa .school-nav__link--active{border-color:#75a3cd}.theme-ls .school-nav__link--active{border-color:#8f9a17}.theme-blse .school-nav__link--active{border-color:#c26533}.theme-blwc .school-nav__link--active{border-color:#ffc107}.theme-uwc .school-nav__link--active{border-color:#fff}.theme-wrmc .school-nav__link--active{border-color:#ee6cb9}.school-nav__link--util{border-top:4px solid #0000;font-size:.875rem}.school-nav__link--util:focus,.school-nav__link--util:hover{text-decoration:none}.theme-college .school-nav__link--util:focus,.theme-college .school-nav__link--util:hover{border-top-color:#0d395f}.theme-institute .school-nav__link--util:focus,.theme-institute .school-nav__link--util:hover{border-top-color:#97bbd5}.theme-sa .school-nav__link--util:focus,.theme-sa .school-nav__link--util:hover{border-top-color:#75a3cd}.theme-ls .school-nav__link--util:focus,.theme-ls .school-nav__link--util:hover{border-top-color:#8f9a17}.theme-blse .school-nav__link--util:focus,.theme-blse .school-nav__link--util:hover{border-top-color:#c26533}.theme-blwc .school-nav__link--util:focus,.theme-blwc .school-nav__link--util:hover{border-top-color:#ffc107}.theme-uwc .school-nav__link--util:focus,.theme-uwc .school-nav__link--util:hover{border-top-color:#fff}.theme-wrmc .school-nav__link--util:focus,.theme-wrmc .school-nav__link--util:hover{border-top-color:#ee6cb9}.school-search__handle{color:#0d395f;display:inline-block;font-size:.875rem;padding:1rem}.school-search__handle:hover{text-decoration:none}.school-search__content{background-color:#fff;border-bottom:1px solid #0d395f;border-top:1px solid #0d395f;opacity:0;padding:1rem;position:absolute;right:0;top:100%;transition:.2s;visibility:hidden;width:100%;z-index:200}.school-search__content.is-toggled{opacity:1;visibility:visible}.school-search__times{display:none}.school-search__handle.is-toggled .school-search__times{display:inline-block}.school-search__handle.is-toggled .school-search__mag{display:none}.section{margin-bottom:4rem}.section__header,.section__title{border-top:4px solid #0d395f;margin-bottom:2rem;padding-top:.5rem}.section__title{flex:1 1 0%;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.5rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.section__header .section__title{border-top:0;margin-bottom:0;padding-top:0}.section__title.section__title-publications{margin-bottom:1rem}.section__link{border-bottom:1px solid;flex:0 0 auto;text-decoration:none}.section__link:hover{border-bottom-color:#0000;text-decoration:none}.section__text{flex:0 0 100%;margin-top:.5rem}.section__text a{border-bottom:1px solid;text-decoration:none}.section__text a:hover{border-bottom-color:#0000;text-decoration:none}.slider{width:100%}.slider__label{height:1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.slider__track{background:#dedede}.slider__handle{background-color:#0d395f;display:block;height:8px;text-indent:-9999px}.slider__handle,.spotlight{position:relative}.spotlight__content{background:#fff}.spotlight__title{background:#0d395f;color:#fff;font-family:Domine,georgia,serif;font-size:1.75rem;font-weight:400;line-height:1.4;padding:1.5rem 1rem}.spotlight__body{border-bottom:8px solid #0d395f;padding:1.5rem 1rem}.stat-panel{background-color:#767676;position:relative}.stat-panel__text{font-size:1.25rem}.stat-panel__media img{font-family:"object-fit: cover;";height:100%;object-fit:cover;width:100%}.stat-panel__item{padding:2rem}.stat-panel__item--primary{background-color:#dedede}.stat-panel__item--secondary{background-color:#0d395f;text-align:center}.stat-panel__stats-list{margin-bottom:3rem}.stat-panel__stats-title{color:#fff;font-size:1.75rem;margin-bottom:2rem}.stat-panel__stats-label{color:#fff;display:block;font-family:Domine,georgia,serif;font-size:48px;line-height:1}.stat-panel__stats-text{color:#fff;font-size:1rem}.stat-panel__stats-text:not(:last-of-type){border-bottom:1px solid #ffffff40;margin-bottom:1.5rem;padding-bottom:1.5rem}.stats{margin-left:auto;margin-right:auto;max-width:300px}.stats__label{border-bottom:1px solid #0d395f;font-family:Domine,georgia,serif;font-size:3rem;font-weight:300;line-height:1;margin-bottom:.5rem;padding-bottom:.5rem;white-space:nowrap}.stats__label,.stats__text{display:block;text-align:center}.stats__text{font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.status-report__item{display:inline-flex;width:100%}.status-report__item:not(:last-child){border-bottom:1px solid #dedede;margin-bottom:1rem;padding-bottom:1rem}.status-report__icon{align-items:center;color:#fff;display:inline-flex;height:2rem;justify-content:center;margin-right:.5rem;text-align:center;width:2rem}.status-report__icon .icon{top:0}.table,.typography table{margin-bottom:3rem;width:100%}.table caption,.typography table caption{background:#f8f8f8;caption-side:bottom;font-size:.875rem;font-style:italic;padding:.5rem}.table p+p,.typography table p+p{margin-bottom:0;margin-top:1rem}.table th,.typography table th{border-bottom:5px solid #dedede;display:none;font-size:.875rem;font-weight:600;padding-bottom:.5rem;padding-top:.5rem;text-align:left}.table tr:not(:last-of-type) td:last-of-type,.typography table tr:not(:last-of-type) td:last-of-type{border-bottom:1px solid #dedede}.table td,.typography table td{display:block;padding-bottom:1rem;padding-top:1rem}.table td:before,.typography table td:before{content:attr(data-th);display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.table a,.typography table a{border-bottom:1px solid;text-decoration:none}.table a:hover,.typography table a:hover{border-bottom-color:#0000;text-decoration:none}.table--fixed{table-layout:fixed}.table--no-mobile-headers td{padding-bottom:.25rem;padding-top:.25rem}.table--no-mobile-headers td:first-child{padding-top:1.5rem}.table--no-mobile-headers td:last-child{padding-bottom:1.5rem}.table--no-mobile-headers td:before{display:none}.tabs{margin-top:2.5rem;width:calc(100vw - 2rem)}.tabs__nav{margin:-1rem;position:relative;right:0}.tabs__nav:after{background-image:linear-gradient(90deg,#0000,#0d395fb3);content:"";display:block;height:100%;position:absolute;right:0;top:0;width:4rem}.tabs__list{border-bottom:4px solid #202020;display:flex;margin-bottom:2.25rem;overflow-x:auto;padding:0 1rem;-webkit-overflow-scrolling:touch}.tabs--light .tabs__list{border-color:#fff}.tabs__item:last-child{padding-right:4rem}.tabs__item:not(:last-child){margin-right:1.5rem}.tabs__button{border-top:1px solid #0000;display:inline-block;font-weight:500;opacity:.8;padding-bottom:.5rem;padding-top:.5rem;transition:.2s}.tabs__button:hover{border-top-color:#dedede;opacity:1;text-decoration:none}.tabs__button.tabs__button--active,.tabs__button[aria-selected=true]{border-top-color:#202020;color:#0573cd}.tabs--light .tabs__button{color:#fff}.tabs--light .tabs__button:hover{border-top-color:#ffffff80;opacity:1;text-decoration:none}.tabs--light .tabs__button[aria-selected=true]{border-top-color:#fff;color:#fff}.terms li,.terms p{font-size:1rem}.terms__title{flex:0 0 30%;font-weight:500;margin-bottom:.5rem}.terms__title:last-child{margin-bottom:0}.terms__text{margin-bottom:1.5rem;padding-bottom:1.5rem}.terms__text:last-child{margin-bottom:0;padding-bottom:0}.terms__text:not(:last-of-type){border-bottom:1px solid #dedede}.themed-box{background-color:#fff;border-top:8px solid #0d395f;box-shadow:inset 0 0 0 1px #dedede;margin-bottom:3rem;padding:1.5rem}.theme-college .themed-box{border-top-color:#0d395f}.theme-institute .themed-box{border-top-color:#97bbd5}.theme-sa .themed-box{border-top-color:#75a3cd}.theme-ls .themed-box{border-top-color:#8f9a17}.theme-blse .themed-box{border-top-color:#c26533}.theme-blwc .themed-box{border-top-color:#ffc107}.theme-uwc .themed-box{border-top-color:#fff}.theme-wrmc .themed-box{border-top-color:#ee6cb9}.themed-panel{background:#000;z-index:1}.themed-panel,.themed-panel__figure,.themed-panel__media{position:relative}.themed-panel__figure:before{background-image:linear-gradient(180deg,#0000,#000);bottom:-1px;content:"";display:block;height:100%;left:0;position:absolute;width:100%;z-index:2}.themed-panel__title{bottom:0;color:#fff;font-family:Domine,georgia,serif;font-size:2.25rem;left:0;line-height:1.4;padding:1.5rem 1rem .5rem;position:absolute;width:100%;z-index:3}.themed-panel__article{padding-left:1rem;padding-right:1rem;padding-top:1rem}.themed-panel__secondary{padding-bottom:2rem;padding-left:1rem;padding-right:1rem}.themed-panel__subarticle{border-top:1px solid #767676;margin-top:2rem;padding-top:2rem}.themed-panel__heading{color:#fff;margin-bottom:.5rem}.themed-panel__text{color:#fff;font-size:1rem}.themed-panel__cta{border-bottom:1px solid;color:#fff;display:inline-block;font-size:.875rem;margin-top:1rem;text-decoration:none}.themed-panel__cta:hover{border-bottom-color:#0000;text-decoration:none}.tooltip{display:inline-block;position:relative}.tooltip__button{background:none;border:0;line-height:1;opacity:.5;padding:0;transition:opacity .2s}.tooltip__button:focus,.tooltip__button:hover{opacity:1}.tooltip--light .tooltip__button{color:#fff}.tooltip__label{animation:fadeInDown .2s;background:#fff;bottom:calc(100% + 10px);box-shadow:0 0 8px #20202080;display:none;font-size:.875rem;max-width:100vw;min-width:230px;padding:.5rem;position:absolute;right:0}.tooltip__button:focus~.tooltip__label,.tooltip__button:hover~.tooltip__label{display:block}.to-top-btn{background:#fff;bottom:.5rem;box-shadow:0 0 8px #0003;color:#0d395f;font-weight:500;padding:1rem;position:fixed;right:.5rem;transition:transform .2s,bottom .2s;z-index:25}.to-top-btn[hidden]{bottom:0;transform:translateY(100%)}.transcript{margin-top:1rem}.transcript__button{border-bottom:1px solid #0000;display:inline-block;font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:border-color .2s}.transcript__button:hover{border-color:#0d395f;text-decoration:none}.transcript__icon{margin-left:.5rem;transition:transform .2s ease-in-out}.transcript.is-toggled .transcript__icon{transform:rotate(-180deg)}.transcript__body{margin-top:.5rem}.transcript.has-toggler .transcript__body{display:none}.transcript.is-toggled .transcript__body{display:block}.transcript__body p{font-size:1rem;margin-bottom:1.5rem}.transcript__body p:last-child{margin-bottom:0}.video__content{height:0;overflow:hidden;padding-top:56.25%;position:relative}.video__content iframe,.video__content img,.video__link:after{height:100%;left:0;position:absolute;top:0;width:100%}.video__link:after{background:#0d395f80;content:"";display:block;opacity:0;transition:opacity .2s}.video__link:focus:after,.video__link:hover:after{opacity:1}.video__button{bottom:0;left:0;position:absolute;z-index:1}.video__body{border:1px solid #dedede;padding:1rem 1.5rem}.video__title{font-family:Domine,georgia,serif;font-size:1.25rem;line-height:1.4;margin-bottom:.5rem}.video__text{font-size:1rem}.video__text a{border-bottom:1px solid;text-decoration:none}.video__text a:hover{border-bottom-color:#0000;text-decoration:none}@keyframes fade-in{0%{left:-50%}to{left:0}}.waveform{background-color:#071427;overflow:hidden}.waveform .shifting-slider{display:flex;left:0;position:relative}.waveform__header{align-items:flex-start;display:flex;flex-direction:column;padding-left:1rem;padding-right:1rem;padding-top:1rem}.waveform__header .section__title{border-top:0;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.06em;margin:0;order:1;padding-top:0}.waveform__header .waveform__blurb{margin-bottom:1rem;order:2}.waveform__header .waveform__blurb .section__text{color:#fff}.waveform__header .paragraph--button{font-size:.875rem;font-weight:700;height:-moz-fit-content;height:fit-content;line-height:1;margin:0;order:3;padding:.5rem 1rem}.waveform__list{display:flex;justify-content:space-between;overflow:scroll;padding-bottom:1rem;padding-top:2rem;-ms-overflow-style:none;scrollbar-width:none}.waveform__list::-webkit-scrollbar{display:none}.waveform__list-item{background-color:#fff;height:340px;margin-right:.5rem;min-width:263px;transition:background-color .2s,min-width .5s,margin .5s,height .5s}.waveform__list-item .waveform__list-item--tooltip{background-color:#fff;box-shadow:0 0 8px #20202080;display:block;font-size:.875rem;height:-moz-fit-content;height:fit-content;line-height:1.7;padding:.5rem;position:fixed;width:max-content;z-index:15}.waveform__list-item.has-toggler{overflow:hidden}.waveform__list-item.has-toggler .waveform__event-card{display:flex!important;flex-direction:column;height:340px;justify-content:space-between;padding:1rem .5rem .5rem;transition:opacity .5;width:263px}.waveform__list-item.has-toggler .waveform__event-card__content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text{height:254px;margin-bottom:1rem}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text time{font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text p{display:inline}.waveform__list-item.has-toggler h3{font-size:1.25rem;font-weight:700;padding-bottom:.25rem;padding-top:1.5rem}.waveform__list-item .paragraph--button{border:0;font-size:.875rem;font-weight:700;line-height:1;margin:0;width:100%}.wrmc-accordion{margin-top:1rem}.wrmc-accordion-toggle-links{color:#0d395f;display:flex;font-size:.875rem;font-weight:600;justify-content:flex-end;line-height:1;margin-bottom:1rem;text-transform:uppercase;width:100%}.wrmc-accordion-toggle-links a:first-child{margin-right:1.25rem}.wrmc-accordion-item{margin-bottom:.5rem}.wrmc-accordion-item.is-toggled{margin-bottom:0}.wrmc-accordion-item__char{align-self:flex-start;color:#767676;font-family:Domine,georgia,serif;font-size:.875rem;line-height:30px;margin-right:1rem}.wrmc-accordion-item__link{color:#202020;cursor:pointer;transition:background-color .2s}.wrmc-accordion-item__link:hover{background-color:#97bbd533;text-decoration:none}.wrmc-accordion-item__title{background-color:#e5f1fa;display:flex;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-weight:600;justify-content:space-between;letter-spacing:.1em;line-height:1.7;padding:.5rem 1rem .5rem .5rem;text-transform:uppercase}.wrmc-accordion-item.has-toggler .wrmc-accordion-item__title .wrmc-accordion-item-close{display:none}.wrmc-accordion-item.has-toggler .wrmc-accordion-item__title .wrmc-accordion-item-open,.wrmc-accordion-item.is-toggled .wrmc-accordion-item__title .wrmc-accordion-item-close{display:inline-block}.wrmc-accordion-item.is-toggled .wrmc-accordion-item__title .wrmc-accordion-item-open{display:none}.wrmc-accordion-item__label{flex:1 1 auto;width:100%}.wrmc-accordion-item__label--bold{align-items:center;display:flex;font-weight:700;text-transform:uppercase}.wrmc-accordion-item__icon{flex:0 0 auto;margin-left:1rem;transition:transform .2s ease-in-out}.wrmc-accordion-item.is-toggled .wrmc-accordion-item__icon{transform:rotate(-180deg)}.wrmc-accordion-item__content-list{display:flex;flex-direction:column}.wrmc-accordion-item.has-toggler .wrmc-accordion-item__content-list{display:none}.wrmc-accordion-item.is-toggled .wrmc-accordion-item__content-list{display:flex}.wrmc-accordion-item__list-item:first-child{padding-top:1rem}.wrmc-accordion-item__list-item:first-child .show-teaser{padding-top:0}.wrmc-accordion-item__list-item:not(:last-child){border-bottom:1px solid #dedede}.wrmc-accordion-item__sub-title{color:#767676;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.wrmc-accordion-item__sub-title:not(:first-child){border-top:1px solid #dedede;margin-bottom:.25rem;margin-top:1.5rem;padding-top:1.5rem}.wrmc-footer{background-color:#a3e6ff;padding:3rem 0}.wrmc-footer__content{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:0 2rem}.wrmc-footer__logo{color:#202020;font-size:.75rem;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase}.wrmc-footer__logo span{margin-left:-.5rem}.wrmc-footer__logo:hover{text-decoration:none}.wrmc-footer__logo-image{padding-bottom:.875rem;position:relative}.wrmc-footer__logo-image img:first-child{position:absolute}.wrmc-footer__logo-image img:last-child{left:3rem;position:relative;top:1rem;z-index:2}.wrmc-footer__item{align-items:center;display:flex;flex-direction:column;row-gap:.25rem}.wrmc-footer__link{border-bottom:1px solid;font-size:.75rem;font-weight:600;line-height:1;text-decoration:none}.wrmc-footer__link:hover{border-bottom-color:#0000;text-decoration:none}.wrmc-header{background:#a3e6ff;position:relative}.theme-college .wrmc-header{border-top-color:#0d395f}.theme-institute .wrmc-header{border-top-color:#97bbd5}.theme-sa .wrmc-header{border-top-color:#75a3cd}.theme-ls .wrmc-header{border-top-color:#8f9a17}.theme-blse .wrmc-header{border-top-color:#c26533}.theme-blwc .wrmc-header{border-top-color:#ffc107}.theme-uwc .wrmc-header{border-top-color:#fff}.theme-wrmc .wrmc-header{border-top-color:#ee6cb9}.wrmc-header.headroom{left:0;position:fixed;top:0;transition:transform .4s ease-in-out;width:100%;will-change:transform;z-index:100}.wrmc-header.headroom--pinned{transform:translateY(0)}.wrmc-header.headroom--unpinned{transform:translateY(-100%)}.wrmc-header__title{font-size:100%}.wrmc-header__main{display:flex;justify-content:space-between}.wrmc-header__logo{align-items:center;display:flex;margin-left:-2rem;overflow-y:hidden;padding-left:2rem;position:relative}.wrmc-header__logo-graphic{display:flex;margin:1rem 0}.wrmc-header__logo-graphic:hover{text-decoration:none}.wrmc-header__logo-background{left:-1.5rem;position:absolute;top:0;z-index:-1}.wrmc-header__logo-wordmark{display:flex;flex-direction:column;font-family:Open Sans,tahoma,geneva,sans-serif;font-weight:800;letter-spacing:2px;line-height:1.1;margin-left:.5rem;margin-top:.25rem;text-transform:uppercase}.wrmc-header__logo-wordmark span:first-child{font-size:1.5rem}.wrmc-header__logo-wordmark span:last-child{font-size:.875rem;margin-top:.25rem}.wrmc-header__content{align-items:flex-start;display:flex;flex-direction:row-reverse;justify-content:flex-start}.wrmc-nav__handle{align-items:center;background:none;border:0;color:#0d395f;display:flex;font-size:.875rem;font-weight:600;line-height:1.7;margin-top:1.5rem}.wrmc-nav__menu{display:none;padding-bottom:.5rem;padding-top:1rem}.wrmc-nav__secondary-menu{align-items:flex-start;display:flex;justify-content:flex-end}.wrmc-nav__secondary-menu img{height:-moz-fit-content;height:fit-content;mix-blend-mode:multiply}.wrmc-nav__secondary-menu .wrmc-nav__secondary-menu--links{display:flex;flex-direction:column;margin-left:1rem}.wrmc-nav__secondary-menu .wrmc-nav__secondary-menu--links .button{font-size:.875rem;font-weight:600;margin:1rem 0;padding:.25rem .75rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.wrmc-nav__secondary-menu .wrmc-nav__secondary-menu--links a:last-child{border-bottom:1px solid;font-size:.75rem;font-weight:600;text-decoration:none}.wrmc-nav__secondary-menu .wrmc-nav__secondary-menu--links a:last-child:hover{border-bottom-color:#0000;text-decoration:none}.wrmc-nav__handle.is-toggled .wrmc-nav__bars,.wrmc-nav__times{display:none}.wrmc-nav__handle.is-toggled .wrmc-nav__times{display:inline-block}.wrmc-nav__list{align-items:baseline;display:none;justify-content:flex-end;margin-top:2.5rem}.wrmc-nav__list--sub{background-color:#fff;border:1px solid #0d395f;display:block;left:0;min-width:300px;opacity:0;padding:.5rem 1rem;position:absolute;top:100%;transition:opacity .2s;visibility:hidden;z-index:200}.wrmc-nav__list--cols{column-count:2;min-width:500px}.wrmc-nav__list--cols .wrmc-nav__item{display:inline-block;width:100%}.wrmc-nav__item{display:block;position:relative;transition:opacity .2s}.wrmc-nav__item:not(:last-child):not(.wrmc-nav__item--sub){margin-right:2rem}.wrmc-nav__item:focus-within .wrmc-nav__list--sub,.wrmc-nav__item:hover .wrmc-nav__list--sub{opacity:1;visibility:visible}.wrmc-nav__item .school-search__handle{font-size:.875rem;font-weight:600;padding:0 0 .25rem}.wrmc-nav__link{color:#0d395f;display:block;font-size:.875rem;font-weight:600;opacity:.8;padding-bottom:.25rem;transition:opacity .2s,border-color .2s}.wrmc-nav__link:hover{opacity:1;text-decoration:none}.wrmc-nav__link--sub{font-size:.875rem;padding-bottom:.5rem;padding-top:.5rem}.wrmc-nav__link--sub:focus,.wrmc-nav__link--sub:hover{text-decoration:underline}.wrmc-nav__link--top{border-bottom:4px solid #0000}.theme-college .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-college .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#0d395f}.theme-institute .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-institute .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#97bbd5}.theme-sa .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-sa .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#75a3cd}.theme-ls .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-ls .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#8f9a17}.theme-blse .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-blse .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#c26533}.theme-blwc .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-blwc .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#ffc107}.theme-uwc .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-uwc .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#fff}.theme-wrmc .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-wrmc .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#ee6cb9}.theme-college .wrmc-nav__link--active{border-color:#0d395f}.theme-institute .wrmc-nav__link--active{border-color:#97bbd5}.theme-sa .wrmc-nav__link--active{border-color:#75a3cd}.theme-ls .wrmc-nav__link--active{border-color:#8f9a17}.theme-blse .wrmc-nav__link--active{border-color:#c26533}.theme-blwc .wrmc-nav__link--active{border-color:#ffc107}.theme-uwc .wrmc-nav__link--active{border-color:#fff}.theme-wrmc .wrmc-nav__link--active{border-color:#ee6cb9}.wrmc-nav__link--util{border-top:4px solid #0000;font-size:.875rem}.wrmc-nav__link--util:focus,.wrmc-nav__link--util:hover{text-decoration:none}.theme-college .wrmc-nav__link--util:focus,.theme-college .wrmc-nav__link--util:hover{border-top-color:#0d395f}.theme-institute .wrmc-nav__link--util:focus,.theme-institute .wrmc-nav__link--util:hover{border-top-color:#97bbd5}.theme-sa .wrmc-nav__link--util:focus,.theme-sa .wrmc-nav__link--util:hover{border-top-color:#75a3cd}.theme-ls .wrmc-nav__link--util:focus,.theme-ls .wrmc-nav__link--util:hover{border-top-color:#8f9a17}.theme-blse .wrmc-nav__link--util:focus,.theme-blse .wrmc-nav__link--util:hover{border-top-color:#c26533}.theme-blwc .wrmc-nav__link--util:focus,.theme-blwc .wrmc-nav__link--util:hover{border-top-color:#ffc107}.theme-uwc .wrmc-nav__link--util:focus,.theme-uwc .wrmc-nav__link--util:hover{border-top-color:#fff}.theme-wrmc .wrmc-nav__link--util:focus,.theme-wrmc .wrmc-nav__link--util:hover{border-top-color:#ee6cb9}.wrmc-drawer.drawer .wrmc-nav__secondary-menu{justify-content:flex-start;padding-left:1rem}.wrmc-drawer.drawer .drawer__content{background-color:#a3e6ff}.wrmc-drawer.drawer .drawer-nav__link,.wrmc-drawer.drawer .drawer__close{color:#0d395f}.show-teaser{display:flex;flex-direction:column;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:1.5rem 1rem;width:100vw}.show-time{margin-bottom:.5rem}.show-details h3{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.5rem;margin-bottom:.25rem}.show-details .show-details__hosts{font-size:1rem;line-height:1.4}.show-details .show-details__description{font-size:.875rem;margin:1rem 0}.show-details .show-details__genre{background-color:#0d395f;color:#fff;display:block;font-size:.75rem;font-weight:600;line-height:1.4;margin-top:1rem;padding:.5rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.status-bar{align-items:center;background-color:#202020;color:#fff;display:flex;overflow:hidden}.status-bar .status-bar__broadcast-status{color:#a7c504;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:3rem;font-weight:300;line-height:1;padding:0 .75rem;text-transform:uppercase}.status-bar .status-bar-divider{background-color:#a3e6ff80;margin:0;position:absolute;width:100%}.status-bar .status-bar-content{overflow:auto;width:calc(100% - 95px);-ms-overflow-style:none;scrollbar-width:none}.status-bar .status-bar-content::-webkit-scrollbar{display:none}.status-bar .status-bar-content .status-bar-content__wrapper{width:max-content}.status-bar .status-bar-row{display:flex}.status-bar .status-bar-row .status-bar-section{padding:.5rem .75rem}.status-bar .status-bar-row .status-bar-section.section-show{border-right:1px solid #a3e6ff80;padding-right:1.5rem}.status-bar .status-bar-row .status-bar-section.section-playlist .status-bar-section__playlist-items{display:flex;min-width:max-content}.status-bar .status-bar-row .status-bar-section h3{color:#a3e6ff;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;line-height:1;margin-bottom:.25rem;text-transform:uppercase}.status-bar .status-bar-row .status-bar-section p{font-size:.875rem;font-weight:700;line-height:1}.status-bar .status-bar-row .status-bar-section p em{color:#ee6cb9;padding-left:.25rem}.status-bar .status-bar-row .status-bar-section p a{border-bottom:1px solid;color:#fff;text-decoration:none}.status-bar .status-bar-row .status-bar-section p a:hover{border-bottom-color:#0000;text-decoration:none}.status-bar .status-bar-row .status-bar-section .text-separator{color:#a3e6ff;font-size:.625rem;padding:0 1rem}.paragraph--top-thirty-songs{justify-content:center}.paragraph--top-thirty-songs .row{row-gap:2.5rem}.songs img{width:100%}.songs ol{counter-reset:ol}.songs ol>li{counter-increment:ol;position:relative}.songs ol>li:before{content:"0" counter(ol);font-size:1.125rem;font-weight:600;line-height:1;position:absolute;z-index:6}.songs ol>li:nth-child(n+10):before{content:counter(ol)}.songs ol>li .song__trapezoid-marker{border-bottom:1.25rem solid #a3e6ff;border-left:0 solid #0000;border-right:.75rem solid #0000;position:absolute;width:2rem;z-index:5}.songs .song__album-placeholder{position:relative}.songs .song__album-placeholder:before{background-color:#ee6cb9;content:"";display:block;padding-top:100%}.songs .song__album-placeholder .song__album-placeholder-image{height:100%;left:0;position:absolute;top:0;width:100%}.songs .song__album-placeholder .song__album-placeholder-image img{height:100%;object-fit:cover;width:100%}.songs p{font-size:.875rem;font-weight:700}.songs p.song__artist{margin-top:.25rem}.songs p.song__title{color:#ee6cb9}.weekly-schedule{position:relative}.weekly-schedule .weekly-schedule__column{align-items:center;display:flex;flex-direction:column;padding-right:.5rem;width:14.28571%}.weekly-schedule .weekly-schedule__column,.weekly-schedule .weekly-schedule__column button{font-size:.75rem;font-weight:600;letter-spacing:.1em;line-height:1.4}.weekly-schedule .weekly-schedule__column h2{color:#202020;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;line-height:1.7;margin-bottom:2.5rem;text-transform:uppercase}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper{margin-bottom:1.5rem;position:relative}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper button{width:100%}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.is-toggled .weekly-schedule__show-teaser{display:block}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper .weekly-schedule__show{align-items:center;background-color:#0d395f;color:#fff;display:flex;flex-direction:column}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper .weekly-schedule__show time{border-bottom:1px solid #fff;padding:.25rem 0;text-align:center;width:100%}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper .weekly-schedule__show h3{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:normal;padding:.5rem;text-transform:capitalize}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-teaser{background-color:#fff;display:none;filter:drop-shadow(0 0 .5rem rgba(0,0,0,.2));margin-top:.5rem;max-width:468px;position:absolute;width:50vw;z-index:1}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-teaser:focus,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-teaser:hover{display:block}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-teaser.align-top{bottom:calc(100% + .5rem)}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-teaser.align-right{right:0}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-teaser.align-top-right{bottom:calc(100% + .5rem);right:0}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-teaser.show-teaser{flex-direction:column;font-weight:400;letter-spacing:normal;padding:1rem}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-teaser.show-teaser .show-time{font-size:1rem;font-weight:400;line-height:1.7;margin-bottom:1.5rem}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-teaser.show-teaser .show-details__description{margin-bottom:0}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-teaser.show-teaser .show-details__genre{margin-top:0;position:absolute;right:0;top:0}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-teaser.show-teaser .show-details__genre h3{font-size:24px;font-style:normal;font-weight:400;line-height:140%}.weekly-schedule .weekly-schedule__column .weekly-schedule__time{color:#767676;margin-bottom:1.5rem}.typography>:first-child{margin-top:0}.typography>:last-child{margin-bottom:0}.typography p{font-size:1.125rem;margin-bottom:1.5rem}.typography a{border-bottom:1px solid;font-weight:500;text-decoration:none}.typography a:hover{border-bottom-color:#0000;text-decoration:none}.typography a:not([href*="middlebury.edu"]):not([href^="#"]):not([href^="/"]):not([href^="mailto:"]):not([href*="drive.google.com"]):not([href*="docs.google.com"]):not([href*=".pdf"]):not([href*="middleburycollege-my.sharepoint.com"]):not([name]):after{content:url(https://www.middlebury.edu/themes/custom/middlebury_theme/images/external-link.svg);display:inline-block;font-size:.875rem;height:1em;margin-left:.25rem;width:1em}.typography a[href*=".pdf"]:after,.typography a[href*="docs.google.com"]:after,.typography a[href*="drive.google.com"]:after,.typography a[href*="middleburycollege-my.sharepoint.com"]:after,.typography a[href^="/media/"]:after,.typography a[href^="mailto:"]:after{background:#0d395f;color:#fff;display:inline-block;font-size:.625rem;letter-spacing:.1em;line-height:1;margin-left:.25rem;padding:.25rem;text-transform:uppercase;transition:.2s}.typography a[href*=".pdf"]:focus:after,.typography a[href*=".pdf"]:hover:after,.typography a[href*="docs.google.com"]:focus:after,.typography a[href*="docs.google.com"]:hover:after,.typography a[href*="drive.google.com"]:focus:after,.typography a[href*="drive.google.com"]:hover:after,.typography a[href*="middleburycollege-my.sharepoint.com"]:focus:after,.typography a[href*="middleburycollege-my.sharepoint.com"]:hover:after,.typography a[href^="/media/"]:focus:after,.typography a[href^="/media/"]:hover:after,.typography a[href^="mailto:"]:focus:after,.typography a[href^="mailto:"]:hover:after{transform:translateY(-4px)}.typography a[href^="mailto:"]:after{content:"Email"}.typography a[href*=".pdf"]:after,.typography a[href^="/media/"]:after{content:"PDF"}.typography a[href*="docs.google.com"]:after,.typography a[href*="drive.google.com"]:after{content:"Google Drive"}.typography a[href*="middleburycollege-my.sharepoint.com"]:after{content:"Office 365"}.typography a[id][name]{border:0;color:currentColor;text-decoration:none}.typography ol,.typography ul{font-size:1.125rem;margin-bottom:1.5rem;padding-left:2rem;padding-right:2rem}.typography ol ol,.typography ol ul,.typography ul ol,.typography ul ul{margin-bottom:1rem;margin-top:1rem;padding-left:1.5rem}.typography ul>li{position:relative}.typography ul>li:before{content:"\2022";font-size:10px;position:absolute;right:calc(100% + 8px);top:6px}.typography ol{counter-reset:ol;list-style-type:none}.typography ol>li{counter-increment:ol;position:relative}.typography ol>li:before{content:counter(ol) ".";font-size:.875rem;line-height:1.7;position:absolute;right:calc(100% + .5rem);top:.25rem}.typography li:not(:last-of-type){margin-bottom:.5rem}.typography li p:last-of-type{margin-bottom:0}.typography dl{margin-bottom:2rem;margin-top:2rem}.typography dl li,.typography dl p{font-size:1rem}.typography dt{flex:0 0 30%;font-weight:500;margin-bottom:.5rem}.typography dt:last-child{margin-bottom:0}.typography dd{margin-bottom:1.5rem;padding-bottom:1.5rem}.typography dd:last-child{margin-bottom:0;padding-bottom:0}.typography dd:not(:last-of-type){border-bottom:1px solid #dedede}.lead+.paragraph--text>h2,.paragraph--text+.paragraph--text>h2,.typography h2{font-family:Domine,georgia,serif;font-size:1.5rem;line-height:1.4;margin-bottom:1.5rem;margin-top:3rem}.typography h3{font-size:1.25rem;margin-bottom:.5rem}.typography h3,.typography h4{font-family:Domine,georgia,serif;font-weight:600;line-height:1.4;margin-top:2rem}.typography h4{font-size:1.125rem;margin-bottom:.25rem}.typography h5{font-size:1rem}.typography h5,.typography h6{font-family:Domine,georgia,serif;font-weight:600;line-height:1.4;margin-bottom:.25rem;margin-top:2rem}.typography h6{font-size:.875rem}.typography h3>a,.typography h4>a,.typography h5>a,.typography h6>a{font-weight:600}.typography blockquote{border-left:2px solid #dedede;font-size:1.125rem;margin-bottom:2rem;margin-top:2rem;padding-left:1.5rem}.typography--sm li,.typography--sm p{font-size:.875rem}.contains-links a{border-bottom:1px solid;text-decoration:none}.contains-links a:hover{border-bottom-color:#0000;text-decoration:none}#___gcse_0 .gsc-control-cse{margin-bottom:3rem;padding:0}#___gcse_0 .gsc-search-box{margin:0 0 3rem;padding:0}#___gcse_0 .gsc-input-box{border:1px solid #dedede;border-radius:0;padding:0}#___gcse_0 .gsc-input-box:focus-within{border-color:#0d395f}#___gcse_0 .gsib_a,#___gcse_0 .gsib_b{line-height:1;padding:1rem}#___gcse_0 .gsst_a,#___gcse_0 .gsst_b{padding:0}#___gcse_0 .gscb_a{color:#0d395f;font-size:24px;line-height:16px}#___gcse_0 td.gsc-input{padding-right:.5rem}#___gcse_0 input.gsc-input{background-position:.5rem;border-radius:0;font-family:Open Sans,tahoma,geneva,sans-serif;padding:.5rem;width:100%}#___gcse_0 button.gsc-search-button{background-color:#0d395f;border:1px solid #0d395f;border-radius:0;cursor:pointer;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:16px;font-weight:400;height:auto;margin:0;padding:1rem}#___gcse_0 .gsc-tabsArea{border-bottom:4px solid #0d395f;border-radius:0;margin-bottom:1rem}#___gcse_0 .gsc-tabsArea .gsc-tabHeader{border-bottom:0;border-top:1px solid #0000;font-size:16px;font-weight:500;line-height:inherit;margin-right:1.5rem;margin-top:0;padding:.5rem 0;text-transform:none}#___gcse_0 .gsc-tabsArea .gsc-tabHeader:not(.gsc-tabhActive):hover{border-color:#0d395f}#___gcse_0 .gsc-tabsArea .gsc-tabHeader.gsc-tabhInactive{background:none;border:0;color:#0d395f}#___gcse_0 .gsc-tabsArea .gsc-tabhActive{border-color:#0d395f}#___gcse_0 .gsc-above-wrapper-area{border-bottom:1px solid #dedede;margin-bottom:2rem;padding:0 0 1rem}#___gcse_0 .gsc-result-info{color:#000;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:14px;line-height:1.7;margin:0;padding:0}#___gcse_0 .gsc-results{padding:0;width:100%}#___gcse_0 .gsc-result{border:0;padding:0}#___gcse_0 .gsc-result:not(:last-child){border-bottom:1px solid #dedede;margin-bottom:2rem;padding-bottom:2rem}#___gcse_0 .gsc-thumbnail-inside{padding:0}#___gcse_0 .gs-title{color:#0d395f;font-family:Domine,georgia,serif;margin-bottom:0}#___gcse_0 .gs-title,#___gcse_0 .gs-title b{font-size:1.25rem;line-height:1.4;text-decoration:none}#___gcse_0 .gs-title b{color:currentColor;font-weight:400}#___gcse_0 .gs-title:hover{text-decoration:underline}#___gcse_0 .gsc-url-top{padding:0}#___gcse_0 .gs-visibleUrl{color:#0d395f;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:14px;margin-bottom:1rem;padding:0}#___gcse_0 .gsc-table-result{padding:0}#___gcse_0 .gs-web-image-box{margin-bottom:1rem;margin-right:1rem;padding:0;width:auto}#___gcse_0 .gs-image{border:0;max-width:100px}#___gcse_0 .gsc-table-cell-thumbnail{padding:0}#___gcse_0 .gs-fileFormat{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:12px;margin-bottom:8px}#___gcse_0 .gs-snippet{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.125rem;line-height:1.7;margin:0}#___gcse_0 .gs-per-result-labels{font-family:Open Sans,tahoma,geneva,sans-serif;margin-top:.5rem}#___gcse_0 .gsc-cursor-box{border-top:0;margin:6rem 0 2rem;padding:0}#___gcse_0 .gsc-cursor-page{font-size:14px;font-weight:600;padding:.5rem;text-decoration:none}#___gcse_0 .gsc-cursor-page:hover{background-color:#dedede;text-decoration:none}#___gcse_0 .gsc-cursor-current-page{background-color:#0d395f;color:#fff}#___gcse_0 .gs-promotion .gs-visibleUrl{color:#202020}#___gcse_0 .gcsc-more-maybe-branding-root a{color:#0d395f}#___gcse_0 .gcsc-find-more-on-google{margin:0}.node-webform{padding:2px}.node-webform a{border-bottom:1px solid;text-decoration:none}.node-webform a:hover{border-bottom-color:#0000;text-decoration:none}.node-webform h1{font-family:Domine,georgia,serif;font-size:1.25rem;line-height:1.4;margin-bottom:1.5rem}.node-webform .field-type-text-with-summary{font-size:1.125rem;margin-bottom:1.5rem}.node-webform .field-type-text-with-summary p{margin-bottom:1.5rem}.node-webform fieldset{border:1px solid #dedede;margin-bottom:2rem;min-width:0;padding:1rem;width:100%}.node-webform fieldset .form-item:last-child{margin-bottom:0}.node-webform legend{font-weight:500;padding-left:.5rem;padding-right:.5rem}.node-webform .form-actions,.node-webform .form-item{margin-bottom:2rem}.node-webform label{display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.node-webform .form-required{color:#dc3545;font-size:.875rem}.node-webform .description{font-size:.875rem;margin-bottom:.25rem}.node-webform .form-select,.node-webform .form-text,.node-webform .form-textarea{appearance:none;background-color:#fff;border:1px solid #202020;border-radius:0;color:#202020;display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;margin-top:0;max-width:100%;padding:.5rem;width:100%;width:auto}.node-webform .form-select .is-error,.node-webform .form-text .is-error,.node-webform .form-textarea .is-error{border-color:#dc3545}.node-webform .form-select .is-valid,.node-webform .form-text .is-valid,.node-webform .form-textarea .is-valid{border-color:#5e7d31}.node-webform .form-select:not([multiple]){background-color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAtElEQVQYlXXOsUpCcRQH4M/LRcMXcAr+W+/gIiRmECERiNBruDf3HioO1RO4uBcUEQ66RYSIhFPQ1HKC66XOcjjn/D44lZRSE0Nc4cv/VccYNzmucYJ79PD9B6jFvYuDDH084hS3qJZAFXcBHjDIsIvFM84xQV4AU5zhKT7aZXHcooNXXGIUYIQLvAT4hEpKqfhKA3Mc4Q2HWKCFzW8os19rtLEKsIx5UwyVEbzjGLPoH+XADz8MIz9yNyrhAAAAAElFTkSuQmCC");background-position:right 1rem center;background-repeat:no-repeat;padding-right:3rem}.node-webform .form-select:not([multiple])::-ms-expand{display:none}.node-webform .form-type-checkbox,.node-webform .form-type-radio{display:flex;margin-bottom:.25rem}.node-webform .form-type-checkbox input[type=checkbox],.node-webform .form-type-checkbox input[type=radio],.node-webform .form-type-radio input[type=checkbox],.node-webform .form-type-radio input[type=radio]{position:relative;top:3px}.node-webform .form-type-checkbox label,.node-webform .form-type-radio label{cursor:pointer;font-size:.875rem;font-weight:400;margin-bottom:0;padding-left:.5rem}.node-webform .button-primary{background:#0000;background-color:#0d395f;border:1px solid #0d395f;border-radius:0;color:#0d395f;color:#fff;cursor:pointer;display:inline-block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;padding:1rem 2rem;text-align:center;transition:color .2s,background-color .2s,border-color .2s;white-space:nowrap}.node-webform .button-primary:focus,.node-webform .button-primary:hover{background-color:#13548c;border-color:#13548c;color:#fff;text-decoration:none}.node-webform .form-managed-file{background:#f8f8f8;display:inline-flex}.node-webform .form-managed-file .form-submit{background:#0000;background-color:#0d395f;border:1px solid #0d395f;border-radius:0;color:#0d395f;color:#fff;cursor:pointer;display:inline-block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-size:.875rem;line-height:1;padding:.5rem 1rem;text-align:center;transition:color .2s,background-color .2s,border-color .2s;white-space:nowrap}.node-webform .form-managed-file .form-submit:focus,.node-webform .form-managed-file .form-submit:hover{background-color:#13548c;border-color:#13548c;color:#fff;text-decoration:none}.node-webform .form-managed-file .form-file{background:#0000;border:1px solid #0000;border-radius:0;color:#0d395f;cursor:pointer;display:inline-block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-size:.875rem;line-height:1;padding:.5rem 1rem;text-align:center;transition:color .2s,background-color .2s,border-color .2s;white-space:nowrap}.node-webform .form-managed-file .form-file:focus,.node-webform .form-managed-file .form-file:hover{text-decoration:none}.node-webform .inline{display:flex}.node-webform .inline>li+li{margin-left:1rem}.node-webform .webform-calendar{display:none}.node-webform .webform-container-inline .form-item:not(:last-child){margin-right:1rem}.slateform{padding:2px}.slateform a{border-bottom:1px solid;text-decoration:none}.slateform a:hover{border-bottom-color:#0000;text-decoration:none}.slateform h1{font-family:Domine,georgia,serif;font-size:1.25rem;line-height:1.4;margin-bottom:1.5rem}.slateform fieldset{border:1px solid #dedede;margin-bottom:2rem;min-width:0;padding:1rem;width:100%}.slateform fieldset div:last-of-type{margin-bottom:0}.slateform fieldset>.form_label{display:none}.slateform legend{font-weight:500;padding-left:.5rem;padding-right:.5rem}.slateform .action,.slateform .form_question,.slateform fieldset>div{margin-bottom:2rem}.slateform .form_label,.slateform label{display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.slateform div[data-required="1"] label:after{color:#dc3545;content:" *";font-size:.875rem}.slateform input[type=email],.slateform input[type=tel],.slateform input[type=text],.slateform select,.slateform textarea{appearance:none;background-color:#fff;border:1px solid #202020;border-radius:0;color:#202020;display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;margin-top:0;max-width:100%;padding:.5rem;width:100%;width:auto}.slateform input[type=email] .is-error,.slateform input[type=tel] .is-error,.slateform input[type=text] .is-error,.slateform select .is-error,.slateform textarea .is-error{border-color:#dc3545}.slateform input[type=email] .is-valid,.slateform input[type=tel] .is-valid,.slateform input[type=text] .is-valid,.slateform select .is-valid,.slateform textarea .is-valid{border-color:#5e7d31}.slateform select:not([multiple]){background-color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAtElEQVQYlXXOsUpCcRQH4M/LRcMXcAr+W+/gIiRmECERiNBruDf3HioO1RO4uBcUEQ66RYSIhFPQ1HKC66XOcjjn/D44lZRSE0Nc4cv/VccYNzmucYJ79PD9B6jFvYuDDH084hS3qJZAFXcBHjDIsIvFM84xQV4AU5zhKT7aZXHcooNXXGIUYIQLvAT4hEpKqfhKA3Mc4Q2HWKCFzW8os19rtLEKsIx5UwyVEbzjGLPoH+XADz8MIz9yNyrhAAAAAElFTkSuQmCC");background-position:right 1rem center;background-repeat:no-repeat;padding-right:3rem}.slateform select:not([multiple])::-ms-expand{display:none}.slateform .action button{background:#0000;background-color:#0d395f;border:1px solid #0d395f;border-radius:0;color:#0d395f;color:#fff;cursor:pointer;display:inline-block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;padding:1rem 2rem;text-align:center;transition:color .2s,background-color .2s,border-color .2s;white-space:nowrap}.slateform .action button:focus,.slateform .action button:hover{background-color:#13548c;border-color:#13548c;color:#fff;text-decoration:none}.slateform .form_responses input:not(:last-child),.slateform .form_responses select:not(:last-child){margin-right:1rem}.slateform .form_loading.hidden{display:none}.bg-primary{background-color:#0d395f}.bg-gray{background-color:#767676}.bg-gray-light{background-color:#dedede}.bg-gray-lighter{background-color:#f8f8f8}.bg-blue-light{background-color:#97bbd5}.bg-blue-lighter{background-color:#e5f1fa}.bg-danger{background-color:#dc3545}.bg-success{background-color:#5e7d31}.bg-warning{background-color:#fedb85}.border-b{border-bottom:1px solid #dedede}.border-b-0{border-bottom:0}.border-r{border-right:1px solid #dedede}.border-r-0{border-right:0}.border-l{border-left:1px solid #dedede}.border-l-0{border-left:0}.border-t{border-top:1px solid #dedede}.border-t-0{border-top:0}.border{border:1px solid #dedede}.border-4{border-width:4px}.border-navy{border-color:#0d395f}.break-inside-avoid{break-inside:avoid}.clearfix:after{clear:both;content:"";display:block}.col-count-md-2,.col-count-xl-3{column-gap:2rem}.d-none{display:none}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-block{display:block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap!important}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.float-right{float:right}.float-left{float:left}.hover-fadein{opacity:.5;transition:opacity .2s}.hover-fadein:hover{opacity:1}.hover-fadeout{transition:opacity .2s}.hover-fadeout:hover{opacity:.5}.order-first{order:-1}.order-last{order:9999}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.sr-only,.visually-hidden{height:1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.sr-focusable:active,.sr-focusable:focus{height:auto;overflow:visible;position:static;width:auto;clip:auto;white-space:normal}.w-100{width:100%}.w-50{width:50%}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.mx-0{margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.mx-1{margin-right:.25rem!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.mx-2{margin-right:.5rem!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.m-3{margin:1rem!important}.mt-3{margin-top:1rem!important}.mr-3{margin-right:1rem!important}.mb-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.mx-3{margin-right:1rem!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.m-4{margin:1.5rem!important}.mt-4{margin-top:1.5rem!important}.mr-4{margin-right:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.mx-4{margin-right:1.5rem!important}.my-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.m-5{margin:2rem!important}.mt-5{margin-top:2rem!important}.mr-5{margin-right:2rem!important}.mb-5{margin-bottom:2rem!important}.ml-5,.mx-5{margin-left:2rem!important}.mx-5{margin-right:2rem!important}.my-5{margin-bottom:2rem!important;margin-top:2rem!important}.m-6{margin:2.5rem!important}.mt-6{margin-top:2.5rem!important}.mr-6{margin-right:2.5rem!important}.mb-6{margin-bottom:2.5rem!important}.ml-6,.mx-6{margin-left:2.5rem!important}.mx-6{margin-right:2.5rem!important}.my-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.m-7{margin:3rem!important}.mt-7{margin-top:3rem!important}.mr-7{margin-right:3rem!important}.mb-7{margin-bottom:3rem!important}.ml-7,.mx-7{margin-left:3rem!important}.mx-7{margin-right:3rem!important}.my-7{margin-bottom:3rem!important;margin-top:3rem!important}.m-8{margin:4rem!important}.mt-8{margin-top:4rem!important}.mr-8{margin-right:4rem!important}.mb-8{margin-bottom:4rem!important}.ml-8,.mx-8{margin-left:4rem!important}.mx-8{margin-right:4rem!important}.my-8{margin-bottom:4rem!important;margin-top:4rem!important}.m-9{margin:6rem!important}.mt-9{margin-top:6rem!important}.mr-9{margin-right:6rem!important}.mb-9{margin-bottom:6rem!important}.ml-9,.mx-9{margin-left:6rem!important}.mx-9{margin-right:6rem!important}.my-9{margin-bottom:6rem!important;margin-top:6rem!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.px-0{padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.pr-1{padding-right:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.px-1{padding-right:.25rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.pr-2{padding-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.px-2{padding-right:.5rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.p-3{padding:1rem!important}.pt-3{padding-top:1rem!important}.pr-3{padding-right:1rem!important}.pb-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.px-3{padding-right:1rem!important}.py-3{padding-bottom:1rem!important;padding-top:1rem!important}.p-4{padding:1.5rem!important}.pt-4{padding-top:1.5rem!important}.pr-4{padding-right:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.px-4{padding-right:1.5rem!important}.py-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.p-5{padding:2rem!important}.pt-5{padding-top:2rem!important}.pr-5{padding-right:2rem!important}.pb-5{padding-bottom:2rem!important}.pl-5,.px-5{padding-left:2rem!important}.px-5{padding-right:2rem!important}.py-5{padding-bottom:2rem!important;padding-top:2rem!important}.p-6{padding:2.5rem!important}.pt-6{padding-top:2.5rem!important}.pr-6{padding-right:2.5rem!important}.pb-6{padding-bottom:2.5rem!important}.pl-6,.px-6{padding-left:2.5rem!important}.px-6{padding-right:2.5rem!important}.py-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.p-7{padding:3rem!important}.pt-7{padding-top:3rem!important}.pr-7{padding-right:3rem!important}.pb-7{padding-bottom:3rem!important}.pl-7,.px-7{padding-left:3rem!important}.px-7{padding-right:3rem!important}.py-7{padding-bottom:3rem!important;padding-top:3rem!important}.p-8{padding:4rem!important}.pt-8{padding-top:4rem!important}.pr-8{padding-right:4rem!important}.pb-8{padding-bottom:4rem!important}.pl-8,.px-8{padding-left:4rem!important}.px-8{padding-right:4rem!important}.py-8{padding-bottom:4rem!important;padding-top:4rem!important}.p-9{padding:6rem!important}.pt-9{padding-top:6rem!important}.pr-9{padding-right:6rem!important}.pb-9{padding-bottom:6rem!important}.pl-9,.px-9{padding-left:6rem!important}.px-9{padding-right:6rem!important}.py-9{padding-bottom:6rem!important;padding-top:6rem!important}.ml-auto{margin-left:auto}.m-auto{margin:auto}.f1{font-size:.75rem}.f2{font-size:.875rem}.f3{font-size:1rem}.f4{font-size:1.125rem}.f5{font-size:1.25rem}.f6{font-size:1.5rem}.f7{font-size:1.75rem}.f8{font-size:2.25rem}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-white{color:#fff}.text-gray{color:#767676}.font-sans-serif{font-family:Open Sans,tahoma,geneva,sans-serif}.font-serif,.h0{font-family:Domine,georgia,serif}.h0{font-size:1.75rem;font-weight:400;line-height:1.4}.link-underline{border-bottom:1px solid;text-decoration:none}.link-underline:hover{border-bottom-color:#0000;text-decoration:none}.link-external:after{content:url(https://www.middlebury.edu/themes/custom/middlebury_theme/images/external-link.svg);display:inline-block;font-size:.875rem;height:1em;margin-left:.25rem;width:1em}.pronouns{font-family:Domine,georgia,serif;font-size:1.75rem;line-height:1.4}.lead{font-size:1.5rem;line-height:1.7;margin-bottom:2rem}.lead a{border-bottom:1px solid;text-decoration:none}.lead a:hover{border-bottom-color:#0000;text-decoration:none}.davis-lead{background-color:#fff;border-top:.5rem solid #202020;font-size:1.5rem;font-weight:300;margin-left:1rem;margin-right:1rem;padding:.5rem}.text-caps{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.lh-solid{line-height:1}.lh-heading{line-height:1.4}.lh-body{line-height:1.7}.lh6{line-height:1.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold,.text-bold{font-weight:700}.whitespace-no-wrap{white-space:nowrap}.toggled-flip{transition:transform .2s ease-in-out}.is-toggled>.toggled-flip{transform:rotate(-180deg)}.toggled-show{display:none}.is-toggled>.toggled-show{display:inline-block}.is-toggled>.toggled-hide{display:none}.is-toggled.is-toggled-show{display:block}.has-toggler.has-toggler-hide,.is-toggled.is-toggled-hide{display:none}.has-toggler.has-toggler-show{display:block}.lcs_slide_out header a{border:1px solid #fff!important;bottom:100%!important;box-shadow:none!important;left:auto!important;right:10px!important;top:auto!important}#olark-wrapper{bottom:15px!important;left:auto!important;position:fixed!important;right:100px!important;z-index:9000000!important}#olark-wrapper .olark-launch-button-wrapper{bottom:auto!important;left:auto!important;position:relative!important;right:auto!important;z-index:9000000!important}.anchorjs-link,.typography .anchorjs-link{border:0}.anchorjs-link:hover,.typography .anchorjs-link:hover{text-decoration:none}.main{min-height:85vh}@media only screen and (min-width:375px){.dispatches-item__body{height:188px}}@media only screen and (min-width:512px){.banner{padding:1.5rem 1rem}.banner .banner__bottom-line,.banner .banner__top-line{width:75%}.banner .banner__content{margin-right:1.5rem}.banner .banner__link{margin-bottom:1.5rem;right:1.5rem}.chart-group__item--stats{flex:0 0 50%;max-width:50%}.school-header.davis-header .school-header__main{align-items:center}.school-header.davis-header .school-header__logo img:first-child{padding-bottom:0;padding-right:.75rem}.school-header.davis-header .school-header__logo img:nth-child(2){position:static}.dispatches-item{border-bottom:.25rem solid #75a3cd;border-left:.25rem solid #75a3cd;border-right:0}.dispatches-item__body{height:305.5px}.dispatches-button{top:50%}.dispatches__container{border-right:.25rem solid #75a3cd}.footer-menu__list--cols{column-count:2}.footer-menu__list--four-cols{column-count:4}.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;max-width:none;width:auto}.col-sm-1{flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{flex:0 0 100%;max-width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}.grid-container{grid-template-areas:"quad-1 quad-2" "quad-3 quad-4"}.homepage-title .homepage-title--transition-state:nth-child(2){width:auto}.homepage-title .homepage-title--transition-state:last-child{width:100%}.midd-header--transparent,.miis-header__transparent{height:100px}.midd-header--transparent .midd-search .midd-search__mag,.midd-header--transparent .midd-search .midd-search__times,.miis-header__transparent .midd-search .midd-search__mag,.miis-header__transparent .midd-search .midd-search__times{margin-right:.75rem}.journey-line-box{top:16%}.journey-line-svg.journey-line--desktop{transform:scale(1.1)}.journey-line-svg.journey-line--tablet{display:inline-block;right:-19%;width:60%}.journey-line-svg.journey-line--mobile{display:none}.journey-links-svg.journey-links--tablet{display:initial}.journey-links-svg.journey-links--mobile{display:none}.journey-links-svg .journey-link--section.animate .journey--link:nth-child(2) .journey--dot-ripple{animation-delay:1s}.journey-links-svg .journey-link--section.animate .journey--link:nth-child(3) .journey--dot-ripple{animation-delay:2s}.journey-links-svg .journey-link--section .journey--link{font-size:.875rem}.journey-section{padding-top:87.89062%}.journey-section .journey-video--button{display:block}.journey-section img{transform:translate(-15%);width:156%}.journey-section .journey-section__body .journey-section__body-content{padding-top:0}.journey-section .journey-section__body .journey-section__text p.sub-title{font-size:.875rem;font-weight:400;margin-top:2rem}.journey-modal__header-container .journey-modal__button{padding:1rem}.journey-modal__overlay .lightbox__images .lightbox__figure,.journey-modal__overlay .lightbox__images .lightbox__figure figcaption{margin-left:0;margin-right:0}.journey-modal__overlay .journey-modal__story .story__image,.journey-modal__overlay .journey-modal__story .story__image .story__image-caption{margin:0}.journey-modal__overlay .journey-modal__story .story__content img{margin-bottom:.75rem}.journey-modal__overlay .journey-modal__story .story__content h3{margin-top:2.5rem}.journey-modal__overlay .journey-modal__story .story__content h3:first-child{margin-top:1rem}.journey-modal__overlay .journey-modal__story .story__content h3~a{margin-left:0;margin-right:0}.journey-modal__overlay .journey-modal__story .story__content.story-list{width:82%}.journey-modal__overlay .journey-modal__story .story__content .story-list-item{padding-left:0;padding-right:0}.journey-modal__overlay .journey-modal__story .story__content .story-list-item .float-right{float:right}.link-list__list{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.link-list__item{flex:0 0 50%;max-width:50%;padding-left:1rem;padding-right:1rem;width:100%}.logo-bar__item{flex-basis:50%}.media-object{display:flex}.media-object__image,.media-object__image-profile-teaser{margin-bottom:0;margin-right:1.5rem;min-width:100px}.media-object__image-profile-teaser{margin-right:0;padding-bottom:.5rem;padding-right:2rem}.media-object__body{flex:1}.media-object--right .media-object__image{margin-left:1.5rem;margin-right:0;order:2}.paragraph--profile-list .media-object{margin:0;padding:0}.mega-cta__content,.mega-cta__content-miis{flex:0 0 66.66667%;max-width:66.66667%}.page-header--wrmc .page-header__figure:before{background:linear-gradient(to bottom left,#202020e6,#0000 40%);width:50%}.pagination__item--first,.pagination__item--last,.pagination__item--others{display:inline-block}.profile-detail__programs{margin-left:0;margin-right:0;padding-left:0}.schedule-item{display:flex;padding-bottom:3rem;padding-top:2rem}.schedule-item__details{padding-right:1rem;text-align:left;width:30%}.schedule-item__body{width:70%}.schedule-item__button{display:inline-block;margin-top:2rem}.waveform__header{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.waveform__header .section__title,.waveform__header .waveform__blurb{order:unset}.waveform__header .paragraph--button{margin-bottom:0;order:unset}.waveform__list-item{margin-left:.75rem;margin-right:.75rem;min-width:1.5rem}.waveform__list-item:hover{background-color:#fff!important;cursor:pointer;margin-left:.375rem;margin-right:.375rem;min-width:2.25rem}.waveform__list-item.has-toggler.is-toggled{background-color:#fff!important;margin-top:0;z-index:10}.waveform__list-item.has-toggler.is-toggled:hover{margin-left:.75rem;margin-right:.75rem}.waveform__list-item.has-toggler .waveform__event-card{display:none!important;opacity:0}.waveform__list-item.has-toggler .waveform__event-card,.waveform__list-item.has-toggler.is-toggled{height:360px!important;min-width:278px}.bar-color-style-0{background-color:#c0e3fd}.bar-color-style-1{background-color:#83c9fc}.bar-color-style-2{background-color:#0e68b1}.bar-color-style-3{background-color:#07487b}.bar-color-style-4{background-color:#043666}.bar-height-style-sm-0{height:320px}.bar-height-style-sm-1{height:322px}.bar-height-style-sm-2{height:326px}.bar-height-style-sm-3{height:333px}.bar-height-style-sm-4{height:340px}.bar-height-style-sm-5{height:384px}.bar-margin-style-sm-0{margin-top:0}.bar-margin-style-sm-1{margin-top:17px}.bar-margin-style-sm-2{margin-top:26px}.bar-margin-style-sm-3{margin-top:39px}.bar-margin-style-sm-4{margin-top:58px}.wrmc-header__logo-wordmark{line-height:1}.wrmc-header__logo-wordmark span:first-child{font-size:3rem}.wrmc-header__logo-wordmark span:last-child{font-size:1.125rem;margin-left:.75rem;margin-top:.5rem}.node-webform .webform-container-inline{display:flex}.node-webform .webform-container-inline .form-item{flex:0 0 auto;margin-bottom:0}.slateform .form_responses{display:flex}.slateform .form_responses input,.slateform .form_responses select{flex:0 0 auto;margin-bottom:0}.border-sm-b{border-bottom:1px solid #dedede}.border-sm-b-0{border-bottom:0}.border-sm-r{border-right:1px solid #dedede}.border-sm-r-0{border-right:0}.border-sm-l{border-left:1px solid #dedede}.border-sm-l-0{border-left:0}.border-sm-t{border-top:1px solid #dedede}.border-sm-t-0{border-top:0}.d-sm-none{display:none}.d-sm-inline{display:inline}.d-sm-inline-block{display:inline-block}.d-sm-block{display:block}.d-sm-flex{display:flex}.d-sm-inline-flex{display:inline-flex}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-1{flex:1 1 0%}.flex-sm-auto{flex:1 1 auto}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.float-sm-right{float:right}.float-sm-left{float:left}.order-sm-first{order:-1}.order-sm-last{order:9999}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.w-sm-50{width:50%}.m-sm-0{margin:0!important}.mt-sm-0{margin-top:0!important}.mr-sm-0{margin-right:0!important}.mb-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.mx-sm-0{margin-right:0!important}.my-sm-0{margin-bottom:0!important;margin-top:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1{margin-top:.25rem!important}.mr-sm-1{margin-right:.25rem!important}.mb-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.mx-sm-1{margin-right:.25rem!important}.my-sm-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2{margin-top:.5rem!important}.mr-sm-2{margin-right:.5rem!important}.mb-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.mx-sm-2{margin-right:.5rem!important}.my-sm-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3{margin-top:1rem!important}.mr-sm-3{margin-right:1rem!important}.mb-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.mx-sm-3{margin-right:1rem!important}.my-sm-3{margin-bottom:1rem!important;margin-top:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4{margin-top:1.5rem!important}.mr-sm-4{margin-right:1.5rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.mx-sm-4{margin-right:1.5rem!important}.my-sm-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.m-sm-5{margin:2rem!important}.mt-sm-5{margin-top:2rem!important}.mr-sm-5{margin-right:2rem!important}.mb-sm-5{margin-bottom:2rem!important}.ml-sm-5,.mx-sm-5{margin-left:2rem!important}.mx-sm-5{margin-right:2rem!important}.my-sm-5{margin-bottom:2rem!important;margin-top:2rem!important}.m-sm-6{margin:2.5rem!important}.mt-sm-6{margin-top:2.5rem!important}.mr-sm-6{margin-right:2.5rem!important}.mb-sm-6{margin-bottom:2.5rem!important}.ml-sm-6,.mx-sm-6{margin-left:2.5rem!important}.mx-sm-6{margin-right:2.5rem!important}.my-sm-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.m-sm-7{margin:3rem!important}.mt-sm-7{margin-top:3rem!important}.mr-sm-7{margin-right:3rem!important}.mb-sm-7{margin-bottom:3rem!important}.ml-sm-7,.mx-sm-7{margin-left:3rem!important}.mx-sm-7{margin-right:3rem!important}.my-sm-7{margin-bottom:3rem!important;margin-top:3rem!important}.m-sm-8{margin:4rem!important}.mt-sm-8{margin-top:4rem!important}.mr-sm-8{margin-right:4rem!important}.mb-sm-8{margin-bottom:4rem!important}.ml-sm-8,.mx-sm-8{margin-left:4rem!important}.mx-sm-8{margin-right:4rem!important}.my-sm-8{margin-bottom:4rem!important;margin-top:4rem!important}.m-sm-9{margin:6rem!important}.mt-sm-9{margin-top:6rem!important}.mr-sm-9{margin-right:6rem!important}.mb-sm-9{margin-bottom:6rem!important}.ml-sm-9,.mx-sm-9{margin-left:6rem!important}.mx-sm-9{margin-right:6rem!important}.my-sm-9{margin-bottom:6rem!important;margin-top:6rem!important}.p-sm-0{padding:0!important}.pt-sm-0{padding-top:0!important}.pr-sm-0{padding-right:0!important}.pb-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.px-sm-0{padding-right:0!important}.py-sm-0{padding-bottom:0!important;padding-top:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1{padding-top:.25rem!important}.pr-sm-1{padding-right:.25rem!important}.pb-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.px-sm-1{padding-right:.25rem!important}.py-sm-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2{padding-top:.5rem!important}.pr-sm-2{padding-right:.5rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.px-sm-2{padding-right:.5rem!important}.py-sm-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3{padding-top:1rem!important}.pr-sm-3{padding-right:1rem!important}.pb-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.px-sm-3{padding-right:1rem!important}.py-sm-3{padding-bottom:1rem!important;padding-top:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4{padding-top:1.5rem!important}.pr-sm-4{padding-right:1.5rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.px-sm-4{padding-right:1.5rem!important}.py-sm-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.p-sm-5{padding:2rem!important}.pt-sm-5{padding-top:2rem!important}.pr-sm-5{padding-right:2rem!important}.pb-sm-5{padding-bottom:2rem!important}.pl-sm-5,.px-sm-5{padding-left:2rem!important}.px-sm-5{padding-right:2rem!important}.py-sm-5{padding-bottom:2rem!important;padding-top:2rem!important}.p-sm-6{padding:2.5rem!important}.pt-sm-6{padding-top:2.5rem!important}.pr-sm-6{padding-right:2.5rem!important}.pb-sm-6{padding-bottom:2.5rem!important}.pl-sm-6,.px-sm-6{padding-left:2.5rem!important}.px-sm-6{padding-right:2.5rem!important}.py-sm-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.p-sm-7{padding:3rem!important}.pt-sm-7{padding-top:3rem!important}.pr-sm-7{padding-right:3rem!important}.pb-sm-7{padding-bottom:3rem!important}.pl-sm-7,.px-sm-7{padding-left:3rem!important}.px-sm-7{padding-right:3rem!important}.py-sm-7{padding-bottom:3rem!important;padding-top:3rem!important}.p-sm-8{padding:4rem!important}.pt-sm-8{padding-top:4rem!important}.pr-sm-8{padding-right:4rem!important}.pb-sm-8{padding-bottom:4rem!important}.pl-sm-8,.px-sm-8{padding-left:4rem!important}.px-sm-8{padding-right:4rem!important}.py-sm-8{padding-bottom:4rem!important;padding-top:4rem!important}.p-sm-9{padding:6rem!important}.pt-sm-9{padding-top:6rem!important}.pr-sm-9{padding-right:6rem!important}.pb-sm-9{padding-bottom:6rem!important}.pl-sm-9,.px-sm-9{padding-left:6rem!important}.px-sm-9{padding-right:6rem!important}.py-sm-9{padding-bottom:6rem!important;padding-top:6rem!important}.ml-auto{margin-left:auto}.m-auto{margin:auto}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}.davis-lead{font-size:2rem}}@media only screen and (min-width:512px) and (min-width:1024px){.link-list__list{margin-left:-2rem;margin-right:-2rem}.link-list__item{padding-left:2rem;padding-right:2rem}}@media only screen and (min-width:512px) and (min-width:512px){.waveform__list-item.has-toggler.is-toggled .waveform__event-card{display:flex!important;opacity:1}}@media only screen and (min-width:768px){.h1,h1{font-size:3rem}.paragraph,.paragraph--announcement,.paragraph--card-carousel,.paragraph--chart,.paragraph--course-list,.paragraph--cta-group,.paragraph--faq,.paragraph--image-text,.paragraph--lib-search,.paragraph--link-list,.paragraph--logo-bar,.paragraph--mega-cta,.paragraph--quad-story,.paragraph--related-events,.paragraph--spotlight,.paragraph--stat-panel,.paragraph--themed-panel,.paragraph--two-col-text,.paragraph--waveform{margin-bottom:4rem;margin-top:4rem}.paragraph--audio,.paragraph--embed,.paragraph--gallery,.paragraph--image,.paragraph--search,.paragraph--video,.paragraph--video-group{margin-bottom:2.5rem;margin-top:3rem}.paragraphs{margin-bottom:4rem}.paragraphs--wide{flex:0 0 83.33333%;margin-left:8.33333%;max-width:83.33333%}.paragraph--quote{margin-top:4rem}.paragraph--button,.paragraph--quote{margin-bottom:4rem}.paragraph--lead-pulled-up{margin-top:-6rem!important}.paragraph--policy{padding-bottom:2rem;padding-top:2rem}.paragraph--top-thirty-songs{margin-top:1rem!important}.anchor-header--front{margin-bottom:3rem}.anchor-header__title{font-size:2.25rem}.announcement{padding:3rem 2rem}.audio__button-text{display:inline}.banner .banner__campaign-logo{margin-top:0}.banner .banner__campaign-logo svg:first-child{margin-bottom:1rem;margin-left:-9rem;width:auto}.banner .banner__campaign-logo svg:nth-child(2){width:auto}.box-menu{margin-bottom:4rem}.box-menu__list{display:flex;flex-wrap:wrap;padding-bottom:0;padding-top:1rem}.box-menu__item{flex:0 0 auto;margin-bottom:1rem;margin-right:1.5rem}.breadcrumb__item{display:block}.card-carousel__header{height:600px;padding:8rem 4rem 3rem;text-align:left}.card-carousel__title{font-size:2.25rem;margin-bottom:3rem}.card-carousel__controls{margin-top:auto}.card-carousel__item:not(:last-child){border-right:1px solid #fff}.chart-group__list--2 .chart-group__item{flex:0 0 50%;max-width:50%}.chart-group__item--stats,.chart-group__list--3\+ .chart-group__item{flex:0 0 33.33333%;max-width:33.33333%}.chart-legend--inline .chart-legend__list{display:flex;flex-wrap:wrap}.chart-legend--inline .chart-legend__item:not(:last-child){margin-right:1rem}.cookie-banner{flex-direction:row;padding:2rem 1rem}.cookie-banner p{flex:0 0 83.33333%;max-width:83.33333%}.cookie-banner .cookie-banner__button--close{margin-bottom:auto}.count{margin-bottom:3rem}.paragraph--course-list .course-list--filters{flex-direction:row;margin-top:.5rem;padding-bottom:1.5rem}.paragraph--course-list .course-list--filters .checkbox--filter:not(:last-child){margin-right:3rem}.paragraph--course-list .course-list--filters .radio__label{margin-bottom:0}.cta-bar{padding-bottom:.25rem}.cta-bar__text{display:inline-block;margin-bottom:0;margin-right:2rem}.cta-group__item{padding-bottom:2rem;padding-top:2rem}.cta-group__text{margin-bottom:2rem}.school-header.davis-header .school-header__logo{padding-bottom:1.5rem;padding-top:1.5rem}.dispatches-item__label{padding-left:1rem;padding-right:1rem}.dispatches-item__body{height:258.5px;padding:0 1rem}.dispatches__controls{margin-top:auto}.dispatches-button{height:2.5rem;width:2.5rem}.dispatches-button svg.dispatches-button--icon{height:2rem;width:2rem}.paragraph--fluencies{padding-top:2.5rem}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text h3{font-size:1.5rem}.paragraph--fluencies ul li .focus-area-item--button{padding:.5rem 1rem}.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;max-width:none;width:auto}.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{flex:0 0 100%;max-width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}.grid-container .grid-quad-block.quad-2{display:grid}.grid-container .grid-quad-block .quad-item-1{height:214px;max-width:380px}.grid-container .grid-quad-block .quad-item-2{height:214px;max-width:158px}.grid-container .grid-quad-block .quad-item-3{height:380px;max-width:214px}.grid-container .grid-quad-block .quad-item-4{height:158px;max-width:158px}.homepage-title{font-size:2rem;font-weight:400}.homepage-title .homepage-title--transition-state{font-size:2.25rem}.homepage-title .homepage-title--transition-state strong{font-weight:700}.homepage-header__list{flex-direction:row;margin-left:-1rem;margin-right:-1rem;margin-top:1rem}.homepage-header__list li{border-left:0;padding:1rem 0 0;width:33.33333%}.homepage-header__list li p{border-bottom:0;margin-left:1rem;padding-bottom:0;padding-right:1rem}.homepage-header__list li:not(:last-child){margin-bottom:0}.homepage-header__list li:not(:last-child) p{border-bottom:0;border-right:1px solid #dedede}.homepage-header__container button{margin-bottom:.625rem}.grid-modal__overlay .portrait-video--grid{max-width:288px}.grid-modal__overlay .image__text,.grid-modal__overlay .video__text{font-size:1.125rem}.grid-quote{background-position-x:1rem;background-position-y:-.625rem;padding:1rem}.grid-quote .grid-quote__text{font-size:1.25rem}.grid-quote .grid-quote__caption{bottom:1rem;right:1rem}.grid-quote.quote--dark{background-position-x:.5rem}.grid-quote.quote-text--small .grid-quote__text{font-size:.875rem}.grid-stats .chart-group__list .chart-group__item .stats__label{font-size:1.75rem}.grid-stats .chart-group__list .chart-group__item .stats__text{font-size:.875rem}.grid-stats .chart-group__list.chart-group__list--2 .chart-group__item:first-child{margin-bottom:1.5rem}.image--right{float:right}.image--left{float:left}.midd-header--transparent .midd-header__container,.midd-header--transparent .miis-header__container,.miis-header__transparent .midd-header__container,.miis-header__transparent .miis-header__container{padding-left:1rem;padding-right:1rem}.midd-header--transparent .midd-header__brand,.midd-header--transparent .miis-header__brand,.miis-header__transparent .midd-header__brand,.miis-header__transparent .miis-header__brand{padding-top:1rem}.midd-header--transparent .midd-header__brand a .midd-header__shield,.midd-header--transparent .midd-header__brand a .miis-header__shield,.midd-header--transparent .miis-header__brand a .midd-header__shield,.midd-header--transparent .miis-header__brand a .miis-header__shield,.miis-header__transparent .midd-header__brand a .midd-header__shield,.miis-header__transparent .midd-header__brand a .miis-header__shield,.miis-header__transparent .miis-header__brand a .midd-header__shield,.miis-header__transparent .miis-header__brand a .miis-header__shield{width:64px}.midd-header--transparent .midd-header__brand a .midd-header__wordmark,.midd-header--transparent .midd-header__brand a .miis-header__wordmark,.midd-header--transparent .miis-header__brand a .midd-header__wordmark,.midd-header--transparent .miis-header__brand a .miis-header__wordmark,.miis-header__transparent .midd-header__brand a .midd-header__wordmark,.miis-header__transparent .midd-header__brand a .miis-header__wordmark,.miis-header__transparent .miis-header__brand a .midd-header__wordmark,.miis-header__transparent .miis-header__brand a .miis-header__wordmark{margin-left:.625rem;width:116px}.has-toggler.miis-header__transparent:before,.midd-header--transparent.has-toggler:before{opacity:1}.journey-links-svg .journey-link--section .journey--link:hover .journey--dot-ripple{animation-name:dot-ripple-persist}.journey-section.journey-section--intro .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-01-1200x675.webp?fv=1)}.journey-section.journey-section--learning .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-02-1200x675.webp?fv=1)}.journey-section.journey-section--thinking .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-03-1200x675.webp?fv=1)}.journey-section.journey-section--opportunity .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-04-1200x675.webp?fv=1)}.journey-section .school-picker{scrollbar-color:#dedede #fff;scrollbar-width:4px}.journey-section .school-picker::-webkit-scrollbar{-webkit-appearance:none;height:4px}.journey-section .school-picker::-webkit-scrollbar-thumb{background-color:#ffffffbf;border-radius:2px}.journey-modal__header-container{padding-left:1rem}.journey-modal__header-container .journey-modal__header--wrapper{margin-bottom:1.5rem;margin-top:1rem}.journey-modal__header-container .midd-header__brand,.journey-modal__header-container .miis-header__brand{padding-left:0}.journey-modal__header-container .midd-header__brand a .midd-header__shield,.journey-modal__header-container .midd-header__brand a .miis-header__shield,.journey-modal__header-container .miis-header__brand a .midd-header__shield,.journey-modal__header-container .miis-header__brand a .miis-header__shield{width:64px}.journey-modal__header-container .midd-header__brand a .midd-header__wordmark,.journey-modal__header-container .midd-header__brand a .miis-header__wordmark,.journey-modal__header-container .miis-header__brand a .midd-header__wordmark,.journey-modal__header-container .miis-header__brand a .miis-header__wordmark{margin-left:.625rem;width:116px}.journey-modal__header-container .journey-modal__controls{padding-right:1rem}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination-wrapper{width:100%}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination{justify-content:center}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper{justify-content:space-evenly;margin:0}.journey-modal__header-container .journey-modal__button{margin-top:-1rem}.journey-modal__overlay .journey-modal__overlay-container{margin-top:2.5rem}.journey-modal__overlay .journey-modal__overlay-container .journey-modal--title{font-size:2.5rem;margin-bottom:2rem}.journey-modal__overlay .journey-modal__overlay-container .journey-modal--blurb{font-size:1.5rem;font-weight:300;line-height:1.7;margin-bottom:2.5rem}.journey-modal__overlay .journey-modal__story .story__content h3{margin-bottom:1rem}.journey-modal__overlay .portrait-video--grid{max-width:288px}.journey-modal__overlay .image__text,.journey-modal__overlay .video__text{font-size:1.125rem}.journey-modal__overlay .journey-modal__articles-block{margin-bottom:1rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card:before{padding-top:93.75%}.lib-search__content .lib-search__title{margin-top:2rem}.link-list__item{flex:0 0 33.33333%;max-width:33.33333%}.logo-bar{padding:1.5rem}.ls-hero{min-height:auto}.table--course-list th{width:auto}.table--course-list.desktop{display:initial}.table--course-list.mobile{display:none}.mega-cta{height:0;overflow:hidden;padding-top:56.25%}.mega-cta--hero .mega-cta__back img{opacity:1}.mega-cta--hero .mega-cta__front{align-items:center;padding-top:0}.mega-cta__content-miis{flex:0 0 50%;max-width:50%}.mega-cta__content-position-left-bottom,.mega-cta__content-position-left-top,.mega-cta__content-position-right-bottom,.mega-cta__content-position-right-top{left:5rem;padding:0;top:4rem}.mega-cta__content-position{margin-top:4rem}.mega-cta__title{font-size:2.25rem;margin-bottom:1rem}.mega-cta__text{font-size:1rem;margin-bottom:2rem}.mega-cta__caption{bottom:1.5rem}.office-hours{padding-bottom:.5rem;padding-top:.5rem}.office-hours__list{display:flex}.office-hours__item{margin-right:1.5rem;padding-bottom:0;padding-right:1.5rem;padding-top:0}.office-hours__item:not(:last-child){border-bottom:0;border-right:1px solid #dedede}.office-footer__col{padding-bottom:2rem;padding-top:2rem}.page-header__caption{bottom:1.5rem;right:2rem}.page-header__content{flex:0 0 83.33333%;margin-left:8.33333%;max-width:83.33333%;padding-top:2.5rem}.page-header--has-menu .page-header__content{padding-bottom:1.5rem}.page-header__title{font-size:3rem}.page-header--app .page-header__title{font-size:2.25rem}.page-nav{margin-bottom:4rem}.pagination__item{display:block}.section.paragraph--pardot-form{margin-bottom:4rem;margin-top:4rem}.section.paragraph--pardot-form .section__title{margin-bottom:2rem}.profile-detail__link-table{border-spacing:.5rem;margin-bottom:4.5rem;padding:.5rem}.profile-detail__link-table div[role=row]{flex-direction:row;vertical-align:top}.profile-detail__link-table div[role=row] div[role=cell]{padding:.5rem;width:50%}.profile-detail__link-table div[role=row] div[role=cell]:not(:first-child){border-left:1px solid #dedede;border-top:none;margin-top:0;padding:.5rem .5rem .5rem 1rem}.profile-spotlight-item{display:block;margin-bottom:0}.profile-spotlight-item__media{margin-right:0}.quote{margin-bottom:3rem;margin-top:3rem}.quote__text{font-size:1.5rem}.school-footer{padding-bottom:3rem;padding-top:3rem}.school-footer__primary{flex:0 0 41.66667%;max-width:41.66667%}.school-footer__secondary{flex:0 0 33.33333%;margin-left:auto;max-width:33.33333%}.school-footer--lite .school-footer__secondary{border-left:1px solid #174872;padding-bottom:1rem;padding-top:1rem}.school-footer__text{font-size:2.25rem;margin-bottom:2rem}.school-footer__nav{margin-top:2rem}.section{margin-bottom:6rem}.section__header{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}.section__header,.section__title{margin-bottom:3rem}.section__title+.section__link{margin-left:1rem}.spotlight__title{font-size:2.25rem;padding-left:calc(8.33333% + 1rem);padding-right:calc(8.33333% + 1rem)}.spotlight__body{padding:2rem calc(8.33333% + 1rem)}.stat-panel__content{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0}.stat-panel__item{flex:0 0 50%;max-width:50%;padding-left:1rem;padding-right:1rem;width:100%}.status-report{column-count:2}.table,.typography table{border-collapse:collapse}.table th,.typography table th{display:table-cell;white-space:nowrap}.table th:not(:last-of-type),.typography table th:not(:last-of-type){padding-right:1.5rem}.table tr:not(:last-of-type) td,.typography table tr:not(:last-of-type) td{border-bottom:1px solid #dedede}.table td:before,.typography table td:before{display:none}.table td,.typography table td{display:table-cell;vertical-align:top}.table td:not(:last-of-type),.typography table td:not(:last-of-type){padding-right:1.5rem}.table--no-mobile-headers td:first-child,.table--no-mobile-headers td:last-child{padding-top:1rem}.table--no-mobile-headers td{padding-bottom:1rem;padding-top:1rem}.table--spacious td,.table--spacious td:first-child,.table--spacious td:last-child{padding-bottom:1.5rem;padding-top:1.5rem}.tabs{margin-top:0;width:100%}.tabs__nav{margin:0}.tabs__nav:after{display:none}.tabs__list{margin-bottom:2rem;overflow-x:auto;padding:0}.tabs__item:last-child{padding-right:0}.themed-box{margin-bottom:4rem}.themed-box--compress{padding-left:10%;padding-right:10%}.themed-panel__main{position:relative}.themed-panel__title{font-size:3rem;top:0}.themed-panel__article{bottom:0;left:0;padding-bottom:1.5rem;position:absolute;width:100%;z-index:3}.themed-panel__secondary{display:flex}.themed-panel__subarticle{border-top:0;margin-top:0;padding-bottom:1.5rem;padding-top:1.5rem}.themed-panel__subarticle:not(:last-of-type){margin-right:2rem}.waveform__header{padding-top:1.5rem}.waveform__header .section__title{font-size:1.75rem;font-weight:600}.waveform__header .waveform__blurb .section__text{padding-bottom:0}.waveform__list{padding-bottom:2rem;padding-top:2rem}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text{height:266px;margin-bottom:1.5rem;margin-left:.5rem;margin-right:.5rem}.wrmc-accordion-toggle-links{margin-bottom:.5rem}.wrmc-accordion-item__list-item:first-child{padding-top:1.5rem}.wrmc-footer{padding:2rem 0}.wrmc-footer__content{align-items:normal;flex-direction:row;padding:0 1rem}.wrmc-footer__item{flex-direction:row;row-gap:normal}.wrmc-header__logo-background{left:0}.wrmc-header__content{position:relative}.wrmc-nav{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:space-between}.wrmc-nav__handle{margin-bottom:1.5rem;margin-top:0}.wrmc-nav__menu{display:flex;flex-direction:column}.wrmc-drawer.drawer .wrmc-nav__secondary-menu{display:none}.show-teaser{flex-direction:row;margin:0;width:100%}.show-time{flex:0 0 30%;margin-bottom:0;width:30%}.paragraph--top-thirty-songs .row{row-gap:4rem}.songs p.song__artist{margin-top:.5rem}.border-md-b{border-bottom:1px solid #dedede}.border-md-b-0{border-bottom:0}.border-md-r{border-right:1px solid #dedede}.border-md-r-0{border-right:0}.border-md-l{border-left:1px solid #dedede}.border-md-l-0{border-left:0}.border-md-t{border-top:1px solid #dedede}.border-md-t-0{border-top:0}.col-count-md-2{column-count:2}.d-md-none{display:none}.d-md-inline{display:inline}.d-md-inline-block{display:inline-block}.d-md-block{display:block}.d-md-flex{display:flex}.d-md-inline-flex{display:inline-flex}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-1{flex:1 1 0%}.flex-md-auto{flex:1 1 auto}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.float-md-right{float:right}.float-md-left{float:left}.order-md-first{order:-1}.order-md-last{order:9999}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.w-md-40{width:40%}.w-md-50{width:50%}.m-md-0{margin:0!important}.mt-md-0{margin-top:0!important}.mr-md-0{margin-right:0!important}.mb-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.mx-md-0{margin-right:0!important}.my-md-0{margin-bottom:0!important;margin-top:0!important}.m-md-1{margin:.25rem!important}.mt-md-1{margin-top:.25rem!important}.mr-md-1{margin-right:.25rem!important}.mb-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.mx-md-1{margin-right:.25rem!important}.my-md-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2{margin-top:.5rem!important}.mr-md-2{margin-right:.5rem!important}.mb-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.mx-md-2{margin-right:.5rem!important}.my-md-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3{margin-top:1rem!important}.mr-md-3{margin-right:1rem!important}.mb-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.mx-md-3{margin-right:1rem!important}.my-md-3{margin-bottom:1rem!important;margin-top:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4{margin-top:1.5rem!important}.mr-md-4{margin-right:1.5rem!important}.mb-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.mx-md-4{margin-right:1.5rem!important}.my-md-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.m-md-5{margin:2rem!important}.mt-md-5{margin-top:2rem!important}.mr-md-5{margin-right:2rem!important}.mb-md-5{margin-bottom:2rem!important}.ml-md-5,.mx-md-5{margin-left:2rem!important}.mx-md-5{margin-right:2rem!important}.my-md-5{margin-bottom:2rem!important;margin-top:2rem!important}.m-md-6{margin:2.5rem!important}.mt-md-6{margin-top:2.5rem!important}.mr-md-6{margin-right:2.5rem!important}.mb-md-6{margin-bottom:2.5rem!important}.ml-md-6,.mx-md-6{margin-left:2.5rem!important}.mx-md-6{margin-right:2.5rem!important}.my-md-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.m-md-7{margin:3rem!important}.mt-md-7{margin-top:3rem!important}.mr-md-7{margin-right:3rem!important}.mb-md-7{margin-bottom:3rem!important}.ml-md-7,.mx-md-7{margin-left:3rem!important}.mx-md-7{margin-right:3rem!important}.my-md-7{margin-bottom:3rem!important;margin-top:3rem!important}.m-md-8{margin:4rem!important}.mt-md-8{margin-top:4rem!important}.mr-md-8{margin-right:4rem!important}.mb-md-8{margin-bottom:4rem!important}.ml-md-8,.mx-md-8{margin-left:4rem!important}.mx-md-8{margin-right:4rem!important}.my-md-8{margin-bottom:4rem!important;margin-top:4rem!important}.m-md-9{margin:6rem!important}.mt-md-9{margin-top:6rem!important}.mr-md-9{margin-right:6rem!important}.mb-md-9{margin-bottom:6rem!important}.ml-md-9,.mx-md-9{margin-left:6rem!important}.mx-md-9{margin-right:6rem!important}.my-md-9{margin-bottom:6rem!important;margin-top:6rem!important}.p-md-0{padding:0!important}.pt-md-0{padding-top:0!important}.pr-md-0{padding-right:0!important}.pb-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.px-md-0{padding-right:0!important}.py-md-0{padding-bottom:0!important;padding-top:0!important}.p-md-1{padding:.25rem!important}.pt-md-1{padding-top:.25rem!important}.pr-md-1{padding-right:.25rem!important}.pb-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.px-md-1{padding-right:.25rem!important}.py-md-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2{padding-top:.5rem!important}.pr-md-2{padding-right:.5rem!important}.pb-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.px-md-2{padding-right:.5rem!important}.py-md-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3{padding-top:1rem!important}.pr-md-3{padding-right:1rem!important}.pb-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.px-md-3{padding-right:1rem!important}.py-md-3{padding-bottom:1rem!important;padding-top:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4{padding-top:1.5rem!important}.pr-md-4{padding-right:1.5rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.px-md-4{padding-right:1.5rem!important}.py-md-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.p-md-5{padding:2rem!important}.pt-md-5{padding-top:2rem!important}.pr-md-5{padding-right:2rem!important}.pb-md-5{padding-bottom:2rem!important}.pl-md-5,.px-md-5{padding-left:2rem!important}.px-md-5{padding-right:2rem!important}.py-md-5{padding-bottom:2rem!important;padding-top:2rem!important}.p-md-6{padding:2.5rem!important}.pt-md-6{padding-top:2.5rem!important}.pr-md-6{padding-right:2.5rem!important}.pb-md-6{padding-bottom:2.5rem!important}.pl-md-6,.px-md-6{padding-left:2.5rem!important}.px-md-6{padding-right:2.5rem!important}.py-md-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.p-md-7{padding:3rem!important}.pt-md-7{padding-top:3rem!important}.pr-md-7{padding-right:3rem!important}.pb-md-7{padding-bottom:3rem!important}.pl-md-7,.px-md-7{padding-left:3rem!important}.px-md-7{padding-right:3rem!important}.py-md-7{padding-bottom:3rem!important;padding-top:3rem!important}.p-md-8{padding:4rem!important}.pt-md-8{padding-top:4rem!important}.pr-md-8{padding-right:4rem!important}.pb-md-8{padding-bottom:4rem!important}.pl-md-8,.px-md-8{padding-left:4rem!important}.px-md-8{padding-right:4rem!important}.py-md-8{padding-bottom:4rem!important;padding-top:4rem!important}.p-md-9{padding:6rem!important}.pt-md-9{padding-top:6rem!important}.pr-md-9{padding-right:6rem!important}.pb-md-9{padding-bottom:6rem!important}.pl-md-9,.px-md-9{padding-left:6rem!important}.px-md-9{padding-right:6rem!important}.py-md-9{padding-bottom:6rem!important;padding-top:6rem!important}.ml-auto{margin-left:auto}.m-auto{margin:auto}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}.h0{font-size:2.25rem}.pronouns{font-size:2rem}.davis-lead{padding:.5rem 1rem}}@media only screen and (min-width:768px) and (min-width:1024px){.stat-panel__content{margin-left:-2rem;margin-right:-2rem}.stat-panel__item{padding-left:2rem;padding-right:2rem}}@media only screen and (min-width:1024px){.h1,h1{font-size:4rem}.h2,h2{font-size:1.75rem}.paragraph,.paragraph--announcement,.paragraph--card-carousel,.paragraph--chart,.paragraph--course-list,.paragraph--cta-group,.paragraph--faq,.paragraph--image-text,.paragraph--lib-search,.paragraph--link-list,.paragraph--logo-bar,.paragraph--mega-cta,.paragraph--quad-story,.paragraph--related-events,.paragraph--spotlight,.paragraph--stat-panel,.paragraph--themed-panel,.paragraph--two-col-text,.paragraph--waveform{margin-bottom:6rem;margin-top:6rem}.paragraph--audio,.paragraph--embed,.paragraph--gallery,.paragraph--image,.paragraph--search,.paragraph--video,.paragraph--video-group{margin-bottom:3rem;margin-top:4rem}.paragraphs{margin-bottom:6rem}.paragraphs--wide{flex:0 0 66.66667%;margin-left:16.66667%;max-width:66.66667%;padding-left:2rem;padding-right:2rem}.paragraphs--wide .paragraph--expand,.paragraphs--wide .paragraph--image:not(.image--left):not(.image--right),.paragraphs--wide .paragraph--video{margin-left:-16.66667%;margin-right:-16.66667%;padding-left:1rem;padding-right:1rem}.paragraphs--wide .paragraphs--wide__offset{flex:0 0 83.33333%;margin-left:8.33333%;max-width:83.33333%;padding-left:1rem;padding-right:1rem;width:100%}.paragraph--profile-list.section{margin-bottom:6rem;margin-top:6rem}.paragraph--pull-up{margin-top:-8rem}.anchor-header{padding-top:3rem}.anchor-header--front{margin-bottom:4rem}.anchor-header__primary{display:block}.anchor-header__button{display:none}.anchor-header__nav.has-toggler{display:block}.announcement{padding-left:6rem;padding-right:6rem}.app-header__wrap{padding-left:2rem;padding-right:2rem}.app-header__title{font-size:1.75rem}.app-header__button{font-size:1rem;font-weight:400;padding-left:0;padding-right:0}.app-header__button.is-toggled,.app-header__button:hover{box-shadow:inset 0 -4px 0 0 #0d395f}.app-header__dropdown:first-child{margin-left:0}.app-header__dropdown,.app-header__nav{position:relative}.app-header__nav{display:block;top:0}.app-header__search{border:1px solid #dedede;width:400px}.banner{padding:2rem}.chart-group__list{margin-left:-2rem;margin-right:-2rem}.chart-group__item{padding-left:2rem;padding-right:2rem}.cookie-banner{padding:2rem}.cta-bar{padding-left:2rem;padding-right:2rem}.cta-group{margin-left:-2rem;margin-right:-2rem}.cta-group__item{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;flex-wrap:wrap;max-width:100%;padding-bottom:0;padding-left:2rem;padding-right:2rem;padding-top:0}.cta-group__item:not(:last-of-type){border-bottom:0;border-right:1px solid #dedede}.cta-group__item:not(:last-of-type).blue-border{border-color:#75a3cd}.cta-group__item:not(:last-of-type).blue-border+.border-bottom{display:none}.cta-group__title{font-size:1.75rem}.school-header.davis-header .school-header__logo{padding-bottom:2rem}.digest{max-height:70vh;overflow-y:auto;scrollbar-color:#dedede #fff;scrollbar-width:auto}.digest::-webkit-scrollbar{-webkit-appearance:none;width:7px}.digest::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:4px}.digest__title{background:#fff;position:sticky;top:0}.dispatches-item__body{height:282px}.paragraph--fluencies{padding-top:2rem}.paragraph--fluencies h2{font-size:2.5rem;font-weight:400}.paragraph--fluencies h2+p{font-size:2rem}.paragraph--fluencies .focus-area--wrapper{scrollbar-color:#dedede #fff;scrollbar-width:4px}.paragraph--fluencies .focus-area--wrapper::-webkit-scrollbar{-webkit-appearance:none;height:4px}.paragraph--fluencies .focus-area--wrapper::-webkit-scrollbar-thumb{background-color:#ffffffbf;border-radius:2px}.paragraph--fluencies ul li:first-child .focus-area-item__content-text a{width:75%}.paragraph--fluencies ul li:nth-child(2) .focus-area-item__content-text a{width:65%}.paragraph--fluencies ul li:last-child .focus-area-item__content-text a{width:100%}.filter__body.has-toggler{display:block}.filter__body.is-toggled,.filter__button.has-toggler .filter__icon-open{display:none}.filter__button.has-toggler .filter__icon-close,.filter__button.is-toggled .filter__icon-open{display:block}.filter__button.is-toggled .filter__icon-close,.foldable__button{display:none}.foldable__content{background-color:initial;border:0;padding:0}.foldable__content.has-toggler{display:block}.footer-menu{margin-top:0}.container{padding-left:2rem;padding-right:2rem}.row{margin-left:-2rem;margin-right:-2rem}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:2rem;padding-right:2rem}.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;max-width:none;width:auto}.col-lg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{flex:0 0 100%;max-width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}.grid-container .grid-quad-block .quad-item-1{height:335px;max-width:596px}.grid-container .grid-quad-block .quad-item-2{height:335px;max-width:252px}.grid-container .grid-quad-block .quad-item-3{height:596px;max-width:335px}.grid-container .grid-quad-block .quad-item-4{height:252px;max-width:252px}.grid__label-icon{padding:7px}.grid__label-icon.expand{padding:5px}.grid__label-icon .icon.expand{height:1.25rem;width:1.25rem}.grid__label-icon .icon.play{height:1rem;width:1rem}.homepage-header{margin-bottom:.5rem;margin-top:3rem}.homepage-title{font-size:4rem;font-weight:300}.homepage-title .homepage-title--transition-state{font-size:4rem}.homepage-title .homepage-title--transition-state strong{font-weight:600}.homepage-header__list{margin-left:-2rem;margin-right:-2rem;margin-top:.5rem}.homepage-header__list li{padding:1.5rem 0}.homepage-header__list li p{font-size:1rem;margin-left:2rem;padding-right:2rem}.homepage-header__container button{margin-bottom:1rem}.homepage-header__container button .homepage-button{height:3rem;width:3rem}.quad-item-1:focus-within>.grid-hover__overlay,.quad-item-1:hover>.grid-hover__overlay,.quad-item-2:focus-within>.grid-hover__overlay,.quad-item-2:hover>.grid-hover__overlay,.quad-item-3:focus-within>.grid-hover__overlay,.quad-item-3:hover>.grid-hover__overlay,.quad-item-4:focus-within>.grid-hover__overlay,.quad-item-4:hover>.grid-hover__overlay{opacity:1}.quad-item-1:focus-within>.grid-expandable-tile,.quad-item-1:hover>.grid-expandable-tile,.quad-item-2:focus-within>.grid-expandable-tile,.quad-item-2:hover>.grid-expandable-tile,.quad-item-3:focus-within>.grid-expandable-tile,.quad-item-3:hover>.grid-expandable-tile,.quad-item-4:focus-within>.grid-expandable-tile,.quad-item-4:hover>.grid-expandable-tile{opacity:.1}.grid-hover__overlay{display:block}.grid-modal__overlay figure{padding-bottom:3rem}.grid-modal__overlay .portrait-video--grid{max-width:405px}.grid-modal__overlay .grid-image__body,.grid-modal__overlay .grid-video__body{margin-right:8.33333%}.grid-modal__button{margin-right:2rem;margin-top:2rem}.grid-quote{background-position-y:-.75rem;background-size:120px 95px}.grid-quote .grid-quote__text{font-size:2rem;font-weight:300;line-height:2.2}.grid-quote .grid-quote__caption,.grid-quote .grid-quote__caption p{font-size:1rem!important}.grid-quote.quote--dark{background-position-x:1rem}.grid-quote.quote-text--small{background-size:104px 82px;padding:1.5rem 1rem 1rem}.grid-quote.quote-text--small .grid-quote__text{font-size:1.25rem;font-weight:400;line-height:2}.grid-quote.quote-text--small .grid-quote__caption{bottom:1rem;right:1rem}.grid-quote.quote-text--small .grid-quote__caption,.grid-quote.quote-text--small .grid-quote__caption p{font-size:.875rem!important;font-weight:400}.grid-stats .chart-group__list .chart-group__item .stats__label{font-size:4rem;font-weight:400;margin-bottom:.5rem;padding-bottom:.5rem}.grid-stats .chart-group__list .chart-group__item .stats__text{font-size:1.125rem;line-height:1.5}.grid-stats .chart-group__list.chart-group__list--2 .chart-group__item:first-child{margin-bottom:2rem}.midd-header--transparent,.miis-header__transparent{height:120px}.midd-header--transparent .midd-header__container,.midd-header--transparent .miis-header__container,.miis-header__transparent .midd-header__container,.miis-header__transparent .miis-header__container{padding-left:2rem;padding-right:2rem}.midd-header--transparent,.miis-header__transparent{transition:none}.midd-header--transparent .midd-header__brand,.midd-header--transparent .miis-header__brand,.miis-header__transparent .midd-header__brand,.miis-header__transparent .miis-header__brand{padding-top:1.5rem}.has-toggler.is-toggled.miis-header__transparent:before,.midd-header--transparent.has-toggler.is-toggled:before{background-color:unset;background-image:linear-gradient(0deg,#0000 4%,#0006)}.midd-header--transparent .midd-nav,.miis-header__transparent .midd-nav{padding-top:0}.midd-header--transparent .midd-nav .midd-nav__handle,.miis-header__transparent .midd-nav .midd-nav__handle{padding-left:1rem}.midd-header--transparent .midd-nav .midd-nav__list--top,.miis-header__transparent .midd-nav .midd-nav__list--top{background-color:initial}.midd-header--transparent .midd-nav .midd-nav__item--top:last-child:after,.miis-header__transparent .midd-nav .midd-nav__item--top:last-child:after{color:#fff;content:"|";padding-left:1.5rem;padding-top:1rem}.midd-header--transparent .midd-search,.miis-header__transparent .midd-search{padding-top:0}.midd-header--transparent .midd-search .midd-search__handle:after,.miis-header__transparent .midd-search .midd-search__handle:after{content:none;padding-left:0}.journey-line-box{top:24%}.journey-link-box{top:0}.journey-line-svg.journey-line--desktop{display:inline-block;right:-23%;transform:none;width:54%}.journey-line-svg.journey-line--tablet{display:none}.journey-links-svg.journey-links--desktop{display:initial}.journey-links-svg.journey-links--tablet{display:none}.journey-links-svg .journey-link--section.animate .journey--link:nth-child(2) .journey--dot-ripple{animation-delay:.75s}.journey-links-svg .journey-link--section.animate .journey--link:nth-child(3) .journey--dot-ripple{animation-delay:1.5s}.journey-section{padding-top:56.25%}.journey-section .journey-section__background{left:0;min-height:auto;min-width:auto}.journey-section .journey-video--button{bottom:2rem;left:2rem}.journey-section img{transform:unset;width:100%}.journey-section .journey-section__body .journey-section__body-content.left--mobile .row{justify-content:flex-end;text-align:right}.journey-section .journey-section__body .journey-section__text h1{font-size:2.5rem}.journey-section .journey-section__body .journey-section__text p.blurb{font-size:2rem}.journey-modal__header-container{padding-left:2rem}.journey-modal__header-container .journey-modal__header--wrapper{margin-bottom:1.5rem;margin-top:1.5rem}.journey-modal__header-container .journey-modal__controls{padding-right:0}.journey-modal__header-container .journey-modal__button{margin-top:-1.5rem}.journey-modal__overlay .journey-modal__overlay-container{margin-top:4rem}.journey-modal__overlay .journey-modal__overlay-container .journey-modal--title{font-size:3.5rem;font-weight:300;line-height:1.1;margin-bottom:2.5rem}.journey-modal__overlay .journey-modal__overlay-container .journey-modal--blurb{margin-bottom:3rem;margin-top:2.5rem}.journey-modal__overlay .journey-modal__overlay-container .video .video__text{font-size:1rem}.journey-modal__overlay .journey-modal__overlay-container .video .transcript{margin-top:1rem}.journey-modal__overlay .lightbox__images .media__caption{font-size:1rem}.journey-modal__overlay .journey-modal__story .story__content{max-width:80%;padding:2.5rem 0 3rem}.journey-modal__overlay .journey-modal__story .story__content img{margin-bottom:1rem}.journey-modal__overlay .journey-modal__story .story__content h3{font-size:2rem;font-weight:400;margin-top:3rem}.journey-modal__overlay .journey-modal__story .story__content h4{font-size:1.125rem;font-weight:400}.journey-modal__overlay .journey-modal__story .story__content .list__item:not(:last-child){margin-bottom:3rem;padding-bottom:3rem}.journey-modal__overlay .portrait-video--grid{max-width:405px}.journey-modal__overlay .journey-image__body,.journey-modal__overlay .journey-video__body{margin-right:8.33333%}.journey-modal__overlay .journey-modal__articles-block{margin-bottom:4rem}.journey-modal__overlay .journey-modal__articles-block .articles-block__title{margin-bottom:3rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--text-content{padding:1rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--title{font-size:1.5rem;line-height:1.25}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--button{padding:.5rem 1rem}.lib-search__content .lib-search__title{margin-bottom:2rem;margin-top:6rem}.lightbox__button{padding:2rem}.lightbox__images{padding:8rem 2rem 2rem;width:calc(100vw - 100px)}.lightbox__thumbs-list{display:block}.ls-hero__title{font-size:2.25rem;margin-bottom:4rem}.ls-hero__link{font-size:1.25rem}.media-object__image-profile-teaser{margin-right:2rem}.paragraph--profile-list .profile-list .media-object:not(:first-child){padding-top:3rem}.mega-cta__content,.mega-cta__content-miis{flex:0 0 50%;max-width:50%;padding-left:2rem;padding-right:2rem}.mega-cta{min-height:auto}.mega-cta__back-gradient img{opacity:1}.mega-cta--gradient-left-bottom{background:linear-gradient(to left bottom,#0000 45%,#202020)}.mega-cta--gradient-right-bottom{background:linear-gradient(to right bottom,#0000 45%,#202020)}.mega-cta--gradient-left-top{background:linear-gradient(to left top,#0000 45%,#202020)}.mega-cta--gradient-right-top{background:linear-gradient(to right top,#0000 45%,#202020)}.mega-cta--image-left-bottom img{font-family:"object-position: left bottom;";object-position:left bottom}.mega-cta--image-right-bottom img{font-family:"object-position: right bottom;";object-position:right bottom}.mega-cta--image-left-top img{font-family:"object-position: left top;";object-position:left top}.mega-cta--image-right-top img{font-family:"object-position: right top;";object-position:right top}.mega-cta__content-miis{flex:0 0 33.33333%;max-width:33.33333%}.mega-cta__content-position-left-top{left:8.25rem;top:4rem}.mega-cta__content-position-left-bottom{bottom:4rem;left:8.25rem;top:auto}.mega-cta__content-position-right-top{left:auto;right:8.25rem;top:4rem}.mega-cta__content-position-right-bottom{bottom:4rem;left:auto;right:8.25rem;top:auto}.mega-cta__content-position{margin-top:0}.mega-cta__text{font-size:1.125rem;margin-bottom:3rem}.mega-cta--blse .mega-cta__text{font-size:2.25rem}.mega-cta--blse .mega-cta__content{flex:0 0 66.66667%;max-width:66.66667%}.midd-footer__list{align-items:center;display:flex;height:100%;justify-content:flex-end}.midd-footer__item:not(:first-child){margin-left:1rem}.midd-footer__link{padding-bottom:0;padding-top:0}.midd-footer.davis-footer{padding-bottom:3rem;padding-top:3rem}.midd-footer.davis-footer .midd-footer__list{display:block}.midd-footer.davis-footer .midd-footer__item:not(:first-child){margin-left:0}.midd-footer.davis-footer .midd-footer__link{padding-bottom:.25rem;padding-top:.25rem}.midd-header__container,.miis-header__container{padding-left:2rem;padding-right:2rem}.midd-header__brand,.miis-header__brand{height:64px}.midd-header__shield,.miis-header__shield{width:67px}.midd-header__wordmark,.miis-header__wordmark{margin-left:8px;width:114px}.miis-header__wordmark{width:284px}.midd-nav{margin-left:auto;margin-right:0;order:1}.midd-nav__handle{display:none}.midd-nav__list--top{display:flex;opacity:1;padding-top:0;position:relative;top:0;visibility:visible}.midd-nav__list--sub{background:#022543;border-top:1px solid #fff;display:block;left:0;opacity:0;padding:.5rem;position:absolute;top:100%;transition:opacity .2s;visibility:hidden;width:240px;z-index:200}.midd-nav__item:focus-within .midd-nav__list--sub,.midd-nav__item:hover .midd-nav__list--sub{opacity:1;visibility:visible}.midd-nav__item{border-top:0;flex:1 0 auto}.midd-nav__item--top{border-top:0;margin-right:1.5rem}.midd-nav__link{font-size:.875rem;font-weight:500;opacity:.8;transition:.2s}.midd-nav__link:hover{opacity:1}.midd-nav__link--top{border-top:4px solid #0000;padding-left:2rem;padding-right:2rem;padding:calc(1.5rem - 4px) 0 1.5rem}.midd-nav__link--sub{padding-left:.75rem}.midd-search{margin-left:0;order:2;position:relative}.midd-search__handle{border-top:4px solid #0000;opacity:.8;padding:calc(1.5rem - 4px) 0 1.5rem;transition:border-color .2s}.midd-search__handle.is-toggled,.midd-search__handle:hover{border-color:#fff;opacity:1}.midd-search__content{border-top:1px solid #fff;padding-top:1rem;width:400px}.anchor-header__nav .nav{margin-left:0;margin-right:0}.nav__list{border-bottom:0;display:flex;flex-wrap:wrap}.nav__item{border-top:0;flex:0 0 auto;margin-right:1.5rem}.nav__link{font-weight:400;line-height:1;padding-left:0;padding-right:0}.nav__item:focus-within .nav__link,.nav__item:hover .nav__link{box-shadow:inset 0 -4px 0 0 #0d395f;color:#0573cd;text-decoration:none}.nav__button{display:none}.nav__sublist{background:#fff;border:1px solid #0d395f}.nav__subitem{border-top:0}.nav__sublink{font-size:1rem;padding-bottom:.5rem;padding-left:1rem;padding-top:.5rem}.nav-dropdown:focus-within .nav-dropdown__menu,.nav-dropdown:hover .nav-dropdown__menu{opacity:1;visibility:visible}.nav-dropdown__menu{display:block;left:0;opacity:0;position:absolute;top:100%;transition:opacity .2s;visibility:hidden;width:240px;z-index:3}.nav-dropdown__menu.is-toggled{opacity:1;visibility:visible}.paragraph--policy p{font-size:1rem}.office-footer{padding-bottom:2rem;padding-top:2rem}.office-footer__row{margin-left:-2rem;margin-right:-2rem}.office-footer__col{flex:0 0 33.33333%;max-width:33.33333%;padding-bottom:0;padding-left:2rem;padding-right:2rem;padding-top:0}.office-footer__col:not(:last-child){border-bottom:0;border-right:1px solid #dedede}.office-footer__col div:not(:first-child) h3{margin-left:0;margin-right:0}.page-header--wrmc .page-header__figure:before{background:linear-gradient(to bottom left,#202020e6,#0000 30%)}.page-header__list-toggle{padding-right:2rem}.page-header__content{padding-bottom:6rem;padding-left:2rem;padding-right:2rem;padding-top:4rem}.page-header--has-menu .page-header__content{padding-bottom:2rem}.page-header__title{font-size:4rem}.page-header--app .page-header__content{padding-bottom:4rem;padding-top:4rem}.page-nav__button{display:none}.page-nav__content{background-color:initial;border:0;padding-left:0;padding-right:0}.page-nav__content.has-toggler{display:block}.section.paragraph--pardot-form{margin-bottom:6rem;margin-top:6rem}.section.paragraph--pardot-form .section__title{margin-bottom:3rem}.section.paragraph--pardot-form .form-group{margin-bottom:2rem}.profile-detail__programs{border-top:0;padding-top:0}.school-footer__main{flex:0 0 33.33333%;max-width:33.33333%}.school-footer__main,.school-footer__primary{padding-left:2rem;padding-right:2rem}.school-footer__primary{flex:0 0 100%;max-width:100%}.school-footer--lite .school-footer__primary{flex:0 0 41.66667%;max-width:41.66667%}.school-footer__secondary{flex:0 0 100%;max-width:100%;padding-bottom:0;padding-left:2rem;padding-right:2rem}.school-footer--lite .school-footer__secondary{flex:0 0 33.33333%;max-width:33.33333%}.school-footer__nav{border-left:1px solid #174872;border-top:0;flex:0 0 66.66667%;margin-top:0;max-width:66.66667%;padding-left:2rem;padding-right:2rem}.spotlight{padding-bottom:4rem}.spotlight__figure{height:0;overflow:hidden;padding-top:56.25%;position:relative}.spotlight__figure img{font-family:"object-fit: cover;";height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.spotlight__content{bottom:0;position:absolute;right:2.5rem;width:360px;z-index:2}.spotlight__body,.spotlight__title{padding-left:2rem;padding-right:2rem}.stat-panel{overflow:hidden}.stat-panel:after{background-color:#0d395f;bottom:0;content:"";display:block;left:0;opacity:.7;position:absolute;right:0;top:0;z-index:2}.stat-panel__text{color:#fff}.stat-panel__media{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.stat-panel__content{align-items:center;justify-content:space-between;min-height:700px;position:relative;z-index:3}.stat-panel__item{background-color:initial!important;flex:0 0 41.66667%;flex:0 0 33.33333%;max-width:41.66667%;max-width:33.33333%;padding:4rem}.stat-panel__stats-text{font-size:1.125rem}.terms{display:flex;flex-wrap:wrap}.terms__title{flex:0 0 30%;margin-bottom:1.5rem;padding-bottom:1.5rem;padding-right:.5rem}.terms__title:not(:last-of-type){border-bottom:1px solid #dedede}.terms__text{flex:0 0 70%;padding-left:.5rem}.themed-panel__title{font-size:4rem}.themed-panel__article,.themed-panel__secondary,.themed-panel__title{padding-left:2rem;padding-right:2rem}.waveform .shifting-slider{left:-50%}.waveform .shifting-slider.fade-in-element{animation:fade-in 1.4s;left:0}.waveform__header{padding-left:2rem;padding-right:2rem;padding-top:2rem}.waveform__header .section__title{font-size:2.25rem;font-weight:400}.waveform__header .waveform__blurb{width:100%}.waveform__header .waveform__blurb .section__text{width:75%}.waveform__list{overflow:initial;padding-bottom:3rem;padding-top:3rem}.waveform__list-item:hover .waveform__list-item--tooltip{display:block}.waveform__list-item.has-toggler .waveform__event-card{padding-top:1.5rem}.waveform__list-item.has-toggler .waveform__event-card,.waveform__list-item.has-toggler.is-toggled{height:460px!important;min-width:353px}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text{height:358px}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text time{font-size:.875rem}.waveform__list-item.has-toggler h3{font-size:1.75rem;font-weight:400;padding-top:2rem}.bar-height-style-lg-0{height:366px}.bar-height-style-lg-1{height:368px}.bar-height-style-lg-2{height:372px}.bar-height-style-lg-3{height:380px}.bar-height-style-lg-4{height:387px}.bar-height-style-lg-5{height:438px}.bar-margin-style-lg-0{margin-top:0}.bar-margin-style-lg-1{margin-top:22px}.bar-margin-style-lg-2{margin-top:40px}.bar-margin-style-lg-3{margin-top:50px}.bar-margin-style-lg-4{margin-top:73px}.bar-margin-style-lg-5{margin-top:87px}.wrmc-footer__content{padding:0 2rem}.wrmc-header__logo-graphic{margin:0}.wrmc-nav__handle{display:none}.wrmc-nav__list{display:flex}.weekly-schedule .weekly-schedule__column{padding-right:2rem}.typography dl{display:flex;flex-wrap:wrap}.typography dt{flex:0 0 30%;margin-bottom:1.5rem;padding-bottom:1.5rem;padding-right:.5rem}.typography dt:not(:last-of-type){border-bottom:1px solid #dedede}.typography dd{flex:0 0 70%;padding-left:.5rem}.lead+.paragraph--text>h2,.paragraph--text+.paragraph--text>h2{font-size:1.75rem;margin-bottom:2rem;margin-top:4rem}.typography h2{font-size:1.75rem;margin-bottom:2rem;margin-top:4rem}.border-lg-b{border-bottom:1px solid #dedede}.border-lg-b-0{border-bottom:0}.border-lg-r{border-right:1px solid #dedede}.border-lg-r-0{border-right:0}.border-lg-l{border-left:1px solid #dedede}.border-lg-l-0{border-left:0}.border-lg-t{border-top:1px solid #dedede}.border-lg-t-0{border-top:0}.col-count-md-2,.col-count-xl-3{column-gap:4rem}.d-lg-none{display:none}.d-lg-inline{display:inline}.d-lg-inline-block{display:inline-block}.d-lg-block{display:block}.d-lg-flex{display:flex}.d-lg-inline-flex{display:inline-flex}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-1{flex:1 1 0%}.flex-lg-auto{flex:1 1 auto}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.float-lg-right{float:right}.float-lg-left{float:left}.order-lg-first{order:-1}.order-lg-last{order:9999}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.w-lg-50{width:50%}.m-lg-0{margin:0!important}.mt-lg-0{margin-top:0!important}.mr-lg-0{margin-right:0!important}.mb-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.mx-lg-0{margin-right:0!important}.my-lg-0{margin-bottom:0!important;margin-top:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1{margin-top:.25rem!important}.mr-lg-1{margin-right:.25rem!important}.mb-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.mx-lg-1{margin-right:.25rem!important}.my-lg-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2{margin-top:.5rem!important}.mr-lg-2{margin-right:.5rem!important}.mb-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.mx-lg-2{margin-right:.5rem!important}.my-lg-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3{margin-top:1rem!important}.mr-lg-3{margin-right:1rem!important}.mb-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.mx-lg-3{margin-right:1rem!important}.my-lg-3{margin-bottom:1rem!important;margin-top:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4{margin-top:1.5rem!important}.mr-lg-4{margin-right:1.5rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.mx-lg-4{margin-right:1.5rem!important}.my-lg-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.m-lg-5{margin:2rem!important}.mt-lg-5{margin-top:2rem!important}.mr-lg-5{margin-right:2rem!important}.mb-lg-5{margin-bottom:2rem!important}.ml-lg-5,.mx-lg-5{margin-left:2rem!important}.mx-lg-5{margin-right:2rem!important}.my-lg-5{margin-bottom:2rem!important;margin-top:2rem!important}.m-lg-6{margin:2.5rem!important}.mt-lg-6{margin-top:2.5rem!important}.mr-lg-6{margin-right:2.5rem!important}.mb-lg-6{margin-bottom:2.5rem!important}.ml-lg-6,.mx-lg-6{margin-left:2.5rem!important}.mx-lg-6{margin-right:2.5rem!important}.my-lg-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.m-lg-7{margin:3rem!important}.mt-lg-7{margin-top:3rem!important}.mr-lg-7{margin-right:3rem!important}.mb-lg-7{margin-bottom:3rem!important}.ml-lg-7,.mx-lg-7{margin-left:3rem!important}.mx-lg-7{margin-right:3rem!important}.my-lg-7{margin-bottom:3rem!important;margin-top:3rem!important}.m-lg-8{margin:4rem!important}.mt-lg-8{margin-top:4rem!important}.mr-lg-8{margin-right:4rem!important}.mb-lg-8{margin-bottom:4rem!important}.ml-lg-8,.mx-lg-8{margin-left:4rem!important}.mx-lg-8{margin-right:4rem!important}.my-lg-8{margin-bottom:4rem!important;margin-top:4rem!important}.m-lg-9{margin:6rem!important}.mt-lg-9{margin-top:6rem!important}.mr-lg-9{margin-right:6rem!important}.mb-lg-9{margin-bottom:6rem!important}.ml-lg-9,.mx-lg-9{margin-left:6rem!important}.mx-lg-9{margin-right:6rem!important}.my-lg-9{margin-bottom:6rem!important;margin-top:6rem!important}.p-lg-0{padding:0!important}.pt-lg-0{padding-top:0!important}.pr-lg-0{padding-right:0!important}.pb-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.px-lg-0{padding-right:0!important}.py-lg-0{padding-bottom:0!important;padding-top:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1{padding-top:.25rem!important}.pr-lg-1{padding-right:.25rem!important}.pb-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.px-lg-1{padding-right:.25rem!important}.py-lg-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2{padding-top:.5rem!important}.pr-lg-2{padding-right:.5rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.px-lg-2{padding-right:.5rem!important}.py-lg-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3{padding-top:1rem!important}.pr-lg-3{padding-right:1rem!important}.pb-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.px-lg-3{padding-right:1rem!important}.py-lg-3{padding-bottom:1rem!important;padding-top:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4{padding-top:1.5rem!important}.pr-lg-4{padding-right:1.5rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.px-lg-4{padding-right:1.5rem!important}.py-lg-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.p-lg-5{padding:2rem!important}.pt-lg-5{padding-top:2rem!important}.pr-lg-5{padding-right:2rem!important}.pb-lg-5{padding-bottom:2rem!important}.pl-lg-5,.px-lg-5{padding-left:2rem!important}.px-lg-5{padding-right:2rem!important}.py-lg-5{padding-bottom:2rem!important;padding-top:2rem!important}.p-lg-6{padding:2.5rem!important}.pt-lg-6{padding-top:2.5rem!important}.pr-lg-6{padding-right:2.5rem!important}.pb-lg-6{padding-bottom:2.5rem!important}.pl-lg-6,.px-lg-6{padding-left:2.5rem!important}.px-lg-6{padding-right:2.5rem!important}.py-lg-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.p-lg-7{padding:3rem!important}.pt-lg-7{padding-top:3rem!important}.pr-lg-7{padding-right:3rem!important}.pb-lg-7{padding-bottom:3rem!important}.pl-lg-7,.px-lg-7{padding-left:3rem!important}.px-lg-7{padding-right:3rem!important}.py-lg-7{padding-bottom:3rem!important;padding-top:3rem!important}.p-lg-8{padding:4rem!important}.pt-lg-8{padding-top:4rem!important}.pr-lg-8{padding-right:4rem!important}.pb-lg-8{padding-bottom:4rem!important}.pl-lg-8,.px-lg-8{padding-left:4rem!important}.px-lg-8{padding-right:4rem!important}.py-lg-8{padding-bottom:4rem!important;padding-top:4rem!important}.p-lg-9{padding:6rem!important}.pt-lg-9{padding-top:6rem!important}.pr-lg-9{padding-right:6rem!important}.pb-lg-9{padding-bottom:6rem!important}.pl-lg-9,.px-lg-9{padding-left:6rem!important}.px-lg-9{padding-right:6rem!important}.py-lg-9{padding-bottom:6rem!important;padding-top:6rem!important}.ml-auto{margin-left:auto}.m-auto{margin:auto}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}.pronouns{font-size:2.25rem}.davis-lead{margin-left:2rem;margin-right:2rem;padding:1rem 2rem}}@media only screen and (min-width:1024px) and (min-width:1024px){.paragraphs--wide .paragraph--expand,.paragraphs--wide .paragraph--image:not(.image--left):not(.image--right),.paragraphs--wide .paragraph--video,.paragraphs--wide .paragraphs--wide__offset{padding-left:2rem;padding-right:2rem}}@media only screen and (min-width:1200px){.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card:before{padding-top:60.60606%}}@media only screen and (min-width:1280px){.banner .banner__content{margin-right:2rem}.banner .banner__link{right:2rem}.school-header.davis-header .school-header__main{align-items:flex-start}.davis-nav{display:initial}.davis-nav__handle{display:none}.davis-nav__menu{display:flex;flex-direction:column-reverse}.dispatches-item__label{padding-left:1.5rem;padding-right:1.5rem}.dispatches-item__body{height:220.9px;padding:0 1.5rem}.paragraph--fluencies{padding-top:3rem}.paragraph--fluencies h2{font-size:3rem}.paragraph--fluencies h2+p{font-size:2.5rem}.paragraph--fluencies .focus-area--wrapper{overflow:initial}.paragraph--fluencies ul li{margin:0;padding-right:1rem}.paragraph--fluencies ul li .focus-area-item__content:before{padding-top:80.12048%}.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;max-width:none;width:auto}.col-xl-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{flex:0 0 100%;max-width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}.grid-container .grid-quad-block .quad-item-1{height:403px;max-width:716px}.grid-container .grid-quad-block .quad-item-2{height:402px;max-width:305px}.grid-container .grid-quad-block .quad-item-3{height:716px;max-width:403px}.grid-container .grid-quad-block .quad-item-4{height:305px;max-width:305px}.grid-hover__overlay.text-small{padding:0 1.5rem}.grid-modal__overlay .portrait-video--grid{max-width:459px}.grid-quote .grid-quote__text{font-size:2.25rem;line-height:2.6}.grid-quote .grid-quote__caption,.grid-quote .grid-quote__caption p{font-size:1.125rem!important}.grid-quote.quote-text--small .grid-quote__text{font-size:1.75rem;font-weight:300}.grid-stats .chart-group__list.chart-group__list--2 .chart-group__item:first-child{margin-bottom:3rem}.journey-section.journey-section--intro .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-01-1440x810.webp?fv=1)}.journey-section.journey-section--learning .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-02-1440x810.webp?fv=1)}.journey-section.journey-section--thinking .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-03-1440x810.webp?fv=1)}.journey-section.journey-section--opportunity .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-04-1440x810.webp?fv=1)}.journey-section .journey-section__body .journey-section__text h1{font-size:3rem}.journey-section .journey-section__body .journey-section__text p.sub-title{font-size:1rem;margin-top:3rem}.journey-section .journey-section__body .journey-section__text p.blurb{font-size:2.5rem}.journey-section .school-picker{overflow-x:hidden}.journey-modal__header-container{flex-direction:row;padding-bottom:1rem}.journey-modal__header-container .journey-modal__header--wrapper{display:block;margin-bottom:1rem}.journey-modal__header-container .journey-modal__cobblestones{align-items:normal;padding-right:1.5rem;padding-top:.875rem}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cobblestones-button{padding:.125rem 0 0}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination-wrapper{height:4rem;overflow:initial;padding:0}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination{overflow:initial}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link .cb-link__text{bottom:0;font-size:.875rem;margin-bottom:0;top:2.5rem}.journey-modal__header-container .journey-modal__button.desktop{display:flex}.journey-modal__header-container .journey-modal__button.mobile{display:none}.journey-modal__overlay .journey-modal__overlay-container .video .transcript{margin-top:1.125rem}.journey-modal__overlay .portrait-video--grid{max-width:459px}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card:before{padding-top:56.25%}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--text-content{padding:1.5rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--button{padding:.5rem 1rem .5rem 1.5rem}.lib-search__content .lib-search__title{margin-top:8rem}.logo-bar__item{flex-basis:auto}.mega-cta__content-position-left-top{left:9.5rem;top:4rem}.mega-cta__content-position-left-bottom{bottom:4rem;left:9.5rem;top:auto}.mega-cta__content-position-right-top{right:9.5rem;top:4rem}.mega-cta__content-position-right-bottom{bottom:4rem;right:9.5rem;top:auto}.midd-footer__item:not(:first-child){margin-left:1.5rem}.midd-footer.davis-footer .midd-footer__list{align-items:center;display:flex;height:100%;justify-content:flex-end}.midd-footer.davis-footer .midd-footer__item:not(:first-child){margin-left:1.5rem}.midd-footer.davis-footer .midd-footer__link{padding-bottom:0;padding-top:0}.page-header--wrmc .page-header__figure:before{background:linear-gradient(to bottom left,#202020e6,#0000 25%)}.profile-detail__link-table{margin-bottom:6rem}.school-header__content{position:relative}.school-nav__handle{display:none}.school-nav__menu{display:flex;flex-direction:column-reverse}.school-search__handle{border-bottom:4px solid #0000;font-size:1rem;font-weight:500;opacity:.8;padding-left:0;padding-right:0;transition:opacity .2s,border-color .2s}.school-search__handle.is-toggled,.school-search__handle:hover{opacity:1}.theme-college .school-search__handle.is-toggled,.theme-college .school-search__handle:hover{border-color:#0d395f}.theme-institute .school-search__handle.is-toggled,.theme-institute .school-search__handle:hover{border-color:#97bbd5}.theme-sa .school-search__handle.is-toggled,.theme-sa .school-search__handle:hover{border-color:#75a3cd}.theme-ls .school-search__handle.is-toggled,.theme-ls .school-search__handle:hover{border-color:#8f9a17}.theme-blse .school-search__handle.is-toggled,.theme-blse .school-search__handle:hover{border-color:#c26533}.theme-blwc .school-search__handle.is-toggled,.theme-blwc .school-search__handle:hover{border-color:#ffc107}.theme-uwc .school-search__handle.is-toggled,.theme-uwc .school-search__handle:hover{border-color:#fff}.theme-wrmc .school-search__handle.is-toggled,.theme-wrmc .school-search__handle:hover{border-color:#ee6cb9}.school-search__content{border:1px solid #0d395f;width:400px}.themed-panel{display:flex}.themed-panel__main{display:flex;flex:1;flex-direction:column;justify-content:space-between;position:static}.themed-panel__media{position:static}.themed-panel__figure,.themed-panel__figure img{height:100%;left:0;position:absolute;top:0;width:100%}.themed-panel__figure img{font-family:"object-fit: cover;";object-fit:cover}.themed-panel__title{position:relative}.themed-panel__article{padding-bottom:2rem;position:static;width:75%}.themed-panel__secondary{background:#000000b3;display:block;flex:0 0 360px;min-height:810px;z-index:4}.themed-panel__subarticle{margin-top:3rem;padding-bottom:0;padding-top:0}.themed-panel__subarticle:not(:last-of-type){margin-right:0}.waveform__list{padding-bottom:3.375rem}.waveform__list-item.has-toggler .waveform__event-card{padding:1.5rem 1rem 1rem}.waveform__list-item.has-toggler .waveform__event-card,.waveform__list-item.has-toggler.is-toggled{height:500px!important;min-width:383px}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text{height:390px}.waveform__list-item.has-toggler h3{padding-top:3rem}.waveform__list-item .paragraph--button{margin:0;width:100%}.bar-height-style-xl-0{height:429px}.bar-height-style-xl-1{height:431px}.bar-height-style-xl-2{height:435px}.bar-height-style-xl-3{height:446px}.bar-height-style-xl-4{height:454px}.bar-height-style-xl-5{height:514px}.bar-margin-style-xl-0{margin-top:0}.bar-margin-style-xl-1{margin-top:10px}.bar-margin-style-xl-2{margin-top:20px}.bar-margin-style-xl-3{margin-top:30px}.bar-margin-style-xl-4{margin-top:35px}.wrmc-header__logo-wordmark span:first-child{font-size:4rem}.wrmc-header__logo-wordmark span:last-child{font-size:1.125rem;margin-top:.25rem}.border-xl-b{border-bottom:1px solid #dedede}.border-xl-b-0{border-bottom:0}.border-xl-r{border-right:1px solid #dedede}.border-xl-r-0{border-right:0}.border-xl-l{border-left:1px solid #dedede}.border-xl-l-0{border-left:0}.border-xl-t{border-top:1px solid #dedede}.border-xl-t-0{border-top:0}.col-count-xl-3{column-count:3}.d-xl-none{display:none}.d-xl-inline{display:inline}.d-xl-inline-block{display:inline-block}.d-xl-block{display:block}.d-xl-flex{display:flex}.d-xl-inline-flex{display:inline-flex}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-1{flex:1 1 0%}.flex-xl-auto{flex:1 1 auto}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.float-xl-right{float:right}.float-xl-left{float:left}.order-xl-first{order:-1}.order-xl-last{order:9999}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.w-xl-50{width:50%}.m-xl-0{margin:0!important}.mt-xl-0{margin-top:0!important}.mr-xl-0{margin-right:0!important}.mb-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.mx-xl-0{margin-right:0!important}.my-xl-0{margin-bottom:0!important;margin-top:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1{margin-top:.25rem!important}.mr-xl-1{margin-right:.25rem!important}.mb-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.mx-xl-1{margin-right:.25rem!important}.my-xl-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2{margin-top:.5rem!important}.mr-xl-2{margin-right:.5rem!important}.mb-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.mx-xl-2{margin-right:.5rem!important}.my-xl-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3{margin-top:1rem!important}.mr-xl-3{margin-right:1rem!important}.mb-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.mx-xl-3{margin-right:1rem!important}.my-xl-3{margin-bottom:1rem!important;margin-top:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4{margin-top:1.5rem!important}.mr-xl-4{margin-right:1.5rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.mx-xl-4{margin-right:1.5rem!important}.my-xl-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.m-xl-5{margin:2rem!important}.mt-xl-5{margin-top:2rem!important}.mr-xl-5{margin-right:2rem!important}.mb-xl-5{margin-bottom:2rem!important}.ml-xl-5,.mx-xl-5{margin-left:2rem!important}.mx-xl-5{margin-right:2rem!important}.my-xl-5{margin-bottom:2rem!important;margin-top:2rem!important}.m-xl-6{margin:2.5rem!important}.mt-xl-6{margin-top:2.5rem!important}.mr-xl-6{margin-right:2.5rem!important}.mb-xl-6{margin-bottom:2.5rem!important}.ml-xl-6,.mx-xl-6{margin-left:2.5rem!important}.mx-xl-6{margin-right:2.5rem!important}.my-xl-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.m-xl-7{margin:3rem!important}.mt-xl-7{margin-top:3rem!important}.mr-xl-7{margin-right:3rem!important}.mb-xl-7{margin-bottom:3rem!important}.ml-xl-7,.mx-xl-7{margin-left:3rem!important}.mx-xl-7{margin-right:3rem!important}.my-xl-7{margin-bottom:3rem!important;margin-top:3rem!important}.m-xl-8{margin:4rem!important}.mt-xl-8{margin-top:4rem!important}.mr-xl-8{margin-right:4rem!important}.mb-xl-8{margin-bottom:4rem!important}.ml-xl-8,.mx-xl-8{margin-left:4rem!important}.mx-xl-8{margin-right:4rem!important}.my-xl-8{margin-bottom:4rem!important;margin-top:4rem!important}.m-xl-9{margin:6rem!important}.mt-xl-9{margin-top:6rem!important}.mr-xl-9{margin-right:6rem!important}.mb-xl-9{margin-bottom:6rem!important}.ml-xl-9,.mx-xl-9{margin-left:6rem!important}.mx-xl-9{margin-right:6rem!important}.my-xl-9{margin-bottom:6rem!important;margin-top:6rem!important}.p-xl-0{padding:0!important}.pt-xl-0{padding-top:0!important}.pr-xl-0{padding-right:0!important}.pb-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.px-xl-0{padding-right:0!important}.py-xl-0{padding-bottom:0!important;padding-top:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1{padding-top:.25rem!important}.pr-xl-1{padding-right:.25rem!important}.pb-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.px-xl-1{padding-right:.25rem!important}.py-xl-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2{padding-top:.5rem!important}.pr-xl-2{padding-right:.5rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.px-xl-2{padding-right:.5rem!important}.py-xl-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3{padding-top:1rem!important}.pr-xl-3{padding-right:1rem!important}.pb-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.px-xl-3{padding-right:1rem!important}.py-xl-3{padding-bottom:1rem!important;padding-top:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4{padding-top:1.5rem!important}.pr-xl-4{padding-right:1.5rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.px-xl-4{padding-right:1.5rem!important}.py-xl-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.p-xl-5{padding:2rem!important}.pt-xl-5{padding-top:2rem!important}.pr-xl-5{padding-right:2rem!important}.pb-xl-5{padding-bottom:2rem!important}.pl-xl-5,.px-xl-5{padding-left:2rem!important}.px-xl-5{padding-right:2rem!important}.py-xl-5{padding-bottom:2rem!important;padding-top:2rem!important}.p-xl-6{padding:2.5rem!important}.pt-xl-6{padding-top:2.5rem!important}.pr-xl-6{padding-right:2.5rem!important}.pb-xl-6{padding-bottom:2.5rem!important}.pl-xl-6,.px-xl-6{padding-left:2.5rem!important}.px-xl-6{padding-right:2.5rem!important}.py-xl-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.p-xl-7{padding:3rem!important}.pt-xl-7{padding-top:3rem!important}.pr-xl-7{padding-right:3rem!important}.pb-xl-7{padding-bottom:3rem!important}.pl-xl-7,.px-xl-7{padding-left:3rem!important}.px-xl-7{padding-right:3rem!important}.py-xl-7{padding-bottom:3rem!important;padding-top:3rem!important}.p-xl-8{padding:4rem!important}.pt-xl-8{padding-top:4rem!important}.pr-xl-8{padding-right:4rem!important}.pb-xl-8{padding-bottom:4rem!important}.pl-xl-8,.px-xl-8{padding-left:4rem!important}.px-xl-8{padding-right:4rem!important}.py-xl-8{padding-bottom:4rem!important;padding-top:4rem!important}.p-xl-9{padding:6rem!important}.pt-xl-9{padding-top:6rem!important}.pr-xl-9{padding-right:6rem!important}.pb-xl-9{padding-bottom:6rem!important}.pl-xl-9,.px-xl-9{padding-left:6rem!important}.px-xl-9{padding-right:6rem!important}.py-xl-9{padding-bottom:6rem!important;padding-top:6rem!important}.ml-auto{margin-left:auto}.m-auto{margin:auto}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media only screen and (min-width:1440px){.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text h3{font-size:2rem;font-weight:300}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text p{font-size:1rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--title{font-size:2rem;font-weight:300;padding-bottom:.5rem}}@media only screen and (min-width:1600px){.journey-section.journey-section--intro .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-01-1920x1080.webp?fv=1)}.journey-section.journey-section--learning .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-02-1920x1080.webp?fv=1)}.journey-section.journey-section--thinking .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-03-1920x1080.webp?fv=1)}.journey-section.journey-section--opportunity .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-04-1920x1080.webp?fv=1)}}@media (hover:hover){.to-top-btn:hover{transform:translateY(-10%)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}.journey-section .journey-video--button{display:none}.waveform__list{overflow:scroll}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.media--contain-caption{table-layout:fixed;width:100%}.image--left .media--contain-caption,.image--right .media--contain-caption,.media-object .media--contain-caption{width:auto}}@media print{body{padding-top:0!important}.paragraph--lead-pulled-up,.paragraph--pull-up{margin-top:0}.accordion-item__content,.accordion-item__content--column{display:flex!important}.anchor-header{border-bottom:0}.anchor-header__button{display:none!important}.app-header__wrap{display:block}.app-header__logo{float:right}.app-header__link{display:block;margin-top:1rem}.app-header__secondary,.box-menu,.breadcrumb{display:none!important}.chart-group__list,.cta-group{display:block}.davis-nav,.digest,.footer-menu{display:none!important}.container{padding-left:0;padding-right:0}.row{display:block}.image--left,.image--right{float:none!important}.journey-modal__header-container.headroom{position:relative}.journey-modal__header-container{border:0}.midd-footer,.midd-nav,.midd-search,.nav{display:none!important}.office-footer__row{display:block}.page-nav{display:none!important}.school-header.headroom{position:relative}.school-header{border:0}.school-nav,.school-search,.tabs__list,.tabs__nav{display:none!important}.wrmc-accordion-item__content-list{display:flex!important}.wrmc-header.headroom{position:relative}.wrmc-header{border:0}.wrmc-nav{display:none!important}.typography a[href]:after{background:#0000;color:#202020;content:"(" attr(href) ")";font-size:inherit;font-style:italic;letter-spacing:0;margin:0;padding:0;text-transform:none;white-space:nowrap;word-break:break-word}.typography abbr[title]:after{content:"(" attr(title) ")"}*{background:#0000!important;color:#202020!important}h1,h2,h3,h4,h5,h6{font-family:georgia,serif}h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{text-decoration:none!important}p{font-family:arial,sans-serif}a{border:0!important;color:#202020!important}img{break-inside:avoid}.print-hide{display:none!important}.roster .media-object:after{clear:both;content:"";display:block}.roster .media-object__image{float:left;margin-right:1rem;width:200px}.roster .float-md-left,.roster .media-object__body{float:left}.roster .pr-md-3{padding-right:1rem}}
\ No newline at end of file
+ */.footer-cta-light h2,.pika-single{font-family:Open Sans,tahoma,geneva,sans-serif}.pika-single{background:#fff;border:1px solid #dedede;color:#202020;display:block;position:relative;z-index:9999}.pika-single.is-hidden{display:none}.pika-single.is-bound{box-shadow:0 5px 15px -5px none;position:absolute}.pika-single:after,.pika-single:before{content:" ";display:table}.pika-single:after{clear:both}.pika-lendar{float:left;margin:8px;width:240px}.pika-title{position:relative;text-align:center}.pika-title select{cursor:pointer;left:0;margin:0;opacity:0;position:absolute;top:5px;z-index:9998}.pika-label{background-color:#fff;color:#0d395f;display:inline-block;font-size:14px;font-weight:700;line-height:20px;margin:0;overflow:hidden;padding:5px 3px;position:relative;z-index:9999}.pika-next,.pika-prev{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:75% 75%;border:0;cursor:pointer;display:block;height:30px;opacity:.5;outline:none;overflow:hidden;padding:0;position:relative;text-indent:20px;white-space:nowrap;width:20px}.pika-next:hover,.pika-prev:hover{opacity:1}.pika-next.is-disabled,.pika-prev.is-disabled{cursor:default;opacity:.2}.is-rtl .pika-next,.pika-prev{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");float:left}.is-rtl .pika-prev,.pika-next{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");float:right}.pika-select{display:inline-block}.pika-table{border:0;border-collapse:collapse;border-spacing:0;width:100%}.pika-table td,.pika-table th{padding:0;width:14.285714285714286%}.pika-table th{font-size:12px;font-weight:700;line-height:25px;text-align:center}.pika-table abbr{border-bottom:none;cursor:help}.pika-button{background:#0000;border:0;box-sizing:border-box;color:#0d395f;cursor:pointer;display:block;font-size:12px;height:auto;line-height:15px;margin:0;outline:none;padding:5px;text-align:right;width:100%}.has-event .pika-button{background:#3af;color:#fff}.is-today .pika-button{color:#0d395f;font-weight:700}.is-selected .pika-button{background:#0d395f;border-radius:3px;box-shadow:inset 0 1px 3px #0000;color:#fff;font-weight:700}.is-disabled .pika-button,.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-disabled .pika-button{cursor:default;pointer-events:none}.pika-button:hover{background:#dedede;border-radius:3px;box-shadow:none;color:#0d395f}.pika-button .is-selection-disabled{cursor:default;pointer-events:none}.pika-week{color:#999;font-size:11px}.is-inrange .pika-button{background:#d5e9f7;color:#666}.is-startrange .pika-button{background:#6cb31d;border-radius:3px;box-shadow:none;color:#fff}.is-endrange .pika-button{background:#3af;border-radius:3px;box-shadow:none;color:#fff}.pika-single{border:0;padding:0;z-index:200}.pika-lendar{float:none;width:inherit}.pika-table th{color:#202020;font-size:14px;font-weight:400;padding-bottom:.5rem}.pika-table td{border:1px solid #dedede}.pika-table abbr{cursor:default;text-decoration:none}.pika-next:focus,.pika-prev:focus{opacity:1;outline:1px solid #0d395f}.pika-button{border-radius:0!important;box-shadow:none!important;font-size:14px;line-height:1.5;padding:.5rem;text-align:center}.is-selected .pika-button:focus,.is-selected .pika-button:hover{background:#0d395f;color:#fff}.is-disabled .pika-button,.is-outside-current-month .pika-button{color:#dedede;opacity:1}.pika-button:focus{background:#dedede;color:#0d395f}.school-header.davis-header{background:#202020;border:0;position:relative}.school-header.davis-header .school-header__main{align-items:flex-start}.school-header.davis-header .school-header__menu-content{display:flex;flex-direction:column}.school-header.davis-header .school-header__logo{padding-bottom:1rem;padding-top:1rem}.school-header.davis-header .school-header__logo img:first-child{padding-bottom:3rem}.school-header.davis-header .school-header__logo img:nth-child(2){left:1rem;position:absolute;top:4.375rem}.school-header.davis-header .school-header__util-links{display:flex;flex-direction:row-reverse}.school-header.davis-header .school-header__util-links .school-search__handle{color:#fff;font-weight:600}.theme-uwc .page-header--has-image{min-height:400px}.theme-uwc .drawer__content{background:#202020}.theme-uwc .drawer-nav__item{border-top-color:#767676}.theme-uwc .drawer-nav__handle{border-left-color:#767676}.theme-uwc .drawer-nav__list{border-top-color:#767676}.davis-nav{display:none}.davis-nav .davis-nav__link{border-bottom:1px solid #0000;font-size:.75rem;padding-bottom:0;padding-top:1rem;text-decoration:none}.davis-nav .davis-nav__link:hover{border-bottom-color:initial;text-decoration:none}.davis-nav__handle{background:none;border:0;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;line-height:1.7;padding:1rem 0 1rem 1rem}.davis-nav__handle.is-toggled .davis-nav__bars,.davis-nav__menu,.davis-nav__times{display:none}.davis-nav__handle.is-toggled .davis-nav__times{display:inline-block}.davis-nav__list{display:flex;justify-content:flex-end}.davis-nav__list--sub{background-color:#202020;display:block;left:0;min-width:300px;opacity:0;padding:.5rem 1rem;position:absolute;top:100%;transition:opacity .2s;visibility:hidden;z-index:200}.davis-nav__list--cols{column-count:2;min-width:500px}.davis-nav__list--cols .davis-nav__item{display:inline-block;width:100%}.davis-nav__item{display:block;position:relative;transition:opacity .2s}.davis-nav__item:not(:last-child):not(.davis-nav__item--sub){margin-right:2rem}.davis-nav__item:focus-within .davis-nav__list--sub,.davis-nav__item:hover .davis-nav__list--sub{opacity:1;visibility:visible}.davis-nav__link{color:#fff;display:block;font-size:.875rem;font-weight:600;opacity:.8;padding-bottom:.5rem;padding-top:.5rem;transition:opacity .2s,border-color .2s}.davis-nav__link:hover{opacity:1;text-decoration:none}.davis-nav__link.is-toggled{border-color:#fff;opacity:1}.davis-nav__link .school-search__times{display:none}.davis-nav__link.is-toggled .school-search__times{display:inline-block}.davis-nav__link.is-toggled .school-search__mag{display:none}.davis-nav__link--sub{font-size:.875rem;padding-bottom:.5rem;padding-top:.5rem}.davis-nav__link--sub:focus,.davis-nav__link--sub:hover{text-decoration:underline}.davis-nav__link--top{border-bottom:4px solid #0000}.theme-college .davis-nav__item:focus-within .davis-nav__link--top,.theme-college .davis-nav__item:hover .davis-nav__link--top{border-color:#0d395f}.theme-institute .davis-nav__item:focus-within .davis-nav__link--top,.theme-institute .davis-nav__item:hover .davis-nav__link--top{border-color:#97bbd5}.theme-sa .davis-nav__item:focus-within .davis-nav__link--top,.theme-sa .davis-nav__item:hover .davis-nav__link--top{border-color:#75a3cd}.theme-ls .davis-nav__item:focus-within .davis-nav__link--top,.theme-ls .davis-nav__item:hover .davis-nav__link--top{border-color:#8f9a17}.theme-blse .davis-nav__item:focus-within .davis-nav__link--top,.theme-blse .davis-nav__item:hover .davis-nav__link--top{border-color:#c26533}.theme-blwc .davis-nav__item:focus-within .davis-nav__link--top,.theme-blwc .davis-nav__item:hover .davis-nav__link--top{border-color:#ffc107}.theme-uwc .davis-nav__item:focus-within .davis-nav__link--top,.theme-uwc .davis-nav__item:hover .davis-nav__link--top{border-color:#fff}.theme-wrmc .davis-nav__item:focus-within .davis-nav__link--top,.theme-wrmc .davis-nav__item:hover .davis-nav__link--top{border-color:#ee6cb9}.theme-college .davis-nav__link--active{border-color:#0d395f}.theme-institute .davis-nav__link--active{border-color:#97bbd5}.theme-sa .davis-nav__link--active{border-color:#75a3cd}.theme-ls .davis-nav__link--active{border-color:#8f9a17}.theme-blse .davis-nav__link--active{border-color:#c26533}.theme-blwc .davis-nav__link--active{border-color:#ffc107}.theme-uwc .davis-nav__link--active{border-color:#fff}.theme-wrmc .davis-nav__link--active{border-color:#ee6cb9}.digest{border-left:1px solid #dedede}.digest__title{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;letter-spacing:.1em;padding:1rem 1rem 1rem 1.25rem;text-transform:uppercase}.digest__nav{background-color:#fff}.digest__item{margin-bottom:.5rem}.digest__link{border-left:4px solid #0000;display:block;font-size:.875rem;padding:.25rem 1rem;transition:border-color .2s}.digest__item.active .digest__link{border-color:#0d395f}.dispatches-item{border:.5rem solid #75a3cd;border-top:0;height:470px}.dispatches-item p+article{padding-top:0}.dispatches-item__card{height:100%}.dispatches-item__label{bottom:0;font-size:.75rem;letter-spacing:.1em;line-height:1;margin-top:1rem;padding:.5rem;position:absolute;text-transform:uppercase}.dispatches-item__image-wrapper{position:relative}.dispatches-item__image-wrapper:before{content:"";display:block;padding-top:56.25%;width:100%}.dispatches-item__image-wrapper>.dispatches-item__image{height:100%;left:0;position:absolute;top:0;width:100%}.dispatches-item__image-wrapper img{font-family:"object-fit: cover;";height:100%;object-fit:cover;width:100%}.dispatches-item__content{z-index:3}.dispatches-item__side{animation:fadeInDown .8s;display:flex;flex-direction:column;height:100%}.dispatches-item.has-toggler.is-toggled .dispatches-item__side--front{display:none}.dispatches-item__side--back{background-color:#e5f1fa}.dispatches-item.has-toggler .dispatches-item__side--back{display:none}.dispatches-item.is-toggled .dispatches-item__side--back{display:flex}.dispatches-item__toggle{padding:.5rem;right:0;top:0}.dispatches-item__header{background-image:linear-gradient(180deg,#202020bf 20%,#fff0);padding:1rem 2.5rem 1.5rem 1rem}.dispatches-item__side--back .dispatches-item__header{background:0}.dispatches-item__body{height:244.4px;overflow:hidden;padding:0 .5rem}.dispatches-item__body h4{font-weight:700;line-height:1.7;margin-bottom:.25rem;margin-top:.5rem}.dispatches-item__body p{display:inline;font-size:1rem}.dispatches-item__body .dispatches-item__title-label{background-color:#fff;border:1px solid #0d395f;border-radius:1rem;color:#0d395f;display:inline;margin-left:.25rem;padding:0 .25rem}.dispatches-item__body .dispatches-item__title-label .dispatches-item__icon{height:.875em;margin-bottom:.125rem;margin-left:.125rem;width:.625em}.dispatches-item__body-text h4{font-weight:700;line-height:1.7;margin-bottom:.25rem;margin-top:.5rem}.dispatches-item__body-text p{font-size:1rem}.dispatches-item__footer{flex:0 1 auto;margin-top:auto;padding:1rem;text-align:center}.dispatches-item__side--back .dispatches-item__footer:after{background-image:linear-gradient(180deg,#fff0,#e5f1fa);bottom:100%;content:"";display:block;height:2rem;left:0;width:100%}.dispatches-item__title{font-family:Domine,georgia,serif;font-size:1.125rem;line-height:1.4}.dispatches-item__side--front .dispatches-item__title{color:#fff}.dispatches-item__text{font-size:1rem}.dispatches-item__side--front .dispatches-item__text{color:#fff}.dispatches-item__header--band{margin-top:6rem;padding:.5rem 1rem}.dispatches-row{position:relative}.dispatches__controls{margin-top:2rem}.dispatches-button{align-items:center;display:flex;filter:drop-shadow(0 0 .5rem rgba(0,0,0,.2));height:2rem;justify-content:center;padding:0;position:absolute;top:25%;width:2rem;z-index:2}.dispatches-button:first-child{margin-left:1rem}.dispatches-button:first-child .dispatches-button--icon{margin-right:.25rem}.dispatches-button:last-child{margin-right:1rem;right:0}.dispatches-button:last-child .dispatches-button--icon{margin-left:.25rem}.dispatches-button svg.dispatches-button--icon{height:1.5rem;width:1.5rem}.dispatches-button.button--disabled{opacity:0}.dispatches__content{display:flex;height:470px}.drawer-nav__handle{background:none;border:0;border-left:1px solid #174872;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;line-height:1.7;padding:1rem}.drawer-nav__chevron{transition:transform .2s ease-in-out}.drawer-nav__handle.is-toggled .drawer-nav__chevron{transform:rotate(-180deg)}.drawer-nav__list{width:100%}.drawer-nav__list--util{border-top:4px solid #174872}.drawer-nav__list--sub{display:none}.drawer-nav__list--sub.is-toggled{display:block}.drawer-nav__item{border-top:1px solid #174872;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}.drawer-nav__link{color:#fff;display:block;flex:1;padding:1rem}.drawer-nav__link--sub{font-size:.875rem;padding-left:3rem}.drawer-nav__link--top{font-weight:500}.drawer-nav__link--util{font-size:.875rem;font-weight:400}.drawer{bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:300}.drawer.is-open{display:block}.drawer__overlay{animation:fadeIn .2s;background:#202020bf;left:0;z-index:2}.drawer__content,.drawer__overlay{bottom:0;position:absolute;right:0;top:0}.drawer__content{max-width:100%;overflow-y:auto;width:300px;-webkit-overflow-scrolling:touch;animation:slideInRight .2s;background:#0d395f;z-index:3}.drawer__header{padding-bottom:1rem;padding-top:1rem;text-align:right}.drawer__close{background:none;border:0;color:#fff;font-size:.875rem;padding:1rem}.dropdown{position:relative}.dropdown__button{align-items:center;background:#fff;border:1px solid #dedede;color:#0d395f;cursor:pointer;display:flex;font-family:inherit;font-weight:500;justify-content:space-between;line-height:1;padding:1rem;text-align:left;transition:border-color .2s,background .2s;width:100%}.dropdown.is-active .dropdown__button{background:#0d395f;color:#fff}.dropdown.is-active .dropdown__button,.dropdown__button:focus,.dropdown__button:hover{border-color:#0d395f}.dropdown__icon{transition:transform .2s ease-in-out}.dropdown.is-active .dropdown__icon{transform:rotate(-180deg)}.dropdown__list{background:#fff;border:1px solid #0d395f;border-top:0;left:0;opacity:0;position:absolute;top:100%;transition:opacity .2s;visibility:hidden;width:100%;z-index:200}.dropdown.is-active .dropdown__list{opacity:1;visibility:visible}.dropdown__link{display:block;font-weight:500;padding:.5rem 1rem}.dropdown__link:hover{background:#f8f8f8}.e2ma_signup_form{margin-bottom:4rem;max-width:400px}.e2ma_signup_form a{border-bottom:1px solid;text-decoration:none}.e2ma_signup_form a:hover{border-bottom-color:#0000;text-decoration:none}.e2ma_signup_message{font-family:Domine,georgia,serif;font-size:1.25rem;line-height:1.4;margin-bottom:1.5rem}.e2ma_signup_form_row{margin-bottom:2rem}.e2ma_signup_form_label{display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.e2ma_signup_form_required_asterix{color:#dc3545}.e2ma_signup_form_element input,.e2ma_signup_form_element select{appearance:none;background-color:#fff;border:1px solid #202020;border-radius:0;color:#202020;display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;padding:1rem;width:100%}.e2ma_signup_form_element input .is-error,.e2ma_signup_form_element select .is-error{border-color:#dc3545}.e2ma_signup_form_element input .is-valid,.e2ma_signup_form_element select .is-valid{border-color:#5e7d31}.e2ma_signup_form_element select:not([multiple]){background-color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAtElEQVQYlXXOsUpCcRQH4M/LRcMXcAr+W+/gIiRmECERiNBruDf3HioO1RO4uBcUEQ66RYSIhFPQ1HKC66XOcjjn/D44lZRSE0Nc4cv/VccYNzmucYJ79PD9B6jFvYuDDH084hS3qJZAFXcBHjDIsIvFM84xQV4AU5zhKT7aZXHcooNXXGIUYIQLvAT4hEpKqfhKA3Mc4Q2HWKCFzW8os19rtLEKsIx5UwyVEbzjGLPoH+XADz8MIz9yNyrhAAAAAElFTkSuQmCC");background-position:right 1rem center;background-repeat:no-repeat;padding-right:3rem}.e2ma_signup_form_element select:not([multiple])::-ms-expand{display:none}.e2ma_signup_form_required_footnote{font-size:.875rem;margin-bottom:2rem}.e2ma_signup_form_button{background:#0000;background-color:#0d395f;border:1px solid #0d395f;border-radius:0;color:#0d395f;color:#fff;cursor:pointer;display:inline-block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;padding:1rem 2rem;text-align:center;transition:color .2s,background-color .2s,border-color .2s;white-space:nowrap}.e2ma_signup_form_button:focus,.e2ma_signup_form_button:hover{background-color:#13548c;border-color:#13548c;color:#fff;text-decoration:none}.flowchart{background:#e5f1fa;counter-reset:flowchart}.flowchart__item{padding:2rem 2rem 2rem 3rem}.flowchart__item:not(:last-child){border-bottom:1px solid #dedede}.flowchart__item--active{border-left:4px solid #0d395f}.flowchart__item--answer{background:#0d395f;color:#fff}.flowchart__item--answer a{color:currentColor}.flowchart__title{position:relative}.flowchart__title:before{content:counter(flowchart) ".";counter-increment:flowchart;display:block;margin-right:4px;position:absolute;right:100%;top:0}.paragraph--fluencies{background-color:#002444;border-top:.5rem solid #75a3cd;color:#fff;padding-bottom:1.5rem;padding-top:1.5rem}.paragraph--fluencies *,.paragraph--fluencies>h2{font-family:Open Sans,tahoma,geneva,sans-serif}.paragraph--fluencies h2{font-size:1.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}.paragraph--fluencies h2+p{font-size:1.5rem;font-weight:300;line-height:1.4}.paragraph--fluencies .focus-area--wrapper{overflow-x:scroll}.paragraph--fluencies ul{min-width:1136px;width:100%}.paragraph--fluencies ul li{margin-right:.5rem;padding:0}.paragraph--fluencies ul li .focus-area-item__media{position:relative}.paragraph--fluencies ul li .focus-area-item__media:before{content:"";display:block;padding-top:100%;width:100%}.paragraph--fluencies ul li .focus-area-item__media a{height:100%;left:0;position:absolute;top:0;width:100%}.paragraph--fluencies ul li .focus-area-item__media a img{height:100%;object-fit:cover;width:100%}.paragraph--fluencies ul li .focus-area-item__content{background-color:#fff;border-bottom:.5rem solid #75a3cd;color:#202020;position:relative}.paragraph--fluencies ul li .focus-area-item__content:before{content:"";display:block;padding-top:86.14458%;width:100%}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text{height:100%;left:0;padding:1rem;position:absolute;top:0;width:100%}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text a{display:block;width:65%}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text a:hover{text-decoration-thickness:1px}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text h3{color:#0d395f;font-size:1.25rem;font-weight:400;padding-bottom:.5rem}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text p{font-size:.875rem}.paragraph--fluencies ul li:first-child .focus-area-item__content-text a{width:65%}.paragraph--fluencies ul li:nth-child(2) .focus-area-item__content-text a{width:55%}.paragraph--fluencies ul li:last-child{margin:0}.paragraph--fluencies ul li:last-child .focus-area-item__content-text a{width:85%}.paragraph--fluencies ul li .focus-area-item--button{align-items:center;border-top:1px solid #dedede;color:#0d395f;display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;letter-spacing:.1em;padding:.25rem 1rem;position:relative;text-transform:uppercase;width:100%}.paragraph--fluencies ul li .focus-area-item--button .icon{height:1.5em;width:1.5em}.filters__header{align-items:center;border-top:4px solid #0d395f;display:flex;justify-content:space-between;margin-bottom:1rem}.filters__title{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.filter{border:1px solid #dedede;margin-bottom:1rem}.filter__legend{float:left;width:100%}.filter__body:before{clear:both;content:"";display:block}.filter__body.has-toggler{display:none}.filter__body.is-toggled{display:block}.filter__children{border-left:1px solid #0d395f;margin-left:2rem}.filter__children .checkbox--filter .checkbox__label{padding-left:.5rem}.filter__button{align-items:center;color:#0d395f;display:flex;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;justify-content:space-between;padding:1rem;text-align:left;transition:background .2s;width:100%}.filter__button:hover{background:#f8f8f8}.filter__button:focus{outline:1px dashed #0d395f}.filter__button.has-toggler .filter__icon-open{display:block}.filter__button.has-toggler .filter__icon-close,.filter__button.is-toggled .filter__icon-open{display:none}.filter__button.is-toggled .filter__icon-close{display:block}.foldable__button{background:none;border:1px solid #dedede;color:#0d395f;font-size:.875rem;font-weight:600;padding:1rem;text-align:left;width:100%}.foldable__icon{float:right;transition:transform .2s ease-in-out}.foldable__button.is-toggled .foldable__icon{transform:rotate(-180deg)}.foldable__content{background-color:#f8f8f8;border:1px solid #dedede;border-top:0;padding:1rem}.foldable__content.has-toggler{display:none}.foldable__content.is-toggled{display:block}.footer-menu{margin-top:2rem}.footer-menu__title{color:#fff;font-family:Domine,georgia,serif;font-size:1rem;line-height:1.4}.footer-menu__item:not(:last-child),.footer-menu__title{margin-bottom:1.5rem}.footer-menu__link{color:#fff;font-size:.875rem}.label,label{display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group{margin-bottom:2rem}.form-control{appearance:none;background-color:#fff;border:1px solid #202020;border-radius:0;color:#202020;display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;padding:1rem;width:100%}.form-control .is-error{border-color:#dc3545}.form-control .is-valid{border-color:#5e7d31}textarea.form-control{line-height:1.7;min-height:200px;resize:vertical}select.form-control:not([multiple]){background-color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAtElEQVQYlXXOsUpCcRQH4M/LRcMXcAr+W+/gIiRmECERiNBruDf3HioO1RO4uBcUEQ66RYSIhFPQ1HKC66XOcjjn/D44lZRSE0Nc4cv/VccYNzmucYJ79PD9B6jFvYuDDH084hS3qJZAFXcBHjDIsIvFM84xQV4AU5zhKT7aZXHcooNXXGIUYIQLvAT4hEpKqfhKA3Mc4Q2HWKCFzW8os19rtLEKsIx5UwyVEbzjGLPoH+XADz8MIz9yNyrhAAAAAElFTkSuQmCC");background-position:right 1rem center;background-repeat:no-repeat;padding-right:3rem}select.form-control:not([multiple])::-ms-expand{display:none}.form-control--sm{font-size:.875rem;padding:.5rem 1rem}.form-check{display:flex;margin-bottom:.25rem}.form-check__input{position:relative;top:3px}.form-check__label{cursor:pointer;font-size:.875rem;font-weight:400;margin-bottom:0;padding-left:.5rem}.form-check--inline{display:inline-flex;margin-bottom:0;margin-right:1rem}.gallery__image{height:0;overflow:hidden;padding-top:56.25%;position:relative}.gallery__image img,.gallery__link:after{height:100%;left:0;position:absolute;top:0;width:100%}.gallery__link:after{background:#0d395f80;content:"";display:block;opacity:0;transition:opacity .2s}.gallery__link:focus:after,.gallery__link:hover:after{opacity:1}.gallery__button{bottom:0;left:0;position:absolute;z-index:1}.gallery__body{border:1px solid #dedede;padding:1rem 1.5rem}.gallery__title{font-family:Domine,georgia,serif;font-size:1.25rem;line-height:1.4;margin-bottom:.5rem}.gallery__text{font-size:1rem}.container{margin-left:auto;margin-right:auto;max-width:1440px;padding-left:1rem;padding-right:1rem}.row{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.row--no-gutters{margin-left:0!important;margin-right:0!important}.row--no-gutters>.col,.row--no-gutters>[class*=col-]{padding-left:0;padding-right:0}.row--sm-gutters{margin-left:-1rem!important;margin-right:-1rem!important}.row--sm-gutters>.col,.row--sm-gutters>[class*=col-]{padding-left:1rem;padding-right:1rem}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:1rem;padding-right:1rem;width:100%}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;max-width:none;width:auto}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.66667%;max-width:16.66667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333%;max-width:33.33333%}.col-5{flex:0 0 41.66667%;max-width:41.66667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333%;max-width:58.33333%}.col-8{flex:0 0 66.66667%;max-width:66.66667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333%;max-width:83.33333%}.col-11{flex:0 0 91.66667%;max-width:91.66667%}.col-12{flex:0 0 100%;max-width:100%}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}.helpfulness{background:#e5f1fa;padding:1.5rem}.helpfulness .form-item-helpfulness-rating{position:relative}.helpfulness .form-item-helpfulness-rating label{cursor:pointer;display:flex;font-size:.875rem;font-weight:500;margin-bottom:0;padding-bottom:.25rem;padding-top:.25rem;width:100%}.helpfulness .form-item-helpfulness-rating label:hover{text-decoration:none}.helpfulness .form-item-helpfulness-rating label:before{border:1px solid;border-radius:100%;content:"";display:block;flex:0 0 auto;height:1rem;margin-right:.25rem;margin-top:2px;width:1rem}.helpfulness .form-item-helpfulness-rating input[type=radio]{opacity:0;position:absolute}.helpfulness .form-item-helpfulness-rating input[type=radio]:focus~label:before{box-shadow:0 0 0 2px #0573cd}.helpfulness .form-item-helpfulness-rating input[type=radio]:checked~label:before{background:radial-gradient(circle,#0d395f 40%,#0000 0)}.helpfulness .form-item-helpfulness-comments{margin-bottom:2rem;margin-top:1.5rem}.helpfulness .form-textarea{appearance:none;background-color:#fff;border:1px solid #202020;border-radius:0;color:#202020;display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;line-height:1.7;min-height:200px;padding:1rem;resize:vertical;width:100%}.helpfulness .form-textarea .is-error{border-color:#dc3545}.helpfulness .form-textarea .is-valid{border-color:#5e7d31}.helpfulness .helpfulness_no_description,.helpfulness .helpfulness_yes_description{font-size:.875rem;margin-bottom:.25rem}.helpfulness p{font-size:inherit}.helpfulness--no .form-item-helpfulness-comments-yes,.helpfulness--unanswered .form-item-helpfulness-comments,.helpfulness--unanswered .form-item-helpfulness-comments-no,.helpfulness--unanswered .form-item-helpfulness-comments-yes,.helpfulness--unanswered .form-submit,.helpfulness--unanswered .helpfulness_no_description,.helpfulness--unanswered .helpfulness_no_title,.helpfulness--unanswered .helpfulness_yes_description,.helpfulness--unanswered .helpfulness_yes_title,.helpfulness--yes .form-item-helpfulness-comments-no{display:none}.quad-1{grid-area:quad-1}.quad-2{grid-area:quad-2}.quad-3{grid-area:quad-3}.quad-4{grid-area:quad-4}.quad-item-1{grid-area:quad-item-1;position:relative}.quad-item-2{grid-area:quad-item-2;position:relative}.quad-item-3{grid-area:quad-item-3;position:relative}.quad-item-4{grid-area:quad-item-4;position:relative}.grid-container{column-gap:.5rem;display:grid;grid-template-areas:"quad-1" "quad-2" "quad-3" "quad-4";margin:auto;width:-moz-fit-content;width:fit-content}.grid-container .grid-quad-block{display:grid;gap:.5rem;padding:0 0 .5rem;text-align:center}.grid-container .grid-quad-block.quad-2,.grid-container .grid-quad-block.quad-3,.grid-container .grid-quad-block.quad-4{display:none}.grid-container .grid-quad-block>div{background-color:#022543}.grid-container .grid-quad-block .quad-item-1{height:180px;max-width:320px}.grid-container .grid-quad-block .quad-item-2{height:180px;max-width:132px}.grid-container .grid-quad-block .quad-item-3{height:320px;max-width:180px}.grid-container .grid-quad-block .quad-item-4{height:132px;max-width:132px}.grid-container .grid-quad-block.quad-1{grid-template-areas:"quad-item-1 quad-item-1" "quad-item-2 quad-item-3" "quad-item-4 quad-item-3"}.grid-container .grid-quad-block.quad-2{grid-template-areas:"quad-item-3 quad-item-4" "quad-item-3 quad-item-2" "quad-item-1 quad-item-1"}.grid-container .grid-quad-block.quad-3{grid-template-areas:"quad-item-1 quad-item-1" "quad-item-4 quad-item-3" "quad-item-2 quad-item-3"}.grid-container .grid-quad-block.quad-4{grid-template-areas:"quad-item-3 quad-item-4" "quad-item-3 quad-item-2" "quad-item-1 quad-item-1"}.grid__label-icon{background-color:#fff;border-color:#fff;color:#0d395f;padding:3px 5px;position:absolute;right:0;top:0}.grid__label-icon.expand{padding:4px}.grid__label-icon .icon.expand{height:1rem;width:1rem}.grid__label-icon .icon.play{height:.625rem;width:.75rem}.grid__button{display:flex;margin:-2rem auto auto;position:relative;text-transform:uppercase}.grid__button .icon{margin-left:1rem}.grid__button .button--show-less{display:none}.grid__button.toggle-button{margin-top:-.5rem;padding:0}.grid__button.toggle-button .button--load-more{display:none}.grid__button.toggle-button .button--show-less{display:flex;padding:1rem 2rem}.grid__button.toggle-button .button--show-less:hover{color:#fff;text-decoration:none}.grid__button.button--light:focus{background-color:#fff;border-color:#fff;color:#0d395f}.grid__button.button--light:hover{background-color:#022543;border-color:#022543;color:#fff}.grid__button.button--light:hover a{color:#fff}@keyframes homepageFadeInOut{0%,to{opacity:0}50%{opacity:1}}@keyframes homepageSlideInOut{0%{opacity:0;transform:translateX(4rem)}50%{opacity:1;transform:translateX(0)}to{opacity:0}}@keyframes homepageSlideIn{0%{opacity:0;transform:translateX(4rem)}75%,to{opacity:1;transform:translateX(0)}}@keyframes homepageFadeOut{0%{opacity:1}to{opacity:0}}@keyframes homepageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes homepageColorFadeInOut1{0%,to{color:currentcolor}50%{color:#75a3cd}}@keyframes homepageColorFadeInOut2{0%,to{color:currentcolor}50%{color:#8f9a17}}@keyframes homepageColorFadeInOut3{0%,to{color:currentcolor}50%{color:#c26533}}@keyframes homepageColorFadeInOut4{0%,to{color:currentcolor}50%{color:#0d395f}}.homepage-header{color:#0d395f;margin-bottom:1.5rem;margin-top:2rem}.homepage-title{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.125rem;font-weight:600;letter-spacing:.125rem;overflow:hidden;text-transform:uppercase;width:100%}.homepage-title .homepage-title--transition-state{animation:3s ease-in-out;animation-play-state:inherit;display:block;font-size:1.75rem;opacity:0;width:91.66667%}.run-animation .homepage-title .homepage-title--transition-state{animation-name:homepageSlideInOut}.homepage-title .homepage-title--transition-state:nth-child(2){width:min-content}.homepage-title .homepage-title--transition-state:last-child{animation:2s ease-in forwards;animation-play-state:inherit;width:91.66667%}.run-animation .homepage-title .homepage-title--transition-state:last-child{animation-name:homepageSlideIn}.homepage-title .homepage-title--transition-state:not(:last-child){position:absolute}.homepage-title .homepage-title--transition-state:first-child{animation-delay:0s}.homepage-title .homepage-title--transition-state:first-child strong{color:#75a3cd}.homepage-title .homepage-title--transition-state:nth-child(2){animation-delay:2s}.homepage-title .homepage-title--transition-state:nth-child(2) strong{color:#8f9a17}.homepage-title .homepage-title--transition-state:nth-child(3){animation-delay:4s}.homepage-title .homepage-title--transition-state:nth-child(3) strong{color:#c26533}.homepage-title .homepage-title--transition-state:nth-child(4){animation-delay:6s}.homepage-title .homepage-title--transition-state:nth-child(4) strong{color:#0d395f}.homepage-header__list{animation-play-state:inherit;display:flex;flex-direction:column;margin-top:1rem}.homepage-header__list li{color:#202020;font-size:1.125rem;padding:0}.homepage-header__list li p{animation:3s ease-in-out;font-size:.875rem;padding-bottom:1rem}.homepage-header__list li strong{animation:3s ease-in-out;animation-play-state:inherit;color:#0d395f;font-weight:700}.homepage-header__list li:last-child p{padding-bottom:0}.homepage-header__list li:not(:last-child){margin-bottom:1rem}.homepage-header__list li:not(:last-child) p{border-bottom:1px solid #dedede}.run-animation .homepage-header__list li:first-child p,.run-animation .homepage-header__list li:first-child strong{animation-delay:0s;animation-name:homepageColorFadeInOut1}.run-animation .homepage-header__list li:nth-child(2) p,.run-animation .homepage-header__list li:nth-child(2) strong{animation-delay:2s;animation-name:homepageColorFadeInOut2}.run-animation .homepage-header__list li:nth-child(3) p,.run-animation .homepage-header__list li:nth-child(3) strong{animation-delay:4s;animation-name:homepageColorFadeInOut3}.homepage-header__container{align-items:flex-end;display:flex;justify-content:space-between;position:relative}.homepage-header__container button{margin-bottom:.375rem;position:absolute;right:0}.homepage-header__container button .homepage-button{background-color:#fff;border-radius:1.5rem;color:#0d395f;height:1.5rem;transition:color .2s,background-color .2s;width:1.5rem}.homepage-header__container button:focus .homepage-button,.homepage-header__container button:hover .homepage-button{background-color:#0d395f;color:#fff}.homepage-header__container .homepage-title--pause-button,.homepage-header__container .homepage-title--play-button,.homepage-header__container .homepage-title--replay-button{z-index:10}.homepage-header__container .homepage-title--pause-button{display:block}.homepage-header__container .homepage-title--play-button,.homepage-header__container .homepage-title--replay-button{display:none}.pause-animation{animation-play-state:paused!important}.quad-item-1,.quad-item-2,.quad-item-3,.quad-item-4{position:relative}.quad-item-1 .grid-expandable-tile,.quad-item-2 .grid-expandable-tile,.quad-item-3 .grid-expandable-tile,.quad-item-4 .grid-expandable-tile{height:100%;width:100%}.grid-hover__overlay{color:#fff;display:none;left:50%;opacity:0;padding:0 1.5rem;position:absolute;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transition:.2s ease;width:100%}.grid-hover__overlay .grid-hover__text p{font-size:1.5rem}.grid-hover__overlay.text-small{padding:0 1rem}.grid-hover__overlay.text-small p{font-size:1.125rem}.grid-modal{background:#022543f2;bottom:0;color:#fff;display:none;left:0;position:fixed;right:0;top:0;z-index:300}.grid-modal.is-open{align-items:center;display:block;overflow-y:scroll}.grid-modal__overlay figure{padding-bottom:2rem;padding-top:6rem}.grid-modal__overlay .portrait-video__content,.grid-modal__overlay .video__content{background:#202020}.grid-modal__overlay .portrait-video--grid{margin:inherit;max-width:225px}.grid-modal__overlay .portrait-video--grid .grid-portrait-video__button{z-index:2}.grid-modal__overlay .image__text,.grid-modal__overlay .video__text{font-size:.875rem}.grid-modal__overlay .image__text a,.grid-modal__overlay .video__text a{border-bottom:1px solid;color:#fff;text-decoration:none}.grid-modal__overlay .image__text a:hover,.grid-modal__overlay .video__text a:hover{border-bottom-color:#0000;text-decoration:none}.grid-modal__overlay .grid-image__body,.grid-modal__overlay .grid-video__body{margin-top:.5rem;text-align:left}.grid-modal__overlay .grid-video__transcript .transcript__button{color:#fff}.grid-modal__overlay .grid-video__transcript .transcript__button:hover{border-color:#fff;text-decoration:none}.grid-modal__button-container{position:fixed;width:100%}.grid-modal__button{background:none;border:0;color:#fff;display:block;font-size:.875rem;font-weight:600;letter-spacing:.1em;margin-right:1rem;margin-top:1.5rem;text-transform:uppercase}.grid-modal__button:focus,.grid-modal__button:hover{opacity:1}.grid-modal__button--close{margin-left:auto}.grid-modal__button--close .icon{height:1.5em;width:1.5em}.grid-quote{background:url(https://www.middlebury.edu/themes/custom/middlebury_theme/images/homepage-quote-blue.svg) no-repeat .5rem -.75rem;background-color:#fff;background-size:76px 60px;color:#0d395f;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.5rem;position:relative;width:100%}.grid-quote .grid-quote__text{font-size:1.125rem;font-weight:400;line-height:2;text-align:left}.grid-quote .grid-quote__caption{bottom:.5rem;position:absolute;right:.5rem}.grid-quote .grid-quote__caption,.grid-quote .grid-quote__caption p{font-size:.75rem!important;line-height:1.4!important;text-align:right}.grid-quote.quote--dark{background-color:#c0e3fd;background-image:url(https://www.middlebury.edu/themes/custom/middlebury_theme/images/homepage-quote-white.svg);color:#0d395f}.grid-quote.quote-text--small{background-size:56px 44px;padding:.5rem}.grid-quote.quote-text--small .grid-quote__text{font-size:.75rem;font-weight:600;line-height:1.7}.grid-quote.quote-text--small .grid-quote__caption{bottom:.5rem;right:.5rem}.grid-quote.quote-text--small .grid-quote__caption,.grid-quote.quote-text--small .grid-quote__caption p{font-size:.625rem!important;font-weight:600;line-height:1.4}.grid-stats{align-items:center;background:#fff;display:flex;height:100%;justify-content:center}.grid-stats.dark{background:#0d395f;color:#fff}.grid-stats.dark .chart-group__list .chart-group__item .stats__label{border-bottom:1px solid #fff}.grid-stats .chart-group__list{display:block;margin:0;width:100%}.grid-stats .chart-group__list .chart-group__item{flex:0 0 75%;margin:auto;max-width:75%;padding:0}.grid-stats .chart-group__list .chart-group__item .stats__label{border-bottom:1px solid #0d395f;display:flex;font-size:1.25rem;font-weight:700;justify-content:center;margin-bottom:.25rem;padding-bottom:.25rem}.grid-stats .chart-group__list .chart-group__item .stats__text{font-size:.75rem;font-weight:600;line-height:1.4}.grid-stats .chart-group__list.chart-group__list--2 .chart-group__item:first-child{margin-bottom:1rem}.icon{display:inline-block;height:1em;pointer-events:none;vertical-align:middle;width:1em}.image{justify-content:center}.image,.input-group{display:flex}.input-group .form-control{border-right:0;flex:1 1 auto}.input-group .button{border-left:0;flex:0 1 auto}.midd-header--transparent.miis-header,.midd-header.midd-header--transparent,.midd-header.miis-header__transparent,.miis-header.miis-header__transparent{background-color:unset}.midd-header--transparent,.miis-header__transparent{height:75px;left:0;position:fixed;top:0;transition:background-color .2s;width:100%;z-index:200}.midd-header--transparent .midd-header__container,.midd-header--transparent .miis-header__container,.miis-header__transparent .midd-header__container,.miis-header__transparent .miis-header__container{align-items:flex-start;max-width:none;opacity:1;padding-left:1rem;padding-right:1rem}.midd-header--transparent .midd-header__brand,.midd-header--transparent .miis-header__brand,.miis-header__transparent .midd-header__brand,.miis-header__transparent .miis-header__brand{height:-moz-fit-content;height:fit-content;padding-top:.75rem}.midd-header--transparent .midd-header__brand a,.midd-header--transparent .miis-header__brand a,.miis-header__transparent .midd-header__brand a,.miis-header__transparent .miis-header__brand a{text-decoration:none}.midd-header--transparent .midd-header__brand a .midd-header__shield,.midd-header--transparent .midd-header__brand a .miis-header__shield,.midd-header--transparent .miis-header__brand a .midd-header__shield,.midd-header--transparent .miis-header__brand a .miis-header__shield,.miis-header__transparent .midd-header__brand a .midd-header__shield,.miis-header__transparent .midd-header__brand a .miis-header__shield,.miis-header__transparent .miis-header__brand a .midd-header__shield,.miis-header__transparent .miis-header__brand a .miis-header__shield{top:0;width:42px}.midd-header--transparent .midd-header__brand a .midd-header__wordmark,.midd-header--transparent .midd-header__brand a .miis-header__wordmark,.midd-header--transparent .miis-header__brand a .midd-header__wordmark,.midd-header--transparent .miis-header__brand a .miis-header__wordmark,.miis-header__transparent .midd-header__brand a .midd-header__wordmark,.miis-header__transparent .midd-header__brand a .miis-header__wordmark,.miis-header__transparent .miis-header__brand a .midd-header__wordmark,.miis-header__transparent .miis-header__brand a .miis-header__wordmark{margin-left:.5rem;width:78px}.has-toggler.miis-header__transparent:before,.midd-header--transparent.has-toggler:before{background-image:linear-gradient(0deg,#0000 4%,#0006);bottom:0;content:"";left:0;opacity:.75;position:absolute;right:0;top:0;z-index:-1}.has-toggler.is-toggled.miis-header__transparent:before,.midd-header--transparent.has-toggler.is-toggled:before{background-color:#022543;background-image:none;opacity:1}.midd-header--transparent .midd-nav,.miis-header__transparent .midd-nav{padding-top:.5rem}.midd-header--transparent .midd-nav .midd-nav__handle,.miis-header__transparent .midd-nav .midd-nav__handle{padding-left:1.5rem}.midd-header--transparent .midd-nav .midd-nav__list--top,.miis-header__transparent .midd-nav .midd-nav__list--top{transition:opacity .2s}.midd-header--transparent .midd-nav .midd-nav__link,.miis-header__transparent .midd-nav .midd-nav__link{opacity:1}.midd-header--transparent .midd-search,.miis-header__transparent .midd-search{padding-top:.5rem}.midd-header--transparent .midd-search .midd-search__handle,.miis-header__transparent .midd-search .midd-search__handle{display:flex;opacity:1;padding-right:0}.midd-header--transparent .midd-search .midd-search__handle:after,.miis-header__transparent .midd-search .midd-search__handle:after{content:"|";padding-left:1.5rem}.midd-header--transparent .midd-schools__button,.miis-header__transparent .midd-schools__button{border:2px solid #fff;color:#fff;font-weight:600;height:-moz-fit-content;height:fit-content;line-height:1;margin-top:.5rem;order:3;padding:1rem 0;width:164px}@keyframes offset{to{stroke-dashoffset:0}}@keyframes dot-ripple-ease-out{0%{stroke:#f4b824;stroke-width:2;r:8px}30%{stroke:#f4b824;stroke-width:2}to{stroke:#0000;stroke-width:0;r:20px}}@keyframes dot-ripple-persist{0%{stroke:#f4b824;stroke-width:1;r:8px}50%{stroke:#f4b824;stroke-width:1.5}to{stroke:#f4b824;stroke-width:2;r:20px}}@keyframes dot-ripple-persist-mobile{0%{stroke:#f4b824;stroke-width:1;r:8px}50%{stroke:#f4b824;stroke-width:1.5}to{stroke:#f4b824;stroke-width:2;r:16px}}.journey{overflow:hidden;position:relative}.journey-line-box,.journey-link-box{pointer-events:auto;position:absolute;top:0;width:100%}.journey-line-box{top:22%}.journey-line-svg{position:relative;z-index:20}.journey-line-svg.journey-line--desktop,.journey-line-svg.journey-line--tablet{display:none}.journey-line-svg.journey-line--mobile{display:inline-block;right:-10%;width:86%}.journey-links-svg{position:relative;z-index:20}.journey-links-svg.journey-links--desktop,.journey-links-svg.journey-links--tablet{display:none}.journey-links-svg.journey-links--mobile{display:initial}.journey-links-svg .journey-link--section.animate .journey--link:nth-child(2) .journey--dot-ripple{animation-delay:1.85s}.journey-links-svg .journey-link--section.animate .journey--link:nth-child(3) .journey--dot-ripple{animation-delay:2.5s}.journey-links-svg .journey-link--section.animate .journey--dot-ripple{animation:dot-ripple-ease-out 2s ease-out}.journey-links-svg .journey-link--section.animate.disable-animate .journey--dot-ripple{animation:unset}.journey-links-svg .journey-link--section .journey--link{font-size:.75rem;font-weight:500;line-height:1.25;fill:#fff}.journey-links-svg .journey-link--section .journey--link:hover .journey--dot-ripple{animation-delay:0s!important;stroke:#f4b824;stroke-width:0;animation:dot-ripple-persist-mobile 1s ease-out forwards}.journey-links-svg .journey-link--section .journey--link .journey--link-text{color:#fff;fill:#fff}.journey-section{align-items:center;padding-top:177.77778%;position:relative}.journey-section .journey-section__background{background:#0000 no-repeat 50% 0/cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.journey-section .journey-section__background video[poster]{height:100%;object-fit:cover;width:100%}.journey-section .journey-section__background:after{background-color:initial;background-image:linear-gradient(180deg,#0000 2.61%,#000);content:"";display:block;height:100%;left:0;opacity:.9;position:absolute;top:0;width:100%}.journey-section.journey-section--intro .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-01-320x568.webp?fv=1)}.journey-section.journey-section--learning .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-02-320x568.webp?fv=1)}.journey-section.journey-section--thinking .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-03-320x568.webp?fv=1)}.journey-section.journey-section--opportunity .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-04-320x568.webp?fv=1)}.journey-section .journey-video--button{bottom:1rem;color:#fff;display:none;left:1rem;opacity:.5;position:absolute;z-index:30}.journey-section .journey-video--button .journey-video--button-play{display:none}.journey-section .journey-video--button .journey-video--button-pause,.journey-section .journey-video--button.not-playing .journey-video--button-play{display:block}.journey-section .journey-video--button.not-playing .journey-video--button-pause{display:none}.journey-section .journey-video--button .icon{height:3rem;width:3rem}.journey-section img{max-width:none;transform:translate(-30%);width:316%}.journey-section .journey-section__body{color:#fff;height:100%;left:0;position:absolute;top:0;width:100%}.journey-section .journey-section__body .container{height:100%}.journey-section .journey-section__body .journey-section__body-content{display:flex;flex-direction:column;height:100%;justify-content:center}.journey-section .journey-section__body .journey-section__body-content.align-left .row{justify-content:flex-start;text-align:left}.journey-section .journey-section__body .journey-section__body-content.align-right .row{justify-content:flex-end;text-align:right}.journey-section .journey-section__body .journey-section__body-content.left--mobile .row{justify-content:flex-start;text-align:left}.journey-section .journey-section__body .journey-section__body-content.align-center .row{justify-content:center;text-align:center}.journey-section .journey-section__body .journey-section__text{position:relative;text-align:left;z-index:25}.journey-section .journey-section__body .journey-section__text>*{font-family:Open Sans,tahoma,geneva,sans-serif}.journey-section .journey-section__body .journey-section__text h1{font-size:1.75rem;font-weight:300}.journey-section .journey-section__body .journey-section__text p.sub-title{color:#f4b824;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-top:1.5rem;text-transform:uppercase}.journey-section .journey-section__body .journey-section__text p.blurb{font-size:1.5rem;font-weight:300;line-height:1.35}.journey-section .school-picker{bottom:0;font-size:.875rem;font-weight:600;overflow-x:scroll;position:fixed;width:100%;z-index:25}.journey-section .school-picker.not-fixed{position:absolute}.journey-section .school-picker ul{border-collapse:collapse;display:flex;min-width:1200px}.journey-section .school-picker ul li{background-image:linear-gradient(0deg,#0000 50%,currentColor 0);background-position:bottom;background-size:100% 200%;border-top:.5rem solid;color:#0d395f;flex:1 1 0;padding:1rem 0;text-align:center;transition:color .2s,background-color .2s,border-color .2s;transition:background-position .2s ease-in-out}.journey-section .school-picker ul li:first-child{color:#97bbd5}.journey-section .school-picker ul li:hover{background-position:top}.journey-section .school-picker ul li a{color:#fff;display:flex;justify-content:center}.journey-section .school-picker ul li a span{display:block;text-align:left}.journey-section .school-picker ul li a:hover{text-decoration:none}.journey-section .school-picker ul li:not(:last-child) a{border-right:1px solid #fff}.journey-section .school-picker ul li:first-child{flex-grow:1.2}.journey-section .school-picker ul li:first-child a span{font-weight:800;width:87px}.journey-section .school-picker ul li:nth-child(2) a span{width:160px}.journey-section .school-picker ul li:nth-child(3) a span{width:121px}.journey-section .school-picker ul li:nth-child(4) a span{width:148px}.journey-section .school-picker ul li:nth-child(5) a span,.journey-section .school-picker ul li:nth-child(6) a span{width:158px}.journey-modal--block{background:#022543f2;bottom:0;color:#fff;display:none;left:0;position:fixed;right:0;top:0;z-index:300}.journey-modal--block.is-open{align-items:center;display:block;overflow-y:scroll}.journey-modal{background:#022543f2;color:#fff}.journey-modal button{height:-moz-fit-content;height:fit-content}.journey-modal__header-container{background:#022543f2;border-bottom:1px solid #d9d9d980;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:1rem;padding-left:.5rem;padding-top:0;position:relative;top:0;width:100%;z-index:5}.journey-modal__header-container.headroom{left:0;position:sticky;top:0;transition:transform .4s ease-in-out;width:100%;will-change:transform;z-index:100}.journey-modal__header-container.headroom--pinned{transform:translateY(0)}.journey-modal__header-container.headroom--unpinned{transform:translateY(-100%)}.journey-modal__header-container .journey-modal__header--wrapper{display:flex;justify-content:space-between;margin-top:.75rem}.journey-modal__header-container .midd-header__brand,.journey-modal__header-container .miis-header__brand{height:56px;opacity:.25;padding-left:.5rem}.journey-modal__header-container .midd-header__brand a,.journey-modal__header-container .miis-header__brand a{text-decoration:none}.journey-modal__header-container .midd-header__brand a .midd-header__shield,.journey-modal__header-container .midd-header__brand a .miis-header__shield,.journey-modal__header-container .miis-header__brand a .midd-header__shield,.journey-modal__header-container .miis-header__brand a .miis-header__shield{top:0;width:42px}.journey-modal__header-container .midd-header__brand a .midd-header__wordmark,.journey-modal__header-container .midd-header__brand a .miis-header__wordmark,.journey-modal__header-container .miis-header__brand a .midd-header__wordmark,.journey-modal__header-container .miis-header__brand a .miis-header__wordmark{margin-left:.5rem;width:78px}.journey-modal__header-container .journey-modal__controls{display:flex;justify-content:center;padding-right:.5rem}.journey-modal__header-container .journey-modal__controls--loading-text{display:flex;padding-right:14rem;padding-top:1rem}.journey-modal__header-container .journey-modal__controls--loading-text.has-loaded{display:none}.journey-modal__header-container .journey-modal__cobblestones{align-items:flex-end;display:flex;position:relative}.journey-modal__header-container .journey-modal__cobblestones.is-loading{display:none}.journey-modal__header-container .journey-modal__cobblestones.is-loading.has-loaded{display:flex}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cobblestones-button{padding-bottom:.25rem;z-index:10}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cobblestones-button .icon.journey-modal-button--icon{fill:#f4b824;height:1.25rem;width:1.25rem}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination-wrapper{overflow:hidden;padding-top:3rem;width:82vw}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination{align-items:center;display:flex;height:-moz-fit-content;height:fit-content;transition:transform .3s;width:716px}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .journey-modal__svg{position:absolute}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper{display:flex;justify-content:space-evenly;width:100%}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper .swiper-pagination-bullet-active .cb-link__text{display:block}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper .swiper-pagination-bullet-active .cb-link__circle.outer{opacity:1}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper.show-label .journey-modal__cb-link.swiper-pagination-bullet-active .cb-link__text{display:none}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper.show-label .journey-modal__cb-link.swiper-pagination-bullet-active:hover .cb-link__text,.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper.show-label .journey-modal__cb-link:hover .cb-link__text{display:block}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper.show-label .journey-modal__cb-link:hover .cb-link__circle.outer{opacity:1}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link{align-items:center;color:#fff;display:flex;flex-direction:column-reverse;justify-content:flex-end}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link .cb-link__text{bottom:1rem;display:none;font-size:.75rem;line-height:1.1;margin-bottom:2rem;position:absolute;text-align:center;width:9rem}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link .cb-link__circle-wrapper{align-items:center;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;position:relative}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link:not(:last-child){margin:0}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link .cb-link__circle{background:#f4b824;display:inline-block}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link .cb-link__circle.inner{border-radius:50%;height:.5rem;position:absolute;width:.5rem}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link .cb-link__circle.outer{background-color:unset;border:1px solid #f4b824;border-radius:50%;height:2rem;opacity:0;width:2rem}.journey-modal__header-container .journey-modal__button{align-items:center;display:flex;font-size:.875rem;font-weight:600;letter-spacing:.1em;margin-top:-.75rem;padding:.875rem;text-transform:uppercase;transition:background-color .2s}.journey-modal__header-container .journey-modal__button:focus,.journey-modal__header-container .journey-modal__button:hover{background:#0d395f;color:#fff;opacity:1;text-decoration:underline}.journey-modal__header-container .journey-modal__button:focus{background:#fff;color:#0d395f}.journey-modal__header-container .journey-modal__button .icon{margin-left:1rem!important}.journey-modal__header-container .journey-modal__button.desktop{display:none;margin-top:0}.journey-modal__header-container .journey-modal__button.mobile{display:flex}.journey-modal__header-container .journey-modal__button--close .icon{height:1.5em;width:1.5em}.journey-swiper.is-loading{display:none}.journey-swiper.is-loading.has-loaded{display:block}.journey-swiper--loading-text{align-items:center;display:flex;justify-content:center;padding-top:7rem}.journey-swiper--loading-text.has-loaded{display:none}.journey-modal__overlay .journey-modal__overlay-container{margin-top:2rem}.journey-modal__overlay .journey-modal__overlay-container .journey-modal--title{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:2rem;line-height:1.25;margin-bottom:1.5rem}.journey-modal__overlay .journey-modal__overlay-container .journey-modal--blurb{font-size:1.125rem;line-height:1.5;margin-bottom:2.5rem;margin-top:1.5rem}.journey-modal__overlay .journey-modal__overlay-container .video .video__text{font-size:.875rem;line-height:1.4;margin-top:.5rem}.journey-modal__overlay .journey-modal__overlay-container .video .transcript{margin-top:.5rem}.journey-modal__overlay .journey-modal__overlay-container .portrait-video{max-width:none}.journey-modal__overlay .journey-modal__overlay-container .portrait-video img{height:100%}.journey-modal__overlay .journey-modal__overlay-container .portrait-video .transcript__button{color:#fff}.journey-modal__overlay .journey-modal__overlay-container .portrait-video .transcript__button:hover{border-color:#fff}.journey-modal__overlay .lightbox__images{padding:0;width:100%}.journey-modal__overlay .lightbox__images .lightbox__figure{margin-bottom:0;margin-left:-1rem;margin-right:-1rem}.journey-modal__overlay .lightbox__images .lightbox__figure figcaption{margin-left:1rem;margin-right:1rem}.journey-modal__overlay .lightbox__images .media__caption{font-size:.875rem}.journey-modal__overlay .journey-modal__story{background:#fff;border-bottom:.5rem solid #97bbd5;color:#202020}.journey-modal__overlay .journey-modal__story h2,.journey-modal__overlay .journey-modal__story h3,.journey-modal__overlay .journey-modal__story>*{font-family:Open Sans,tahoma,geneva,sans-serif}.journey-modal__overlay .journey-modal__story .story__image{margin-left:-1rem;margin-right:-1rem}.journey-modal__overlay .journey-modal__story .story__image .story__image-caption{margin-left:1rem;margin-right:1rem}.journey-modal__overlay .journey-modal__story .story__image-caption{border-bottom:1px solid #dedede}.journey-modal__overlay .journey-modal__story .story__image-caption p{font-size:.875rem;line-height:1.4;padding:.5rem 1rem}.journey-modal__overlay .journey-modal__story .story__content{padding:2rem 1rem}.journey-modal__overlay .journey-modal__story .story__content img{margin-bottom:.5rem;width:100%}.journey-modal__overlay .journey-modal__story .story__content p{margin-bottom:1.5rem}.journey-modal__overlay .journey-modal__story .story__content h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;margin-top:2rem}.journey-modal__overlay .journey-modal__story .story__content h3:first-child{margin-top:0}.journey-modal__overlay .journey-modal__story .story__content h4{font-size:1rem;font-weight:700;letter-spacing:2px;margin-bottom:.5rem;margin-top:1.5rem;text-transform:uppercase}.journey-modal__overlay .journey-modal__story .story__content a{border-bottom:1px solid;color:#0d395f;text-decoration:none}.journey-modal__overlay .journey-modal__story .story__content a:hover{border-bottom-color:#0000;text-decoration:none}.journey-modal__overlay .journey-modal__story .story__content h2>a,.journey-modal__overlay .journey-modal__story .story__content h3>a{border-bottom:none}.journey-modal__overlay .journey-modal__story .story__content h2>a:hover,.journey-modal__overlay .journey-modal__story .story__content h3>a:hover{border-bottom:1px solid #0d395f}.journey-modal__overlay .journey-modal__story .story__content h3~a{border-bottom:none;display:block;margin-left:-1rem;margin-right:-1rem}.journey-modal__overlay .journey-modal__story .story__content.story-list{padding-bottom:0;padding-left:0;padding-right:0}.journey-modal__overlay .journey-modal__story .story__content .story-list-item{padding-left:1rem;padding-right:1rem}.journey-modal__overlay .journey-modal__story .story__content .story-list-item .float-right{float:unset}.journey-modal__overlay .journey-modal__story .story__content .story-list-item h2{font-size:1.5rem;font-weight:500}.journey-modal__overlay .journey-modal__story .story__content .story-list-item p{margin-bottom:0}.journey-modal__overlay .journey-modal__story .story__content .story-list-item a{color:#0d395f}.journey-modal__overlay .journey-modal__story .story__content .story-list-item a .story-link{border-bottom:1px solid;text-decoration:none}.journey-modal__overlay .journey-modal__story .story__content .story-list-item a .story-link:hover{border-bottom-color:#0000;text-decoration:none}.journey-modal__overlay .journey-modal__story .story__content .story-list-item img{width:auto}.journey-modal__overlay .grid-video__transcript .transcript__button{color:#fff}.journey-modal__overlay .grid-video__transcript .transcript__button:hover{border-color:#fff;text-decoration:none}.journey-modal__overlay .portrait-video__content,.journey-modal__overlay .video__content{background:#202020}.journey-modal__overlay .portrait-video--grid{margin:inherit;max-width:225px}.journey-modal__overlay .portrait-video--grid .journey-portrait-video__button{z-index:2}.journey-modal__overlay .image__text,.journey-modal__overlay .video__text{font-size:.875rem}.journey-modal__overlay .image__text a,.journey-modal__overlay .video__text a{border-bottom:1px solid;color:#fff;text-decoration:none}.journey-modal__overlay .image__text a:hover,.journey-modal__overlay .video__text a:hover{border-bottom-color:#0000;text-decoration:none}.journey-modal__overlay .journey-image__body,.journey-modal__overlay .journey-video__body{margin-top:.5rem;text-align:left}.journey-modal__overlay .journey-video__transcript .transcript__button{color:#fff}.journey-modal__overlay .journey-video__transcript .transcript__button:hover{border-color:#fff;text-decoration:none}.journey-modal__overlay .journey-modal__articles-block{margin-bottom:0}.journey-modal__overlay .journey-modal__articles-block .articles-block__title{border-top:1px solid #d9d9d980;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:2px;line-height:1.25rem;margin-bottom:2rem;padding-top:.5rem;text-align:center;text-transform:uppercase}.journey-modal__overlay .journey-modal__articles-block .articles-block{color:#202020}.journey-modal__overlay .journey-modal__articles-block .articles-block li{padding-bottom:2rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card{background-color:#fff;position:relative}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card:before{content:"";display:block;padding-top:64.23611%;width:100%}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label{border-left:1.5rem solid #0000;border-top:1.5rem solid;height:0;margin:.25rem .25rem 0 0;position:absolute;right:0;width:0}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-college{border-top-color:#0d395f}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-miis{border-top-color:#97bbd5}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-bread-loaf{border-top-color:#a7c504}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-lang-schools{border-top-color:#c26533}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-writers{border-top-color:#b1850b}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-schools-abroad{border-top-color:#75a3cd}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--label.label-env-school{border-top-color:#5e7e2c}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .articles-block__content{bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;position:absolute;right:0;top:0}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--text-content{padding:1rem .5rem 0}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--text-content a{text-decoration-thickness:1px}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--title{color:#0d395f;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.125rem;font-weight:600;padding-bottom:.25rem;padding-right:1rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--text{font-size:.875rem;line-height:1.55}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--button{align-items:center;border-bottom:4px solid #75a3cd;border-top:1px solid #dedede;color:#0d395f;display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;letter-spacing:.1em;line-height:1.1;padding:.5rem;text-transform:uppercase;width:100%}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--button .icon{height:1.5em;width:1.5em}.lib-search__cover{background:#022543;display:grid;grid-template-columns:1fr;min-height:260px}.lib-search__content{background:#022543b3;grid-column-start:1;grid-row-start:1;z-index:1}.lib-search__content a,.lib-search__content>*{color:#fff}.lib-search__content .lib-search__title{margin-bottom:1.5rem;margin-top:1.5rem}.lib-search__back{grid-column-start:1;grid-row-start:1}.lib-search__back img{min-height:260px;object-fit:cover}.lightbox{background-color:#202020;display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:9999;-webkit-overflow-scrolling:touch;animation:fadeIn .3s}.lightbox.is-open{display:block}.lightbox__controls{background-image:linear-gradient(180deg,#202020,#0000);display:flex;left:0;position:fixed;top:0;width:100%}.lightbox__count{align-items:center;display:flex;justify-content:center;width:4em}.lightbox__button,.lightbox__count{color:#fff;font-size:.875rem;font-weight:600}.lightbox__button{background:none;border:0;letter-spacing:.1em;opacity:.8;padding:1rem;text-transform:uppercase;transition:opacity .2s}.lightbox__button:focus,.lightbox__button:hover{opacity:1}.lightbox__button--close{margin-left:auto}.lightbox__images{padding:7rem 1rem 1rem}.lightbox__figure{margin-bottom:6rem}.lightbox__figure .media__caption a{color:#fff}.lightbox__thumbs-list{overflow-y:auto;position:fixed;right:0;top:8rem;-webkit-overflow-scrolling:touch;display:none;max-height:calc(100vh - 8rem);width:130px}.lightbox__thumbs-button{border:0;padding:0}.lightbox__thumbs-button img{opacity:.75;transition:transform .2s,opacity .2s}.lightbox__thumbs-button:focus img,.lightbox__thumbs-button:hover img{opacity:1;transform:scale(1.1)}.lightbox__thumbs-item{border-left:4px solid #0000;padding-left:.5rem;padding-right:2rem}.lightbox__thumbs-item:not(:last-child){margin-bottom:1.5rem}.lightbox__thumbs-item.active img{opacity:1;transform:scale(1.1)}.link-list__list{margin-top:3rem}.link-list__item{margin-bottom:2rem}.link-list__box{border-bottom:1px solid #dedede;height:100%;padding-bottom:2rem}.link-list__link{border-bottom:1px solid;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.25rem;font-weight:500;text-decoration:none}.link-list__link:hover{border-bottom-color:#0000;text-decoration:none}.link-list__info{font-size:.875rem;margin-top:.5rem}.list__item:not(:last-child){margin-bottom:2rem}.list--dividers .list__item:not(:last-child){border-bottom:1px solid #dedede;padding-bottom:2rem}.list--sm .list__item:not(:last-child){margin-bottom:1rem}.list--sm.list--dividers .list__item:not(:last-child){padding-bottom:1rem}.logo-bar{background:#e5f1fa;padding:2rem}.logo-bar__title{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.1em;letter-spacing:2.5px;line-height:1.4;margin-bottom:3rem;text-align:center;text-transform:uppercase}.logo-bar__list{align-items:center;display:flex;flex-wrap:wrap;row-gap:3rem}.logo-bar__item{flex:1 1 100%;opacity:.5;text-align:center}.ls-hero{min-height:480px;padding-top:40%;position:relative}.ls-hero__image img{font-family:"object-fit: cover;";object-fit:cover;z-index:1}.ls-hero__content,.ls-hero__image img{height:100%;left:0;position:absolute;top:0;width:100%}.ls-hero__content{align-items:center;display:flex;z-index:2}.ls-hero__title{font-size:1.5rem;margin-bottom:2rem;text-align:center}.ls-hero__item{display:inline-block;margin-bottom:.5rem;margin-left:.75rem;margin-right:.75rem;text-align:center}.ls-hero__link{font-weight:500}.table--course-list{border-collapse:collapse;color:#0d395f;empty-cells:hide;margin-bottom:3rem;width:100%}.table--course-list thead{border-top:4px solid #0d395f;font-size:.875rem;letter-spacing:.2em;line-height:1;text-transform:uppercase}.table--course-list th{border-bottom:1px solid #dedede;font-weight:600;padding-bottom:1rem;padding-top:1rem;width:100%}.table--course-list th:first-child{padding-left:1rem;text-align:left}.table--course-list tr{border-bottom:1px solid #dedede;font-weight:500}.table--course-list td{padding-bottom:1rem;padding-top:1rem}.table--course-list td:first-child{padding-left:1rem;width:50%}.table--course-list td:not(:first-child){text-align:right}.table--course-list td:last-child{text-align:left}.table--course-list a{text-decoration:underline}.table--course-list a:hover{border-bottom:none;text-decoration:none}.table--course-list .row-label,.table--course-list .track-label{border:none}.table--course-list .row-label{background-color:#e5f1fa;color:#202020;font-size:.875rem}.table--course-list .row-label--cell{line-height:1;margin:0;padding-bottom:.625rem;padding-top:.625rem}.table--course-list .track-label--cell{color:#414142;font-size:.75rem;font-weight:600;letter-spacing:.1em;padding-bottom:0;padding-left:2rem!important;text-transform:uppercase}.table--course-list.desktop{display:none}.table--course-list.mobile{border-collapse:collapse;display:inline-table}.table--course-list.mobile th{display:block}.table--course-list.mobile td:before{display:none}.table--course-list .sublist{text-align:left}.table--course-list .sublist td:first-child{padding-left:2rem;width:12.5%}.table--course-list .category{font-size:1rem;line-height:1.7;padding-top:.5rem}.masquerade{margin-bottom:2.5rem}.masquerade h2{display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.masquerade .container-inline{display:flex}.masquerade input[type=text]{appearance:none;background-color:#fff;border:1px solid #202020;border-radius:0;color:#202020;display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-size:.875rem;line-height:1;padding:.5rem 1rem;width:100%}.masquerade input[type=text] .is-error{border-color:#dc3545}.masquerade input[type=text] .is-valid{border-color:#5e7d31}.masquerade input[type=submit]{background-color:#0d395f;border-color:#0d395f;color:#fff;font-size:.875rem;height:100%;padding:.5rem 1rem}.masquerade input[type=submit]:focus,.masquerade input[type=submit]:hover{background-color:#13548c;border-color:#13548c;color:#fff}.border-top{border-top:1px solid #dedede}.media-object__scholarly-icon-list{width:100%}.media-object__scholarly-icon{height:1.25em;width:1.25em}.media-object__scholarly-icon path{fill:#0d395f}.media-object__social-icons li{margin-right:.5rem!important}.media-object__image,.media-object__image-profile-teaser{margin-bottom:.5rem}.media-object__image-profile-teaser{flex:0 0 42.85714%;max-width:42.85714%;min-width:126px}.media-object__body .media-object__pronouns{font-family:Domine,georgia,serif;font-size:1.125rem;line-height:1.4;margin-bottom:.125rem}.border-top{padding-top:.5rem}.paragraph--profile-list .media-object{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.paragraph--profile-list .profile-list .media-object:not(:first-child){border-top:4px solid #dedede;padding-top:2rem}.paragraph--profile-list dl div:last-child{padding-bottom:0!important}.paragraph--profile-list dl~ul{margin-top:.5rem}.media__caption{font-size:.875rem;padding-top:.5rem}.media__caption a{border-bottom:1px solid;text-decoration:none}.media__caption a:hover{border-bottom-color:#0000;text-decoration:none}.media--contain-caption{display:table}.media--contain-caption .media__caption{caption-side:bottom;display:table-caption}.mega-cta__content,.mega-cta__content-miis{padding-left:1rem;padding-right:1rem;text-align:center;width:100%}.mega-cta{background:#000;min-height:640px;position:relative}.mega-cta__back img{font-family:"object-fit: cover;";object-fit:cover;opacity:.4;top:0;z-index:1}.mega-cta__back img,.mega-cta__front{height:100%;left:0;position:absolute;width:100%}.mega-cta__front{align-items:center;bottom:0;display:flex;justify-content:center;z-index:2}.mega-cta--hero .mega-cta__front{align-items:flex-start;padding-top:3rem}.mega-cta__content-position{padding:0 1rem;position:absolute;text-align:left}.mega-cta__content-position-left-bottom,.mega-cta__content-position-left-top,.mega-cta__content-position-right-bottom,.mega-cta__content-position-right-top{top:3rem}.mega-cta__title{color:#fff;font-family:Domine,georgia,serif;font-size:1.75rem;font-weight:400;line-height:1.4;margin-bottom:.5rem}.mega-cta--hero .mega-cta__title{text-align:left}.mega-cta__title-miis{color:#fff;font-size:1.75rem;margin-bottom:.25rem}.mega-cta__text{color:#fff;font-size:.875rem;margin-bottom:1.5rem}.mega-cta--hero .mega-cta__text{text-align:left}.mega-cta__text-miis{color:#fff;font-size:1.125rem;margin-bottom:2rem}.mega-cta__link :hover{color:#fff;text-decoration:underline}.mega-cta__caption{bottom:4rem;position:absolute;right:2rem;z-index:3}.mega-cta--blse .mega-cta__text{color:#ffc107;font-size:1.5rem}.mega-cta--blse .mega-cta__content{text-align:left}.midd-footer{background-color:#022543;padding-bottom:1.5rem;padding-top:1.5rem}.midd-footer__link{color:#fff;display:block;font-size:.875rem;padding-bottom:.25rem;padding-top:.25rem;white-space:nowrap}.midd-footer.davis-footer{background-color:#202020;padding-bottom:1.5rem;padding-top:1.5rem}.midd-footer.davis-footer .davis-logo img{margin-bottom:1rem}.midd-footer.davis-footer .davis-logo img:first-child{margin-right:.75rem}.midd-header,.miis-header{background-color:#022543}.headroom.miis-header,.midd-header.headroom{left:0;position:fixed;top:0;transition:transform .2s linear;width:100%;will-change:transform;z-index:200}.headroom--pinned.miis-header,.midd-header.headroom--pinned{transform:translateY(0)}.headroom--unpinned.miis-header,.midd-header.headroom--unpinned{transform:translateY(-100%)}.midd-header__container,.miis-header__container{display:flex;margin-left:auto;margin-right:auto;max-width:1440px;padding-left:1rem;padding-right:1rem;position:relative}.midd-header__brand,.miis-header__brand{height:48px}.midd-header__shield,.miis-header__shield{position:relative;top:8px;width:44px;z-index:300}.midd-header__wordmark,.miis-header__wordmark{margin-left:4px;position:relative;width:76px}.miis-header{background-color:#0d395f}.miis-header__wordmark{width:190px}.midd-nav{margin-right:-1rem;order:2;z-index:200}.midd-nav__handle{background:none;border:0;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;line-height:1;padding:1rem}.midd-nav__handle--sub{border-left:1px solid #174872}.midd-nav__handle.is-toggled .midd-nav__bars,.midd-nav__times{display:none}.midd-nav__handle.is-toggled .midd-nav__times{display:inline-block}.midd-nav__list--top{background:#022543;left:0;opacity:0;padding-top:1.5rem;position:absolute;top:100%;transition:.2s;visibility:hidden;width:100%}.midd-nav__list--top.is-toggled{opacity:1;visibility:visible}.midd-nav__list--sub{display:none;width:100%}.midd-nav__list--sub.is-toggled{display:block}.midd-nav__item{border-top:1px solid #174872}.midd-nav__item--top{display:flex;flex-wrap:wrap;position:relative}.midd-nav__link{color:#fff;display:block;font-size:1rem}.midd-nav__link--top{flex:1 0 auto;line-height:1;padding:1.5rem 1rem}.midd-nav__item:focus-within .midd-nav__link--top,.midd-nav__item:hover .midd-nav__link--top{border-top-color:#fff;text-decoration:none}.midd-nav__link--sub{padding:1rem 1rem 1rem 2.5rem}.midd-nav__chevron{transition:transform .2s ease-in-out}.midd-nav__handle.is-toggled .midd-nav__chevron{transform:rotate(-180deg)}.midd-search{margin-left:auto;order:1}.midd-search__handle{color:#fff;display:inline-block;font-size:.875rem;font-weight:500;line-height:1;padding:1rem}.midd-search__handle:hover{text-decoration:none}.midd-search__mag{margin-right:.25rem}.midd-search__handle.is-toggled .midd-search__mag{display:none}.midd-search__times{display:none;margin-right:.25rem}.midd-search__handle.is-toggled .midd-search__times{display:inline-block}.midd-search__content{background:#022543;opacity:0;padding:1.5rem 1rem 1rem;position:absolute;right:0;top:100%;transition:.2s;visibility:hidden;width:100%;z-index:200}.midd-search__content.is-toggled{opacity:1;visibility:visible}.midd-search__input,.midd-search__submit{background-color:#fff;border-color:#022543}.midd-search__submit{color:#0d395f}.anchor-header__nav .nav{margin-left:-1rem;margin-right:-1rem}.nav__list{border-bottom:1px solid #dedede}.nav__item{border-top:1px solid #dedede;display:flex;flex-wrap:wrap}.nav__link{display:block;flex:1 0 auto;font-weight:500}.nav__button,.nav__link{font-size:1rem;padding:1rem}.nav__button{background:#0000;border:0;border-left:1px solid #dedede;line-height:1;margin-left:auto}.nav__sublist{width:100%}.nav__subitem{border-top:1px solid #dedede}.nav__sublink{display:block;font-size:.875rem;padding:1rem 1rem 1rem 3rem}.nav__link--active{color:#0573cd}.nav-dropdown{position:relative}.nav-dropdown__menu{display:none}.nav-dropdown__menu.is-toggled{display:block}.nav-dropdown__icon{transition:transform .2s ease-in-out}.nav-dropdown__button.is-toggled .nav-dropdown__icon{transform:rotate(-180deg)}.paragraph--policy{background:#dedede4d;font-weight:300}.paragraph--policy p{font-size:.875rem}.paragraph--policy a{text-decoration:underline}.paragraph--policy a:hover{text-decoration:none}.office-hours{background:#e5f1fa}.office-hours__item{font-size:.875rem;padding-bottom:.5rem;padding-top:.5rem}.office-hours__item:not(:last-child){border-bottom:1px solid #dedede}.office-footer{background:#f8f8f8;border-top:1px solid #dedede;text-align:center}.office-footer__row{display:flex;flex-wrap:wrap;justify-content:center;margin-left:-1rem;margin-right:-1rem}.office-footer__col{padding:1.5rem 1rem;width:100%}.office-footer__col:not(:last-child){border-bottom:1px solid #dedede}.office-footer__col div:not(:first-child) h3{border-top:1px solid #dedede;margin-left:-1rem;margin-right:-1rem;margin-top:1.5rem;padding-top:1.5rem}.office-footer__col h4{margin-top:.875rem}.page-header--has-image{height:0;margin-bottom:3rem;min-height:300px;overflow:hidden;padding-top:40%;position:relative}.page-header--has-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.page-header--has-image .page-header__title{color:#fff;padding-right:1.5rem}.page-header--wrmc{overflow:initial}.page-header--wrmc .page-header__figure:before{background:linear-gradient(to bottom left,#202020e6,#0000 50%);content:"";display:block;height:50%;position:absolute;right:0;width:75%;z-index:6}.page-header__figure{height:100%;left:0;position:absolute;top:0;width:100%}.page-header__caption{bottom:3rem;position:absolute;right:1rem;z-index:3}.page-header__list-toggle{align-items:center;color:#fff;column-gap:1rem;display:flex;font-size:.875rem;font-weight:600;line-height:1;padding-right:1rem;padding-top:1rem;position:absolute;right:0;text-transform:uppercase;top:0;z-index:8}.page-header__list-toggle .page-header__list-ellipsis>span{background-color:#fff;border-radius:50%;display:block;height:.25rem;margin:.25rem 0;width:.25rem}.page-header__list-toggle:focus,.page-header__list-toggle:hover{color:#0d395f}.page-header__list-toggle:focus .page-header__list-ellipsis>span,.page-header__list-toggle:hover .page-header__list-ellipsis>span{background-color:#0d395f}.page-header__list-toggle:focus~.page-header__list,.page-header__list-toggle:hover~.page-header__list{background-color:#fff;transition:background-color .2s;z-index:7}.page-header__list-toggle:focus~.page-header__list .page-header__list-overlay,.page-header__list-toggle:hover~.page-header__list .page-header__list-overlay{display:block;padding:3.5rem 2rem 1rem 3rem}.page-header__list{box-shadow:0 0 .5rem 0 #20202040;max-width:200px;position:absolute;right:0;top:0}.page-header__list .page-header__list-overlay{counter-reset:ol;display:none}.page-header__list .page-header__list-overlay,.page-header__list .page-header__list-overlay p{font-size:.875rem;font-weight:600;line-height:1.4}.page-header__list .page-header__list-overlay>li{counter-increment:ol;position:relative}.page-header__list .page-header__list-overlay>li:before{color:#ee6cb9;content:counter(ol) ".";position:absolute;right:calc(100% + .5rem)}.page-header__list .page-header__list-overlay>li:not(:last-child){margin-bottom:.5rem}.page-header__list .page-header__list-overlay>li p:last-child{color:#ee6cb9}.page-header--has-image .page-header__main{background-image:linear-gradient(180deg,#0000,#202020);bottom:0;left:0;margin-left:0;margin-right:0;position:absolute;width:100%}.page-header--has-menu{margin-bottom:0}.page-header__content{padding:2rem 1rem 1.5rem;width:100%}.page-header--has-image .page-header__content{padding-bottom:2rem;padding-top:6rem}.page-header--has-menu .page-header__content{padding-bottom:1rem}.page-header--has-image.page-header--has-menu .page-header__content{padding-bottom:3rem}.page-header__title{font-family:Domine,georgia,serif;font-size:2.25rem;line-height:1.4}.page-header--app .page-header__content{padding-bottom:1.5rem;padding-top:1.5rem}.page-header--app .page-header__title{font-size:1.75rem}.page-image{margin-bottom:2rem}.page-nav{margin-bottom:1.5rem}.page-nav__title{border-bottom:4px solid #dedede;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.page-nav__button{background:none;border:1px solid #dedede;color:#0d395f;font-size:.875rem;font-weight:600;padding:1rem;text-align:left;width:100%}.page-nav__icon{float:right;transition:transform .2s ease-in-out}.page-nav__button.is-toggled .page-nav__icon{transform:rotate(-180deg)}.page-nav__content{background-color:#f2f2f2;border:1px solid #dedede;border-top:0;padding-left:1rem;padding-right:1rem}.page-nav__content.has-toggler{display:none}.page-nav__content.is-toggled{display:block}.page-nav__list .page-nav__list{border-top:1px solid #dedede;margin-left:2rem}.page-nav__item:not(:last-of-type){border-bottom:1px solid #dedede}.page-nav__link{display:block;padding-bottom:1rem;padding-top:1rem}.page-nav__link--active{color:#0573cd;font-weight:600}.pagination{margin-bottom:6rem;margin-top:3rem}.pagination__list{display:flex}.pagination__item{display:none}.pagination__item:not(:last-of-type){margin-right:1rem}.pagination__item--active,.pagination__item--next,.pagination__item--previous{display:inline-block}.pagination__link{display:block;font-size:14px;font-weight:600;letter-spacing:.1em;padding:.25rem .5rem;text-align:center;text-transform:uppercase;transition:background .2s}.pagination__link:focus,.pagination__link:hover{background-color:#dedede;text-decoration:none}.pagination__link.pagination__link--active{background-color:#0d395f;color:#fff}.pagination__item--next .pagination__link,.pagination__item--previous .pagination__link{border-bottom:1px solid;padding-left:0;padding-right:0;text-decoration:none}.pagination__item--next .pagination__link:hover,.pagination__item--previous .pagination__link:hover{border-bottom-color:#0000;text-decoration:none}.pagination__item--next .pagination__link:focus,.pagination__item--next .pagination__link:hover,.pagination__item--previous .pagination__link:focus,.pagination__item--previous .pagination__link:hover{background:#0000}.section.paragraph--pardot-form{margin-bottom:3rem;margin-top:3rem}.section.paragraph--pardot-form .form-group{margin-bottom:1.5rem}.portrait-video{margin:0 auto;max-width:300px}.portrait-video__content{padding-bottom:177.77778%;position:relative}.portrait-video__content iframe,.portrait-video__content img{height:100%;left:0;position:absolute;top:0;width:100%}.portrait-video__body{background:linear-gradient(0deg,#000,#0000);bottom:0;left:0;padding:4rem 1rem 1rem;position:absolute;width:100%;z-index:3}.portrait-video__link:after{background:#0d395f80;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100%;z-index:1}.portrait-video__link:focus:after,.portrait-video__link:hover:after{opacity:1}.portrait-video__link:focus .portrait-video__title,.portrait-video__link:hover .portrait-video__title{transform:translateY(-1rem)}.portrait-video__title{color:#fff;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.125rem;font-weight:600;transition:transform .2s}.profile-detail .profile-detail-orcid{fill:#a6ce39}.profile-detail .profile-detail-scopus{fill:#fe8300}.profile-detail .profile-detail-github{fill:#191717}.profile-detail .profile-detail-middlebury-shield{fill:#0d395f}.profile-detail__programs{border-bottom:1px solid #dedede;border-top:4px solid #dedede;margin-bottom:1.5rem;margin-left:-1rem;margin-right:-1rem;padding:.5rem 0 .5rem 1rem}.profile-detail__programs a{border-bottom:1px solid;text-decoration:none}.profile-detail__programs a:hover{border-bottom-color:#0000;text-decoration:none}.profile-detail__programs span:not(:last-child):after{color:#202020;content:";";margin-left:-3px}.profile-detail__link-table{border:1px solid #dedede;border-spacing:1rem;margin-bottom:4rem;padding:1rem}.profile-detail__link-table div[role=row]{flex-direction:column;vertical-align:top}.profile-detail__link-table div[role=row] div[role=cell]{overflow-wrap:break-word}.profile-detail__link-table div[role=row] div[role=cell]:not(:first-child){border-top:1px solid #dedede;margin-top:1rem;padding-top:1rem}.profile-spotlight-item{display:flex;margin-bottom:2rem}.profile-spotlight-item__media{margin-bottom:1rem;margin-right:1rem}.profile-spotlight-item__content{flex:1}.profile-spotlight-item__text{font-size:1rem;font-weight:400;margin-bottom:1rem}.profile-spotlight-item__name{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-weight:500;margin-bottom:.25rem}.profile-spotlight-item__title{color:#767676;font-size:.875rem;font-style:italic;margin-bottom:1rem}.profile-spotlight-item__link{font-size:.875rem}.quote{border-bottom:1px solid #75a3cd;border-top:4px solid #75a3cd;margin-bottom:3rem;margin-top:3rem;padding:2rem 1rem}.quote__text{color:#407ab1;font-size:1.25rem;line-height:1.4;margin-bottom:.5rem}.quote--marks .quote__text{position:relative;quotes:"“" "”"}.quote--marks .quote__text:before{content:open-quote;position:absolute;right:100%;top:0}.quote--marks .quote__text:after{content:close-quote}.quote__cite{font-size:1rem}.radio{position:relative}.radio__input{opacity:0;position:absolute}.radio__label{cursor:pointer;display:flex;font-size:.875rem;font-weight:500;margin-bottom:0;padding-bottom:.25rem;padding-top:.25rem;width:100%}.radio__label:hover{text-decoration:none}.radio__label:before{border:1px solid;border-radius:100%;content:"";display:block;flex:0 0 auto;height:1rem;margin-right:.25rem;margin-top:2px;width:1rem}.radio__input:focus~.radio__label:before{box-shadow:0 0 0 2px #0573cd}.radio__input:checked~.radio__label:before,.radio__label--checked:before{background:radial-gradient(circle,#0d395f 40%,#0000 0)}.radio__label:focus:before{box-shadow:0 0 0 2px #0573cd}.schedule-header{background-color:#e5f1fa;padding:.5rem}.schedule-header__date{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.1em;margin-bottom:.25rem;text-transform:uppercase}.schedule-header__title{font-family:Domine,georgia,serif;font-size:1.25rem;font-weight:600;line-height:1.4}.schedule-item{padding:.5rem .5rem 2rem}.schedule-item+.schedule-item{border-top:1px solid #dedede}.schedule-item__details{margin-bottom:1rem;text-align:center}.schedule-item__local,.schedule-item__time{font-size:1rem}.schedule-item__img{margin-bottom:1rem}.schedule-item__img .media__caption{font-size:.75rem}.schedule-item__title{font-family:Domine,georgia,serif;font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.schedule-item__text{font-size:1rem}.schedule-item__text a{border-bottom:1px solid;text-decoration:none}.schedule-item__text a:hover{border-bottom-color:#0000;text-decoration:none}.schedule-item__button{display:block;margin-top:1.5rem}.schedule-item__speaker:not(:last-child),.schedule-item__speakers{margin-bottom:1rem}.schedule-item__name{font-size:1rem;font-weight:500}.schedule-item__job{font-size:.875rem}.school-footer{background-color:#0d395f;padding-bottom:2rem;padding-top:2rem}.school-footer__main,.school-footer__primary{padding-left:1rem;padding-right:1rem;width:100%}.school-footer__secondary{padding:2rem 1rem;width:100%}.school-footer--lite .school-footer__secondary{padding-bottom:0}.school-footer__text{color:#fff;font-family:Domine,georgia,serif;font-size:1.75rem;font-weight:400;line-height:1.4;margin-bottom:1.5rem}.school-footer__nav{border-top:1px solid #174872;padding-left:1rem;padding-right:1rem;width:100%}.school-header{background:#fff;border-bottom:1px solid #0d395f;border-top:8px solid #0d395f;position:relative}.theme-college .school-header{border-top-color:#0d395f}.theme-institute .school-header{border-top-color:#97bbd5}.theme-sa .school-header{border-top-color:#75a3cd}.theme-ls .school-header{border-top-color:#8f9a17}.theme-blse .school-header{border-top-color:#c26533}.theme-blwc .school-header{border-top-color:#ffc107}.theme-uwc .school-header{border-top-color:#fff}.theme-wrmc .school-header{border-top-color:#ee6cb9}.school-header.headroom{left:0;position:fixed;top:0;transition:transform .4s ease-in-out;width:100%;will-change:transform;z-index:100}.school-header.headroom--pinned{transform:translateY(0)}.school-header.headroom--unpinned{transform:translateY(-100%)}.school-header__title{font-size:100%}.school-header__main{align-items:center;display:flex;justify-content:space-between}.school-header__logo{padding-bottom:.5rem;padding-top:.5rem}.school-header__content{align-items:flex-start;display:flex;flex-direction:row-reverse;justify-content:flex-start}.school-nav__handle{background:none;border:0;color:#0d395f;display:inline-block;font-size:.875rem;font-weight:500;line-height:1.7;padding:1rem}.school-nav__handle.is-toggled .school-nav__bars,.school-nav__menu,.school-nav__times{display:none}.school-nav__handle.is-toggled .school-nav__times{display:inline-block}.school-nav__list{display:flex;justify-content:flex-end}.school-nav__list--sub{background-color:#fff;border:1px solid #0d395f;display:block;left:0;min-width:300px;opacity:0;padding:.5rem 1rem;position:absolute;top:100%;transition:opacity .2s;visibility:hidden;z-index:200}.school-nav__list--cols{column-count:2;min-width:500px}.school-nav__list--cols .school-nav__item{display:inline-block;width:100%}.school-nav__item{display:block;position:relative;transition:opacity .2s}.school-nav__item:not(:last-child):not(.school-nav__item--sub){margin-right:2rem}.school-nav__item:focus-within .school-nav__list--sub,.school-nav__item:hover .school-nav__list--sub{opacity:1;visibility:visible}.school-nav__link{color:#0d395f;display:block;font-size:1rem;font-weight:500;opacity:.8;padding-bottom:1rem;padding-top:1rem;transition:opacity .2s,border-color .2s}.school-nav__link:hover{opacity:1;text-decoration:none}.school-nav__link--sub{font-size:.875rem;padding-bottom:.5rem;padding-top:.5rem}.school-nav__link--sub:focus,.school-nav__link--sub:hover{text-decoration:underline}.school-nav__link--top{border-bottom:4px solid #0000}.theme-college .school-nav__item:focus-within .school-nav__link--top,.theme-college .school-nav__item:hover .school-nav__link--top{border-color:#0d395f}.theme-institute .school-nav__item:focus-within .school-nav__link--top,.theme-institute .school-nav__item:hover .school-nav__link--top{border-color:#97bbd5}.theme-sa .school-nav__item:focus-within .school-nav__link--top,.theme-sa .school-nav__item:hover .school-nav__link--top{border-color:#75a3cd}.theme-ls .school-nav__item:focus-within .school-nav__link--top,.theme-ls .school-nav__item:hover .school-nav__link--top{border-color:#8f9a17}.theme-blse .school-nav__item:focus-within .school-nav__link--top,.theme-blse .school-nav__item:hover .school-nav__link--top{border-color:#c26533}.theme-blwc .school-nav__item:focus-within .school-nav__link--top,.theme-blwc .school-nav__item:hover .school-nav__link--top{border-color:#ffc107}.theme-uwc .school-nav__item:focus-within .school-nav__link--top,.theme-uwc .school-nav__item:hover .school-nav__link--top{border-color:#fff}.theme-wrmc .school-nav__item:focus-within .school-nav__link--top,.theme-wrmc .school-nav__item:hover .school-nav__link--top{border-color:#ee6cb9}.theme-college .school-nav__link--active{border-color:#0d395f}.theme-institute .school-nav__link--active{border-color:#97bbd5}.theme-sa .school-nav__link--active{border-color:#75a3cd}.theme-ls .school-nav__link--active{border-color:#8f9a17}.theme-blse .school-nav__link--active{border-color:#c26533}.theme-blwc .school-nav__link--active{border-color:#ffc107}.theme-uwc .school-nav__link--active{border-color:#fff}.theme-wrmc .school-nav__link--active{border-color:#ee6cb9}.school-nav__link--util{border-top:4px solid #0000;font-size:.875rem}.school-nav__link--util:focus,.school-nav__link--util:hover{text-decoration:none}.theme-college .school-nav__link--util:focus,.theme-college .school-nav__link--util:hover{border-top-color:#0d395f}.theme-institute .school-nav__link--util:focus,.theme-institute .school-nav__link--util:hover{border-top-color:#97bbd5}.theme-sa .school-nav__link--util:focus,.theme-sa .school-nav__link--util:hover{border-top-color:#75a3cd}.theme-ls .school-nav__link--util:focus,.theme-ls .school-nav__link--util:hover{border-top-color:#8f9a17}.theme-blse .school-nav__link--util:focus,.theme-blse .school-nav__link--util:hover{border-top-color:#c26533}.theme-blwc .school-nav__link--util:focus,.theme-blwc .school-nav__link--util:hover{border-top-color:#ffc107}.theme-uwc .school-nav__link--util:focus,.theme-uwc .school-nav__link--util:hover{border-top-color:#fff}.theme-wrmc .school-nav__link--util:focus,.theme-wrmc .school-nav__link--util:hover{border-top-color:#ee6cb9}.school-search__handle{color:#0d395f;display:inline-block;font-size:.875rem;padding:1rem}.school-search__handle:hover{text-decoration:none}.school-search__content{background-color:#fff;border-bottom:1px solid #0d395f;border-top:1px solid #0d395f;opacity:0;padding:1rem;position:absolute;right:0;top:100%;transition:.2s;visibility:hidden;width:100%;z-index:200}.school-search__content.is-toggled{opacity:1;visibility:visible}.school-search__times{display:none}.school-search__handle.is-toggled .school-search__times{display:inline-block}.school-search__handle.is-toggled .school-search__mag{display:none}.section{margin-bottom:4rem}.section__header,.section__title{border-top:4px solid #0d395f;margin-bottom:2rem;padding-top:.5rem}.section__title{flex:1 1 0%;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.5rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.section__header .section__title{border-top:0;margin-bottom:0;padding-top:0}.section__title.section__title-publications{margin-bottom:1rem}.section__link{border-bottom:1px solid;flex:0 0 auto;text-decoration:none}.section__link:hover{border-bottom-color:#0000;text-decoration:none}.section__text{flex:0 0 100%;margin-top:.5rem}.section__text a{border-bottom:1px solid;text-decoration:none}.section__text a:hover{border-bottom-color:#0000;text-decoration:none}.slider{width:100%}.slider__label{height:1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.slider__track{background:#dedede}.slider__handle{background-color:#0d395f;display:block;height:8px;text-indent:-9999px}.slider__handle,.spotlight{position:relative}.spotlight__content{background:#fff}.spotlight__title{background:#0d395f;color:#fff;font-family:Domine,georgia,serif;font-size:1.75rem;font-weight:400;line-height:1.4;padding:1.5rem 1rem}.spotlight__body{border-bottom:8px solid #0d395f;padding:1.5rem 1rem}.stat-panel{background-color:#767676;position:relative}.stat-panel__text{font-size:1.25rem}.stat-panel__media img{font-family:"object-fit: cover;";height:100%;object-fit:cover;width:100%}.stat-panel__item{padding:2rem}.stat-panel__item--primary{background-color:#dedede}.stat-panel__item--secondary{background-color:#0d395f;text-align:center}.stat-panel__stats-list{margin-bottom:3rem}.stat-panel__stats-title{color:#fff;font-size:1.75rem;margin-bottom:2rem}.stat-panel__stats-label{color:#fff;display:block;font-family:Domine,georgia,serif;font-size:48px;line-height:1}.stat-panel__stats-text{color:#fff;font-size:1rem}.stat-panel__stats-text:not(:last-of-type){border-bottom:1px solid #ffffff40;margin-bottom:1.5rem;padding-bottom:1.5rem}.stats{margin-left:auto;margin-right:auto;max-width:300px}.stats__label{border-bottom:1px solid #0d395f;font-family:Domine,georgia,serif;font-size:3rem;font-weight:300;line-height:1;margin-bottom:.5rem;padding-bottom:.5rem;white-space:nowrap}.stats__label,.stats__text{display:block;text-align:center}.stats__text{font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.status-report__item{display:inline-flex;width:100%}.status-report__item:not(:last-child){border-bottom:1px solid #dedede;margin-bottom:1rem;padding-bottom:1rem}.status-report__icon{align-items:center;color:#fff;display:inline-flex;height:2rem;justify-content:center;margin-right:.5rem;text-align:center;width:2rem}.status-report__icon .icon{top:0}.table,.typography table{margin-bottom:3rem;width:100%}.table caption,.typography table caption{background:#f8f8f8;caption-side:bottom;font-size:.875rem;font-style:italic;padding:.5rem}.table p+p,.typography table p+p{margin-bottom:0;margin-top:1rem}.table th,.typography table th{border-bottom:5px solid #dedede;display:none;font-size:.875rem;font-weight:600;padding-bottom:.5rem;padding-top:.5rem;text-align:left}.table tr:not(:last-of-type) td:last-of-type,.typography table tr:not(:last-of-type) td:last-of-type{border-bottom:1px solid #dedede}.table td,.typography table td{display:block;padding-bottom:1rem;padding-top:1rem}.table td:before,.typography table td:before{content:attr(data-th);display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.table a,.typography table a{border-bottom:1px solid;text-decoration:none}.table a:hover,.typography table a:hover{border-bottom-color:#0000;text-decoration:none}.table--fixed{table-layout:fixed}.table--no-mobile-headers td{padding-bottom:.25rem;padding-top:.25rem}.table--no-mobile-headers td:first-child{padding-top:1.5rem}.table--no-mobile-headers td:last-child{padding-bottom:1.5rem}.table--no-mobile-headers td:before{display:none}.tabs{margin-top:2.5rem;width:calc(100vw - 2rem)}.tabs__nav{margin:-1rem;position:relative;right:0}.tabs__nav:after{background-image:linear-gradient(90deg,#0000,#0d395fb3);content:"";display:block;height:100%;position:absolute;right:0;top:0;width:4rem}.tabs__list{border-bottom:4px solid #202020;display:flex;margin-bottom:2.25rem;overflow-x:auto;padding:0 1rem;-webkit-overflow-scrolling:touch}.tabs--light .tabs__list{border-color:#fff}.tabs__item:last-child{padding-right:4rem}.tabs__item:not(:last-child){margin-right:1.5rem}.tabs__button{border-top:1px solid #0000;display:inline-block;font-weight:500;opacity:.8;padding-bottom:.5rem;padding-top:.5rem;transition:.2s}.tabs__button:hover{border-top-color:#dedede;opacity:1;text-decoration:none}.tabs__button.tabs__button--active,.tabs__button[aria-selected=true]{border-top-color:#202020;color:#0573cd}.tabs--light .tabs__button{color:#fff}.tabs--light .tabs__button:hover{border-top-color:#ffffff80;opacity:1;text-decoration:none}.tabs--light .tabs__button[aria-selected=true]{border-top-color:#fff;color:#fff}.terms li,.terms p{font-size:1rem}.terms__title{flex:0 0 30%;font-weight:500;margin-bottom:.5rem}.terms__title:last-child{margin-bottom:0}.terms__text{margin-bottom:1.5rem;padding-bottom:1.5rem}.terms__text:last-child{margin-bottom:0;padding-bottom:0}.terms__text:not(:last-of-type){border-bottom:1px solid #dedede}.themed-box{background-color:#fff;border-top:8px solid #0d395f;box-shadow:inset 0 0 0 1px #dedede;margin-bottom:3rem;padding:1.5rem}.theme-college .themed-box{border-top-color:#0d395f}.theme-institute .themed-box{border-top-color:#97bbd5}.theme-sa .themed-box{border-top-color:#75a3cd}.theme-ls .themed-box{border-top-color:#8f9a17}.theme-blse .themed-box{border-top-color:#c26533}.theme-blwc .themed-box{border-top-color:#ffc107}.theme-uwc .themed-box{border-top-color:#fff}.theme-wrmc .themed-box{border-top-color:#ee6cb9}.themed-panel{background:#000;z-index:1}.themed-panel,.themed-panel__figure,.themed-panel__media{position:relative}.themed-panel__figure:before{background-image:linear-gradient(180deg,#0000,#000);bottom:-1px;content:"";display:block;height:100%;left:0;position:absolute;width:100%;z-index:2}.themed-panel__title{bottom:0;color:#fff;font-family:Domine,georgia,serif;font-size:2.25rem;left:0;line-height:1.4;padding:1.5rem 1rem .5rem;position:absolute;width:100%;z-index:3}.themed-panel__article{padding-left:1rem;padding-right:1rem;padding-top:1rem}.themed-panel__secondary{padding-bottom:2rem;padding-left:1rem;padding-right:1rem}.themed-panel__subarticle{border-top:1px solid #767676;margin-top:2rem;padding-top:2rem}.themed-panel__heading{color:#fff;margin-bottom:.5rem}.themed-panel__text{color:#fff;font-size:1rem}.themed-panel__cta{border-bottom:1px solid;color:#fff;display:inline-block;font-size:.875rem;margin-top:1rem;text-decoration:none}.themed-panel__cta:hover{border-bottom-color:#0000;text-decoration:none}.tooltip{display:inline-block;position:relative}.tooltip__button{background:none;border:0;line-height:1;opacity:.5;padding:0;transition:opacity .2s}.tooltip__button:focus,.tooltip__button:hover{opacity:1}.tooltip--light .tooltip__button{color:#fff}.tooltip__label{animation:fadeInDown .2s;background:#fff;bottom:calc(100% + 10px);box-shadow:0 0 8px #20202080;display:none;font-size:.875rem;max-width:100vw;min-width:230px;padding:.5rem;position:absolute;right:0}.tooltip__button:focus~.tooltip__label,.tooltip__button:hover~.tooltip__label{display:block}.to-top-btn{background:#fff;bottom:.5rem;box-shadow:0 0 8px #0003;color:#0d395f;font-weight:500;padding:1rem;position:fixed;right:.5rem;transition:transform .2s,bottom .2s;z-index:25}.to-top-btn[hidden]{bottom:0;transform:translateY(100%)}.transcript{margin-top:1rem}.transcript__button{border-bottom:1px solid #0000;display:inline-block;font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:border-color .2s}.transcript__button:hover{border-color:#0d395f;text-decoration:none}.transcript__icon{margin-left:.5rem;transition:transform .2s ease-in-out}.transcript.is-toggled .transcript__icon{transform:rotate(-180deg)}.transcript__body{margin-top:.5rem}.transcript.has-toggler .transcript__body{display:none}.transcript.is-toggled .transcript__body{display:block}.transcript__body p{font-size:1rem;margin-bottom:1.5rem}.transcript__body p:last-child{margin-bottom:0}.video__content{height:0;overflow:hidden;padding-top:56.25%;position:relative}.video__content iframe,.video__content img,.video__link:after{height:100%;left:0;position:absolute;top:0;width:100%}.video__link:after{background:#0d395f80;content:"";display:block;opacity:0;transition:opacity .2s}.video__link:focus:after,.video__link:hover:after{opacity:1}.video__button{bottom:0;left:0;position:absolute;z-index:1}.video__body{border:1px solid #dedede;padding:1rem 1.5rem}.video__title{font-family:Domine,georgia,serif;font-size:1.25rem;line-height:1.4;margin-bottom:.5rem}.video__text{font-size:1rem}.video__text a{border-bottom:1px solid;text-decoration:none}.video__text a:hover{border-bottom-color:#0000;text-decoration:none}@keyframes fade-in{0%{left:-50%}to{left:0}}.waveform{background-color:#071427;overflow:hidden}.waveform .shifting-slider{display:flex;left:0;position:relative}.waveform__header{align-items:flex-start;display:flex;flex-direction:column;padding-left:1rem;padding-right:1rem;padding-top:1rem}.waveform__header .section__title{border-top:0;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.06em;margin:0;order:1;padding-top:0}.waveform__header .waveform__blurb{margin-bottom:1rem;order:2}.waveform__header .waveform__blurb .section__text{color:#fff}.waveform__header .paragraph--button{font-size:.875rem;font-weight:700;height:-moz-fit-content;height:fit-content;line-height:1;margin:0;order:3;padding:.5rem 1rem}.waveform__list{display:flex;justify-content:space-between;overflow:scroll;padding-bottom:1rem;padding-top:2rem;-ms-overflow-style:none;scrollbar-width:none}.waveform__list::-webkit-scrollbar{display:none}.waveform__list-item{background-color:#fff;height:340px;margin-right:.5rem;min-width:263px;transition:background-color .2s,min-width .5s,margin .5s,height .5s}.waveform__list-item .waveform__list-item--tooltip{background-color:#fff;box-shadow:0 0 8px #20202080;display:block;font-size:.875rem;height:-moz-fit-content;height:fit-content;line-height:1.7;padding:.5rem;position:fixed;width:max-content;z-index:15}.waveform__list-item.has-toggler{overflow:hidden}.waveform__list-item.has-toggler .waveform__event-card{display:flex!important;flex-direction:column;height:340px;justify-content:space-between;padding:1rem .5rem .5rem;transition:opacity .5;width:263px}.waveform__list-item.has-toggler .waveform__event-card__content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text{height:254px;margin-bottom:1rem}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text time{font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text p{display:inline}.waveform__list-item.has-toggler h3{font-size:1.25rem;font-weight:700;padding-bottom:.25rem;padding-top:1.5rem}.waveform__list-item .paragraph--button{border:0;font-size:.875rem;font-weight:700;line-height:1;margin:0;width:100%}.wrmc-accordion{margin-top:1rem}.wrmc-accordion-toggle-links{color:#0d395f;display:flex;font-size:.875rem;font-weight:600;justify-content:flex-end;line-height:1;margin-bottom:1rem;text-transform:uppercase;width:100%}.wrmc-accordion-toggle-links a:first-child{margin-right:1.25rem}.wrmc-accordion-item{margin-bottom:.5rem}.wrmc-accordion-item.is-toggled{margin-bottom:0}.wrmc-accordion-item__char{align-self:flex-start;color:#767676;font-family:Domine,georgia,serif;font-size:.875rem;line-height:30px;margin-right:1rem}.wrmc-accordion-item__link{color:#202020;cursor:pointer;transition:background-color .2s}.wrmc-accordion-item__link:hover{background-color:#97bbd533;text-decoration:none}.wrmc-accordion-item__title{background-color:#e5f1fa;display:flex;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-weight:600;justify-content:space-between;letter-spacing:.1em;line-height:1.7;padding:.5rem 1rem .5rem .5rem;text-transform:uppercase}.wrmc-accordion-item.has-toggler .wrmc-accordion-item__title .wrmc-accordion-item-close{display:none}.wrmc-accordion-item.has-toggler .wrmc-accordion-item__title .wrmc-accordion-item-open,.wrmc-accordion-item.is-toggled .wrmc-accordion-item__title .wrmc-accordion-item-close{display:inline-block}.wrmc-accordion-item.is-toggled .wrmc-accordion-item__title .wrmc-accordion-item-open{display:none}.wrmc-accordion-item__label{flex:1 1 auto;width:100%}.wrmc-accordion-item__label--bold{align-items:center;display:flex;font-weight:700;text-transform:uppercase}.wrmc-accordion-item__icon{flex:0 0 auto;margin-left:1rem;transition:transform .2s ease-in-out}.wrmc-accordion-item.is-toggled .wrmc-accordion-item__icon{transform:rotate(-180deg)}.wrmc-accordion-item__content-list{display:flex;flex-direction:column}.wrmc-accordion-item.has-toggler .wrmc-accordion-item__content-list{display:none}.wrmc-accordion-item.is-toggled .wrmc-accordion-item__content-list{display:flex}.wrmc-accordion-item__list-item:first-child{padding-top:1rem}.wrmc-accordion-item__list-item:first-child .show-teaser{padding-top:0}.wrmc-accordion-item__list-item:not(:last-child){border-bottom:1px solid #dedede}.wrmc-accordion-item__sub-title{color:#767676;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.wrmc-accordion-item__sub-title:not(:first-child){border-top:1px solid #dedede;margin-bottom:.25rem;margin-top:1.5rem;padding-top:1.5rem}.wrmc-footer{background-color:#a3e6ff;padding:3rem 0}.wrmc-footer__content{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:0 2rem}.wrmc-footer__logo{color:#202020;font-size:.75rem;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase}.wrmc-footer__logo span{margin-left:-.5rem}.wrmc-footer__logo:hover{text-decoration:none}.wrmc-footer__logo-image{padding-bottom:.875rem;position:relative}.wrmc-footer__logo-image img:first-child{position:absolute}.wrmc-footer__logo-image img:last-child{left:3rem;position:relative;top:1rem;z-index:2}.wrmc-footer__item{align-items:center;display:flex;flex-direction:column;row-gap:.25rem}.wrmc-footer__link{border-bottom:1px solid;font-size:.75rem;font-weight:600;line-height:1;text-decoration:none}.wrmc-footer__link:hover{border-bottom-color:#0000;text-decoration:none}.wrmc-header{background:#a3e6ff;position:relative}.theme-college .wrmc-header{border-top-color:#0d395f}.theme-institute .wrmc-header{border-top-color:#97bbd5}.theme-sa .wrmc-header{border-top-color:#75a3cd}.theme-ls .wrmc-header{border-top-color:#8f9a17}.theme-blse .wrmc-header{border-top-color:#c26533}.theme-blwc .wrmc-header{border-top-color:#ffc107}.theme-uwc .wrmc-header{border-top-color:#fff}.theme-wrmc .wrmc-header{border-top-color:#ee6cb9}.wrmc-header.headroom{left:0;position:fixed;top:0;transition:transform .4s ease-in-out;width:100%;will-change:transform;z-index:100}.wrmc-header.headroom--pinned{transform:translateY(0)}.wrmc-header.headroom--unpinned{transform:translateY(-100%)}.wrmc-header__title{font-size:100%}.wrmc-header__main{display:flex;justify-content:space-between}.wrmc-header__logo{align-items:center;display:flex;margin-left:-2rem;overflow-y:hidden;padding-left:2rem;position:relative}.wrmc-header__logo-graphic{display:flex;margin:1rem 0}.wrmc-header__logo-graphic:hover{text-decoration:none}.wrmc-header__logo-background{left:-1.5rem;position:absolute;top:0;z-index:-1}.wrmc-header__logo-wordmark{display:flex;flex-direction:column;font-family:Open Sans,tahoma,geneva,sans-serif;font-weight:800;letter-spacing:2px;line-height:1.1;margin-left:.5rem;margin-top:.25rem;text-transform:uppercase}.wrmc-header__logo-wordmark span:first-child{font-size:1.5rem}.wrmc-header__logo-wordmark span:last-child{font-size:.875rem;line-height:1.2}.wrmc-header__content{align-items:flex-start;display:flex;flex-direction:row-reverse;justify-content:flex-start}.wrmc-nav__handle{align-items:center;background:none;border:0;color:#0d395f;display:flex;font-size:.875rem;font-weight:600;line-height:1.7;margin-top:1.5rem}.wrmc-nav__menu{display:none;padding-bottom:.5rem;padding-top:1rem}.wrmc-nav__secondary-menu{align-items:flex-start;display:flex;justify-content:flex-end}.wrmc-nav__secondary-menu img{height:-moz-fit-content;height:fit-content;mix-blend-mode:multiply}.wrmc-nav__secondary-menu .wrmc-nav__secondary-menu--links{display:flex;flex-direction:column;margin-left:1rem}.wrmc-nav__secondary-menu .wrmc-nav__secondary-menu--links .button{font-size:.875rem;font-weight:600;margin:1rem 0;padding:.25rem .75rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.wrmc-nav__secondary-menu .wrmc-nav__secondary-menu--links a:last-child{border-bottom:1px solid;font-size:.75rem;font-weight:600;text-decoration:none}.wrmc-nav__secondary-menu .wrmc-nav__secondary-menu--links a:last-child:hover{border-bottom-color:#0000;text-decoration:none}.wrmc-nav__handle.is-toggled .wrmc-nav__bars,.wrmc-nav__times{display:none}.wrmc-nav__handle.is-toggled .wrmc-nav__times{display:inline-block}.wrmc-nav__list{align-items:baseline;display:none;justify-content:flex-end;margin-top:2.5rem}.wrmc-nav__list--sub{background-color:#fff;border:1px solid #0d395f;display:block;left:0;min-width:300px;opacity:0;padding:.5rem 1rem;position:absolute;top:100%;transition:opacity .2s;visibility:hidden;z-index:200}.wrmc-nav__list--cols{column-count:2;min-width:500px}.wrmc-nav__list--cols .wrmc-nav__item{display:inline-block;width:100%}.wrmc-nav__item{display:block;position:relative;transition:opacity .2s}.wrmc-nav__item:not(:last-child):not(.wrmc-nav__item--sub){margin-right:2rem}.wrmc-nav__item:focus-within .wrmc-nav__list--sub,.wrmc-nav__item:hover .wrmc-nav__list--sub{opacity:1;visibility:visible}.wrmc-nav__item .school-search__handle{font-size:.875rem;font-weight:600;padding:0 0 .25rem}.wrmc-nav__link{color:#0d395f;display:block;font-size:.875rem;font-weight:600;opacity:.8;transition:opacity .2s,border-color .2s}.wrmc-nav__link:hover{opacity:1;text-decoration:none}.wrmc-nav__link--sub{font-size:.875rem;padding-bottom:.5rem;padding-top:.5rem}.wrmc-nav__link--sub:focus,.wrmc-nav__link--sub:hover{text-decoration:underline}.wrmc-nav__link--top{border-bottom:4px solid #0000}.theme-college .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-college .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#0d395f}.theme-institute .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-institute .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#97bbd5}.theme-sa .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-sa .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#75a3cd}.theme-ls .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-ls .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#8f9a17}.theme-blse .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-blse .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#c26533}.theme-blwc .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-blwc .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#ffc107}.theme-uwc .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-uwc .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#fff}.theme-wrmc .wrmc-nav__item:focus-within .wrmc-nav__link--top,.theme-wrmc .wrmc-nav__item:hover .wrmc-nav__link--top{border-color:#ee6cb9}.theme-college .wrmc-nav__link--active{border-color:#0d395f}.theme-institute .wrmc-nav__link--active{border-color:#97bbd5}.theme-sa .wrmc-nav__link--active{border-color:#75a3cd}.theme-ls .wrmc-nav__link--active{border-color:#8f9a17}.theme-blse .wrmc-nav__link--active{border-color:#c26533}.theme-blwc .wrmc-nav__link--active{border-color:#ffc107}.theme-uwc .wrmc-nav__link--active{border-color:#fff}.theme-wrmc .wrmc-nav__link--active{border-color:#ee6cb9}.wrmc-nav__link--util{border-top:4px solid #0000;font-size:.875rem}.wrmc-nav__link--util:focus,.wrmc-nav__link--util:hover{text-decoration:none}.theme-college .wrmc-nav__link--util:focus,.theme-college .wrmc-nav__link--util:hover{border-top-color:#0d395f}.theme-institute .wrmc-nav__link--util:focus,.theme-institute .wrmc-nav__link--util:hover{border-top-color:#97bbd5}.theme-sa .wrmc-nav__link--util:focus,.theme-sa .wrmc-nav__link--util:hover{border-top-color:#75a3cd}.theme-ls .wrmc-nav__link--util:focus,.theme-ls .wrmc-nav__link--util:hover{border-top-color:#8f9a17}.theme-blse .wrmc-nav__link--util:focus,.theme-blse .wrmc-nav__link--util:hover{border-top-color:#c26533}.theme-blwc .wrmc-nav__link--util:focus,.theme-blwc .wrmc-nav__link--util:hover{border-top-color:#ffc107}.theme-uwc .wrmc-nav__link--util:focus,.theme-uwc .wrmc-nav__link--util:hover{border-top-color:#fff}.theme-wrmc .wrmc-nav__link--util:focus,.theme-wrmc .wrmc-nav__link--util:hover{border-top-color:#ee6cb9}.wrmc-drawer.drawer .drawer__header{align-items:flex-start;display:flex;flex-direction:row-reverse;justify-content:space-between;padding-bottom:2rem}.wrmc-drawer.drawer .wrmc-nav__secondary-menu{justify-content:flex-start;padding-left:1rem;padding-top:1rem}.wrmc-drawer.drawer .drawer__content{background-color:#a3e6ff}.wrmc-drawer.drawer .drawer-nav__item{border-top-color:#fff}.wrmc-drawer.drawer .drawer-nav__link,.wrmc-drawer.drawer .drawer__close{color:#0d395f}.show-teaser{display:flex;flex-direction:column;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:1.5rem 1rem;width:100vw}.show-time{margin-bottom:.5rem}.show-details h3{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.5rem;margin-bottom:.25rem}.show-details .show-details__hosts{font-size:1rem;line-height:1.4}.show-details .show-details__description{font-size:.875rem;margin:1rem 0}.show-details .show-details__genre{background-color:#0d395f;color:#fff;display:block;font-size:.75rem;font-weight:600;line-height:1.4;margin-top:1rem;padding:.5rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.show-details .show-details__genre.blues{background-color:#1d6ca6}.show-details .show-details__genre.country{background-color:#ac7306}.show-details .show-details__genre.experimental{background-color:#c926e4}.show-details .show-details__genre.funk{background-color:#07bbd3}.show-details .show-details__genre.indie{background-color:#927575}.show-details .show-details__genre.pop{background-color:#a60505}.show-details .show-details__genre.punk{background-color:#044882}.show-details .show-details__genre.rb-soul{background-color:#56a4ff}.show-details .show-details__genre.rock{background-color:#047825}.show-details .show-details__genre.world{background-color:#52d6ff}.show-details .show-details__genre.classical{background-color:#349b76}.show-details .show-details__genre.electronic{background-color:#9aa705}.show-details .show-details__genre.folk{background-color:#e28a07}.show-details .show-details__genre.jazz{background-color:#0cbdbd}.show-details .show-details__genre.heavy-metal{background-color:#727070}.show-details .show-details__genre.hip-hop{background-color:#01777f}.show-details .show-details__genre.kpop{background-color:#8807d7}.show-details .show-details__genre.latin{background-color:#81e334}.show-details .show-details__genre.reggae{background-color:#e3bf42}.show-details .show-details__genre.news{background-color:#8f8d8d}.show-details .show-details__genre.talk{background-color:#000}.weekly-schedule .weekly-schedule__show-teaser{background-color:#fff;display:none;filter:drop-shadow(0 0 .5rem rgba(0,0,0,.2));margin-top:.5rem;max-width:468px;position:absolute;width:50vw;z-index:1}.weekly-schedule .weekly-schedule__show-teaser.align-top{bottom:calc(100% + .5rem)}.weekly-schedule .weekly-schedule__show-teaser.align-right{right:0}.weekly-schedule .weekly-schedule__show-teaser.align-top-right{bottom:calc(100% + .5rem);right:0}.weekly-schedule .weekly-schedule__show-teaser.show-teaser{flex-direction:column;font-weight:400;letter-spacing:normal;padding:1rem}.weekly-schedule .weekly-schedule__show-teaser.show-teaser .show-time{font-size:1rem;font-weight:400;line-height:1.7;margin-bottom:1.5rem}.weekly-schedule .weekly-schedule__show-teaser.show-teaser .show-details__description{margin-bottom:0}.weekly-schedule .weekly-schedule__show-teaser.show-teaser .show-details__close{background:none;border:0;color:#0d395f;font-size:.875rem;font-weight:400;letter-spacing:normal;padding:1rem;position:absolute;right:0;top:0;width:-moz-fit-content;width:fit-content}.weekly-schedule .weekly-schedule__show-teaser.show-teaser .show-details__genre{margin-top:0;position:absolute;right:0;top:0}.status-bar{align-items:center;background-color:#202020;color:#fff;display:flex;overflow:hidden}.status-bar .status-bar__broadcast-status{color:#a7c504;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:3rem;font-weight:300;line-height:1;padding:0 .75rem;text-transform:uppercase}.status-bar .status-bar-divider{background-color:#a3e6ff80;margin:0;position:absolute;width:100%}.status-bar .status-bar-content{overflow:auto;width:calc(100% - 95px);-ms-overflow-style:none;scrollbar-width:none}.status-bar .status-bar-content::-webkit-scrollbar{display:none}.status-bar .status-bar-content .status-bar-content__wrapper{width:max-content}.status-bar .status-bar-row{display:flex}.status-bar .status-bar-row .status-bar-section{padding:.5rem .75rem}.status-bar .status-bar-row .status-bar-section.section-show{border-right:1px solid #a3e6ff80;padding-right:1.5rem}.status-bar .status-bar-row .status-bar-section.section-playlist .status-bar-section__playlist-items{display:flex;min-width:max-content}.status-bar .status-bar-row .status-bar-section dd{color:#a3e6ff;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;line-height:1;margin-bottom:.25rem;text-transform:uppercase}.status-bar .status-bar-row .status-bar-section dt{font-size:.875rem;font-weight:700;line-height:1}.status-bar .status-bar-row .status-bar-section dt em{color:#ee6cb9;padding-left:.25rem}.status-bar .status-bar-row .status-bar-section dt a{border-bottom:.5px solid;color:#fff;text-decoration:none}.status-bar .status-bar-row .status-bar-section dt a:hover{border-bottom-color:#0000;text-decoration:none}.status-bar .status-bar-row .status-bar-section dt p{font-size:inherit;line-height:inherit}.status-bar .status-bar-row .status-bar-section .text-separator{color:#a3e6ff;font-size:.625rem;padding:0 1rem}.paragraph--top-thirty-songs{justify-content:center}.paragraph--top-thirty-songs .row{row-gap:2.5rem}.songs img{width:100%}.songs ol{counter-reset:ol}.songs ol>li{counter-increment:ol;position:relative}.songs ol>li:before{content:"0" counter(ol);font-size:1.125rem;font-weight:600;line-height:1;position:absolute;z-index:6}.songs ol>li:nth-child(n+10):before{content:counter(ol)}.songs ol>li .song__trapezoid-marker{border-bottom:1.25rem solid #a3e6ff;border-left:0 solid #0000;border-right:.75rem solid #0000;position:absolute;width:2rem;z-index:5}.songs .song__album-placeholder{position:relative}.songs .song__album-placeholder:before{background-color:#ee6cb9;content:"";display:block;padding-top:100%}.songs .song__album-placeholder .song__album-placeholder-image{height:100%;left:0;padding:.5rem;position:absolute;top:0;width:100%}.songs .song__album-placeholder .song__album-placeholder-image img{height:100%;object-fit:cover;width:100%}.songs p{font-size:.875rem;font-weight:700}.songs p.song__artist{margin-top:.25rem}.songs p.song__title{color:#ee6cb9;line-height:1.4}.weekly-schedule{position:relative}.weekly-schedule .weekly-schedule__column{align-items:center;display:flex;flex-direction:column;padding-right:.5rem;width:14.28571%}.weekly-schedule .weekly-schedule__column,.weekly-schedule .weekly-schedule__column button{font-size:.75rem;font-weight:600;letter-spacing:.1em;line-height:1.4}.weekly-schedule .weekly-schedule__column button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column button:hover .weekly-schedule__show{background-color:#071e32}.weekly-schedule .weekly-schedule__column h2{color:#202020;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;line-height:1.7;margin-bottom:2.5rem;text-transform:uppercase}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper{margin-bottom:1.5rem;position:relative}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.blues .weekly-schedule__show{background-color:#1d6ca6}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.blues button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.blues button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.blues:focus-within .weekly-schedule__show{background-color:#15507b}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.country .weekly-schedule__show{background-color:#ac7306}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.country button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.country button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.country:focus-within .weekly-schedule__show{background-color:#7b5204}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.experimental .weekly-schedule__show{background-color:#c926e4}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.experimental button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.experimental button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.experimental:focus-within .weekly-schedule__show{background-color:#a718bf}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.funk .weekly-schedule__show{background-color:#07bbd3}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.funk button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.funk button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.funk:focus-within .weekly-schedule__show{background-color:#058fa2}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.indie .weekly-schedule__show{background-color:#927575}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.indie button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.indie button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.indie:focus-within .weekly-schedule__show{background-color:#765e5e}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.pop .weekly-schedule__show{background-color:#a60505}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.pop button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.pop button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.pop:focus-within .weekly-schedule__show{background-color:#740404}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.punk .weekly-schedule__show{background-color:#044882}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.punk button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.punk button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.punk:focus-within .weekly-schedule__show{background-color:#022d51}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.rb-soul .weekly-schedule__show{background-color:#56a4ff}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.rb-soul button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.rb-soul button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.rb-soul:focus-within .weekly-schedule__show{background-color:#2389ff}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.rock .weekly-schedule__show{background-color:#047825}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.rock button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.rock button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.rock:focus-within .weekly-schedule__show{background-color:#024716}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.world .weekly-schedule__show{background-color:#52d6ff}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.world button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.world button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.world:focus-within .weekly-schedule__show{background-color:#1fcaff}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.classical .weekly-schedule__show{background-color:#349b76}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.classical button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.classical button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.classical:focus-within .weekly-schedule__show{background-color:#277559}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.electronic .weekly-schedule__show{background-color:#9aa705}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.electronic button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.electronic button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.electronic:focus-within .weekly-schedule__show{background-color:#6c7504}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.folk .weekly-schedule__show{background-color:#e28a07}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.folk button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.folk button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.folk:focus-within .weekly-schedule__show{background-color:#b16c05}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.jazz .weekly-schedule__show{background-color:#0cbdbd}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.jazz button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.jazz button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.jazz:focus-within .weekly-schedule__show{background-color:#098d8d}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.heavy-metal .weekly-schedule__show{background-color:#727070}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.heavy-metal button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.heavy-metal button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.heavy-metal:focus-within .weekly-schedule__show{background-color:#585757}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.hip-hop .weekly-schedule__show{background-color:#01777f}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.hip-hop button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.hip-hop button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.hip-hop:focus-within .weekly-schedule__show{background-color:#01484c}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.kpop .weekly-schedule__show{background-color:#8807d7}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.kpop button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.kpop button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.kpop:focus-within .weekly-schedule__show{background-color:#6905a6}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.latin .weekly-schedule__show{background-color:#81e334}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.latin button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.latin button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.latin:focus-within .weekly-schedule__show{background-color:#68c81c}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.reggae .weekly-schedule__show{background-color:#e3bf42}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.reggae button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.reggae button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.reggae:focus-within .weekly-schedule__show{background-color:#d3ab1f}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.news .weekly-schedule__show{background-color:#8f8d8d}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.news button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.news button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.news:focus-within .weekly-schedule__show{background-color:#767373}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.talk .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.talk button:focus .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.talk button:hover .weekly-schedule__show,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper.talk:focus-within .weekly-schedule__show{background-color:#000}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper button{width:100%}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper button:focus .weekly-schedule__show svg,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper button:focus .weekly-schedule__show-teaser,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper button:hover .weekly-schedule__show svg,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper button:hover .weekly-schedule__show-teaser,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper:focus .weekly-schedule__show svg,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper:focus .weekly-schedule__show-teaser,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper:focus-within .weekly-schedule__show svg,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper:focus-within .weekly-schedule__show-teaser,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper:hover .weekly-schedule__show svg,.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper:hover .weekly-schedule__show-teaser{display:block}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper .weekly-schedule__show{align-items:center;color:#fff;display:flex;flex-direction:column-reverse}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper .weekly-schedule__show time{border-bottom:1px solid #fff;padding:.25rem 0;text-align:center;width:100%}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper .weekly-schedule__show svg{display:none;position:absolute;right:0;top:0}.weekly-schedule .weekly-schedule__column .weekly-schedule__show-wrapper .weekly-schedule__show h3{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:normal;padding:.5rem;text-transform:capitalize;width:100%}.weekly-schedule .weekly-schedule__column .weekly-schedule__time{color:#767676;margin-bottom:1.5rem}.typography>:first-child{margin-top:0}.typography>:last-child{margin-bottom:0}.typography p{font-size:1.125rem;margin-bottom:1.5rem}.typography a{border-bottom:1px solid;font-weight:500;text-decoration:none}.typography a:hover{border-bottom-color:#0000;text-decoration:none}.typography a:not([href*="middlebury.edu"]):not([href^="#"]):not([href^="/"]):not([href^="mailto:"]):not([href*="drive.google.com"]):not([href*="docs.google.com"]):not([href*=".pdf"]):not([href*="middleburycollege-my.sharepoint.com"]):not([name]):after{content:url(https://www.middlebury.edu/themes/custom/middlebury_theme/images/external-link.svg);display:inline-block;font-size:.875rem;height:1em;margin-left:.25rem;width:1em}.typography a[href*=".pdf"]:after,.typography a[href*="docs.google.com"]:after,.typography a[href*="drive.google.com"]:after,.typography a[href*="middleburycollege-my.sharepoint.com"]:after,.typography a[href^="/media/"]:after,.typography a[href^="mailto:"]:after{background:#0d395f;color:#fff;display:inline-block;font-size:.625rem;letter-spacing:.1em;line-height:1;margin-left:.25rem;padding:.25rem;text-transform:uppercase;transition:.2s}.typography a[href*=".pdf"]:focus:after,.typography a[href*=".pdf"]:hover:after,.typography a[href*="docs.google.com"]:focus:after,.typography a[href*="docs.google.com"]:hover:after,.typography a[href*="drive.google.com"]:focus:after,.typography a[href*="drive.google.com"]:hover:after,.typography a[href*="middleburycollege-my.sharepoint.com"]:focus:after,.typography a[href*="middleburycollege-my.sharepoint.com"]:hover:after,.typography a[href^="/media/"]:focus:after,.typography a[href^="/media/"]:hover:after,.typography a[href^="mailto:"]:focus:after,.typography a[href^="mailto:"]:hover:after{transform:translateY(-4px)}.typography a[href^="mailto:"]:after{content:"Email"}.typography a[href*=".pdf"]:after,.typography a[href^="/media/"]:after{content:"PDF"}.typography a[href*="docs.google.com"]:after,.typography a[href*="drive.google.com"]:after{content:"Google Drive"}.typography a[href*="middleburycollege-my.sharepoint.com"]:after{content:"Office 365"}.typography a[id][name]{border:0;color:currentColor;text-decoration:none}.typography ol,.typography ul{font-size:1.125rem;margin-bottom:1.5rem;padding-left:2rem;padding-right:2rem}.typography ol ol,.typography ol ul,.typography ul ol,.typography ul ul{margin-bottom:1rem;margin-top:1rem;padding-left:1.5rem}.typography ul>li{position:relative}.typography ul>li:before{content:"\2022";font-size:10px;position:absolute;right:calc(100% + 8px);top:6px}.typography ol{counter-reset:ol;list-style-type:none}.typography ol>li{counter-increment:ol;position:relative}.typography ol>li:before{content:counter(ol) ".";font-size:.875rem;line-height:1.7;position:absolute;right:calc(100% + .5rem);top:.25rem}.typography li:not(:last-of-type){margin-bottom:.5rem}.typography li p:last-of-type{margin-bottom:0}.typography dl{margin-bottom:2rem;margin-top:2rem}.typography dl li,.typography dl p{font-size:1rem}.typography dt{flex:0 0 30%;font-weight:500;margin-bottom:.5rem}.typography dt:last-child{margin-bottom:0}.typography dd{margin-bottom:1.5rem;padding-bottom:1.5rem}.typography dd:last-child{margin-bottom:0;padding-bottom:0}.typography dd:not(:last-of-type){border-bottom:1px solid #dedede}.lead+.paragraph--text>h2,.paragraph--text+.paragraph--text>h2,.typography h2{font-family:Domine,georgia,serif;font-size:1.5rem;line-height:1.4;margin-bottom:1.5rem;margin-top:3rem}.typography h3{font-size:1.25rem;margin-bottom:.5rem}.typography h3,.typography h4{font-family:Domine,georgia,serif;font-weight:600;line-height:1.4;margin-top:2rem}.typography h4{font-size:1.125rem;margin-bottom:.25rem}.typography h5{font-size:1rem}.typography h5,.typography h6{font-family:Domine,georgia,serif;font-weight:600;line-height:1.4;margin-bottom:.25rem;margin-top:2rem}.typography h6{font-size:.875rem}.typography h3>a,.typography h4>a,.typography h5>a,.typography h6>a{font-weight:600}.typography blockquote{border-left:2px solid #dedede;font-size:1.125rem;margin-bottom:2rem;margin-top:2rem;padding-left:1.5rem}.typography--sm li,.typography--sm p{font-size:.875rem}.contains-links a{border-bottom:1px solid;text-decoration:none}.contains-links a:hover{border-bottom-color:#0000;text-decoration:none}#___gcse_0 .gsc-control-cse{margin-bottom:3rem;padding:0}#___gcse_0 .gsc-search-box{margin:0 0 3rem;padding:0}#___gcse_0 .gsc-input-box{border:1px solid #dedede;border-radius:0;padding:0}#___gcse_0 .gsc-input-box:focus-within{border-color:#0d395f}#___gcse_0 .gsib_a,#___gcse_0 .gsib_b{line-height:1;padding:1rem}#___gcse_0 .gsst_a,#___gcse_0 .gsst_b{padding:0}#___gcse_0 .gscb_a{color:#0d395f;font-size:24px;line-height:16px}#___gcse_0 td.gsc-input{padding-right:.5rem}#___gcse_0 input.gsc-input{background-position:.5rem;border-radius:0;font-family:Open Sans,tahoma,geneva,sans-serif;padding:.5rem;width:100%}#___gcse_0 button.gsc-search-button{background-color:#0d395f;border:1px solid #0d395f;border-radius:0;cursor:pointer;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:16px;font-weight:400;height:auto;margin:0;padding:1rem}#___gcse_0 .gsc-tabsArea{border-bottom:4px solid #0d395f;border-radius:0;margin-bottom:1rem}#___gcse_0 .gsc-tabsArea .gsc-tabHeader{border-bottom:0;border-top:1px solid #0000;font-size:16px;font-weight:500;line-height:inherit;margin-right:1.5rem;margin-top:0;padding:.5rem 0;text-transform:none}#___gcse_0 .gsc-tabsArea .gsc-tabHeader:not(.gsc-tabhActive):hover{border-color:#0d395f}#___gcse_0 .gsc-tabsArea .gsc-tabHeader.gsc-tabhInactive{background:none;border:0;color:#0d395f}#___gcse_0 .gsc-tabsArea .gsc-tabhActive{border-color:#0d395f}#___gcse_0 .gsc-above-wrapper-area{border-bottom:1px solid #dedede;margin-bottom:2rem;padding:0 0 1rem}#___gcse_0 .gsc-result-info{color:#000;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:14px;line-height:1.7;margin:0;padding:0}#___gcse_0 .gsc-results{padding:0;width:100%}#___gcse_0 .gsc-result{border:0;padding:0}#___gcse_0 .gsc-result:not(:last-child){border-bottom:1px solid #dedede;margin-bottom:2rem;padding-bottom:2rem}#___gcse_0 .gsc-thumbnail-inside{padding:0}#___gcse_0 .gs-title{color:#0d395f;font-family:Domine,georgia,serif;margin-bottom:0}#___gcse_0 .gs-title,#___gcse_0 .gs-title b{font-size:1.25rem;line-height:1.4;text-decoration:none}#___gcse_0 .gs-title b{color:currentColor;font-weight:400}#___gcse_0 .gs-title:hover{text-decoration:underline}#___gcse_0 .gsc-url-top{padding:0}#___gcse_0 .gs-visibleUrl{color:#0d395f;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:14px;margin-bottom:1rem;padding:0}#___gcse_0 .gsc-table-result{padding:0}#___gcse_0 .gs-web-image-box{margin-bottom:1rem;margin-right:1rem;padding:0;width:auto}#___gcse_0 .gs-image{border:0;max-width:100px}#___gcse_0 .gsc-table-cell-thumbnail{padding:0}#___gcse_0 .gs-fileFormat{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:12px;margin-bottom:8px}#___gcse_0 .gs-snippet{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1.125rem;line-height:1.7;margin:0}#___gcse_0 .gs-per-result-labels{font-family:Open Sans,tahoma,geneva,sans-serif;margin-top:.5rem}#___gcse_0 .gsc-cursor-box{border-top:0;margin:6rem 0 2rem;padding:0}#___gcse_0 .gsc-cursor-page{font-size:14px;font-weight:600;padding:.5rem;text-decoration:none}#___gcse_0 .gsc-cursor-page:hover{background-color:#dedede;text-decoration:none}#___gcse_0 .gsc-cursor-current-page{background-color:#0d395f;color:#fff}#___gcse_0 .gs-promotion .gs-visibleUrl{color:#202020}#___gcse_0 .gcsc-more-maybe-branding-root a{color:#0d395f}#___gcse_0 .gcsc-find-more-on-google{margin:0}.node-webform{padding:2px}.node-webform a{border-bottom:1px solid;text-decoration:none}.node-webform a:hover{border-bottom-color:#0000;text-decoration:none}.node-webform h1{font-family:Domine,georgia,serif;font-size:1.25rem;line-height:1.4;margin-bottom:1.5rem}.node-webform .field-type-text-with-summary{font-size:1.125rem;margin-bottom:1.5rem}.node-webform .field-type-text-with-summary p{margin-bottom:1.5rem}.node-webform fieldset{border:1px solid #dedede;margin-bottom:2rem;min-width:0;padding:1rem;width:100%}.node-webform fieldset .form-item:last-child{margin-bottom:0}.node-webform legend{font-weight:500;padding-left:.5rem;padding-right:.5rem}.node-webform .form-actions,.node-webform .form-item{margin-bottom:2rem}.node-webform label{display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.node-webform .form-required{color:#dc3545;font-size:.875rem}.node-webform .description{font-size:.875rem;margin-bottom:.25rem}.node-webform .form-select,.node-webform .form-text,.node-webform .form-textarea{appearance:none;background-color:#fff;border:1px solid #202020;border-radius:0;color:#202020;display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;margin-top:0;max-width:100%;padding:.5rem;width:100%;width:auto}.node-webform .form-select .is-error,.node-webform .form-text .is-error,.node-webform .form-textarea .is-error{border-color:#dc3545}.node-webform .form-select .is-valid,.node-webform .form-text .is-valid,.node-webform .form-textarea .is-valid{border-color:#5e7d31}.node-webform .form-select:not([multiple]){background-color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAtElEQVQYlXXOsUpCcRQH4M/LRcMXcAr+W+/gIiRmECERiNBruDf3HioO1RO4uBcUEQ66RYSIhFPQ1HKC66XOcjjn/D44lZRSE0Nc4cv/VccYNzmucYJ79PD9B6jFvYuDDH084hS3qJZAFXcBHjDIsIvFM84xQV4AU5zhKT7aZXHcooNXXGIUYIQLvAT4hEpKqfhKA3Mc4Q2HWKCFzW8os19rtLEKsIx5UwyVEbzjGLPoH+XADz8MIz9yNyrhAAAAAElFTkSuQmCC");background-position:right 1rem center;background-repeat:no-repeat;padding-right:3rem}.node-webform .form-select:not([multiple])::-ms-expand{display:none}.node-webform .form-type-checkbox,.node-webform .form-type-radio{display:flex;margin-bottom:.25rem}.node-webform .form-type-checkbox input[type=checkbox],.node-webform .form-type-checkbox input[type=radio],.node-webform .form-type-radio input[type=checkbox],.node-webform .form-type-radio input[type=radio]{position:relative;top:3px}.node-webform .form-type-checkbox label,.node-webform .form-type-radio label{cursor:pointer;font-size:.875rem;font-weight:400;margin-bottom:0;padding-left:.5rem}.node-webform .button-primary{background:#0000;background-color:#0d395f;border:1px solid #0d395f;border-radius:0;color:#0d395f;color:#fff;cursor:pointer;display:inline-block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;padding:1rem 2rem;text-align:center;transition:color .2s,background-color .2s,border-color .2s;white-space:nowrap}.node-webform .button-primary:focus,.node-webform .button-primary:hover{background-color:#13548c;border-color:#13548c;color:#fff;text-decoration:none}.node-webform .form-managed-file{background:#f8f8f8;display:inline-flex}.node-webform .form-managed-file .form-submit{background:#0000;background-color:#0d395f;border:1px solid #0d395f;border-radius:0;color:#0d395f;color:#fff;cursor:pointer;display:inline-block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-size:.875rem;line-height:1;padding:.5rem 1rem;text-align:center;transition:color .2s,background-color .2s,border-color .2s;white-space:nowrap}.node-webform .form-managed-file .form-submit:focus,.node-webform .form-managed-file .form-submit:hover{background-color:#13548c;border-color:#13548c;color:#fff;text-decoration:none}.node-webform .form-managed-file .form-file{background:#0000;border:1px solid #0000;border-radius:0;color:#0d395f;cursor:pointer;display:inline-block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;font-size:.875rem;line-height:1;padding:.5rem 1rem;text-align:center;transition:color .2s,background-color .2s,border-color .2s;white-space:nowrap}.node-webform .form-managed-file .form-file:focus,.node-webform .form-managed-file .form-file:hover{text-decoration:none}.node-webform .inline{display:flex}.node-webform .inline>li+li{margin-left:1rem}.node-webform .webform-calendar{display:none}.node-webform .webform-container-inline .form-item:not(:last-child){margin-right:1rem}.slateform{padding:2px}.slateform a{border-bottom:1px solid;text-decoration:none}.slateform a:hover{border-bottom-color:#0000;text-decoration:none}.slateform h1{font-family:Domine,georgia,serif;font-size:1.25rem;line-height:1.4;margin-bottom:1.5rem}.slateform fieldset{border:1px solid #dedede;margin-bottom:2rem;min-width:0;padding:1rem;width:100%}.slateform fieldset div:last-of-type{margin-bottom:0}.slateform fieldset>.form_label{display:none}.slateform legend{font-weight:500;padding-left:.5rem;padding-right:.5rem}.slateform .action,.slateform .form_question,.slateform fieldset>div{margin-bottom:2rem}.slateform .form_label,.slateform label{display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.slateform div[data-required="1"] label:after{color:#dc3545;content:" *";font-size:.875rem}.slateform input[type=email],.slateform input[type=tel],.slateform input[type=text],.slateform select,.slateform textarea{appearance:none;background-color:#fff;border:1px solid #202020;border-radius:0;color:#202020;display:block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;margin-top:0;max-width:100%;padding:.5rem;width:100%;width:auto}.slateform input[type=email] .is-error,.slateform input[type=tel] .is-error,.slateform input[type=text] .is-error,.slateform select .is-error,.slateform textarea .is-error{border-color:#dc3545}.slateform input[type=email] .is-valid,.slateform input[type=tel] .is-valid,.slateform input[type=text] .is-valid,.slateform select .is-valid,.slateform textarea .is-valid{border-color:#5e7d31}.slateform select:not([multiple]){background-color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAtElEQVQYlXXOsUpCcRQH4M/LRcMXcAr+W+/gIiRmECERiNBruDf3HioO1RO4uBcUEQ66RYSIhFPQ1HKC66XOcjjn/D44lZRSE0Nc4cv/VccYNzmucYJ79PD9B6jFvYuDDH084hS3qJZAFXcBHjDIsIvFM84xQV4AU5zhKT7aZXHcooNXXGIUYIQLvAT4hEpKqfhKA3Mc4Q2HWKCFzW8os19rtLEKsIx5UwyVEbzjGLPoH+XADz8MIz9yNyrhAAAAAElFTkSuQmCC");background-position:right 1rem center;background-repeat:no-repeat;padding-right:3rem}.slateform select:not([multiple])::-ms-expand{display:none}.slateform .action button{background:#0000;background-color:#0d395f;border:1px solid #0d395f;border-radius:0;color:#0d395f;color:#fff;cursor:pointer;display:inline-block;font-family:Open Sans,tahoma,geneva,sans-serif;font-size:1rem;line-height:1;padding:1rem 2rem;text-align:center;transition:color .2s,background-color .2s,border-color .2s;white-space:nowrap}.slateform .action button:focus,.slateform .action button:hover{background-color:#13548c;border-color:#13548c;color:#fff;text-decoration:none}.slateform .form_responses input:not(:last-child),.slateform .form_responses select:not(:last-child){margin-right:1rem}.slateform .form_loading.hidden{display:none}.bg-primary{background-color:#0d395f}.bg-gray{background-color:#767676}.bg-gray-light{background-color:#dedede}.bg-gray-lighter{background-color:#f8f8f8}.bg-blue-light{background-color:#97bbd5}.bg-blue-lighter{background-color:#e5f1fa}.bg-danger{background-color:#dc3545}.bg-success{background-color:#5e7d31}.bg-warning{background-color:#fedb85}.border-b{border-bottom:1px solid #dedede}.border-b-0{border-bottom:0}.border-r{border-right:1px solid #dedede}.border-r-0{border-right:0}.border-l{border-left:1px solid #dedede}.border-l-0{border-left:0}.border-t{border-top:1px solid #dedede}.border-t-0{border-top:0}.border{border:1px solid #dedede}.border-4{border-width:4px}.border-navy{border-color:#0d395f}.break-inside-avoid{break-inside:avoid}.clearfix:after{clear:both;content:"";display:block}.col-count-md-2,.col-count-xl-3{column-gap:2rem}.d-none{display:none}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-block{display:block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap!important}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.float-right{float:right}.float-left{float:left}.hover-fadein{opacity:.5;transition:opacity .2s}.hover-fadein:hover{opacity:1}.hover-fadeout{transition:opacity .2s}.hover-fadeout:hover{opacity:.5}.order-first{order:-1}.order-last{order:9999}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.sr-only,.visually-hidden{height:1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.sr-focusable:active,.sr-focusable:focus{height:auto;overflow:visible;position:static;width:auto;clip:auto;white-space:normal}.w-100{width:100%}.w-50{width:50%}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.mx-0{margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.mx-1{margin-right:.25rem!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.mx-2{margin-right:.5rem!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.m-3{margin:1rem!important}.mt-3{margin-top:1rem!important}.mr-3{margin-right:1rem!important}.mb-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.mx-3{margin-right:1rem!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.m-4{margin:1.5rem!important}.mt-4{margin-top:1.5rem!important}.mr-4{margin-right:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.mx-4{margin-right:1.5rem!important}.my-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.m-5{margin:2rem!important}.mt-5{margin-top:2rem!important}.mr-5{margin-right:2rem!important}.mb-5{margin-bottom:2rem!important}.ml-5,.mx-5{margin-left:2rem!important}.mx-5{margin-right:2rem!important}.my-5{margin-bottom:2rem!important;margin-top:2rem!important}.m-6{margin:2.5rem!important}.mt-6{margin-top:2.5rem!important}.mr-6{margin-right:2.5rem!important}.mb-6{margin-bottom:2.5rem!important}.ml-6,.mx-6{margin-left:2.5rem!important}.mx-6{margin-right:2.5rem!important}.my-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.m-7{margin:3rem!important}.mt-7{margin-top:3rem!important}.mr-7{margin-right:3rem!important}.mb-7{margin-bottom:3rem!important}.ml-7,.mx-7{margin-left:3rem!important}.mx-7{margin-right:3rem!important}.my-7{margin-bottom:3rem!important;margin-top:3rem!important}.m-8{margin:4rem!important}.mt-8{margin-top:4rem!important}.mr-8{margin-right:4rem!important}.mb-8{margin-bottom:4rem!important}.ml-8,.mx-8{margin-left:4rem!important}.mx-8{margin-right:4rem!important}.my-8{margin-bottom:4rem!important;margin-top:4rem!important}.m-9{margin:6rem!important}.mt-9{margin-top:6rem!important}.mr-9{margin-right:6rem!important}.mb-9{margin-bottom:6rem!important}.ml-9,.mx-9{margin-left:6rem!important}.mx-9{margin-right:6rem!important}.my-9{margin-bottom:6rem!important;margin-top:6rem!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.px-0{padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.pr-1{padding-right:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.px-1{padding-right:.25rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.pr-2{padding-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.px-2{padding-right:.5rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.p-3{padding:1rem!important}.pt-3{padding-top:1rem!important}.pr-3{padding-right:1rem!important}.pb-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.px-3{padding-right:1rem!important}.py-3{padding-bottom:1rem!important;padding-top:1rem!important}.p-4{padding:1.5rem!important}.pt-4{padding-top:1.5rem!important}.pr-4{padding-right:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.px-4{padding-right:1.5rem!important}.py-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.p-5{padding:2rem!important}.pt-5{padding-top:2rem!important}.pr-5{padding-right:2rem!important}.pb-5{padding-bottom:2rem!important}.pl-5,.px-5{padding-left:2rem!important}.px-5{padding-right:2rem!important}.py-5{padding-bottom:2rem!important;padding-top:2rem!important}.p-6{padding:2.5rem!important}.pt-6{padding-top:2.5rem!important}.pr-6{padding-right:2.5rem!important}.pb-6{padding-bottom:2.5rem!important}.pl-6,.px-6{padding-left:2.5rem!important}.px-6{padding-right:2.5rem!important}.py-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.p-7{padding:3rem!important}.pt-7{padding-top:3rem!important}.pr-7{padding-right:3rem!important}.pb-7{padding-bottom:3rem!important}.pl-7,.px-7{padding-left:3rem!important}.px-7{padding-right:3rem!important}.py-7{padding-bottom:3rem!important;padding-top:3rem!important}.p-8{padding:4rem!important}.pt-8{padding-top:4rem!important}.pr-8{padding-right:4rem!important}.pb-8{padding-bottom:4rem!important}.pl-8,.px-8{padding-left:4rem!important}.px-8{padding-right:4rem!important}.py-8{padding-bottom:4rem!important;padding-top:4rem!important}.p-9{padding:6rem!important}.pt-9{padding-top:6rem!important}.pr-9{padding-right:6rem!important}.pb-9{padding-bottom:6rem!important}.pl-9,.px-9{padding-left:6rem!important}.px-9{padding-right:6rem!important}.py-9{padding-bottom:6rem!important;padding-top:6rem!important}.ml-auto{margin-left:auto}.m-auto{margin:auto}.f1{font-size:.75rem}.f2{font-size:.875rem}.f3{font-size:1rem}.f4{font-size:1.125rem}.f5{font-size:1.25rem}.f6{font-size:1.5rem}.f7{font-size:1.75rem}.f8{font-size:2.25rem}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-white{color:#fff}.text-gray{color:#767676}.font-sans-serif{font-family:Open Sans,tahoma,geneva,sans-serif}.font-serif,.h0{font-family:Domine,georgia,serif}.h0{font-size:1.75rem;font-weight:400;line-height:1.4}.link-underline{border-bottom:1px solid;text-decoration:none}.link-underline:hover{border-bottom-color:#0000;text-decoration:none}.link-external:after{content:url(https://www.middlebury.edu/themes/custom/middlebury_theme/images/external-link.svg);display:inline-block;font-size:.875rem;height:1em;margin-left:.25rem;width:1em}.pronouns{font-family:Domine,georgia,serif;font-size:1.75rem;line-height:1.4}.lead{font-size:1.5rem;line-height:1.7;margin-bottom:2rem}.lead a{border-bottom:1px solid;text-decoration:none}.lead a:hover{border-bottom-color:#0000;text-decoration:none}.davis-lead{background-color:#fff;border-top:.5rem solid #202020;font-size:1.5rem;font-weight:300;margin-left:1rem;margin-right:1rem;padding:.5rem}.text-caps{font-family:Open Sans,tahoma,geneva,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.lh-solid{line-height:1}.lh-heading{line-height:1.4}.lh-body{line-height:1.7}.lh6{line-height:1.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold,.text-bold{font-weight:700}.whitespace-no-wrap{white-space:nowrap}.toggled-flip{transition:transform .2s ease-in-out}.is-toggled>.toggled-flip{transform:rotate(-180deg)}.toggled-show{display:none}.is-toggled>.toggled-show{display:inline-block}.is-toggled>.toggled-hide{display:none}.is-toggled.is-toggled-show{display:block}.has-toggler.has-toggler-hide,.is-toggled.is-toggled-hide{display:none}.has-toggler.has-toggler-show{display:block}.lcs_slide_out header a{border:1px solid #fff!important;bottom:100%!important;box-shadow:none!important;left:auto!important;right:10px!important;top:auto!important}#olark-wrapper{bottom:15px!important;left:auto!important;position:fixed!important;right:100px!important;z-index:9000000!important}#olark-wrapper .olark-launch-button-wrapper{bottom:auto!important;left:auto!important;position:relative!important;right:auto!important;z-index:9000000!important}.anchorjs-link,.typography .anchorjs-link{border:0}.anchorjs-link:hover,.typography .anchorjs-link:hover{text-decoration:none}.main{min-height:85vh}@media only screen and (min-width:375px){.dispatches-item__body{height:188px}}@media only screen and (min-width:512px){.banner{padding:1.5rem 1rem}.banner .banner__bottom-line,.banner .banner__top-line{width:75%}.banner .banner__content{margin-right:1.5rem}.banner .banner__link{margin-bottom:1.5rem;right:1.5rem}.chart-group__item--stats{flex:0 0 50%;max-width:50%}.school-header.davis-header .school-header__main{align-items:center}.school-header.davis-header .school-header__logo img:first-child{padding-bottom:0;padding-right:.75rem}.school-header.davis-header .school-header__logo img:nth-child(2){position:static}.dispatches-item{border-bottom:.25rem solid #75a3cd;border-left:.25rem solid #75a3cd;border-right:0}.dispatches-item__body{height:305.5px}.dispatches-button{top:50%}.dispatches__container{border-right:.25rem solid #75a3cd}.footer-menu__list--cols{column-count:2}.footer-menu__list--four-cols{column-count:4}.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;max-width:none;width:auto}.col-sm-1{flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{flex:0 0 100%;max-width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}.grid-container{grid-template-areas:"quad-1 quad-2" "quad-3 quad-4"}.homepage-title .homepage-title--transition-state:nth-child(2){width:auto}.homepage-title .homepage-title--transition-state:last-child{width:100%}.midd-header--transparent,.miis-header__transparent{height:100px}.midd-header--transparent .midd-search .midd-search__mag,.midd-header--transparent .midd-search .midd-search__times,.miis-header__transparent .midd-search .midd-search__mag,.miis-header__transparent .midd-search .midd-search__times{margin-right:.75rem}.journey-line-box{top:16%}.journey-line-svg.journey-line--desktop{transform:scale(1.1)}.journey-line-svg.journey-line--tablet{display:inline-block;right:-19%;width:60%}.journey-line-svg.journey-line--mobile{display:none}.journey-links-svg.journey-links--tablet{display:initial}.journey-links-svg.journey-links--mobile{display:none}.journey-links-svg .journey-link--section.animate .journey--link:nth-child(2) .journey--dot-ripple{animation-delay:1s}.journey-links-svg .journey-link--section.animate .journey--link:nth-child(3) .journey--dot-ripple{animation-delay:2s}.journey-links-svg .journey-link--section .journey--link{font-size:.875rem}.journey-section{padding-top:87.89062%}.journey-section .journey-video--button{display:block}.journey-section img{transform:translate(-15%);width:156%}.journey-section .journey-section__body .journey-section__body-content{padding-top:0}.journey-section .journey-section__body .journey-section__text p.sub-title{font-size:.875rem;font-weight:400;margin-top:2rem}.journey-modal__header-container .journey-modal__button{padding:1rem}.journey-modal__overlay .lightbox__images .lightbox__figure,.journey-modal__overlay .lightbox__images .lightbox__figure figcaption{margin-left:0;margin-right:0}.journey-modal__overlay .journey-modal__story .story__image,.journey-modal__overlay .journey-modal__story .story__image .story__image-caption{margin:0}.journey-modal__overlay .journey-modal__story .story__content img{margin-bottom:.75rem}.journey-modal__overlay .journey-modal__story .story__content h3{margin-top:2.5rem}.journey-modal__overlay .journey-modal__story .story__content h3:first-child{margin-top:1rem}.journey-modal__overlay .journey-modal__story .story__content h3~a{margin-left:0;margin-right:0}.journey-modal__overlay .journey-modal__story .story__content.story-list{width:82%}.journey-modal__overlay .journey-modal__story .story__content .story-list-item{padding-left:0;padding-right:0}.journey-modal__overlay .journey-modal__story .story__content .story-list-item .float-right{float:right}.link-list__list{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.link-list__item{flex:0 0 50%;max-width:50%;padding-left:1rem;padding-right:1rem;width:100%}.logo-bar__item{flex-basis:50%}.media-object{display:flex}.media-object__image,.media-object__image-profile-teaser{margin-bottom:0;margin-right:1.5rem;min-width:100px}.media-object__image-profile-teaser{margin-right:0;padding-bottom:.5rem;padding-right:2rem}.media-object__body{flex:1}.media-object--right .media-object__image{margin-left:1.5rem;margin-right:0;order:2}.paragraph--profile-list .media-object{margin:0;padding:0}.mega-cta__content,.mega-cta__content-miis{flex:0 0 66.66667%;max-width:66.66667%}.page-header--wrmc .page-header__figure:before{background:linear-gradient(to bottom left,#202020e6,#0000 40%);width:50%}.pagination__item--first,.pagination__item--last,.pagination__item--others{display:inline-block}.profile-detail__programs{margin-left:0;margin-right:0;padding-left:0}.schedule-item{display:flex;padding-bottom:3rem;padding-top:2rem}.schedule-item__details{padding-right:1rem;text-align:left;width:30%}.schedule-item__body{width:70%}.schedule-item__button{display:inline-block;margin-top:2rem}.waveform__header{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.waveform__header .section__title,.waveform__header .waveform__blurb{order:unset}.waveform__header .paragraph--button{margin-bottom:0;order:unset}.waveform__list-item{margin-left:.75rem;margin-right:.75rem;min-width:1.5rem}.waveform__list-item:hover{background-color:#fff!important;cursor:pointer;margin-left:.375rem;margin-right:.375rem;min-width:2.25rem}.waveform__list-item.has-toggler.is-toggled{background-color:#fff!important;margin-top:0;z-index:10}.waveform__list-item.has-toggler.is-toggled:hover{margin-left:.75rem;margin-right:.75rem}.waveform__list-item.has-toggler .waveform__event-card{display:none!important;opacity:0}.waveform__list-item.has-toggler .waveform__event-card,.waveform__list-item.has-toggler.is-toggled{height:360px!important;min-width:278px}.bar-color-style-0{background-color:#c0e3fd}.bar-color-style-1{background-color:#83c9fc}.bar-color-style-2{background-color:#0e68b1}.bar-color-style-3{background-color:#07487b}.bar-color-style-4{background-color:#043666}.bar-height-style-sm-0{height:320px}.bar-height-style-sm-1{height:322px}.bar-height-style-sm-2{height:326px}.bar-height-style-sm-3{height:333px}.bar-height-style-sm-4{height:340px}.bar-height-style-sm-5{height:384px}.bar-margin-style-sm-0{margin-top:0}.bar-margin-style-sm-1{margin-top:17px}.bar-margin-style-sm-2{margin-top:26px}.bar-margin-style-sm-3{margin-top:39px}.bar-margin-style-sm-4{margin-top:58px}.wrmc-header__logo-wordmark{line-height:1}.wrmc-header__logo-wordmark span:first-child{font-size:3rem}.wrmc-header__logo-wordmark span:last-child{font-size:1.125rem;margin-left:.75rem;margin-top:.5rem}.node-webform .webform-container-inline{display:flex}.node-webform .webform-container-inline .form-item{flex:0 0 auto;margin-bottom:0}.slateform .form_responses{display:flex}.slateform .form_responses input,.slateform .form_responses select{flex:0 0 auto;margin-bottom:0}.border-sm-b{border-bottom:1px solid #dedede}.border-sm-b-0{border-bottom:0}.border-sm-r{border-right:1px solid #dedede}.border-sm-r-0{border-right:0}.border-sm-l{border-left:1px solid #dedede}.border-sm-l-0{border-left:0}.border-sm-t{border-top:1px solid #dedede}.border-sm-t-0{border-top:0}.d-sm-none{display:none}.d-sm-inline{display:inline}.d-sm-inline-block{display:inline-block}.d-sm-block{display:block}.d-sm-flex{display:flex}.d-sm-inline-flex{display:inline-flex}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-1{flex:1 1 0%}.flex-sm-auto{flex:1 1 auto}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.float-sm-right{float:right}.float-sm-left{float:left}.order-sm-first{order:-1}.order-sm-last{order:9999}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.w-sm-50{width:50%}.m-sm-0{margin:0!important}.mt-sm-0{margin-top:0!important}.mr-sm-0{margin-right:0!important}.mb-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.mx-sm-0{margin-right:0!important}.my-sm-0{margin-bottom:0!important;margin-top:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1{margin-top:.25rem!important}.mr-sm-1{margin-right:.25rem!important}.mb-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.mx-sm-1{margin-right:.25rem!important}.my-sm-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2{margin-top:.5rem!important}.mr-sm-2{margin-right:.5rem!important}.mb-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.mx-sm-2{margin-right:.5rem!important}.my-sm-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3{margin-top:1rem!important}.mr-sm-3{margin-right:1rem!important}.mb-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.mx-sm-3{margin-right:1rem!important}.my-sm-3{margin-bottom:1rem!important;margin-top:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4{margin-top:1.5rem!important}.mr-sm-4{margin-right:1.5rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.mx-sm-4{margin-right:1.5rem!important}.my-sm-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.m-sm-5{margin:2rem!important}.mt-sm-5{margin-top:2rem!important}.mr-sm-5{margin-right:2rem!important}.mb-sm-5{margin-bottom:2rem!important}.ml-sm-5,.mx-sm-5{margin-left:2rem!important}.mx-sm-5{margin-right:2rem!important}.my-sm-5{margin-bottom:2rem!important;margin-top:2rem!important}.m-sm-6{margin:2.5rem!important}.mt-sm-6{margin-top:2.5rem!important}.mr-sm-6{margin-right:2.5rem!important}.mb-sm-6{margin-bottom:2.5rem!important}.ml-sm-6,.mx-sm-6{margin-left:2.5rem!important}.mx-sm-6{margin-right:2.5rem!important}.my-sm-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.m-sm-7{margin:3rem!important}.mt-sm-7{margin-top:3rem!important}.mr-sm-7{margin-right:3rem!important}.mb-sm-7{margin-bottom:3rem!important}.ml-sm-7,.mx-sm-7{margin-left:3rem!important}.mx-sm-7{margin-right:3rem!important}.my-sm-7{margin-bottom:3rem!important;margin-top:3rem!important}.m-sm-8{margin:4rem!important}.mt-sm-8{margin-top:4rem!important}.mr-sm-8{margin-right:4rem!important}.mb-sm-8{margin-bottom:4rem!important}.ml-sm-8,.mx-sm-8{margin-left:4rem!important}.mx-sm-8{margin-right:4rem!important}.my-sm-8{margin-bottom:4rem!important;margin-top:4rem!important}.m-sm-9{margin:6rem!important}.mt-sm-9{margin-top:6rem!important}.mr-sm-9{margin-right:6rem!important}.mb-sm-9{margin-bottom:6rem!important}.ml-sm-9,.mx-sm-9{margin-left:6rem!important}.mx-sm-9{margin-right:6rem!important}.my-sm-9{margin-bottom:6rem!important;margin-top:6rem!important}.p-sm-0{padding:0!important}.pt-sm-0{padding-top:0!important}.pr-sm-0{padding-right:0!important}.pb-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.px-sm-0{padding-right:0!important}.py-sm-0{padding-bottom:0!important;padding-top:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1{padding-top:.25rem!important}.pr-sm-1{padding-right:.25rem!important}.pb-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.px-sm-1{padding-right:.25rem!important}.py-sm-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2{padding-top:.5rem!important}.pr-sm-2{padding-right:.5rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.px-sm-2{padding-right:.5rem!important}.py-sm-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3{padding-top:1rem!important}.pr-sm-3{padding-right:1rem!important}.pb-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.px-sm-3{padding-right:1rem!important}.py-sm-3{padding-bottom:1rem!important;padding-top:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4{padding-top:1.5rem!important}.pr-sm-4{padding-right:1.5rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.px-sm-4{padding-right:1.5rem!important}.py-sm-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.p-sm-5{padding:2rem!important}.pt-sm-5{padding-top:2rem!important}.pr-sm-5{padding-right:2rem!important}.pb-sm-5{padding-bottom:2rem!important}.pl-sm-5,.px-sm-5{padding-left:2rem!important}.px-sm-5{padding-right:2rem!important}.py-sm-5{padding-bottom:2rem!important;padding-top:2rem!important}.p-sm-6{padding:2.5rem!important}.pt-sm-6{padding-top:2.5rem!important}.pr-sm-6{padding-right:2.5rem!important}.pb-sm-6{padding-bottom:2.5rem!important}.pl-sm-6,.px-sm-6{padding-left:2.5rem!important}.px-sm-6{padding-right:2.5rem!important}.py-sm-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.p-sm-7{padding:3rem!important}.pt-sm-7{padding-top:3rem!important}.pr-sm-7{padding-right:3rem!important}.pb-sm-7{padding-bottom:3rem!important}.pl-sm-7,.px-sm-7{padding-left:3rem!important}.px-sm-7{padding-right:3rem!important}.py-sm-7{padding-bottom:3rem!important;padding-top:3rem!important}.p-sm-8{padding:4rem!important}.pt-sm-8{padding-top:4rem!important}.pr-sm-8{padding-right:4rem!important}.pb-sm-8{padding-bottom:4rem!important}.pl-sm-8,.px-sm-8{padding-left:4rem!important}.px-sm-8{padding-right:4rem!important}.py-sm-8{padding-bottom:4rem!important;padding-top:4rem!important}.p-sm-9{padding:6rem!important}.pt-sm-9{padding-top:6rem!important}.pr-sm-9{padding-right:6rem!important}.pb-sm-9{padding-bottom:6rem!important}.pl-sm-9,.px-sm-9{padding-left:6rem!important}.px-sm-9{padding-right:6rem!important}.py-sm-9{padding-bottom:6rem!important;padding-top:6rem!important}.ml-auto{margin-left:auto}.m-auto{margin:auto}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}.davis-lead{font-size:2rem}}@media only screen and (min-width:512px) and (min-width:1024px){.link-list__list{margin-left:-2rem;margin-right:-2rem}.link-list__item{padding-left:2rem;padding-right:2rem}}@media only screen and (min-width:512px) and (min-width:512px){.waveform__list-item.has-toggler.is-toggled .waveform__event-card{display:flex!important;opacity:1}}@media only screen and (min-width:768px){.h1,h1{font-size:3rem}.paragraph,.paragraph--announcement,.paragraph--card-carousel,.paragraph--chart,.paragraph--course-list,.paragraph--cta-group,.paragraph--faq,.paragraph--image-text,.paragraph--lib-search,.paragraph--link-list,.paragraph--logo-bar,.paragraph--mega-cta,.paragraph--quad-story,.paragraph--related-events,.paragraph--spotlight,.paragraph--stat-panel,.paragraph--themed-panel,.paragraph--two-col-text,.paragraph--waveform{margin-bottom:4rem;margin-top:4rem}.paragraph--audio,.paragraph--embed,.paragraph--gallery,.paragraph--image,.paragraph--search,.paragraph--video,.paragraph--video-group{margin-bottom:2.5rem;margin-top:3rem}.paragraphs{margin-bottom:4rem}.paragraphs--wide{flex:0 0 83.33333%;margin-left:8.33333%;max-width:83.33333%}.paragraph--quote{margin-top:4rem}.paragraph--button,.paragraph--quote{margin-bottom:4rem}.paragraph--lead-pulled-up{margin-top:-6rem!important}.paragraph--policy{padding-bottom:2rem;padding-top:2rem}.paragraph--top-thirty-songs{margin-top:1rem!important}.anchor-header--front{margin-bottom:3rem}.anchor-header__title{font-size:2.25rem}.announcement{padding:3rem 2rem}.audio__button-text{display:inline}.banner .banner__campaign-logo{margin-top:0}.banner .banner__campaign-logo svg:first-child{margin-bottom:1rem;margin-left:-9rem;width:auto}.banner .banner__campaign-logo svg:nth-child(2){width:auto}.box-menu{margin-bottom:4rem}.box-menu__list{display:flex;flex-wrap:wrap;padding-bottom:0;padding-top:1rem}.box-menu__item{flex:0 0 auto;margin-bottom:1rem;margin-right:1.5rem}.breadcrumb__item{display:block}.card-carousel__header{height:600px;padding:8rem 4rem 3rem;text-align:left}.card-carousel__title{font-size:2.25rem;margin-bottom:3rem}.card-carousel__controls{margin-top:auto}.card-carousel__item:not(:last-child){border-right:1px solid #fff}.chart-group__list--2 .chart-group__item{flex:0 0 50%;max-width:50%}.chart-group__item--stats,.chart-group__list--3\+ .chart-group__item{flex:0 0 33.33333%;max-width:33.33333%}.chart-legend--inline .chart-legend__list{display:flex;flex-wrap:wrap}.chart-legend--inline .chart-legend__item:not(:last-child){margin-right:1rem}.cookie-banner{flex-direction:row;padding:2rem 1rem}.cookie-banner p{flex:0 0 83.33333%;max-width:83.33333%}.cookie-banner .cookie-banner__button--close{margin-bottom:auto}.count{margin-bottom:3rem}.paragraph--course-list .course-list--filters{flex-direction:row;margin-top:.5rem;padding-bottom:1.5rem}.paragraph--course-list .course-list--filters .checkbox--filter:not(:last-child){margin-right:3rem}.paragraph--course-list .course-list--filters .radio__label{margin-bottom:0}.cta-bar{padding-bottom:.25rem}.cta-bar__text{display:inline-block;margin-bottom:0;margin-right:2rem}.cta-group__item{padding-bottom:2rem;padding-top:2rem}.cta-group__text{margin-bottom:2rem}.school-header.davis-header .school-header__logo{padding-bottom:1.5rem;padding-top:1.5rem}.dispatches-item__label{padding-left:1rem;padding-right:1rem}.dispatches-item__body{height:258.5px;padding:0 1rem}.dispatches__controls{margin-top:auto}.dispatches-button{height:2.5rem;width:2.5rem}.dispatches-button svg.dispatches-button--icon{height:2rem;width:2rem}.paragraph--fluencies{padding-top:2.5rem}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text h3{font-size:1.5rem}.paragraph--fluencies ul li .focus-area-item--button{padding:.5rem 1rem}.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;max-width:none;width:auto}.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{flex:0 0 100%;max-width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}.grid-container .grid-quad-block.quad-2{display:grid}.grid-container .grid-quad-block .quad-item-1{height:214px;max-width:380px}.grid-container .grid-quad-block .quad-item-2{height:214px;max-width:158px}.grid-container .grid-quad-block .quad-item-3{height:380px;max-width:214px}.grid-container .grid-quad-block .quad-item-4{height:158px;max-width:158px}.homepage-title{font-size:2rem;font-weight:400}.homepage-title .homepage-title--transition-state{font-size:2.25rem}.homepage-title .homepage-title--transition-state strong{font-weight:700}.homepage-header__list{flex-direction:row;margin-left:-1rem;margin-right:-1rem;margin-top:1rem}.homepage-header__list li{border-left:0;padding:1rem 0 0;width:33.33333%}.homepage-header__list li p{border-bottom:0;margin-left:1rem;padding-bottom:0;padding-right:1rem}.homepage-header__list li:not(:last-child){margin-bottom:0}.homepage-header__list li:not(:last-child) p{border-bottom:0;border-right:1px solid #dedede}.homepage-header__container button{margin-bottom:.625rem}.grid-modal__overlay .portrait-video--grid{max-width:288px}.grid-modal__overlay .image__text,.grid-modal__overlay .video__text{font-size:1.125rem}.grid-quote{background-position-x:1rem;background-position-y:-.625rem;padding:1rem}.grid-quote .grid-quote__text{font-size:1.25rem}.grid-quote .grid-quote__caption{bottom:1rem;right:1rem}.grid-quote.quote--dark{background-position-x:.5rem}.grid-quote.quote-text--small .grid-quote__text{font-size:.875rem}.grid-stats .chart-group__list .chart-group__item .stats__label{font-size:1.75rem}.grid-stats .chart-group__list .chart-group__item .stats__text{font-size:.875rem}.grid-stats .chart-group__list.chart-group__list--2 .chart-group__item:first-child{margin-bottom:1.5rem}.image--right{float:right}.image--left{float:left}.midd-header--transparent .midd-header__container,.midd-header--transparent .miis-header__container,.miis-header__transparent .midd-header__container,.miis-header__transparent .miis-header__container{padding-left:1rem;padding-right:1rem}.midd-header--transparent .midd-header__brand,.midd-header--transparent .miis-header__brand,.miis-header__transparent .midd-header__brand,.miis-header__transparent .miis-header__brand{padding-top:1rem}.midd-header--transparent .midd-header__brand a .midd-header__shield,.midd-header--transparent .midd-header__brand a .miis-header__shield,.midd-header--transparent .miis-header__brand a .midd-header__shield,.midd-header--transparent .miis-header__brand a .miis-header__shield,.miis-header__transparent .midd-header__brand a .midd-header__shield,.miis-header__transparent .midd-header__brand a .miis-header__shield,.miis-header__transparent .miis-header__brand a .midd-header__shield,.miis-header__transparent .miis-header__brand a .miis-header__shield{width:64px}.midd-header--transparent .midd-header__brand a .midd-header__wordmark,.midd-header--transparent .midd-header__brand a .miis-header__wordmark,.midd-header--transparent .miis-header__brand a .midd-header__wordmark,.midd-header--transparent .miis-header__brand a .miis-header__wordmark,.miis-header__transparent .midd-header__brand a .midd-header__wordmark,.miis-header__transparent .midd-header__brand a .miis-header__wordmark,.miis-header__transparent .miis-header__brand a .midd-header__wordmark,.miis-header__transparent .miis-header__brand a .miis-header__wordmark{margin-left:.625rem;width:116px}.has-toggler.miis-header__transparent:before,.midd-header--transparent.has-toggler:before{opacity:1}.journey-links-svg .journey-link--section .journey--link:hover .journey--dot-ripple{animation-name:dot-ripple-persist}.journey-section.journey-section--intro .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-01-1200x675.webp?fv=1)}.journey-section.journey-section--learning .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-02-1200x675.webp?fv=1)}.journey-section.journey-section--thinking .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-03-1200x675.webp?fv=1)}.journey-section.journey-section--opportunity .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-04-1200x675.webp?fv=1)}.journey-section .school-picker{scrollbar-color:#dedede #fff;scrollbar-width:4px}.journey-section .school-picker::-webkit-scrollbar{-webkit-appearance:none;height:4px}.journey-section .school-picker::-webkit-scrollbar-thumb{background-color:#ffffffbf;border-radius:2px}.journey-modal__header-container{padding-left:1rem}.journey-modal__header-container .journey-modal__header--wrapper{margin-bottom:1.5rem;margin-top:1rem}.journey-modal__header-container .midd-header__brand,.journey-modal__header-container .miis-header__brand{padding-left:0}.journey-modal__header-container .midd-header__brand a .midd-header__shield,.journey-modal__header-container .midd-header__brand a .miis-header__shield,.journey-modal__header-container .miis-header__brand a .midd-header__shield,.journey-modal__header-container .miis-header__brand a .miis-header__shield{width:64px}.journey-modal__header-container .midd-header__brand a .midd-header__wordmark,.journey-modal__header-container .midd-header__brand a .miis-header__wordmark,.journey-modal__header-container .miis-header__brand a .midd-header__wordmark,.journey-modal__header-container .miis-header__brand a .miis-header__wordmark{margin-left:.625rem;width:116px}.journey-modal__header-container .journey-modal__controls{padding-right:1rem}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination-wrapper{width:100%}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination{justify-content:center}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination .cb__wrapper{justify-content:space-evenly;margin:0}.journey-modal__header-container .journey-modal__button{margin-top:-1rem}.journey-modal__overlay .journey-modal__overlay-container{margin-top:2.5rem}.journey-modal__overlay .journey-modal__overlay-container .journey-modal--title{font-size:2.5rem;margin-bottom:2rem}.journey-modal__overlay .journey-modal__overlay-container .journey-modal--blurb{font-size:1.5rem;font-weight:300;line-height:1.7;margin-bottom:2.5rem}.journey-modal__overlay .journey-modal__story .story__content h3{margin-bottom:1rem}.journey-modal__overlay .portrait-video--grid{max-width:288px}.journey-modal__overlay .image__text,.journey-modal__overlay .video__text{font-size:1.125rem}.journey-modal__overlay .journey-modal__articles-block{margin-bottom:1rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card:before{padding-top:93.75%}.lib-search__content .lib-search__title{margin-top:2rem}.link-list__item{flex:0 0 33.33333%;max-width:33.33333%}.logo-bar{padding:1.5rem}.ls-hero{min-height:auto}.table--course-list th{width:auto}.table--course-list.desktop{display:initial}.table--course-list.mobile{display:none}.mega-cta{height:0;overflow:hidden;padding-top:56.25%}.mega-cta--hero .mega-cta__back img{opacity:1}.mega-cta--hero .mega-cta__front{align-items:center;padding-top:0}.mega-cta__content-miis{flex:0 0 50%;max-width:50%}.mega-cta__content-position-left-bottom,.mega-cta__content-position-left-top,.mega-cta__content-position-right-bottom,.mega-cta__content-position-right-top{left:5rem;padding:0;top:4rem}.mega-cta__content-position{margin-top:4rem}.mega-cta__title{font-size:2.25rem;margin-bottom:1rem}.mega-cta__text{font-size:1rem;margin-bottom:2rem}.mega-cta__caption{bottom:1.5rem}.office-hours{padding-bottom:.5rem;padding-top:.5rem}.office-hours__list{display:flex}.office-hours__item{margin-right:1.5rem;padding-bottom:0;padding-right:1.5rem;padding-top:0}.office-hours__item:not(:last-child){border-bottom:0;border-right:1px solid #dedede}.office-footer__col{padding-bottom:2rem;padding-top:2rem}.page-header__caption{bottom:1.5rem;right:2rem}.page-header__content{flex:0 0 83.33333%;margin-left:8.33333%;max-width:83.33333%;padding-top:2.5rem}.page-header--has-menu .page-header__content{padding-bottom:1.5rem}.page-header__title{font-size:3rem}.page-header--app .page-header__title{font-size:2.25rem}.page-nav{margin-bottom:4rem}.pagination__item{display:block}.section.paragraph--pardot-form{margin-bottom:4rem;margin-top:4rem}.section.paragraph--pardot-form .section__title{margin-bottom:2rem}.profile-detail__link-table{border-spacing:.5rem;margin-bottom:4.5rem;padding:.5rem}.profile-detail__link-table div[role=row]{flex-direction:row;vertical-align:top}.profile-detail__link-table div[role=row] div[role=cell]{padding:.5rem;width:50%}.profile-detail__link-table div[role=row] div[role=cell]:not(:first-child){border-left:1px solid #dedede;border-top:none;margin-top:0;padding:.5rem .5rem .5rem 1rem}.profile-spotlight-item{display:block;margin-bottom:0}.profile-spotlight-item__media{margin-right:0}.quote{margin-bottom:3rem;margin-top:3rem}.quote__text{font-size:1.5rem}.school-footer{padding-bottom:3rem;padding-top:3rem}.school-footer__primary{flex:0 0 41.66667%;max-width:41.66667%}.school-footer__secondary{flex:0 0 33.33333%;margin-left:auto;max-width:33.33333%}.school-footer--lite .school-footer__secondary{border-left:1px solid #174872;padding-bottom:1rem;padding-top:1rem}.school-footer__text{font-size:2.25rem;margin-bottom:2rem}.school-footer__nav{margin-top:2rem}.section{margin-bottom:6rem}.section__header{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}.section__header,.section__title{margin-bottom:3rem}.section__title+.section__link{margin-left:1rem}.spotlight__title{font-size:2.25rem;padding-left:calc(8.33333% + 1rem);padding-right:calc(8.33333% + 1rem)}.spotlight__body{padding:2rem calc(8.33333% + 1rem)}.stat-panel__content{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0}.stat-panel__item{flex:0 0 50%;max-width:50%;padding-left:1rem;padding-right:1rem;width:100%}.status-report{column-count:2}.table,.typography table{border-collapse:collapse}.table th,.typography table th{display:table-cell;white-space:nowrap}.table th:not(:last-of-type),.typography table th:not(:last-of-type){padding-right:1.5rem}.table tr:not(:last-of-type) td,.typography table tr:not(:last-of-type) td{border-bottom:1px solid #dedede}.table td:before,.typography table td:before{display:none}.table td,.typography table td{display:table-cell;vertical-align:top}.table td:not(:last-of-type),.typography table td:not(:last-of-type){padding-right:1.5rem}.table--no-mobile-headers td:first-child,.table--no-mobile-headers td:last-child{padding-top:1rem}.table--no-mobile-headers td{padding-bottom:1rem;padding-top:1rem}.table--spacious td,.table--spacious td:first-child,.table--spacious td:last-child{padding-bottom:1.5rem;padding-top:1.5rem}.tabs{margin-top:0;width:100%}.tabs__nav{margin:0}.tabs__nav:after{display:none}.tabs__list{margin-bottom:2rem;overflow-x:auto;padding:0}.tabs__item:last-child{padding-right:0}.themed-box{margin-bottom:4rem}.themed-box--compress{padding-left:10%;padding-right:10%}.themed-panel__main{position:relative}.themed-panel__title{font-size:3rem;top:0}.themed-panel__article{bottom:0;left:0;padding-bottom:1.5rem;position:absolute;width:100%;z-index:3}.themed-panel__secondary{display:flex}.themed-panel__subarticle{border-top:0;margin-top:0;padding-bottom:1.5rem;padding-top:1.5rem}.themed-panel__subarticle:not(:last-of-type){margin-right:2rem}.waveform__header{padding-top:1.5rem}.waveform__header .section__title{font-size:1.75rem;font-weight:600}.waveform__header .waveform__blurb .section__text{padding-bottom:0}.waveform__list{padding-bottom:2rem;padding-top:2rem}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text{height:266px;margin-bottom:1.5rem;margin-left:.5rem;margin-right:.5rem}.wrmc-accordion-toggle-links{margin-bottom:.5rem}.wrmc-accordion-item__list-item:first-child{padding-top:1.5rem}.wrmc-footer{padding:2rem 0}.wrmc-footer__content{align-items:normal;flex-direction:row;padding:0 1rem}.wrmc-footer__item{flex-direction:row;row-gap:normal}.wrmc-header__logo-background{left:0}.wrmc-header__content{position:relative}.wrmc-nav{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:space-between}.wrmc-nav__handle{margin-bottom:1.5rem;margin-top:0}.wrmc-nav__menu{display:flex;flex-direction:column}.wrmc-drawer.drawer .wrmc-nav__secondary-menu{display:none}.show-teaser{flex-direction:row;margin:0;width:100%}.show-time{flex:0 0 30%;margin-bottom:0;width:30%}.paragraph--top-thirty-songs .row{row-gap:4rem}.songs p.song__artist{margin-top:.5rem}.border-md-b{border-bottom:1px solid #dedede}.border-md-b-0{border-bottom:0}.border-md-r{border-right:1px solid #dedede}.border-md-r-0{border-right:0}.border-md-l{border-left:1px solid #dedede}.border-md-l-0{border-left:0}.border-md-t{border-top:1px solid #dedede}.border-md-t-0{border-top:0}.col-count-md-2{column-count:2}.d-md-none{display:none}.d-md-inline{display:inline}.d-md-inline-block{display:inline-block}.d-md-block{display:block}.d-md-flex{display:flex}.d-md-inline-flex{display:inline-flex}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-1{flex:1 1 0%}.flex-md-auto{flex:1 1 auto}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.float-md-right{float:right}.float-md-left{float:left}.order-md-first{order:-1}.order-md-last{order:9999}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.w-md-40{width:40%}.w-md-50{width:50%}.m-md-0{margin:0!important}.mt-md-0{margin-top:0!important}.mr-md-0{margin-right:0!important}.mb-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.mx-md-0{margin-right:0!important}.my-md-0{margin-bottom:0!important;margin-top:0!important}.m-md-1{margin:.25rem!important}.mt-md-1{margin-top:.25rem!important}.mr-md-1{margin-right:.25rem!important}.mb-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.mx-md-1{margin-right:.25rem!important}.my-md-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2{margin-top:.5rem!important}.mr-md-2{margin-right:.5rem!important}.mb-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.mx-md-2{margin-right:.5rem!important}.my-md-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3{margin-top:1rem!important}.mr-md-3{margin-right:1rem!important}.mb-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.mx-md-3{margin-right:1rem!important}.my-md-3{margin-bottom:1rem!important;margin-top:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4{margin-top:1.5rem!important}.mr-md-4{margin-right:1.5rem!important}.mb-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.mx-md-4{margin-right:1.5rem!important}.my-md-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.m-md-5{margin:2rem!important}.mt-md-5{margin-top:2rem!important}.mr-md-5{margin-right:2rem!important}.mb-md-5{margin-bottom:2rem!important}.ml-md-5,.mx-md-5{margin-left:2rem!important}.mx-md-5{margin-right:2rem!important}.my-md-5{margin-bottom:2rem!important;margin-top:2rem!important}.m-md-6{margin:2.5rem!important}.mt-md-6{margin-top:2.5rem!important}.mr-md-6{margin-right:2.5rem!important}.mb-md-6{margin-bottom:2.5rem!important}.ml-md-6,.mx-md-6{margin-left:2.5rem!important}.mx-md-6{margin-right:2.5rem!important}.my-md-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.m-md-7{margin:3rem!important}.mt-md-7{margin-top:3rem!important}.mr-md-7{margin-right:3rem!important}.mb-md-7{margin-bottom:3rem!important}.ml-md-7,.mx-md-7{margin-left:3rem!important}.mx-md-7{margin-right:3rem!important}.my-md-7{margin-bottom:3rem!important;margin-top:3rem!important}.m-md-8{margin:4rem!important}.mt-md-8{margin-top:4rem!important}.mr-md-8{margin-right:4rem!important}.mb-md-8{margin-bottom:4rem!important}.ml-md-8,.mx-md-8{margin-left:4rem!important}.mx-md-8{margin-right:4rem!important}.my-md-8{margin-bottom:4rem!important;margin-top:4rem!important}.m-md-9{margin:6rem!important}.mt-md-9{margin-top:6rem!important}.mr-md-9{margin-right:6rem!important}.mb-md-9{margin-bottom:6rem!important}.ml-md-9,.mx-md-9{margin-left:6rem!important}.mx-md-9{margin-right:6rem!important}.my-md-9{margin-bottom:6rem!important;margin-top:6rem!important}.p-md-0{padding:0!important}.pt-md-0{padding-top:0!important}.pr-md-0{padding-right:0!important}.pb-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.px-md-0{padding-right:0!important}.py-md-0{padding-bottom:0!important;padding-top:0!important}.p-md-1{padding:.25rem!important}.pt-md-1{padding-top:.25rem!important}.pr-md-1{padding-right:.25rem!important}.pb-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.px-md-1{padding-right:.25rem!important}.py-md-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2{padding-top:.5rem!important}.pr-md-2{padding-right:.5rem!important}.pb-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.px-md-2{padding-right:.5rem!important}.py-md-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3{padding-top:1rem!important}.pr-md-3{padding-right:1rem!important}.pb-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.px-md-3{padding-right:1rem!important}.py-md-3{padding-bottom:1rem!important;padding-top:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4{padding-top:1.5rem!important}.pr-md-4{padding-right:1.5rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.px-md-4{padding-right:1.5rem!important}.py-md-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.p-md-5{padding:2rem!important}.pt-md-5{padding-top:2rem!important}.pr-md-5{padding-right:2rem!important}.pb-md-5{padding-bottom:2rem!important}.pl-md-5,.px-md-5{padding-left:2rem!important}.px-md-5{padding-right:2rem!important}.py-md-5{padding-bottom:2rem!important;padding-top:2rem!important}.p-md-6{padding:2.5rem!important}.pt-md-6{padding-top:2.5rem!important}.pr-md-6{padding-right:2.5rem!important}.pb-md-6{padding-bottom:2.5rem!important}.pl-md-6,.px-md-6{padding-left:2.5rem!important}.px-md-6{padding-right:2.5rem!important}.py-md-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.p-md-7{padding:3rem!important}.pt-md-7{padding-top:3rem!important}.pr-md-7{padding-right:3rem!important}.pb-md-7{padding-bottom:3rem!important}.pl-md-7,.px-md-7{padding-left:3rem!important}.px-md-7{padding-right:3rem!important}.py-md-7{padding-bottom:3rem!important;padding-top:3rem!important}.p-md-8{padding:4rem!important}.pt-md-8{padding-top:4rem!important}.pr-md-8{padding-right:4rem!important}.pb-md-8{padding-bottom:4rem!important}.pl-md-8,.px-md-8{padding-left:4rem!important}.px-md-8{padding-right:4rem!important}.py-md-8{padding-bottom:4rem!important;padding-top:4rem!important}.p-md-9{padding:6rem!important}.pt-md-9{padding-top:6rem!important}.pr-md-9{padding-right:6rem!important}.pb-md-9{padding-bottom:6rem!important}.pl-md-9,.px-md-9{padding-left:6rem!important}.px-md-9{padding-right:6rem!important}.py-md-9{padding-bottom:6rem!important;padding-top:6rem!important}.ml-auto{margin-left:auto}.m-auto{margin:auto}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}.h0{font-size:2.25rem}.pronouns{font-size:2rem}.davis-lead{padding:.5rem 1rem}}@media only screen and (min-width:768px) and (min-width:1024px){.stat-panel__content{margin-left:-2rem;margin-right:-2rem}.stat-panel__item{padding-left:2rem;padding-right:2rem}}@media only screen and (min-width:1024px){.h1,h1{font-size:4rem}.h2,h2{font-size:1.75rem}.paragraph,.paragraph--announcement,.paragraph--card-carousel,.paragraph--chart,.paragraph--course-list,.paragraph--cta-group,.paragraph--faq,.paragraph--image-text,.paragraph--lib-search,.paragraph--link-list,.paragraph--logo-bar,.paragraph--mega-cta,.paragraph--quad-story,.paragraph--related-events,.paragraph--spotlight,.paragraph--stat-panel,.paragraph--themed-panel,.paragraph--two-col-text,.paragraph--waveform{margin-bottom:6rem;margin-top:6rem}.paragraph--audio,.paragraph--embed,.paragraph--gallery,.paragraph--image,.paragraph--search,.paragraph--video,.paragraph--video-group{margin-bottom:3rem;margin-top:4rem}.paragraphs{margin-bottom:6rem}.paragraphs--wide{flex:0 0 66.66667%;margin-left:16.66667%;max-width:66.66667%;padding-left:2rem;padding-right:2rem}.paragraphs--wide .paragraph--expand,.paragraphs--wide .paragraph--image:not(.image--left):not(.image--right),.paragraphs--wide .paragraph--video{margin-left:-16.66667%;margin-right:-16.66667%;padding-left:1rem;padding-right:1rem}.paragraphs--wide .paragraphs--wide__offset{flex:0 0 83.33333%;margin-left:8.33333%;max-width:83.33333%;padding-left:1rem;padding-right:1rem;width:100%}.paragraph--profile-list.section{margin-bottom:6rem;margin-top:6rem}.paragraph--pull-up{margin-top:-8rem}.anchor-header{padding-top:3rem}.anchor-header--front{margin-bottom:4rem}.anchor-header__primary{display:block}.anchor-header__button{display:none}.anchor-header__nav.has-toggler{display:block}.announcement{padding-left:6rem;padding-right:6rem}.app-header__wrap{padding-left:2rem;padding-right:2rem}.app-header__title{font-size:1.75rem}.app-header__button{font-size:1rem;font-weight:400;padding-left:0;padding-right:0}.app-header__button.is-toggled,.app-header__button:hover{box-shadow:inset 0 -4px 0 0 #0d395f}.app-header__dropdown:first-child{margin-left:0}.app-header__dropdown,.app-header__nav{position:relative}.app-header__nav{display:block;top:0}.app-header__search{border:1px solid #dedede;width:400px}.banner{padding:2rem}.chart-group__list{margin-left:-2rem;margin-right:-2rem}.chart-group__item{padding-left:2rem;padding-right:2rem}.cookie-banner{padding:2rem}.cta-bar{padding-left:2rem;padding-right:2rem}.cta-group{margin-left:-2rem;margin-right:-2rem}.cta-group__item{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;flex-wrap:wrap;max-width:100%;padding-bottom:0;padding-left:2rem;padding-right:2rem;padding-top:0}.cta-group__item:not(:last-of-type){border-bottom:0;border-right:1px solid #dedede}.cta-group__item:not(:last-of-type).blue-border{border-color:#75a3cd}.cta-group__item:not(:last-of-type).blue-border+.border-bottom{display:none}.cta-group__title{font-size:1.75rem}.school-header.davis-header .school-header__logo{padding-bottom:2rem}.digest{max-height:70vh;overflow-y:auto;scrollbar-color:#dedede #fff;scrollbar-width:auto}.digest::-webkit-scrollbar{-webkit-appearance:none;width:7px}.digest::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:4px}.digest__title{background:#fff;position:sticky;top:0}.dispatches-item__body{height:282px}.paragraph--fluencies{padding-top:2rem}.paragraph--fluencies h2{font-size:2.5rem;font-weight:400}.paragraph--fluencies h2+p{font-size:2rem}.paragraph--fluencies .focus-area--wrapper{scrollbar-color:#dedede #fff;scrollbar-width:4px}.paragraph--fluencies .focus-area--wrapper::-webkit-scrollbar{-webkit-appearance:none;height:4px}.paragraph--fluencies .focus-area--wrapper::-webkit-scrollbar-thumb{background-color:#ffffffbf;border-radius:2px}.paragraph--fluencies ul li:first-child .focus-area-item__content-text a{width:75%}.paragraph--fluencies ul li:nth-child(2) .focus-area-item__content-text a{width:65%}.paragraph--fluencies ul li:last-child .focus-area-item__content-text a{width:100%}.filter__body.has-toggler{display:block}.filter__body.is-toggled,.filter__button.has-toggler .filter__icon-open{display:none}.filter__button.has-toggler .filter__icon-close,.filter__button.is-toggled .filter__icon-open{display:block}.filter__button.is-toggled .filter__icon-close,.foldable__button{display:none}.foldable__content{background-color:initial;border:0;padding:0}.foldable__content.has-toggler{display:block}.footer-menu{margin-top:0}.container{padding-left:2rem;padding-right:2rem}.row{margin-left:-2rem;margin-right:-2rem}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:2rem;padding-right:2rem}.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;max-width:none;width:auto}.col-lg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{flex:0 0 100%;max-width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}.grid-container .grid-quad-block .quad-item-1{height:335px;max-width:596px}.grid-container .grid-quad-block .quad-item-2{height:335px;max-width:252px}.grid-container .grid-quad-block .quad-item-3{height:596px;max-width:335px}.grid-container .grid-quad-block .quad-item-4{height:252px;max-width:252px}.grid__label-icon{padding:7px}.grid__label-icon.expand{padding:5px}.grid__label-icon .icon.expand{height:1.25rem;width:1.25rem}.grid__label-icon .icon.play{height:1rem;width:1rem}.homepage-header{margin-bottom:.5rem;margin-top:3rem}.homepage-title{font-size:4rem;font-weight:300}.homepage-title .homepage-title--transition-state{font-size:4rem}.homepage-title .homepage-title--transition-state strong{font-weight:600}.homepage-header__list{margin-left:-2rem;margin-right:-2rem;margin-top:.5rem}.homepage-header__list li{padding:1.5rem 0}.homepage-header__list li p{font-size:1rem;margin-left:2rem;padding-right:2rem}.homepage-header__container button{margin-bottom:1rem}.homepage-header__container button .homepage-button{height:3rem;width:3rem}.quad-item-1:focus-within>.grid-hover__overlay,.quad-item-1:hover>.grid-hover__overlay,.quad-item-2:focus-within>.grid-hover__overlay,.quad-item-2:hover>.grid-hover__overlay,.quad-item-3:focus-within>.grid-hover__overlay,.quad-item-3:hover>.grid-hover__overlay,.quad-item-4:focus-within>.grid-hover__overlay,.quad-item-4:hover>.grid-hover__overlay{opacity:1}.quad-item-1:focus-within>.grid-expandable-tile,.quad-item-1:hover>.grid-expandable-tile,.quad-item-2:focus-within>.grid-expandable-tile,.quad-item-2:hover>.grid-expandable-tile,.quad-item-3:focus-within>.grid-expandable-tile,.quad-item-3:hover>.grid-expandable-tile,.quad-item-4:focus-within>.grid-expandable-tile,.quad-item-4:hover>.grid-expandable-tile{opacity:.1}.grid-hover__overlay{display:block}.grid-modal__overlay figure{padding-bottom:3rem}.grid-modal__overlay .portrait-video--grid{max-width:405px}.grid-modal__overlay .grid-image__body,.grid-modal__overlay .grid-video__body{margin-right:8.33333%}.grid-modal__button{margin-right:2rem;margin-top:2rem}.grid-quote{background-position-y:-.75rem;background-size:120px 95px}.grid-quote .grid-quote__text{font-size:2rem;font-weight:300;line-height:2.2}.grid-quote .grid-quote__caption,.grid-quote .grid-quote__caption p{font-size:1rem!important}.grid-quote.quote--dark{background-position-x:1rem}.grid-quote.quote-text--small{background-size:104px 82px;padding:1.5rem 1rem 1rem}.grid-quote.quote-text--small .grid-quote__text{font-size:1.25rem;font-weight:400;line-height:2}.grid-quote.quote-text--small .grid-quote__caption{bottom:1rem;right:1rem}.grid-quote.quote-text--small .grid-quote__caption,.grid-quote.quote-text--small .grid-quote__caption p{font-size:.875rem!important;font-weight:400}.grid-stats .chart-group__list .chart-group__item .stats__label{font-size:4rem;font-weight:400;margin-bottom:.5rem;padding-bottom:.5rem}.grid-stats .chart-group__list .chart-group__item .stats__text{font-size:1.125rem;line-height:1.5}.grid-stats .chart-group__list.chart-group__list--2 .chart-group__item:first-child{margin-bottom:2rem}.midd-header--transparent,.miis-header__transparent{height:120px}.midd-header--transparent .midd-header__container,.midd-header--transparent .miis-header__container,.miis-header__transparent .midd-header__container,.miis-header__transparent .miis-header__container{padding-left:2rem;padding-right:2rem}.midd-header--transparent,.miis-header__transparent{transition:none}.midd-header--transparent .midd-header__brand,.midd-header--transparent .miis-header__brand,.miis-header__transparent .midd-header__brand,.miis-header__transparent .miis-header__brand{padding-top:1.5rem}.has-toggler.is-toggled.miis-header__transparent:before,.midd-header--transparent.has-toggler.is-toggled:before{background-color:unset;background-image:linear-gradient(0deg,#0000 4%,#0006)}.midd-header--transparent .midd-nav,.miis-header__transparent .midd-nav{padding-top:0}.midd-header--transparent .midd-nav .midd-nav__handle,.miis-header__transparent .midd-nav .midd-nav__handle{padding-left:1rem}.midd-header--transparent .midd-nav .midd-nav__list--top,.miis-header__transparent .midd-nav .midd-nav__list--top{background-color:initial}.midd-header--transparent .midd-nav .midd-nav__item--top:last-child:after,.miis-header__transparent .midd-nav .midd-nav__item--top:last-child:after{color:#fff;content:"|";padding-left:1.5rem;padding-top:1rem}.midd-header--transparent .midd-search,.miis-header__transparent .midd-search{padding-top:0}.midd-header--transparent .midd-search .midd-search__handle:after,.miis-header__transparent .midd-search .midd-search__handle:after{content:none;padding-left:0}.journey-line-box{top:24%}.journey-link-box{top:0}.journey-line-svg.journey-line--desktop{display:inline-block;right:-23%;transform:none;width:54%}.journey-line-svg.journey-line--tablet{display:none}.journey-links-svg.journey-links--desktop{display:initial}.journey-links-svg.journey-links--tablet{display:none}.journey-links-svg .journey-link--section.animate .journey--link:nth-child(2) .journey--dot-ripple{animation-delay:.75s}.journey-links-svg .journey-link--section.animate .journey--link:nth-child(3) .journey--dot-ripple{animation-delay:1.5s}.journey-section{padding-top:56.25%}.journey-section .journey-section__background{left:0;min-height:auto;min-width:auto}.journey-section .journey-video--button{bottom:2rem;left:2rem}.journey-section img{transform:unset;width:100%}.journey-section .journey-section__body .journey-section__body-content.left--mobile .row{justify-content:flex-end;text-align:right}.journey-section .journey-section__body .journey-section__text h1{font-size:2.5rem}.journey-section .journey-section__body .journey-section__text p.blurb{font-size:2rem}.journey-modal__header-container{padding-left:2rem}.journey-modal__header-container .journey-modal__header--wrapper{margin-bottom:1.5rem;margin-top:1.5rem}.journey-modal__header-container .journey-modal__controls{padding-right:0}.journey-modal__header-container .journey-modal__button{margin-top:-1.5rem}.journey-modal__overlay .journey-modal__overlay-container{margin-top:4rem}.journey-modal__overlay .journey-modal__overlay-container .journey-modal--title{font-size:3.5rem;font-weight:300;line-height:1.1;margin-bottom:2.5rem}.journey-modal__overlay .journey-modal__overlay-container .journey-modal--blurb{margin-bottom:3rem;margin-top:2.5rem}.journey-modal__overlay .journey-modal__overlay-container .video .video__text{font-size:1rem}.journey-modal__overlay .journey-modal__overlay-container .video .transcript{margin-top:1rem}.journey-modal__overlay .lightbox__images .media__caption{font-size:1rem}.journey-modal__overlay .journey-modal__story .story__content{max-width:80%;padding:2.5rem 0 3rem}.journey-modal__overlay .journey-modal__story .story__content img{margin-bottom:1rem}.journey-modal__overlay .journey-modal__story .story__content h3{font-size:2rem;font-weight:400;margin-top:3rem}.journey-modal__overlay .journey-modal__story .story__content h4{font-size:1.125rem;font-weight:400}.journey-modal__overlay .journey-modal__story .story__content .list__item:not(:last-child){margin-bottom:3rem;padding-bottom:3rem}.journey-modal__overlay .portrait-video--grid{max-width:405px}.journey-modal__overlay .journey-image__body,.journey-modal__overlay .journey-video__body{margin-right:8.33333%}.journey-modal__overlay .journey-modal__articles-block{margin-bottom:4rem}.journey-modal__overlay .journey-modal__articles-block .articles-block__title{margin-bottom:3rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--text-content{padding:1rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--title{font-size:1.5rem;line-height:1.25}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--button{padding:.5rem 1rem}.lib-search__content .lib-search__title{margin-bottom:2rem;margin-top:6rem}.lightbox__button{padding:2rem}.lightbox__images{padding:8rem 2rem 2rem;width:calc(100vw - 100px)}.lightbox__thumbs-list{display:block}.ls-hero__title{font-size:2.25rem;margin-bottom:4rem}.ls-hero__link{font-size:1.25rem}.media-object__image-profile-teaser{margin-right:2rem}.paragraph--profile-list .profile-list .media-object:not(:first-child){padding-top:3rem}.mega-cta__content,.mega-cta__content-miis{flex:0 0 50%;max-width:50%;padding-left:2rem;padding-right:2rem}.mega-cta{min-height:auto}.mega-cta__back-gradient img{opacity:1}.mega-cta--gradient-left-bottom{background:linear-gradient(to left bottom,#0000 45%,#202020)}.mega-cta--gradient-right-bottom{background:linear-gradient(to right bottom,#0000 45%,#202020)}.mega-cta--gradient-left-top{background:linear-gradient(to left top,#0000 45%,#202020)}.mega-cta--gradient-right-top{background:linear-gradient(to right top,#0000 45%,#202020)}.mega-cta--image-left-bottom img{font-family:"object-position: left bottom;";object-position:left bottom}.mega-cta--image-right-bottom img{font-family:"object-position: right bottom;";object-position:right bottom}.mega-cta--image-left-top img{font-family:"object-position: left top;";object-position:left top}.mega-cta--image-right-top img{font-family:"object-position: right top;";object-position:right top}.mega-cta__content-miis{flex:0 0 33.33333%;max-width:33.33333%}.mega-cta__content-position-left-top{left:8.25rem;top:4rem}.mega-cta__content-position-left-bottom{bottom:4rem;left:8.25rem;top:auto}.mega-cta__content-position-right-top{left:auto;right:8.25rem;top:4rem}.mega-cta__content-position-right-bottom{bottom:4rem;left:auto;right:8.25rem;top:auto}.mega-cta__content-position{margin-top:0}.mega-cta__text{font-size:1.125rem;margin-bottom:3rem}.mega-cta--blse .mega-cta__text{font-size:2.25rem}.mega-cta--blse .mega-cta__content{flex:0 0 66.66667%;max-width:66.66667%}.midd-footer__list{align-items:center;display:flex;height:100%;justify-content:flex-end}.midd-footer__item:not(:first-child){margin-left:1rem}.midd-footer__link{padding-bottom:0;padding-top:0}.midd-footer.davis-footer{padding-bottom:3rem;padding-top:3rem}.midd-footer.davis-footer .midd-footer__list{display:block}.midd-footer.davis-footer .midd-footer__item:not(:first-child){margin-left:0}.midd-footer.davis-footer .midd-footer__link{padding-bottom:.25rem;padding-top:.25rem}.midd-header__container,.miis-header__container{padding-left:2rem;padding-right:2rem}.midd-header__brand,.miis-header__brand{height:64px}.midd-header__shield,.miis-header__shield{width:67px}.midd-header__wordmark,.miis-header__wordmark{margin-left:8px;width:114px}.miis-header__wordmark{width:284px}.midd-nav{margin-left:auto;margin-right:0;order:1}.midd-nav__handle{display:none}.midd-nav__list--top{display:flex;opacity:1;padding-top:0;position:relative;top:0;visibility:visible}.midd-nav__list--sub{background:#022543;border-top:1px solid #fff;display:block;left:0;opacity:0;padding:.5rem;position:absolute;top:100%;transition:opacity .2s;visibility:hidden;width:240px;z-index:200}.midd-nav__item:focus-within .midd-nav__list--sub,.midd-nav__item:hover .midd-nav__list--sub{opacity:1;visibility:visible}.midd-nav__item{border-top:0;flex:1 0 auto}.midd-nav__item--top{border-top:0;margin-right:1.5rem}.midd-nav__link{font-size:.875rem;font-weight:500;opacity:.8;transition:.2s}.midd-nav__link:hover{opacity:1}.midd-nav__link--top{border-top:4px solid #0000;padding-left:2rem;padding-right:2rem;padding:calc(1.5rem - 4px) 0 1.5rem}.midd-nav__link--sub{padding-left:.75rem}.midd-search{margin-left:0;order:2;position:relative}.midd-search__handle{border-top:4px solid #0000;opacity:.8;padding:calc(1.5rem - 4px) 0 1.5rem;transition:border-color .2s}.midd-search__handle.is-toggled,.midd-search__handle:hover{border-color:#fff;opacity:1}.midd-search__content{border-top:1px solid #fff;padding-top:1rem;width:400px}.anchor-header__nav .nav{margin-left:0;margin-right:0}.nav__list{border-bottom:0;display:flex;flex-wrap:wrap}.nav__item{border-top:0;flex:0 0 auto;margin-right:1.5rem}.nav__link{font-weight:400;line-height:1;padding-left:0;padding-right:0}.nav__item:focus-within .nav__link,.nav__item:hover .nav__link{box-shadow:inset 0 -4px 0 0 #0d395f;color:#0573cd;text-decoration:none}.nav__button{display:none}.nav__sublist{background:#fff;border:1px solid #0d395f}.nav__subitem{border-top:0}.nav__sublink{font-size:1rem;padding-bottom:.5rem;padding-left:1rem;padding-top:.5rem}.nav-dropdown:focus-within .nav-dropdown__menu,.nav-dropdown:hover .nav-dropdown__menu{opacity:1;visibility:visible}.nav-dropdown__menu{display:block;left:0;opacity:0;position:absolute;top:100%;transition:opacity .2s;visibility:hidden;width:240px;z-index:3}.nav-dropdown__menu.is-toggled{opacity:1;visibility:visible}.paragraph--policy p{font-size:1rem}.office-footer{padding-bottom:2rem;padding-top:2rem}.office-footer__row{margin-left:-2rem;margin-right:-2rem}.office-footer__col{flex:0 0 33.33333%;max-width:33.33333%;padding-bottom:0;padding-left:2rem;padding-right:2rem;padding-top:0}.office-footer__col:not(:last-child){border-bottom:0;border-right:1px solid #dedede}.office-footer__col div:not(:first-child) h3{margin-left:0;margin-right:0}.page-header--wrmc .page-header__figure:before{background:linear-gradient(to bottom left,#202020e6,#0000 30%)}.page-header__list-toggle{padding-right:2rem}.page-header__content{padding-bottom:6rem;padding-left:2rem;padding-right:2rem;padding-top:4rem}.page-header--has-menu .page-header__content{padding-bottom:2rem}.page-header__title{font-size:4rem}.page-header--app .page-header__content{padding-bottom:4rem;padding-top:4rem}.page-nav__button{display:none}.page-nav__content{background-color:initial;border:0;padding-left:0;padding-right:0}.page-nav__content.has-toggler{display:block}.section.paragraph--pardot-form{margin-bottom:6rem;margin-top:6rem}.section.paragraph--pardot-form .section__title{margin-bottom:3rem}.section.paragraph--pardot-form .form-group{margin-bottom:2rem}.profile-detail__programs{border-top:0;padding-top:0}.school-footer__main{flex:0 0 33.33333%;max-width:33.33333%}.school-footer__main,.school-footer__primary{padding-left:2rem;padding-right:2rem}.school-footer__primary{flex:0 0 100%;max-width:100%}.school-footer--lite .school-footer__primary{flex:0 0 41.66667%;max-width:41.66667%}.school-footer__secondary{flex:0 0 100%;max-width:100%;padding-bottom:0;padding-left:2rem;padding-right:2rem}.school-footer--lite .school-footer__secondary{flex:0 0 33.33333%;max-width:33.33333%}.school-footer__nav{border-left:1px solid #174872;border-top:0;flex:0 0 66.66667%;margin-top:0;max-width:66.66667%;padding-left:2rem;padding-right:2rem}.spotlight{padding-bottom:4rem}.spotlight__figure{height:0;overflow:hidden;padding-top:56.25%;position:relative}.spotlight__figure img{font-family:"object-fit: cover;";height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.spotlight__content{bottom:0;position:absolute;right:2.5rem;width:360px;z-index:2}.spotlight__body,.spotlight__title{padding-left:2rem;padding-right:2rem}.stat-panel{overflow:hidden}.stat-panel:after{background-color:#0d395f;bottom:0;content:"";display:block;left:0;opacity:.7;position:absolute;right:0;top:0;z-index:2}.stat-panel__text{color:#fff}.stat-panel__media{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.stat-panel__content{align-items:center;justify-content:space-between;min-height:700px;position:relative;z-index:3}.stat-panel__item{background-color:initial!important;flex:0 0 41.66667%;flex:0 0 33.33333%;max-width:41.66667%;max-width:33.33333%;padding:4rem}.stat-panel__stats-text{font-size:1.125rem}.terms{display:flex;flex-wrap:wrap}.terms__title{flex:0 0 30%;margin-bottom:1.5rem;padding-bottom:1.5rem;padding-right:.5rem}.terms__title:not(:last-of-type){border-bottom:1px solid #dedede}.terms__text{flex:0 0 70%;padding-left:.5rem}.themed-panel__title{font-size:4rem}.themed-panel__article,.themed-panel__secondary,.themed-panel__title{padding-left:2rem;padding-right:2rem}.waveform .shifting-slider{left:-50%}.waveform .shifting-slider.fade-in-element{animation:fade-in 1.4s;left:0}.waveform__header{padding-left:2rem;padding-right:2rem;padding-top:2rem}.waveform__header .section__title{font-size:2.25rem;font-weight:400}.waveform__header .waveform__blurb{width:100%}.waveform__header .waveform__blurb .section__text{width:75%}.waveform__list{overflow:initial;padding-bottom:3rem;padding-top:3rem}.waveform__list-item:hover .waveform__list-item--tooltip{display:block}.waveform__list-item.has-toggler .waveform__event-card{padding-top:1.5rem}.waveform__list-item.has-toggler .waveform__event-card,.waveform__list-item.has-toggler.is-toggled{height:460px!important;min-width:353px}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text{height:358px}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text time{font-size:.875rem}.waveform__list-item.has-toggler h3{font-size:1.75rem;font-weight:400;padding-top:2rem}.bar-height-style-lg-0{height:366px}.bar-height-style-lg-1{height:368px}.bar-height-style-lg-2{height:372px}.bar-height-style-lg-3{height:380px}.bar-height-style-lg-4{height:387px}.bar-height-style-lg-5{height:438px}.bar-margin-style-lg-0{margin-top:0}.bar-margin-style-lg-1{margin-top:22px}.bar-margin-style-lg-2{margin-top:40px}.bar-margin-style-lg-3{margin-top:50px}.bar-margin-style-lg-4{margin-top:73px}.bar-margin-style-lg-5{margin-top:87px}.wrmc-footer__content{padding:0 2rem}.wrmc-header__logo-graphic{margin:0}.wrmc-nav__handle{display:none}.wrmc-nav__list{display:flex}.weekly-schedule .weekly-schedule__column{padding-right:2rem}.typography dl{display:flex;flex-wrap:wrap}.typography dt{flex:0 0 30%;margin-bottom:1.5rem;padding-bottom:1.5rem;padding-right:.5rem}.typography dt:not(:last-of-type){border-bottom:1px solid #dedede}.typography dd{flex:0 0 70%;padding-left:.5rem}.lead+.paragraph--text>h2,.paragraph--text+.paragraph--text>h2{font-size:1.75rem;margin-bottom:2rem;margin-top:4rem}.typography h2{font-size:1.75rem;margin-bottom:2rem;margin-top:4rem}.border-lg-b{border-bottom:1px solid #dedede}.border-lg-b-0{border-bottom:0}.border-lg-r{border-right:1px solid #dedede}.border-lg-r-0{border-right:0}.border-lg-l{border-left:1px solid #dedede}.border-lg-l-0{border-left:0}.border-lg-t{border-top:1px solid #dedede}.border-lg-t-0{border-top:0}.col-count-md-2,.col-count-xl-3{column-gap:4rem}.d-lg-none{display:none}.d-lg-inline{display:inline}.d-lg-inline-block{display:inline-block}.d-lg-block{display:block}.d-lg-flex{display:flex}.d-lg-inline-flex{display:inline-flex}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-1{flex:1 1 0%}.flex-lg-auto{flex:1 1 auto}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.float-lg-right{float:right}.float-lg-left{float:left}.order-lg-first{order:-1}.order-lg-last{order:9999}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.w-lg-50{width:50%}.m-lg-0{margin:0!important}.mt-lg-0{margin-top:0!important}.mr-lg-0{margin-right:0!important}.mb-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.mx-lg-0{margin-right:0!important}.my-lg-0{margin-bottom:0!important;margin-top:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1{margin-top:.25rem!important}.mr-lg-1{margin-right:.25rem!important}.mb-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.mx-lg-1{margin-right:.25rem!important}.my-lg-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2{margin-top:.5rem!important}.mr-lg-2{margin-right:.5rem!important}.mb-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.mx-lg-2{margin-right:.5rem!important}.my-lg-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3{margin-top:1rem!important}.mr-lg-3{margin-right:1rem!important}.mb-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.mx-lg-3{margin-right:1rem!important}.my-lg-3{margin-bottom:1rem!important;margin-top:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4{margin-top:1.5rem!important}.mr-lg-4{margin-right:1.5rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.mx-lg-4{margin-right:1.5rem!important}.my-lg-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.m-lg-5{margin:2rem!important}.mt-lg-5{margin-top:2rem!important}.mr-lg-5{margin-right:2rem!important}.mb-lg-5{margin-bottom:2rem!important}.ml-lg-5,.mx-lg-5{margin-left:2rem!important}.mx-lg-5{margin-right:2rem!important}.my-lg-5{margin-bottom:2rem!important;margin-top:2rem!important}.m-lg-6{margin:2.5rem!important}.mt-lg-6{margin-top:2.5rem!important}.mr-lg-6{margin-right:2.5rem!important}.mb-lg-6{margin-bottom:2.5rem!important}.ml-lg-6,.mx-lg-6{margin-left:2.5rem!important}.mx-lg-6{margin-right:2.5rem!important}.my-lg-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.m-lg-7{margin:3rem!important}.mt-lg-7{margin-top:3rem!important}.mr-lg-7{margin-right:3rem!important}.mb-lg-7{margin-bottom:3rem!important}.ml-lg-7,.mx-lg-7{margin-left:3rem!important}.mx-lg-7{margin-right:3rem!important}.my-lg-7{margin-bottom:3rem!important;margin-top:3rem!important}.m-lg-8{margin:4rem!important}.mt-lg-8{margin-top:4rem!important}.mr-lg-8{margin-right:4rem!important}.mb-lg-8{margin-bottom:4rem!important}.ml-lg-8,.mx-lg-8{margin-left:4rem!important}.mx-lg-8{margin-right:4rem!important}.my-lg-8{margin-bottom:4rem!important;margin-top:4rem!important}.m-lg-9{margin:6rem!important}.mt-lg-9{margin-top:6rem!important}.mr-lg-9{margin-right:6rem!important}.mb-lg-9{margin-bottom:6rem!important}.ml-lg-9,.mx-lg-9{margin-left:6rem!important}.mx-lg-9{margin-right:6rem!important}.my-lg-9{margin-bottom:6rem!important;margin-top:6rem!important}.p-lg-0{padding:0!important}.pt-lg-0{padding-top:0!important}.pr-lg-0{padding-right:0!important}.pb-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.px-lg-0{padding-right:0!important}.py-lg-0{padding-bottom:0!important;padding-top:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1{padding-top:.25rem!important}.pr-lg-1{padding-right:.25rem!important}.pb-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.px-lg-1{padding-right:.25rem!important}.py-lg-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2{padding-top:.5rem!important}.pr-lg-2{padding-right:.5rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.px-lg-2{padding-right:.5rem!important}.py-lg-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3{padding-top:1rem!important}.pr-lg-3{padding-right:1rem!important}.pb-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.px-lg-3{padding-right:1rem!important}.py-lg-3{padding-bottom:1rem!important;padding-top:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4{padding-top:1.5rem!important}.pr-lg-4{padding-right:1.5rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.px-lg-4{padding-right:1.5rem!important}.py-lg-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.p-lg-5{padding:2rem!important}.pt-lg-5{padding-top:2rem!important}.pr-lg-5{padding-right:2rem!important}.pb-lg-5{padding-bottom:2rem!important}.pl-lg-5,.px-lg-5{padding-left:2rem!important}.px-lg-5{padding-right:2rem!important}.py-lg-5{padding-bottom:2rem!important;padding-top:2rem!important}.p-lg-6{padding:2.5rem!important}.pt-lg-6{padding-top:2.5rem!important}.pr-lg-6{padding-right:2.5rem!important}.pb-lg-6{padding-bottom:2.5rem!important}.pl-lg-6,.px-lg-6{padding-left:2.5rem!important}.px-lg-6{padding-right:2.5rem!important}.py-lg-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.p-lg-7{padding:3rem!important}.pt-lg-7{padding-top:3rem!important}.pr-lg-7{padding-right:3rem!important}.pb-lg-7{padding-bottom:3rem!important}.pl-lg-7,.px-lg-7{padding-left:3rem!important}.px-lg-7{padding-right:3rem!important}.py-lg-7{padding-bottom:3rem!important;padding-top:3rem!important}.p-lg-8{padding:4rem!important}.pt-lg-8{padding-top:4rem!important}.pr-lg-8{padding-right:4rem!important}.pb-lg-8{padding-bottom:4rem!important}.pl-lg-8,.px-lg-8{padding-left:4rem!important}.px-lg-8{padding-right:4rem!important}.py-lg-8{padding-bottom:4rem!important;padding-top:4rem!important}.p-lg-9{padding:6rem!important}.pt-lg-9{padding-top:6rem!important}.pr-lg-9{padding-right:6rem!important}.pb-lg-9{padding-bottom:6rem!important}.pl-lg-9,.px-lg-9{padding-left:6rem!important}.px-lg-9{padding-right:6rem!important}.py-lg-9{padding-bottom:6rem!important;padding-top:6rem!important}.ml-auto{margin-left:auto}.m-auto{margin:auto}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}.pronouns{font-size:2.25rem}.davis-lead{margin-left:2rem;margin-right:2rem;padding:1rem 2rem}}@media only screen and (min-width:1024px) and (min-width:1024px){.paragraphs--wide .paragraph--expand,.paragraphs--wide .paragraph--image:not(.image--left):not(.image--right),.paragraphs--wide .paragraph--video,.paragraphs--wide .paragraphs--wide__offset{padding-left:2rem;padding-right:2rem}}@media only screen and (min-width:1200px){.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card:before{padding-top:60.60606%}}@media only screen and (min-width:1280px){.banner .banner__content{margin-right:2rem}.banner .banner__link{right:2rem}.school-header.davis-header .school-header__main{align-items:flex-start}.davis-nav{display:initial}.davis-nav__handle{display:none}.davis-nav__menu{display:flex;flex-direction:column-reverse}.dispatches-item__label{padding-left:1.5rem;padding-right:1.5rem}.dispatches-item__body{height:220.9px;padding:0 1.5rem}.paragraph--fluencies{padding-top:3rem}.paragraph--fluencies h2{font-size:3rem}.paragraph--fluencies h2+p{font-size:2.5rem}.paragraph--fluencies .focus-area--wrapper{overflow:initial}.paragraph--fluencies ul li{margin:0;padding-right:1rem}.paragraph--fluencies ul li .focus-area-item__content:before{padding-top:80.12048%}.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;max-width:none;width:auto}.col-xl-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{flex:0 0 100%;max-width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}.grid-container .grid-quad-block .quad-item-1{height:403px;max-width:716px}.grid-container .grid-quad-block .quad-item-2{height:402px;max-width:305px}.grid-container .grid-quad-block .quad-item-3{height:716px;max-width:403px}.grid-container .grid-quad-block .quad-item-4{height:305px;max-width:305px}.grid-hover__overlay.text-small{padding:0 1.5rem}.grid-modal__overlay .portrait-video--grid{max-width:459px}.grid-quote .grid-quote__text{font-size:2.25rem;line-height:2.6}.grid-quote .grid-quote__caption,.grid-quote .grid-quote__caption p{font-size:1.125rem!important}.grid-quote.quote-text--small .grid-quote__text{font-size:1.75rem;font-weight:300}.grid-stats .chart-group__list.chart-group__list--2 .chart-group__item:first-child{margin-bottom:3rem}.journey-section.journey-section--intro .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-01-1440x810.webp?fv=1)}.journey-section.journey-section--learning .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-02-1440x810.webp?fv=1)}.journey-section.journey-section--thinking .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-03-1440x810.webp?fv=1)}.journey-section.journey-section--opportunity .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-04-1440x810.webp?fv=1)}.journey-section .journey-section__body .journey-section__text h1{font-size:3rem}.journey-section .journey-section__body .journey-section__text p.sub-title{font-size:1rem;margin-top:3rem}.journey-section .journey-section__body .journey-section__text p.blurb{font-size:2.5rem}.journey-section .school-picker{overflow-x:hidden}.journey-modal__header-container{flex-direction:row;padding-bottom:1rem}.journey-modal__header-container .journey-modal__header--wrapper{display:block;margin-bottom:1rem}.journey-modal__header-container .journey-modal__cobblestones{align-items:normal;padding-right:1.5rem;padding-top:.875rem}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cobblestones-button{padding:.125rem 0 0}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination-wrapper{height:4rem;overflow:initial;padding:0}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__pagination{overflow:initial}.journey-modal__header-container .journey-modal__cobblestones .journey-modal__cb-link .cb-link__text{bottom:0;font-size:.875rem;margin-bottom:0;top:2.5rem}.journey-modal__header-container .journey-modal__button.desktop{display:flex}.journey-modal__header-container .journey-modal__button.mobile{display:none}.journey-modal__overlay .journey-modal__overlay-container .video .transcript{margin-top:1.125rem}.journey-modal__overlay .portrait-video--grid{max-width:459px}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card:before{padding-top:56.25%}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--text-content{padding:1.5rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--button{padding:.5rem 1rem .5rem 1.5rem}.lib-search__content .lib-search__title{margin-top:8rem}.logo-bar__item{flex-basis:auto}.mega-cta__content-position-left-top{left:9.5rem;top:4rem}.mega-cta__content-position-left-bottom{bottom:4rem;left:9.5rem;top:auto}.mega-cta__content-position-right-top{right:9.5rem;top:4rem}.mega-cta__content-position-right-bottom{bottom:4rem;right:9.5rem;top:auto}.midd-footer__item:not(:first-child){margin-left:1.5rem}.midd-footer.davis-footer .midd-footer__list{align-items:center;display:flex;height:100%;justify-content:flex-end}.midd-footer.davis-footer .midd-footer__item:not(:first-child){margin-left:1.5rem}.midd-footer.davis-footer .midd-footer__link{padding-bottom:0;padding-top:0}.page-header--wrmc .page-header__figure:before{background:linear-gradient(to bottom left,#202020e6,#0000 25%)}.profile-detail__link-table{margin-bottom:6rem}.school-header__content{position:relative}.school-nav__handle{display:none}.school-nav__menu{display:flex;flex-direction:column-reverse}.school-search__handle{border-bottom:4px solid #0000;font-size:1rem;font-weight:500;opacity:.8;padding-left:0;padding-right:0;transition:opacity .2s,border-color .2s}.school-search__handle.is-toggled,.school-search__handle:hover{opacity:1}.theme-college .school-search__handle.is-toggled,.theme-college .school-search__handle:hover{border-color:#0d395f}.theme-institute .school-search__handle.is-toggled,.theme-institute .school-search__handle:hover{border-color:#97bbd5}.theme-sa .school-search__handle.is-toggled,.theme-sa .school-search__handle:hover{border-color:#75a3cd}.theme-ls .school-search__handle.is-toggled,.theme-ls .school-search__handle:hover{border-color:#8f9a17}.theme-blse .school-search__handle.is-toggled,.theme-blse .school-search__handle:hover{border-color:#c26533}.theme-blwc .school-search__handle.is-toggled,.theme-blwc .school-search__handle:hover{border-color:#ffc107}.theme-uwc .school-search__handle.is-toggled,.theme-uwc .school-search__handle:hover{border-color:#fff}.theme-wrmc .school-search__handle.is-toggled,.theme-wrmc .school-search__handle:hover{border-color:#ee6cb9}.school-search__content{border:1px solid #0d395f;width:400px}.themed-panel{display:flex}.themed-panel__main{display:flex;flex:1;flex-direction:column;justify-content:space-between;position:static}.themed-panel__media{position:static}.themed-panel__figure,.themed-panel__figure img{height:100%;left:0;position:absolute;top:0;width:100%}.themed-panel__figure img{font-family:"object-fit: cover;";object-fit:cover}.themed-panel__title{position:relative}.themed-panel__article{padding-bottom:2rem;position:static;width:75%}.themed-panel__secondary{background:#000000b3;display:block;flex:0 0 360px;min-height:810px;z-index:4}.themed-panel__subarticle{margin-top:3rem;padding-bottom:0;padding-top:0}.themed-panel__subarticle:not(:last-of-type){margin-right:0}.waveform__list{padding-bottom:3.375rem}.waveform__list-item.has-toggler .waveform__event-card{padding:1.5rem 1rem 1rem}.waveform__list-item.has-toggler .waveform__event-card,.waveform__list-item.has-toggler.is-toggled{height:500px!important;min-width:383px}.waveform__list-item.has-toggler .waveform__event-card__content .waveform__event-card__content--text{height:390px}.waveform__list-item.has-toggler h3{padding-top:3rem}.waveform__list-item .paragraph--button{margin:0;width:100%}.bar-height-style-xl-0{height:429px}.bar-height-style-xl-1{height:431px}.bar-height-style-xl-2{height:435px}.bar-height-style-xl-3{height:446px}.bar-height-style-xl-4{height:454px}.bar-height-style-xl-5{height:514px}.bar-margin-style-xl-0{margin-top:0}.bar-margin-style-xl-1{margin-top:10px}.bar-margin-style-xl-2{margin-top:20px}.bar-margin-style-xl-3{margin-top:30px}.bar-margin-style-xl-4{margin-top:35px}.wrmc-header__logo-wordmark span:first-child{font-size:4rem}.wrmc-header__logo-wordmark span:last-child{font-size:1.125rem;margin-top:.25rem}.border-xl-b{border-bottom:1px solid #dedede}.border-xl-b-0{border-bottom:0}.border-xl-r{border-right:1px solid #dedede}.border-xl-r-0{border-right:0}.border-xl-l{border-left:1px solid #dedede}.border-xl-l-0{border-left:0}.border-xl-t{border-top:1px solid #dedede}.border-xl-t-0{border-top:0}.col-count-xl-3{column-count:3}.d-xl-none{display:none}.d-xl-inline{display:inline}.d-xl-inline-block{display:inline-block}.d-xl-block{display:block}.d-xl-flex{display:flex}.d-xl-inline-flex{display:inline-flex}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-1{flex:1 1 0%}.flex-xl-auto{flex:1 1 auto}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.float-xl-right{float:right}.float-xl-left{float:left}.order-xl-first{order:-1}.order-xl-last{order:9999}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.w-xl-50{width:50%}.m-xl-0{margin:0!important}.mt-xl-0{margin-top:0!important}.mr-xl-0{margin-right:0!important}.mb-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.mx-xl-0{margin-right:0!important}.my-xl-0{margin-bottom:0!important;margin-top:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1{margin-top:.25rem!important}.mr-xl-1{margin-right:.25rem!important}.mb-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.mx-xl-1{margin-right:.25rem!important}.my-xl-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2{margin-top:.5rem!important}.mr-xl-2{margin-right:.5rem!important}.mb-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.mx-xl-2{margin-right:.5rem!important}.my-xl-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3{margin-top:1rem!important}.mr-xl-3{margin-right:1rem!important}.mb-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.mx-xl-3{margin-right:1rem!important}.my-xl-3{margin-bottom:1rem!important;margin-top:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4{margin-top:1.5rem!important}.mr-xl-4{margin-right:1.5rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.mx-xl-4{margin-right:1.5rem!important}.my-xl-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.m-xl-5{margin:2rem!important}.mt-xl-5{margin-top:2rem!important}.mr-xl-5{margin-right:2rem!important}.mb-xl-5{margin-bottom:2rem!important}.ml-xl-5,.mx-xl-5{margin-left:2rem!important}.mx-xl-5{margin-right:2rem!important}.my-xl-5{margin-bottom:2rem!important;margin-top:2rem!important}.m-xl-6{margin:2.5rem!important}.mt-xl-6{margin-top:2.5rem!important}.mr-xl-6{margin-right:2.5rem!important}.mb-xl-6{margin-bottom:2.5rem!important}.ml-xl-6,.mx-xl-6{margin-left:2.5rem!important}.mx-xl-6{margin-right:2.5rem!important}.my-xl-6{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.m-xl-7{margin:3rem!important}.mt-xl-7{margin-top:3rem!important}.mr-xl-7{margin-right:3rem!important}.mb-xl-7{margin-bottom:3rem!important}.ml-xl-7,.mx-xl-7{margin-left:3rem!important}.mx-xl-7{margin-right:3rem!important}.my-xl-7{margin-bottom:3rem!important;margin-top:3rem!important}.m-xl-8{margin:4rem!important}.mt-xl-8{margin-top:4rem!important}.mr-xl-8{margin-right:4rem!important}.mb-xl-8{margin-bottom:4rem!important}.ml-xl-8,.mx-xl-8{margin-left:4rem!important}.mx-xl-8{margin-right:4rem!important}.my-xl-8{margin-bottom:4rem!important;margin-top:4rem!important}.m-xl-9{margin:6rem!important}.mt-xl-9{margin-top:6rem!important}.mr-xl-9{margin-right:6rem!important}.mb-xl-9{margin-bottom:6rem!important}.ml-xl-9,.mx-xl-9{margin-left:6rem!important}.mx-xl-9{margin-right:6rem!important}.my-xl-9{margin-bottom:6rem!important;margin-top:6rem!important}.p-xl-0{padding:0!important}.pt-xl-0{padding-top:0!important}.pr-xl-0{padding-right:0!important}.pb-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.px-xl-0{padding-right:0!important}.py-xl-0{padding-bottom:0!important;padding-top:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1{padding-top:.25rem!important}.pr-xl-1{padding-right:.25rem!important}.pb-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.px-xl-1{padding-right:.25rem!important}.py-xl-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2{padding-top:.5rem!important}.pr-xl-2{padding-right:.5rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.px-xl-2{padding-right:.5rem!important}.py-xl-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3{padding-top:1rem!important}.pr-xl-3{padding-right:1rem!important}.pb-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.px-xl-3{padding-right:1rem!important}.py-xl-3{padding-bottom:1rem!important;padding-top:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4{padding-top:1.5rem!important}.pr-xl-4{padding-right:1.5rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.px-xl-4{padding-right:1.5rem!important}.py-xl-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.p-xl-5{padding:2rem!important}.pt-xl-5{padding-top:2rem!important}.pr-xl-5{padding-right:2rem!important}.pb-xl-5{padding-bottom:2rem!important}.pl-xl-5,.px-xl-5{padding-left:2rem!important}.px-xl-5{padding-right:2rem!important}.py-xl-5{padding-bottom:2rem!important;padding-top:2rem!important}.p-xl-6{padding:2.5rem!important}.pt-xl-6{padding-top:2.5rem!important}.pr-xl-6{padding-right:2.5rem!important}.pb-xl-6{padding-bottom:2.5rem!important}.pl-xl-6,.px-xl-6{padding-left:2.5rem!important}.px-xl-6{padding-right:2.5rem!important}.py-xl-6{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.p-xl-7{padding:3rem!important}.pt-xl-7{padding-top:3rem!important}.pr-xl-7{padding-right:3rem!important}.pb-xl-7{padding-bottom:3rem!important}.pl-xl-7,.px-xl-7{padding-left:3rem!important}.px-xl-7{padding-right:3rem!important}.py-xl-7{padding-bottom:3rem!important;padding-top:3rem!important}.p-xl-8{padding:4rem!important}.pt-xl-8{padding-top:4rem!important}.pr-xl-8{padding-right:4rem!important}.pb-xl-8{padding-bottom:4rem!important}.pl-xl-8,.px-xl-8{padding-left:4rem!important}.px-xl-8{padding-right:4rem!important}.py-xl-8{padding-bottom:4rem!important;padding-top:4rem!important}.p-xl-9{padding:6rem!important}.pt-xl-9{padding-top:6rem!important}.pr-xl-9{padding-right:6rem!important}.pb-xl-9{padding-bottom:6rem!important}.pl-xl-9,.px-xl-9{padding-left:6rem!important}.px-xl-9{padding-right:6rem!important}.py-xl-9{padding-bottom:6rem!important;padding-top:6rem!important}.ml-auto{margin-left:auto}.m-auto{margin:auto}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media only screen and (min-width:1440px){.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text h3{font-size:2rem;font-weight:300}.paragraph--fluencies ul li .focus-area-item__content .focus-area-item__content-text p{font-size:1rem}.journey-modal__overlay .journey-modal__articles-block .articles-block .articles-block__article-card .article-card--title{font-size:2rem;font-weight:300;padding-bottom:.5rem}}@media only screen and (min-width:1600px){.journey-section.journey-section--intro .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-01-1920x1080.webp?fv=1)}.journey-section.journey-section--learning .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-02-1920x1080.webp?fv=1)}.journey-section.journey-section--thinking .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-03-1920x1080.webp?fv=1)}.journey-section.journey-section--opportunity .journey-section__background{background-image:url(https://www.middlebury.edu/sites/default/files/homepage/panel-04-1920x1080.webp?fv=1)}}@media (hover:hover){.to-top-btn:hover{transform:translateY(-10%)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}.journey-section .journey-video--button{display:none}.waveform__list{overflow:scroll}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.media--contain-caption{table-layout:fixed;width:100%}.image--left .media--contain-caption,.image--right .media--contain-caption,.media-object .media--contain-caption{width:auto}}@media print{body{padding-top:0!important}.paragraph--lead-pulled-up,.paragraph--pull-up{margin-top:0}.accordion-item__content,.accordion-item__content--column{display:flex!important}.anchor-header{border-bottom:0}.anchor-header__button{display:none!important}.app-header__wrap{display:block}.app-header__logo{float:right}.app-header__link{display:block;margin-top:1rem}.app-header__secondary,.box-menu,.breadcrumb{display:none!important}.chart-group__list,.cta-group{display:block}.davis-nav,.digest,.footer-menu{display:none!important}.container{padding-left:0;padding-right:0}.row{display:block}.image--left,.image--right{float:none!important}.journey-modal__header-container.headroom{position:relative}.journey-modal__header-container{border:0}.midd-footer,.midd-nav,.midd-search,.nav{display:none!important}.office-footer__row{display:block}.page-nav{display:none!important}.school-header.headroom{position:relative}.school-header{border:0}.school-nav,.school-search,.tabs__list,.tabs__nav{display:none!important}.wrmc-accordion-item__content-list{display:flex!important}.wrmc-header.headroom{position:relative}.wrmc-header{border:0}.wrmc-nav{display:none!important}.typography a[href]:after{background:#0000;color:#202020;content:"(" attr(href) ")";font-size:inherit;font-style:italic;letter-spacing:0;margin:0;padding:0;text-transform:none;white-space:nowrap;word-break:break-word}.typography abbr[title]:after{content:"(" attr(title) ")"}*{background:#0000!important;color:#202020!important}h1,h2,h3,h4,h5,h6{font-family:georgia,serif}h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{text-decoration:none!important}p{font-family:arial,sans-serif}a{border:0!important;color:#202020!important}img{break-inside:avoid}.print-hide{display:none!important}.roster .media-object:after{clear:both;content:"";display:block}.roster .media-object__image{float:left;margin-right:1rem;width:200px}.roster .float-md-left,.roster .media-object__body{float:left}.roster .pr-md-3{padding-right:1rem}}
\ No newline at end of file
diff --git a/davis-home.html b/davis-home.html
index 73f4a120..31defbc6 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-102">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-786">
                     <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-102"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-786"> 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 b3d8ef8b..95e3852b 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 Mon, 29 Jul 2024 23:42:38 GMT by <a href="https://github.com/svg-sprite/svg-sprite" target="_blank" rel="noopener noreferrer">svg-sprite</a>.</p>
+            <p>Generated at Mon, 29 Jul 2024 23:47:15 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/images/wrmc-album-default-120x120@2x.png b/images/wrmc-album-default-120x120@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3aab2e82415f30ca21ce6a0c8686a92ed6c42b4
GIT binary patch
literal 2500
zcmb7G2T)Vl8qSKMge0ISA}Z*LAWfy_CZK{esnQZ8kVXlTATAgp3(8yL$WlduAT=N?
zkfrx34^Ya2QluAY>QkDC1$~j_x#x!6c{6XEH?x_ObI-kB`TukBpOYJDZ)br<$|Dg7
z1lsbPsUx_q!rvWYpqGf=mxVxVk+HXNHUqb!&rb*f0byi>&|x6d2?)ze2qPK-N08TH
z>^)B2V?@|(;IRwqwo`{8ZA6nYB%$>wXdPG7DLM*Imeivm4Ll@p6bV2uq)6jErS!>C
zhI9<h9fPI8Oal)zj)sEBD6EK&qe&WiAaN8ah%RM7#^7lf90dcBF$Od=o`S{!4i$wX
zqYNl0JY5o^U~ps%js~L;RYahmAQ}obq@p0e0dml&Xo!LaLWqiiXc#=`0U7242>7G%
zz?_N(1Hi-sIm`q-jEeXmLlFcxz)GYA103)NG>{$@<OxHY4)9>}c9So%1)iXR(Ep|V
z#eqZrr3L2j7!I+S0G#>elmG4E8GQ?)z`}1se>#6l^`{lk{vQ-Tvm`GqP!nZrM>{9P
zcU#1^ZWG_WLjoy@LSv+)cgpPEBP%Dr|A2zx;qR4>Dytk*RnyQsp{1>>r;mkj_|s>M
z&zf4Cv$8wy;7B04Tp&@X4Bt!s0avcx;NFUiijIwoPq>?yl$?^5&d<D`{Y!4Xps={4
zw5+1Cs=B7OzTrVrb4%;PM{VsLon4Qg^z`*V9T*%M9vK}QpO}0$H9a#s_x#1nf4zD=
zzp%Kp{AT6t>bv(JKCXTG{BPlx_1`!Cqfg#?7=aKkvotk!mfQEH6&*7Y^c`aM^~O}@
zi{Lp(`p&sqCT$OwoisG=x+}6uUU~QEv$RvJqdg*g!&;OFY;Mgy>qoVxB(nV4#{-Y+
z2N2y<=?-Cian>e6==lriw%AHZQ|Q%36ROeNXOGFRpAC6RmVc)So9$N>_A%2brSoQt
zGEAq%9i45RUC@!(lkQCcc5GfehEq?AUX%>Xn}u9+N9NXo`{f&*T>y&^lt-Ewpf|@A
zX!T#uQ$unUz6S6s{;{5@LU4j%_KnL+ql^Sjen{`*-m3BIU(#P+)6+JK4Jm$q=TyPb
z-%_{*Lhks*_bireN6*B;X${5l9#{Rk(WQbT08_(tN)3(WkYg1mUS*_u-)$$7Uil77
zzqBzXTpL@9`eZPRY<ys#h;_>0So=v+;eaQnw|FjB_a%M`{+w4o@WUI~A1(cidv}{+
zCxYxMJDrjs{NTp;u2Nik-12UC0`bGCo(-7&&sOH${StX@Rg)gMb=>qWQ%?E9r^#iG
z#cT7WyHm41r*nsMJdlCPGQ-Z)&O?$1Gw9*2Ieq5a?uB$HzuSsSh+O<&#V_xBDvY6j
znOZjYX*8`=D2JcVd*;z|gdqnr{I8&gvU+~xe~7pM`?GKJI8C?x1lh%yk>$7sG`rZ_
zJZ)j8NW<Ws$bM{RQ8A`uoPT*y%f5E+0|IujP3EPIa_V_?T68<6xZ`^hTYGKO%Fdz@
zpSt+zRpKctl5QkeGaIFx>x3><<^lV0ayU!JIP)DNc`l$(>#@Y~QO~T(bpLyz>1o?)
zj-(V>9}P-US7Qz?{xpT(81<^|NT!Q(pezg5A4>W>?yo7Q6<9`#vehPcVO$D}jEl30
zr41&{twaG9d8U@sWq6Yv+I`mhV7IL6q3}aK+73g)ES}w@Gp8CKqdRIuW;AqI%A>Vs
z4lSYH^JWBmn6f+3_G)JL;_yW7)THJ}jCGOAYSB!gUo!+Ri-R-qwY_##N<QzfRmT^;
z$<i)Riz&yVx*G^JZF0Ypn;DHgE+f8`<?;utB=PM#!IDJby_?iRpIU~?mG(KdDq-t~
zDOLNUNQuiXBZqIp0Z|U`RhkLoNS}+k&Y5D&A?T4@sb`#gM!3LBF|}%5S`;Dt*uuwx
z8+pMFwP9vxj#@pjQjdtV;!;A33H?j<6PuApM@_b#5>&c$c`FB-+{1gL{k7c2-H%RL
ziSN%HK85kg6wRT$<7z-jh~yf{H(_o1az3_N_;chm`?R^5z^jgU9{+$702c<6=ZYLD
z9Q2M1Q)xWcg&AEh4{O~(*320vqMd382aJ2YvM1iKM;G+$Pj&}RUNSq9l$!4)Xbf7=
zd!`>J@QX3%=h{Bs0aqjgyU(lnhWQ10W5~Vw?Xe_1b#=K|;`#NP-8B<_HL`_45pZ2N
z=a3itw>Lg9S-~D~3tD`7F$?^ZqxUzqH7UqggEbb|aavma-#yq~CW)P88s8LOE)!#I
z^v=a};!7jJMzvA0CEfKK%I~FI2?}m8I-}J~CdHObx?4DYwA4(BRsjqz#nr60W52du
z!uJd=73()zsVn0uPSAgDj)GCPSw`KXC0W5Q7KOZf2gilMWB#I@lV>KQAKH4_WxnFK
z@`i5J5W~ZHhkTIPs;Qpxe1cE1um+Mnq7k%3ffJVuS4d@NQ%CAND$dQn*;D6<gcV;J
zY~z%O3607Yxg&3`7M=E~r4xnub=-8-2*0Q$!_u8DP{_<3VVb1gq)G|wyncrj)4$@4
z#o;Ssb!K+eGG*LECr3NMu8qUmc-ZK~$_=qyVW*9@?S+pT8{JORDzym~hRF_9Nn*0&
z_xP_xF?R&!Wm$D3`!*<R*7(+1G`-Ea7+0&lI22u4*8<tDR6Vg49bpAs*T!?X%9>;T
z`C0RU-j9}voSOYXV|kt8d!JLo7SY4I;1IS!zrMTZIN(vJ-^5Q6ZmnTSdqJ);q*cLs
zbs^X^$buqDLa8cipw!GYfhX(TTt%v7BH`0mZb>&MgBc~W=6g1p7t0?k=#i``{3lS{
wE{vbfpQi1@%vU^4<KX$+zxR(|$@|>$6%j$>yGt?Z+3>rVrJ0>+$yplr53b`VSpWb4

literal 0
HcmV?d00001

diff --git a/midd-course-list.html b/midd-course-list.html
index 0819e377..5aeebdb4 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-288" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-1101" 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-288">
+                    <div class="filter__body js-filter-1101">
                       <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-460" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-962" 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-460">
+                    <div class="filter__body js-filter-962">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-460-1" />
-                        <label for="checkbox-item-460-1" id="checkbox-label-460-1" class="checkbox__label"> Arts Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-962-1" />
+                        <label for="checkbox-item-962-1" id="checkbox-label-962-1" class="checkbox__label"> Arts Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-460-2" />
-                        <label for="checkbox-item-460-2" id="checkbox-label-460-2" class="checkbox__label"> Athletics Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-962-2" />
+                        <label for="checkbox-item-962-2" id="checkbox-label-962-2" class="checkbox__label"> Athletics Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-460-3" />
-                        <label for="checkbox-item-460-3" id="checkbox-label-460-3" class="checkbox__label"> Campus Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-962-3" />
+                        <label for="checkbox-item-962-3" id="checkbox-label-962-3" class="checkbox__label"> Campus Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-460-4" />
-                        <label for="checkbox-item-460-4" id="checkbox-label-460-4" class="checkbox__label"> Featured Events Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-962-4" />
+                        <label for="checkbox-item-962-4" id="checkbox-label-962-4" class="checkbox__label"> Featured Events Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-460-5" />
-                        <label for="checkbox-item-460-5" id="checkbox-label-460-5" class="checkbox__label"> MIIS Main Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-962-5" />
+                        <label for="checkbox-item-962-5" id="checkbox-label-962-5" class="checkbox__label"> MIIS Main Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-460-6" />
-                        <label for="checkbox-item-460-6" id="checkbox-label-460-6" class="checkbox__label"> Student Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-962-6" />
+                        <label for="checkbox-item-962-6" id="checkbox-label-962-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-54" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-447" 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-54">
+                    <div class="filter__body js-filter-447">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-54-1" />
-                        <label for="checkbox-item-54-1" id="checkbox-label-54-1" class="checkbox__label"> Academic Departments </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-447-1" />
+                        <label for="checkbox-item-447-1" id="checkbox-label-447-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-54-1-child-1" aria-labelledby="checkbox-label-54-1-child-1 checkbox-label-54-1" />
-                          <label for="checkbox-item-54-1--child-1" id="checkbox-label-54-1-child-1" class="checkbox__label"> American Studies </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-447-1-child-1" aria-labelledby="checkbox-label-447-1-child-1 checkbox-label-447-1" />
+                          <label for="checkbox-item-447-1--child-1" id="checkbox-label-447-1-child-1" class="checkbox__label"> American Studies </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-54-1-child-2" aria-labelledby="checkbox-label-54-1-child-2 checkbox-label-54-1" />
-                          <label for="checkbox-item-54-1--child-2" id="checkbox-label-54-1-child-2" class="checkbox__label"> Anthropology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-447-1-child-2" aria-labelledby="checkbox-label-447-1-child-2 checkbox-label-447-1" />
+                          <label for="checkbox-item-447-1--child-2" id="checkbox-label-447-1-child-2" class="checkbox__label"> Anthropology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-54-1-child-3" aria-labelledby="checkbox-label-54-1-child-3 checkbox-label-54-1" />
-                          <label for="checkbox-item-54-1--child-3" id="checkbox-label-54-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-447-1-child-3" aria-labelledby="checkbox-label-447-1-child-3 checkbox-label-447-1" />
+                          <label for="checkbox-item-447-1--child-3" id="checkbox-label-447-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-54-1-child-4" aria-labelledby="checkbox-label-54-1-child-4 checkbox-label-54-1" />
-                          <label for="checkbox-item-54-1--child-4" id="checkbox-label-54-1-child-4" class="checkbox__label"> Biology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-447-1-child-4" aria-labelledby="checkbox-label-447-1-child-4 checkbox-label-447-1" />
+                          <label for="checkbox-item-447-1--child-4" id="checkbox-label-447-1-child-4" class="checkbox__label"> Biology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-54-1-child-5" aria-labelledby="checkbox-label-54-1-child-5 checkbox-label-54-1" />
-                          <label for="checkbox-item-54-1--child-5" id="checkbox-label-54-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-447-1-child-5" aria-labelledby="checkbox-label-447-1-child-5 checkbox-label-447-1" />
+                          <label for="checkbox-item-447-1--child-5" id="checkbox-label-447-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-54-1-child-6" aria-labelledby="checkbox-label-54-1-child-6 checkbox-label-54-1" />
-                          <label for="checkbox-item-54-1--child-6" id="checkbox-label-54-1-child-6" class="checkbox__label"> Music </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-447-1-child-6" aria-labelledby="checkbox-label-447-1-child-6 checkbox-label-447-1" />
+                          <label for="checkbox-item-447-1--child-6" id="checkbox-label-447-1-child-6" class="checkbox__label"> Music </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-54-2" />
-                        <label for="checkbox-item-54-2" id="checkbox-label-54-2" class="checkbox__label"> Administrative Offices </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-447-2" />
+                        <label for="checkbox-item-447-2" id="checkbox-label-447-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-54-2-child-1" aria-labelledby="checkbox-label-54-2-child-1 checkbox-label-54-2" />
-                          <label for="checkbox-item-54-2--child-1" id="checkbox-label-54-2-child-1" class="checkbox__label"> Academic Affairs </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-447-2-child-1" aria-labelledby="checkbox-label-447-2-child-1 checkbox-label-447-2" />
+                          <label for="checkbox-item-447-2--child-1" id="checkbox-label-447-2-child-1" class="checkbox__label"> Academic Affairs </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-54-2-child-2" aria-labelledby="checkbox-label-54-2-child-2 checkbox-label-54-2" />
-                          <label for="checkbox-item-54-2--child-2" id="checkbox-label-54-2-child-2" class="checkbox__label"> Admissions </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-447-2-child-2" aria-labelledby="checkbox-label-447-2-child-2 checkbox-label-447-2" />
+                          <label for="checkbox-item-447-2--child-2" id="checkbox-label-447-2-child-2" class="checkbox__label"> Admissions </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-54-2-child-3" aria-labelledby="checkbox-label-54-2-child-3 checkbox-label-54-2" />
-                          <label for="checkbox-item-54-2--child-3" id="checkbox-label-54-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-447-2-child-3" aria-labelledby="checkbox-label-447-2-child-3 checkbox-label-447-2" />
+                          <label for="checkbox-item-447-2--child-3" id="checkbox-label-447-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-54-2-child-4" aria-labelledby="checkbox-label-54-2-child-4 checkbox-label-54-2" />
-                          <label for="checkbox-item-54-2--child-4" id="checkbox-label-54-2-child-4" class="checkbox__label"> Museum of Art </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-447-2-child-4" aria-labelledby="checkbox-label-447-2-child-4 checkbox-label-447-2" />
+                          <label for="checkbox-item-447-2--child-4" id="checkbox-label-447-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-54-3" />
-                        <label for="checkbox-item-54-3" id="checkbox-label-54-3" class="checkbox__label"> Student Organizations </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-447-3" />
+                        <label for="checkbox-item-447-3" id="checkbox-label-447-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-54-3-child-1" aria-labelledby="checkbox-label-54-3-child-1 checkbox-label-54-3" />
-                          <label for="checkbox-item-54-3--child-1" id="checkbox-label-54-3-child-1" class="checkbox__label"> Amnesty International </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-447-3-child-1" aria-labelledby="checkbox-label-447-3-child-1 checkbox-label-447-3" />
+                          <label for="checkbox-item-447-3--child-1" id="checkbox-label-447-3-child-1" class="checkbox__label"> Amnesty International </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-54-3-child-2" aria-labelledby="checkbox-label-54-3-child-2 checkbox-label-54-3" />
-                          <label for="checkbox-item-54-3--child-2" id="checkbox-label-54-3-child-2" class="checkbox__label"> Black Student Union </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-447-3-child-2" aria-labelledby="checkbox-label-447-3-child-2 checkbox-label-447-3" />
+                          <label for="checkbox-item-447-3--child-2" id="checkbox-label-447-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-54-3-child-3" aria-labelledby="checkbox-label-54-3-child-3 checkbox-label-54-3" />
-                          <label for="checkbox-item-54-3--child-3" id="checkbox-label-54-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-447-3-child-3" aria-labelledby="checkbox-label-447-3-child-3 checkbox-label-447-3" />
+                          <label for="checkbox-item-447-3--child-3" id="checkbox-label-447-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-54-3-child-4" aria-labelledby="checkbox-label-54-3-child-4 checkbox-label-54-3" />
-                          <label for="checkbox-item-54-3--child-4" id="checkbox-label-54-3-child-4" class="checkbox__label"> Quidditch </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-447-3-child-4" aria-labelledby="checkbox-label-447-3-child-4 checkbox-label-447-3" />
+                          <label for="checkbox-item-447-3--child-4" id="checkbox-label-447-3-child-4" class="checkbox__label"> Quidditch </label>
                         </div>
                       </div>
                     </div>
diff --git a/midd-event-list.html b/midd-event-list.html
index 047022fc..41c2dd25 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-633" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-1071" 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-633">
+                    <div class="filter__body js-filter-1071">
                       <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-430" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-146" 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-430">
+                    <div class="filter__body js-filter-146">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-430-1" />
-                        <label for="checkbox-item-430-1" id="checkbox-label-430-1" class="checkbox__label"> Arts Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-146-1" />
+                        <label for="checkbox-item-146-1" id="checkbox-label-146-1" class="checkbox__label"> Arts Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-430-2" />
-                        <label for="checkbox-item-430-2" id="checkbox-label-430-2" class="checkbox__label"> Athletics Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-146-2" />
+                        <label for="checkbox-item-146-2" id="checkbox-label-146-2" class="checkbox__label"> Athletics Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-430-3" />
-                        <label for="checkbox-item-430-3" id="checkbox-label-430-3" class="checkbox__label"> Campus Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-146-3" />
+                        <label for="checkbox-item-146-3" id="checkbox-label-146-3" class="checkbox__label"> Campus Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-430-4" />
-                        <label for="checkbox-item-430-4" id="checkbox-label-430-4" class="checkbox__label"> Featured Events Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-146-4" />
+                        <label for="checkbox-item-146-4" id="checkbox-label-146-4" class="checkbox__label"> Featured Events Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-430-5" />
-                        <label for="checkbox-item-430-5" id="checkbox-label-430-5" class="checkbox__label"> MIIS Main Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-146-5" />
+                        <label for="checkbox-item-146-5" id="checkbox-label-146-5" class="checkbox__label"> MIIS Main Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-430-6" />
-                        <label for="checkbox-item-430-6" id="checkbox-label-430-6" class="checkbox__label"> Student Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-146-6" />
+                        <label for="checkbox-item-146-6" id="checkbox-label-146-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-219" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-679" 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-219">
+                    <div class="filter__body js-filter-679">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-219-1" />
-                        <label for="checkbox-item-219-1" id="checkbox-label-219-1" class="checkbox__label"> Academic Departments </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-679-1" />
+                        <label for="checkbox-item-679-1" id="checkbox-label-679-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-219-1-child-1" aria-labelledby="checkbox-label-219-1-child-1 checkbox-label-219-1" />
-                          <label for="checkbox-item-219-1--child-1" id="checkbox-label-219-1-child-1" class="checkbox__label"> American Studies </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-679-1-child-1" aria-labelledby="checkbox-label-679-1-child-1 checkbox-label-679-1" />
+                          <label for="checkbox-item-679-1--child-1" id="checkbox-label-679-1-child-1" class="checkbox__label"> American Studies </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-219-1-child-2" aria-labelledby="checkbox-label-219-1-child-2 checkbox-label-219-1" />
-                          <label for="checkbox-item-219-1--child-2" id="checkbox-label-219-1-child-2" class="checkbox__label"> Anthropology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-679-1-child-2" aria-labelledby="checkbox-label-679-1-child-2 checkbox-label-679-1" />
+                          <label for="checkbox-item-679-1--child-2" id="checkbox-label-679-1-child-2" class="checkbox__label"> Anthropology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-219-1-child-3" aria-labelledby="checkbox-label-219-1-child-3 checkbox-label-219-1" />
-                          <label for="checkbox-item-219-1--child-3" id="checkbox-label-219-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-679-1-child-3" aria-labelledby="checkbox-label-679-1-child-3 checkbox-label-679-1" />
+                          <label for="checkbox-item-679-1--child-3" id="checkbox-label-679-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-219-1-child-4" aria-labelledby="checkbox-label-219-1-child-4 checkbox-label-219-1" />
-                          <label for="checkbox-item-219-1--child-4" id="checkbox-label-219-1-child-4" class="checkbox__label"> Biology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-679-1-child-4" aria-labelledby="checkbox-label-679-1-child-4 checkbox-label-679-1" />
+                          <label for="checkbox-item-679-1--child-4" id="checkbox-label-679-1-child-4" class="checkbox__label"> Biology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-219-1-child-5" aria-labelledby="checkbox-label-219-1-child-5 checkbox-label-219-1" />
-                          <label for="checkbox-item-219-1--child-5" id="checkbox-label-219-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-679-1-child-5" aria-labelledby="checkbox-label-679-1-child-5 checkbox-label-679-1" />
+                          <label for="checkbox-item-679-1--child-5" id="checkbox-label-679-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-219-1-child-6" aria-labelledby="checkbox-label-219-1-child-6 checkbox-label-219-1" />
-                          <label for="checkbox-item-219-1--child-6" id="checkbox-label-219-1-child-6" class="checkbox__label"> Music </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-679-1-child-6" aria-labelledby="checkbox-label-679-1-child-6 checkbox-label-679-1" />
+                          <label for="checkbox-item-679-1--child-6" id="checkbox-label-679-1-child-6" class="checkbox__label"> Music </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-219-2" />
-                        <label for="checkbox-item-219-2" id="checkbox-label-219-2" class="checkbox__label"> Administrative Offices </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-679-2" />
+                        <label for="checkbox-item-679-2" id="checkbox-label-679-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-219-2-child-1" aria-labelledby="checkbox-label-219-2-child-1 checkbox-label-219-2" />
-                          <label for="checkbox-item-219-2--child-1" id="checkbox-label-219-2-child-1" class="checkbox__label"> Academic Affairs </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-679-2-child-1" aria-labelledby="checkbox-label-679-2-child-1 checkbox-label-679-2" />
+                          <label for="checkbox-item-679-2--child-1" id="checkbox-label-679-2-child-1" class="checkbox__label"> Academic Affairs </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-219-2-child-2" aria-labelledby="checkbox-label-219-2-child-2 checkbox-label-219-2" />
-                          <label for="checkbox-item-219-2--child-2" id="checkbox-label-219-2-child-2" class="checkbox__label"> Admissions </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-679-2-child-2" aria-labelledby="checkbox-label-679-2-child-2 checkbox-label-679-2" />
+                          <label for="checkbox-item-679-2--child-2" id="checkbox-label-679-2-child-2" class="checkbox__label"> Admissions </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-219-2-child-3" aria-labelledby="checkbox-label-219-2-child-3 checkbox-label-219-2" />
-                          <label for="checkbox-item-219-2--child-3" id="checkbox-label-219-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-679-2-child-3" aria-labelledby="checkbox-label-679-2-child-3 checkbox-label-679-2" />
+                          <label for="checkbox-item-679-2--child-3" id="checkbox-label-679-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-219-2-child-4" aria-labelledby="checkbox-label-219-2-child-4 checkbox-label-219-2" />
-                          <label for="checkbox-item-219-2--child-4" id="checkbox-label-219-2-child-4" class="checkbox__label"> Museum of Art </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-679-2-child-4" aria-labelledby="checkbox-label-679-2-child-4 checkbox-label-679-2" />
+                          <label for="checkbox-item-679-2--child-4" id="checkbox-label-679-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-219-3" />
-                        <label for="checkbox-item-219-3" id="checkbox-label-219-3" class="checkbox__label"> Student Organizations </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-679-3" />
+                        <label for="checkbox-item-679-3" id="checkbox-label-679-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-219-3-child-1" aria-labelledby="checkbox-label-219-3-child-1 checkbox-label-219-3" />
-                          <label for="checkbox-item-219-3--child-1" id="checkbox-label-219-3-child-1" class="checkbox__label"> Amnesty International </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-679-3-child-1" aria-labelledby="checkbox-label-679-3-child-1 checkbox-label-679-3" />
+                          <label for="checkbox-item-679-3--child-1" id="checkbox-label-679-3-child-1" class="checkbox__label"> Amnesty International </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-219-3-child-2" aria-labelledby="checkbox-label-219-3-child-2 checkbox-label-219-3" />
-                          <label for="checkbox-item-219-3--child-2" id="checkbox-label-219-3-child-2" class="checkbox__label"> Black Student Union </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-679-3-child-2" aria-labelledby="checkbox-label-679-3-child-2 checkbox-label-679-3" />
+                          <label for="checkbox-item-679-3--child-2" id="checkbox-label-679-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-219-3-child-3" aria-labelledby="checkbox-label-219-3-child-3 checkbox-label-219-3" />
-                          <label for="checkbox-item-219-3--child-3" id="checkbox-label-219-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-679-3-child-3" aria-labelledby="checkbox-label-679-3-child-3 checkbox-label-679-3" />
+                          <label for="checkbox-item-679-3--child-3" id="checkbox-label-679-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-219-3-child-4" aria-labelledby="checkbox-label-219-3-child-4 checkbox-label-219-3" />
-                          <label for="checkbox-item-219-3--child-4" id="checkbox-label-219-3-child-4" class="checkbox__label"> Quidditch </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-679-3-child-4" aria-labelledby="checkbox-label-679-3-child-4 checkbox-label-679-3" />
+                          <label for="checkbox-item-679-3--child-4" id="checkbox-label-679-3-child-4" class="checkbox__label"> Quidditch </label>
                         </div>
                       </div>
                     </div>
diff --git a/midd-home.html b/midd-home.html
index 56036def..98ba25d6 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-473">
+                            <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-1016">
                               <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-473 grid-video__transcript">
-                              <a href="#midd-transcript-473" class="transcript__button" data-toggle-target=".js-transcript-473" 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-1016 grid-video__transcript">
+                              <a href="#midd-transcript-1016" class="transcript__button" data-toggle-target=".js-transcript-1016" 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-473">
+                              <div class="transcript__body" id="midd-transcript-1016">
                                 <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-70">
                           <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-219">
+                                <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-948">
                                   <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-219"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-948"> 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-219"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-219 mt-2">
-                                <a href="#midd-transcript-219" class="transcript__button" data-toggle-target=".js-transcript-219" 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-948 mt-2">
+                                <a href="#midd-transcript-948" class="transcript__button" data-toggle-target=".js-transcript-948" 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-219">
+                                <div class="transcript__body" id="midd-transcript-948">
                                   <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-219"> 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-673">
+                                <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-435">
                                   <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-673"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-435"> 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-673"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-673 mt-2">
-                                <a href="#midd-transcript-673" class="transcript__button" data-toggle-target=".js-transcript-673" 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-435 mt-2">
+                                <a href="#midd-transcript-435" class="transcript__button" data-toggle-target=".js-transcript-435" 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-673">
+                                <div class="transcript__body" id="midd-transcript-435">
                                   <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-673"> 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-273">
+                                <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-288">
                                   <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-273"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-288"> 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-273"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-273 mt-2">
-                                <a href="#midd-transcript-273" class="transcript__button" data-toggle-target=".js-transcript-273" 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-288 mt-2">
+                                <a href="#midd-transcript-288" class="transcript__button" data-toggle-target=".js-transcript-288" 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-273">
+                                <div class="transcript__body" id="midd-transcript-288">
                                   <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-273"> 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-295">
+                                <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-67">
                                   <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-295"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-67"> 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-295"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-295 mt-2">
-                                <a href="#midd-transcript-295" class="transcript__button" data-toggle-target=".js-transcript-295" 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-67 mt-2">
+                                <a href="#midd-transcript-67" class="transcript__button" data-toggle-target=".js-transcript-67" 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-295">
+                                <div class="transcript__body" id="midd-transcript-67">
                                   <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-295"> 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-371">
+                                <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-1039">
                                   <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-371"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-1039"> 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-371"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-371 mt-2">
-                                <a href="#midd-transcript-371" class="transcript__button" data-toggle-target=".js-transcript-371" 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-1039 mt-2">
+                                <a href="#midd-transcript-1039" class="transcript__button" data-toggle-target=".js-transcript-1039" 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-371">
+                                <div class="transcript__body" id="midd-transcript-1039">
                                   <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-818">
+                                <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-916">
                                   <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-818 grid-video__transcript">
-                                  <a href="#midd-transcript-818" class="transcript__button" data-toggle-target=".js-transcript-818" 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-916 grid-video__transcript">
+                                  <a href="#midd-transcript-916" class="transcript__button" data-toggle-target=".js-transcript-916" 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-818">
+                                  <div class="transcript__body" id="midd-transcript-916">
                                     <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-1008">
+                                <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-1231">
                                   <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-1008 grid-video__transcript">
-                                  <a href="#midd-transcript-1008" class="transcript__button" data-toggle-target=".js-transcript-1008" 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-1231 grid-video__transcript">
+                                  <a href="#midd-transcript-1231" class="transcript__button" data-toggle-target=".js-transcript-1231" 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-1008">
+                                  <div class="transcript__body" id="midd-transcript-1231">
                                     <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-746">
+                                <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-841">
                                   <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-746 grid-video__transcript">
-                                  <a href="#midd-transcript-746" class="transcript__button" data-toggle-target=".js-transcript-746" 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-841 grid-video__transcript">
+                                  <a href="#midd-transcript-841" class="transcript__button" data-toggle-target=".js-transcript-841" 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-746">
+                                  <div class="transcript__body" id="midd-transcript-841">
                                     <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-1139">
+                                <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-576">
                                   <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-1139 grid-video__transcript">
-                                  <a href="#midd-transcript-1139" class="transcript__button" data-toggle-target=".js-transcript-1139" 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-576 grid-video__transcript">
+                                  <a href="#midd-transcript-576" class="transcript__button" data-toggle-target=".js-transcript-576" 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-1139">
+                                  <div class="transcript__body" id="midd-transcript-576">
                                     <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-784">
+                                <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-705">
                                   <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-784 grid-video__transcript">
-                                  <a href="#midd-transcript-784" class="transcript__button" data-toggle-target=".js-transcript-784" 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-705 grid-video__transcript">
+                                  <a href="#midd-transcript-705" class="transcript__button" data-toggle-target=".js-transcript-705" 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-784">
+                                  <div class="transcript__body" id="midd-transcript-705">
                                     <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-70">
+                        <article class="journey-modal__story" aria-describedby="midd-video-label-82">
                           <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-315">
+                                <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-583">
                                   <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-315"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-583"> 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-315"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-315 mt-2">
-                                <a href="#midd-transcript-315" class="transcript__button" data-toggle-target=".js-transcript-315" 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-583 mt-2">
+                                <a href="#midd-transcript-583" class="transcript__button" data-toggle-target=".js-transcript-583" 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-315">
+                                <div class="transcript__body" id="midd-transcript-583">
                                   <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-315"> 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-97">
+                                <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-30">
                                   <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-97"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-30"> 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-97"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-97 mt-2">
-                                <a href="#midd-transcript-97" class="transcript__button" data-toggle-target=".js-transcript-97" 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-30 mt-2">
+                                <a href="#midd-transcript-30" class="transcript__button" data-toggle-target=".js-transcript-30" 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-97">
+                                <div class="transcript__body" id="midd-transcript-30">
                                   <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-97"> 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-821">
+                                <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-623">
                                   <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-821"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-623"> 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-821"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-821 mt-2">
-                                <a href="#midd-transcript-821" class="transcript__button" data-toggle-target=".js-transcript-821" 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 mt-2">
+                                <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-821">
+                                <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>
@@ -1590,10 +1590,10 @@ <h3 class="portrait-video__title" id="midd-video-label-821"> 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-544">
+                                <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-1203">
                                   <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-544"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-1203"> 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-544"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-544 mt-2">
-                                <a href="#midd-transcript-544" class="transcript__button" data-toggle-target=".js-transcript-544" 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-1203 mt-2">
+                                <a href="#midd-transcript-1203" class="transcript__button" data-toggle-target=".js-transcript-1203" 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-544">
+                                <div class="transcript__body" id="midd-transcript-1203">
                                   <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-544"> 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-608">
+                                <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-458">
                                   <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-608"> What do students do after graduation? </h3>
+                                    <h3 class="portrait-video__title" id="midd-video-label-458"> 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-608"> What do students do
                                   </div>
                                 </a>
                               </div>
-                              <div class="transcript js-transcript-608 mt-2">
-                                <a href="#midd-transcript-608" class="transcript__button" data-toggle-target=".js-transcript-608" 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-458 mt-2">
+                                <a href="#midd-transcript-458" class="transcript__button" data-toggle-target=".js-transcript-458" 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-608">
+                                <div class="transcript__body" id="midd-transcript-458">
                                   <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-89">
+                        <article class="journey-modal__story" aria-describedby="midd-video-label-67">
                           <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 83161af9..4642b9f9 100644
--- a/midd-profile-detail.html
+++ b/midd-profile-detail.html
@@ -488,16 +488,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-420" data-digest-content>
+              <section class="section paragraph--course-list js-filter-968" 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-453 accordion-item-current accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-615 accordion-item-current accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-453" class="accordion-item__link" data-toggle-target=".js-accordion-item-453" aria-expanded="false" aria-controls="midd-accordion-content-453" aria-labelledby="midd-accordion-item-label-453" role="button">
-                        <span id="midd-accordion-item-label-453">
+                      <a href="#midd-accordion-item-label-615" class="accordion-item__link" data-toggle-target=".js-accordion-item-615" aria-expanded="false" aria-controls="midd-accordion-content-615" aria-labelledby="midd-accordion-item-label-615" role="button">
+                        <span id="midd-accordion-item-label-615">
                           <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">
@@ -505,7 +505,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-453" role="tabpanel" aria-labelledby="midd-accordion-item-label-453">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-615" role="tabpanel" aria-labelledby="midd-accordion-item-label-615">
                       <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>
@@ -521,10 +521,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-366">
+                  <div class="accordion-item js-accordion-item-184">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-366" class="accordion-item__link" data-toggle-target=".js-accordion-item-366" aria-expanded="false" aria-controls="midd-accordion-content-366" aria-labelledby="midd-accordion-item-label-366" role="button">
-                        <span id="midd-accordion-item-label-366">
+                      <a href="#midd-accordion-item-label-184" class="accordion-item__link" data-toggle-target=".js-accordion-item-184" aria-expanded="false" aria-controls="midd-accordion-content-184" aria-labelledby="midd-accordion-item-label-184" role="button">
+                        <span id="midd-accordion-item-label-184">
                           <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">
@@ -532,7 +532,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-366" role="tabpanel" aria-labelledby="midd-accordion-item-label-366">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-184" role="tabpanel" aria-labelledby="midd-accordion-item-label-184">
                       <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>
@@ -543,10 +543,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-751 accordion-item-current">
+                  <div class="accordion-item js-accordion-item-649 accordion-item-current">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-751" class="accordion-item__link" data-toggle-target=".js-accordion-item-751" aria-expanded="false" aria-controls="midd-accordion-content-751" aria-labelledby="midd-accordion-item-label-751" role="button">
-                        <span id="midd-accordion-item-label-751">
+                      <a href="#midd-accordion-item-label-649" class="accordion-item__link" data-toggle-target=".js-accordion-item-649" aria-expanded="false" aria-controls="midd-accordion-content-649" aria-labelledby="midd-accordion-item-label-649" role="button">
+                        <span id="midd-accordion-item-label-649">
                           <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">
@@ -554,7 +554,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-751" role="tabpanel" aria-labelledby="midd-accordion-item-label-751">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-649" role="tabpanel" aria-labelledby="midd-accordion-item-label-649">
                       <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>
@@ -569,10 +569,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-26 accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-511 accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-26" class="accordion-item__link" data-toggle-target=".js-accordion-item-26" aria-expanded="false" aria-controls="midd-accordion-content-26" aria-labelledby="midd-accordion-item-label-26" role="button">
-                        <span id="midd-accordion-item-label-26">
+                      <a href="#midd-accordion-item-label-511" class="accordion-item__link" data-toggle-target=".js-accordion-item-511" aria-expanded="false" aria-controls="midd-accordion-content-511" aria-labelledby="midd-accordion-item-label-511" role="button">
+                        <span id="midd-accordion-item-label-511">
                           <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">
@@ -580,7 +580,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-26" role="tabpanel" aria-labelledby="midd-accordion-item-label-26">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-511" role="tabpanel" aria-labelledby="midd-accordion-item-label-511">
                       <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>
@@ -591,10 +591,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-423">
+                  <div class="accordion-item js-accordion-item-522">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-423" class="accordion-item__link" data-toggle-target=".js-accordion-item-423" aria-expanded="false" aria-controls="midd-accordion-content-423" aria-labelledby="midd-accordion-item-label-423" role="button">
-                        <span id="midd-accordion-item-label-423">
+                      <a href="#midd-accordion-item-label-522" class="accordion-item__link" data-toggle-target=".js-accordion-item-522" aria-expanded="false" aria-controls="midd-accordion-content-522" aria-labelledby="midd-accordion-item-label-522" role="button">
+                        <span id="midd-accordion-item-label-522">
                           <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">
@@ -602,7 +602,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-423" role="tabpanel" aria-labelledby="midd-accordion-item-label-423">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-522" role="tabpanel" aria-labelledby="midd-accordion-item-label-522">
                       <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 639c785c..f142e575 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-78-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-1217-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-78-title">Sustainability and other things that go on and on</h2>
+                        <h2 class="themed-panel__title" id="themed-panel-1217-title">Sustainability and other things that go on and on</h2>
                       </div>
-                      <article class="themed-panel__article" aria-labelledby="themed-panel-78-first">
-                        <h3 class="themed-panel__heading h2" id="themed-panel-78-first">
+                      <article class="themed-panel__article" aria-labelledby="themed-panel-1217-first">
+                        <h3 class="themed-panel__heading h2" id="themed-panel-1217-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-78-first">
                       </article>
                     </div>
                     <div class="themed-panel__secondary">
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-78-1">
-                        <h3 class="themed-panel__heading" id="themed-panel-78-1">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-1217-1">
+                        <h3 class="themed-panel__heading" id="themed-panel-1217-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-78-2">
-                        <h3 class="themed-panel__heading" id="themed-panel-78-2">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-1217-2">
+                        <h3 class="themed-panel__heading" id="themed-panel-1217-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-78-3">
-                        <h3 class="themed-panel__heading" id="themed-panel-78-3">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-1217-3">
+                        <h3 class="themed-panel__heading" id="themed-panel-1217-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 795af1aa..d8af05df 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-120-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-151-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-120-label"> Featured News </h2>
+                  <h2 class="section__title" id="section-151-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-729-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-324-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-729-title">Sustainability and other things that go on and on</h2>
+                        <h2 class="themed-panel__title" id="themed-panel-324-title">Sustainability and other things that go on and on</h2>
                       </div>
-                      <article class="themed-panel__article" aria-labelledby="themed-panel-729-first">
-                        <h3 class="themed-panel__heading h2" id="themed-panel-729-first">
+                      <article class="themed-panel__article" aria-labelledby="themed-panel-324-first">
+                        <h3 class="themed-panel__heading h2" id="themed-panel-324-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-729-first">
                       </article>
                     </div>
                     <div class="themed-panel__secondary">
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-729-1">
-                        <h3 class="themed-panel__heading" id="themed-panel-729-1">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-324-1">
+                        <h3 class="themed-panel__heading" id="themed-panel-324-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-729-2">
-                        <h3 class="themed-panel__heading" id="themed-panel-729-2">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-324-2">
+                        <h3 class="themed-panel__heading" id="themed-panel-324-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-729-3">
-                        <h3 class="themed-panel__heading" id="themed-panel-729-3">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-324-3">
+                        <h3 class="themed-panel__heading" id="themed-panel-324-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-4 bar-height-style-xl-4 bar-height-style-lg-0 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-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">
+                        <li class="waveform__list-item js-waveform-item-0   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-0 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 #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>
@@ -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-1 bar-height-style-xl-2 bar-height-style-lg-5 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-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 #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-4 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 #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>
@@ -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-4 bar-height-style-xl-5 bar-height-style-lg-1 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-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-2 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-3" 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>
@@ -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  is-toggled bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-2" 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">
+                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-3 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-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>
@@ -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-3 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-3 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 #07487B">
+                        <li class="waveform__list-item js-waveform-item-4   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-0 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-1 bar-height-style-xl-0 bar-height-style-lg-1 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-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 #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-3 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">
+                          <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>
@@ -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-0 bar-height-style-xl-3 bar-height-style-lg-2 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-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-3 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-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>
@@ -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-3 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-2" 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   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-3 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-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>
@@ -1522,8 +1522,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-2 bar-height-style-xl-0 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-4 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">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-8  is-toggled bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-3" 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">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -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   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-1 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 #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-9   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-4 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 #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>
@@ -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-0 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-4 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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-10   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-1 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 #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,7 +1561,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-3 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-2" 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-3 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-4 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 #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -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-0 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-2 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-4 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-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-3 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-1 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">
+                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-0 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-3 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 #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>
@@ -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-2 bar-height-style-xl-5 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-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-2 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-4 bar-margin-style-sm-0" 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">
                             <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-2 bar-height-style-xl-3 bar-height-style-lg-4 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-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-0 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-1 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 #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>
@@ -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-0 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-2 bar-margin-style-lg-5 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">
+                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-5 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 #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>
@@ -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-0 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-2 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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-2 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-2" 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 #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>
@@ -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-4 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-0 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">
+                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-3 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-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 #043666">
                             <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-3 bar-height-style-lg-0 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-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-4 bar-height-style-xl-1 bar-height-style-lg-1 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-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">
                             <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,7 +1678,7 @@ <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-5 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-2 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">
+                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-2 bar-height-style-xl-2 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-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">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -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-1 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-4" 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-0 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-0 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,8 +1704,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-2 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-0 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 #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-5 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">
+                          <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>
@@ -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-3 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-4" 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-3 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-0 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">
                           <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">
@@ -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-0 bar-height-style-xl-2 bar-height-style-lg-4 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-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-3 bar-height-style-xl-3 bar-height-style-lg-5 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-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 #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>
@@ -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-3 bar-height-style-xl-4 bar-height-style-lg-1 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-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 #07487B">
+                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-2" 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">
                             <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,8 +1756,8 @@ <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-1 bar-height-style-xl-0 bar-height-style-lg-1 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-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 #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-0 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-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">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1769,7 +1769,7 @@ <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-5 bar-margin-style-xl-3 bar-margin-style-lg-3 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">
+                        <li class="waveform__list-item js-waveform-item-27   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-4" 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">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1782,7 +1782,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-3 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-0 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">
+                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-1 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 #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1795,7 +1795,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-2 bar-height-style-xl-4 bar-height-style-lg-1 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-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-2 bar-height-style-xl-3 bar-height-style-lg-5 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-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">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -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-2 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-4 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 #07487B">
+                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-3 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-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">
                             <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,8 +1821,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-1 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-0 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">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-0 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>
@@ -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-2 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-5 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-3 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-5 bar-margin-style-sm-2" 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 #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>
@@ -1847,7 +1847,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-0 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-4 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">
+                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-5 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 #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -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-3 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-4" 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 #07487B">
+                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-0 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-1 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">
                                 <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-0 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-2 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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-2 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 #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>
@@ -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-0 bar-height-style-xl-4 bar-height-style-lg-0 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-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">
+                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-1 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 #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>
@@ -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-2 bar-height-style-xl-0 bar-height-style-lg-1 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-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 #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-2 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 #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>
@@ -1912,8 +1912,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-0 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-0 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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-2 bar-height-style-xl-5 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-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">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -1925,7 +1925,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-3 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-5 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">
+                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-3 bar-height-style-xl-5 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-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">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -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-3 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-0" 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-0 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-0 bar-margin-style-sm-1" 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 #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>
@@ -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-2 bar-height-style-xl-5 bar-height-style-lg-1 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-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 #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-1 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">
                                 <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-5 bar-height-style-lg-2 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-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-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-3 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">
                             <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,7 +1977,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-1 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-3 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-0 bar-height-style-lg-5 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-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">
@@ -1990,8 +1990,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-4 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-4 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 #043666">
+                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-2 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-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>
@@ -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-0 bar-height-style-xl-1 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-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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-2 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-1 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 #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>
@@ -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-2 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-1" 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-2 bar-height-style-xl-1 bar-height-style-lg-2 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-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 #0E68B1">
                             <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-3 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-2 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">
+                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-4 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 #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>
@@ -2042,8 +2042,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-0 bar-height-style-sm-4 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-0" 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-2 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-1 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 #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>
@@ -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-367">
+                    <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-346">
                       <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-367">Practical Skills for Positive Change</h3>
+                    <h3 class=video__title id="midd-video-label-346">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-367 grid-video__transcript">
-                      <a href="#midd-transcript-367" class="transcript__button" data-toggle-target=".js-transcript-367" 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-346 grid-video__transcript">
+                      <a href="#midd-transcript-346" class="transcript__button" data-toggle-target=".js-transcript-346" 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-367">
+                      <div class="transcript__body" id="midd-transcript-346">
                         <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-376-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-1055-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-376-label"> Schedule Component </h2>
+                  <h2 class="section__title" id="section-1055-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-376" 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-376" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                  <h3 id="midd-event-1055" 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-1055" 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 0d3618e7..95ca1471 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-914-label" data-digest-content>
+                <section class="section paragraph" aria-labelledby="section-106-label" data-digest-content>
                   <div class="section__header">
-                    <h2 class="section__title" id="section-914-label"> Schedule Component </h2>
+                    <h2 class="section__title" id="section-106-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-914" 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-914" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                    <h3 id="midd-event-106" 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-106" 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="114" data-flowchart>
-                  <div id="flowchart-114-1" class="flowchart__item " data-flowchart-item>
+                <div class="paragraph flowchart" id="370" data-flowchart>
+                  <div id="flowchart-370-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-114-2" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-370-2" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-114-3" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-370-3" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-114-2" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-370-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-114-4" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-370-4" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-114-5" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-370-5" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-114-3" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-370-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-114-4" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-370-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-114-5" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-370-5" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-114-7" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-370-7" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-114-5" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-370-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-114-6" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-370-6" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-114-8" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-370-8" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-114-6" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-370-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-114-7" class="flowchart__item " data-flowchart-item>
+                  <div id="flowchart-370-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-114-9" class="radio__label" data-flowchart-btn> Yes </a>
+                        <a href="#flowchart-370-9" class="radio__label" data-flowchart-btn> Yes </a>
                       </div>
                       <div class="radio">
-                        <a href="#flowchart-114-10" class="radio__label" data-flowchart-btn> No </a>
+                        <a href="#flowchart-370-10" class="radio__label" data-flowchart-btn> No </a>
                       </div>
                     </div>
                   </div>
-                  <div id="flowchart-114-8" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-370-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-114-9" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-370-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-114-10" class="flowchart__item  flowchart__item--answer" data-flowchart-item>
+                  <div id="flowchart-370-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-87">
+                          <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-1103">
                             <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-87"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-1103"> 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-87"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-87 mt-2">
-                          <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">
+                        <div class="transcript js-transcript-1103 mt-2">
+                          <a href="#midd-transcript-1103" class="transcript__button" data-toggle-target=".js-transcript-1103" 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-87">
+                          <div class="transcript__body" id="midd-transcript-1103">
                             <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-87"> 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-822">
+                          <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-14">
                             <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-822"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-14"> 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-822"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-822 mt-2">
-                          <a href="#midd-transcript-822" class="transcript__button" data-toggle-target=".js-transcript-822" 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-14 mt-2">
+                          <a href="#midd-transcript-14" class="transcript__button" data-toggle-target=".js-transcript-14" 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-822">
+                          <div class="transcript__body" id="midd-transcript-14">
                             <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-822"> 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-222">
+                          <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-326">
                             <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-222"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-326"> 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-222"> What do students do
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-222 mt-2">
-                          <a href="#midd-transcript-222" class="transcript__button" data-toggle-target=".js-transcript-222" 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-326 mt-2">
+                          <a href="#midd-transcript-326" class="transcript__button" data-toggle-target=".js-transcript-326" 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-222">
+                          <div class="transcript__body" id="midd-transcript-326">
                             <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-222"> 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-1088">
+                          <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-733">
                             <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-1088"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-733"> 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-1088"> What do students d
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-1088 mt-2">
-                          <a href="#midd-transcript-1088" class="transcript__button" data-toggle-target=".js-transcript-1088" 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-733 mt-2">
+                          <a href="#midd-transcript-733" class="transcript__button" data-toggle-target=".js-transcript-733" 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-1088">
+                          <div class="transcript__body" id="midd-transcript-733">
                             <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-1088"> 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-1112">
+                          <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-55">
                             <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-1112"> What do students do after graduation? </h3>
+                              <h3 class="portrait-video__title" id="midd-video-label-55"> 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-1112"> What do students d
                             </div>
                           </a>
                         </div>
-                        <div class="transcript js-transcript-1112 mt-2">
-                          <a href="#midd-transcript-1112" class="transcript__button" data-toggle-target=".js-transcript-1112" 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 mt-2">
+                          <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-1112">
+                          <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>
@@ -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-1142">
+                          <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-537">
                             <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-1142">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-537">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-1142 grid-video__transcript">
-                            <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">
+                          <div class="transcript js-transcript-537 grid-video__transcript">
+                            <a href="#midd-transcript-537" class="transcript__button" data-toggle-target=".js-transcript-537" 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-1142">
+                            <div class="transcript__body" id="midd-transcript-537">
                               <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-1142">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-196">
+                          <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-227">
                             <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-1142">Practical Skills for Positive
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-196">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-227">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-196 grid-video__transcript">
-                            <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-227 grid-video__transcript">
+                            <a href="#midd-transcript-227" class="transcript__button" data-toggle-target=".js-transcript-227" 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-227">
                               <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-196">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-1132">
+                          <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-935">
                             <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-196">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-1132">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-935">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-1132 grid-video__transcript">
-                            <a href="#midd-transcript-1132" class="transcript__button" data-toggle-target=".js-transcript-1132" 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-935 grid-video__transcript">
+                            <a href="#midd-transcript-935" class="transcript__button" data-toggle-target=".js-transcript-935" 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-1132">
+                            <div class="transcript__body" id="midd-transcript-935">
                               <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-1132">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-249">
+                          <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-382">
                             <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-1132">Practical Skills for Positive
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-249">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-382">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-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">
+                          <div class="transcript js-transcript-382 grid-video__transcript">
+                            <a href="#midd-transcript-382" class="transcript__button" data-toggle-target=".js-transcript-382" 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-382">
                               <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-249">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-1061">
+                          <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-429">
                             <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-249">Practical Skills for Positive C
                           </a>
                         </div>
                         <figcaption class=" video__body">
-                          <h3 class=video__title id="midd-video-label-1061">Practical Skills for Positive Change</h3>
+                          <h3 class=video__title id="midd-video-label-429">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-1061 grid-video__transcript">
-                            <a href="#midd-transcript-1061" class="transcript__button" data-toggle-target=".js-transcript-1061" 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-429 grid-video__transcript">
+                            <a href="#midd-transcript-429" class="transcript__button" data-toggle-target=".js-transcript-429" 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-1061">
+                            <div class="transcript__body" id="midd-transcript-429">
                               <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-262-label" data-digest-content>
+                <section class="section paragraph" aria-labelledby="section-14-label" data-digest-content>
                   <div class="section__header">
-                    <h2 class="section__title" id="section-262-label"> Schedule Component </h2>
+                    <h2 class="section__title" id="section-14-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-262" 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-262" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                    <h3 id="midd-event-14" 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-14" 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-628">
+                    <div class="accordion-item js-accordion-item-289">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-628" class="accordion-item__link" data-toggle-target=".js-accordion-item-628" aria-expanded="false" aria-controls="midd-accordion-content-628" aria-labelledby="midd-accordion-item-label-628" role="button">
+                        <a href="#midd-accordion-item-label-289" class="accordion-item__link" data-toggle-target=".js-accordion-item-289" aria-expanded="false" aria-controls="midd-accordion-content-289" aria-labelledby="midd-accordion-item-label-289" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-628"><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-289"><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-628" role="tabpanel" aria-labelledby="midd-accordion-item-label-628">
+                      <div class="accordion-item__content" id="midd-accordion-content-289" role="tabpanel" aria-labelledby="midd-accordion-item-label-289">
                         <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-272">
+                    <div class="accordion-item js-accordion-item-625">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-272" class="accordion-item__link" data-toggle-target=".js-accordion-item-272" aria-expanded="false" aria-controls="midd-accordion-content-272" aria-labelledby="midd-accordion-item-label-272" role="button">
+                        <a href="#midd-accordion-item-label-625" class="accordion-item__link" data-toggle-target=".js-accordion-item-625" aria-expanded="false" aria-controls="midd-accordion-content-625" aria-labelledby="midd-accordion-item-label-625" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-272"><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-625"><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-272" role="tabpanel" aria-labelledby="midd-accordion-item-label-272">
+                      <div class="accordion-item__content" id="midd-accordion-content-625" role="tabpanel" aria-labelledby="midd-accordion-item-label-625">
                         <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-643">
+                    <div class="accordion-item js-accordion-item-666">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-643" class="accordion-item__link" data-toggle-target=".js-accordion-item-643" aria-expanded="false" aria-controls="midd-accordion-content-643" aria-labelledby="midd-accordion-item-label-643" role="button">
+                        <a href="#midd-accordion-item-label-666" class="accordion-item__link" data-toggle-target=".js-accordion-item-666" aria-expanded="false" aria-controls="midd-accordion-content-666" aria-labelledby="midd-accordion-item-label-666" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-643">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-666">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-643" role="tabpanel" aria-labelledby="midd-accordion-item-label-643">
+                      <div class="accordion-item__content" id="midd-accordion-content-666" role="tabpanel" aria-labelledby="midd-accordion-item-label-666">
                         <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-694">
+                    <div class="accordion-item js-accordion-item-393">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-694" class="accordion-item__link" data-toggle-target=".js-accordion-item-694" aria-expanded="false" aria-controls="midd-accordion-content-694" aria-labelledby="midd-accordion-item-label-694" role="button">
+                        <a href="#midd-accordion-item-label-393" class="accordion-item__link" data-toggle-target=".js-accordion-item-393" aria-expanded="false" aria-controls="midd-accordion-content-393" aria-labelledby="midd-accordion-item-label-393" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-694">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-393">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-694" role="tabpanel" aria-labelledby="midd-accordion-item-label-694">
+                      <div class="accordion-item__content" id="midd-accordion-content-393" role="tabpanel" aria-labelledby="midd-accordion-item-label-393">
                         <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-1182">
+                    <div class="accordion-item js-accordion-item-290">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1182" class="accordion-item__link" data-toggle-target=".js-accordion-item-1182" aria-expanded="false" aria-controls="midd-accordion-content-1182" aria-labelledby="midd-accordion-item-label-1182" role="button">
+                        <a href="#midd-accordion-item-label-290" class="accordion-item__link" data-toggle-target=".js-accordion-item-290" aria-expanded="false" aria-controls="midd-accordion-content-290" aria-labelledby="midd-accordion-item-label-290" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-1182">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-290">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-1182" role="tabpanel" aria-labelledby="midd-accordion-item-label-1182">
+                      <div class="accordion-item__content" id="midd-accordion-content-290" role="tabpanel" aria-labelledby="midd-accordion-item-label-290">
                         <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-437">
+                    <div class="accordion-item js-accordion-item-127">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-437" class="accordion-item__link" data-toggle-target=".js-accordion-item-437" aria-expanded="false" aria-controls="midd-accordion-content-437" aria-labelledby="midd-accordion-item-label-437" role="button">
+                        <a href="#midd-accordion-item-label-127" class="accordion-item__link" data-toggle-target=".js-accordion-item-127" aria-expanded="false" aria-controls="midd-accordion-content-127" aria-labelledby="midd-accordion-item-label-127" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-437">Lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-127">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-437" role="tabpanel" aria-labelledby="midd-accordion-item-label-437">
+                      <div class="accordion-item__content" id="midd-accordion-content-127" role="tabpanel" aria-labelledby="midd-accordion-item-label-127">
                         <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-976">
+                    <div class="accordion-item js-accordion-item-259">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-976" class="accordion-item__link" data-toggle-target=".js-accordion-item-976" aria-expanded="false" aria-controls="midd-accordion-content-976" aria-labelledby="midd-accordion-item-label-976" role="button">
+                        <a href="#midd-accordion-item-label-259" class="accordion-item__link" data-toggle-target=".js-accordion-item-259" aria-expanded="false" aria-controls="midd-accordion-content-259" aria-labelledby="midd-accordion-item-label-259" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-976">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-259">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-976" role="tabpanel" aria-labelledby="midd-accordion-item-label-976">
+                      <div class="accordion-item__content" id="midd-accordion-content-259" role="tabpanel" aria-labelledby="midd-accordion-item-label-259">
                         <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-560">
+                    <div class="accordion-item js-accordion-item-1140">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-560" class="accordion-item__link" data-toggle-target=".js-accordion-item-560" aria-expanded="false" aria-controls="midd-accordion-content-560" aria-labelledby="midd-accordion-item-label-560" role="button">
+                        <a href="#midd-accordion-item-label-1140" class="accordion-item__link" data-toggle-target=".js-accordion-item-1140" aria-expanded="false" aria-controls="midd-accordion-content-1140" aria-labelledby="midd-accordion-item-label-1140" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-560">Lorem ipsum dolor sit amet elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-1140">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-560" role="tabpanel" aria-labelledby="midd-accordion-item-label-560">
+                      <div class="accordion-item__content" id="midd-accordion-content-1140" role="tabpanel" aria-labelledby="midd-accordion-item-label-1140">
                         <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-727">
+                    <div class="accordion-item js-accordion-item-896">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-727" class="accordion-item__link" data-toggle-target=".js-accordion-item-727" aria-expanded="false" aria-controls="midd-accordion-content-727" aria-labelledby="midd-accordion-item-label-727" role="button">
+                        <a href="#midd-accordion-item-label-896" class="accordion-item__link" data-toggle-target=".js-accordion-item-896" aria-expanded="false" aria-controls="midd-accordion-content-896" aria-labelledby="midd-accordion-item-label-896" role="button">
                           <span class="accordion-item__char" aria-hidden>Q</span>
-                          <span class="accordion-item__label" id="midd-accordion-item-label-727">Lorem ipsum consectetur adipiscing elit?</span>
+                          <span class="accordion-item__label" id="midd-accordion-item-label-896">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-727" role="tabpanel" aria-labelledby="midd-accordion-item-label-727">
+                      <div class="accordion-item__content" id="midd-accordion-content-896" role="tabpanel" aria-labelledby="midd-accordion-item-label-896">
                         <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-51" data-digest-content>
+                <section class="section paragraph--course-list js-filter-573" 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-165 accordion-item-current accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-1091 accordion-item-current accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-165" class="accordion-item__link" data-toggle-target=".js-accordion-item-165" aria-expanded="false" aria-controls="midd-accordion-content-165" aria-labelledby="midd-accordion-item-label-165" role="button">
-                          <span id="midd-accordion-item-label-165">
+                        <a href="#midd-accordion-item-label-1091" class="accordion-item__link" data-toggle-target=".js-accordion-item-1091" aria-expanded="false" aria-controls="midd-accordion-content-1091" aria-labelledby="midd-accordion-item-label-1091" role="button">
+                          <span id="midd-accordion-item-label-1091">
                             <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-165" role="tabpanel" aria-labelledby="midd-accordion-item-label-165">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-1091" role="tabpanel" aria-labelledby="midd-accordion-item-label-1091">
                         <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-799">
+                    <div class="accordion-item js-accordion-item-1141">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-799" class="accordion-item__link" data-toggle-target=".js-accordion-item-799" aria-expanded="false" aria-controls="midd-accordion-content-799" aria-labelledby="midd-accordion-item-label-799" role="button">
-                          <span id="midd-accordion-item-label-799">
+                        <a href="#midd-accordion-item-label-1141" class="accordion-item__link" data-toggle-target=".js-accordion-item-1141" aria-expanded="false" aria-controls="midd-accordion-content-1141" aria-labelledby="midd-accordion-item-label-1141" role="button">
+                          <span id="midd-accordion-item-label-1141">
                             <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-799" role="tabpanel" aria-labelledby="midd-accordion-item-label-799">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-1141" role="tabpanel" aria-labelledby="midd-accordion-item-label-1141">
                         <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-621 accordion-item-current">
+                    <div class="accordion-item js-accordion-item-460 accordion-item-current">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-621" class="accordion-item__link" data-toggle-target=".js-accordion-item-621" aria-expanded="false" aria-controls="midd-accordion-content-621" aria-labelledby="midd-accordion-item-label-621" role="button">
-                          <span id="midd-accordion-item-label-621">
+                        <a href="#midd-accordion-item-label-460" class="accordion-item__link" data-toggle-target=".js-accordion-item-460" aria-expanded="false" aria-controls="midd-accordion-content-460" aria-labelledby="midd-accordion-item-label-460" role="button">
+                          <span id="midd-accordion-item-label-460">
                             <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-621" role="tabpanel" aria-labelledby="midd-accordion-item-label-621">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-460" role="tabpanel" aria-labelledby="midd-accordion-item-label-460">
                         <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-1174 accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-654 accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1174" class="accordion-item__link" data-toggle-target=".js-accordion-item-1174" aria-expanded="false" aria-controls="midd-accordion-content-1174" aria-labelledby="midd-accordion-item-label-1174" role="button">
-                          <span id="midd-accordion-item-label-1174">
+                        <a href="#midd-accordion-item-label-654" class="accordion-item__link" data-toggle-target=".js-accordion-item-654" aria-expanded="false" aria-controls="midd-accordion-content-654" aria-labelledby="midd-accordion-item-label-654" role="button">
+                          <span id="midd-accordion-item-label-654">
                             <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-1174" role="tabpanel" aria-labelledby="midd-accordion-item-label-1174">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-654" role="tabpanel" aria-labelledby="midd-accordion-item-label-654">
                         <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-287">
+                    <div class="accordion-item js-accordion-item-560">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-287" class="accordion-item__link" data-toggle-target=".js-accordion-item-287" aria-expanded="false" aria-controls="midd-accordion-content-287" aria-labelledby="midd-accordion-item-label-287" role="button">
-                          <span id="midd-accordion-item-label-287">
+                        <a href="#midd-accordion-item-label-560" class="accordion-item__link" data-toggle-target=".js-accordion-item-560" aria-expanded="false" aria-controls="midd-accordion-content-560" aria-labelledby="midd-accordion-item-label-560" role="button">
+                          <span id="midd-accordion-item-label-560">
                             <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-287" role="tabpanel" aria-labelledby="midd-accordion-item-label-287">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-560" role="tabpanel" aria-labelledby="midd-accordion-item-label-560">
                         <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-204">
+                      <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-731">
                         <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-204">Practical Skills for Positive Change</h3>
+                      <h3 class=video__title id="midd-video-label-731">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-204 grid-video__transcript">
-                        <a href="#midd-transcript-204" class="transcript__button" data-toggle-target=".js-transcript-204" 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-731 grid-video__transcript">
+                        <a href="#midd-transcript-731" class="transcript__button" data-toggle-target=".js-transcript-731" 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-204">
+                        <div class="transcript__body" id="midd-transcript-731">
                           <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 4eb1a64d..bab7fda4 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-787" data-digest-content>
+                <div class="paragraph--chart" id="midd-map-972" 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-787"> Germany; United States; China </p>
+                  <p class="f2" id="midd-map-text-972"> Germany; United States; China </p>
                   <style>
-                    #midd-map-787 #DE,
-                    #midd-map-787 #US,
-                    #midd-map-787 #CN
+                    #midd-map-972 #DE,
+                    #midd-map-972 #US,
+                    #midd-map-972 #CN
                     {
                       fill: #0d395f;
                     }
diff --git a/school-collection.html b/school-collection.html
index 5c8dca37..74186aef 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-1160" aria-expanded="true"> Medium <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-187" 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-1160">
+                    <div class="filter__body js-filter-187">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1160-1" />
-                        <label for="checkbox-item-1160-1" id="checkbox-label-1160-1" class="checkbox__label"> Photograph </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-187-1" />
+                        <label for="checkbox-item-187-1" id="checkbox-label-187-1" class="checkbox__label"> Photograph </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1160-2" />
-                        <label for="checkbox-item-1160-2" id="checkbox-label-1160-2" class="checkbox__label"> Short Story </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-187-2" />
+                        <label for="checkbox-item-187-2" id="checkbox-label-187-2" class="checkbox__label"> Short Story </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1160-3" />
-                        <label for="checkbox-item-1160-3" id="checkbox-label-1160-3" class="checkbox__label"> Poem </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-187-3" />
+                        <label for="checkbox-item-187-3" id="checkbox-label-187-3" class="checkbox__label"> Poem </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1160-4" />
-                        <label for="checkbox-item-1160-4" id="checkbox-label-1160-4" class="checkbox__label"> Audio </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-187-4" />
+                        <label for="checkbox-item-187-4" id="checkbox-label-187-4" class="checkbox__label"> Audio </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1160-5" />
-                        <label for="checkbox-item-1160-5" id="checkbox-label-1160-5" class="checkbox__label"> Video </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-187-5" />
+                        <label for="checkbox-item-187-5" id="checkbox-label-187-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-502" aria-expanded="true"> Decades <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-5" 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-502">
+                    <div class="filter__body js-filter-5">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-502-1" />
-                        <label for="checkbox-item-502-1" id="checkbox-label-502-1" class="checkbox__label"> 1980-90 </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-5-1" />
+                        <label for="checkbox-item-5-1" id="checkbox-label-5-1" class="checkbox__label"> 1980-90 </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-502-2" />
-                        <label for="checkbox-item-502-2" id="checkbox-label-502-2" class="checkbox__label"> 1970-80 </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-5-2" />
+                        <label for="checkbox-item-5-2" id="checkbox-label-5-2" class="checkbox__label"> 1970-80 </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-502-3" />
-                        <label for="checkbox-item-502-3" id="checkbox-label-502-3" class="checkbox__label"> 1960-70 </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-5-3" />
+                        <label for="checkbox-item-5-3" id="checkbox-label-5-3" class="checkbox__label"> 1960-70 </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-502-4" />
-                        <label for="checkbox-item-502-4" id="checkbox-label-502-4" class="checkbox__label"> 1940-50 </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-5-4" />
+                        <label for="checkbox-item-5-4" id="checkbox-label-5-4" class="checkbox__label"> 1940-50 </label>
                       </div>
                     </div>
                   </fieldset>
diff --git a/school-course-list.html b/school-course-list.html
index 6504a53e..e7c23d8b 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-695" data-digest-content>
+                <section class="section paragraph--course-list js-filter-1211" 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-695" name="course-list-filter-695" class="radio__input course-list-filter course-list-filter-all" type="radio" checked data-course-filter="695">
-                      <label class="radio__label" for="course-list-filter-all-695">Show all courses.</label>
+                      <input id="course-list-filter-all-1211" name="course-list-filter-1211" class="radio__input course-list-filter course-list-filter-all" type="radio" checked data-course-filter="1211">
+                      <label class="radio__label" for="course-list-filter-all-1211">Show all courses.</label>
                     </div>
                     <div class="checkbox checkbox--filter">
-                      <input id="course-list-filter-current-695" name="course-list-filter-695" class="radio__input course-list-filter course-list-filter-current" type="radio" data-course-filter="695">
-                      <label class="radio__label" for="course-list-filter-current-695">Show current courses.</label>
+                      <input id="course-list-filter-current-1211" name="course-list-filter-1211" class="radio__input course-list-filter course-list-filter-current" type="radio" data-course-filter="1211">
+                      <label class="radio__label" for="course-list-filter-current-1211">Show current courses.</label>
                     </div>
                     <div class="checkbox checkbox--filter">
-                      <input id="course-list-filter-upcoming-695" name="course-list-filter-695" class="radio__input course-list-filter course-list-filter-upcoming" type="radio" data-course-filter="695">
-                      <label class="radio__label" for="course-list-filter-upcoming-695">Show upcoming courses.</label>
+                      <input id="course-list-filter-upcoming-1211" name="course-list-filter-1211" class="radio__input course-list-filter course-list-filter-upcoming" type="radio" data-course-filter="1211">
+                      <label class="radio__label" for="course-list-filter-upcoming-1211">Show upcoming courses.</label>
                     </div>
                   </div>
                   <div class="accordion">
-                    <div class="accordion-item js-accordion-item-802 accordion-item-current accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-1033 accordion-item-current accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-802" class="accordion-item__link" data-toggle-target=".js-accordion-item-802" aria-expanded="false" aria-controls="midd-accordion-content-802" aria-labelledby="midd-accordion-item-label-802" role="button">
-                          <span id="midd-accordion-item-label-802">
+                        <a href="#midd-accordion-item-label-1033" class="accordion-item__link" data-toggle-target=".js-accordion-item-1033" aria-expanded="false" aria-controls="midd-accordion-content-1033" aria-labelledby="midd-accordion-item-label-1033" role="button">
+                          <span id="midd-accordion-item-label-1033">
                             <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-802" role="tabpanel" aria-labelledby="midd-accordion-item-label-802">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-1033" role="tabpanel" aria-labelledby="midd-accordion-item-label-1033">
                         <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-13">
+                    <div class="accordion-item js-accordion-item-816">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-13" class="accordion-item__link" data-toggle-target=".js-accordion-item-13" aria-expanded="false" aria-controls="midd-accordion-content-13" aria-labelledby="midd-accordion-item-label-13" role="button">
-                          <span id="midd-accordion-item-label-13">
+                        <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">
                             <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-13" role="tabpanel" aria-labelledby="midd-accordion-item-label-13">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-816" role="tabpanel" aria-labelledby="midd-accordion-item-label-816">
                         <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-965 accordion-item-current">
+                    <div class="accordion-item js-accordion-item-546 accordion-item-current">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-965" class="accordion-item__link" data-toggle-target=".js-accordion-item-965" aria-expanded="false" aria-controls="midd-accordion-content-965" aria-labelledby="midd-accordion-item-label-965" role="button">
-                          <span id="midd-accordion-item-label-965">
+                        <a href="#midd-accordion-item-label-546" class="accordion-item__link" data-toggle-target=".js-accordion-item-546" aria-expanded="false" aria-controls="midd-accordion-content-546" aria-labelledby="midd-accordion-item-label-546" role="button">
+                          <span id="midd-accordion-item-label-546">
                             <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-965" role="tabpanel" aria-labelledby="midd-accordion-item-label-965">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-546" role="tabpanel" aria-labelledby="midd-accordion-item-label-546">
                         <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-1220 accordion-item-upcoming">
+                    <div class="accordion-item js-accordion-item-376 accordion-item-upcoming">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-1220" class="accordion-item__link" data-toggle-target=".js-accordion-item-1220" aria-expanded="false" aria-controls="midd-accordion-content-1220" aria-labelledby="midd-accordion-item-label-1220" role="button">
-                          <span id="midd-accordion-item-label-1220">
+                        <a href="#midd-accordion-item-label-376" class="accordion-item__link" data-toggle-target=".js-accordion-item-376" aria-expanded="false" aria-controls="midd-accordion-content-376" aria-labelledby="midd-accordion-item-label-376" role="button">
+                          <span id="midd-accordion-item-label-376">
                             <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-1220" role="tabpanel" aria-labelledby="midd-accordion-item-label-1220">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-376" role="tabpanel" aria-labelledby="midd-accordion-item-label-376">
                         <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-211">
+                    <div class="accordion-item js-accordion-item-1008">
                       <h3 class="accordion-item__title" role="tab">
-                        <a href="#midd-accordion-item-label-211" class="accordion-item__link" data-toggle-target=".js-accordion-item-211" aria-expanded="false" aria-controls="midd-accordion-content-211" aria-labelledby="midd-accordion-item-label-211" role="button">
-                          <span id="midd-accordion-item-label-211">
+                        <a href="#midd-accordion-item-label-1008" class="accordion-item__link" data-toggle-target=".js-accordion-item-1008" aria-expanded="false" aria-controls="midd-accordion-content-1008" aria-labelledby="midd-accordion-item-label-1008" role="button">
+                          <span id="midd-accordion-item-label-1008">
                             <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-211" role="tabpanel" aria-labelledby="midd-accordion-item-label-211">
+                      <div class="accordion-item__content--column" id="midd-accordion-content-1008" role="tabpanel" aria-labelledby="midd-accordion-item-label-1008">
                         <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 ee39c247..1014b739 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-1068" aria-expanded="true"> Date <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-576" 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-1068">
+                    <div class="filter__body js-filter-576">
                       <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-677" aria-expanded="true"> Categories <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-920" 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-677">
+                    <div class="filter__body js-filter-920">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-677-1" />
-                        <label for="checkbox-item-677-1" id="checkbox-label-677-1" class="checkbox__label"> Arts Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-920-1" />
+                        <label for="checkbox-item-920-1" id="checkbox-label-920-1" class="checkbox__label"> Arts Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-677-2" />
-                        <label for="checkbox-item-677-2" id="checkbox-label-677-2" class="checkbox__label"> Athletics Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-920-2" />
+                        <label for="checkbox-item-920-2" id="checkbox-label-920-2" class="checkbox__label"> Athletics Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-677-3" />
-                        <label for="checkbox-item-677-3" id="checkbox-label-677-3" class="checkbox__label"> Campus Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-920-3" />
+                        <label for="checkbox-item-920-3" id="checkbox-label-920-3" class="checkbox__label"> Campus Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-677-4" />
-                        <label for="checkbox-item-677-4" id="checkbox-label-677-4" class="checkbox__label"> Featured Events Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-920-4" />
+                        <label for="checkbox-item-920-4" id="checkbox-label-920-4" class="checkbox__label"> Featured Events Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-677-5" />
-                        <label for="checkbox-item-677-5" id="checkbox-label-677-5" class="checkbox__label"> MIIS Main Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-920-5" />
+                        <label for="checkbox-item-920-5" id="checkbox-label-920-5" class="checkbox__label"> MIIS Main Calendar </label>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-677-6" />
-                        <label for="checkbox-item-677-6" id="checkbox-label-677-6" class="checkbox__label"> Student Calendar </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-920-6" />
+                        <label for="checkbox-item-920-6" id="checkbox-label-920-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-1160" aria-expanded="true"> Organizations <svg class="icon filter__icon-close " focusable="false" aria-hidden="true">
+                      <button class="filter__button" data-toggle-target=".js-filter-117" 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-1160">
+                    <div class="filter__body js-filter-117">
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1160-1" />
-                        <label for="checkbox-item-1160-1" id="checkbox-label-1160-1" class="checkbox__label"> Academic Departments </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-117-1" />
+                        <label for="checkbox-item-117-1" id="checkbox-label-117-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-1160-1-child-1" aria-labelledby="checkbox-label-1160-1-child-1 checkbox-label-1160-1" />
-                          <label for="checkbox-item-1160-1--child-1" id="checkbox-label-1160-1-child-1" class="checkbox__label"> American Studies </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-117-1-child-1" aria-labelledby="checkbox-label-117-1-child-1 checkbox-label-117-1" />
+                          <label for="checkbox-item-117-1--child-1" id="checkbox-label-117-1-child-1" class="checkbox__label"> American Studies </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1160-1-child-2" aria-labelledby="checkbox-label-1160-1-child-2 checkbox-label-1160-1" />
-                          <label for="checkbox-item-1160-1--child-2" id="checkbox-label-1160-1-child-2" class="checkbox__label"> Anthropology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-117-1-child-2" aria-labelledby="checkbox-label-117-1-child-2 checkbox-label-117-1" />
+                          <label for="checkbox-item-117-1--child-2" id="checkbox-label-117-1-child-2" class="checkbox__label"> Anthropology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1160-1-child-3" aria-labelledby="checkbox-label-1160-1-child-3 checkbox-label-1160-1" />
-                          <label for="checkbox-item-1160-1--child-3" id="checkbox-label-1160-1-child-3" class="checkbox__label"> Axinn Center for the Humanities </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-117-1-child-3" aria-labelledby="checkbox-label-117-1-child-3 checkbox-label-117-1" />
+                          <label for="checkbox-item-117-1--child-3" id="checkbox-label-117-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-1160-1-child-4" aria-labelledby="checkbox-label-1160-1-child-4 checkbox-label-1160-1" />
-                          <label for="checkbox-item-1160-1--child-4" id="checkbox-label-1160-1-child-4" class="checkbox__label"> Biology </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-117-1-child-4" aria-labelledby="checkbox-label-117-1-child-4 checkbox-label-117-1" />
+                          <label for="checkbox-item-117-1--child-4" id="checkbox-label-117-1-child-4" class="checkbox__label"> Biology </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1160-1-child-5" aria-labelledby="checkbox-label-1160-1-child-5 checkbox-label-1160-1" />
-                          <label for="checkbox-item-1160-1--child-5" id="checkbox-label-1160-1-child-5" class="checkbox__label"> Internatioanl Programs & Off Campus Study </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-117-1-child-5" aria-labelledby="checkbox-label-117-1-child-5 checkbox-label-117-1" />
+                          <label for="checkbox-item-117-1--child-5" id="checkbox-label-117-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-1160-1-child-6" aria-labelledby="checkbox-label-1160-1-child-6 checkbox-label-1160-1" />
-                          <label for="checkbox-item-1160-1--child-6" id="checkbox-label-1160-1-child-6" class="checkbox__label"> Music </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-117-1-child-6" aria-labelledby="checkbox-label-117-1-child-6 checkbox-label-117-1" />
+                          <label for="checkbox-item-117-1--child-6" id="checkbox-label-117-1-child-6" class="checkbox__label"> Music </label>
                         </div>
                       </div>
                       <div class="checkbox checkbox--filter">
-                        <input type="checkbox" class="checkbox__input" id="checkbox-item-1160-2" />
-                        <label for="checkbox-item-1160-2" id="checkbox-label-1160-2" class="checkbox__label"> Administrative Offices </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-117-2" />
+                        <label for="checkbox-item-117-2" id="checkbox-label-117-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-1160-2-child-1" aria-labelledby="checkbox-label-1160-2-child-1 checkbox-label-1160-2" />
-                          <label for="checkbox-item-1160-2--child-1" id="checkbox-label-1160-2-child-1" class="checkbox__label"> Academic Affairs </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-117-2-child-1" aria-labelledby="checkbox-label-117-2-child-1 checkbox-label-117-2" />
+                          <label for="checkbox-item-117-2--child-1" id="checkbox-label-117-2-child-1" class="checkbox__label"> Academic Affairs </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1160-2-child-2" aria-labelledby="checkbox-label-1160-2-child-2 checkbox-label-1160-2" />
-                          <label for="checkbox-item-1160-2--child-2" id="checkbox-label-1160-2-child-2" class="checkbox__label"> Admissions </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-117-2-child-2" aria-labelledby="checkbox-label-117-2-child-2 checkbox-label-117-2" />
+                          <label for="checkbox-item-117-2--child-2" id="checkbox-label-117-2-child-2" class="checkbox__label"> Admissions </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1160-2-child-3" aria-labelledby="checkbox-label-1160-2-child-3 checkbox-label-1160-2" />
-                          <label for="checkbox-item-1160-2--child-3" id="checkbox-label-1160-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-117-2-child-3" aria-labelledby="checkbox-label-117-2-child-3 checkbox-label-117-2" />
+                          <label for="checkbox-item-117-2--child-3" id="checkbox-label-117-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-1160-2-child-4" aria-labelledby="checkbox-label-1160-2-child-4 checkbox-label-1160-2" />
-                          <label for="checkbox-item-1160-2--child-4" id="checkbox-label-1160-2-child-4" class="checkbox__label"> Museum of Art </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-117-2-child-4" aria-labelledby="checkbox-label-117-2-child-4 checkbox-label-117-2" />
+                          <label for="checkbox-item-117-2--child-4" id="checkbox-label-117-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-1160-3" />
-                        <label for="checkbox-item-1160-3" id="checkbox-label-1160-3" class="checkbox__label"> Student Organizations </label>
+                        <input type="checkbox" class="checkbox__input" id="checkbox-item-117-3" />
+                        <label for="checkbox-item-117-3" id="checkbox-label-117-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-1160-3-child-1" aria-labelledby="checkbox-label-1160-3-child-1 checkbox-label-1160-3" />
-                          <label for="checkbox-item-1160-3--child-1" id="checkbox-label-1160-3-child-1" class="checkbox__label"> Amnesty International </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-117-3-child-1" aria-labelledby="checkbox-label-117-3-child-1 checkbox-label-117-3" />
+                          <label for="checkbox-item-117-3--child-1" id="checkbox-label-117-3-child-1" class="checkbox__label"> Amnesty International </label>
                         </div>
                         <div class="checkbox checkbox--filter">
-                          <input type="checkbox" class="checkbox__input" id="checkbox-item-1160-3-child-2" aria-labelledby="checkbox-label-1160-3-child-2 checkbox-label-1160-3" />
-                          <label for="checkbox-item-1160-3--child-2" id="checkbox-label-1160-3-child-2" class="checkbox__label"> Black Student Union </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-117-3-child-2" aria-labelledby="checkbox-label-117-3-child-2 checkbox-label-117-3" />
+                          <label for="checkbox-item-117-3--child-2" id="checkbox-label-117-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-1160-3-child-3" aria-labelledby="checkbox-label-1160-3-child-3 checkbox-label-1160-3" />
-                          <label for="checkbox-item-1160-3--child-3" id="checkbox-label-1160-3-child-3" class="checkbox__label"> Middlebury College Tea Enthusiast Association </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-117-3-child-3" aria-labelledby="checkbox-label-117-3-child-3 checkbox-label-117-3" />
+                          <label for="checkbox-item-117-3--child-3" id="checkbox-label-117-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-1160-3-child-4" aria-labelledby="checkbox-label-1160-3-child-4 checkbox-label-1160-3" />
-                          <label for="checkbox-item-1160-3--child-4" id="checkbox-label-1160-3-child-4" class="checkbox__label"> Quidditch </label>
+                          <input type="checkbox" class="checkbox__input" id="checkbox-item-117-3-child-4" aria-labelledby="checkbox-label-117-3-child-4 checkbox-label-117-3" />
+                          <label for="checkbox-item-117-3--child-4" id="checkbox-label-117-3-child-4" class="checkbox__label"> Quidditch </label>
                         </div>
                       </div>
                     </div>
diff --git a/school-home-blse.html b/school-home-blse.html
index 4b7e90e4..1cb9d967 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-1002">
+                  <section class="mega-cta mega-cta--image-  mega-cta--blse" aria-labelledby="midd-mega-cta-label-1039">
                     <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-835">
+                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-819">
                               <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-835"> caption for mega cta </div>
+                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-819"> caption for mega cta </div>
                           </div>
                         </figcaption>
                       </figure>
diff --git a/school-home-college.html b/school-home-college.html
index 2daf65be..1ad32e27 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-509">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-499">
                             <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-509">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-499">
                             <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-509" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-499" 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-458">
+                                  <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-993">
                                     <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-458">Practical Skills for Positive Change</h3>
+                                  <h3 class=sr-only id="midd-video-label-993">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-458 grid-video__transcript">
-                                    <a href="#midd-transcript-458" class="transcript__button" data-toggle-target=".js-transcript-458" 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-993 grid-video__transcript">
+                                    <a href="#midd-transcript-993" class="transcript__button" data-toggle-target=".js-transcript-993" 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-458">
+                                    <div class="transcript__body" id="midd-transcript-993">
                                       <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,26 +463,46 @@ <h3 class=sr-only id="midd-video-label-458">Practical Skills for Positive Change
                           </div>
                         </div>
                         <div class="quad-item-2" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-320">
-                            <span class="button grid__label-icon expand">
-                              <svg class="icon expand " focusable="false" aria-hidden="true">
-                                <use xlink:href="#icon-expand">
+                          <div class="grid-stats dark">
+                            <div class="chart-group__list chart-group__list--2">
+                              <div class="chart-group__item chart-group__item--stats">
+                                <div class="stats">
+                                  <span class="stats__label"><span data-countup>16</span>
+                                  </span>
+                                  <span class="stats__text">average class size</span>
+                                </div>
+                              </div>
+                              <div class="chart-group__item chart-group__item--stats">
+                                <div class="stats">
+                                  <span class="stats__label"><span data-countup>500</span>
+                                  </span>
+                                  <span class="stats__text">on-campus interviews</span>
+                                </div>
+                              </div>
+                            </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-174">
+                            <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="" />
+                            <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-320">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-174">
                             <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">
+                              <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-expand">
+                                    <use xlink:href="#icon-play">
                                   </svg>
                                 </span>
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-320" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-174" 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">
@@ -490,27 +510,40 @@ <h3 class=sr-only id="midd-video-label-458">Practical Skills for Positive Change
                               </button>
                             </div>
                             <div class="grid-modal__overlay container">
-                              <figure class="grid-modal__image">
-                                <img class="js-lazy-load" width="1376" height="774" data-src="https://via.placeholder.com/1376x774" data-srcset="https://via.placeholder.com/1376x774 1376w" sizes="(max-width: 1376px) 100vw, 1376px" alt="" />
-                                <figcaption class="offset-lg-1 grid-image__body">
-                                  <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
-                                  <p class="image__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. Suspendisse commodo pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
+                              <!-- 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-1168">
+                                    <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-1168">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-1168 grid-video__transcript">
+                                    <a href="#midd-transcript-1168" class="transcript__button" data-toggle-target=".js-transcript-1168" 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-1168">
+                                      <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">
-                          <figure class="grid-quote  ">
-                            <blockquote class="grid-quote__text">Students here are very open-minded and curious about other cultures, so it was easy to make friends”</blockquote>
-                            <figcaption class="grid-quote__caption"> Ai Hattori ’24 <p>
-                                <em>Student</em>
-                              </p>
-                            </figcaption>
-                          </figure>
-                        </div>
                         <div class="quad-item-4" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-823">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-936">
                             <span class="button grid__label-icon expand">
                               <svg class="icon expand " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-expand">
@@ -518,7 +551,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                             </span>
                             <img class="js-lazy-load" width="305" height="305" data-src="https://via.placeholder.com/305x305" data-srcset="https://via.placeholder.com/132x132 132w,https://via.placeholder.com/158x158 158w,https://via.placeholder.com/252x252 252w,https://via.placeholder.com/305x305 305w" sizes="(max-width: 305px) 100vw, 305px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay expand text-small" data-grid-overlay-open="midd-grid-overlay-823">
+                          <div class="grid-hover__overlay expand text-small" data-grid-overlay-open="midd-grid-overlay-936">
                             <div class="grid-hover__text">
                               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Expand <span class="ml-3">
@@ -529,7 +562,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-823" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-936" 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">
@@ -550,7 +583,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-843">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1234">
                             <span class="button grid__label-icon">
                               <svg class="icon play " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-play">
@@ -558,7 +591,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-843">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-1234">
                             <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">
@@ -569,7 +602,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-843" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-1234" 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">
@@ -580,7 +613,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-134">
+                                  <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-716">
                                     <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">
@@ -591,14 +624,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-134">Practical Skills for Positive Change</h3>
+                                  <h3 class=sr-only id="midd-video-label-716">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-134 grid-video__transcript">
-                                    <a href="#midd-transcript-134" class="transcript__button" data-toggle-target=".js-transcript-134" 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-716 grid-video__transcript">
+                                    <a href="#midd-transcript-716" class="transcript__button" data-toggle-target=".js-transcript-716" 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-134">
+                                    <div class="transcript__body" id="midd-transcript-716">
                                       <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>
@@ -610,26 +643,46 @@ <h3 class=sr-only id="midd-video-label-134">Practical Skills for Positive Change
                           </div>
                         </div>
                         <div class="quad-item-2" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1037">
-                            <span class="button grid__label-icon expand">
-                              <svg class="icon expand " focusable="false" aria-hidden="true">
-                                <use xlink:href="#icon-expand">
+                          <div class="grid-stats dark">
+                            <div class="chart-group__list chart-group__list--2">
+                              <div class="chart-group__item chart-group__item--stats">
+                                <div class="stats">
+                                  <span class="stats__label"><span data-countup>16</span>
+                                  </span>
+                                  <span class="stats__text">average class size</span>
+                                </div>
+                              </div>
+                              <div class="chart-group__item chart-group__item--stats">
+                                <div class="stats">
+                                  <span class="stats__label"><span data-countup>500</span>
+                                  </span>
+                                  <span class="stats__text">on-campus interviews</span>
+                                </div>
+                              </div>
+                            </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-112">
+                            <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="" />
+                            <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-1037">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-112">
                             <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">
+                              <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-expand">
+                                    <use xlink:href="#icon-play">
                                   </svg>
                                 </span>
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-1037" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-112" 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">
@@ -637,27 +690,40 @@ <h3 class=sr-only id="midd-video-label-134">Practical Skills for Positive Change
                               </button>
                             </div>
                             <div class="grid-modal__overlay container">
-                              <figure class="grid-modal__image">
-                                <img class="js-lazy-load" width="1376" height="774" data-src="https://via.placeholder.com/1376x774" data-srcset="https://via.placeholder.com/1376x774 1376w" sizes="(max-width: 1376px) 100vw, 1376px" alt="" />
-                                <figcaption class="offset-lg-1 grid-image__body">
-                                  <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
-                                  <p class="image__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. Suspendisse commodo pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
+                              <!-- 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-677">
+                                    <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-677">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-677 grid-video__transcript">
+                                    <a href="#midd-transcript-677" class="transcript__button" data-toggle-target=".js-transcript-677" 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-677">
+                                      <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">
-                          <figure class="grid-quote  ">
-                            <blockquote class="grid-quote__text">Students here are very open-minded and curious about other cultures, so it was easy to make friends”</blockquote>
-                            <figcaption class="grid-quote__caption"> Ai Hattori ’24 <p>
-                                <em>Student</em>
-                              </p>
-                            </figcaption>
-                          </figure>
-                        </div>
                         <div class="quad-item-4" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-521">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-221">
                             <span class="button grid__label-icon expand">
                               <svg class="icon expand " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-expand">
@@ -665,7 +731,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                             </span>
                             <img class="js-lazy-load" width="305" height="305" data-src="https://via.placeholder.com/305x305" data-srcset="https://via.placeholder.com/132x132 132w,https://via.placeholder.com/158x158 158w,https://via.placeholder.com/252x252 252w,https://via.placeholder.com/305x305 305w" sizes="(max-width: 305px) 100vw, 305px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay expand text-small" data-grid-overlay-open="midd-grid-overlay-521">
+                          <div class="grid-hover__overlay expand text-small" data-grid-overlay-open="midd-grid-overlay-221">
                             <div class="grid-hover__text">
                               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Expand <span class="ml-3">
@@ -676,7 +742,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-521" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-221" 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">
@@ -697,7 +763,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-228">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-975">
                             <span class="button grid__label-icon">
                               <svg class="icon play " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-play">
@@ -705,7 +771,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-228">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-975">
                             <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">
@@ -716,7 +782,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-228" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-975" 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">
@@ -727,7 +793,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-1171">
+                                  <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-1098">
                                     <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">
@@ -738,14 +804,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-1171">Practical Skills for Positive Change</h3>
+                                  <h3 class=sr-only id="midd-video-label-1098">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-1171 grid-video__transcript">
-                                    <a href="#midd-transcript-1171" class="transcript__button" data-toggle-target=".js-transcript-1171" 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-1098 grid-video__transcript">
+                                    <a href="#midd-transcript-1098" class="transcript__button" data-toggle-target=".js-transcript-1098" 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-1171">
+                                    <div class="transcript__body" id="midd-transcript-1098">
                                       <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>
@@ -757,26 +823,46 @@ <h3 class=sr-only id="midd-video-label-1171">Practical Skills for Positive Chang
                           </div>
                         </div>
                         <div class="quad-item-2" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1212">
-                            <span class="button grid__label-icon expand">
-                              <svg class="icon expand " focusable="false" aria-hidden="true">
-                                <use xlink:href="#icon-expand">
+                          <div class="grid-stats dark">
+                            <div class="chart-group__list chart-group__list--2">
+                              <div class="chart-group__item chart-group__item--stats">
+                                <div class="stats">
+                                  <span class="stats__label"><span data-countup>16</span>
+                                  </span>
+                                  <span class="stats__text">average class size</span>
+                                </div>
+                              </div>
+                              <div class="chart-group__item chart-group__item--stats">
+                                <div class="stats">
+                                  <span class="stats__label"><span data-countup>500</span>
+                                  </span>
+                                  <span class="stats__text">on-campus interviews</span>
+                                </div>
+                              </div>
+                            </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-534">
+                            <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="" />
+                            <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-1212">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-534">
                             <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">
+                              <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-expand">
+                                    <use xlink:href="#icon-play">
                                   </svg>
                                 </span>
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-1212" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-534" 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">
@@ -784,27 +870,40 @@ <h3 class=sr-only id="midd-video-label-1171">Practical Skills for Positive Chang
                               </button>
                             </div>
                             <div class="grid-modal__overlay container">
-                              <figure class="grid-modal__image">
-                                <img class="js-lazy-load" width="1376" height="774" data-src="https://via.placeholder.com/1376x774" data-srcset="https://via.placeholder.com/1376x774 1376w" sizes="(max-width: 1376px) 100vw, 1376px" alt="" />
-                                <figcaption class="offset-lg-1 grid-image__body">
-                                  <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
-                                  <p class="image__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. Suspendisse commodo pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
+                              <!-- 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-38">
+                                    <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-38">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-38 grid-video__transcript">
+                                    <a href="#midd-transcript-38" class="transcript__button" data-toggle-target=".js-transcript-38" 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-38">
+                                      <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">
-                          <figure class="grid-quote  ">
-                            <blockquote class="grid-quote__text">Students here are very open-minded and curious about other cultures, so it was easy to make friends”</blockquote>
-                            <figcaption class="grid-quote__caption"> Ai Hattori ’24 <p>
-                                <em>Student</em>
-                              </p>
-                            </figcaption>
-                          </figure>
-                        </div>
                         <div class="quad-item-4" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-1075">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-911">
                             <span class="button grid__label-icon expand">
                               <svg class="icon expand " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-expand">
@@ -812,7 +911,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                             </span>
                             <img class="js-lazy-load" width="305" height="305" data-src="https://via.placeholder.com/305x305" data-srcset="https://via.placeholder.com/132x132 132w,https://via.placeholder.com/158x158 158w,https://via.placeholder.com/252x252 252w,https://via.placeholder.com/305x305 305w" sizes="(max-width: 305px) 100vw, 305px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay expand text-small" data-grid-overlay-open="midd-grid-overlay-1075">
+                          <div class="grid-hover__overlay expand text-small" data-grid-overlay-open="midd-grid-overlay-911">
                             <div class="grid-hover__text">
                               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Expand <span class="ml-3">
@@ -823,7 +922,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-1075" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-911" 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">
@@ -844,7 +943,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-434">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-181">
                             <span class="button grid__label-icon">
                               <svg class="icon play " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-play">
@@ -852,7 +951,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-434">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-181">
                             <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">
@@ -863,7 +962,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-434" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-181" 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">
@@ -874,7 +973,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-769">
+                                  <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-512">
                                     <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">
@@ -885,14 +984,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-769">Practical Skills for Positive Change</h3>
+                                  <h3 class=sr-only id="midd-video-label-512">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-769 grid-video__transcript">
-                                    <a href="#midd-transcript-769" class="transcript__button" data-toggle-target=".js-transcript-769" 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-512 grid-video__transcript">
+                                    <a href="#midd-transcript-512" class="transcript__button" data-toggle-target=".js-transcript-512" 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-769">
+                                    <div class="transcript__body" id="midd-transcript-512">
                                       <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>
@@ -904,26 +1003,46 @@ <h3 class=sr-only id="midd-video-label-769">Practical Skills for Positive Change
                           </div>
                         </div>
                         <div class="quad-item-2" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-166">
-                            <span class="button grid__label-icon expand">
-                              <svg class="icon expand " focusable="false" aria-hidden="true">
-                                <use xlink:href="#icon-expand">
+                          <div class="grid-stats dark">
+                            <div class="chart-group__list chart-group__list--2">
+                              <div class="chart-group__item chart-group__item--stats">
+                                <div class="stats">
+                                  <span class="stats__label"><span data-countup>16</span>
+                                  </span>
+                                  <span class="stats__text">average class size</span>
+                                </div>
+                              </div>
+                              <div class="chart-group__item chart-group__item--stats">
+                                <div class="stats">
+                                  <span class="stats__label"><span data-countup>500</span>
+                                  </span>
+                                  <span class="stats__text">on-campus interviews</span>
+                                </div>
+                              </div>
+                            </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-26">
+                            <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="" />
+                            <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-166">
+                          <div class="grid-hover__overlay " data-grid-overlay-open="midd-grid-overlay-26">
                             <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">
+                              <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-expand">
+                                    <use xlink:href="#icon-play">
                                   </svg>
                                 </span>
                               </button>
                             </div>
                           </div>
-                          <div class="grid-modal" id="midd-grid-overlay-166" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-26" 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">
@@ -931,27 +1050,40 @@ <h3 class=sr-only id="midd-video-label-769">Practical Skills for Positive Change
                               </button>
                             </div>
                             <div class="grid-modal__overlay container">
-                              <figure class="grid-modal__image">
-                                <img class="js-lazy-load" width="1376" height="774" data-src="https://via.placeholder.com/1376x774" data-srcset="https://via.placeholder.com/1376x774 1376w" sizes="(max-width: 1376px) 100vw, 1376px" alt="" />
-                                <figcaption class="offset-lg-1 grid-image__body">
-                                  <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
-                                  <p class="image__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra aliquet lacus a tristique. Suspendisse commodo pulvinar nisi vel laoreet. Pellentesque id hendrerit velit, vitae consectetur libero.</p>
+                              <!-- 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-1174">
+                                    <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-1174">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-1174 grid-video__transcript">
+                                    <a href="#midd-transcript-1174" class="transcript__button" data-toggle-target=".js-transcript-1174" 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-1174">
+                                      <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">
-                          <figure class="grid-quote  ">
-                            <blockquote class="grid-quote__text">Students here are very open-minded and curious about other cultures, so it was easy to make friends”</blockquote>
-                            <figcaption class="grid-quote__caption"> Ai Hattori ’24 <p>
-                                <em>Student</em>
-                              </p>
-                            </figcaption>
-                          </figure>
-                        </div>
                         <div class="quad-item-4" tabindex="0">
-                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-562">
+                          <div class="grid-expandable-tile js-grid-tile-expand" data-grid-overlay-open="midd-grid-overlay-654">
                             <span class="button grid__label-icon expand">
                               <svg class="icon expand " focusable="false" aria-hidden="true">
                                 <use xlink:href="#icon-expand">
@@ -959,7 +1091,7 @@ <h3 class="sr-only" id="midd-video-label-729">Lorem ipsum dolor sit amet, consec
                             </span>
                             <img class="js-lazy-load" width="305" height="305" data-src="https://via.placeholder.com/305x305" data-srcset="https://via.placeholder.com/132x132 132w,https://via.placeholder.com/158x158 158w,https://via.placeholder.com/252x252 252w,https://via.placeholder.com/305x305 305w" sizes="(max-width: 305px) 100vw, 305px" alt="" />
                           </div>
-                          <div class="grid-hover__overlay expand text-small" data-grid-overlay-open="midd-grid-overlay-562">
+                          <div class="grid-hover__overlay expand text-small" data-grid-overlay-open="midd-grid-overlay-654">
                             <div class="grid-hover__text">
                               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                               <button class="button button--light mt-4" aria-label="Open overlay"> Expand <span class="ml-3">
@@ -970,7 +1102,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-562" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
+                          <div class="grid-modal" id="midd-grid-overlay-654" 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 8ebf6f85..e921331c 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-136">
+                  <section class="mega-cta mega-cta--image-left-bottom " aria-labelledby="midd-mega-cta-label-285">
                     <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-815">
+                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-1205">
                               <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-815"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
+                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-1205"> 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-136">Water Sanitation Research and Development, India</h2>
+                          <h2 class="mega-cta__title-miis" id="midd-mega-cta-label-285">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-470-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-1118-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-470-label"> Featured News </h2>
+                  <h2 class="section__title" id="section-1118-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-7">
+                  <div class="accordion-item js-accordion-item-167">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-7" class="accordion-item__link" data-toggle-target=".js-accordion-item-7" aria-expanded="false" aria-controls="midd-accordion-content-7" aria-labelledby="midd-accordion-item-label-7" role="button">
+                      <a href="#midd-accordion-item-label-167" class="accordion-item__link" data-toggle-target=".js-accordion-item-167" aria-expanded="false" aria-controls="midd-accordion-content-167" aria-labelledby="midd-accordion-item-label-167" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-7"><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-167"><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-7" role="tabpanel" aria-labelledby="midd-accordion-item-label-7">
+                    <div class="accordion-item__content" id="midd-accordion-content-167" role="tabpanel" aria-labelledby="midd-accordion-item-label-167">
                       <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-649">
+                  <div class="accordion-item js-accordion-item-657">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-649" class="accordion-item__link" data-toggle-target=".js-accordion-item-649" aria-expanded="false" aria-controls="midd-accordion-content-649" aria-labelledby="midd-accordion-item-label-649" role="button">
+                      <a href="#midd-accordion-item-label-657" class="accordion-item__link" data-toggle-target=".js-accordion-item-657" aria-expanded="false" aria-controls="midd-accordion-content-657" aria-labelledby="midd-accordion-item-label-657" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-649"><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-657"><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-649" role="tabpanel" aria-labelledby="midd-accordion-item-label-649">
+                    <div class="accordion-item__content" id="midd-accordion-content-657" role="tabpanel" aria-labelledby="midd-accordion-item-label-657">
                       <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-52">
+                  <div class="accordion-item js-accordion-item-548">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-52" class="accordion-item__link" data-toggle-target=".js-accordion-item-52" aria-expanded="false" aria-controls="midd-accordion-content-52" aria-labelledby="midd-accordion-item-label-52" role="button">
+                      <a href="#midd-accordion-item-label-548" class="accordion-item__link" data-toggle-target=".js-accordion-item-548" aria-expanded="false" aria-controls="midd-accordion-content-548" aria-labelledby="midd-accordion-item-label-548" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-52">Lorem ipsum consectetur adipiscing elit lorem ipsum consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-548">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-52" role="tabpanel" aria-labelledby="midd-accordion-item-label-52">
+                    <div class="accordion-item__content" id="midd-accordion-content-548" role="tabpanel" aria-labelledby="midd-accordion-item-label-548">
                       <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-878">
+                  <div class="accordion-item js-accordion-item-131">
                     <h3 class="accordion-item__title" role="tab">
-                      <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">
+                      <a href="#midd-accordion-item-label-131" class="accordion-item__link" data-toggle-target=".js-accordion-item-131" aria-expanded="false" aria-controls="midd-accordion-content-131" aria-labelledby="midd-accordion-item-label-131" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-878">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-131">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-878" role="tabpanel" aria-labelledby="midd-accordion-item-label-878">
+                    <div class="accordion-item__content" id="midd-accordion-content-131" role="tabpanel" aria-labelledby="midd-accordion-item-label-131">
                       <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-860">
+                  <div class="accordion-item js-accordion-item-192">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-860" class="accordion-item__link" data-toggle-target=".js-accordion-item-860" aria-expanded="false" aria-controls="midd-accordion-content-860" aria-labelledby="midd-accordion-item-label-860" role="button">
+                      <a href="#midd-accordion-item-label-192" class="accordion-item__link" data-toggle-target=".js-accordion-item-192" aria-expanded="false" aria-controls="midd-accordion-content-192" aria-labelledby="midd-accordion-item-label-192" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-860">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-192">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-860" role="tabpanel" aria-labelledby="midd-accordion-item-label-860">
+                    <div class="accordion-item__content" id="midd-accordion-content-192" role="tabpanel" aria-labelledby="midd-accordion-item-label-192">
                       <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-90">
                     <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-90" class="accordion-item__link" data-toggle-target=".js-accordion-item-90" aria-expanded="false" aria-controls="midd-accordion-content-90" aria-labelledby="midd-accordion-item-label-90" 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-90">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-90" role="tabpanel" aria-labelledby="midd-accordion-item-label-90">
                       <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-873">
+                  <div class="accordion-item js-accordion-item-175">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-873" class="accordion-item__link" data-toggle-target=".js-accordion-item-873" aria-expanded="false" aria-controls="midd-accordion-content-873" aria-labelledby="midd-accordion-item-label-873" role="button">
+                      <a href="#midd-accordion-item-label-175" class="accordion-item__link" data-toggle-target=".js-accordion-item-175" aria-expanded="false" aria-controls="midd-accordion-content-175" aria-labelledby="midd-accordion-item-label-175" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-873">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-175">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-873" role="tabpanel" aria-labelledby="midd-accordion-item-label-873">
+                    <div class="accordion-item__content" id="midd-accordion-content-175" role="tabpanel" aria-labelledby="midd-accordion-item-label-175">
                       <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-500">
+                  <div class="accordion-item js-accordion-item-716">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-500" class="accordion-item__link" data-toggle-target=".js-accordion-item-500" aria-expanded="false" aria-controls="midd-accordion-content-500" aria-labelledby="midd-accordion-item-label-500" role="button">
+                      <a href="#midd-accordion-item-label-716" class="accordion-item__link" data-toggle-target=".js-accordion-item-716" aria-expanded="false" aria-controls="midd-accordion-content-716" aria-labelledby="midd-accordion-item-label-716" role="button">
                         <span class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-500">Lorem ipsum dolor sit amet elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-716">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-500" role="tabpanel" aria-labelledby="midd-accordion-item-label-500">
+                    <div class="accordion-item__content" id="midd-accordion-content-716" role="tabpanel" aria-labelledby="midd-accordion-item-label-716">
                       <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-521">
+                  <div class="accordion-item js-accordion-item-1099">
                     <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">
+                      <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 class="accordion-item__char" aria-hidden>Q</span>
-                        <span class="accordion-item__label" id="midd-accordion-item-label-521">Lorem ipsum consectetur adipiscing elit?</span>
+                        <span class="accordion-item__label" id="midd-accordion-item-label-1099">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-521" role="tabpanel" aria-labelledby="midd-accordion-item-label-521">
+                    <div class="accordion-item__content" id="midd-accordion-content-1099" role="tabpanel" aria-labelledby="midd-accordion-item-label-1099">
                       <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-1164" data-digest-content>
+              <section class="section paragraph--course-list js-filter-960" 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-313 accordion-item-current accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-574 accordion-item-current accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-313" class="accordion-item__link" data-toggle-target=".js-accordion-item-313" aria-expanded="false" aria-controls="midd-accordion-content-313" aria-labelledby="midd-accordion-item-label-313" role="button">
-                        <span id="midd-accordion-item-label-313">
+                      <a href="#midd-accordion-item-label-574" class="accordion-item__link" data-toggle-target=".js-accordion-item-574" aria-expanded="false" aria-controls="midd-accordion-content-574" aria-labelledby="midd-accordion-item-label-574" role="button">
+                        <span id="midd-accordion-item-label-574">
                           <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-313" role="tabpanel" aria-labelledby="midd-accordion-item-label-313">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-574" role="tabpanel" aria-labelledby="midd-accordion-item-label-574">
                       <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-878">
+                  <div class="accordion-item js-accordion-item-385">
                     <h3 class="accordion-item__title" role="tab">
-                      <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 id="midd-accordion-item-label-878">
+                      <a href="#midd-accordion-item-label-385" class="accordion-item__link" data-toggle-target=".js-accordion-item-385" aria-expanded="false" aria-controls="midd-accordion-content-385" aria-labelledby="midd-accordion-item-label-385" role="button">
+                        <span id="midd-accordion-item-label-385">
                           <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-878" role="tabpanel" aria-labelledby="midd-accordion-item-label-878">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-385" role="tabpanel" aria-labelledby="midd-accordion-item-label-385">
                       <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-1004 accordion-item-current">
+                  <div class="accordion-item js-accordion-item-1199 accordion-item-current">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-1004" class="accordion-item__link" data-toggle-target=".js-accordion-item-1004" aria-expanded="false" aria-controls="midd-accordion-content-1004" aria-labelledby="midd-accordion-item-label-1004" role="button">
-                        <span id="midd-accordion-item-label-1004">
+                      <a href="#midd-accordion-item-label-1199" class="accordion-item__link" data-toggle-target=".js-accordion-item-1199" aria-expanded="false" aria-controls="midd-accordion-content-1199" aria-labelledby="midd-accordion-item-label-1199" role="button">
+                        <span id="midd-accordion-item-label-1199">
                           <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-1004" role="tabpanel" aria-labelledby="midd-accordion-item-label-1004">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-1199" role="tabpanel" aria-labelledby="midd-accordion-item-label-1199">
                       <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-165 accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-1089 accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-165" class="accordion-item__link" data-toggle-target=".js-accordion-item-165" aria-expanded="false" aria-controls="midd-accordion-content-165" aria-labelledby="midd-accordion-item-label-165" role="button">
-                        <span id="midd-accordion-item-label-165">
+                      <a href="#midd-accordion-item-label-1089" class="accordion-item__link" data-toggle-target=".js-accordion-item-1089" aria-expanded="false" aria-controls="midd-accordion-content-1089" aria-labelledby="midd-accordion-item-label-1089" role="button">
+                        <span id="midd-accordion-item-label-1089">
                           <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-165" role="tabpanel" aria-labelledby="midd-accordion-item-label-165">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-1089" role="tabpanel" aria-labelledby="midd-accordion-item-label-1089">
                       <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-742">
+                  <div class="accordion-item js-accordion-item-912">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-742" class="accordion-item__link" data-toggle-target=".js-accordion-item-742" aria-expanded="false" aria-controls="midd-accordion-content-742" aria-labelledby="midd-accordion-item-label-742" role="button">
-                        <span id="midd-accordion-item-label-742">
+                      <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</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-742" role="tabpanel" aria-labelledby="midd-accordion-item-label-742">
+                    <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>
@@ -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-1 bar-height-style-lg-4 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-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-0 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-4 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 #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-4 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-3 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 #043666">
+                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-4" 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 #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>
@@ -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   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-5 bar-margin-style-sm-3" 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">
+                        <li class="waveform__list-item js-waveform-item-2   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-3" 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">
                             <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-4 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-4" 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-5 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-0 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 #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>
@@ -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-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-5 bar-margin-style-sm-0" 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-0 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-0 bar-margin-style-lg-1 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 #C0E3FD">
                             <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-2 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-4 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">
+                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-2 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 #0E68B1">
                             <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-2 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-5 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   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-2" 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 #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>
@@ -1744,7 +1744,7 @@ <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  is-toggled bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-5 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">
+                        <li class="waveform__list-item js-waveform-item-7   bar-color-style-0 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-0 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 #C0E3FD">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -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-1 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-0 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">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-8  is-toggled bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-5 bar-margin-style-sm-3" 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 #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>
@@ -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-3 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-2 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">
+                        <li class="waveform__list-item js-waveform-item-9   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-3 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 #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>
@@ -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-1 bar-height-style-xl-4 bar-height-style-lg-1 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-3" 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">
+                        <li class="waveform__list-item js-waveform-item-10   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-1 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 #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>
@@ -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-4 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-1 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-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-2 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 #043666">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -1809,7 +1809,7 @@ <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-5 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-2 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">
+                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-1 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-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">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -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-0 bar-height-style-lg-3 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-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-0 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-1 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 #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>
@@ -1835,8 +1835,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-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-0 bar-margin-style-sm-0" 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">
+                        <li class="waveform__list-item js-waveform-item-14   bar-color-style-3 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-4" 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 #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>
@@ -1848,7 +1848,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-4 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-5 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">
+                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-4 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-0" 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">
@@ -1861,7 +1861,7 @@ <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-0 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-3 bar-margin-style-sm-2" data-toggle-single-target=".js-waveform-item-16" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-16   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-3 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">
@@ -1874,8 +1874,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-3 bar-height-style-xl-0 bar-height-style-lg-4 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-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">
+                        <li class="waveform__list-item js-waveform-item-17   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-0 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 #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>
@@ -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-1 bar-height-style-xl-1 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-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">
+                        <li class="waveform__list-item js-waveform-item-18   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-2 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">
+                          <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>
@@ -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-5 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-3 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 #043666">
+                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-3 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 #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,7 +1913,7 @@ <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-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-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">
+                        <li class="waveform__list-item js-waveform-item-20   bar-color-style-1 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-2 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 #83C9FC">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -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-0 bar-height-style-xl-1 bar-height-style-lg-2 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-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">
+                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-3 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-2 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 #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>
@@ -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-4 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-4 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 #043666">
+                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-5 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">
+                          <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>
@@ -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-3 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-2 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">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #07487B">
+                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-5 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 #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>
@@ -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-3 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-1 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 #043666">
+                        <li class="waveform__list-item js-waveform-item-24   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-0 bar-margin-style-xl-3 bar-margin-style-lg-1 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 #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>
@@ -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-0 bar-height-style-xl-0 bar-height-style-lg-4 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-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-0 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-2" 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,8 +1991,8 @@ <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-3 bar-height-style-xl-4 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-1 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 #07487B">
+                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-2 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-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 #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>
@@ -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-3 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-0 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 #07487B">
+                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-2 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 #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>
@@ -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-1 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-4 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 #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-0 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 #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>
@@ -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-3 bar-height-style-xl-4 bar-height-style-lg-3 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-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-2 bar-height-style-xl-4 bar-height-style-lg-3 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-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">
                             <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-0 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-5 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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-30   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-5 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-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>
@@ -2056,7 +2056,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-5 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-3 bar-margin-style-lg-3 bar-margin-style-sm-3" 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-2 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-0 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">
@@ -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-3 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-0 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 #07487B">
+                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-3 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-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 #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>
@@ -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-1 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-4 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">
+                        <li class="waveform__list-item js-waveform-item-33   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-2 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-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">
@@ -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-0 bar-height-style-xl-0 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-0 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">
-                          <div class="waveform__event-card" style="display:none;border-left:8px solid #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-3 bar-height-style-xl-4 bar-height-style-lg-2 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-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 #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>
@@ -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-1 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-5 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 #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-2 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>
@@ -2121,7 +2121,7 @@ <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-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-2" data-toggle-single-target=".js-waveform-item-36" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-3 bar-margin-style-sm-2" 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">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -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-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-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 #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-3 bar-margin-style-xl-4 bar-margin-style-lg-0 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-4 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-3 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">
+                        <li class="waveform__list-item js-waveform-item-38   bar-color-style-2 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-2 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">
+                          <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>
@@ -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-4 bar-height-style-xl-0 bar-height-style-lg-2 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-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 #043666">
+                        <li class="waveform__list-item js-waveform-item-39   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-4 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 #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>
@@ -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-0 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-4 bar-margin-style-sm-1" 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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-0 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-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">
                             <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-2 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-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 #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-41   bar-color-style-3 bar-height-style-xl-2 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-4" 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>
@@ -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-3 bar-height-style-lg-3 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-3 bar-margin-style-sm-3" 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-1 bar-height-style-xl-2 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-2 bar-margin-style-sm-3" 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 #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>
@@ -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-3 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-5 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">
+                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-0 bar-height-style-xl-2 bar-height-style-lg-3 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-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">
                             <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-2 bar-height-style-xl-3 bar-height-style-lg-2 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-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">
+                        <li class="waveform__list-item js-waveform-item-44   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-3 bar-margin-style-lg-0 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 #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>
@@ -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-2 bar-height-style-xl-4 bar-height-style-lg-1 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-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-3 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-2 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>
@@ -2251,8 +2251,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-2 bar-height-style-xl-3 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-1" 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 #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-2 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-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">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -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-5 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-1 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 #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-4 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-0 bar-margin-style-lg-1 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>
@@ -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-0 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-5 bar-margin-style-sm-1" 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-4 bar-height-style-lg-3 bar-height-style-sm-2 bar-margin-style-xl-1 bar-margin-style-lg-1 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 #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>
@@ -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-1086-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-33-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-1086-title">Sustainability and other things that go on and on</h2>
+                        <h2 class="themed-panel__title" id="themed-panel-33-title">Sustainability and other things that go on and on</h2>
                       </div>
-                      <article class="themed-panel__article" aria-labelledby="themed-panel-1086-first">
-                        <h3 class="themed-panel__heading h2" id="themed-panel-1086-first">
+                      <article class="themed-panel__article" aria-labelledby="themed-panel-33-first">
+                        <h3 class="themed-panel__heading h2" id="themed-panel-33-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-1086-first">
                       </article>
                     </div>
                     <div class="themed-panel__secondary">
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-1086-1">
-                        <h3 class="themed-panel__heading" id="themed-panel-1086-1">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-33-1">
+                        <h3 class="themed-panel__heading" id="themed-panel-33-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-1086-2">
-                        <h3 class="themed-panel__heading" id="themed-panel-1086-2">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-33-2">
+                        <h3 class="themed-panel__heading" id="themed-panel-33-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-1086-3">
-                        <h3 class="themed-panel__heading" id="themed-panel-1086-3">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-33-3">
+                        <h3 class="themed-panel__heading" id="themed-panel-33-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 85153650..168c9b4e 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-500">
+                  <section class="ls-hero" aria-labelledby="midd-ls-hero-621">
                     <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-500">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-621">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 4c512b1f..eff3430f 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-792">
+                  <section class="mega-cta mega-cta--image-left-bottom  mega-cta--hero" aria-labelledby="midd-mega-cta-label-414">
                     <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-49">
+                            <button class="tooltip__button" aria-labelledby="midd-tooltip-label-908">
                               <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-49"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div>
+                            <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-908"> 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-788">
+                        <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-836">
                           <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-788">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-836">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-788 grid-video__transcript">
-                          <a href="#midd-transcript-788" class="transcript__button" data-toggle-target=".js-transcript-788" 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-836 grid-video__transcript">
+                          <a href="#midd-transcript-836" class="transcript__button" data-toggle-target=".js-transcript-836" 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-788">
+                          <div class="transcript__body" id="midd-transcript-836">
                             <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-788">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-409">
+                        <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-270">
                           <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-788">Practical Skills for Positive C
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-409">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-270">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-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">
+                        <div class="transcript js-transcript-270 grid-video__transcript">
+                          <a href="#midd-transcript-270" class="transcript__button" data-toggle-target=".js-transcript-270" 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-409">
+                          <div class="transcript__body" id="midd-transcript-270">
                             <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-409">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-231">
+                        <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-705">
                           <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-409">Practical Skills for Positive C
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-231">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-705">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-231 grid-video__transcript">
-                          <a href="#midd-transcript-231" class="transcript__button" data-toggle-target=".js-transcript-231" 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-705 grid-video__transcript">
+                          <a href="#midd-transcript-705" class="transcript__button" data-toggle-target=".js-transcript-705" 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-231">
+                          <div class="transcript__body" id="midd-transcript-705">
                             <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-231">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-891">
+                        <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-694">
                           <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-231">Practical Skills for Positive C
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-891">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-694">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-891 grid-video__transcript">
-                          <a href="#midd-transcript-891" class="transcript__button" data-toggle-target=".js-transcript-891" 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-694 grid-video__transcript">
+                          <a href="#midd-transcript-694" class="transcript__button" data-toggle-target=".js-transcript-694" 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-891">
+                          <div class="transcript__body" id="midd-transcript-694">
                             <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-891">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-744">
+                        <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-883">
                           <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-891">Practical Skills for Positive C
                         </a>
                       </div>
                       <figcaption class=" video__body">
-                        <h3 class=video__title id="midd-video-label-744">Practical Skills for Positive Change</h3>
+                        <h3 class=video__title id="midd-video-label-883">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-744 grid-video__transcript">
-                          <a href="#midd-transcript-744" class="transcript__button" data-toggle-target=".js-transcript-744" 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-883 grid-video__transcript">
+                          <a href="#midd-transcript-883" class="transcript__button" data-toggle-target=".js-transcript-883" 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-744">
+                          <div class="transcript__body" id="midd-transcript-883">
                             <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-744">Practical Skills for Positive C
               </div>
               <div class="paragraph--themed-panel">
                 <div class="container px-0">
-                  <section class="themed-panel" aria-labelledby="themed-panel-1018-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-53-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-1018-title">Sustainability and other things that go on and on</h2>
+                        <h2 class="themed-panel__title" id="themed-panel-53-title">Sustainability and other things that go on and on</h2>
                       </div>
-                      <article class="themed-panel__article" aria-labelledby="themed-panel-1018-first">
-                        <h3 class="themed-panel__heading h2" id="themed-panel-1018-first">
+                      <article class="themed-panel__article" aria-labelledby="themed-panel-53-first">
+                        <h3 class="themed-panel__heading h2" id="themed-panel-53-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-1018-first">
                       </article>
                     </div>
                     <div class="themed-panel__secondary">
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-1018-1">
-                        <h3 class="themed-panel__heading" id="themed-panel-1018-1">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-53-1">
+                        <h3 class="themed-panel__heading" id="themed-panel-53-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-1018-2">
-                        <h3 class="themed-panel__heading" id="themed-panel-1018-2">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-53-2">
+                        <h3 class="themed-panel__heading" id="themed-panel-53-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-1018-3">
-                        <h3 class="themed-panel__heading" id="themed-panel-1018-3">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-53-3">
+                        <h3 class="themed-panel__heading" id="themed-panel-53-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-335">
+                    <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-437">
                       <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-335">Practical Skills for Positive Change</h3>
+                    <h3 class=video__title id="midd-video-label-437">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-335 grid-video__transcript">
-                      <a href="#midd-transcript-335" class="transcript__button" data-toggle-target=".js-transcript-335" 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-437 grid-video__transcript">
+                      <a href="#midd-transcript-437" class="transcript__button" data-toggle-target=".js-transcript-437" 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-335">
+                      <div class="transcript__body" id="midd-transcript-437">
                         <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-667">
+                  <section class="mega-cta mega-cta--image- " aria-labelledby="midd-mega-cta-label-997">
                     <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 abcb62dd..b817133c 100644
--- a/school-profile-detail.html
+++ b/school-profile-detail.html
@@ -515,16 +515,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-1180" data-digest-content>
+              <section class="section paragraph--course-list js-filter-30" 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-821 accordion-item-current accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-250 accordion-item-current accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-821" class="accordion-item__link" data-toggle-target=".js-accordion-item-821" aria-expanded="false" aria-controls="midd-accordion-content-821" aria-labelledby="midd-accordion-item-label-821" role="button">
-                        <span id="midd-accordion-item-label-821">
+                      <a href="#midd-accordion-item-label-250" class="accordion-item__link" data-toggle-target=".js-accordion-item-250" aria-expanded="false" aria-controls="midd-accordion-content-250" aria-labelledby="midd-accordion-item-label-250" role="button">
+                        <span id="midd-accordion-item-label-250">
                           <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 +532,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-821" role="tabpanel" aria-labelledby="midd-accordion-item-label-821">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-250" role="tabpanel" aria-labelledby="midd-accordion-item-label-250">
                       <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 +548,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-899">
+                  <div class="accordion-item js-accordion-item-388">
                     <h3 class="accordion-item__title" role="tab">
-                      <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">
+                      <a href="#midd-accordion-item-label-388" class="accordion-item__link" data-toggle-target=".js-accordion-item-388" aria-expanded="false" aria-controls="midd-accordion-content-388" aria-labelledby="midd-accordion-item-label-388" role="button">
+                        <span id="midd-accordion-item-label-388">
                           <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 +559,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-899" role="tabpanel" aria-labelledby="midd-accordion-item-label-899">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-388" role="tabpanel" aria-labelledby="midd-accordion-item-label-388">
                       <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 +570,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-141 accordion-item-current">
+                  <div class="accordion-item js-accordion-item-665 accordion-item-current">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-141" class="accordion-item__link" data-toggle-target=".js-accordion-item-141" aria-expanded="false" aria-controls="midd-accordion-content-141" aria-labelledby="midd-accordion-item-label-141" role="button">
-                        <span id="midd-accordion-item-label-141">
+                      <a href="#midd-accordion-item-label-665" class="accordion-item__link" data-toggle-target=".js-accordion-item-665" aria-expanded="false" aria-controls="midd-accordion-content-665" aria-labelledby="midd-accordion-item-label-665" role="button">
+                        <span id="midd-accordion-item-label-665">
                           <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 +581,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-141" role="tabpanel" aria-labelledby="midd-accordion-item-label-141">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-665" role="tabpanel" aria-labelledby="midd-accordion-item-label-665">
                       <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 +596,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-236 accordion-item-upcoming">
+                  <div class="accordion-item js-accordion-item-507 accordion-item-upcoming">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-236" class="accordion-item__link" data-toggle-target=".js-accordion-item-236" aria-expanded="false" aria-controls="midd-accordion-content-236" aria-labelledby="midd-accordion-item-label-236" role="button">
-                        <span id="midd-accordion-item-label-236">
+                      <a href="#midd-accordion-item-label-507" class="accordion-item__link" data-toggle-target=".js-accordion-item-507" aria-expanded="false" aria-controls="midd-accordion-content-507" aria-labelledby="midd-accordion-item-label-507" role="button">
+                        <span id="midd-accordion-item-label-507">
                           <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 +607,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-236" role="tabpanel" aria-labelledby="midd-accordion-item-label-236">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-507" role="tabpanel" aria-labelledby="midd-accordion-item-label-507">
                       <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 +618,10 @@ <h3 class="accordion-item__title" role="tab">
                       </div>
                     </div>
                   </div>
-                  <div class="accordion-item js-accordion-item-1221">
+                  <div class="accordion-item js-accordion-item-123">
                     <h3 class="accordion-item__title" role="tab">
-                      <a href="#midd-accordion-item-label-1221" class="accordion-item__link" data-toggle-target=".js-accordion-item-1221" aria-expanded="false" aria-controls="midd-accordion-content-1221" aria-labelledby="midd-accordion-item-label-1221" role="button">
-                        <span id="midd-accordion-item-label-1221">
+                      <a href="#midd-accordion-item-label-123" class="accordion-item__link" data-toggle-target=".js-accordion-item-123" aria-expanded="false" aria-controls="midd-accordion-content-123" aria-labelledby="midd-accordion-item-label-123" role="button">
+                        <span id="midd-accordion-item-label-123">
                           <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 +629,7 @@ <h3 class="accordion-item__title" role="tab">
                         </svg>
                       </a>
                     </h3>
-                    <div class="accordion-item__content--column" id="midd-accordion-content-1221" role="tabpanel" aria-labelledby="midd-accordion-item-label-1221">
+                    <div class="accordion-item__content--column" id="midd-accordion-content-123" role="tabpanel" aria-labelledby="midd-accordion-item-label-123">
                       <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 045cd68f..70dd15ce 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-154">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-139">
                     <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-154"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-139"> 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-1076-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-1221-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-1076-label"> Featured News </h2>
+                  <h2 class="section__title" id="section-1221-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-281-title">
+                  <section class="themed-panel" aria-labelledby="themed-panel-98-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-281-title">Sustainability and other things that go on and on</h2>
+                        <h2 class="themed-panel__title" id="themed-panel-98-title">Sustainability and other things that go on and on</h2>
                       </div>
-                      <article class="themed-panel__article" aria-labelledby="themed-panel-281-first">
-                        <h3 class="themed-panel__heading h2" id="themed-panel-281-first">
+                      <article class="themed-panel__article" aria-labelledby="themed-panel-98-first">
+                        <h3 class="themed-panel__heading h2" id="themed-panel-98-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-281-first">
                       </article>
                     </div>
                     <div class="themed-panel__secondary">
-                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-281-1">
-                        <h3 class="themed-panel__heading" id="themed-panel-281-1">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-98-1">
+                        <h3 class="themed-panel__heading" id="themed-panel-98-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-281-2">
-                        <h3 class="themed-panel__heading" id="themed-panel-281-2">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-98-2">
+                        <h3 class="themed-panel__heading" id="themed-panel-98-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-281-3">
-                        <h3 class="themed-panel__heading" id="themed-panel-281-3">
+                      <article class="themed-panel__subarticle" aria-labelledby="themed-panel-98-3">
+                        <h3 class="themed-panel__heading" id="themed-panel-98-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-1 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-0 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-3 bar-height-style-xl-1 bar-height-style-lg-5 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-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 #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>
@@ -1399,8 +1399,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-3 bar-height-style-xl-4 bar-height-style-lg-1 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-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 #07487B">
+                        <li class="waveform__list-item js-waveform-item-1   bar-color-style-1 bar-height-style-xl-5 bar-height-style-lg-1 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-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 #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>
@@ -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-0 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-5 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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-2   bar-color-style-2 bar-height-style-xl-0 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-2 bar-margin-style-lg-2 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">
                             <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-0 bar-height-style-xl-2 bar-height-style-lg-0 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-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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-3   bar-color-style-2 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-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 #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>
@@ -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   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-3 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 #07487B">
+                        <li class="waveform__list-item js-waveform-item-4  is-toggled bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-5 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 #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>
@@ -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-0 bar-height-style-xl-2 bar-height-style-lg-2 bar-height-style-sm-0 bar-margin-style-xl-1 bar-margin-style-lg-1 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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-5   bar-color-style-3 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-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 #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-2 bar-margin-style-xl-0 bar-margin-style-lg-0 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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-6   bar-color-style-3 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-2 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 #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>
@@ -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-0 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-2 bar-margin-style-sm-1" 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-4 bar-height-style-xl-0 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-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-4 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-4 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-1 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-5 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">
+                          <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>
@@ -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  is-toggled bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-0 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-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-0 bar-height-style-xl-1 bar-height-style-lg-2 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-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">
                             <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-2 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-2 bar-margin-style-lg-3 bar-margin-style-sm-1" 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-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-3 bar-margin-style-sm-3" 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">
                             <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,7 +1529,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-5 bar-height-style-sm-5 bar-margin-style-xl-3 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">
+                        <li class="waveform__list-item js-waveform-item-11   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-4" 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">
@@ -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-4 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-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 #043666">
+                        <li class="waveform__list-item js-waveform-item-12   bar-color-style-0 bar-height-style-xl-1 bar-height-style-lg-4 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-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,7 +1555,7 @@ <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-3 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-1 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">
+                        <li class="waveform__list-item js-waveform-item-13   bar-color-style-3 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-2 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 #07487B">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -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-1 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-1 bar-margin-style-sm-4" 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">
+                        <li class="waveform__list-item js-waveform-item-14   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-4 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 #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>
@@ -1581,8 +1581,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-4 bar-height-style-xl-5 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-3 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 #043666">
+                        <li class="waveform__list-item js-waveform-item-15   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-3 bar-height-style-sm-0 bar-margin-style-xl-0 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 #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>
@@ -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-3 bar-height-style-xl-0 bar-height-style-lg-3 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-4 bar-margin-style-sm-1" 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-4 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-0 bar-margin-style-sm-1" 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">
                             <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-5 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-5 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-0 bar-height-style-xl-1 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-4 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 #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>
@@ -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-3 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-2 bar-margin-style-sm-0" 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-4 bar-height-style-xl-2 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-3 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 #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>
@@ -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-2 bar-height-style-xl-5 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-5 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 #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-19   bar-color-style-1 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-0 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 #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,7 +1646,7 @@ <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-5 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-0 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">
+                        <li class="waveform__list-item js-waveform-item-20   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-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">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
@@ -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-4 bar-height-style-xl-3 bar-height-style-lg-1 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-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 #043666">
+                        <li class="waveform__list-item js-waveform-item-21   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-5 bar-height-style-sm-1 bar-margin-style-xl-2 bar-margin-style-lg-4 bar-margin-style-sm-2" 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 #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>
@@ -1672,8 +1672,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-2 bar-height-style-xl-4 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-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 #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-22   bar-color-style-0 bar-height-style-xl-5 bar-height-style-lg-1 bar-height-style-sm-2 bar-margin-style-xl-3 bar-margin-style-lg-1 bar-margin-style-sm-3" 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">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -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-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-1 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">
+                        <li class="waveform__list-item js-waveform-item-23   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-4 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-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 #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>
@@ -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-5 bar-height-style-lg-4 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-3" 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-3 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-5 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 #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>
@@ -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-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-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">
+                        <li class="waveform__list-item js-waveform-item-25   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-1 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 #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>
@@ -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-3 bar-height-style-xl-1 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-1 bar-margin-style-lg-3 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">
+                        <li class="waveform__list-item js-waveform-item-26   bar-color-style-3 bar-height-style-xl-4 bar-height-style-lg-3 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-2 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 #07487B">
                             <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-3 bar-height-style-xl-5 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-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">
+                        <li class="waveform__list-item js-waveform-item-27   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-4" 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 #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>
@@ -1750,8 +1750,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-2 bar-height-style-xl-4 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-2 bar-margin-style-lg-0 bar-margin-style-sm-3" 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">
+                        <li class="waveform__list-item js-waveform-item-28   bar-color-style-3 bar-height-style-xl-3 bar-height-style-lg-2 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>
@@ -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-0 bar-height-style-xl-3 bar-height-style-lg-0 bar-height-style-sm-0 bar-margin-style-xl-2 bar-margin-style-lg-5 bar-margin-style-sm-2" 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-0 bar-height-style-xl-3 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-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 #C0E3FD">
                             <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-3 bar-height-style-xl-1 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-0 bar-margin-style-sm-3" 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-0 bar-height-style-xl-2 bar-height-style-lg-1 bar-height-style-sm-0 bar-margin-style-xl-0 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 #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-2 bar-height-style-xl-0 bar-height-style-lg-1 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-5 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 #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-31   bar-color-style-4 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-4 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 #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>
@@ -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-1 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-2 bar-margin-style-xl-0 bar-margin-style-lg-1 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 #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-32   bar-color-style-2 bar-height-style-xl-2 bar-height-style-lg-4 bar-height-style-sm-0 bar-margin-style-xl-4 bar-margin-style-lg-0 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">
                             <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,7 +1815,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-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-2 bar-margin-style-sm-0" 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-1 bar-height-style-xl-5 bar-height-style-lg-4 bar-height-style-sm-4 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-1" 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">
@@ -1828,8 +1828,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-3 bar-height-style-xl-1 bar-height-style-lg-0 bar-height-style-sm-4 bar-margin-style-xl-3 bar-margin-style-lg-4 bar-margin-style-sm-4" 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 #07487B">
+                        <li class="waveform__list-item js-waveform-item-34   bar-color-style-1 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-4 bar-margin-style-xl-3 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">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -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-1 bar-height-style-lg-0 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-1 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 #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-35   bar-color-style-1 bar-height-style-xl-0 bar-height-style-lg-0 bar-height-style-sm-3 bar-margin-style-xl-0 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 #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>
@@ -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-0 bar-height-style-xl-5 bar-height-style-lg-2 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-1 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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-36   bar-color-style-1 bar-height-style-xl-4 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-4 bar-margin-style-lg-4 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 #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,8 +1867,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-0 bar-height-style-xl-5 bar-height-style-lg-1 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-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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-37   bar-color-style-3 bar-height-style-xl-4 bar-height-style-lg-0 bar-height-style-sm-1 bar-margin-style-xl-1 bar-margin-style-lg-0 bar-margin-style-sm-0" 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">
                             <div class="waveform__event-card__content">
                               <div class="waveform__event-card__content--text">
                                 <time datetime="" class="text-center lh-solid"> March 24, 2019 </time>
@@ -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-4 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-5 bar-margin-style-xl-1 bar-margin-style-lg-2 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-2 bar-height-style-lg-5 bar-height-style-sm-0 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">
@@ -1893,8 +1893,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-2 bar-height-style-xl-1 bar-height-style-lg-2 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-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">
+                        <li class="waveform__list-item js-waveform-item-39   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-1 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 #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>
@@ -1906,7 +1906,7 @@ <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-2 bar-height-style-xl-0 bar-height-style-lg-1 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-40" data-tooltip="Museum of Art Lecture Series" aria-label="Museum of Art Lecture Series" tabindex="0">
+                        <li class="waveform__list-item js-waveform-item-40   bar-color-style-2 bar-height-style-xl-4 bar-height-style-lg-1 bar-height-style-sm-3 bar-margin-style-xl-0 bar-margin-style-lg-1 bar-margin-style-sm-3" 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">
@@ -1919,8 +1919,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-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-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-4 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-1 bar-margin-style-xl-4 bar-margin-style-lg-0 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 #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>
@@ -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-1 bar-height-style-xl-1 bar-height-style-lg-3 bar-height-style-sm-1 bar-margin-style-xl-0 bar-margin-style-lg-4 bar-margin-style-sm-3" 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 #83C9FC">
+                        <li class="waveform__list-item js-waveform-item-42   bar-color-style-4 bar-height-style-xl-1 bar-height-style-lg-3 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-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">
                             <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,8 +1945,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-3 bar-height-style-xl-3 bar-height-style-lg-2 bar-height-style-sm-2 bar-margin-style-xl-4 bar-margin-style-lg-2 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 #07487B">
+                        <li class="waveform__list-item js-waveform-item-43   bar-color-style-2 bar-height-style-xl-3 bar-height-style-lg-4 bar-height-style-sm-0 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 #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>
@@ -1958,7 +1958,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-1 bar-height-style-sm-4 bar-margin-style-xl-4 bar-margin-style-lg-1 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-1 bar-height-style-lg-5 bar-height-style-sm-2 bar-margin-style-xl-1 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">
                           <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">
@@ -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-0 bar-height-style-xl-1 bar-height-style-lg-1 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-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 #C0E3FD">
+                        <li class="waveform__list-item js-waveform-item-45   bar-color-style-4 bar-height-style-xl-3 bar-height-style-lg-2 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-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-3 bar-height-style-xl-1 bar-height-style-lg-1 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-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">
+                        <li class="waveform__list-item js-waveform-item-46   bar-color-style-4 bar-height-style-xl-5 bar-height-style-lg-2 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-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">
                                 <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-2 bar-height-style-xl-1 bar-height-style-lg-2 bar-height-style-sm-3 bar-margin-style-xl-3 bar-margin-style-lg-0 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 #0E68B1">
+                        <li class="waveform__list-item js-waveform-item-47   bar-color-style-1 bar-height-style-xl-1 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-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">
                             <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-2 bar-height-style-xl-4 bar-height-style-lg-5 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-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">
+                        <li class="waveform__list-item js-waveform-item-48   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-5 bar-margin-style-sm-1" 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">
                             <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-929">
+                    <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-319">
                       <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-929">Practical Skills for Positive Change</h3>
+                    <h3 class=video__title id="midd-video-label-319">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-929 grid-video__transcript">
-                      <a href="#midd-transcript-929" class="transcript__button" data-toggle-target=".js-transcript-929" 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-319 grid-video__transcript">
+                      <a href="#midd-transcript-319" class="transcript__button" data-toggle-target=".js-transcript-319" 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-929">
+                      <div class="transcript__body" id="midd-transcript-319">
                         <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-1226-label" data-digest-content>
+              <section class="section paragraph" aria-labelledby="section-895-label" data-digest-content>
                 <div class="section__header">
-                  <h2 class="section__title" id="section-1226-label"> Schedule Component </h2>
+                  <h2 class="section__title" id="section-895-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-1226" 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-1226" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a>
+                  <h3 id="midd-event-895" 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-895" 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 040cfd63..231c6889 100644
--- a/wrmc-daily-schedule.html
+++ b/wrmc-daily-schedule.html
@@ -216,8 +216,7 @@
             <div class="wrmc-header__content">
               <div class="wrmc-nav">
                 <div class="wrmc-nav__menu">
-                  <nav class="wrmc-nav__secondary-menu" aria-labelledby="midd-secondary-nav-label">
-                    <h2 class="sr-only" id="midd-secondary-nav-label">Secondary navigation</h2>
+                  <nav class="wrmc-nav__secondary-menu" aria-label="Secondary navigation">
                     <img src="images/wrmc-headphones.svg" alt="Headphones illustration" />
                     <div class="wrmc-nav__secondary-menu--links">
                       <a href="#" class="button button--light">listen now</a>
@@ -290,7 +289,7 @@ <h2 class="sr-only" id="midd-secondary-nav-label">Secondary navigation</h2>
         </div>
       </header>
       <aside class="status-bar">
-        <h2 class="status-bar__broadcast-status">
+        <h2 class="status-bar__broadcast-status" role="presentation">
           <span>on</span>
           <br>
           <span>air</span>
@@ -299,54 +298,56 @@ <h2 class="status-bar__broadcast-status">
         <div class="status-bar-content">
           <div class="status-bar-content__wrapper">
             <div class="status-bar-row">
-              <article class="status-bar-section section-show">
-                <h3>Current Show</h3>
-                <p>Grilled Cheese Sandwich<em>with DJ Hurricane</em></p>
-              </article>
-              <article class="status-bar-section section-contact">
-                <h3>Contact the DJ</h3>
-                <p>
+              <dl class="status-bar-section section-show">
+                <dd>Current Show</dd>
+                <dt>Grilled Cheese Sandwich<em>with DJ Hurricane</em></dt>
+              </dl>
+              <dl class="status-bar-section section-contact">
+                <dd>Contact the DJ</dd>
+                <dt>
                   <a href="tel:+18024436323">802-443-6323</a><span class="text-separator">&#x25B2;</span>
                   <a href="#">Use Our App to Chat</a>
-                </p>
-              </article>
+                </dt>
+              </dl>
             </div>
             <div class="status-bar-row">
-              <article class="status-bar-section section-playlist">
-                <h3>Current Playlist</h3>
-                <ul class="status-bar-section__playlist-items">
-                  <li>
-                    <p>Mk.gee<em>Two Star & The Dream Police</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Quadeca<em>SCRAPYARD</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Selmer<em>Body Wash</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Abby Sage<em>The Rot</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Mike, Tony Seltzer<em>Pinball</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Jean Dawson<em>Boohoo</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Faye Webster<em>Underdressed at the Symphony</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Matt Champion<em>Slug</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Hana Vu<em>Care</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>DESTIN CONRAD<em>SUBMISSIVE2</em></p>
-                  </li>
-                </ul>
-              </article>
+              <dl class="status-bar-section section-playlist">
+                <dd>Current Playlist</dd>
+                <dt>
+                  <ul class="status-bar-section__playlist-items">
+                    <li>
+                      <p>Mk.gee<em>Two Star & The Dream Police</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Quadeca<em>SCRAPYARD</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Selmer<em>Body Wash</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Abby Sage<em>The Rot</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Mike, Tony Seltzer<em>Pinball</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Jean Dawson<em>Boohoo</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Faye Webster<em>Underdressed at the Symphony</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Matt Champion<em>Slug</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Hana Vu<em>Care</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>DESTIN CONRAD<em>SUBMISSIVE2</em></p>
+                    </li>
+                  </ul>
+                </dt>
+              </dl>
             </div>
           </div>
         </div>
@@ -358,20 +359,20 @@ <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-63">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-449">
                     <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-63"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-449"> some caption for top level image </div>
                 </div>
               </figcaption>
             </figure>
-            <button class="page-header__list-toggle" data-toggle-target=".js-page-header-list"> Weekly Top Ten <span class="page-header__list-ellipsis">
+            <button class="page-header__list-toggle" aria-describedby="wrmc-tooltip-label-1127"> Weekly Top Ten <span class="page-header__list-ellipsis">
                 <span></span><span></span><span></span>
               </span>
             </button>
-            <div class="page-header__list js-page-header-list" role="tooltip">
+            <div class="page-header__list" role="tooltip" id="wrmc-tooltip-label-679">
               <ol class="page-header__list-overlay">
                 <li>
                   <p>Mk.gee</p>
@@ -439,375 +440,375 @@ <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 is-toggled js-accordion-item-1160">
-                    <a href="#wrmc-accordion-item-label-1160" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1160" aria-expanded="true" aria-controls="wrmc-accordion-content-1160" aria-labelledby="wrmc-accordion-item-label-1160" role="tab">
+                  <div class="wrmc-accordion-item is-toggled js-accordion-item-1049">
+                    <a href="#wrmc-accordion-item-label-1049" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1049" aria-expanded="true" aria-controls="wrmc-accordion-content-1049" aria-labelledby="wrmc-accordion-item-label-1049" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-1160">Monday</span>
+                        <span id="wrmc-accordion-item-label-1049">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-1160" aria-labelledby="wrmc-accordion-item-label-1160">
+                    <div role="tabpanel" id="midd-accordion-content-1049" aria-labelledby="wrmc-accordion-item-label-1049">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-562">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-81">
                             <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-562"> Mixed Confetti </h3>
+                                <h3 id="wrmc-show-teaser-header-81"> Mixed Confetti </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Aaron Smith, Blair Kloman, Pooja Gunturu</em>
                               </p>
                               <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
-                              <span class="show-details__genre">Blues</span>
+                              <span class="show-details__genre blues">Blues</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-291">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-254">
                             <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-291"> Hot Chocolate on the Bus </h3>
+                                <h3 id="wrmc-show-teaser-header-254"> Hot Chocolate on the Bus </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Adam Yauch</em>
                               </p>
                               <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">Blues</span>
+                              <span class="show-details__genre country">Country</span>
                             </div>
                           </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-427">
                             <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-247"> Mr. and Mrs. Send It </h3>
+                                <h3 id="wrmc-show-teaser-header-427"> Mr. and Mrs. Send It </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Sid Vicious</em>
                               </p>
-                              <span class="show-details__genre">Blues</span>
+                              <span class="show-details__genre electronic">Electronic</span>
                             </div>
                           </article>
                         </li>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-1229">
-                    <a href="#wrmc-accordion-item-label-1229" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1229" aria-expanded="false" aria-controls="wrmc-accordion-content-1229" aria-labelledby="wrmc-accordion-item-label-1229" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-288">
+                    <a href="#wrmc-accordion-item-label-288" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-288" aria-expanded="false" aria-controls="wrmc-accordion-content-288" aria-labelledby="wrmc-accordion-item-label-288" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-1229">Tuesday</span>
+                        <span id="wrmc-accordion-item-label-288">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-1229" aria-labelledby="wrmc-accordion-item-label-1229">
+                    <div role="tabpanel" id="midd-accordion-content-288" aria-labelledby="wrmc-accordion-item-label-288">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-446">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1230">
                             <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-446"> Grilled Cheese Sandwich </h3>
+                                <h3 id="wrmc-show-teaser-header-1230"> 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>
+                              <span class="show-details__genre folk">Folk</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-956">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-490">
                             <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-956"> Jazz Band, Hand and Feet </h3>
+                                <h3 id="wrmc-show-teaser-header-490"> Jazz Band, Hand and Feet </h3>
                               </a>
-                              <span class="show-details__genre">Blues</span>
+                              <span class="show-details__genre punk">Punk</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-67">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-682">
                             <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-67"> Jazz Band, Hand and Feet </h3>
+                                <h3 id="wrmc-show-teaser-header-682"> Jazz Band, Hand and Feet </h3>
                               </a>
-                              <span class="show-details__genre">Blues</span>
+                              <span class="show-details__genre rock">Rock</span>
                             </div>
                           </article>
                         </li>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-946">
-                    <a href="#wrmc-accordion-item-label-946" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-946" aria-expanded="false" aria-controls="wrmc-accordion-content-946" aria-labelledby="wrmc-accordion-item-label-946" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-1230">
+                    <a href="#wrmc-accordion-item-label-1230" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1230" aria-expanded="false" aria-controls="wrmc-accordion-content-1230" aria-labelledby="wrmc-accordion-item-label-1230" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-946">Wednesday</span>
+                        <span id="wrmc-accordion-item-label-1230">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-946" aria-labelledby="wrmc-accordion-item-label-946">
+                    <div role="tabpanel" id="midd-accordion-content-1230" aria-labelledby="wrmc-accordion-item-label-1230">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1184">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-938">
                             <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-1184"> Experimental Jetset Companion </h3>
+                                <h3 id="wrmc-show-teaser-header-938"> Experimental Jetset Companion </h3>
                               </a>
-                              <span class="show-details__genre">Blues</span>
+                              <span class="show-details__genre world">World</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-498">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1182">
                             <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-498"> Mr. and Mrs. Send It </h3>
+                                <h3 id="wrmc-show-teaser-header-1182"> Mr. and Mrs. Send It </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Sid Vicious</em>
                               </p>
-                              <span class="show-details__genre">Blues</span>
+                              <span class="show-details__genre blues">Blues</span>
                             </div>
                           </article>
                         </li>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-362">
-                    <a href="#wrmc-accordion-item-label-362" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-362" aria-expanded="false" aria-controls="wrmc-accordion-content-362" aria-labelledby="wrmc-accordion-item-label-362" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-619">
+                    <a href="#wrmc-accordion-item-label-619" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-619" aria-expanded="false" aria-controls="wrmc-accordion-content-619" aria-labelledby="wrmc-accordion-item-label-619" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-362">Thursday</span>
+                        <span id="wrmc-accordion-item-label-619">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-362" aria-labelledby="wrmc-accordion-item-label-362">
+                    <div role="tabpanel" id="midd-accordion-content-619" aria-labelledby="wrmc-accordion-item-label-619">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-279">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-983">
                             <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-279"> Jazz Band, Hand and Feet </h3>
+                                <h3 id="wrmc-show-teaser-header-983"> Jazz Band, Hand and Feet </h3>
                               </a>
-                              <span class="show-details__genre">Blues</span>
+                              <span class="show-details__genre reggae">Reggae</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-41">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1016">
                             <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-41"> Hot Chocolate on the Bus </h3>
+                                <h3 id="wrmc-show-teaser-header-1016"> Hot Chocolate on the Bus </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Adam Yauch</em>
                               </p>
                               <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">Blues</span>
+                              <span class="show-details__genre blues">Blues</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-180">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-0">
                             <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-180"> I Love Rock and Roll </h3>
+                                <h3 id="wrmc-show-teaser-header-0"> I Love Rock and Roll </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Matt Jennings and Tom</em>
                               </p>
-                              <span class="show-details__genre">Folk Rock</span>
+                              <span class="show-details__genre jazz">Jazz</span>
                             </div>
                           </article>
                         </li>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-604">
-                    <a href="#wrmc-accordion-item-label-604" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-604" aria-expanded="false" aria-controls="wrmc-accordion-content-604" aria-labelledby="wrmc-accordion-item-label-604" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-4">
+                    <a href="#wrmc-accordion-item-label-4" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-4" aria-expanded="false" aria-controls="wrmc-accordion-content-4" aria-labelledby="wrmc-accordion-item-label-4" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-604">Friday</span>
+                        <span id="wrmc-accordion-item-label-4">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-604" aria-labelledby="wrmc-accordion-item-label-604">
+                    <div role="tabpanel" id="midd-accordion-content-4" aria-labelledby="wrmc-accordion-item-label-4">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-333">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-500">
                             <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-333"> Echo Locations </h3>
+                                <h3 id="wrmc-show-teaser-header-500"> 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>
+                              <span class="show-details__genre hip-hop">Hip Hop</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-208">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-39">
                             <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-208"> Jazz Band, Hand and Feet </h3>
+                                <h3 id="wrmc-show-teaser-header-39"> Jazz Band, Hand and Feet </h3>
                               </a>
-                              <span class="show-details__genre">Blues</span>
+                              <span class="show-details__genre latin">Latin</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-549">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1150">
                             <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-549"> Mr. and Mrs. Send It </h3>
+                                <h3 id="wrmc-show-teaser-header-1150"> Mr. and Mrs. Send It </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Sid Vicious</em>
                               </p>
-                              <span class="show-details__genre">Blues</span>
+                              <span class="show-details__genre indie">Indie</span>
                             </div>
                           </article>
                         </li>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-573">
-                    <a href="#wrmc-accordion-item-label-573" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-573" aria-expanded="false" aria-controls="wrmc-accordion-content-573" aria-labelledby="wrmc-accordion-item-label-573" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-1066">
+                    <a href="#wrmc-accordion-item-label-1066" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1066" aria-expanded="false" aria-controls="wrmc-accordion-content-1066" aria-labelledby="wrmc-accordion-item-label-1066" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-573">Saturday</span>
+                        <span id="wrmc-accordion-item-label-1066">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-573" aria-labelledby="wrmc-accordion-item-label-573">
+                    <div role="tabpanel" id="midd-accordion-content-1066" aria-labelledby="wrmc-accordion-item-label-1066">
                       <ul class="wrmc-accordion-item__content-list">
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1103">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-631">
                             <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-1103"> Experimental Jetset Companion </h3>
+                                <h3 id="wrmc-show-teaser-header-631"> Experimental Jetset Companion </h3>
                               </a>
-                              <span class="show-details__genre">Blues</span>
+                              <span class="show-details__genre funk">Funk</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1067">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-107">
                             <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-1067"> Hot Chocolate on the Bus </h3>
+                                <h3 id="wrmc-show-teaser-header-107"> Hot Chocolate on the Bus </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Adam Yauch</em>
                               </p>
                               <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">Blues</span>
+                              <span class="show-details__genre classical">Classical</span>
                             </div>
                           </article>
                         </li>
                       </ul>
                     </div>
                   </div>
-                  <div class="wrmc-accordion-item  js-accordion-item-1197">
-                    <a href="#wrmc-accordion-item-label-1197" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1197" aria-expanded="false" aria-controls="wrmc-accordion-content-1197" aria-labelledby="wrmc-accordion-item-label-1197" role="tab">
+                  <div class="wrmc-accordion-item  js-accordion-item-195">
+                    <a href="#wrmc-accordion-item-label-195" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-195" aria-expanded="false" aria-controls="wrmc-accordion-content-195" aria-labelledby="wrmc-accordion-item-label-195" role="tab">
                       <h2 class="wrmc-accordion-item__title">
-                        <span id="wrmc-accordion-item-label-1197">Sunday</span>
+                        <span id="wrmc-accordion-item-label-195">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-1197" aria-labelledby="wrmc-accordion-item-label-1197">
+                    <div role="tabpanel" id="midd-accordion-content-195" aria-labelledby="wrmc-accordion-item-label-195">
                       <ul class="wrmc-accordion-item__content-list">
                         <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-421">
                             <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-775"> Experimental Jetset Companion </h3>
+                                <h3 id="wrmc-show-teaser-header-421"> Experimental Jetset Companion </h3>
                               </a>
-                              <span class="show-details__genre">Blues</span>
+                              <span class="show-details__genre electronic">Electronic</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1204">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-504">
                             <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-1204"> Hot Chocolate on the Bus </h3>
+                                <h3 id="wrmc-show-teaser-header-504"> Hot Chocolate on the Bus </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Adam Yauch</em>
                               </p>
                               <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">Blues</span>
+                              <span class="show-details__genre electronic">Electronic</span>
                             </div>
                           </article>
                         </li>
                         <li class="wrmc-accordion-item__list-item">
-                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-80">
+                          <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1188">
                             <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-80"> I Love Rock and Roll </h3>
+                                <h3 id="wrmc-show-teaser-header-1188"> I Love Rock and Roll </h3>
                               </a>
                               <p class="show-details__hosts">
                                 <em>Matt Jennings and Tom</em>
                               </p>
-                              <span class="show-details__genre">Folk Rock</span>
+                              <span class="show-details__genre blues">Blues</span>
                             </div>
                           </article>
                         </li>
diff --git a/wrmc-top-thirty.html b/wrmc-top-thirty.html
index 8e7458fe..22fc425b 100644
--- a/wrmc-top-thirty.html
+++ b/wrmc-top-thirty.html
@@ -216,8 +216,7 @@
             <div class="wrmc-header__content">
               <div class="wrmc-nav">
                 <div class="wrmc-nav__menu">
-                  <nav class="wrmc-nav__secondary-menu" aria-labelledby="midd-secondary-nav-label">
-                    <h2 class="sr-only" id="midd-secondary-nav-label">Secondary navigation</h2>
+                  <nav class="wrmc-nav__secondary-menu" aria-label="Secondary navigation">
                     <img src="images/wrmc-headphones.svg" alt="Headphones illustration" />
                     <div class="wrmc-nav__secondary-menu--links">
                       <a href="#" class="button button--light">listen now</a>
@@ -290,7 +289,7 @@ <h2 class="sr-only" id="midd-secondary-nav-label">Secondary navigation</h2>
         </div>
       </header>
       <aside class="status-bar">
-        <h2 class="status-bar__broadcast-status">
+        <h2 class="status-bar__broadcast-status" role="presentation">
           <span>on</span>
           <br>
           <span>air</span>
@@ -299,54 +298,56 @@ <h2 class="status-bar__broadcast-status">
         <div class="status-bar-content">
           <div class="status-bar-content__wrapper">
             <div class="status-bar-row">
-              <article class="status-bar-section section-show">
-                <h3>Current Show</h3>
-                <p>Grilled Cheese Sandwich<em>with DJ Hurricane</em></p>
-              </article>
-              <article class="status-bar-section section-contact">
-                <h3>Contact the DJ</h3>
-                <p>
+              <dl class="status-bar-section section-show">
+                <dd>Current Show</dd>
+                <dt>Grilled Cheese Sandwich<em>with DJ Hurricane</em></dt>
+              </dl>
+              <dl class="status-bar-section section-contact">
+                <dd>Contact the DJ</dd>
+                <dt>
                   <a href="tel:+18024436323">802-443-6323</a><span class="text-separator">&#x25B2;</span>
                   <a href="#">Use Our App to Chat</a>
-                </p>
-              </article>
+                </dt>
+              </dl>
             </div>
             <div class="status-bar-row">
-              <article class="status-bar-section section-playlist">
-                <h3>Current Playlist</h3>
-                <ul class="status-bar-section__playlist-items">
-                  <li>
-                    <p>Mk.gee<em>Two Star & The Dream Police</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Quadeca<em>SCRAPYARD</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Selmer<em>Body Wash</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Abby Sage<em>The Rot</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Mike, Tony Seltzer<em>Pinball</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Jean Dawson<em>Boohoo</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Faye Webster<em>Underdressed at the Symphony</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Matt Champion<em>Slug</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Hana Vu<em>Care</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>DESTIN CONRAD<em>SUBMISSIVE2</em></p>
-                  </li>
-                </ul>
-              </article>
+              <dl class="status-bar-section section-playlist">
+                <dd>Current Playlist</dd>
+                <dt>
+                  <ul class="status-bar-section__playlist-items">
+                    <li>
+                      <p>Mk.gee<em>Two Star & The Dream Police</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Quadeca<em>SCRAPYARD</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Selmer<em>Body Wash</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Abby Sage<em>The Rot</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Mike, Tony Seltzer<em>Pinball</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Jean Dawson<em>Boohoo</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Faye Webster<em>Underdressed at the Symphony</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Matt Champion<em>Slug</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Hana Vu<em>Care</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>DESTIN CONRAD<em>SUBMISSIVE2</em></p>
+                    </li>
+                  </ul>
+                </dt>
+              </dl>
             </div>
           </div>
         </div>
@@ -358,20 +359,20 @@ <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-707">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-782">
                     <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-707"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-782"> some caption for top level image </div>
                 </div>
               </figcaption>
             </figure>
-            <button class="page-header__list-toggle" data-toggle-target=".js-page-header-list"> Weekly Top Ten <span class="page-header__list-ellipsis">
+            <button class="page-header__list-toggle" aria-describedby="wrmc-tooltip-label-340"> Weekly Top Ten <span class="page-header__list-ellipsis">
                 <span></span><span></span><span></span>
               </span>
             </button>
-            <div class="page-header__list js-page-header-list" role="tooltip">
+            <div class="page-header__list" role="tooltip" id="wrmc-tooltip-label-997">
               <ol class="page-header__list-overlay">
                 <li>
                   <p>Mk.gee</p>
@@ -456,7 +457,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@2x.png" alt="Album cover placeholder image">
+                        </div>
+                      </div>
                       <p class="song__artist">Abby Sage</p>
                       <p class="song__title"><em>The Rot</em></p>
                     </li>
@@ -470,7 +475,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                       <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">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
                         </div>
                       </div>
                       <p class="song__artist">Jean Dawson</p>
@@ -480,7 +485,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                       <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">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
                         </div>
                       </div>
                       <p class="song__artist">Faye Webster</p>
@@ -500,11 +505,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>
@@ -512,7 +513,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                       <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">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
                         </div>
                       </div>
                       <p class="song__artist">Adrianne Lenker</p>
@@ -526,17 +527,17 @@ <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>
                     <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@2x.png" alt="Album cover placeholder image">
+                        </div>
+                      </div>
                       <p class="song__artist">Zack Villere</p>
                       <p class="song__title"><em>Singles 2017 - 2021</em></p>
                     </li>
@@ -544,7 +545,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                       <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">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
                         </div>
                       </div>
                       <p class="song__artist">Loukeman</p>
@@ -560,7 +561,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                       <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">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
                         </div>
                       </div>
                       <p class="song__artist">RiTchie</p>
@@ -568,7 +569,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@2x.png" alt="Album cover placeholder image">
+                        </div>
+                      </div>
                       <p class="song__artist">Schoolboy Q</p>
                       <p class="song__title"><em>BLUE LIPS</em></p>
                     </li>
@@ -580,7 +585,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@2x.png" alt="Album cover placeholder image">
+                        </div>
+                      </div>
                       <p class="song__artist">Iron & Wine</p>
                       <p class="song__title"><em>All in Good Time</em></p>
                     </li>
@@ -588,7 +597,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                       <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">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
                         </div>
                       </div>
                       <p class="song__artist">Diamond Day</p>
@@ -608,21 +617,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">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>
-                      <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">sagun</p>
                       <p class="song__title"><em>Issues</em></p>
                     </li>
@@ -630,7 +631,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                       <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">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
                         </div>
                       </div>
                       <p class="song__artist">Serpentwithfeet</p>
@@ -644,17 +645,17 @@ <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">MiLES.</p>
                       <p class="song__title"><em>Life Thru New Lens</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="" />
+                      <div class="song__album-placeholder">
+                        <div class="song__album-placeholder-image">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
+                        </div>
+                      </div>
                       <p class="song__artist">Erika de Casier</p>
                       <p class="song__title"><em>Still</em></p>
                     </li>
@@ -662,7 +663,7 @@ <h1 class="page-header__title" id="midd-page-header-label">Top Thirty</h1>
                       <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">
+                          <img src="images/wrmc-album-default-120x120@2x.png" alt="Album cover placeholder image">
                         </div>
                       </div>
                       <p class="song__artist">CZARFACE</p>
diff --git a/wrmc-weekly-schedule.html b/wrmc-weekly-schedule.html
index f9ec6c66..a8ca9c02 100644
--- a/wrmc-weekly-schedule.html
+++ b/wrmc-weekly-schedule.html
@@ -216,8 +216,7 @@
             <div class="wrmc-header__content">
               <div class="wrmc-nav">
                 <div class="wrmc-nav__menu">
-                  <nav class="wrmc-nav__secondary-menu" aria-labelledby="midd-secondary-nav-label">
-                    <h2 class="sr-only" id="midd-secondary-nav-label">Secondary navigation</h2>
+                  <nav class="wrmc-nav__secondary-menu" aria-label="Secondary navigation">
                     <img src="images/wrmc-headphones.svg" alt="Headphones illustration" />
                     <div class="wrmc-nav__secondary-menu--links">
                       <a href="#" class="button button--light">listen now</a>
@@ -290,7 +289,7 @@ <h2 class="sr-only" id="midd-secondary-nav-label">Secondary navigation</h2>
         </div>
       </header>
       <aside class="status-bar">
-        <h2 class="status-bar__broadcast-status">
+        <h2 class="status-bar__broadcast-status" role="presentation">
           <span>on</span>
           <br>
           <span>air</span>
@@ -299,54 +298,56 @@ <h2 class="status-bar__broadcast-status">
         <div class="status-bar-content">
           <div class="status-bar-content__wrapper">
             <div class="status-bar-row">
-              <article class="status-bar-section section-show">
-                <h3>Current Show</h3>
-                <p>Grilled Cheese Sandwich<em>with DJ Hurricane</em></p>
-              </article>
-              <article class="status-bar-section section-contact">
-                <h3>Contact the DJ</h3>
-                <p>
+              <dl class="status-bar-section section-show">
+                <dd>Current Show</dd>
+                <dt>Grilled Cheese Sandwich<em>with DJ Hurricane</em></dt>
+              </dl>
+              <dl class="status-bar-section section-contact">
+                <dd>Contact the DJ</dd>
+                <dt>
                   <a href="tel:+18024436323">802-443-6323</a><span class="text-separator">&#x25B2;</span>
                   <a href="#">Use Our App to Chat</a>
-                </p>
-              </article>
+                </dt>
+              </dl>
             </div>
             <div class="status-bar-row">
-              <article class="status-bar-section section-playlist">
-                <h3>Current Playlist</h3>
-                <ul class="status-bar-section__playlist-items">
-                  <li>
-                    <p>Mk.gee<em>Two Star & The Dream Police</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Quadeca<em>SCRAPYARD</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Selmer<em>Body Wash</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Abby Sage<em>The Rot</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Mike, Tony Seltzer<em>Pinball</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Jean Dawson<em>Boohoo</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Faye Webster<em>Underdressed at the Symphony</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Matt Champion<em>Slug</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>Hana Vu<em>Care</em><span class="text-separator">&#x25B2;</span></p>
-                  </li>
-                  <li>
-                    <p>DESTIN CONRAD<em>SUBMISSIVE2</em></p>
-                  </li>
-                </ul>
-              </article>
+              <dl class="status-bar-section section-playlist">
+                <dd>Current Playlist</dd>
+                <dt>
+                  <ul class="status-bar-section__playlist-items">
+                    <li>
+                      <p>Mk.gee<em>Two Star & The Dream Police</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Quadeca<em>SCRAPYARD</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Selmer<em>Body Wash</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Abby Sage<em>The Rot</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Mike, Tony Seltzer<em>Pinball</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Jean Dawson<em>Boohoo</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Faye Webster<em>Underdressed at the Symphony</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Matt Champion<em>Slug</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>Hana Vu<em>Care</em><span class="text-separator">&#x25B2;</span></p>
+                    </li>
+                    <li>
+                      <p>DESTIN CONRAD<em>SUBMISSIVE2</em></p>
+                    </li>
+                  </ul>
+                </dt>
+              </dl>
             </div>
           </div>
         </div>
@@ -358,20 +359,20 @@ <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-654">
+                  <button class="tooltip__button" aria-labelledby="midd-tooltip-label-942">
                     <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-654"> some caption for top level image </div>
+                  <div class="tooltip__label" role="tooltip" id="midd-tooltip-label-942"> some caption for top level image </div>
                 </div>
               </figcaption>
             </figure>
-            <button class="page-header__list-toggle" data-toggle-target=".js-page-header-list"> Weekly Top Ten <span class="page-header__list-ellipsis">
+            <button class="page-header__list-toggle" aria-describedby="wrmc-tooltip-label-530"> Weekly Top Ten <span class="page-header__list-ellipsis">
                 <span></span><span></span><span></span>
               </span>
             </button>
-            <div class="page-header__list js-page-header-list" role="tooltip">
+            <div class="page-header__list" role="tooltip" id="wrmc-tooltip-label-330">
               <ol class="page-header__list-overlay">
                 <li>
                   <p>Mk.gee</p>
@@ -438,197 +439,197 @@ <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-739">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-739">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-739">
+                      <div class="weekly-schedule__show-wrapper blues">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-204">
+                            <h3 id="wrmc-show-title-204">Mixed Confetti</h3>
                             <time datetime="4:00" aria-label="show starts at 4:00 AM">4:00 AM</time>
-                            <h3 id="wrmc-show-title-739">Mixed Confetti</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser " aria-labelledby="wrmc-show-teaser-header-763" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-594" 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-763"> Mixed Confetti </h3>
+                              <h3 id="wrmc-show-teaser-header-594"> Mixed Confetti </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Aaron Smith, Blair Kloman, Pooja Gunturu</em>
                             </p>
                             <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
-                            <span class="show-details__genre">Blues</span>
+                            <span class="show-details__genre blues">Blues</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-454">
-                          <h3 id="wrmc-show-title-454" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-18">
+                          <h3 id="wrmc-show-title-18" 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-35">
-                          <h3 id="wrmc-show-title-35" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1202">
+                          <h3 id="wrmc-show-title-1202" 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-746">
-                          <h3 id="wrmc-show-title-746" 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="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-122">
-                          <h3 id="wrmc-show-title-122" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-296">
+                          <h3 id="wrmc-show-title-296" 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-796">
-                          <h3 id="wrmc-show-title-796" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-230">
+                          <h3 id="wrmc-show-title-230" 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-1066">
-                          <h3 id="wrmc-show-title-1066" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-333">
+                          <h3 id="wrmc-show-title-333" 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-753">
-                          <h3 id="wrmc-show-title-753" 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="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-1052">
-                          <h3 id="wrmc-show-title-1052" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-853">
+                          <h3 id="wrmc-show-title-853" 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-789">
-                          <h3 id="wrmc-show-title-789" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-601">
+                          <h3 id="wrmc-show-title-601" 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-1075">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-1075">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1075">
+                      <div class="weekly-schedule__show-wrapper country">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-11">
+                            <h3 id="wrmc-show-title-11">Hot Chocolate on the Bus</h3>
                             <time datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
-                            <h3 id="wrmc-show-title-1075">Hot Chocolate on the Bus</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-521" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-888" 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-521"> Hot Chocolate on the Bus </h3>
+                              <h3 id="wrmc-show-teaser-header-888"> Hot Chocolate on the Bus </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Adam Yauch</em>
                             </p>
                             <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">Blues</span>
+                            <span class="show-details__genre country">Country</span>
                           </div>
                         </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-81">
+                          <h3 id="wrmc-show-title-81" 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-65">
-                          <h3 id="wrmc-show-title-65" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-746">
+                          <h3 id="wrmc-show-title-746" 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-949">
-                          <h3 id="wrmc-show-title-949" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-607">
+                          <h3 id="wrmc-show-title-607" 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-1032">
-                          <h3 id="wrmc-show-title-1032" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1202">
+                          <h3 id="wrmc-show-title-1202" 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-585">
-                          <h3 id="wrmc-show-title-585" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1054">
+                          <h3 id="wrmc-show-title-1054" 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-521">
-                          <h3 id="wrmc-show-title-521" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-235">
+                          <h3 id="wrmc-show-title-235" 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-1185">
-                          <h3 id="wrmc-show-title-1185" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-973">
+                          <h3 id="wrmc-show-title-973" 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-866">
-                          <h3 id="wrmc-show-title-866" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-982">
+                          <h3 id="wrmc-show-title-982" 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-782">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-782">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-782">
+                      <div class="weekly-schedule__show-wrapper electronic">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-734">
+                            <h3 id="wrmc-show-title-734">Mr. and Mrs. Send It</h3>
                             <time datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
-                            <h3 id="wrmc-show-title-782">Mr. and Mrs. Send It</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-1165" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-561" 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-1165"> Mr. and Mrs. Send It </h3>
+                              <h3 id="wrmc-show-teaser-header-561"> Mr. and Mrs. Send It </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Sid Vicious</em>
                             </p>
-                            <span class="show-details__genre">Blues</span>
+                            <span class="show-details__genre electronic">Electronic</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-268">
-                          <h3 id="wrmc-show-title-268" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-151">
+                          <h3 id="wrmc-show-title-151" 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-335">
-                          <h3 id="wrmc-show-title-335" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-670">
+                          <h3 id="wrmc-show-title-670" 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-709">
-                          <h3 id="wrmc-show-title-709" 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-675">
-                          <h3 id="wrmc-show-title-675" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-7">
+                          <h3 id="wrmc-show-title-7" 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,186 +637,186 @@ <h3 id="wrmc-show-title-675" 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-1128">
-                          <h3 id="wrmc-show-title-1128" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1096">
+                          <h3 id="wrmc-show-title-1096" 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-729">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-729">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-729">
+                      <div class="weekly-schedule__show-wrapper folk">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-327">
+                            <h3 id="wrmc-show-title-327">Grilled Cheese Sandwich</h3>
                             <time datetime="5:00" aria-label="show starts at 5:00 AM">5:00 AM</time>
-                            <h3 id="wrmc-show-title-729">Grilled Cheese Sandwich</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser " aria-labelledby="wrmc-show-teaser-header-1012" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-349" 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-1012"> Grilled Cheese Sandwich </h3>
+                              <h3 id="wrmc-show-teaser-header-349"> 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>
+                            <span class="show-details__genre folk">Folk</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-736">
-                          <h3 id="wrmc-show-title-736" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-208">
+                          <h3 id="wrmc-show-title-208" 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-1034">
-                          <h3 id="wrmc-show-title-1034" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-920">
+                          <h3 id="wrmc-show-title-920" 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-199">
-                          <h3 id="wrmc-show-title-199" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-378">
+                          <h3 id="wrmc-show-title-378" 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-1000">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-1000">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1000">
+                      <div class="weekly-schedule__show-wrapper punk">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-381">
+                            <h3 id="wrmc-show-title-381">Jazz Band, Hand and Feet</h3>
                             <time datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
-                            <h3 id="wrmc-show-title-1000">Jazz Band, Hand and Feet</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser " aria-labelledby="wrmc-show-teaser-header-991" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-413" 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-991"> Jazz Band, Hand and Feet </h3>
+                              <h3 id="wrmc-show-teaser-header-413"> Jazz Band, Hand and Feet </h3>
                             </a>
-                            <span class="show-details__genre">Blues</span>
+                            <span class="show-details__genre punk">Punk</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-349">
-                          <h3 id="wrmc-show-title-349" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-636">
+                          <h3 id="wrmc-show-title-636" 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-458">
-                          <h3 id="wrmc-show-title-458" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-668">
+                          <h3 id="wrmc-show-title-668" 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-75">
-                          <h3 id="wrmc-show-title-75" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-616">
+                          <h3 id="wrmc-show-title-616" 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-281">
-                          <h3 id="wrmc-show-title-281" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-449">
+                          <h3 id="wrmc-show-title-449" 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-1016">
-                          <h3 id="wrmc-show-title-1016" 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="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-876">
-                          <h3 id="wrmc-show-title-876" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-762">
+                          <h3 id="wrmc-show-title-762" 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-456">
-                          <h3 id="wrmc-show-title-456" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1032">
+                          <h3 id="wrmc-show-title-1032" 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-981">
-                          <h3 id="wrmc-show-title-981" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-740">
+                          <h3 id="wrmc-show-title-740" 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-828">
-                          <h3 id="wrmc-show-title-828" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-284">
+                          <h3 id="wrmc-show-title-284" 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-43">
-                          <h3 id="wrmc-show-title-43" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-855">
+                          <h3 id="wrmc-show-title-855" 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-1075">
-                          <h3 id="wrmc-show-title-1075" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-482">
+                          <h3 id="wrmc-show-title-482" 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-782">
-                          <h3 id="wrmc-show-title-782" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-218">
+                          <h3 id="wrmc-show-title-218" 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-1126">
-                          <h3 id="wrmc-show-title-1126" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-986">
+                          <h3 id="wrmc-show-title-986" 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-206">
-                          <h3 id="wrmc-show-title-206" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-480">
+                          <h3 id="wrmc-show-title-480" 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-906">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-906">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-906">
+                      <div class="weekly-schedule__show-wrapper rock">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-237">
+                            <h3 id="wrmc-show-title-237">Jazz Band, Hand and Feet</h3>
                             <time datetime="12:00" aria-label="show starts at 12:00 AM">12:00 AM</time>
-                            <h3 id="wrmc-show-title-906">Jazz Band, Hand and Feet</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-787" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-1147" 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-787"> Jazz Band, Hand and Feet </h3>
+                              <h3 id="wrmc-show-teaser-header-1147"> Jazz Band, Hand and Feet </h3>
                             </a>
-                            <span class="show-details__genre">Blues</span>
+                            <span class="show-details__genre rock">Rock</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-465">
-                          <h3 id="wrmc-show-title-465" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-945">
+                          <h3 id="wrmc-show-title-945" 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-500">
-                          <h3 id="wrmc-show-title-500" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-598">
+                          <h3 id="wrmc-show-title-598" 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-914">
-                          <h3 id="wrmc-show-title-914" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-864">
+                          <h3 id="wrmc-show-title-864" 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,175 +824,175 @@ <h3 id="wrmc-show-title-914" 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-110">
-                          <h3 id="wrmc-show-title-110" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-792">
+                          <h3 id="wrmc-show-title-792" 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-708">
-                          <h3 id="wrmc-show-title-708" 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="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-374">
-                          <h3 id="wrmc-show-title-374" 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="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-221">
-                          <h3 id="wrmc-show-title-221" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-817">
+                          <h3 id="wrmc-show-title-817" 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-1125">
-                          <h3 id="wrmc-show-title-1125" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-471">
+                          <h3 id="wrmc-show-title-471" 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-112">
-                          <h3 id="wrmc-show-title-112" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-224">
+                          <h3 id="wrmc-show-title-224" 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-1055">
-                          <h3 id="wrmc-show-title-1055" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-783">
+                          <h3 id="wrmc-show-title-783" 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-1100">
-                          <h3 id="wrmc-show-title-1100" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-909">
+                          <h3 id="wrmc-show-title-909" 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-1038">
-                          <h3 id="wrmc-show-title-1038" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1015">
+                          <h3 id="wrmc-show-title-1015" 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-188">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-188">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-188">
+                      <div class="weekly-schedule__show-wrapper world">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-359">
+                            <h3 id="wrmc-show-title-359">Experimental Jetset Companion</h3>
                             <time datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
-                            <h3 id="wrmc-show-title-188">Experimental Jetset Companion</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-867" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-319" 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-867"> Experimental Jetset Companion </h3>
+                              <h3 id="wrmc-show-teaser-header-319"> Experimental Jetset Companion </h3>
                             </a>
-                            <span class="show-details__genre">Blues</span>
+                            <span class="show-details__genre world">World</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-225">
-                          <h3 id="wrmc-show-title-225" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1154">
+                          <h3 id="wrmc-show-title-1154" 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-17">
-                          <h3 id="wrmc-show-title-17" 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="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-65">
-                          <h3 id="wrmc-show-title-65" 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="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-902">
-                          <h3 id="wrmc-show-title-902" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1082">
+                          <h3 id="wrmc-show-title-1082" 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-1231">
-                          <h3 id="wrmc-show-title-1231" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-508">
+                          <h3 id="wrmc-show-title-508" 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-677">
-                          <h3 id="wrmc-show-title-677" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-672">
+                          <h3 id="wrmc-show-title-672" 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-295">
-                          <h3 id="wrmc-show-title-295" 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="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-768">
-                          <h3 id="wrmc-show-title-768" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-89">
+                          <h3 id="wrmc-show-title-89" 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-828">
-                          <h3 id="wrmc-show-title-828" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-222">
+                          <h3 id="wrmc-show-title-222" 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-110">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-110">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-110">
+                      <div class="weekly-schedule__show-wrapper blues">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1001">
+                            <h3 id="wrmc-show-title-1001">Mr. and Mrs. Send It</h3>
                             <time datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
-                            <h3 id="wrmc-show-title-110">Mr. and Mrs. Send It</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-974" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-407" 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-974"> Mr. and Mrs. Send It </h3>
+                              <h3 id="wrmc-show-teaser-header-407"> Mr. and Mrs. Send It </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Sid Vicious</em>
                             </p>
-                            <span class="show-details__genre">Blues</span>
+                            <span class="show-details__genre blues">Blues</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1208">
-                          <h3 id="wrmc-show-title-1208" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1151">
+                          <h3 id="wrmc-show-title-1151" 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-1137">
-                          <h3 id="wrmc-show-title-1137" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-870">
+                          <h3 id="wrmc-show-title-870" 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-895">
-                          <h3 id="wrmc-show-title-895" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1043">
+                          <h3 id="wrmc-show-title-1043" 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-1171">
-                          <h3 id="wrmc-show-title-1171" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-420">
+                          <h3 id="wrmc-show-title-420" 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,192 +1000,192 @@ <h3 id="wrmc-show-title-1171" 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-413">
-                          <h3 id="wrmc-show-title-413" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-292">
+                          <h3 id="wrmc-show-title-292" 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-264">
-                          <h3 id="wrmc-show-title-264" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-161">
+                          <h3 id="wrmc-show-title-161" 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-977">
-                          <h3 id="wrmc-show-title-977" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1066">
+                          <h3 id="wrmc-show-title-1066" 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-780">
-                          <h3 id="wrmc-show-title-780" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1019">
+                          <h3 id="wrmc-show-title-1019" 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-224">
-                          <h3 id="wrmc-show-title-224" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-287">
+                          <h3 id="wrmc-show-title-287" 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-826">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-826">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-826">
+                      <div class="weekly-schedule__show-wrapper reggae">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1138">
+                            <h3 id="wrmc-show-title-1138">Jazz Band, Hand and Feet</h3>
                             <time datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
-                            <h3 id="wrmc-show-title-826">Jazz Band, Hand and Feet</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser " aria-labelledby="wrmc-show-teaser-header-30" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-570" 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-30"> Jazz Band, Hand and Feet </h3>
+                              <h3 id="wrmc-show-teaser-header-570"> Jazz Band, Hand and Feet </h3>
                             </a>
-                            <span class="show-details__genre">Blues</span>
+                            <span class="show-details__genre reggae">Reggae</span>
                           </div>
                         </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-741">
+                          <h3 id="wrmc-show-title-741" 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-535">
-                          <h3 id="wrmc-show-title-535" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-287">
+                          <h3 id="wrmc-show-title-287" 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-430">
-                          <h3 id="wrmc-show-title-430" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-829">
+                          <h3 id="wrmc-show-title-829" 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-962">
-                          <h3 id="wrmc-show-title-962" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-223">
+                          <h3 id="wrmc-show-title-223" 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-700">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-700">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-700">
+                      <div class="weekly-schedule__show-wrapper blues">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-501">
+                            <h3 id="wrmc-show-title-501">Hot Chocolate on the Bus</h3>
                             <time datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
-                            <h3 id="wrmc-show-title-700">Hot Chocolate on the Bus</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-62" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-836" 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-62"> Hot Chocolate on the Bus </h3>
+                              <h3 id="wrmc-show-teaser-header-836"> Hot Chocolate on the Bus </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Adam Yauch</em>
                             </p>
                             <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">Blues</span>
+                            <span class="show-details__genre blues">Blues</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1227">
-                          <h3 id="wrmc-show-title-1227" 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="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-112">
-                          <h3 id="wrmc-show-title-112" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-639">
+                          <h3 id="wrmc-show-title-639" 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-189">
-                          <h3 id="wrmc-show-title-189" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1069">
+                          <h3 id="wrmc-show-title-1069" 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-295">
-                          <h3 id="wrmc-show-title-295" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-909">
+                          <h3 id="wrmc-show-title-909" 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-1105">
-                          <h3 id="wrmc-show-title-1105" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1058">
+                          <h3 id="wrmc-show-title-1058" 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-1112">
-                          <h3 id="wrmc-show-title-1112" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-186">
+                          <h3 id="wrmc-show-title-186" 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-997">
-                          <h3 id="wrmc-show-title-997" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-197">
+                          <h3 id="wrmc-show-title-197" 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-528">
-                          <h3 id="wrmc-show-title-528" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1010">
+                          <h3 id="wrmc-show-title-1010" 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-247">
-                          <h3 id="wrmc-show-title-247" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-920">
+                          <h3 id="wrmc-show-title-920" 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-1046">
-                          <h3 id="wrmc-show-title-1046" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1140">
+                          <h3 id="wrmc-show-title-1140" 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-135">
-                          <h3 id="wrmc-show-title-135" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-455">
+                          <h3 id="wrmc-show-title-455" 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-840">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-840">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-840">
+                      <div class="weekly-schedule__show-wrapper jazz">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1017">
+                            <h3 id="wrmc-show-title-1017">I Love Rock and Roll</h3>
                             <time datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
-                            <h3 id="wrmc-show-title-840">I Love Rock and Roll</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-883" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top" aria-labelledby="wrmc-show-teaser-header-1001" 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-883"> I Love Rock and Roll </h3>
+                              <h3 id="wrmc-show-teaser-header-1001"> I Love Rock and Roll </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Matt Jennings and Tom</em>
                             </p>
-                            <span class="show-details__genre">Folk Rock</span>
+                            <span class="show-details__genre jazz">Jazz</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-226">
-                          <h3 id="wrmc-show-title-226" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-772">
+                          <h3 id="wrmc-show-title-772" 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,189 +1193,189 @@ <h3 id="wrmc-show-title-226" 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-506">
-                          <h3 id="wrmc-show-title-506" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-390">
+                          <h3 id="wrmc-show-title-390" 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-561">
-                          <h3 id="wrmc-show-title-561" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-218">
+                          <h3 id="wrmc-show-title-218" 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-851">
-                          <h3 id="wrmc-show-title-851" 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 js-wrmc-show-teaser-374">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-374">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-374">
+                      <div class="weekly-schedule__show-wrapper hip-hop">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-840">
+                            <h3 id="wrmc-show-title-840">Echo Locations</h3>
                             <time datetime="7:00" aria-label="show starts at 7:00 AM">7:00 AM</time>
-                            <h3 id="wrmc-show-title-374">Echo Locations</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-right" aria-labelledby="wrmc-show-teaser-header-293" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-297" 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-293"> Echo Locations </h3>
+                              <h3 id="wrmc-show-teaser-header-297"> 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>
+                            <span class="show-details__genre hip-hop">Hip Hop</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-182">
-                          <h3 id="wrmc-show-title-182" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-737">
+                          <h3 id="wrmc-show-title-737" 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-1168">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-1168">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1168">
+                      <div class="weekly-schedule__show-wrapper latin">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-125">
+                            <h3 id="wrmc-show-title-125">Jazz Band, Hand and Feet</h3>
                             <time datetime="9:00" aria-label="show starts at 9:00 AM">9:00 AM</time>
-                            <h3 id="wrmc-show-title-1168">Jazz Band, Hand and Feet</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-right" aria-labelledby="wrmc-show-teaser-header-1077" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-1112" 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-1077"> Jazz Band, Hand and Feet </h3>
+                              <h3 id="wrmc-show-teaser-header-1112"> Jazz Band, Hand and Feet </h3>
                             </a>
-                            <span class="show-details__genre">Blues</span>
+                            <span class="show-details__genre latin">Latin</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-1115">
-                          <h3 id="wrmc-show-title-1115" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-98">
+                          <h3 id="wrmc-show-title-98" 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-1063">
-                          <h3 id="wrmc-show-title-1063" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-447">
+                          <h3 id="wrmc-show-title-447" 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-414">
-                          <h3 id="wrmc-show-title-414" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-548">
+                          <h3 id="wrmc-show-title-548" 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-948">
-                          <h3 id="wrmc-show-title-948" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-703">
+                          <h3 id="wrmc-show-title-703" 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-378">
-                          <h3 id="wrmc-show-title-378" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1227">
+                          <h3 id="wrmc-show-title-1227" 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-1046">
-                          <h3 id="wrmc-show-title-1046" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-689">
+                          <h3 id="wrmc-show-title-689" 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-831">
-                          <h3 id="wrmc-show-title-831" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-727">
+                          <h3 id="wrmc-show-title-727" 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-658">
-                          <h3 id="wrmc-show-title-658" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-701">
+                          <h3 id="wrmc-show-title-701" 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-787">
-                          <h3 id="wrmc-show-title-787" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-511">
+                          <h3 id="wrmc-show-title-511" 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-900">
-                          <h3 id="wrmc-show-title-900" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-316">
+                          <h3 id="wrmc-show-title-316" 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-583">
-                          <h3 id="wrmc-show-title-583" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1209">
+                          <h3 id="wrmc-show-title-1209" 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-703">
-                          <h3 id="wrmc-show-title-703" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-926">
+                          <h3 id="wrmc-show-title-926" 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-342">
-                          <h3 id="wrmc-show-title-342" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-984">
+                          <h3 id="wrmc-show-title-984" 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-973">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-973">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-973">
+                      <div class="weekly-schedule__show-wrapper indie">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-492">
+                            <h3 id="wrmc-show-title-492">Mr. and Mrs. Send It</h3>
                             <time datetime="11:00" aria-label="show starts at 11:00 PM">11:00 PM</time>
-                            <h3 id="wrmc-show-title-973">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-1216" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-143" 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-1216"> Mr. and Mrs. Send It </h3>
+                              <h3 id="wrmc-show-teaser-header-143"> Mr. and Mrs. Send It </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Sid Vicious</em>
                             </p>
-                            <span class="show-details__genre">Blues</span>
+                            <span class="show-details__genre indie">Indie</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-281">
-                          <h3 id="wrmc-show-title-281" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-709">
+                          <h3 id="wrmc-show-title-709" 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-969">
-                          <h3 id="wrmc-show-title-969" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-858">
+                          <h3 id="wrmc-show-title-858" 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-924">
-                          <h3 id="wrmc-show-title-924" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-99">
+                          <h3 id="wrmc-show-title-99" 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-961">
-                          <h3 id="wrmc-show-title-961" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1029">
+                          <h3 id="wrmc-show-title-1029" 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,176 +1383,176 @@ <h3 id="wrmc-show-title-961" 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-490">
-                          <h3 id="wrmc-show-title-490" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-206">
+                          <h3 id="wrmc-show-title-206" 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-829">
-                          <h3 id="wrmc-show-title-829" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-507">
+                          <h3 id="wrmc-show-title-507" 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-597">
-                          <h3 id="wrmc-show-title-597" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-211">
+                          <h3 id="wrmc-show-title-211" 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-820">
-                          <h3 id="wrmc-show-title-820" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-984">
+                          <h3 id="wrmc-show-title-984" 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-784">
-                          <h3 id="wrmc-show-title-784" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-695">
+                          <h3 id="wrmc-show-title-695" 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-22">
-                          <h3 id="wrmc-show-title-22" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1204">
+                          <h3 id="wrmc-show-title-1204" 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-202">
-                          <h3 id="wrmc-show-title-202" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1160">
+                          <h3 id="wrmc-show-title-1160" 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-933">
-                          <h3 id="wrmc-show-title-933" 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="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-546">
-                          <h3 id="wrmc-show-title-546" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-387">
+                          <h3 id="wrmc-show-title-387" 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-1063">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-1063">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1063">
+                      <div class="weekly-schedule__show-wrapper funk">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-1223">
+                            <h3 id="wrmc-show-title-1223">Experimental Jetset Companion</h3>
                             <time datetime="1:00" aria-label="show starts at 1:00 PM">1:00 PM</time>
-                            <h3 id="wrmc-show-title-1063">Experimental Jetset Companion</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-76" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-626" 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-76"> Experimental Jetset Companion </h3>
+                              <h3 id="wrmc-show-teaser-header-626"> Experimental Jetset Companion </h3>
                             </a>
-                            <span class="show-details__genre">Blues</span>
+                            <span class="show-details__genre funk">Funk</span>
                           </div>
                         </article>
                       </div>
-                      <div class="weekly-schedule__show-wrapper js-wrmc-show-teaser-315">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-315">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-315">
+                      <div class="weekly-schedule__show-wrapper classical">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-4">
+                            <h3 id="wrmc-show-title-4">Hot Chocolate on the Bus</h3>
                             <time datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
-                            <h3 id="wrmc-show-title-315">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-980" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-53" 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-980"> Hot Chocolate on the Bus </h3>
+                              <h3 id="wrmc-show-teaser-header-53"> Hot Chocolate on the Bus </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Adam Yauch</em>
                             </p>
                             <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">Blues</span>
+                            <span class="show-details__genre classical">Classical</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-388">
-                          <h3 id="wrmc-show-title-388" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-63">
+                          <h3 id="wrmc-show-title-63" 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-20">
-                          <h3 id="wrmc-show-title-20" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-832">
+                          <h3 id="wrmc-show-title-832" 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-415">
-                          <h3 id="wrmc-show-title-415" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-802">
+                          <h3 id="wrmc-show-title-802" 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-385">
-                          <h3 id="wrmc-show-title-385" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-120">
+                          <h3 id="wrmc-show-title-120" 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-117">
-                          <h3 id="wrmc-show-title-117" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1000">
+                          <h3 id="wrmc-show-title-1000" 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-1124">
-                          <h3 id="wrmc-show-title-1124" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-997">
+                          <h3 id="wrmc-show-title-997" 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-48">
-                          <h3 id="wrmc-show-title-48" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-1106">
+                          <h3 id="wrmc-show-title-1106" 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-1137">
-                          <h3 id="wrmc-show-title-1137" 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-663">
-                          <h3 id="wrmc-show-title-663" 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="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-433">
-                          <h3 id="wrmc-show-title-433" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-389">
+                          <h3 id="wrmc-show-title-389" 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-653">
-                          <h3 id="wrmc-show-title-653" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-533">
+                          <h3 id="wrmc-show-title-533" 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-359">
-                          <h3 id="wrmc-show-title-359" 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="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-153">
-                          <h3 id="wrmc-show-title-153" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-775">
+                          <h3 id="wrmc-show-title-775" 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,192 +1560,192 @@ <h3 id="wrmc-show-title-153" 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-67">
-                          <h3 id="wrmc-show-title-67" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-49">
+                          <h3 id="wrmc-show-title-49" 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-573">
-                          <h3 id="wrmc-show-title-573" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-874">
+                          <h3 id="wrmc-show-title-874" 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-940">
-                          <h3 id="wrmc-show-title-940" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-165">
+                          <h3 id="wrmc-show-title-165" 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-861">
-                          <h3 id="wrmc-show-title-861" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-820">
+                          <h3 id="wrmc-show-title-820" 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-448">
-                          <h3 id="wrmc-show-title-448" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-7">
+                          <h3 id="wrmc-show-title-7" 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-882">
-                          <h3 id="wrmc-show-title-882" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-738">
+                          <h3 id="wrmc-show-title-738" 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-547">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-547">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-547">
+                      <div class="weekly-schedule__show-wrapper electronic">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-528">
+                            <h3 id="wrmc-show-title-528">Experimental Jetset Companion</h3>
                             <time datetime="10:00" aria-label="show starts at 10:00 AM">10:00 AM</time>
-                            <h3 id="wrmc-show-title-547">Experimental Jetset Companion</h3>
                           </article>
                         </button>
-                        <article class="show-teaser weekly-schedule__show-teaser align-right" aria-labelledby="wrmc-show-teaser-header-588" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-854" 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-588"> Experimental Jetset Companion </h3>
+                              <h3 id="wrmc-show-teaser-header-854"> Experimental Jetset Companion </h3>
                             </a>
-                            <span class="show-details__genre">Blues</span>
+                            <span class="show-details__genre electronic">Electronic</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-87">
-                          <h3 id="wrmc-show-title-87" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-272">
+                          <h3 id="wrmc-show-title-272" 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-549">
-                          <h3 id="wrmc-show-title-549" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-486">
+                          <h3 id="wrmc-show-title-486" 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-1186">
-                          <h3 id="wrmc-show-title-1186" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-767">
+                          <h3 id="wrmc-show-title-767" 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-751">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-751">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-751">
+                      <div class="weekly-schedule__show-wrapper electronic">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-495">
+                            <h3 id="wrmc-show-title-495">Hot Chocolate on the Bus</h3>
                             <time datetime="2:00" aria-label="show starts at 2:00 PM">2:00 PM</time>
-                            <h3 id="wrmc-show-title-751">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-557" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-280" 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-557"> Hot Chocolate on the Bus </h3>
+                              <h3 id="wrmc-show-teaser-header-280"> Hot Chocolate on the Bus </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Adam Yauch</em>
                             </p>
                             <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">Blues</span>
+                            <span class="show-details__genre electronic">Electronic</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-410">
-                          <h3 id="wrmc-show-title-410" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-298">
+                          <h3 id="wrmc-show-title-298" 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-867">
-                          <h3 id="wrmc-show-title-867" 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="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-758">
-                          <h3 id="wrmc-show-title-758" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-264">
+                          <h3 id="wrmc-show-title-264" 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-1157">
-                          <h3 id="wrmc-show-title-1157" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-681">
+                          <h3 id="wrmc-show-title-681" 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-1122">
-                          <h3 id="wrmc-show-title-1122" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-675">
+                          <h3 id="wrmc-show-title-675" 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-108">
-                          <h3 id="wrmc-show-title-108" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-364">
+                          <h3 id="wrmc-show-title-364" 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-231">
-                          <h3 id="wrmc-show-title-231" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-256">
+                          <h3 id="wrmc-show-title-256" 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-1138">
+                          <h3 id="wrmc-show-title-1138" 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-89">
-                          <h3 id="wrmc-show-title-89" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-859">
+                          <h3 id="wrmc-show-title-859" 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-357">
-                          <h3 id="wrmc-show-title-357" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-608">
+                          <h3 id="wrmc-show-title-608" 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-1099">
-                          <h3 id="wrmc-show-title-1099" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-701">
+                          <h3 id="wrmc-show-title-701" 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-727">
-                        <button aria-haspopup="dialog" aria-expanded="false" data-toggle-target=".js-wrmc-show-teaser-727">
-                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-727">
+                      <div class="weekly-schedule__show-wrapper blues">
+                        <button aria-haspopup="dialog">
+                          <article class="weekly-schedule__show" aria-labelledby="wrmc-show-title-718">
+                            <h3 id="wrmc-show-title-718">I Love Rock and Roll</h3>
                             <time datetime="2:00" aria-label="show starts at 2:00 AM">2:00 AM</time>
-                            <h3 id="wrmc-show-title-727">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-874" role=dialog>
+                        <article class="show-teaser weekly-schedule__show-teaser align-top-right" aria-labelledby="wrmc-show-teaser-header-1174" 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-874"> I Love Rock and Roll </h3>
+                              <h3 id="wrmc-show-teaser-header-1174"> I Love Rock and Roll </h3>
                             </a>
                             <p class="show-details__hosts">
                               <em>Matt Jennings and Tom</em>
                             </p>
-                            <span class="show-details__genre">Folk Rock</span>
+                            <span class="show-details__genre blues">Blues</span>
                           </div>
                         </article>
                       </div>
                       <div class="weekly-schedule__show-wrapper">
-                        <article class="text-center" aria-labelledby="wrmc-show-title-195">
-                          <h3 id="wrmc-show-title-195" class="sr-only">No show scheduled</h3>
+                        <article class="text-center" aria-labelledby="wrmc-show-title-269">
+                          <h3 id="wrmc-show-title-269" 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,375 +1760,375 @@ <h3 id="wrmc-show-title-195" 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-812">
-                      <a href="#wrmc-accordion-item-label-812" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-812" aria-expanded="true" aria-controls="wrmc-accordion-content-812" aria-labelledby="wrmc-accordion-item-label-812" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-823">
+                      <a href="#wrmc-accordion-item-label-823" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-823" aria-expanded="true" aria-controls="wrmc-accordion-content-823" aria-labelledby="wrmc-accordion-item-label-823" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-812">Monday</span>
+                          <span id="wrmc-accordion-item-label-823">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-812" aria-labelledby="wrmc-accordion-item-label-812">
+                      <div role="tabpanel" id="midd-accordion-content-823" aria-labelledby="wrmc-accordion-item-label-823">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-679">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-154">
                               <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-679"> Mixed Confetti </h3>
+                                  <h3 id="wrmc-show-teaser-header-154"> Mixed Confetti </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Aaron Smith, Blair Kloman, Pooja Gunturu</em>
                                 </p>
                                 <p class="show-details__description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
-                                <span class="show-details__genre">Blues</span>
+                                <span class="show-details__genre blues">Blues</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-649">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-318">
                               <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-649"> Hot Chocolate on the Bus </h3>
+                                  <h3 id="wrmc-show-teaser-header-318"> Hot Chocolate on the Bus </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Adam Yauch</em>
                                 </p>
                                 <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">Blues</span>
+                                <span class="show-details__genre country">Country</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-244">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-523">
                               <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-244"> Mr. and Mrs. Send It </h3>
+                                  <h3 id="wrmc-show-teaser-header-523"> Mr. and Mrs. Send It </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Sid Vicious</em>
                                 </p>
-                                <span class="show-details__genre">Blues</span>
+                                <span class="show-details__genre electronic">Electronic</span>
                               </div>
                             </article>
                           </li>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-725">
-                      <a href="#wrmc-accordion-item-label-725" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-725" aria-expanded="true" aria-controls="wrmc-accordion-content-725" aria-labelledby="wrmc-accordion-item-label-725" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-486">
+                      <a href="#wrmc-accordion-item-label-486" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-486" aria-expanded="true" aria-controls="wrmc-accordion-content-486" aria-labelledby="wrmc-accordion-item-label-486" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-725">Tuesday</span>
+                          <span id="wrmc-accordion-item-label-486">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-725" aria-labelledby="wrmc-accordion-item-label-725">
+                      <div role="tabpanel" id="midd-accordion-content-486" aria-labelledby="wrmc-accordion-item-label-486">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-646">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1195">
                               <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-646"> Grilled Cheese Sandwich </h3>
+                                  <h3 id="wrmc-show-teaser-header-1195"> 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>
+                                <span class="show-details__genre folk">Folk</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-509">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-522">
                               <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-509"> Jazz Band, Hand and Feet </h3>
+                                  <h3 id="wrmc-show-teaser-header-522"> Jazz Band, Hand and Feet </h3>
                                 </a>
-                                <span class="show-details__genre">Blues</span>
+                                <span class="show-details__genre punk">Punk</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-713">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-528">
                               <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-713"> Jazz Band, Hand and Feet </h3>
+                                  <h3 id="wrmc-show-teaser-header-528"> Jazz Band, Hand and Feet </h3>
                                 </a>
-                                <span class="show-details__genre">Blues</span>
+                                <span class="show-details__genre rock">Rock</span>
                               </div>
                             </article>
                           </li>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-425">
-                      <a href="#wrmc-accordion-item-label-425" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-425" aria-expanded="true" aria-controls="wrmc-accordion-content-425" aria-labelledby="wrmc-accordion-item-label-425" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-96">
+                      <a href="#wrmc-accordion-item-label-96" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-96" aria-expanded="true" aria-controls="wrmc-accordion-content-96" aria-labelledby="wrmc-accordion-item-label-96" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-425">Wednesday</span>
+                          <span id="wrmc-accordion-item-label-96">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-425" aria-labelledby="wrmc-accordion-item-label-425">
+                      <div role="tabpanel" id="midd-accordion-content-96" aria-labelledby="wrmc-accordion-item-label-96">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-143">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-365">
                               <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-143"> Experimental Jetset Companion </h3>
+                                  <h3 id="wrmc-show-teaser-header-365"> Experimental Jetset Companion </h3>
                                 </a>
-                                <span class="show-details__genre">Blues</span>
+                                <span class="show-details__genre world">World</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-941">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-336">
                               <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-941"> Mr. and Mrs. Send It </h3>
+                                  <h3 id="wrmc-show-teaser-header-336"> Mr. and Mrs. Send It </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Sid Vicious</em>
                                 </p>
-                                <span class="show-details__genre">Blues</span>
+                                <span class="show-details__genre blues">Blues</span>
                               </div>
                             </article>
                           </li>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-452">
-                      <a href="#wrmc-accordion-item-label-452" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-452" aria-expanded="true" aria-controls="wrmc-accordion-content-452" aria-labelledby="wrmc-accordion-item-label-452" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-61">
+                      <a href="#wrmc-accordion-item-label-61" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-61" aria-expanded="true" aria-controls="wrmc-accordion-content-61" aria-labelledby="wrmc-accordion-item-label-61" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-452">Thursday</span>
+                          <span id="wrmc-accordion-item-label-61">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-452" aria-labelledby="wrmc-accordion-item-label-452">
+                      <div role="tabpanel" id="midd-accordion-content-61" aria-labelledby="wrmc-accordion-item-label-61">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-423">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-467">
                               <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-423"> Jazz Band, Hand and Feet </h3>
+                                  <h3 id="wrmc-show-teaser-header-467"> Jazz Band, Hand and Feet </h3>
                                 </a>
-                                <span class="show-details__genre">Blues</span>
+                                <span class="show-details__genre reggae">Reggae</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1175">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-629">
                               <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-1175"> Hot Chocolate on the Bus </h3>
+                                  <h3 id="wrmc-show-teaser-header-629"> Hot Chocolate on the Bus </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Adam Yauch</em>
                                 </p>
                                 <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">Blues</span>
+                                <span class="show-details__genre blues">Blues</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-840">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-588">
                               <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-840"> I Love Rock and Roll </h3>
+                                  <h3 id="wrmc-show-teaser-header-588"> I Love Rock and Roll </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Matt Jennings and Tom</em>
                                 </p>
-                                <span class="show-details__genre">Folk Rock</span>
+                                <span class="show-details__genre jazz">Jazz</span>
                               </div>
                             </article>
                           </li>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-524">
-                      <a href="#wrmc-accordion-item-label-524" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-524" aria-expanded="true" aria-controls="wrmc-accordion-content-524" aria-labelledby="wrmc-accordion-item-label-524" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-175">
+                      <a href="#wrmc-accordion-item-label-175" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-175" aria-expanded="true" aria-controls="wrmc-accordion-content-175" aria-labelledby="wrmc-accordion-item-label-175" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-524">Friday</span>
+                          <span id="wrmc-accordion-item-label-175">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-524" aria-labelledby="wrmc-accordion-item-label-524">
+                      <div role="tabpanel" id="midd-accordion-content-175" aria-labelledby="wrmc-accordion-item-label-175">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-253">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-210">
                               <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-253"> Echo Locations </h3>
+                                  <h3 id="wrmc-show-teaser-header-210"> 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>
+                                <span class="show-details__genre hip-hop">Hip Hop</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1085">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-571">
                               <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-1085"> Jazz Band, Hand and Feet </h3>
+                                  <h3 id="wrmc-show-teaser-header-571"> Jazz Band, Hand and Feet </h3>
                                 </a>
-                                <span class="show-details__genre">Blues</span>
+                                <span class="show-details__genre latin">Latin</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-471">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-706">
                               <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-471"> Mr. and Mrs. Send It </h3>
+                                  <h3 id="wrmc-show-teaser-header-706"> Mr. and Mrs. Send It </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Sid Vicious</em>
                                 </p>
-                                <span class="show-details__genre">Blues</span>
+                                <span class="show-details__genre indie">Indie</span>
                               </div>
                             </article>
                           </li>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-840">
-                      <a href="#wrmc-accordion-item-label-840" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-840" aria-expanded="true" aria-controls="wrmc-accordion-content-840" aria-labelledby="wrmc-accordion-item-label-840" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-675">
+                      <a href="#wrmc-accordion-item-label-675" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-675" aria-expanded="true" aria-controls="wrmc-accordion-content-675" aria-labelledby="wrmc-accordion-item-label-675" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-840">Saturday</span>
+                          <span id="wrmc-accordion-item-label-675">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-840" aria-labelledby="wrmc-accordion-item-label-840">
+                      <div role="tabpanel" id="midd-accordion-content-675" aria-labelledby="wrmc-accordion-item-label-675">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-179">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-663">
                               <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-179"> Experimental Jetset Companion </h3>
+                                  <h3 id="wrmc-show-teaser-header-663"> Experimental Jetset Companion </h3>
                                 </a>
-                                <span class="show-details__genre">Blues</span>
+                                <span class="show-details__genre funk">Funk</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-89">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-230">
                               <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-89"> Hot Chocolate on the Bus </h3>
+                                  <h3 id="wrmc-show-teaser-header-230"> Hot Chocolate on the Bus </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Adam Yauch</em>
                                 </p>
                                 <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">Blues</span>
+                                <span class="show-details__genre classical">Classical</span>
                               </div>
                             </article>
                           </li>
                         </ul>
                       </div>
                     </div>
-                    <div class="wrmc-accordion-item is-toggled js-accordion-item-901">
-                      <a href="#wrmc-accordion-item-label-901" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-901" aria-expanded="true" aria-controls="wrmc-accordion-content-901" aria-labelledby="wrmc-accordion-item-label-901" role="tab">
+                    <div class="wrmc-accordion-item is-toggled js-accordion-item-1204">
+                      <a href="#wrmc-accordion-item-label-1204" class="wrmc-accordion-item__link" data-toggle-target=".js-accordion-item-1204" aria-expanded="true" aria-controls="wrmc-accordion-content-1204" aria-labelledby="wrmc-accordion-item-label-1204" role="tab">
                         <h2 class="wrmc-accordion-item__title">
-                          <span id="wrmc-accordion-item-label-901">Sunday</span>
+                          <span id="wrmc-accordion-item-label-1204">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-901" aria-labelledby="wrmc-accordion-item-label-901">
+                      <div role="tabpanel" id="midd-accordion-content-1204" aria-labelledby="wrmc-accordion-item-label-1204">
                         <ul class="wrmc-accordion-item__content-list">
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-370">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-892">
                               <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-370"> Experimental Jetset Companion </h3>
+                                  <h3 id="wrmc-show-teaser-header-892"> Experimental Jetset Companion </h3>
                                 </a>
-                                <span class="show-details__genre">Blues</span>
+                                <span class="show-details__genre electronic">Electronic</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-807">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-174">
                               <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-807"> Hot Chocolate on the Bus </h3>
+                                  <h3 id="wrmc-show-teaser-header-174"> Hot Chocolate on the Bus </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Adam Yauch</em>
                                 </p>
                                 <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">Blues</span>
+                                <span class="show-details__genre electronic">Electronic</span>
                               </div>
                             </article>
                           </li>
                           <li class="wrmc-accordion-item__list-item">
-                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-81">
+                            <article class="show-teaser " aria-labelledby="wrmc-show-teaser-header-1174">
                               <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-81"> I Love Rock and Roll </h3>
+                                  <h3 id="wrmc-show-teaser-header-1174"> I Love Rock and Roll </h3>
                                 </a>
                                 <p class="show-details__hosts">
                                   <em>Matt Jennings and Tom</em>
                                 </p>
-                                <span class="show-details__genre">Folk Rock</span>
+                                <span class="show-details__genre blues">Blues</span>
                               </div>
                             </article>
                           </li>