From 3d1cf58339ef2ab7287ccf99d869a704e972a5e1 Mon Sep 17 00:00:00 2001
From: hamasoasis <hamasoasis84@gmail.com>
Date: Tue, 7 Apr 2026 00:03:18 -0500
Subject: [PATCH] Modernize UI, navigation, and footer; implement data-driven
 publications; fix responsive issues and logo styling

---
 _data/navigation.yml                          |   20 +-
 _data/publications.yml                        |   28 +
 _includes/_footer.html                        |  100 +-
 _includes/_head.html                          |    3 +
 _includes/_navigation.html                    |  344 +++--
 _sass/_01_settings_colors.scss                |   39 +-
 _sass/_07_layout.scss                         |   33 +-
 _site/404.html                                |  531 ++++---
 _site/about/index.html                        |  525 ++++---
 _site/adaptive/index.html                     |  521 ++++---
 _site/agenda/index.html                       |  521 ++++---
 _site/assets/css/atom.css                     |    2 +-
 _site/assets/css/atom.css.map                 |    2 +-
 _site/assets/css/modern-theme.css             |  595 ++++++++
 _site/assets/css/rss.css                      |    2 +-
 _site/assets/css/rss.css.map                  |    2 +-
 .../assets/css/styles_feeling_responsive.css  |    2 +-
 .../css/styles_feeling_responsive.css.map     |    2 +-
 _site/assets/xslt/atom.xslt                   |  521 ++++---
 _site/assets/xslt/rss.xslt                    |  521 ++++---
 _site/atom.xml                                |   12 +-
 _site/blog/archive/index.html                 |  525 ++++---
 _site/blog/index.html                         |  523 ++++---
 _site/contact/index.html                      |  517 ++++---
 _site/easi/index.html                         |  519 ++++---
 _site/feed.xml                                |    8 +-
 _site/humans.txt                              |    2 +-
 _site/index.html                              |  527 ++++---
 _site/mooclet/index.html                      |  519 ++++---
 _site/oli/index.html                          |  521 ++++---
 _site/overview/index.html                     |  564 +++++---
 _site/robots.txt                              |    2 +-
 _site/search/index.html                       |  527 ++++---
 _site/sitemap.xml                             |   92 +-
 _site/support/index.html                      |  523 ++++---
 _site/team/index.html                         |  531 ++++---
 _site/training_material/index.html            |  521 ++++---
 _site/upgrade/index.html                      | 1273 ++++++++++++++---
 _site/workshops/index.html                    |  517 ++++---
 assets/css/modern-theme.css                   |  595 ++++++++
 pages/overview.md                             |   47 +-
 pages/upgrade.md                              |  739 +++++++++-
 42 files changed, 9579 insertions(+), 4339 deletions(-)
 create mode 100644 _data/publications.yml
 create mode 100644 _site/assets/css/modern-theme.css
 create mode 100644 assets/css/modern-theme.css

diff --git a/_data/navigation.yml b/_data/navigation.yml
index 7f734be..004f328 100644
--- a/_data/navigation.yml
+++ b/_data/navigation.yml
@@ -3,7 +3,7 @@
   side: left
 
 - title: "About"
-  url: "/"
+  url: "#"
   side: left
   dropdown:
    - title: "Team"
@@ -12,17 +12,17 @@
      url: "/support/"  
 
 - title: "Partners"
-  url: "/"
+  url: "upgrade"
   side: left
   dropdown:
-    - title: "Mathia"
-      url: 'https://www.carnegielearning.com/solutions/math/mathia'
-    - title: "UpGrade"
-      url: 'https://www.upgradeplatform.org'
-    - title: "OLI"
-      url: 'https://oli.cmu.edu'  
-    - title: "MOOClet"
-      url: "/mooclet/"
+ #   - title: "Mathia"
+ #     url: 'https://www.carnegielearning.com/solutions/math/mathia'
+ #   - title: "UpGrade"
+ #     url: 'https://www.upgradeplatform.org'
+ #   - title: "OLI"
+#     url: 'https://oli.cmu.edu'  
+#    - title: "MOOClet"
+#      url: "/mooclet/"
 
 - title: Publications
   url: "/overview/"
diff --git a/_data/publications.yml b/_data/publications.yml
new file mode 100644
index 0000000..b7cf77d
--- /dev/null
+++ b/_data/publications.yml
@@ -0,0 +1,28 @@
+- type: Journal
+  author: "Badru, Lawal and Carver, J."
+  year: 2026
+  title: "Personalizing Supplementary Materials in Software Engineering: Impact of Preferences, Learning Styles, and Gender"
+  journal: "ACM Transactions on Computing Education"
+  month: "03"
+  doi: "10.1145/3806053"
+  url: "https://doi.org/10.1145/3806053"
+  publisher: "Association for Computing Machinery"
+  address: "New York, NY, USA"
+  keywords: "contextual Thompson Sampling, Adaptive Experiment"
+
+- type: Journal
+  author: "Hulleman, C. S., & Harackiewicz, J. M."
+  year: 2009
+  title: "Promoting interest and performance in high school science classes"
+  journal: "Science, 326(5958), 1410–1412"
+  doi: "10.1126/science.1177067"
+  url: "https://doi.org/10.1126/science.1177067"
+
+- type: Conference
+  author: "Badru, Lawal and An, M. and Stamper, J. and Carver, J."
+  year: 2025
+  title: "Optimizing Learning: A Comparative Study of Adaptive Experiments and Randomization in a Software Engineering Course"
+  booktitle: "Palermo '25: Sixth Annual Workshop on A/B Testing and Platform-Enabled Learning Engineering (PELE), Learning@Scale 2025"
+  month: "07"
+  address: "Palermo, Italy"
+  url: "https://www.researchgate.net/profile/Awwal-Badru/publication/395297168_Optimizing_Learning_A_Comparative_Study_of_Adaptive_Experiments_and_Randomization_in_a_Software_Engineering_Course/links/68badc0ee69154767c2a2c9f/Optimizing-Learning-A-Comparative-Study-of-Adaptive-Experiments-and-Randomization-in-a-Software-Engineering-Course.pdf"
diff --git a/_includes/_footer.html b/_includes/_footer.html
index 0efb30d..2e38153 100644
--- a/_includes/_footer.html
+++ b/_includes/_footer.html
@@ -1,82 +1,96 @@
+<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
 <div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">{{ site.data.language.info_website }}</h5>
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
 
-        <p class="shadow-black">
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>{{ site.data.language.info_website }}</h5>
+        <p>
           {{ site.description }}
           <a href="{{ site.url }}{{ site.baseurl }}/about/">{{ site.data.language.more }}</a>
-          <br>
-          {{ site.license }}
-          <br>
+        </p>
+        <p style="margin-top:10px">
+          {{ site.license }}<br>
           {{ site.disclaimer }}
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         {% for service_item in site.data.services %}
           {% if forloop.first == true %}
-            <h5 class="shadow-black">{{ service_item.menu_name }}</h5>
+            <h5>{{ service_item.menu_name }}</h5>
           {% endif %}
         {% endfor %}
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           {% for service_item in site.data.services %}
             {% if service_item.url contains 'http' %}{% assign domain = '' %}{% else %}{% capture domain %}{{ site.url }}{{ site.baseurl }}{% endcapture %}{% endif %}
-              <li {% if service_item.class %}class="{{ service_item.class }}" {% endif %}>
-                <a href="{{ domain }}{{ service_item.url }}" {% if service_item.url contains 'http' %}target="_blank" {% endif %} title="{{ service_item.title }}">{{ service_item.name }}</a>
-              </li>
+            <li {% if service_item.class %}class="{{ service_item.class }}"{% endif %}>
+              <a href="{{ domain }}{{ service_item.url }}" {% if service_item.url contains 'http' %}target="_blank" rel="noopener"{% endif %} title="{{ service_item.title }}">
+                {{ service_item.name }}
+              </a>
+            </li>
           {% endfor %}
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="{{ site.urlimg }}nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="{{ site.urlimg }}nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         {% for network_item in site.data.network %}
           {% if forloop.first == true %}
-            <h5 class="shadow-black">{{ network_item.menu_name }}</h5>
+            <h5>{{ network_item.menu_name }}</h5>
           {% endif %}
         {% endfor %}
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         {% for network_item in site.data.network %}
           {% if network_item.url contains 'http' %}{% assign domain = '' %}{% else %}{% capture domain %}{{ site.url }}{{ site.baseurl }}{% endcapture %}{% endif %}
-            <li {% if network_item.class %}class="{{ network_item.class }}" {% endif %}>
-              <a href="{{ domain }}{{ network_item.url }}" {% if network_item.url contains 'http' %}target="_blank" {% endif %} title="{{ network_item.title }}">{{ network_item.name }}</a>
-            </li>
+          <li {% if network_item.class %}class="{{ network_item.class }}"{% endif %}>
+            <a href="{{ domain }}{{ network_item.url }}" {% if network_item.url contains 'http' %}target="_blank" rel="noopener"{% endif %} title="{{ network_item.title }}">
+              {{ network_item.name }}
+            </a>
+          </li>
         {% endfor %}
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         {{ site.credits }}
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        {% for social_item in site.data.socialmedia %}
-          <li><a href="{{ social_item.url }}" target="_blank" class="{{ social_item.class }}" title="{{ social_item.title }}"></a></li>
-        {% endfor %}
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          {% for social_item in site.data.socialmedia %}
+            <li><a href="{{ social_item.url }}" target="_blank" rel="noopener" class="{{ social_item.class }}" title="{{ social_item.title }}"></a></li>
+          {% endfor %}
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
diff --git a/_includes/_head.html b/_includes/_head.html
index 5d7ab0d..b5b3751 100644
--- a/_includes/_head.html
+++ b/_includes/_head.html
@@ -23,6 +23,9 @@
 	<title>{{ title }}</title>
 
     <link rel="stylesheet" type="text/css" href="{{ url }}/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="{{ url }}/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   {% if site.asciidoctor-enabled == true %}
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.0/css/font-awesome.min.css">
diff --git a/_includes/_navigation.html b/_includes/_navigation.html
index 3a671c4..b044085 100644
--- a/_includes/_navigation.html
+++ b/_includes/_navigation.html
@@ -1,162 +1,224 @@
 {% comment %}
-*
-*  To customize the navigation of *Feeling Responsive*,
-*  edit `_data/navigation.yml`.
-*
+  Modern EASI Navigation
+  - Replaces Foundation top-bar with a self-contained glassmorphic nav
+  - Reads links from _data/navigation.yml (same as before)
+  - Mobile drawer managed by inline JS (no Foundation JS required)
 {% endcomment %}
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="{{ site.url }}{{ site.baseurl }}" class="icon-tree"> {{ site.title }}</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-{% comment %}
-
-    ____  _       __    __     _   __            _             __  _
-   / __ \(_)___ _/ /_  / /_   / | / /___ __   __(_)___ _____ _/ /_(_)___  ____
-  / /_/ / / __ `/ __/\/ __/  /  |/ / __ `/ | / / / __ `/ __ `/ __/ / __ \/ __ \
- / _, _/ / /_/ / / / / /_   / /|  / /_/ /| |/ / / /_/ / /_/ / /_/ / /_/ / / / /
-/_/ |_/_/\__, /_/ /_/\__/  /_/ |_/\__,_/ |___/_/\__, /\__,_/\__/_/\____/_/ /_/
-        /____/                                 /____/
 
-{% endcomment %}
-      <ul class="right">
+{% comment %} Keep original nav in DOM (hidden by CSS) so Foundation JS doesn't error {% endcomment %}
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
+
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
+
+    <!-- Logo -->
+    <a href="{{ site.url }}{{ site.baseurl }}/" class="easi-nav-logo" aria-label="{{ site.title }} Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
+
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         {% for link in site.data.navigation %}
+          {% if link.side == 'left' %}
 
-              {% if link.url contains 'http' %}
-                {% assign domain = '' %}
-                {% assign _baseurl = '' %}
-              {% elsif link.url == '#' %}
-                {% assign domain = '' %}
-                {% assign _baseurl = site.baseurl %}
-              {% else %}
-                {% assign domain = site.url %}
-                {% assign _baseurl = site.baseurl %}
-              {% endif %}
-
-
-
-          {% comment %}   If there are links for right side begin   {% endcomment %}
-          {% if link.side == 'right' %}
-            {% comment %}   If right side WITHOUT dropdown menu do   {% endcomment %}
-            {% if link.dropdown == nil %}
-              <li class="{% if link.url == page.url %} active{% elsif page.homepage == true and link.url == '/' %} active{% endif %}">
-                {% if link.url contains 'http' %}
-                  <a {% if link.class %}class="{{link.class}}"{% endif %} href="{{ link.url }}" target="_blank">{{ link.title | escape }}</a>
+            {% comment %} Determine active state {% endcomment %}
+            {% assign is_active = false %}
+            {% if link.url != '#' and link.url == page.url %}{% assign is_active = true %}{% endif %}
+            {% if link.url != '#' and page.homepage == true and link.url == '/' %}{% assign is_active = true %}{% endif %}
+
+            {% if link.dropdown %}
+              <li class="{% if is_active %}active{% endif %}">
+                {% if link.url == '#' %}
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
+                {% elsif link.url contains 'http' %}
+                  <a href="{{ link.url }}" target="_blank" rel="noopener" aria-haspopup="true" aria-expanded="false">
                 {% else %}
-                  <a {% if link.class %}class="{{link.class}}"{% endif %} href="{{ link.url | relative_url }}">{{ link.title | escape }}</a>
+                  <a href="{{ link.url | relative_url }}" aria-haspopup="true" aria-expanded="false">
                 {% endif %}
+                    {{ link.title | escape }}
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  {% for drop in link.dropdown %}
+                    <li role="none">
+                      {% if drop.url contains 'http' %}
+                        <a href="{{ drop.url }}" target="_blank" rel="noopener" role="menuitem">{{ drop.title | escape }}</a>
+                      {% else %}
+                        <a href="{{ drop.url | relative_url }}" role="menuitem">{{ drop.title | escape }}</a>
+                      {% endif %}
+                    </li>
+                  {% endfor %}
+                </ul>
               </li>
-
-            {% comment %}   If right side WITH dropdown menu do   {% endcomment %}
             {% else %}
-
-              <li class="has-dropdown{% if link.url == page.url %} active{% endif %}">
+              <li class="{% if is_active %}active{% endif %}">
                 {% if link.url contains 'http' %}
-                  <a {% if link.class %}class="{{link.class}}"{% endif %} href="{{ link.url }}" target="_blank">{{ link.title | escape }}</a>
+                  <a href="{{ link.url }}" target="_blank" rel="noopener">{{ link.title | escape }}</a>
                 {% else %}
-                  <a {% if link.class %}class="{{link.class}}"{% endif %} href="{{ link.url | relative_url }}">{{ link.title | escape }}</a>
+                  <a href="{{ link.url | relative_url }}">{{ link.title | escape }}</a>
                 {% endif %}
-
-                  <ul class="dropdown">
-                    {% for dropdown_link in link.dropdown %}
-
-                      {% if dropdown_link.url contains 'http' %}
-                        {% assign domain = '' %}
-                        {% else %}
-                        {% assign domain = site.url %}
-                      {% endif %}
-
-                      {% if dropdown_link.url contains 'http' %}
-                        <li><a {% if dropdown_link.class %}class="{{dropdown_link.class}}"{% endif %} href="{{ dropdown_link.url }}" target="_blank">{{ dropdown_link.title | escape }}</a></li>
-                      {% else %}
-                        <li><a {% if dropdown_link.class %}class="{{dropdown_link.class}}"{% endif %} href="{{ dropdown_link.url | relative_url }}">{{ dropdown_link.title | escape }}</a></li>
-                      {% endif %}
-                    {% endfor %}
-                  </ul>
-
               </li>
             {% endif %}
+
           {% endif %}
         {% endfor %}
-        {% comment %}   First loop finished 1   {% endcomment %}
       </ul>
-{% comment %}
-
-    __         ______     _   __            _             __  _
-   / /   ___  / __/ /_   / | / /___ __   __(_)___ _____ _/ /_(_)___  ____
-  / /   / _ \/ /_/ __/  /  |/ / __ `/ | / / / __ `/ __ `/ __/ / __ \/ __ \
- / /___/  __/ __/ /_   / /|  / /_/ /| |/ / / /_/ / /_/ / /_/ / /_/ / / / /
-/_____/\___/_/  \__/  /_/ |_/\__,_/ |___/_/\__, /\__,_/\__/_/\____/_/ /_/
-                                          /____/
-
-{% endcomment %}
-      <ul class="left">
-        {% for link in site.data.navigation %}
-
-              {% if link.url contains 'http' %}
-                {% assign domain = '' %}
-                {% assign _baseurl = '' %}
-              {% elsif link.url == '#' %}
-                {% assign domain = '' %}
-                {% assign _baseurl = site.baseurl %}
+    </nav>
+
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    {% for link in site.data.navigation %}
+      {% if link.side == 'left' %}
+
+        {% if link.dropdown %}
+          <li>
+            {% if link.url contains 'http' %}
+              <a href="{{ link.url }}" target="_blank" rel="noopener">{{ link.title | escape }}</a>
+            {% else %}
+              <a href="{{ link.url | relative_url }}">{{ link.title | escape }}</a>
+            {% endif %}
+          </li>
+          {% for drop in link.dropdown %}
+            <li class="mobile-sub">
+              {% if drop.url contains 'http' %}
+                <a href="{{ drop.url }}" target="_blank" rel="noopener">↳ {{ drop.title | escape }}</a>
               {% else %}
-                {% assign domain = site.url %}
-                {% assign _baseurl = site.baseurl %}
+                <a href="{{ drop.url | relative_url }}">↳ {{ drop.title | escape }}</a>
               {% endif %}
-
-          {% comment %}   If there are links for left side begin   {% endcomment %}
-          {% if link.side == 'left' %}
-
-            {% comment %}   If left side WITHOUT dropdown menu do   {% endcomment %}
-            {% if link.dropdown == nil %}
-              <li{% if link.url == page.url %} class="active"{% elsif page.homepage == true and link.url == '/' %} class="active"{% endif %}>
-                {% if link.url contains 'http' %}
-                  <a {% if link.class %}class="{{link.class}}"{% endif %} href="{{ link.url }}" target="_blank">{{ link.title | escape }}</a>
-                {% else %}
-                  <a {% if link.class %}class="{{link.class}}"{% endif %} href="{{ link.url | relative_url }}">{{ link.title | escape }}</a>
-                {% endif %}
-              </li>
-              <li class="divider"></li>
-
-            {% comment %}   If left side WITH dropdown menu do   {% endcomment %}
+            </li>
+          {% endfor %}
+          <li><div class="easi-mobile-divider"></div></li>
+
+        {% else %}
+          <li>
+            {% if link.url contains 'http' %}
+              <a href="{{ link.url }}" target="_blank" rel="noopener">{{ link.title | escape }}</a>
             {% else %}
-
-              <li class="has-dropdown{% if link.url == page.url %} active{% endif %}">
-                {% if link.url contains 'http' %}
-                  <a {% if link.class %}class="{{link.class}}"{% endif %} href="{{ link.url }}" target="_blank">{{ link.title | escape }}</a>
-                {% else %}
-                  <a {% if link.class %}class="{{link.class}}"{% endif %} href="{{ link.url | relative_url }}">{{ link.title | escape }}</a>
-                {% endif %}
-
-                  <ul class="dropdown">
-                    {% for dropdown_link in link.dropdown %}
-
-                      {% if dropdown_link.url contains 'http' %}
-                        {% assign domain = '' %}
-                        {% else %}
-                        {% assign domain = site.url %}
-                      {% endif %}
-
-                      {% if dropdown_link.url contains 'http' %}
-                        <li><a {% if dropdown_link.class %}class="{{dropdown_link.class}}"{% endif %} href="{{ dropdown_link.url }}" target="_blank">{{ dropdown_link.title | escape }}</a></li>
-                      {% else %}
-                        <li><a {% if dropdown_link.class %}class="{{dropdown_link.class}}"{% endif %} href="{{ dropdown_link.url | relative_url }}">{{ dropdown_link.title | escape }}</a></li>
-                      {% endif %}
-                    {% endfor %}
-                  </ul>
-
-              </li>
-              <li class="divider"></li>
+              <a href="{{ link.url | relative_url }}">{{ link.title | escape }}</a>
             {% endif %}
-          {% endif %}
-        {% endfor %}
-        {% comment %}   Second loop finished   {% endcomment %}
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          </li>
+        {% endif %}
+
+      {% endif %}
+    {% endfor %}
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
diff --git a/_sass/_01_settings_colors.scss b/_sass/_01_settings_colors.scss
index 977ddb2..bf66c5b 100644
--- a/_sass/_01_settings_colors.scss
+++ b/_sass/_01_settings_colors.scss
@@ -16,24 +16,23 @@
 /* Basics
 ------------------------------------------------------------------- */
 
-$text-color:       	#111;
-$body-font-color: 	$text-color;
-$body-bg: 			#fdfdfd;
-$nav-bg:        #334D5C; //black: #000000;
+$text-color:       #1e293b;
+$body-font-color:  $text-color;
+$body-bg:          #f8fafc;
+$nav-bg:           #0a1628; // deep navy
 
 
 /* Corporate Identity Colorpalette
    https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/
 ------------------------------------------------------------------- */
 
-$ci-1: #334D5C;		// dark turquoise
-$ci-2: #45B29D;		// turquoise
-$ci-3: #EFC94C;		// yellow
-$ci-4: #E27A3F;		// orange
-$ci-5: #DF4949;		// red
-$ci-6: #A1D044;     // green
-//$ci-6: #209CEE; //IAC blue - not good for links on grey
-$ci-7: #5a0141;   //US-RSE Nav Color: 500E3D 
+$ci-1: #0a1628;		// deep navy
+$ci-2: #22d3ee;		// cyan
+$ci-3: #EFC94C;		// yellow (keep)
+$ci-4: #E27A3F;		// orange (keep)
+$ci-5: #DF4949;		// red (keep)
+$ci-6: #38bdf8;     // sky blue
+$ci-7: #112240;     // navy mid
 
 
 /* Foundation Color Variables
@@ -112,17 +111,13 @@ $topbar-menu-icon-color-toggled: $ci-7;
 
 
 
-/* Footer
-------------------------------------------------------------------- */
-
-$footer-bg: $grey-8;
-$footer-color: #fff;
-$footer-link-color: $ci-6;
-
+$footer-bg: #0a1628;
+$footer-color: #f0f9ff;
+$footer-link-color: #38bdf8;
 
-$subfooter-bg: $grey-13;
-$subfooter-color: $grey-8;
-$subfooter-link-color: $grey-8;
+$subfooter-bg: #060e1a;
+$subfooter-color: rgba(255,255,255,.45);
+$subfooter-link-color: rgba(255,255,255,.3);
 
 
 
diff --git a/_sass/_07_layout.scss b/_sass/_07_layout.scss
index b982841..49aecd1 100644
--- a/_sass/_07_layout.scss
+++ b/_sass/_07_layout.scss
@@ -72,12 +72,23 @@ body.video cite {
 /* Masthead
 ------------------------------------------------------------------- */
 
+/* Pages with full hero image — keep but offset by nav */
 #masthead {
     background-color: $primary-color;
+    margin-top: 64px;
 }
+
+/* No-image header — hidden; modern nav replaces it */
 #masthead-no-image-header {
-    background-color: $primary-color;
+    background-color: transparent;
+    height: 0 !important;
+    min-height: 0 !important;
+    overflow: hidden;
+    padding: 0;
+    margin: 0;
+    display: none !important;
 }
+
 #masthead-with-text {
     text-align: center;
     font-size: rem-calc(54);
@@ -85,12 +96,7 @@ body.video cite {
     color: #fff;
     text-transform: uppercase;
     text-shadow: 0 2px 3px rgba(0,0,0,.4);
-}
-#masthead-no-image-header {
-    height: 200px;
-}
-#masthead-no-image-header #logo img {
-    margin-top: 10px;
+    margin-top: 64px;
 }
 
 /* Masthead › small-only
@@ -101,21 +107,26 @@ body.video cite {
         display: none;
     }
     #masthead {
-        height: 200px;
+        margin-top: 64px;
+        height: 160px;
     }
     #masthead-with-pattern {
         padding: 15px 0;
+        margin-top: 64px;
     }
     #masthead-with-background-color {
         padding: 15px 0;
+        margin-top: 64px;
     }
     #masthead-with-text {
-        height: 220px;
+        height: 180px;
         padding: 30px 0;
-        font-size: rem-calc(36);
+        font-size: rem-calc(30);
+        margin-top: 64px;
     }
     #masthead-no-image-header {
-        display: none;
+        display: none !important;
+        height: 0 !important;
     }
 }
 
diff --git a/_site/404.html b/_site/404.html
index da9f310..6d56fba 100644
--- a/_site/404.html
+++ b/_site/404.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Oops! Nothing here...</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/404.html">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/404.html">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="Oops! Nothing here...">
 	<meta property="og:description" content="Maybe the webpage was moved or deleted; or did you maybe mistype the link?">
-	<meta property="og:url" content="http://localhost:4000/404.html">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/404.html">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="post">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
 
-          
-          
-        
 
-              
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-          
-          
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-        
-      </ul>
-
-      <ul class="left">
-        
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
                       
-                        <li><a  href="/team/">Team</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
                       
-                    
-
-                      
-
+                    </li>
+                  
+                    <li role="none">
                       
-                        <li><a  href="/support/">Research Support</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
                       
-                    
-                  </ul>
-
+                    </li>
+                  
+                </ul>
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+          
 
-              
+            
+            
+            
+            
+
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
+                
+              </li>
+            
 
           
+        
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/overview/">Publications</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
               </li>
-              <li class="divider"></li>
+            
+
+          
+        
+      </ul>
+    </nav>
+
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-          
+          </li>
         
 
-              
+      
+    
+      
 
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
+          
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -309,8 +424,8 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
     <div class="row">
         <div class="small-12 columns">
       
-              <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                  <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+              <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                  <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
               </a>
       
         </div><!-- /.small-12.columns -->
@@ -343,16 +458,16 @@ <h1>Oops! Nothing here...</h1>
 			<h2 id="no-problem">No problem!</h2>
 
 <p>Try…<br />
-…to start over on the <a href="/">home page</a>;<br />
+…to start over on the <a href="/ADAPTIVEEXPERIMENTS/">home page</a>;<br />
 …to <strong>search</strong> below;<br />
-if you can’t find it, <a href="/contact/">ask about it</a>.</p>
+if you can’t find it, <a href="/ADAPTIVEEXPERIMENTS/contact/">ask about it</a>.</p>
 
 <h3 id="search">Search</h3>
 
 <script language="Javascript" type="text/javascript">
 	function google_search() {
 		var query = document.getElementById("google-search").value;
-		window.open("https://www.google.com/search?q=" + query + "+site:" + "http%3A%2F%2Flocalhost%3A4000%2F");
+		window.open("https://www.google.com/search?q=" + query + "+site:" + "http%3A%2F%2Flocalhost%3A4000%2FADAPTIVEEXPERIMENTS%2F");
 	}
 </script>
 
@@ -360,8 +475,8 @@ <h3 id="search">Search</h3>
 	<input type="text" id="google-search" placeholder="Enter search term and hit enter" />
 </form>
 <noscript>
-	Search <a href="https://www.google.com/search?q=site:http%3A%2F%2Flocalhost%3A4000%2F" target="_blank">Google</a> for:
-	<pre><code>search-term site:http://localhost:4000/</code></pre>
+	Search <a href="https://www.google.com/search?q=site:http%3A%2F%2Flocalhost%3A4000%2FADAPTIVEEXPERIMENTS%2F" target="_blank">Google</a> for:
+	<pre><code>search-term site:http://localhost:4000/ADAPTIVEEXPERIMENTS/</code></pre>
 </noscript>
 
 
@@ -382,69 +497,79 @@ <h3 id="search">Search</h3>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -452,7 +577,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/about/index.html b/_site/about/index.html
index 76fa2b0..e7d50d2 100644
--- a/_site/about/index.html
+++ b/_site/about/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>EASI Project</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/about/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="EASI Project">
 	<meta property="og:description" content="EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;">
-	<meta property="og:url" content="http://localhost:4000/about/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="post">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
 
-          
-          
-        
 
-              
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-          
-          
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-        
-      </ul>
-
-      <ul class="left">
-        
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
                       
-                        <li><a  href="/team/">Team</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
                       
-                    
-
-                      
-
+                    </li>
+                  
+                    <li role="none">
                       
-                        <li><a  href="/support/">Research Support</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
                       
-                    
-                  </ul>
-
+                    </li>
+                  
+                </ul>
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+          
 
-              
+            
+            
+            
+            
+
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
+                
+              </li>
+            
 
           
+        
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/overview/">Publications</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
               </li>
-              <li class="divider"></li>
+            
+
+          
+        
+      </ul>
+    </nav>
+
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-          
+          </li>
         
 
-              
+      
+    
+      
 
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
+          
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -309,8 +424,8 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
     <div class="row">
         <div class="small-12 columns">
       
-              <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                  <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+              <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                  <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
               </a>
       
         </div><!-- /.small-12.columns -->
@@ -336,9 +451,9 @@ <h1>About</h1>
 			
 
 			<div itemprop="articleSection">
-			<p>Read more about the project <a href="/overview">here</a>.</p>
+			<p>Read more about the project <a href="/ADAPTIVEEXPERIMENTS/overview">here</a>.</p>
 
-<p>Read more about the project team <a href="http://localhost:4000/team">here</a>.</p>
+<p>Read more about the project team <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/team">here</a>.</p>
 
 			</div>
 
@@ -357,69 +472,79 @@ <h1>About</h1>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -427,7 +552,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/adaptive/index.html b/_site/adaptive/index.html
index 2716c91..2fba9ee 100644
--- a/_site/adaptive/index.html
+++ b/_site/adaptive/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Adaptive Experiment</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/adaptive/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/adaptive/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="Adaptive Experiment">
 	<meta property="og:description" content="There are multiple ways to conduct adaptive experiment, this page provides excellent teaching guide on adaptive experiments">
-	<meta property="og:url" content="http://localhost:4000/adaptive/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/adaptive/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="post">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
 
-          
-          
-        
 
-              
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-          
-          
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-        
-      </ul>
-
-      <ul class="left">
-        
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
                       
-                        <li><a  href="/team/">Team</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
                       
-                    
-
-                      
-
+                    </li>
+                  
+                    <li role="none">
                       
-                        <li><a  href="/support/">Research Support</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
                       
-                    
-                  </ul>
-
+                    </li>
+                  
+                </ul>
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+          
 
-              
+            
+            
+            
+            
+
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
+                
+              </li>
+            
 
           
+        
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/overview/">Publications</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
               </li>
-              <li class="divider"></li>
+            
+
+          
+        
+      </ul>
+    </nav>
+
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-          
+          </li>
         
 
-              
+      
+    
+      
 
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
+          
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -309,8 +424,8 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
     <div class="row">
         <div class="small-12 columns">
       
-              <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                  <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+              <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                  <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
               </a>
       
         </div><!-- /.small-12.columns -->
@@ -360,69 +475,79 @@ <h2 id="this-page-is-coming-soon-">This page is coming soon ….</h2>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -430,7 +555,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/agenda/index.html b/_site/agenda/index.html
index be40829..ac9384b 100644
--- a/_site/agenda/index.html
+++ b/_site/agenda/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Workshop Agenda</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/agenda/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/agenda/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="Workshop Agenda">
 	<meta property="og:description" content="EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;">
-	<meta property="og:url" content="http://localhost:4000/agenda/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/agenda/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="post">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
 
-          
-          
-        
 
-              
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-          
-          
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-        
-      </ul>
-
-      <ul class="left">
-        
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
                       
-                        <li><a  href="/team/">Team</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
                       
-                    
-
-                      
-
+                    </li>
+                  
+                    <li role="none">
                       
-                        <li><a  href="/support/">Research Support</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
                       
-                    
-                  </ul>
-
+                    </li>
+                  
+                </ul>
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+          
 
-              
+            
+            
+            
+            
+
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
+                
+              </li>
+            
 
           
+        
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/overview/">Publications</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
               </li>
-              <li class="divider"></li>
+            
+
+          
+        
+      </ul>
+    </nav>
+
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-          
+          </li>
         
 
-              
+      
+    
+      
 
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
+          
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -309,8 +424,8 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
     <div class="row">
         <div class="small-12 columns">
       
-              <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                  <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+              <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                  <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
               </a>
       
         </div><!-- /.small-12.columns -->
@@ -355,69 +470,79 @@ <h1>Workshop Agenda</h1>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -425,7 +550,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/assets/css/atom.css b/_site/assets/css/atom.css
index a42bb80..9efe22d 100644
--- a/_site/assets/css/atom.css
+++ b/_site/assets/css/atom.css
@@ -1 +1 @@
-.font-size-h1{font-size:2.441em}.font-size-h2{font-size:1.953em}.font-size-h3{font-size:1.563em}.font-size-h4{font-size:1.25em}.font-size-h5{font-size:1.152em}meta.foundation-version{font-family:"/5.5.0/"}meta.foundation-mq-small{font-family:"/only screen/";width:0em}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0em}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.063em)/";width:40.063em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.063em) and (max-width:64em)/";width:40.063em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.063em)/";width:64.063em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.063em) and (max-width:90em)/";width:64.063em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.063em)/";width:90.063em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.063em) and (max-width:120em)/";width:90.063em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.063em)/";width:120.063em}meta.foundation-data-attribute-namespace{font-family:false}*{display:block}:root{margin:3em;background:#fdfdfd;color:#111;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}feed>title{text-align:center;color:#6590aa;font-family:"Volkhov",Georgia,Times,serif;font-size:3.6615em;font-weight:bolder}feed>title::before{content:"Atom Feed for ";font-weight:initial}feed>title::after{content:"This Atom feed is meant to be used by RSS reader applications and websites.";display:block;padding:1em;background-color:#df4949;color:#fff;font-family:initial;font-size:initial;letter-spacing:initial}feed>id,feed>updated,feed>subtitle,feed>author,feed>link,feed>generator{display:none}entry{padding:1em 0;border-bottom:1px solid #020202}entry:last-child{border-bottom:none}entry>title{color:#a1d044;font-family:"Volkhov",Georgia,Times,serif;font-size:2.441em;margin-bottom:.5em}entry>link::after{content:attr(href);color:#334d5c}entry>updated{color:#a4a4a4;font-size:small}entry>summary{margin-top:1em}entry>id,entry>author,entry>category,entry>published,entry>content{display:none}/*# sourceMappingURL=atom.css.map */
\ No newline at end of file
+.font-size-h1{font-size:2.441em}.font-size-h2{font-size:1.953em}.font-size-h3{font-size:1.563em}.font-size-h4{font-size:1.25em}.font-size-h5{font-size:1.152em}meta.foundation-version{font-family:"/5.5.0/"}meta.foundation-mq-small{font-family:"/only screen/";width:0em}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0em}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.063em)/";width:40.063em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.063em) and (max-width:64em)/";width:40.063em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.063em)/";width:64.063em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.063em) and (max-width:90em)/";width:64.063em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.063em)/";width:90.063em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.063em) and (max-width:120em)/";width:90.063em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.063em)/";width:120.063em}meta.foundation-data-attribute-namespace{font-family:false}*{display:block}:root{margin:3em;background:#f8fafc;color:#1e293b;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}feed>title{text-align:center;color:#244e8e;font-family:"Volkhov",Georgia,Times,serif;font-size:3.6615em;font-weight:bolder}feed>title::before{content:"Atom Feed for ";font-weight:initial}feed>title::after{content:"This Atom feed is meant to be used by RSS reader applications and websites.";display:block;padding:1em;background-color:#df4949;color:#fff;font-family:initial;font-size:initial;letter-spacing:initial}feed>id,feed>updated,feed>subtitle,feed>author,feed>link,feed>generator{display:none}entry{padding:1em 0;border-bottom:1px solid #070503}entry:last-child{border-bottom:none}entry>title{color:#38bdf8;font-family:"Volkhov",Georgia,Times,serif;font-size:2.441em;margin-bottom:.5em}entry>link::after{content:attr(href);color:#0a1628}entry>updated{color:#a4a4a4;font-size:small}entry>summary{margin-top:1em}entry>id,entry>author,entry>category,entry>published,entry>content{display:none}/*# sourceMappingURL=atom.css.map */
\ No newline at end of file
diff --git a/_site/assets/css/atom.css.map b/_site/assets/css/atom.css.map
index 35c6b30..0e7f45d 100644
--- a/_site/assets/css/atom.css.map
+++ b/_site/assets/css/atom.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../_sass/_02_settings_typography.scss","../../_sass/_03_settings_mixins_media_queries.scss","atom.scss","../../_sass/_01_settings_colors.scss"],"names":[],"mappings":"AAuDA,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,OAQpB,wBAPoB,QCuPlB,wBACE,sBAGF,yBACE,4BACA,UAGF,8BACE,kDACA,UAGF,0BACE,qDACA,eAGF,+BACE,0EACA,eAGF,yBACE,qDACA,eAGF,8BACE,0EACA,eAGF,0BACE,qDACA,eAGF,+BACE,2EACA,eAGF,2BACE,sDACA,gBAGF,yCACE,kBCnVJ,EACC,cAGD,MACC,WACA,WCIY,QDHZ,MCCmB,iBHMK,mDEFxB,WACC,kBACA,cACA,0CACA,mBACA,mBACA,mBACC,yBACA,oBAED,kBACC,sFACA,cACA,YACA,iBCJI,QDKJ,WACA,oBACA,kBACA,uBAIF,wEAMC,aAIF,MACC,cACA,gCACA,iBACC,mBAGD,YACC,MC7BK,QD8BL,YFtCkB,8BEuClB,UFhBkB,QEiBlB,mBAGD,kBACC,mBACA,MC1CK,QD6CN,cACC,MCjBO,QDkBP,gBAGD,cACC,eAGD,mEAKC","sourcesContent":["@charset \"utf-8\";\r\n/* TOC – Typography variables\r\n\r\nModular Scale › http://www.modularscale.com//?16,36&px&1.25&web&table\r\n\r\n- Fonts\r\n- Font Weight\r\n- Font Size Variables\r\n\r\n*/\r\n\r\n@import \"functions\"; // Allows the use of rem-calc() or lower-bound() in your settings\r\n\r\n\r\n\r\n/* Fonts\r\n------------------------------------------------------------------- */\r\n\r\n$base-font-size: 16px;\r\n$rem-base: $base-font-size;\r\n// $base-line-height is 24px while $base-font-size is 16px\r\n$base-line-height: 1.5 !default;\r\n\r\n\r\n$font-family-sans-serif: \"Lato\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n$font-family-serif: \"Volkhov\", Georgia, Times, serif;\r\n$font-family-monospace: \"Lucida Console\", Monaco, monospace;\r\n\r\n$body-font-family: $font-family-sans-serif;\r\n$body-font-weight: normal;\r\n$body-font-style: normal;\r\n\r\n$header-font-family: $font-family-serif;\r\n\r\n\r\n\r\n/* Font Weight\r\n------------------------------------------------------------------- */\r\n\r\n$font-weight-normal: normal;\r\n$font-weight-bold: bold;\r\n\r\n\r\n\r\n/* Font Size Variables\r\n------------------------------------------------------------------- */\r\n\r\n$font-size-p:    \t$base-font-size;\r\n$font-size-h1:      2.441em;\r\n$font-size-h2:      1.953em;\r\n$font-size-h3:      1.563em;\r\n$font-size-h4:      1.25em;\r\n$font-size-h5:      1.152em;\r\n$font-size-small:   0.8em;\r\n\r\n.font-size-h1   { font-size: $font-size-h1; }\r\n.font-size-h2   { font-size: $font-size-h2; }\r\n.font-size-h3   { font-size: $font-size-h3; }\r\n.font-size-h4   { font-size: $font-size-h4; }\r\n.font-size-h5   { font-size: $font-size-h5; }\r\n","@charset \"utf-8\";\r\n// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n//\r\n// Foundation Variables\r\n//\r\n\r\n// Data attribute namespace\r\n// styles get applied to [data-mysite-plugin], etc\r\n$namespace: false !default;\r\n\r\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\r\n// for compatibility with browser-based text zoom or user-set defaults.\r\n\r\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\r\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\r\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\r\n$base-font-size: 100% !default;\r\n\r\n\r\n\r\n//\r\n// Global Foundation Mixins\r\n//\r\n\r\n// @mixins\r\n//\r\n// We use this to control border radius.\r\n// $radius - Default: $global-radius || 4px\r\n@mixin radius($radius:$global-radius) {\r\n  @if $radius {\r\n    border-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create equal side border radius on elements.\r\n// $side - Options: left, right, top, bottom\r\n@mixin side-radius($side, $radius:$global-radius) {\r\n  @if ($side == left or $side == right) {\r\n    -webkit-border-bottom-#{$side}-radius: $radius;\r\n    -webkit-border-top-#{$side}-radius: $radius;\r\n    border-bottom-#{$side}-radius: $radius;\r\n    border-top-#{$side}-radius: $radius;\r\n  } @else {\r\n    -webkit-#{$side}-left-radius: $radius;\r\n    -webkit-#{$side}-right-radius: $radius;\r\n    border-#{$side}-left-radius: $radius;\r\n    border-#{$side}-right-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We can control whether or not we have inset shadows edges.\r\n// $active - Default: true, Options: false\r\n@mixin inset-shadow($active:true) {\r\n  box-shadow: $shiny-edge-size $shiny-edge-color inset;\r\n\r\n  @if $active { &:active {\r\n    box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add transitions to elements\r\n// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties\r\n// $speed - Default: 300ms\r\n// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/\r\n@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {\r\n  transition: $property $speed $ease;\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add box-sizing across browser prefixes\r\n@mixin box-sizing($type:border-box) {\r\n  -webkit-box-sizing: $type; // Android < 2.3, iOS < 4\r\n     -moz-box-sizing: $type; // Firefox < 29\r\n          box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create isosceles triangles\r\n// $triangle-size - Used to set border-size. No default, set a px or em size.\r\n// $triangle-color - Used to set border-color which makes up triangle. No default\r\n// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right\r\n@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {\r\n  content: \"\";\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n  border: inset $triangle-size;\r\n  @if ($triangle-direction == top) {\r\n    border-color: $triangle-color transparent transparent transparent;\r\n    border-top-style: solid;\r\n  }\r\n  @if ($triangle-direction == bottom) {\r\n    border-color: transparent transparent $triangle-color transparent;\r\n    border-bottom-style: solid;\r\n  }\r\n  @if ($triangle-direction == left) {\r\n    border-color: transparent transparent transparent $triangle-color;\r\n    border-left-style: solid;\r\n  }\r\n  @if ($triangle-direction == right) {\r\n    border-color: transparent $triangle-color transparent transparent;\r\n    border-right-style: solid;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\r\n// $width - Width of hamburger icon in rem\r\n// $left - If false, icon will be centered horizontally || explicitly set value in rem\r\n// $top - If false, icon will be centered vertically || explicitly set value in rem\r\n// $thickness - thickness of lines in hamburger icon, set value in px\r\n// $gap - spacing between the lines in hamburger icon, set value in px\r\n// $color - icon color\r\n// $hover-color - icon color during hover\r\n// $offcanvas - Set to true of @include in offcanvas\r\n@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {\r\n  span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    display: block;\r\n    height: 0;\r\n\r\n    @if $offcanvas {\r\n      @if $top {\r\n        top: $top;\r\n      }\r\n      @else {\r\n        top: 50%;\r\n        margin-top: (-$width/2);\r\n      }\r\n      @if $left {\r\n        left: $left;\r\n      }\r\n      @else {\r\n        left: ($tabbar-menu-icon-width - $width)/2;\r\n      }\r\n    }\r\n    @else {\r\n      top: 50%;\r\n      margin-top: -($width/2);\r\n      #{$opposite-direction}: $topbar-link-padding;\r\n    }\r\n\r\n    box-shadow:\r\n      0 0 0 $thickness $color,\r\n      0 $gap + $thickness 0 $thickness $color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $color;\r\n    width: $width;\r\n  }\r\n  span:hover:after {\r\n    box-shadow:\r\n      0 0 0 $thickness $hover-color,\r\n      0 $gap + $thickness 0 $thickness $hover-color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;\r\n  }\r\n}\r\n\r\n// We use this to do clear floats\r\n@mixin clearfix {\r\n  &:before, &:after { content: \" \"; display: table; }\r\n  &:after { clear: both; }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add a glowing effect to block elements\r\n// $selector - Used for selector state. Default: focus, Options: hover, active, visited\r\n// $fade-time - Default: 300ms\r\n// $glowing-effect-color - Default: fade-out($primary-color, .25)\r\n@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) {\r\n  transition: box-shadow $fade-time, border-color $fade-time ease-in-out;\r\n\r\n  &:#{$selector} {\r\n    box-shadow: 0 0 5px $glowing-effect-color;\r\n    border-color: $glowing-effect-color;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to translate elements in 2D\r\n// $horizontal: Default: 0\r\n// $vertical: Default: 0\r\n@mixin translate2d($horizontal:0, $vertical:0) {\r\n  transform: translate($horizontal,$vertical)\r\n}\r\n\r\n// @mixins\r\n//\r\n// Makes an element visually hidden, but accessible.\r\n// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\r\n@mixin element-invisible {\r\n  position: absolute !important;\r\n  height: 1px;\r\n  width: 1px;\r\n  overflow: hidden;\r\n  clip: rect(1px, 1px, 1px, 1px);\r\n}\r\n\r\n// @mixins\r\n//\r\n// Turns off the element-invisible effect.\r\n@mixin element-invisible-off {\r\n  position: static !important;\r\n  height: auto;\r\n  width: auto;\r\n  overflow: visible;\r\n  clip: auto;\r\n}\r\n\r\n\r\n// We use these to control text direction settings\r\n$text-direction: ltr !default;\r\n$default-float: left !default;\r\n$opposite-direction: right !default;\r\n@if $text-direction == ltr {\r\n  $default-float: left;\r\n  $opposite-direction: right;\r\n} @else {\r\n  $default-float: right;\r\n  $opposite-direction: left;\r\n}\r\n\r\n// We use these to control inset shadow shiny edges and depressions.\r\n$shiny-edge-size: 0 1px 0 !default;\r\n$shiny-edge-color: rgba(#fff, .5) !default;\r\n$shiny-edge-active-color: rgba(#000, .2) !default;\r\n\r\n// We use this to control whether or not CSS classes come through in the gem files.\r\n$include-html-classes: true !default;\r\n$include-print-styles: true !default;\r\n$include-html-global-classes: $include-html-classes !default;\r\n\r\n$column-gutter: rem-calc(30) !default;\r\n\r\n\r\n\r\n\r\n// d. Media Query Ranges\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n$small-range: (0em, 40em);\r\n$medium-range: (40.063em, 64em);\r\n$large-range: (64.063em, 90em);\r\n$xlarge-range: (90.063em, 120em);\r\n$xxlarge-range: (120.063em, 99999999em);\r\n\r\n\r\n$screen: \"only screen\" !default;\r\n\r\n$landscape: \"#{$screen} and (orientation: landscape)\" !default;\r\n$portrait: \"#{$screen} and (orientation: portrait)\" !default;\r\n\r\n$small-up: $screen !default;\r\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\r\n\r\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\" !default;\r\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\" !default;\r\n\r\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\" !default;\r\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\" !default;\r\n\r\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\r\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\" !default;\r\n\r\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\" !default;\r\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\" !default;\r\n\r\n// Legacy\r\n$small: $medium-up;\r\n$medium: $medium-up;\r\n$large: $large-up;\r\n\r\n//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\r\n$cursor-auto-value: auto !default;\r\n$cursor-crosshair-value: crosshair !default;\r\n$cursor-default-value: default !default;\r\n$cursor-pointer-value: pointer !default;\r\n$cursor-help-value: help !default;\r\n$cursor-text-value: text !default;\r\n\r\n\r\n@include exports(\"global\") {\r\n\r\n  // Meta styles are included in all builds, as they are a dependancy of the Javascript.\r\n  // Used to provide media query values for javascript components.\r\n  // Forward slash placed around everything to convince PhantomJS to read the value.\r\n\r\n  meta.foundation-version {\r\n    font-family: \"/5.5.0/\";\r\n  }\r\n\r\n  meta.foundation-mq-small {\r\n    font-family: \"/\" + unquote($small-up) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-small-only {\r\n    font-family: \"/\" + unquote($small-only) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium {\r\n    font-family: \"/\" + unquote($medium-up) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium-only {\r\n    font-family: \"/\" + unquote($medium-only) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-large {\r\n    font-family: \"/\" + unquote($large-up) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-large-only {\r\n    font-family: \"/\" + unquote($large-only) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge {\r\n    font-family: \"/\" + unquote($xlarge-up) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge-only {\r\n    font-family: \"/\" + unquote($xlarge-only) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xxlarge {\r\n    font-family: \"/\" + unquote($xxlarge-up) + \"/\";\r\n    width: lower-bound($xxlarge-range);\r\n  }\r\n\r\n  meta.foundation-data-attribute-namespace {\r\n    font-family: #{$namespace};\r\n  }\r\n\r\n  @if $include-html-global-classes {\r\n\r\n    // Must be 100% for off canvas to work\r\n    html, body { height: 100%; }\r\n\r\n    // Set box-sizing globally to handle padding and border widths\r\n    *,\r\n    *:before,\r\n    *:after {\r\n      @include box-sizing(border-box);\r\n    }\r\n\r\n    html,\r\n    body { font-size: $base-font-size; }\r\n\r\n    // Default body styles\r\n    body {\r\n      background: $body-bg;\r\n      color: $body-font-color;\r\n      padding: 0;\r\n      margin: 0;\r\n      font-family: $body-font-family;\r\n      font-weight: $body-font-weight;\r\n      font-style: $body-font-style;\r\n      line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%\r\n      position: relative;\r\n      cursor: $cursor-auto-value;\r\n    }\r\n\r\n  a:hover { cursor: $cursor-pointer-value; }\r\n\r\n    // Grid Defaults to get images and embeds to work properly\r\n    img { max-width: 100%; height: auto; }\r\n\r\n    img { -ms-interpolation-mode: bicubic; }\r\n\r\n    #map_canvas,\r\n    .map_canvas {\r\n      img,\r\n      embed,\r\n      object { max-width: none !important;\r\n      }\r\n    }\r\n\r\n    // Miscellaneous useful HTML classes\r\n    .left { float: left !important; }\r\n    .right { float: right !important; }\r\n    .clearfix { @include clearfix; }\r\n\r\n    // Hide visually and from screen readers\r\n    .hide {\r\n      display: none !important;\r\n      visibility: hidden;\r\n    }\r\n\r\n    // Hide visually and from screen readers, but maintain layout\r\n    .invisible { visibility: hidden; }\r\n\r\n    // Font smoothing\r\n    // Antialiased font smoothing works best for light text on a dark background.\r\n    // Apply to single elements instead of globally to body.\r\n    // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.\r\n    .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\r\n\r\n    // Get rid of gap under images by making them display: inline-block; by default\r\n    img {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    //\r\n    // Global resets for forms\r\n    //\r\n\r\n    // Make sure textarea takes on height automatically\r\n    textarea { height: auto; min-height: 50px; }\r\n\r\n    // Make select elements 100% width by default\r\n    select { width: 100%; }\r\n  }\r\n}\r\n","@charset \"utf-8\";\n\n@import \"functions.scss\";\n\n$include-html-classes: false;\n@import \"01_settings_colors.scss\";\n@import \"02_settings_typography.scss\";\n@import \"03_settings_mixins_media_queries.scss\";\n@import \"04_settings_global.scss\";\n\n* {\n\tdisplay: block;\n}\n\n:root {\n\tmargin: 3em;\n\tbackground: $body-bg;\n\tcolor: $body-font-color;\n\tfont-family: $body-font-family;\n}\n\nfeed {\n\t> title {\n\t\ttext-align: center;\n\t\tcolor: lighten($primary-color, 25%);\n\t\tfont-family: $header-font-family;\n\t\tfont-size: $font-size-h1 * 1.5;\n\t\tfont-weight: bolder;\n\t\t&::before {\n\t\t\tcontent: 'Atom Feed for ';\n\t\t\tfont-weight: initial;\n\t\t}\n\t\t&::after {\n\t\t\tcontent: \"This Atom feed is meant to be used by RSS reader applications and websites.\";\n\t\t\tdisplay: block;\n\t\t\tpadding: 1em;\n\t\t\tbackground-color: $alert-color;\n\t\t\tcolor: #fff;\n\t\t\tfont-family: initial;\n\t\t\tfont-size: initial;\n\t\t\tletter-spacing: initial;\n\t\t}\n\t}\n\t\n\t> id,\n\t> updated,\n\t> subtitle,\n\t> author,\n\t> link,\n\t> generator {\n\t\tdisplay: none;\n\t}\n}\n\nentry {\n\tpadding: 1em 0;\n\tborder-bottom: 1px solid invert($body-bg);\n\t&:last-child {\n\t\tborder-bottom: none;\n\t}\n\n\t> title {\n\t\tcolor: $secondary-color;\n\t\tfont-family: $header-font-family;\n\t\tfont-size: $font-size-h1;\n\t\tmargin-bottom: 0.5em;\n\t}\n\n\t> link::after {\n\t\tcontent: attr(href);\n\t\tcolor: $primary-color;\n\t}\n\n\t> updated {\n\t\tcolor: $grey-5;\n\t\tfont-size: small;\n\t}\n\n\t> summary {\n\t\tmargin-top: 1em;\n\t}\n\n\t> id,\n\t> author,\n\t> category,\n\t> published,\n\t> content {\n\t\tdisplay: none;\n\t}\n}\n","@charset \"utf-8\";\r\n/* TOC – Color Variables\r\n\r\n- Basics\r\n- Corporate Identity Colorpalette\r\n- Foundation Color Variables\r\n- Grey Scale\r\n- Topbar-Navigation\r\n- Footer\r\n- Code\r\n\r\n*/\r\n\r\n\r\n\r\n/* Basics\r\n------------------------------------------------------------------- */\r\n\r\n$text-color:       \t#111;\r\n$body-font-color: \t$text-color;\r\n$body-bg: \t\t\t#fdfdfd;\r\n$nav-bg:        #334D5C; //black: #000000;\r\n\r\n\r\n/* Corporate Identity Colorpalette\r\n   https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/\r\n------------------------------------------------------------------- */\r\n\r\n$ci-1: #334D5C;\t\t// dark turquoise\r\n$ci-2: #45B29D;\t\t// turquoise\r\n$ci-3: #EFC94C;\t\t// yellow\r\n$ci-4: #E27A3F;\t\t// orange\r\n$ci-5: #DF4949;\t\t// red\r\n$ci-6: #A1D044;     // green\r\n//$ci-6: #209CEE; //IAC blue - not good for links on grey\r\n$ci-7: #5a0141;   //US-RSE Nav Color: 500E3D \r\n\r\n\r\n/* Foundation Color Variables\r\n------------------------------------------------------------------- */\r\n\r\n$primary-color: $ci-1;\r\n$secondary-color: $ci-6;\r\n$alert-color: $ci-5;\r\n$success-color: $ci-6;\r\n$warning-color: $ci-4;\r\n$info-color: $ci-1;\r\n\r\n\r\n\r\n/* Grey Scale\r\n------------------------------------------------------------------- */\r\n\r\n$grey-1: #E4E4E4;\r\n$grey-2: #D7D7D7;\r\n$grey-3: #CBCBCB;\r\n$grey-4: #BEBEBE;\r\n$grey-5: #A4A4A4;\r\n$grey-6: #979797;\r\n$grey-7: #8B8B8B;\r\n$grey-8: #7E7E7E;\r\n$grey-9: #646464;\r\n$grey-10: #575757;\r\n$grey-11: #4B4B4B;\r\n$grey-12: #3E3E3E;\r\n$grey-13: #313131;\r\n$grey-14: #242424;\r\n$grey-15: #171717;\r\n$grey-16: #0B0B0B;\r\n\r\n\r\n\r\n/* Topbar-Navigation\r\n------------------------------------------------------------------- */\r\n\r\n$topbar-bg-color: $nav-bg; //$body-bg;\r\n$topbar-bg: $topbar-bg-color;\r\n\r\n\r\n$topbar-dropdown-toggle-color: $ci-1;\r\n/*\r\n$topbar-link-color: #000;\r\n$topbar-link-color-hover: #000;\r\n$topbar-link-color-active: #000;\r\n$topbar-link-color-active-hover: #000;*/\r\n\r\n$topbar-link-color: #FDFEFE;\r\n$topbar-link-color-hover: #FDFEFE;\r\n$topbar-link-color-active: #FDFEFE;\r\n$topbar-link-color-active-hover: #FDFEFE;\r\n\r\n\r\n\r\n$topbar-dropdown-label-color: $ci-2;\r\n$topbar-dropdown-link-bg-hover: $ci-7;\r\n\r\n$topbar-link-bg-active: $ci-7; // Active Navigation Link\r\n$topbar-link-bg-hover: $ci-7;\r\n$topbar-link-bg-active-hover: $ci-2;\r\n\r\n\r\n$topbar-dropdown-bg: $ci-7; // Background Mobile Navigation\r\n$topbar-dropdown-link-color: #000;\r\n$topbar-dropdown-link-bg: $ci-2;\r\n\r\n$topbar-menu-link-color-toggled: $ci-1;\r\n$topbar-menu-icon-color-toggled: $ci-1;\r\n$topbar-menu-link-color: #000;\r\n$topbar-menu-icon-color: #000;\r\n$topbar-menu-link-color-toggled: $ci-7;\r\n$topbar-menu-icon-color-toggled: $ci-7;\r\n\r\n\r\n\r\n/* Footer\r\n------------------------------------------------------------------- */\r\n\r\n$footer-bg: $grey-8;\r\n$footer-color: #fff;\r\n$footer-link-color: $ci-6;\r\n\r\n\r\n$subfooter-bg: $grey-13;\r\n$subfooter-color: $grey-8;\r\n$subfooter-link-color: $grey-8;\r\n\r\n\r\n\r\n/* Code\r\n------------------------------------------------------------------- */\r\n\r\n$code-background-color: scale-color($secondary-color, $lightness: 70%);\r\n\r\n$highlight-background: #ffffff;\r\n$highlight-comment: #999988;\r\n$highlight-error: #a61717;\r\n$highlight-comment-special: #999999;\r\n$highlight-deleted: #000000;\r\n$highlight-error-2: #aa0000;\r\n$highlight-literal-string: #d14;\r\n$highlight-literal-number: #009999;\r\n$highlight-name-attribut: #008080;\r\n$highlight-error-background: #e3d2d2;\r\n$highlight-generic-deleted: #ffdddd;\r\n$highlight-generic-deleted-specific: #ffaaaa;\r\n$highlight-generic-inserted: #ddffdd;\r\n$highlight-generic-inserted-specific: #aaffaa;\r\n$highlight-generic-output: #888888;\r\n$highlight-generic-prompt: #555555;\r\n$highlight-subheading: #aaaaaa;\r\n$highlight-keyword-type: #445588;\r\n$highlight-name-builtin: #0086B3;\r\n$highlight-name-class: #445588;\r\n$highlight-name-entity: #800080;\r\n$highlight-name-exception: #990000;\r\n$highlight-name-function: #990000;\r\n$highlight-name-namespace: #555555;\r\n$highlight-name-tag: #000080;\r\n$highlight-text-whitespace: #bbbbbb;\r\n$highlight-literal-string-regex: #009926;\r\n$highlight-literal-string-symbol: #990073;\r\n"],"file":"atom.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../_sass/_02_settings_typography.scss","../../_sass/_03_settings_mixins_media_queries.scss","atom.scss","../../_sass/_01_settings_colors.scss"],"names":[],"mappings":"AAuDA,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,OAQpB,wBAPoB,QCuPlB,wBACE,sBAGF,yBACE,4BACA,UAGF,8BACE,kDACA,UAGF,0BACE,qDACA,eAGF,+BACE,0EACA,eAGF,yBACE,qDACA,eAGF,8BACE,0EACA,eAGF,0BACE,qDACA,eAGF,+BACE,2EACA,eAGF,2BACE,sDACA,gBAGF,yCACE,kBCnVJ,EACC,cAGD,MACC,WACA,WCIkB,QDHlB,MCCkB,oBHMM,mDEFxB,WACC,kBACA,cACA,0CACA,mBACA,mBACA,mBACC,yBACA,oBAED,kBACC,sFACA,cACA,YACA,iBCJI,QDKJ,WACA,oBACA,kBACA,uBAIF,wEAMC,aAIF,MACC,cACA,gCACA,iBACC,mBAGD,YACC,MC7BK,QD8BL,YFtCkB,8BEuClB,UFhBkB,QEiBlB,mBAGD,kBACC,mBACA,MC1CK,QD6CN,cACC,MClBO,QDmBP,gBAGD,cACC,eAGD,mEAKC","sourcesContent":["@charset \"utf-8\";\r\n/* TOC – Typography variables\r\n\r\nModular Scale › http://www.modularscale.com//?16,36&px&1.25&web&table\r\n\r\n- Fonts\r\n- Font Weight\r\n- Font Size Variables\r\n\r\n*/\r\n\r\n@import \"functions\"; // Allows the use of rem-calc() or lower-bound() in your settings\r\n\r\n\r\n\r\n/* Fonts\r\n------------------------------------------------------------------- */\r\n\r\n$base-font-size: 16px;\r\n$rem-base: $base-font-size;\r\n// $base-line-height is 24px while $base-font-size is 16px\r\n$base-line-height: 1.5 !default;\r\n\r\n\r\n$font-family-sans-serif: \"Lato\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n$font-family-serif: \"Volkhov\", Georgia, Times, serif;\r\n$font-family-monospace: \"Lucida Console\", Monaco, monospace;\r\n\r\n$body-font-family: $font-family-sans-serif;\r\n$body-font-weight: normal;\r\n$body-font-style: normal;\r\n\r\n$header-font-family: $font-family-serif;\r\n\r\n\r\n\r\n/* Font Weight\r\n------------------------------------------------------------------- */\r\n\r\n$font-weight-normal: normal;\r\n$font-weight-bold: bold;\r\n\r\n\r\n\r\n/* Font Size Variables\r\n------------------------------------------------------------------- */\r\n\r\n$font-size-p:    \t$base-font-size;\r\n$font-size-h1:      2.441em;\r\n$font-size-h2:      1.953em;\r\n$font-size-h3:      1.563em;\r\n$font-size-h4:      1.25em;\r\n$font-size-h5:      1.152em;\r\n$font-size-small:   0.8em;\r\n\r\n.font-size-h1   { font-size: $font-size-h1; }\r\n.font-size-h2   { font-size: $font-size-h2; }\r\n.font-size-h3   { font-size: $font-size-h3; }\r\n.font-size-h4   { font-size: $font-size-h4; }\r\n.font-size-h5   { font-size: $font-size-h5; }\r\n","@charset \"utf-8\";\r\n// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n//\r\n// Foundation Variables\r\n//\r\n\r\n// Data attribute namespace\r\n// styles get applied to [data-mysite-plugin], etc\r\n$namespace: false !default;\r\n\r\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\r\n// for compatibility with browser-based text zoom or user-set defaults.\r\n\r\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\r\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\r\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\r\n$base-font-size: 100% !default;\r\n\r\n\r\n\r\n//\r\n// Global Foundation Mixins\r\n//\r\n\r\n// @mixins\r\n//\r\n// We use this to control border radius.\r\n// $radius - Default: $global-radius || 4px\r\n@mixin radius($radius:$global-radius) {\r\n  @if $radius {\r\n    border-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create equal side border radius on elements.\r\n// $side - Options: left, right, top, bottom\r\n@mixin side-radius($side, $radius:$global-radius) {\r\n  @if ($side == left or $side == right) {\r\n    -webkit-border-bottom-#{$side}-radius: $radius;\r\n    -webkit-border-top-#{$side}-radius: $radius;\r\n    border-bottom-#{$side}-radius: $radius;\r\n    border-top-#{$side}-radius: $radius;\r\n  } @else {\r\n    -webkit-#{$side}-left-radius: $radius;\r\n    -webkit-#{$side}-right-radius: $radius;\r\n    border-#{$side}-left-radius: $radius;\r\n    border-#{$side}-right-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We can control whether or not we have inset shadows edges.\r\n// $active - Default: true, Options: false\r\n@mixin inset-shadow($active:true) {\r\n  box-shadow: $shiny-edge-size $shiny-edge-color inset;\r\n\r\n  @if $active { &:active {\r\n    box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add transitions to elements\r\n// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties\r\n// $speed - Default: 300ms\r\n// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/\r\n@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {\r\n  transition: $property $speed $ease;\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add box-sizing across browser prefixes\r\n@mixin box-sizing($type:border-box) {\r\n  -webkit-box-sizing: $type; // Android < 2.3, iOS < 4\r\n     -moz-box-sizing: $type; // Firefox < 29\r\n          box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create isosceles triangles\r\n// $triangle-size - Used to set border-size. No default, set a px or em size.\r\n// $triangle-color - Used to set border-color which makes up triangle. No default\r\n// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right\r\n@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {\r\n  content: \"\";\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n  border: inset $triangle-size;\r\n  @if ($triangle-direction == top) {\r\n    border-color: $triangle-color transparent transparent transparent;\r\n    border-top-style: solid;\r\n  }\r\n  @if ($triangle-direction == bottom) {\r\n    border-color: transparent transparent $triangle-color transparent;\r\n    border-bottom-style: solid;\r\n  }\r\n  @if ($triangle-direction == left) {\r\n    border-color: transparent transparent transparent $triangle-color;\r\n    border-left-style: solid;\r\n  }\r\n  @if ($triangle-direction == right) {\r\n    border-color: transparent $triangle-color transparent transparent;\r\n    border-right-style: solid;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\r\n// $width - Width of hamburger icon in rem\r\n// $left - If false, icon will be centered horizontally || explicitly set value in rem\r\n// $top - If false, icon will be centered vertically || explicitly set value in rem\r\n// $thickness - thickness of lines in hamburger icon, set value in px\r\n// $gap - spacing between the lines in hamburger icon, set value in px\r\n// $color - icon color\r\n// $hover-color - icon color during hover\r\n// $offcanvas - Set to true of @include in offcanvas\r\n@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {\r\n  span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    display: block;\r\n    height: 0;\r\n\r\n    @if $offcanvas {\r\n      @if $top {\r\n        top: $top;\r\n      }\r\n      @else {\r\n        top: 50%;\r\n        margin-top: (-$width/2);\r\n      }\r\n      @if $left {\r\n        left: $left;\r\n      }\r\n      @else {\r\n        left: ($tabbar-menu-icon-width - $width)/2;\r\n      }\r\n    }\r\n    @else {\r\n      top: 50%;\r\n      margin-top: -($width/2);\r\n      #{$opposite-direction}: $topbar-link-padding;\r\n    }\r\n\r\n    box-shadow:\r\n      0 0 0 $thickness $color,\r\n      0 $gap + $thickness 0 $thickness $color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $color;\r\n    width: $width;\r\n  }\r\n  span:hover:after {\r\n    box-shadow:\r\n      0 0 0 $thickness $hover-color,\r\n      0 $gap + $thickness 0 $thickness $hover-color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;\r\n  }\r\n}\r\n\r\n// We use this to do clear floats\r\n@mixin clearfix {\r\n  &:before, &:after { content: \" \"; display: table; }\r\n  &:after { clear: both; }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add a glowing effect to block elements\r\n// $selector - Used for selector state. Default: focus, Options: hover, active, visited\r\n// $fade-time - Default: 300ms\r\n// $glowing-effect-color - Default: fade-out($primary-color, .25)\r\n@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) {\r\n  transition: box-shadow $fade-time, border-color $fade-time ease-in-out;\r\n\r\n  &:#{$selector} {\r\n    box-shadow: 0 0 5px $glowing-effect-color;\r\n    border-color: $glowing-effect-color;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to translate elements in 2D\r\n// $horizontal: Default: 0\r\n// $vertical: Default: 0\r\n@mixin translate2d($horizontal:0, $vertical:0) {\r\n  transform: translate($horizontal,$vertical)\r\n}\r\n\r\n// @mixins\r\n//\r\n// Makes an element visually hidden, but accessible.\r\n// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\r\n@mixin element-invisible {\r\n  position: absolute !important;\r\n  height: 1px;\r\n  width: 1px;\r\n  overflow: hidden;\r\n  clip: rect(1px, 1px, 1px, 1px);\r\n}\r\n\r\n// @mixins\r\n//\r\n// Turns off the element-invisible effect.\r\n@mixin element-invisible-off {\r\n  position: static !important;\r\n  height: auto;\r\n  width: auto;\r\n  overflow: visible;\r\n  clip: auto;\r\n}\r\n\r\n\r\n// We use these to control text direction settings\r\n$text-direction: ltr !default;\r\n$default-float: left !default;\r\n$opposite-direction: right !default;\r\n@if $text-direction == ltr {\r\n  $default-float: left;\r\n  $opposite-direction: right;\r\n} @else {\r\n  $default-float: right;\r\n  $opposite-direction: left;\r\n}\r\n\r\n// We use these to control inset shadow shiny edges and depressions.\r\n$shiny-edge-size: 0 1px 0 !default;\r\n$shiny-edge-color: rgba(#fff, .5) !default;\r\n$shiny-edge-active-color: rgba(#000, .2) !default;\r\n\r\n// We use this to control whether or not CSS classes come through in the gem files.\r\n$include-html-classes: true !default;\r\n$include-print-styles: true !default;\r\n$include-html-global-classes: $include-html-classes !default;\r\n\r\n$column-gutter: rem-calc(30) !default;\r\n\r\n\r\n\r\n\r\n// d. Media Query Ranges\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n$small-range: (0em, 40em);\r\n$medium-range: (40.063em, 64em);\r\n$large-range: (64.063em, 90em);\r\n$xlarge-range: (90.063em, 120em);\r\n$xxlarge-range: (120.063em, 99999999em);\r\n\r\n\r\n$screen: \"only screen\" !default;\r\n\r\n$landscape: \"#{$screen} and (orientation: landscape)\" !default;\r\n$portrait: \"#{$screen} and (orientation: portrait)\" !default;\r\n\r\n$small-up: $screen !default;\r\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\r\n\r\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\" !default;\r\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\" !default;\r\n\r\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\" !default;\r\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\" !default;\r\n\r\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\r\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\" !default;\r\n\r\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\" !default;\r\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\" !default;\r\n\r\n// Legacy\r\n$small: $medium-up;\r\n$medium: $medium-up;\r\n$large: $large-up;\r\n\r\n//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\r\n$cursor-auto-value: auto !default;\r\n$cursor-crosshair-value: crosshair !default;\r\n$cursor-default-value: default !default;\r\n$cursor-pointer-value: pointer !default;\r\n$cursor-help-value: help !default;\r\n$cursor-text-value: text !default;\r\n\r\n\r\n@include exports(\"global\") {\r\n\r\n  // Meta styles are included in all builds, as they are a dependancy of the Javascript.\r\n  // Used to provide media query values for javascript components.\r\n  // Forward slash placed around everything to convince PhantomJS to read the value.\r\n\r\n  meta.foundation-version {\r\n    font-family: \"/5.5.0/\";\r\n  }\r\n\r\n  meta.foundation-mq-small {\r\n    font-family: \"/\" + unquote($small-up) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-small-only {\r\n    font-family: \"/\" + unquote($small-only) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium {\r\n    font-family: \"/\" + unquote($medium-up) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium-only {\r\n    font-family: \"/\" + unquote($medium-only) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-large {\r\n    font-family: \"/\" + unquote($large-up) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-large-only {\r\n    font-family: \"/\" + unquote($large-only) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge {\r\n    font-family: \"/\" + unquote($xlarge-up) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge-only {\r\n    font-family: \"/\" + unquote($xlarge-only) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xxlarge {\r\n    font-family: \"/\" + unquote($xxlarge-up) + \"/\";\r\n    width: lower-bound($xxlarge-range);\r\n  }\r\n\r\n  meta.foundation-data-attribute-namespace {\r\n    font-family: #{$namespace};\r\n  }\r\n\r\n  @if $include-html-global-classes {\r\n\r\n    // Must be 100% for off canvas to work\r\n    html, body { height: 100%; }\r\n\r\n    // Set box-sizing globally to handle padding and border widths\r\n    *,\r\n    *:before,\r\n    *:after {\r\n      @include box-sizing(border-box);\r\n    }\r\n\r\n    html,\r\n    body { font-size: $base-font-size; }\r\n\r\n    // Default body styles\r\n    body {\r\n      background: $body-bg;\r\n      color: $body-font-color;\r\n      padding: 0;\r\n      margin: 0;\r\n      font-family: $body-font-family;\r\n      font-weight: $body-font-weight;\r\n      font-style: $body-font-style;\r\n      line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%\r\n      position: relative;\r\n      cursor: $cursor-auto-value;\r\n    }\r\n\r\n  a:hover { cursor: $cursor-pointer-value; }\r\n\r\n    // Grid Defaults to get images and embeds to work properly\r\n    img { max-width: 100%; height: auto; }\r\n\r\n    img { -ms-interpolation-mode: bicubic; }\r\n\r\n    #map_canvas,\r\n    .map_canvas {\r\n      img,\r\n      embed,\r\n      object { max-width: none !important;\r\n      }\r\n    }\r\n\r\n    // Miscellaneous useful HTML classes\r\n    .left { float: left !important; }\r\n    .right { float: right !important; }\r\n    .clearfix { @include clearfix; }\r\n\r\n    // Hide visually and from screen readers\r\n    .hide {\r\n      display: none !important;\r\n      visibility: hidden;\r\n    }\r\n\r\n    // Hide visually and from screen readers, but maintain layout\r\n    .invisible { visibility: hidden; }\r\n\r\n    // Font smoothing\r\n    // Antialiased font smoothing works best for light text on a dark background.\r\n    // Apply to single elements instead of globally to body.\r\n    // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.\r\n    .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\r\n\r\n    // Get rid of gap under images by making them display: inline-block; by default\r\n    img {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    //\r\n    // Global resets for forms\r\n    //\r\n\r\n    // Make sure textarea takes on height automatically\r\n    textarea { height: auto; min-height: 50px; }\r\n\r\n    // Make select elements 100% width by default\r\n    select { width: 100%; }\r\n  }\r\n}\r\n","@charset \"utf-8\";\n\n@import \"functions.scss\";\n\n$include-html-classes: false;\n@import \"01_settings_colors.scss\";\n@import \"02_settings_typography.scss\";\n@import \"03_settings_mixins_media_queries.scss\";\n@import \"04_settings_global.scss\";\n\n* {\n\tdisplay: block;\n}\n\n:root {\n\tmargin: 3em;\n\tbackground: $body-bg;\n\tcolor: $body-font-color;\n\tfont-family: $body-font-family;\n}\n\nfeed {\n\t> title {\n\t\ttext-align: center;\n\t\tcolor: lighten($primary-color, 25%);\n\t\tfont-family: $header-font-family;\n\t\tfont-size: $font-size-h1 * 1.5;\n\t\tfont-weight: bolder;\n\t\t&::before {\n\t\t\tcontent: 'Atom Feed for ';\n\t\t\tfont-weight: initial;\n\t\t}\n\t\t&::after {\n\t\t\tcontent: \"This Atom feed is meant to be used by RSS reader applications and websites.\";\n\t\t\tdisplay: block;\n\t\t\tpadding: 1em;\n\t\t\tbackground-color: $alert-color;\n\t\t\tcolor: #fff;\n\t\t\tfont-family: initial;\n\t\t\tfont-size: initial;\n\t\t\tletter-spacing: initial;\n\t\t}\n\t}\n\t\n\t> id,\n\t> updated,\n\t> subtitle,\n\t> author,\n\t> link,\n\t> generator {\n\t\tdisplay: none;\n\t}\n}\n\nentry {\n\tpadding: 1em 0;\n\tborder-bottom: 1px solid invert($body-bg);\n\t&:last-child {\n\t\tborder-bottom: none;\n\t}\n\n\t> title {\n\t\tcolor: $secondary-color;\n\t\tfont-family: $header-font-family;\n\t\tfont-size: $font-size-h1;\n\t\tmargin-bottom: 0.5em;\n\t}\n\n\t> link::after {\n\t\tcontent: attr(href);\n\t\tcolor: $primary-color;\n\t}\n\n\t> updated {\n\t\tcolor: $grey-5;\n\t\tfont-size: small;\n\t}\n\n\t> summary {\n\t\tmargin-top: 1em;\n\t}\n\n\t> id,\n\t> author,\n\t> category,\n\t> published,\n\t> content {\n\t\tdisplay: none;\n\t}\n}\n","@charset \"utf-8\";\r\n/* TOC – Color Variables\r\n\r\n- Basics\r\n- Corporate Identity Colorpalette\r\n- Foundation Color Variables\r\n- Grey Scale\r\n- Topbar-Navigation\r\n- Footer\r\n- Code\r\n\r\n*/\r\n\r\n\r\n\r\n/* Basics\r\n------------------------------------------------------------------- */\r\n\r\n$text-color:       #1e293b;\r\n$body-font-color:  $text-color;\r\n$body-bg:          #f8fafc;\r\n$nav-bg:           #0a1628; // deep navy\r\n\r\n\r\n/* Corporate Identity Colorpalette\r\n   https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/\r\n------------------------------------------------------------------- */\r\n\r\n$ci-1: #0a1628;\t\t// deep navy\r\n$ci-2: #22d3ee;\t\t// cyan\r\n$ci-3: #EFC94C;\t\t// yellow (keep)\r\n$ci-4: #E27A3F;\t\t// orange (keep)\r\n$ci-5: #DF4949;\t\t// red (keep)\r\n$ci-6: #38bdf8;     // sky blue\r\n$ci-7: #112240;     // navy mid\r\n\r\n\r\n/* Foundation Color Variables\r\n------------------------------------------------------------------- */\r\n\r\n$primary-color: $ci-1;\r\n$secondary-color: $ci-6;\r\n$alert-color: $ci-5;\r\n$success-color: $ci-6;\r\n$warning-color: $ci-4;\r\n$info-color: $ci-1;\r\n\r\n\r\n\r\n/* Grey Scale\r\n------------------------------------------------------------------- */\r\n\r\n$grey-1: #E4E4E4;\r\n$grey-2: #D7D7D7;\r\n$grey-3: #CBCBCB;\r\n$grey-4: #BEBEBE;\r\n$grey-5: #A4A4A4;\r\n$grey-6: #979797;\r\n$grey-7: #8B8B8B;\r\n$grey-8: #7E7E7E;\r\n$grey-9: #646464;\r\n$grey-10: #575757;\r\n$grey-11: #4B4B4B;\r\n$grey-12: #3E3E3E;\r\n$grey-13: #313131;\r\n$grey-14: #242424;\r\n$grey-15: #171717;\r\n$grey-16: #0B0B0B;\r\n\r\n\r\n\r\n/* Topbar-Navigation\r\n------------------------------------------------------------------- */\r\n\r\n$topbar-bg-color: $nav-bg; //$body-bg;\r\n$topbar-bg: $topbar-bg-color;\r\n\r\n\r\n$topbar-dropdown-toggle-color: $ci-1;\r\n/*\r\n$topbar-link-color: #000;\r\n$topbar-link-color-hover: #000;\r\n$topbar-link-color-active: #000;\r\n$topbar-link-color-active-hover: #000;*/\r\n\r\n$topbar-link-color: #FDFEFE;\r\n$topbar-link-color-hover: #FDFEFE;\r\n$topbar-link-color-active: #FDFEFE;\r\n$topbar-link-color-active-hover: #FDFEFE;\r\n\r\n\r\n\r\n$topbar-dropdown-label-color: $ci-2;\r\n$topbar-dropdown-link-bg-hover: $ci-7;\r\n\r\n$topbar-link-bg-active: $ci-7; // Active Navigation Link\r\n$topbar-link-bg-hover: $ci-7;\r\n$topbar-link-bg-active-hover: $ci-2;\r\n\r\n\r\n$topbar-dropdown-bg: $ci-7; // Background Mobile Navigation\r\n$topbar-dropdown-link-color: #000;\r\n$topbar-dropdown-link-bg: $ci-2;\r\n\r\n$topbar-menu-link-color-toggled: $ci-1;\r\n$topbar-menu-icon-color-toggled: $ci-1;\r\n$topbar-menu-link-color: #000;\r\n$topbar-menu-icon-color: #000;\r\n$topbar-menu-link-color-toggled: $ci-7;\r\n$topbar-menu-icon-color-toggled: $ci-7;\r\n\r\n\r\n\r\n$footer-bg: #0a1628;\r\n$footer-color: #f0f9ff;\r\n$footer-link-color: #38bdf8;\r\n\r\n$subfooter-bg: #060e1a;\r\n$subfooter-color: rgba(255,255,255,.45);\r\n$subfooter-link-color: rgba(255,255,255,.3);\r\n\r\n\r\n\r\n/* Code\r\n------------------------------------------------------------------- */\r\n\r\n$code-background-color: scale-color($secondary-color, $lightness: 70%);\r\n\r\n$highlight-background: #ffffff;\r\n$highlight-comment: #999988;\r\n$highlight-error: #a61717;\r\n$highlight-comment-special: #999999;\r\n$highlight-deleted: #000000;\r\n$highlight-error-2: #aa0000;\r\n$highlight-literal-string: #d14;\r\n$highlight-literal-number: #009999;\r\n$highlight-name-attribut: #008080;\r\n$highlight-error-background: #e3d2d2;\r\n$highlight-generic-deleted: #ffdddd;\r\n$highlight-generic-deleted-specific: #ffaaaa;\r\n$highlight-generic-inserted: #ddffdd;\r\n$highlight-generic-inserted-specific: #aaffaa;\r\n$highlight-generic-output: #888888;\r\n$highlight-generic-prompt: #555555;\r\n$highlight-subheading: #aaaaaa;\r\n$highlight-keyword-type: #445588;\r\n$highlight-name-builtin: #0086B3;\r\n$highlight-name-class: #445588;\r\n$highlight-name-entity: #800080;\r\n$highlight-name-exception: #990000;\r\n$highlight-name-function: #990000;\r\n$highlight-name-namespace: #555555;\r\n$highlight-name-tag: #000080;\r\n$highlight-text-whitespace: #bbbbbb;\r\n$highlight-literal-string-regex: #009926;\r\n$highlight-literal-string-symbol: #990073;\r\n"],"file":"atom.css"}
\ No newline at end of file
diff --git a/_site/assets/css/modern-theme.css b/_site/assets/css/modern-theme.css
new file mode 100644
index 0000000..6a02795
--- /dev/null
+++ b/_site/assets/css/modern-theme.css
@@ -0,0 +1,595 @@
+/*
+ * EASI Modern Theme Override
+ * Injected after styles_feeling_responsive.css
+ * Design: Light body · Dark nav + footer · Cyan accent
+ */
+
+/* ── Google Font ──────────────────────────────── */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
+
+/* ── Design Tokens ────────────────────────────── */
+:root {
+  --easi-navy:       #0a1628;
+  --easi-navy-mid:   #112240;
+  --easi-navy-light: #1e3a5f;
+  --easi-cyan:       #22d3ee;
+  --easi-cyan-dim:   #0e7490;
+  --easi-accent:     #38bdf8;
+  --easi-green:      #4ade80;
+
+  --body-bg:         #f8fafc;
+  --body-text:       #1e293b;
+  --body-muted:      #64748b;
+  --border-subtle:   rgba(0,0,0,.07);
+
+  --nav-height:      72px;
+  --nav-bg:          rgba(10,22,40,.95);
+  --nav-blur:        blur(18px);
+  --nav-border:      rgba(34,211,238,.12);
+
+  --radius-sm:  8px;
+  --radius-md:  14px;
+  --radius-lg:  20px;
+  --radius-xl:  28px;
+
+  --shadow-sm:  0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
+  --shadow-md:  0 4px 16px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.06);
+  --shadow-lg:  0 12px 40px rgba(0,0,0,.14), 0 4px 12px rgba(0,0,0,.08);
+  --shadow-xl:  0 24px 64px rgba(0,0,0,.20);
+
+  --transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+/* ── Base ─────────────────────────────────────── */
+html { scroll-behavior: smooth; }
+
+body {
+  font-family: 'Inter', 'Lato', sans-serif !important;
+  background: var(--body-bg) !important;
+  color: var(--body-text) !important;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Push page content below fixed nav */
+body > div:not(#navigation):first-of-type,
+#masthead-no-image-header,
+#masthead,
+#masthead-with-text,
+#masthead-with-pattern,
+#masthead-with-background-color {
+  margin-top: 0;
+}
+
+/* ── Scrollbar ────────────────────────────────── */
+::-webkit-scrollbar { width: 6px; height: 6px; }
+::-webkit-scrollbar-track { background: var(--body-bg); }
+::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 99px; }
+::-webkit-scrollbar-thumb:hover { background: var(--easi-cyan-dim); }
+
+/* ── Typography ───────────────────────────────── */
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Inter', sans-serif !important;
+  color: var(--body-text);
+  letter-spacing: -0.015em;
+}
+
+h1 { font-weight: 800; }
+h2 { font-weight: 700; }
+h3, h4 { font-weight: 600; }
+
+p, li, td {
+  font-family: 'Inter', sans-serif !important;
+  line-height: 1.75;
+  color: var(--body-text);
+}
+
+a {
+  color: var(--easi-cyan-dim);
+  transition: color var(--transition);
+}
+a:hover { color: var(--easi-cyan); }
+
+/* ── ═══════════════════════════════════════════
+   MODERN NAV BAR
+═══════════════════════════════════════════ */
+
+/* Hide original Foundation nav completely */
+#navigation { display: none !important; }
+
+/* Modern nav */
+#easi-nav {
+  position: fixed;
+  top: 0; left: 0; right: 0;
+  z-index: 9000;
+  height: var(--nav-height);
+  background: var(--nav-bg);
+  backdrop-filter: var(--nav-blur);
+  -webkit-backdrop-filter: var(--nav-blur);
+  border-bottom: 1px solid var(--nav-border);
+  box-shadow: 0 4px 24px rgba(0,0,0,.3);
+  display: flex;
+  align-items: center;
+  padding: 0 clamp(16px, 4vw, 40px);
+}
+
+.easi-nav-inner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  max-width: 1400px;
+  margin: 0 auto;
+}
+
+/* Logo / wordmark */
+.easi-nav-logo {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  text-decoration: none !important;
+  flex-shrink: 0;
+}
+.easi-nav-logo-badge {
+  width: 42px;
+  height: 42px;
+  border-radius: 12px;
+  background: linear-gradient(135deg, var(--easi-cyan) 0%, var(--easi-accent) 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  font-weight: 900;
+  color: var(--easi-navy);
+  box-shadow: 0 0 16px rgba(34,211,238,.35);
+  letter-spacing: -1px;
+  flex-shrink: 0;
+}
+.easi-nav-logo-text {
+  display: flex;
+  flex-direction: column;
+  line-height: 1;
+}
+.easi-nav-logo-title {
+  font-size: 1.1rem;
+  font-weight: 800;
+  color: #f0f9ff;
+  letter-spacing: -0.02em;
+  white-space: nowrap;
+}
+.easi-nav-logo-sub {
+  font-size: .75rem;
+  font-weight: 500;
+  color: var(--easi-cyan);
+  letter-spacing: .08em;
+  text-transform: uppercase;
+  opacity: .9;
+}
+
+/* Desktop links */
+.easi-nav-links {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.easi-nav-links > li {
+  position: relative;
+  margin: 0;
+  padding: 0;
+}
+
+.easi-nav-links > li > a {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 8px 14px;
+  border-radius: var(--radius-sm);
+  font-size: .875rem;
+  font-weight: 500;
+  color: rgba(240,249,255,.82) !important;
+  text-decoration: none !important;
+  transition: background var(--transition), color var(--transition);
+  white-space: nowrap;
+}
+.easi-nav-links > li > a:hover {
+  background: rgba(34,211,238,.1);
+  color: #f0f9ff !important;
+}
+.easi-nav-links > li.active > a,
+.easi-nav-links > li > a[aria-current="page"] {
+  color: var(--easi-cyan) !important;
+  background: rgba(34,211,238,.1);
+}
+.easi-nav-links > li.active > a::after {
+  content: '';
+  position: absolute;
+  bottom: -1px; left: 14px; right: 14px;
+  height: 2px;
+  background: var(--easi-cyan);
+  border-radius: 99px;
+}
+
+/* Dropdown chevron */
+.easi-nav-links > li > a .nav-chevron {
+  font-size: .65rem;
+  opacity: .6;
+  transition: transform var(--transition);
+}
+.easi-nav-links > li:hover > a .nav-chevron {
+  transform: rotate(180deg);
+  opacity: 1;
+}
+
+/* Dropdown panel */
+.easi-dropdown {
+  display: none;
+  position: absolute;
+  top: calc(100% + 2px); /* tighter gap so hover doesn't break */
+  left: 50%;
+  transform: translateX(-50%);
+  min-width: 200px;
+  background: rgba(10,22,40,.97);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  border: 1px solid rgba(34,211,238,.15);
+  border-radius: var(--radius-md);
+  box-shadow: var(--shadow-xl);
+  overflow: hidden;
+  list-style: none;
+  margin: 0;
+  padding: 6px;
+  z-index: 9100;
+  /* invisible bridge so mouse moving from link to dropdown doesn't
+     trigger a mouseleave on the parent <li> */
+  padding-top: 10px;
+  margin-top: -8px;
+}
+.easi-nav-links > li:hover .easi-dropdown,
+.easi-nav-links > li:focus-within .easi-dropdown,
+.easi-nav-links > li.dd-open .easi-dropdown {
+  display: block;
+  animation: dropFadeIn .15s ease;
+}
+@keyframes dropFadeIn {
+  from { opacity: 0; transform: translateX(-50%) translateY(-6px); }
+  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
+}
+
+.easi-dropdown li { margin: 0; padding: 0; }
+.easi-dropdown a {
+  display: block;
+  padding: 10px 14px;
+  font-size: .85rem;
+  font-weight: 500;
+  color: rgba(240,249,255,.75) !important;
+  text-decoration: none !important;
+  border-radius: var(--radius-sm);
+  transition: background var(--transition), color var(--transition);
+}
+.easi-dropdown a:hover {
+  background: rgba(34,211,238,.12);
+  color: #f0f9ff !important;
+}
+
+/* CTA button */
+.easi-nav-cta {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-shrink: 0;
+}
+.easi-nav-btn {
+  padding: 8px 18px;
+  background: linear-gradient(135deg, var(--easi-cyan), var(--easi-accent));
+  color: var(--easi-navy) !important;
+  font-size: .82rem;
+  font-weight: 700;
+  border-radius: 999px;
+  text-decoration: none !important;
+  transition: opacity var(--transition), transform var(--transition), box-shadow var(--transition);
+  box-shadow: 0 0 16px rgba(34,211,238,.3);
+  white-space: nowrap;
+}
+.easi-nav-btn:hover {
+  opacity: .88;
+  transform: translateY(-1px);
+  box-shadow: 0 0 24px rgba(34,211,238,.45);
+  color: var(--easi-navy) !important;
+}
+
+/* Hamburger */
+.easi-hamburger {
+  display: none;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 5px;
+  width: 38px;
+  height: 38px;
+  background: rgba(34,211,238,.1);
+  border: 1px solid rgba(34,211,238,.2);
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+  padding: 0;
+  transition: background var(--transition);
+}
+.easi-hamburger:hover { background: rgba(34,211,238,.18); }
+.easi-hamburger span {
+  display: block;
+  width: 18px;
+  height: 2px;
+  background: var(--easi-cyan);
+  border-radius: 99px;
+  transition: transform var(--transition), opacity var(--transition);
+}
+.easi-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
+.easi-hamburger.open span:nth-child(2) { opacity: 0; }
+.easi-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
+
+/* Mobile drawer */
+#easi-mobile-drawer {
+  display: none;
+  position: fixed;
+  top: var(--nav-height);
+  left: 0; right: 0;
+  background: rgba(10,22,40,.98);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  border-bottom: 1px solid rgba(34,211,238,.12);
+  z-index: 8999;
+  padding: 12px 16px 20px;
+  animation: drawerSlideDown .22s ease;
+  box-shadow: 0 10px 30px rgba(0,0,0,.4);
+}
+#easi-mobile-drawer.open { display: block; }
+@keyframes drawerSlideDown {
+  from { opacity: 0; transform: translateY(-12px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+.easi-mobile-links {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.easi-mobile-links li { margin: 2px 0; }
+.easi-mobile-links a {
+  display: block;
+  padding: 12px 16px;
+  font-size: .95rem;
+  font-weight: 500;
+  color: rgba(240,249,255,.8) !important;
+  text-decoration: none !important;
+  border-radius: var(--radius-sm);
+  transition: background var(--transition), color var(--transition);
+}
+.easi-mobile-links a:hover {
+  background: rgba(34,211,238,.1);
+  color: #f0f9ff !important;
+}
+.easi-mobile-links .mobile-sub a {
+  padding-left: 28px;
+  font-size: .88rem;
+  color: rgba(240,249,255,.55) !important;
+}
+.easi-mobile-links .mobile-sub a:hover { color: var(--easi-cyan) !important; }
+.easi-mobile-divider {
+  height: 1px;
+  background: rgba(255,255,255,.06);
+  margin: 6px 0;
+}
+.easi-mobile-cta {
+  margin-top: 12px;
+  padding: 0 4px;
+}
+.easi-mobile-cta a {
+  display: block;
+  text-align: center;
+  padding: 12px;
+  background: linear-gradient(135deg, var(--easi-cyan), var(--easi-accent));
+  color: var(--easi-navy) !important;
+  font-weight: 700;
+  border-radius: 999px;
+  text-decoration: none !important;
+}
+
+/* ── Responsive nav ────────────────────────────── */
+@media (max-width: 767px) {
+  /* Hide desktop links and GitHub pill — keep .easi-nav-cta so hamburger stays visible */
+  .easi-nav-links { display: none; }
+  .easi-nav-btn   { display: none; }   /* hide GitHub button on mobile */
+  .easi-hamburger { display: flex; }   /* show hamburger */
+}
+
+/* ── ═══════════════════════════════════════════
+   MASTHEAD — slim it down; nav replaces it
+═══════════════════════════════════════════ */
+
+/* Push all page content below fixed nav */
+#masthead-no-image-header {
+  height: 0 !important;
+  min-height: 0 !important;
+  overflow: hidden !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  background: transparent !important;
+}
+
+/* Pages WITH a hero image: just add a top offset so image isn't under nav */
+#masthead {
+  margin-top: var(--nav-height) !important;
+}
+
+/*
+ * GLOBAL body top padding — pushes ALL page content below the 64px fixed nav.
+ * Applied here rather than per-layout so every page type (page, page-fullwidth,
+ * frontpage, post, video, blog) gets the offset automatically.
+ */
+html {
+  scroll-padding-top: calc(var(--nav-height) + 16px);
+}
+
+body {
+  padding-top: var(--nav-height) !important;
+}
+
+/* Remove the old per-layout margin overrides (now redundant) */
+body.page .row.t30:first-of-type,
+body.page-fullwidth .row.t30:first-of-type {
+  margin-top: 32px !important;
+}
+
+/* Ensure page h1 isn't clipped when navigating via anchor */
+body.post .row:first-of-type,
+body.page article,
+body.page-fullwidth article {
+  scroll-margin-top: calc(var(--nav-height) + 16px);
+}
+
+/* ── ═══════════════════════════════════════════
+   PAGE CONTENT POLISH
+═══════════════════════════════════════════ */
+
+/* Articles */
+article {
+  border-radius: var(--radius-lg);
+}
+
+/* Teaser / subheadline */
+.teaser {
+  color: var(--body-muted) !important;
+  font-size: 1.1rem !important;
+  line-height: 1.65 !important;
+}
+
+/* Page h1 */
+article h1 {
+  font-size: clamp(1.6rem, 3vw, 2.4rem);
+  margin-bottom: .4em;
+  background: linear-gradient(135deg, var(--easi-navy) 40%, var(--easi-cyan-dim));
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+/* Tables */
+table {
+  border-radius: var(--radius-md);
+  overflow: hidden;
+  box-shadow: var(--shadow-sm);
+}
+
+/* Code */
+pre, code {
+  border-radius: var(--radius-sm);
+  font-family: 'JetBrains Mono', 'Fira Code', monospace;
+}
+
+/* Blockquote (redesign) */
+blockquote {
+  border-left: 3px solid var(--easi-cyan) !important;
+  background: rgba(34,211,238,.04);
+  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
+  padding: 16px 20px !important;
+  margin: 1.5rem 0 !important;
+  color: var(--body-muted) !important;
+  font-style: normal !important;
+}
+
+/* ── ═══════════════════════════════════════════
+   FOOTER
+═══════════════════════════════════════════ */
+
+/* Back-to-top arrow */
+#up-to-top {
+  background: var(--body-bg);
+  padding: 40px 0 0 !important;
+}
+#up-to-top a {
+  color: #94a3b8 !important;
+  font-size: 1.2rem;
+  padding: 8px 12px;
+  border-radius: var(--radius-sm);
+  transition: color var(--transition), background var(--transition);
+}
+#up-to-top a:hover {
+  background: rgba(34,211,238,.1);
+  color: var(--easi-cyan) !important;
+}
+
+#footer-content {
+  background: var(--easi-navy) !important;
+}
+
+#footer {
+  background: var(--easi-navy) !important;
+  border-top: 1px solid rgba(34,211,238,.12) !important;
+  padding: 48px 24px 32px !important;
+}
+
+#footer h4, #footer h5 {
+  color: var(--easi-cyan) !important;
+  font-family: 'Inter', sans-serif !important;
+  font-size: .72rem !important;
+  font-weight: 700 !important;
+  letter-spacing: .14em !important;
+  text-transform: uppercase !important;
+  margin-bottom: 16px !important;
+}
+
+#footer p, #footer li {
+  color: rgba(240,249,255,.55) !important;
+  font-size: .87rem !important;
+  line-height: 1.7 !important;
+}
+
+#footer a {
+  color: rgba(56,189,248,.8) !important;
+  transition: color var(--transition);
+}
+#footer a:hover { color: var(--easi-cyan) !important; }
+
+#footer ul.no-bullet li { padding: 3px 0; }
+
+#subfooter {
+  background: #060e1a !important;
+  border-top: 1px solid rgba(255,255,255,.05) !important;
+  padding: 20px 24px !important;
+}
+
+#subfooter .credits a,
+#subfooter .credits p {
+  color: rgba(255,255,255,.3) !important;
+  font-size: .78rem;
+}
+#subfooter .credits a:hover { color: rgba(34,211,238,.7) !important; }
+
+/* Footer NSF logo sizing */
+#footer img[src*="nsf"] {
+  width: 180px !important;
+  height: auto;
+  opacity: .92;
+  margin-bottom: 16px;
+  display: block;
+}
+
+/* ── ═══════════════════════════════════════════
+   GLOBAL UTILITIES
+═══════════════════════════════════════════ */
+
+.sr-only {
+  position: absolute; width: 1px; height: 1px;
+  padding: 0; margin: -1px; overflow: hidden;
+  clip: rect(0,0,0,0); white-space: nowrap; border: 0;
+}
+
+/* Smooth appearance for page content */
+.row { animation: pageFadeIn .4s ease; }
+@keyframes pageFadeIn {
+  from { opacity: 0; transform: translateY(8px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
diff --git a/_site/assets/css/rss.css b/_site/assets/css/rss.css
index 14438a2..a9495d1 100644
--- a/_site/assets/css/rss.css
+++ b/_site/assets/css/rss.css
@@ -1 +1 @@
-.font-size-h1{font-size:2.441em}.font-size-h2{font-size:1.953em}.font-size-h3{font-size:1.563em}.font-size-h4{font-size:1.25em}.font-size-h5{font-size:1.152em}meta.foundation-version{font-family:"/5.5.0/"}meta.foundation-mq-small{font-family:"/only screen/";width:0em}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0em}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.063em)/";width:40.063em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.063em) and (max-width:64em)/";width:40.063em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.063em)/";width:64.063em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.063em) and (max-width:90em)/";width:64.063em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.063em)/";width:90.063em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.063em) and (max-width:120em)/";width:90.063em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.063em)/";width:120.063em}meta.foundation-data-attribute-namespace{font-family:false}*{display:block}:root{margin:3em;background:#fdfdfd;color:#111;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}channel>title{text-align:center;color:#6590aa;font-family:"Volkhov",Georgia,Times,serif;font-size:3.6615em;font-weight:bolder}channel>title::before{content:"RSS Feed for ";font-weight:initial}channel>title::after{content:"This RSS feed is meant to be used by RSS reader applications and websites.";display:block;padding:1em;background-color:#df4949;color:#fff;font-family:initial;font-size:initial;letter-spacing:initial}channel>description,channel>link{display:none}item{padding:1em 0;border-bottom:1px solid #020202}item:last-child{border-bottom:none}item>title{color:#a1d044;font-family:"Volkhov",Georgia,Times,serif;font-size:2.441em;margin-bottom:.5em}item>link{color:#334d5c}item>pubDate{color:#a4a4a4;font-size:small}item>description{margin-top:1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}item>guid,item>category{display:none}/*# sourceMappingURL=rss.css.map */
\ No newline at end of file
+.font-size-h1{font-size:2.441em}.font-size-h2{font-size:1.953em}.font-size-h3{font-size:1.563em}.font-size-h4{font-size:1.25em}.font-size-h5{font-size:1.152em}meta.foundation-version{font-family:"/5.5.0/"}meta.foundation-mq-small{font-family:"/only screen/";width:0em}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0em}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.063em)/";width:40.063em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.063em) and (max-width:64em)/";width:40.063em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.063em)/";width:64.063em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.063em) and (max-width:90em)/";width:64.063em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.063em)/";width:90.063em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.063em) and (max-width:120em)/";width:90.063em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.063em)/";width:120.063em}meta.foundation-data-attribute-namespace{font-family:false}*{display:block}:root{margin:3em;background:#f8fafc;color:#1e293b;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}channel>title{text-align:center;color:#244e8e;font-family:"Volkhov",Georgia,Times,serif;font-size:3.6615em;font-weight:bolder}channel>title::before{content:"RSS Feed for ";font-weight:initial}channel>title::after{content:"This RSS feed is meant to be used by RSS reader applications and websites.";display:block;padding:1em;background-color:#df4949;color:#fff;font-family:initial;font-size:initial;letter-spacing:initial}channel>description,channel>link{display:none}item{padding:1em 0;border-bottom:1px solid #070503}item:last-child{border-bottom:none}item>title{color:#38bdf8;font-family:"Volkhov",Georgia,Times,serif;font-size:2.441em;margin-bottom:.5em}item>link{color:#0a1628}item>pubDate{color:#a4a4a4;font-size:small}item>description{margin-top:1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}item>guid,item>category{display:none}/*# sourceMappingURL=rss.css.map */
\ No newline at end of file
diff --git a/_site/assets/css/rss.css.map b/_site/assets/css/rss.css.map
index 0287bb8..ca2026b 100644
--- a/_site/assets/css/rss.css.map
+++ b/_site/assets/css/rss.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../_sass/_02_settings_typography.scss","../../_sass/_03_settings_mixins_media_queries.scss","rss.scss","../../_sass/_01_settings_colors.scss"],"names":[],"mappings":"AAuDA,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,OAQpB,wBAPoB,QCuPlB,wBACE,sBAGF,yBACE,4BACA,UAGF,8BACE,kDACA,UAGF,0BACE,qDACA,eAGF,+BACE,0EACA,eAGF,yBACE,qDACA,eAGF,8BACE,0EACA,eAGF,0BACE,qDACA,eAGF,+BACE,2EACA,eAGF,2BACE,sDACA,gBAGF,yCACE,kBCnVJ,EACC,cAGD,MACC,WACA,WCIY,QDHZ,MCCmB,iBHMK,mDEFxB,cACC,kBACA,cACA,0CACA,mBACA,mBACA,sBACC,wBACA,oBAED,qBACC,qFACA,cACA,YACA,iBCJI,QDKJ,WACA,oBACA,kBACA,uBAIF,iCAEC,aAIF,KACC,cACA,gCACA,gBACC,mBAGD,WACC,MCzBK,QD0BL,YFlCkB,8BEmClB,UFZkB,QEalB,mBAGD,UACC,MCrCK,QDwCN,aACC,MCZO,QDaP,gBAGD,iBACC,eACA,gBACA,mBACA,uBAGD,wBAEC","sourcesContent":["@charset \"utf-8\";\r\n/* TOC – Typography variables\r\n\r\nModular Scale › http://www.modularscale.com//?16,36&px&1.25&web&table\r\n\r\n- Fonts\r\n- Font Weight\r\n- Font Size Variables\r\n\r\n*/\r\n\r\n@import \"functions\"; // Allows the use of rem-calc() or lower-bound() in your settings\r\n\r\n\r\n\r\n/* Fonts\r\n------------------------------------------------------------------- */\r\n\r\n$base-font-size: 16px;\r\n$rem-base: $base-font-size;\r\n// $base-line-height is 24px while $base-font-size is 16px\r\n$base-line-height: 1.5 !default;\r\n\r\n\r\n$font-family-sans-serif: \"Lato\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n$font-family-serif: \"Volkhov\", Georgia, Times, serif;\r\n$font-family-monospace: \"Lucida Console\", Monaco, monospace;\r\n\r\n$body-font-family: $font-family-sans-serif;\r\n$body-font-weight: normal;\r\n$body-font-style: normal;\r\n\r\n$header-font-family: $font-family-serif;\r\n\r\n\r\n\r\n/* Font Weight\r\n------------------------------------------------------------------- */\r\n\r\n$font-weight-normal: normal;\r\n$font-weight-bold: bold;\r\n\r\n\r\n\r\n/* Font Size Variables\r\n------------------------------------------------------------------- */\r\n\r\n$font-size-p:    \t$base-font-size;\r\n$font-size-h1:      2.441em;\r\n$font-size-h2:      1.953em;\r\n$font-size-h3:      1.563em;\r\n$font-size-h4:      1.25em;\r\n$font-size-h5:      1.152em;\r\n$font-size-small:   0.8em;\r\n\r\n.font-size-h1   { font-size: $font-size-h1; }\r\n.font-size-h2   { font-size: $font-size-h2; }\r\n.font-size-h3   { font-size: $font-size-h3; }\r\n.font-size-h4   { font-size: $font-size-h4; }\r\n.font-size-h5   { font-size: $font-size-h5; }\r\n","@charset \"utf-8\";\r\n// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n//\r\n// Foundation Variables\r\n//\r\n\r\n// Data attribute namespace\r\n// styles get applied to [data-mysite-plugin], etc\r\n$namespace: false !default;\r\n\r\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\r\n// for compatibility with browser-based text zoom or user-set defaults.\r\n\r\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\r\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\r\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\r\n$base-font-size: 100% !default;\r\n\r\n\r\n\r\n//\r\n// Global Foundation Mixins\r\n//\r\n\r\n// @mixins\r\n//\r\n// We use this to control border radius.\r\n// $radius - Default: $global-radius || 4px\r\n@mixin radius($radius:$global-radius) {\r\n  @if $radius {\r\n    border-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create equal side border radius on elements.\r\n// $side - Options: left, right, top, bottom\r\n@mixin side-radius($side, $radius:$global-radius) {\r\n  @if ($side == left or $side == right) {\r\n    -webkit-border-bottom-#{$side}-radius: $radius;\r\n    -webkit-border-top-#{$side}-radius: $radius;\r\n    border-bottom-#{$side}-radius: $radius;\r\n    border-top-#{$side}-radius: $radius;\r\n  } @else {\r\n    -webkit-#{$side}-left-radius: $radius;\r\n    -webkit-#{$side}-right-radius: $radius;\r\n    border-#{$side}-left-radius: $radius;\r\n    border-#{$side}-right-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We can control whether or not we have inset shadows edges.\r\n// $active - Default: true, Options: false\r\n@mixin inset-shadow($active:true) {\r\n  box-shadow: $shiny-edge-size $shiny-edge-color inset;\r\n\r\n  @if $active { &:active {\r\n    box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add transitions to elements\r\n// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties\r\n// $speed - Default: 300ms\r\n// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/\r\n@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {\r\n  transition: $property $speed $ease;\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add box-sizing across browser prefixes\r\n@mixin box-sizing($type:border-box) {\r\n  -webkit-box-sizing: $type; // Android < 2.3, iOS < 4\r\n     -moz-box-sizing: $type; // Firefox < 29\r\n          box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create isosceles triangles\r\n// $triangle-size - Used to set border-size. No default, set a px or em size.\r\n// $triangle-color - Used to set border-color which makes up triangle. No default\r\n// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right\r\n@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {\r\n  content: \"\";\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n  border: inset $triangle-size;\r\n  @if ($triangle-direction == top) {\r\n    border-color: $triangle-color transparent transparent transparent;\r\n    border-top-style: solid;\r\n  }\r\n  @if ($triangle-direction == bottom) {\r\n    border-color: transparent transparent $triangle-color transparent;\r\n    border-bottom-style: solid;\r\n  }\r\n  @if ($triangle-direction == left) {\r\n    border-color: transparent transparent transparent $triangle-color;\r\n    border-left-style: solid;\r\n  }\r\n  @if ($triangle-direction == right) {\r\n    border-color: transparent $triangle-color transparent transparent;\r\n    border-right-style: solid;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\r\n// $width - Width of hamburger icon in rem\r\n// $left - If false, icon will be centered horizontally || explicitly set value in rem\r\n// $top - If false, icon will be centered vertically || explicitly set value in rem\r\n// $thickness - thickness of lines in hamburger icon, set value in px\r\n// $gap - spacing between the lines in hamburger icon, set value in px\r\n// $color - icon color\r\n// $hover-color - icon color during hover\r\n// $offcanvas - Set to true of @include in offcanvas\r\n@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {\r\n  span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    display: block;\r\n    height: 0;\r\n\r\n    @if $offcanvas {\r\n      @if $top {\r\n        top: $top;\r\n      }\r\n      @else {\r\n        top: 50%;\r\n        margin-top: (-$width/2);\r\n      }\r\n      @if $left {\r\n        left: $left;\r\n      }\r\n      @else {\r\n        left: ($tabbar-menu-icon-width - $width)/2;\r\n      }\r\n    }\r\n    @else {\r\n      top: 50%;\r\n      margin-top: -($width/2);\r\n      #{$opposite-direction}: $topbar-link-padding;\r\n    }\r\n\r\n    box-shadow:\r\n      0 0 0 $thickness $color,\r\n      0 $gap + $thickness 0 $thickness $color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $color;\r\n    width: $width;\r\n  }\r\n  span:hover:after {\r\n    box-shadow:\r\n      0 0 0 $thickness $hover-color,\r\n      0 $gap + $thickness 0 $thickness $hover-color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;\r\n  }\r\n}\r\n\r\n// We use this to do clear floats\r\n@mixin clearfix {\r\n  &:before, &:after { content: \" \"; display: table; }\r\n  &:after { clear: both; }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add a glowing effect to block elements\r\n// $selector - Used for selector state. Default: focus, Options: hover, active, visited\r\n// $fade-time - Default: 300ms\r\n// $glowing-effect-color - Default: fade-out($primary-color, .25)\r\n@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) {\r\n  transition: box-shadow $fade-time, border-color $fade-time ease-in-out;\r\n\r\n  &:#{$selector} {\r\n    box-shadow: 0 0 5px $glowing-effect-color;\r\n    border-color: $glowing-effect-color;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to translate elements in 2D\r\n// $horizontal: Default: 0\r\n// $vertical: Default: 0\r\n@mixin translate2d($horizontal:0, $vertical:0) {\r\n  transform: translate($horizontal,$vertical)\r\n}\r\n\r\n// @mixins\r\n//\r\n// Makes an element visually hidden, but accessible.\r\n// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\r\n@mixin element-invisible {\r\n  position: absolute !important;\r\n  height: 1px;\r\n  width: 1px;\r\n  overflow: hidden;\r\n  clip: rect(1px, 1px, 1px, 1px);\r\n}\r\n\r\n// @mixins\r\n//\r\n// Turns off the element-invisible effect.\r\n@mixin element-invisible-off {\r\n  position: static !important;\r\n  height: auto;\r\n  width: auto;\r\n  overflow: visible;\r\n  clip: auto;\r\n}\r\n\r\n\r\n// We use these to control text direction settings\r\n$text-direction: ltr !default;\r\n$default-float: left !default;\r\n$opposite-direction: right !default;\r\n@if $text-direction == ltr {\r\n  $default-float: left;\r\n  $opposite-direction: right;\r\n} @else {\r\n  $default-float: right;\r\n  $opposite-direction: left;\r\n}\r\n\r\n// We use these to control inset shadow shiny edges and depressions.\r\n$shiny-edge-size: 0 1px 0 !default;\r\n$shiny-edge-color: rgba(#fff, .5) !default;\r\n$shiny-edge-active-color: rgba(#000, .2) !default;\r\n\r\n// We use this to control whether or not CSS classes come through in the gem files.\r\n$include-html-classes: true !default;\r\n$include-print-styles: true !default;\r\n$include-html-global-classes: $include-html-classes !default;\r\n\r\n$column-gutter: rem-calc(30) !default;\r\n\r\n\r\n\r\n\r\n// d. Media Query Ranges\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n$small-range: (0em, 40em);\r\n$medium-range: (40.063em, 64em);\r\n$large-range: (64.063em, 90em);\r\n$xlarge-range: (90.063em, 120em);\r\n$xxlarge-range: (120.063em, 99999999em);\r\n\r\n\r\n$screen: \"only screen\" !default;\r\n\r\n$landscape: \"#{$screen} and (orientation: landscape)\" !default;\r\n$portrait: \"#{$screen} and (orientation: portrait)\" !default;\r\n\r\n$small-up: $screen !default;\r\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\r\n\r\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\" !default;\r\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\" !default;\r\n\r\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\" !default;\r\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\" !default;\r\n\r\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\r\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\" !default;\r\n\r\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\" !default;\r\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\" !default;\r\n\r\n// Legacy\r\n$small: $medium-up;\r\n$medium: $medium-up;\r\n$large: $large-up;\r\n\r\n//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\r\n$cursor-auto-value: auto !default;\r\n$cursor-crosshair-value: crosshair !default;\r\n$cursor-default-value: default !default;\r\n$cursor-pointer-value: pointer !default;\r\n$cursor-help-value: help !default;\r\n$cursor-text-value: text !default;\r\n\r\n\r\n@include exports(\"global\") {\r\n\r\n  // Meta styles are included in all builds, as they are a dependancy of the Javascript.\r\n  // Used to provide media query values for javascript components.\r\n  // Forward slash placed around everything to convince PhantomJS to read the value.\r\n\r\n  meta.foundation-version {\r\n    font-family: \"/5.5.0/\";\r\n  }\r\n\r\n  meta.foundation-mq-small {\r\n    font-family: \"/\" + unquote($small-up) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-small-only {\r\n    font-family: \"/\" + unquote($small-only) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium {\r\n    font-family: \"/\" + unquote($medium-up) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium-only {\r\n    font-family: \"/\" + unquote($medium-only) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-large {\r\n    font-family: \"/\" + unquote($large-up) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-large-only {\r\n    font-family: \"/\" + unquote($large-only) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge {\r\n    font-family: \"/\" + unquote($xlarge-up) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge-only {\r\n    font-family: \"/\" + unquote($xlarge-only) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xxlarge {\r\n    font-family: \"/\" + unquote($xxlarge-up) + \"/\";\r\n    width: lower-bound($xxlarge-range);\r\n  }\r\n\r\n  meta.foundation-data-attribute-namespace {\r\n    font-family: #{$namespace};\r\n  }\r\n\r\n  @if $include-html-global-classes {\r\n\r\n    // Must be 100% for off canvas to work\r\n    html, body { height: 100%; }\r\n\r\n    // Set box-sizing globally to handle padding and border widths\r\n    *,\r\n    *:before,\r\n    *:after {\r\n      @include box-sizing(border-box);\r\n    }\r\n\r\n    html,\r\n    body { font-size: $base-font-size; }\r\n\r\n    // Default body styles\r\n    body {\r\n      background: $body-bg;\r\n      color: $body-font-color;\r\n      padding: 0;\r\n      margin: 0;\r\n      font-family: $body-font-family;\r\n      font-weight: $body-font-weight;\r\n      font-style: $body-font-style;\r\n      line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%\r\n      position: relative;\r\n      cursor: $cursor-auto-value;\r\n    }\r\n\r\n  a:hover { cursor: $cursor-pointer-value; }\r\n\r\n    // Grid Defaults to get images and embeds to work properly\r\n    img { max-width: 100%; height: auto; }\r\n\r\n    img { -ms-interpolation-mode: bicubic; }\r\n\r\n    #map_canvas,\r\n    .map_canvas {\r\n      img,\r\n      embed,\r\n      object { max-width: none !important;\r\n      }\r\n    }\r\n\r\n    // Miscellaneous useful HTML classes\r\n    .left { float: left !important; }\r\n    .right { float: right !important; }\r\n    .clearfix { @include clearfix; }\r\n\r\n    // Hide visually and from screen readers\r\n    .hide {\r\n      display: none !important;\r\n      visibility: hidden;\r\n    }\r\n\r\n    // Hide visually and from screen readers, but maintain layout\r\n    .invisible { visibility: hidden; }\r\n\r\n    // Font smoothing\r\n    // Antialiased font smoothing works best for light text on a dark background.\r\n    // Apply to single elements instead of globally to body.\r\n    // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.\r\n    .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\r\n\r\n    // Get rid of gap under images by making them display: inline-block; by default\r\n    img {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    //\r\n    // Global resets for forms\r\n    //\r\n\r\n    // Make sure textarea takes on height automatically\r\n    textarea { height: auto; min-height: 50px; }\r\n\r\n    // Make select elements 100% width by default\r\n    select { width: 100%; }\r\n  }\r\n}\r\n","@charset \"utf-8\";\n\n@import \"functions.scss\";\n\n$include-html-classes: false;\n@import \"01_settings_colors.scss\";\n@import \"02_settings_typography.scss\";\n@import \"03_settings_mixins_media_queries.scss\";\n@import \"04_settings_global.scss\";\n\n* {\n\tdisplay: block;\n}\n\n:root {\n\tmargin: 3em;\n\tbackground: $body-bg;\n\tcolor: $body-font-color;\n\tfont-family: $body-font-family;\n}\n\nchannel {\n\t> title {\n\t\ttext-align: center;\n\t\tcolor: lighten($primary-color, 25%);\n\t\tfont-family: $header-font-family;\n\t\tfont-size: $font-size-h1 * 1.5;\n\t\tfont-weight: bolder;\n\t\t&::before {\n\t\t\tcontent: 'RSS Feed for ';\n\t\t\tfont-weight: initial;\n\t\t}\n\t\t&::after {\n\t\t\tcontent: \"This RSS feed is meant to be used by RSS reader applications and websites.\";\n\t\t\tdisplay: block;\n\t\t\tpadding: 1em;\n\t\t\tbackground-color: $alert-color;\n\t\t\tcolor: #fff;\n\t\t\tfont-family: initial;\n\t\t\tfont-size: initial;\n\t\t\tletter-spacing: initial;\n\t\t}\n\t}\n\t\n\t> description,\n\t> link {\n\t\tdisplay: none;\n\t}\n}\n\nitem {\n\tpadding: 1em 0;\n\tborder-bottom: 1px solid invert($body-bg);\n\t&:last-child {\n\t\tborder-bottom: none;\n\t}\n\n\t> title {\n\t\tcolor: $secondary-color;\n\t\tfont-family: $header-font-family;\n\t\tfont-size: $font-size-h1;\n\t\tmargin-bottom: 0.5em;\n\t}\n\n\t> link {\n\t\tcolor: $primary-color;\n\t}\n\n\t> pubDate {\n\t\tcolor: $grey-5;\n\t\tfont-size: small;\n\t}\n\n\t> description {\n\t\tmargin-top: 1em;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow:ellipsis;\n\t}\n\n\t> guid,\n\t> category {\n\t\tdisplay: none;\n\t}\n}\n","@charset \"utf-8\";\r\n/* TOC – Color Variables\r\n\r\n- Basics\r\n- Corporate Identity Colorpalette\r\n- Foundation Color Variables\r\n- Grey Scale\r\n- Topbar-Navigation\r\n- Footer\r\n- Code\r\n\r\n*/\r\n\r\n\r\n\r\n/* Basics\r\n------------------------------------------------------------------- */\r\n\r\n$text-color:       \t#111;\r\n$body-font-color: \t$text-color;\r\n$body-bg: \t\t\t#fdfdfd;\r\n$nav-bg:        #334D5C; //black: #000000;\r\n\r\n\r\n/* Corporate Identity Colorpalette\r\n   https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/\r\n------------------------------------------------------------------- */\r\n\r\n$ci-1: #334D5C;\t\t// dark turquoise\r\n$ci-2: #45B29D;\t\t// turquoise\r\n$ci-3: #EFC94C;\t\t// yellow\r\n$ci-4: #E27A3F;\t\t// orange\r\n$ci-5: #DF4949;\t\t// red\r\n$ci-6: #A1D044;     // green\r\n//$ci-6: #209CEE; //IAC blue - not good for links on grey\r\n$ci-7: #5a0141;   //US-RSE Nav Color: 500E3D \r\n\r\n\r\n/* Foundation Color Variables\r\n------------------------------------------------------------------- */\r\n\r\n$primary-color: $ci-1;\r\n$secondary-color: $ci-6;\r\n$alert-color: $ci-5;\r\n$success-color: $ci-6;\r\n$warning-color: $ci-4;\r\n$info-color: $ci-1;\r\n\r\n\r\n\r\n/* Grey Scale\r\n------------------------------------------------------------------- */\r\n\r\n$grey-1: #E4E4E4;\r\n$grey-2: #D7D7D7;\r\n$grey-3: #CBCBCB;\r\n$grey-4: #BEBEBE;\r\n$grey-5: #A4A4A4;\r\n$grey-6: #979797;\r\n$grey-7: #8B8B8B;\r\n$grey-8: #7E7E7E;\r\n$grey-9: #646464;\r\n$grey-10: #575757;\r\n$grey-11: #4B4B4B;\r\n$grey-12: #3E3E3E;\r\n$grey-13: #313131;\r\n$grey-14: #242424;\r\n$grey-15: #171717;\r\n$grey-16: #0B0B0B;\r\n\r\n\r\n\r\n/* Topbar-Navigation\r\n------------------------------------------------------------------- */\r\n\r\n$topbar-bg-color: $nav-bg; //$body-bg;\r\n$topbar-bg: $topbar-bg-color;\r\n\r\n\r\n$topbar-dropdown-toggle-color: $ci-1;\r\n/*\r\n$topbar-link-color: #000;\r\n$topbar-link-color-hover: #000;\r\n$topbar-link-color-active: #000;\r\n$topbar-link-color-active-hover: #000;*/\r\n\r\n$topbar-link-color: #FDFEFE;\r\n$topbar-link-color-hover: #FDFEFE;\r\n$topbar-link-color-active: #FDFEFE;\r\n$topbar-link-color-active-hover: #FDFEFE;\r\n\r\n\r\n\r\n$topbar-dropdown-label-color: $ci-2;\r\n$topbar-dropdown-link-bg-hover: $ci-7;\r\n\r\n$topbar-link-bg-active: $ci-7; // Active Navigation Link\r\n$topbar-link-bg-hover: $ci-7;\r\n$topbar-link-bg-active-hover: $ci-2;\r\n\r\n\r\n$topbar-dropdown-bg: $ci-7; // Background Mobile Navigation\r\n$topbar-dropdown-link-color: #000;\r\n$topbar-dropdown-link-bg: $ci-2;\r\n\r\n$topbar-menu-link-color-toggled: $ci-1;\r\n$topbar-menu-icon-color-toggled: $ci-1;\r\n$topbar-menu-link-color: #000;\r\n$topbar-menu-icon-color: #000;\r\n$topbar-menu-link-color-toggled: $ci-7;\r\n$topbar-menu-icon-color-toggled: $ci-7;\r\n\r\n\r\n\r\n/* Footer\r\n------------------------------------------------------------------- */\r\n\r\n$footer-bg: $grey-8;\r\n$footer-color: #fff;\r\n$footer-link-color: $ci-6;\r\n\r\n\r\n$subfooter-bg: $grey-13;\r\n$subfooter-color: $grey-8;\r\n$subfooter-link-color: $grey-8;\r\n\r\n\r\n\r\n/* Code\r\n------------------------------------------------------------------- */\r\n\r\n$code-background-color: scale-color($secondary-color, $lightness: 70%);\r\n\r\n$highlight-background: #ffffff;\r\n$highlight-comment: #999988;\r\n$highlight-error: #a61717;\r\n$highlight-comment-special: #999999;\r\n$highlight-deleted: #000000;\r\n$highlight-error-2: #aa0000;\r\n$highlight-literal-string: #d14;\r\n$highlight-literal-number: #009999;\r\n$highlight-name-attribut: #008080;\r\n$highlight-error-background: #e3d2d2;\r\n$highlight-generic-deleted: #ffdddd;\r\n$highlight-generic-deleted-specific: #ffaaaa;\r\n$highlight-generic-inserted: #ddffdd;\r\n$highlight-generic-inserted-specific: #aaffaa;\r\n$highlight-generic-output: #888888;\r\n$highlight-generic-prompt: #555555;\r\n$highlight-subheading: #aaaaaa;\r\n$highlight-keyword-type: #445588;\r\n$highlight-name-builtin: #0086B3;\r\n$highlight-name-class: #445588;\r\n$highlight-name-entity: #800080;\r\n$highlight-name-exception: #990000;\r\n$highlight-name-function: #990000;\r\n$highlight-name-namespace: #555555;\r\n$highlight-name-tag: #000080;\r\n$highlight-text-whitespace: #bbbbbb;\r\n$highlight-literal-string-regex: #009926;\r\n$highlight-literal-string-symbol: #990073;\r\n"],"file":"rss.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../_sass/_02_settings_typography.scss","../../_sass/_03_settings_mixins_media_queries.scss","rss.scss","../../_sass/_01_settings_colors.scss"],"names":[],"mappings":"AAuDA,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,OAQpB,wBAPoB,QCuPlB,wBACE,sBAGF,yBACE,4BACA,UAGF,8BACE,kDACA,UAGF,0BACE,qDACA,eAGF,+BACE,0EACA,eAGF,yBACE,qDACA,eAGF,8BACE,0EACA,eAGF,0BACE,qDACA,eAGF,+BACE,2EACA,eAGF,2BACE,sDACA,gBAGF,yCACE,kBCnVJ,EACC,cAGD,MACC,WACA,WCIkB,QDHlB,MCCkB,oBHMM,mDEFxB,cACC,kBACA,cACA,0CACA,mBACA,mBACA,sBACC,wBACA,oBAED,qBACC,qFACA,cACA,YACA,iBCJI,QDKJ,WACA,oBACA,kBACA,uBAIF,iCAEC,aAIF,KACC,cACA,gCACA,gBACC,mBAGD,WACC,MCzBK,QD0BL,YFlCkB,8BEmClB,UFZkB,QEalB,mBAGD,UACC,MCrCK,QDwCN,aACC,MCbO,QDcP,gBAGD,iBACC,eACA,gBACA,mBACA,uBAGD,wBAEC","sourcesContent":["@charset \"utf-8\";\r\n/* TOC – Typography variables\r\n\r\nModular Scale › http://www.modularscale.com//?16,36&px&1.25&web&table\r\n\r\n- Fonts\r\n- Font Weight\r\n- Font Size Variables\r\n\r\n*/\r\n\r\n@import \"functions\"; // Allows the use of rem-calc() or lower-bound() in your settings\r\n\r\n\r\n\r\n/* Fonts\r\n------------------------------------------------------------------- */\r\n\r\n$base-font-size: 16px;\r\n$rem-base: $base-font-size;\r\n// $base-line-height is 24px while $base-font-size is 16px\r\n$base-line-height: 1.5 !default;\r\n\r\n\r\n$font-family-sans-serif: \"Lato\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n$font-family-serif: \"Volkhov\", Georgia, Times, serif;\r\n$font-family-monospace: \"Lucida Console\", Monaco, monospace;\r\n\r\n$body-font-family: $font-family-sans-serif;\r\n$body-font-weight: normal;\r\n$body-font-style: normal;\r\n\r\n$header-font-family: $font-family-serif;\r\n\r\n\r\n\r\n/* Font Weight\r\n------------------------------------------------------------------- */\r\n\r\n$font-weight-normal: normal;\r\n$font-weight-bold: bold;\r\n\r\n\r\n\r\n/* Font Size Variables\r\n------------------------------------------------------------------- */\r\n\r\n$font-size-p:    \t$base-font-size;\r\n$font-size-h1:      2.441em;\r\n$font-size-h2:      1.953em;\r\n$font-size-h3:      1.563em;\r\n$font-size-h4:      1.25em;\r\n$font-size-h5:      1.152em;\r\n$font-size-small:   0.8em;\r\n\r\n.font-size-h1   { font-size: $font-size-h1; }\r\n.font-size-h2   { font-size: $font-size-h2; }\r\n.font-size-h3   { font-size: $font-size-h3; }\r\n.font-size-h4   { font-size: $font-size-h4; }\r\n.font-size-h5   { font-size: $font-size-h5; }\r\n","@charset \"utf-8\";\r\n// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n//\r\n// Foundation Variables\r\n//\r\n\r\n// Data attribute namespace\r\n// styles get applied to [data-mysite-plugin], etc\r\n$namespace: false !default;\r\n\r\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\r\n// for compatibility with browser-based text zoom or user-set defaults.\r\n\r\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\r\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\r\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\r\n$base-font-size: 100% !default;\r\n\r\n\r\n\r\n//\r\n// Global Foundation Mixins\r\n//\r\n\r\n// @mixins\r\n//\r\n// We use this to control border radius.\r\n// $radius - Default: $global-radius || 4px\r\n@mixin radius($radius:$global-radius) {\r\n  @if $radius {\r\n    border-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create equal side border radius on elements.\r\n// $side - Options: left, right, top, bottom\r\n@mixin side-radius($side, $radius:$global-radius) {\r\n  @if ($side == left or $side == right) {\r\n    -webkit-border-bottom-#{$side}-radius: $radius;\r\n    -webkit-border-top-#{$side}-radius: $radius;\r\n    border-bottom-#{$side}-radius: $radius;\r\n    border-top-#{$side}-radius: $radius;\r\n  } @else {\r\n    -webkit-#{$side}-left-radius: $radius;\r\n    -webkit-#{$side}-right-radius: $radius;\r\n    border-#{$side}-left-radius: $radius;\r\n    border-#{$side}-right-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We can control whether or not we have inset shadows edges.\r\n// $active - Default: true, Options: false\r\n@mixin inset-shadow($active:true) {\r\n  box-shadow: $shiny-edge-size $shiny-edge-color inset;\r\n\r\n  @if $active { &:active {\r\n    box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add transitions to elements\r\n// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties\r\n// $speed - Default: 300ms\r\n// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/\r\n@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {\r\n  transition: $property $speed $ease;\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add box-sizing across browser prefixes\r\n@mixin box-sizing($type:border-box) {\r\n  -webkit-box-sizing: $type; // Android < 2.3, iOS < 4\r\n     -moz-box-sizing: $type; // Firefox < 29\r\n          box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create isosceles triangles\r\n// $triangle-size - Used to set border-size. No default, set a px or em size.\r\n// $triangle-color - Used to set border-color which makes up triangle. No default\r\n// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right\r\n@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {\r\n  content: \"\";\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n  border: inset $triangle-size;\r\n  @if ($triangle-direction == top) {\r\n    border-color: $triangle-color transparent transparent transparent;\r\n    border-top-style: solid;\r\n  }\r\n  @if ($triangle-direction == bottom) {\r\n    border-color: transparent transparent $triangle-color transparent;\r\n    border-bottom-style: solid;\r\n  }\r\n  @if ($triangle-direction == left) {\r\n    border-color: transparent transparent transparent $triangle-color;\r\n    border-left-style: solid;\r\n  }\r\n  @if ($triangle-direction == right) {\r\n    border-color: transparent $triangle-color transparent transparent;\r\n    border-right-style: solid;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\r\n// $width - Width of hamburger icon in rem\r\n// $left - If false, icon will be centered horizontally || explicitly set value in rem\r\n// $top - If false, icon will be centered vertically || explicitly set value in rem\r\n// $thickness - thickness of lines in hamburger icon, set value in px\r\n// $gap - spacing between the lines in hamburger icon, set value in px\r\n// $color - icon color\r\n// $hover-color - icon color during hover\r\n// $offcanvas - Set to true of @include in offcanvas\r\n@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {\r\n  span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    display: block;\r\n    height: 0;\r\n\r\n    @if $offcanvas {\r\n      @if $top {\r\n        top: $top;\r\n      }\r\n      @else {\r\n        top: 50%;\r\n        margin-top: (-$width/2);\r\n      }\r\n      @if $left {\r\n        left: $left;\r\n      }\r\n      @else {\r\n        left: ($tabbar-menu-icon-width - $width)/2;\r\n      }\r\n    }\r\n    @else {\r\n      top: 50%;\r\n      margin-top: -($width/2);\r\n      #{$opposite-direction}: $topbar-link-padding;\r\n    }\r\n\r\n    box-shadow:\r\n      0 0 0 $thickness $color,\r\n      0 $gap + $thickness 0 $thickness $color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $color;\r\n    width: $width;\r\n  }\r\n  span:hover:after {\r\n    box-shadow:\r\n      0 0 0 $thickness $hover-color,\r\n      0 $gap + $thickness 0 $thickness $hover-color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;\r\n  }\r\n}\r\n\r\n// We use this to do clear floats\r\n@mixin clearfix {\r\n  &:before, &:after { content: \" \"; display: table; }\r\n  &:after { clear: both; }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add a glowing effect to block elements\r\n// $selector - Used for selector state. Default: focus, Options: hover, active, visited\r\n// $fade-time - Default: 300ms\r\n// $glowing-effect-color - Default: fade-out($primary-color, .25)\r\n@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) {\r\n  transition: box-shadow $fade-time, border-color $fade-time ease-in-out;\r\n\r\n  &:#{$selector} {\r\n    box-shadow: 0 0 5px $glowing-effect-color;\r\n    border-color: $glowing-effect-color;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to translate elements in 2D\r\n// $horizontal: Default: 0\r\n// $vertical: Default: 0\r\n@mixin translate2d($horizontal:0, $vertical:0) {\r\n  transform: translate($horizontal,$vertical)\r\n}\r\n\r\n// @mixins\r\n//\r\n// Makes an element visually hidden, but accessible.\r\n// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\r\n@mixin element-invisible {\r\n  position: absolute !important;\r\n  height: 1px;\r\n  width: 1px;\r\n  overflow: hidden;\r\n  clip: rect(1px, 1px, 1px, 1px);\r\n}\r\n\r\n// @mixins\r\n//\r\n// Turns off the element-invisible effect.\r\n@mixin element-invisible-off {\r\n  position: static !important;\r\n  height: auto;\r\n  width: auto;\r\n  overflow: visible;\r\n  clip: auto;\r\n}\r\n\r\n\r\n// We use these to control text direction settings\r\n$text-direction: ltr !default;\r\n$default-float: left !default;\r\n$opposite-direction: right !default;\r\n@if $text-direction == ltr {\r\n  $default-float: left;\r\n  $opposite-direction: right;\r\n} @else {\r\n  $default-float: right;\r\n  $opposite-direction: left;\r\n}\r\n\r\n// We use these to control inset shadow shiny edges and depressions.\r\n$shiny-edge-size: 0 1px 0 !default;\r\n$shiny-edge-color: rgba(#fff, .5) !default;\r\n$shiny-edge-active-color: rgba(#000, .2) !default;\r\n\r\n// We use this to control whether or not CSS classes come through in the gem files.\r\n$include-html-classes: true !default;\r\n$include-print-styles: true !default;\r\n$include-html-global-classes: $include-html-classes !default;\r\n\r\n$column-gutter: rem-calc(30) !default;\r\n\r\n\r\n\r\n\r\n// d. Media Query Ranges\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n$small-range: (0em, 40em);\r\n$medium-range: (40.063em, 64em);\r\n$large-range: (64.063em, 90em);\r\n$xlarge-range: (90.063em, 120em);\r\n$xxlarge-range: (120.063em, 99999999em);\r\n\r\n\r\n$screen: \"only screen\" !default;\r\n\r\n$landscape: \"#{$screen} and (orientation: landscape)\" !default;\r\n$portrait: \"#{$screen} and (orientation: portrait)\" !default;\r\n\r\n$small-up: $screen !default;\r\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\r\n\r\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\" !default;\r\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\" !default;\r\n\r\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\" !default;\r\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\" !default;\r\n\r\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\r\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\" !default;\r\n\r\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\" !default;\r\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\" !default;\r\n\r\n// Legacy\r\n$small: $medium-up;\r\n$medium: $medium-up;\r\n$large: $large-up;\r\n\r\n//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\r\n$cursor-auto-value: auto !default;\r\n$cursor-crosshair-value: crosshair !default;\r\n$cursor-default-value: default !default;\r\n$cursor-pointer-value: pointer !default;\r\n$cursor-help-value: help !default;\r\n$cursor-text-value: text !default;\r\n\r\n\r\n@include exports(\"global\") {\r\n\r\n  // Meta styles are included in all builds, as they are a dependancy of the Javascript.\r\n  // Used to provide media query values for javascript components.\r\n  // Forward slash placed around everything to convince PhantomJS to read the value.\r\n\r\n  meta.foundation-version {\r\n    font-family: \"/5.5.0/\";\r\n  }\r\n\r\n  meta.foundation-mq-small {\r\n    font-family: \"/\" + unquote($small-up) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-small-only {\r\n    font-family: \"/\" + unquote($small-only) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium {\r\n    font-family: \"/\" + unquote($medium-up) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium-only {\r\n    font-family: \"/\" + unquote($medium-only) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-large {\r\n    font-family: \"/\" + unquote($large-up) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-large-only {\r\n    font-family: \"/\" + unquote($large-only) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge {\r\n    font-family: \"/\" + unquote($xlarge-up) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge-only {\r\n    font-family: \"/\" + unquote($xlarge-only) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xxlarge {\r\n    font-family: \"/\" + unquote($xxlarge-up) + \"/\";\r\n    width: lower-bound($xxlarge-range);\r\n  }\r\n\r\n  meta.foundation-data-attribute-namespace {\r\n    font-family: #{$namespace};\r\n  }\r\n\r\n  @if $include-html-global-classes {\r\n\r\n    // Must be 100% for off canvas to work\r\n    html, body { height: 100%; }\r\n\r\n    // Set box-sizing globally to handle padding and border widths\r\n    *,\r\n    *:before,\r\n    *:after {\r\n      @include box-sizing(border-box);\r\n    }\r\n\r\n    html,\r\n    body { font-size: $base-font-size; }\r\n\r\n    // Default body styles\r\n    body {\r\n      background: $body-bg;\r\n      color: $body-font-color;\r\n      padding: 0;\r\n      margin: 0;\r\n      font-family: $body-font-family;\r\n      font-weight: $body-font-weight;\r\n      font-style: $body-font-style;\r\n      line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%\r\n      position: relative;\r\n      cursor: $cursor-auto-value;\r\n    }\r\n\r\n  a:hover { cursor: $cursor-pointer-value; }\r\n\r\n    // Grid Defaults to get images and embeds to work properly\r\n    img { max-width: 100%; height: auto; }\r\n\r\n    img { -ms-interpolation-mode: bicubic; }\r\n\r\n    #map_canvas,\r\n    .map_canvas {\r\n      img,\r\n      embed,\r\n      object { max-width: none !important;\r\n      }\r\n    }\r\n\r\n    // Miscellaneous useful HTML classes\r\n    .left { float: left !important; }\r\n    .right { float: right !important; }\r\n    .clearfix { @include clearfix; }\r\n\r\n    // Hide visually and from screen readers\r\n    .hide {\r\n      display: none !important;\r\n      visibility: hidden;\r\n    }\r\n\r\n    // Hide visually and from screen readers, but maintain layout\r\n    .invisible { visibility: hidden; }\r\n\r\n    // Font smoothing\r\n    // Antialiased font smoothing works best for light text on a dark background.\r\n    // Apply to single elements instead of globally to body.\r\n    // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.\r\n    .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\r\n\r\n    // Get rid of gap under images by making them display: inline-block; by default\r\n    img {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    //\r\n    // Global resets for forms\r\n    //\r\n\r\n    // Make sure textarea takes on height automatically\r\n    textarea { height: auto; min-height: 50px; }\r\n\r\n    // Make select elements 100% width by default\r\n    select { width: 100%; }\r\n  }\r\n}\r\n","@charset \"utf-8\";\n\n@import \"functions.scss\";\n\n$include-html-classes: false;\n@import \"01_settings_colors.scss\";\n@import \"02_settings_typography.scss\";\n@import \"03_settings_mixins_media_queries.scss\";\n@import \"04_settings_global.scss\";\n\n* {\n\tdisplay: block;\n}\n\n:root {\n\tmargin: 3em;\n\tbackground: $body-bg;\n\tcolor: $body-font-color;\n\tfont-family: $body-font-family;\n}\n\nchannel {\n\t> title {\n\t\ttext-align: center;\n\t\tcolor: lighten($primary-color, 25%);\n\t\tfont-family: $header-font-family;\n\t\tfont-size: $font-size-h1 * 1.5;\n\t\tfont-weight: bolder;\n\t\t&::before {\n\t\t\tcontent: 'RSS Feed for ';\n\t\t\tfont-weight: initial;\n\t\t}\n\t\t&::after {\n\t\t\tcontent: \"This RSS feed is meant to be used by RSS reader applications and websites.\";\n\t\t\tdisplay: block;\n\t\t\tpadding: 1em;\n\t\t\tbackground-color: $alert-color;\n\t\t\tcolor: #fff;\n\t\t\tfont-family: initial;\n\t\t\tfont-size: initial;\n\t\t\tletter-spacing: initial;\n\t\t}\n\t}\n\t\n\t> description,\n\t> link {\n\t\tdisplay: none;\n\t}\n}\n\nitem {\n\tpadding: 1em 0;\n\tborder-bottom: 1px solid invert($body-bg);\n\t&:last-child {\n\t\tborder-bottom: none;\n\t}\n\n\t> title {\n\t\tcolor: $secondary-color;\n\t\tfont-family: $header-font-family;\n\t\tfont-size: $font-size-h1;\n\t\tmargin-bottom: 0.5em;\n\t}\n\n\t> link {\n\t\tcolor: $primary-color;\n\t}\n\n\t> pubDate {\n\t\tcolor: $grey-5;\n\t\tfont-size: small;\n\t}\n\n\t> description {\n\t\tmargin-top: 1em;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow:ellipsis;\n\t}\n\n\t> guid,\n\t> category {\n\t\tdisplay: none;\n\t}\n}\n","@charset \"utf-8\";\r\n/* TOC – Color Variables\r\n\r\n- Basics\r\n- Corporate Identity Colorpalette\r\n- Foundation Color Variables\r\n- Grey Scale\r\n- Topbar-Navigation\r\n- Footer\r\n- Code\r\n\r\n*/\r\n\r\n\r\n\r\n/* Basics\r\n------------------------------------------------------------------- */\r\n\r\n$text-color:       #1e293b;\r\n$body-font-color:  $text-color;\r\n$body-bg:          #f8fafc;\r\n$nav-bg:           #0a1628; // deep navy\r\n\r\n\r\n/* Corporate Identity Colorpalette\r\n   https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/\r\n------------------------------------------------------------------- */\r\n\r\n$ci-1: #0a1628;\t\t// deep navy\r\n$ci-2: #22d3ee;\t\t// cyan\r\n$ci-3: #EFC94C;\t\t// yellow (keep)\r\n$ci-4: #E27A3F;\t\t// orange (keep)\r\n$ci-5: #DF4949;\t\t// red (keep)\r\n$ci-6: #38bdf8;     // sky blue\r\n$ci-7: #112240;     // navy mid\r\n\r\n\r\n/* Foundation Color Variables\r\n------------------------------------------------------------------- */\r\n\r\n$primary-color: $ci-1;\r\n$secondary-color: $ci-6;\r\n$alert-color: $ci-5;\r\n$success-color: $ci-6;\r\n$warning-color: $ci-4;\r\n$info-color: $ci-1;\r\n\r\n\r\n\r\n/* Grey Scale\r\n------------------------------------------------------------------- */\r\n\r\n$grey-1: #E4E4E4;\r\n$grey-2: #D7D7D7;\r\n$grey-3: #CBCBCB;\r\n$grey-4: #BEBEBE;\r\n$grey-5: #A4A4A4;\r\n$grey-6: #979797;\r\n$grey-7: #8B8B8B;\r\n$grey-8: #7E7E7E;\r\n$grey-9: #646464;\r\n$grey-10: #575757;\r\n$grey-11: #4B4B4B;\r\n$grey-12: #3E3E3E;\r\n$grey-13: #313131;\r\n$grey-14: #242424;\r\n$grey-15: #171717;\r\n$grey-16: #0B0B0B;\r\n\r\n\r\n\r\n/* Topbar-Navigation\r\n------------------------------------------------------------------- */\r\n\r\n$topbar-bg-color: $nav-bg; //$body-bg;\r\n$topbar-bg: $topbar-bg-color;\r\n\r\n\r\n$topbar-dropdown-toggle-color: $ci-1;\r\n/*\r\n$topbar-link-color: #000;\r\n$topbar-link-color-hover: #000;\r\n$topbar-link-color-active: #000;\r\n$topbar-link-color-active-hover: #000;*/\r\n\r\n$topbar-link-color: #FDFEFE;\r\n$topbar-link-color-hover: #FDFEFE;\r\n$topbar-link-color-active: #FDFEFE;\r\n$topbar-link-color-active-hover: #FDFEFE;\r\n\r\n\r\n\r\n$topbar-dropdown-label-color: $ci-2;\r\n$topbar-dropdown-link-bg-hover: $ci-7;\r\n\r\n$topbar-link-bg-active: $ci-7; // Active Navigation Link\r\n$topbar-link-bg-hover: $ci-7;\r\n$topbar-link-bg-active-hover: $ci-2;\r\n\r\n\r\n$topbar-dropdown-bg: $ci-7; // Background Mobile Navigation\r\n$topbar-dropdown-link-color: #000;\r\n$topbar-dropdown-link-bg: $ci-2;\r\n\r\n$topbar-menu-link-color-toggled: $ci-1;\r\n$topbar-menu-icon-color-toggled: $ci-1;\r\n$topbar-menu-link-color: #000;\r\n$topbar-menu-icon-color: #000;\r\n$topbar-menu-link-color-toggled: $ci-7;\r\n$topbar-menu-icon-color-toggled: $ci-7;\r\n\r\n\r\n\r\n$footer-bg: #0a1628;\r\n$footer-color: #f0f9ff;\r\n$footer-link-color: #38bdf8;\r\n\r\n$subfooter-bg: #060e1a;\r\n$subfooter-color: rgba(255,255,255,.45);\r\n$subfooter-link-color: rgba(255,255,255,.3);\r\n\r\n\r\n\r\n/* Code\r\n------------------------------------------------------------------- */\r\n\r\n$code-background-color: scale-color($secondary-color, $lightness: 70%);\r\n\r\n$highlight-background: #ffffff;\r\n$highlight-comment: #999988;\r\n$highlight-error: #a61717;\r\n$highlight-comment-special: #999999;\r\n$highlight-deleted: #000000;\r\n$highlight-error-2: #aa0000;\r\n$highlight-literal-string: #d14;\r\n$highlight-literal-number: #009999;\r\n$highlight-name-attribut: #008080;\r\n$highlight-error-background: #e3d2d2;\r\n$highlight-generic-deleted: #ffdddd;\r\n$highlight-generic-deleted-specific: #ffaaaa;\r\n$highlight-generic-inserted: #ddffdd;\r\n$highlight-generic-inserted-specific: #aaffaa;\r\n$highlight-generic-output: #888888;\r\n$highlight-generic-prompt: #555555;\r\n$highlight-subheading: #aaaaaa;\r\n$highlight-keyword-type: #445588;\r\n$highlight-name-builtin: #0086B3;\r\n$highlight-name-class: #445588;\r\n$highlight-name-entity: #800080;\r\n$highlight-name-exception: #990000;\r\n$highlight-name-function: #990000;\r\n$highlight-name-namespace: #555555;\r\n$highlight-name-tag: #000080;\r\n$highlight-text-whitespace: #bbbbbb;\r\n$highlight-literal-string-regex: #009926;\r\n$highlight-literal-string-symbol: #990073;\r\n"],"file":"rss.css"}
\ No newline at end of file
diff --git a/_site/assets/css/styles_feeling_responsive.css b/_site/assets/css/styles_feeling_responsive.css
index adcf26c..722fadc 100644
--- a/_site/assets/css/styles_feeling_responsive.css
+++ b/_site/assets/css/styles_feeling_responsive.css
@@ -1,4 +1,4 @@
-.font-size-h1{font-size:2.441em}.font-size-h2{font-size:1.953em}.font-size-h3{font-size:1.563em}.font-size-h4{font-size:1.25em}.font-size-h5{font-size:1.152em}meta.foundation-version{font-family:"/5.5.0/"}meta.foundation-mq-small{font-family:"/only screen/";width:0em}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0em}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.063em)/";width:40.063em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.063em) and (max-width:64em)/";width:40.063em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.063em)/";width:64.063em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.063em) and (max-width:90em)/";width:64.063em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.063em)/";width:90.063em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.063em) and (max-width:120em)/";width:90.063em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.063em)/";width:120.063em}meta.foundation-data-attribute-namespace{font-family:false}html,body{height:100%}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{font-size:16px}body{background:#fdfdfd;color:#111;padding:0;margin:0;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;line-height:1.5;position:relative;cursor:auto}a:hover{cursor:pointer}img{max-width:100%;height:auto}img{-ms-interpolation-mode:bicubic}#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width:none !important}.left{float:left !important}.right{float:right !important}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.hide{display:none !important;visibility:hidden}.invisible{visibility:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle}textarea{height:auto;min-height:50px}select{width:100%}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5rem}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row.collapse .row{margin-left:0;margin-right:0}.row .row{width:auto;margin-left:-0.9375rem;margin-right:-0.9375rem;margin-top:0;margin-bottom:0;max-width:none}.row .row:before,.row .row:after{content:" ";display:table}.row .row:after{clear:both}.row .row.collapse{width:auto;margin:0;max-width:none}.row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}.row .row.collapse:after{clear:both}.column,.columns{padding-left:.9375rem;padding-right:.9375rem;width:100%;float:left}[class*=column]+[class*=column]:last-child{float:right}[class*=column]+[class*=column].end{float:left}@media only screen{.small-push-0{position:relative;left:0%;right:auto}.small-pull-0{position:relative;right:0%;left:auto}.small-push-1{position:relative;left:8.3333333333%;right:auto}.small-pull-1{position:relative;right:8.3333333333%;left:auto}.small-push-2{position:relative;left:16.6666666667%;right:auto}.small-pull-2{position:relative;right:16.6666666667%;left:auto}.small-push-3{position:relative;left:25%;right:auto}.small-pull-3{position:relative;right:25%;left:auto}.small-push-4{position:relative;left:33.3333333333%;right:auto}.small-pull-4{position:relative;right:33.3333333333%;left:auto}.small-push-5{position:relative;left:41.6666666667%;right:auto}.small-pull-5{position:relative;right:41.6666666667%;left:auto}.small-push-6{position:relative;left:50%;right:auto}.small-pull-6{position:relative;right:50%;left:auto}.small-push-7{position:relative;left:58.3333333333%;right:auto}.small-pull-7{position:relative;right:58.3333333333%;left:auto}.small-push-8{position:relative;left:66.6666666667%;right:auto}.small-pull-8{position:relative;right:66.6666666667%;left:auto}.small-push-9{position:relative;left:75%;right:auto}.small-pull-9{position:relative;right:75%;left:auto}.small-push-10{position:relative;left:83.3333333333%;right:auto}.small-pull-10{position:relative;right:83.3333333333%;left:auto}.small-push-11{position:relative;left:91.6666666667%;right:auto}.small-pull-11{position:relative;right:91.6666666667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.small-1{width:8.3333333333%}.small-2{width:16.6666666667%}.small-3{width:25%}.small-4{width:33.3333333333%}.small-5{width:41.6666666667%}.small-6{width:50%}.small-7{width:58.3333333333%}.small-8{width:66.6666666667%}.small-9{width:75%}.small-10{width:83.3333333333%}.small-11{width:91.6666666667%}.small-12{width:100%}.small-offset-0{margin-left:0% !important}.small-offset-1{margin-left:8.3333333333% !important}.small-offset-2{margin-left:16.6666666667% !important}.small-offset-3{margin-left:25% !important}.small-offset-4{margin-left:33.3333333333% !important}.small-offset-5{margin-left:41.6666666667% !important}.small-offset-6{margin-left:50% !important}.small-offset-7{margin-left:58.3333333333% !important}.small-offset-8{margin-left:66.6666666667% !important}.small-offset-9{margin-left:75% !important}.small-offset-10{margin-left:83.3333333333% !important}.small-offset-11{margin-left:91.6666666667% !important}.small-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}.column.small-centered,.columns.small-centered{margin-left:auto;margin-right:auto;float:none}.column.small-uncentered,.columns.small-uncentered{margin-left:0;margin-right:0;float:left}.column.small-centered:last-child,.columns.small-centered:last-child{float:none}.column.small-uncentered:last-child,.columns.small-uncentered:last-child{float:left}.column.small-uncentered.opposite,.columns.small-uncentered.opposite{float:right}.row.small-collapse>.column,.row.small-collapse>.columns{padding-left:0;padding-right:0}.row.small-collapse .row{margin-left:0;margin-right:0}.row.small-uncollapse>.column,.row.small-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}}@media only screen and (min-width:40.063em){.medium-push-0{position:relative;left:0%;right:auto}.medium-pull-0{position:relative;right:0%;left:auto}.medium-push-1{position:relative;left:8.3333333333%;right:auto}.medium-pull-1{position:relative;right:8.3333333333%;left:auto}.medium-push-2{position:relative;left:16.6666666667%;right:auto}.medium-pull-2{position:relative;right:16.6666666667%;left:auto}.medium-push-3{position:relative;left:25%;right:auto}.medium-pull-3{position:relative;right:25%;left:auto}.medium-push-4{position:relative;left:33.3333333333%;right:auto}.medium-pull-4{position:relative;right:33.3333333333%;left:auto}.medium-push-5{position:relative;left:41.6666666667%;right:auto}.medium-pull-5{position:relative;right:41.6666666667%;left:auto}.medium-push-6{position:relative;left:50%;right:auto}.medium-pull-6{position:relative;right:50%;left:auto}.medium-push-7{position:relative;left:58.3333333333%;right:auto}.medium-pull-7{position:relative;right:58.3333333333%;left:auto}.medium-push-8{position:relative;left:66.6666666667%;right:auto}.medium-pull-8{position:relative;right:66.6666666667%;left:auto}.medium-push-9{position:relative;left:75%;right:auto}.medium-pull-9{position:relative;right:75%;left:auto}.medium-push-10{position:relative;left:83.3333333333%;right:auto}.medium-pull-10{position:relative;right:83.3333333333%;left:auto}.medium-push-11{position:relative;left:91.6666666667%;right:auto}.medium-pull-11{position:relative;right:91.6666666667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.medium-1{width:8.3333333333%}.medium-2{width:16.6666666667%}.medium-3{width:25%}.medium-4{width:33.3333333333%}.medium-5{width:41.6666666667%}.medium-6{width:50%}.medium-7{width:58.3333333333%}.medium-8{width:66.6666666667%}.medium-9{width:75%}.medium-10{width:83.3333333333%}.medium-11{width:91.6666666667%}.medium-12{width:100%}.medium-offset-0{margin-left:0% !important}.medium-offset-1{margin-left:8.3333333333% !important}.medium-offset-2{margin-left:16.6666666667% !important}.medium-offset-3{margin-left:25% !important}.medium-offset-4{margin-left:33.3333333333% !important}.medium-offset-5{margin-left:41.6666666667% !important}.medium-offset-6{margin-left:50% !important}.medium-offset-7{margin-left:58.3333333333% !important}.medium-offset-8{margin-left:66.6666666667% !important}.medium-offset-9{margin-left:75% !important}.medium-offset-10{margin-left:83.3333333333% !important}.medium-offset-11{margin-left:91.6666666667% !important}.medium-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}.column.medium-centered,.columns.medium-centered{margin-left:auto;margin-right:auto;float:none}.column.medium-uncentered,.columns.medium-uncentered{margin-left:0;margin-right:0;float:left}.column.medium-centered:last-child,.columns.medium-centered:last-child{float:none}.column.medium-uncentered:last-child,.columns.medium-uncentered:last-child{float:left}.column.medium-uncentered.opposite,.columns.medium-uncentered.opposite{float:right}.row.medium-collapse>.column,.row.medium-collapse>.columns{padding-left:0;padding-right:0}.row.medium-collapse .row{margin-left:0;margin-right:0}.row.medium-uncollapse>.column,.row.medium-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}.push-0{position:relative;left:0%;right:auto}.pull-0{position:relative;right:0%;left:auto}.push-1{position:relative;left:8.3333333333%;right:auto}.pull-1{position:relative;right:8.3333333333%;left:auto}.push-2{position:relative;left:16.6666666667%;right:auto}.pull-2{position:relative;right:16.6666666667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.3333333333%;right:auto}.pull-4{position:relative;right:33.3333333333%;left:auto}.push-5{position:relative;left:41.6666666667%;right:auto}.pull-5{position:relative;right:41.6666666667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.3333333333%;right:auto}.pull-7{position:relative;right:58.3333333333%;left:auto}.push-8{position:relative;left:66.6666666667%;right:auto}.pull-8{position:relative;right:66.6666666667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.3333333333%;right:auto}.pull-10{position:relative;right:83.3333333333%;left:auto}.push-11{position:relative;left:91.6666666667%;right:auto}.pull-11{position:relative;right:91.6666666667%;left:auto}}@media only screen and (min-width:64.063em){.large-push-0{position:relative;left:0%;right:auto}.large-pull-0{position:relative;right:0%;left:auto}.large-push-1{position:relative;left:8.3333333333%;right:auto}.large-pull-1{position:relative;right:8.3333333333%;left:auto}.large-push-2{position:relative;left:16.6666666667%;right:auto}.large-pull-2{position:relative;right:16.6666666667%;left:auto}.large-push-3{position:relative;left:25%;right:auto}.large-pull-3{position:relative;right:25%;left:auto}.large-push-4{position:relative;left:33.3333333333%;right:auto}.large-pull-4{position:relative;right:33.3333333333%;left:auto}.large-push-5{position:relative;left:41.6666666667%;right:auto}.large-pull-5{position:relative;right:41.6666666667%;left:auto}.large-push-6{position:relative;left:50%;right:auto}.large-pull-6{position:relative;right:50%;left:auto}.large-push-7{position:relative;left:58.3333333333%;right:auto}.large-pull-7{position:relative;right:58.3333333333%;left:auto}.large-push-8{position:relative;left:66.6666666667%;right:auto}.large-pull-8{position:relative;right:66.6666666667%;left:auto}.large-push-9{position:relative;left:75%;right:auto}.large-pull-9{position:relative;right:75%;left:auto}.large-push-10{position:relative;left:83.3333333333%;right:auto}.large-pull-10{position:relative;right:83.3333333333%;left:auto}.large-push-11{position:relative;left:91.6666666667%;right:auto}.large-pull-11{position:relative;right:91.6666666667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.large-1{width:8.3333333333%}.large-2{width:16.6666666667%}.large-3{width:25%}.large-4{width:33.3333333333%}.large-5{width:41.6666666667%}.large-6{width:50%}.large-7{width:58.3333333333%}.large-8{width:66.6666666667%}.large-9{width:75%}.large-10{width:83.3333333333%}.large-11{width:91.6666666667%}.large-12{width:100%}.large-offset-0{margin-left:0% !important}.large-offset-1{margin-left:8.3333333333% !important}.large-offset-2{margin-left:16.6666666667% !important}.large-offset-3{margin-left:25% !important}.large-offset-4{margin-left:33.3333333333% !important}.large-offset-5{margin-left:41.6666666667% !important}.large-offset-6{margin-left:50% !important}.large-offset-7{margin-left:58.3333333333% !important}.large-offset-8{margin-left:66.6666666667% !important}.large-offset-9{margin-left:75% !important}.large-offset-10{margin-left:83.3333333333% !important}.large-offset-11{margin-left:91.6666666667% !important}.large-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}.column.large-centered,.columns.large-centered{margin-left:auto;margin-right:auto;float:none}.column.large-uncentered,.columns.large-uncentered{margin-left:0;margin-right:0;float:left}.column.large-centered:last-child,.columns.large-centered:last-child{float:none}.column.large-uncentered:last-child,.columns.large-uncentered:last-child{float:left}.column.large-uncentered.opposite,.columns.large-uncentered.opposite{float:right}.row.large-collapse>.column,.row.large-collapse>.columns{padding-left:0;padding-right:0}.row.large-collapse .row{margin-left:0;margin-right:0}.row.large-uncollapse>.column,.row.large-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}.push-0{position:relative;left:0%;right:auto}.pull-0{position:relative;right:0%;left:auto}.push-1{position:relative;left:8.3333333333%;right:auto}.pull-1{position:relative;right:8.3333333333%;left:auto}.push-2{position:relative;left:16.6666666667%;right:auto}.pull-2{position:relative;right:16.6666666667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.3333333333%;right:auto}.pull-4{position:relative;right:33.3333333333%;left:auto}.push-5{position:relative;left:41.6666666667%;right:auto}.pull-5{position:relative;right:41.6666666667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.3333333333%;right:auto}.pull-7{position:relative;right:58.3333333333%;left:auto}.push-8{position:relative;left:66.6666666667%;right:auto}.pull-8{position:relative;right:66.6666666667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.3333333333%;right:auto}.pull-10{position:relative;right:83.3333333333%;left:auto}.push-11{position:relative;left:91.6666666667%;right:auto}.pull-11{position:relative;right:91.6666666667%;left:auto}}button,.button{border-style:solid;border-width:0;cursor:pointer;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;line-height:normal;margin:0 0 1.25rem;position:relative;text-decoration:none;text-align:center;-webkit-appearance:none;border-radius:0;display:inline-block;padding-top:1rem;padding-right:2rem;padding-bottom:1.0625rem;padding-left:2rem;font-size:1rem;background-color:#334d5c;border-color:#293e4a;color:#fff;transition:background-color 300ms ease-out}button:hover,button:focus,.button:hover,.button:focus{background-color:#293e4a}button:hover,button:focus,.button:hover,.button:focus{color:#fff}button.secondary,.button.secondary{background-color:#a1d044;border-color:#84b02c;color:#fff}button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{background-color:#84b02c}button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{color:#fff}button.success,.button.success{background-color:#a1d044;border-color:#84b02c;color:#fff}button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{background-color:#84b02c}button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{color:#fff}button.alert,.button.alert{background-color:#df4949;border-color:#c92323;color:#fff}button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{background-color:#c92323}button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{color:#fff}button.warning,.button.warning{background-color:#e27a3f;border-color:#c95c1e;color:#fff}button.warning:hover,button.warning:focus,.button.warning:hover,.button.warning:focus{background-color:#c95c1e}button.warning:hover,button.warning:focus,.button.warning:hover,.button.warning:focus{color:#fff}button.info,.button.info{background-color:#334d5c;border-color:#293e4a;color:#fff}button.info:hover,button.info:focus,.button.info:hover,.button.info:focus{background-color:#293e4a}button.info:hover,button.info:focus,.button.info:hover,.button.info:focus{color:#fff}button.large,.button.large{padding-top:1.125rem;padding-right:2.25rem;padding-bottom:1.1875rem;padding-left:2.25rem;font-size:1.25rem}button.small,.button.small{padding-top:.875rem;padding-right:1.75rem;padding-bottom:.9375rem;padding-left:1.75rem;font-size:.8125rem}button.tiny,.button.tiny{padding-top:.625rem;padding-right:1.25rem;padding-bottom:.6875rem;padding-left:1.25rem;font-size:.6875rem}button.expand,.button.expand{padding-right:0;padding-left:0;width:100%}button.left-align,.button.left-align{text-align:left;text-indent:.75rem}button.right-align,.button.right-align{text-align:right;padding-right:.75rem}button.radius,.button.radius{border-radius:3px}button.round,.button.round{border-radius:1000px}button.disabled,button[disabled],.button.disabled,.button[disabled]{background-color:#334d5c;border-color:#293e4a;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{background-color:#293e4a}button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{color:#fff}button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{background-color:#334d5c}button.disabled.secondary,button[disabled].secondary,.button.disabled.secondary,.button[disabled].secondary{background-color:#a1d044;border-color:#84b02c;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{background-color:#84b02c}button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{color:#fff}button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{background-color:#a1d044}button.disabled.success,button[disabled].success,.button.disabled.success,.button[disabled].success{background-color:#a1d044;border-color:#84b02c;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{background-color:#84b02c}button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{color:#fff}button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{background-color:#a1d044}button.disabled.alert,button[disabled].alert,.button.disabled.alert,.button[disabled].alert{background-color:#df4949;border-color:#c92323;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{background-color:#c92323}button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{color:#fff}button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{background-color:#df4949}button.disabled.warning,button[disabled].warning,.button.disabled.warning,.button[disabled].warning{background-color:#e27a3f;border-color:#c95c1e;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{background-color:#c95c1e}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{color:#fff}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{background-color:#e27a3f}button.disabled.info,button[disabled].info,.button.disabled.info,.button[disabled].info{background-color:#334d5c;border-color:#293e4a;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{background-color:#293e4a}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{color:#fff}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{background-color:#334d5c}button::-moz-focus-inner{border:0;padding:0}@media only screen and (min-width:40.063em){button,.button{display:inline-block}}form{margin:0 0 1rem}form .row .row{margin:0 -0.5rem}form .row .row .column,form .row .row .columns{padding:0 .5rem}form .row .row.collapse{margin:0}form .row .row.collapse .column,form .row .row.collapse .columns{padding:0}form .row .row.collapse input{-webkit-border-bottom-right-radius:0;-webkit-border-top-right-radius:0;border-bottom-right-radius:0;border-top-right-radius:0}form .row input.column,form .row input.columns,form .row textarea.column,form .row textarea.columns{padding-left:.5rem}label{font-size:.875rem;color:#4d4d4d;cursor:pointer;display:block;font-weight:normal;line-height:1.5;margin-bottom:0}label.right{float:none !important;text-align:right}label.inline{margin:0 0 1rem 0;padding:.5625rem 0}label small{text-transform:capitalize;color:#676767}.prefix,.postfix{display:block;position:relative;z-index:2;text-align:center;width:100%;padding-top:0;padding-bottom:0;border-style:solid;border-width:1px;overflow:hidden;font-size:.875rem;height:2.3125rem;line-height:2.3125rem}.postfix.button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-align:center;border:none}.prefix.button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-align:center;border:none}.prefix.button.radius{border-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.postfix.button.radius{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.prefix.button.round{border-radius:0;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.postfix.button.round{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}span.prefix,label.prefix{background:#f2f2f2;border-right:none;color:#333;border-color:#ccc}span.postfix,label.postfix{background:#f2f2f2;border-left:none;color:#333;border-color:#ccc}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=week],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input[type=color],textarea{-webkit-appearance:none;border-radius:0;background-color:#fff;font-family:inherit;border-style:solid;border-width:1px;border-color:#ccc;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);color:rgba(0,0,0,.75);display:block;font-size:.875rem;margin:0 0 1rem 0;padding:.5rem;height:2.3125rem;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:box-shadow .45s,border-color .45s ease-in-out}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input[type=color]:focus,textarea:focus{box-shadow:0 0 5px #999;border-color:#999}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input[type=color]:focus,textarea:focus{background:#fafafa;border-color:#999;outline:none}input[type=text]:disabled,input[type=password]:disabled,input[type=date]:disabled,input[type=datetime]:disabled,input[type=datetime-local]:disabled,input[type=month]:disabled,input[type=week]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=time]:disabled,input[type=url]:disabled,input[type=color]:disabled,textarea:disabled{background-color:#ddd;cursor:default}input[type=text][disabled],input[type=text][readonly],fieldset[disabled] input[type=text],input[type=password][disabled],input[type=password][readonly],fieldset[disabled] input[type=password],input[type=date][disabled],input[type=date][readonly],fieldset[disabled] input[type=date],input[type=datetime][disabled],input[type=datetime][readonly],fieldset[disabled] input[type=datetime],input[type=datetime-local][disabled],input[type=datetime-local][readonly],fieldset[disabled] input[type=datetime-local],input[type=month][disabled],input[type=month][readonly],fieldset[disabled] input[type=month],input[type=week][disabled],input[type=week][readonly],fieldset[disabled] input[type=week],input[type=email][disabled],input[type=email][readonly],fieldset[disabled] input[type=email],input[type=number][disabled],input[type=number][readonly],fieldset[disabled] input[type=number],input[type=search][disabled],input[type=search][readonly],fieldset[disabled] input[type=search],input[type=tel][disabled],input[type=tel][readonly],fieldset[disabled] input[type=tel],input[type=time][disabled],input[type=time][readonly],fieldset[disabled] input[type=time],input[type=url][disabled],input[type=url][readonly],fieldset[disabled] input[type=url],input[type=color][disabled],input[type=color][readonly],fieldset[disabled] input[type=color],textarea[disabled],textarea[readonly],fieldset[disabled] textarea{background-color:#ddd;cursor:default}input[type=text].radius,input[type=password].radius,input[type=date].radius,input[type=datetime].radius,input[type=datetime-local].radius,input[type=month].radius,input[type=week].radius,input[type=email].radius,input[type=number].radius,input[type=search].radius,input[type=tel].radius,input[type=time].radius,input[type=url].radius,input[type=color].radius,textarea.radius{border-radius:3px}form .row .prefix-radius.row.collapse input,form .row .prefix-radius.row.collapse textarea,form .row .prefix-radius.row.collapse select{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}form .row .prefix-radius.row.collapse .prefix{border-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}form .row .postfix-radius.row.collapse input,form .row .postfix-radius.row.collapse textarea,form .row .postfix-radius.row.collapse select{border-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}form .row .postfix-radius.row.collapse .postfix{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}form .row .prefix-round.row.collapse input,form .row .prefix-round.row.collapse textarea,form .row .prefix-round.row.collapse select{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}form .row .prefix-round.row.collapse .prefix{border-radius:0;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}form .row .postfix-round.row.collapse input,form .row .postfix-round.row.collapse textarea,form .row .postfix-round.row.collapse select{border-radius:0;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}form .row .postfix-round.row.collapse .postfix{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}input[type=submit]{-webkit-appearance:none;border-radius:0}textarea[rows]{height:auto}textarea{max-width:100%}select{-webkit-appearance:none !important;border-radius:0;background-color:#fafafa;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);background-position:100% center;background-repeat:no-repeat;border-style:solid;border-width:1px;border-color:#ccc;padding:.5rem;font-size:.875rem;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;color:rgba(0,0,0,.75);line-height:normal;border-radius:0;height:2.3125rem}select::-ms-expand{display:none}select.radius{border-radius:3px}select:hover{background-color:#f3f3f3;border-color:#999}select:disabled{background-color:#ddd;cursor:default}input[type=file],input[type=checkbox],input[type=radio],select{margin:0 0 1rem 0}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}input[type=file]{width:100%}fieldset{border:1px solid #ddd;padding:1.25rem;margin:1.125rem 0}fieldset legend{font-weight:bold;background:#fff;padding:0 .1875rem;margin:0;margin-left:-0.1875rem}[data-abide] .error small.error,[data-abide] .error span.error,[data-abide] span.error,[data-abide] small.error{display:block;padding:.375rem .5625rem .5625rem;margin-top:-1px;margin-bottom:1rem;font-size:.75rem;font-weight:normal;font-style:italic;background:#df4949;color:#fff}[data-abide] span.error,[data-abide] small.error{display:none}span.error,small.error{display:block;padding:.375rem .5625rem .5625rem;margin-top:-1px;margin-bottom:1rem;font-size:.75rem;font-weight:normal;font-style:italic;background:#df4949;color:#fff}.error input,.error textarea,.error select{margin-bottom:0}.error input[type=checkbox],.error input[type=radio]{margin-bottom:1rem}.error label,.error label.error{color:#df4949}.error small.error{display:block;padding:.375rem .5625rem .5625rem;margin-top:-1px;margin-bottom:1rem;font-size:.75rem;font-weight:normal;font-style:italic;background:#df4949;color:#fff}.error>label>small{color:#676767;background:rgba(0,0,0,0);padding:0;text-transform:capitalize;font-style:normal;font-size:60%;margin:0;display:inline}.error span.error-message{display:block}input.error,textarea.error,select.error{margin-bottom:0}label.error{color:#df4949}meta.foundation-mq-topbar{font-family:"/only screen and (min-width: 64.063em)/";width:64.063em}.contain-to-grid{width:100%;background:#334d5c}.contain-to-grid .top-bar{margin-bottom:0}.fixed{width:100%;left:0;position:fixed;top:0;z-index:99}.fixed.expanded:not(.top-bar){overflow-y:auto;height:auto;width:100%;max-height:100%}.fixed.expanded:not(.top-bar) .title-area{position:fixed;width:100%;z-index:99}.fixed.expanded:not(.top-bar) .top-bar-section{z-index:98;margin-top:3.125rem}.top-bar{overflow:hidden;height:3.125rem;line-height:3.125rem;position:relative;background:#334d5c;margin-bottom:0}.top-bar ul{margin-bottom:0;list-style:none}.top-bar .row{max-width:none}.top-bar form,.top-bar input{margin-bottom:0}.top-bar input{height:1.75rem;padding-top:.35rem;padding-bottom:.35rem;font-size:.75rem}.top-bar .button,.top-bar button{padding-top:.4125rem;padding-bottom:.4125rem;margin-bottom:0;font-size:.75rem}@media only screen and (max-width: 40em){.top-bar .button,.top-bar button{position:relative;top:-1px}}.top-bar .title-area{position:relative;margin:0}.top-bar .name{height:3.125rem;margin:0;font-size:16px}.top-bar .name h1,.top-bar .name h2,.top-bar .name h3,.top-bar .name h4,.top-bar .name p,.top-bar .name span{line-height:3.125rem;font-size:1.1875rem;margin:0}.top-bar .name h1 a,.top-bar .name h2 a,.top-bar .name h3 a,.top-bar .name h4 a,.top-bar .name p a,.top-bar .name span a{font-weight:bold;color:#fdfefe;width:75%;display:block;padding:0 1.0416666667rem}.top-bar .toggle-topbar{position:absolute;right:0;top:0}.top-bar .toggle-topbar a{color:#fdfefe;text-transform:uppercase;font-size:.8125rem;font-weight:bold;position:relative;display:block;padding:0 1.0416666667rem;height:3.125rem;line-height:3.125rem}.top-bar .toggle-topbar.menu-icon{top:50%;margin-top:-16px}.top-bar .toggle-topbar.menu-icon a{height:34px;line-height:33px;padding:0 2.6041666667rem 0 1.0416666667rem;color:#000;position:relative}.top-bar .toggle-topbar.menu-icon a span::after{content:"";position:absolute;display:block;height:0;top:50%;margin-top:-8px;right:1.0416666667rem;box-shadow:0 0 0 1px #000,0 7px 0 1px #000,0 14px 0 1px #000;width:16px}.top-bar .toggle-topbar.menu-icon a span:hover:after{box-shadow:0 0 0 1px "",0 7px 0 1px "",0 14px 0 1px ""}.top-bar.expanded{height:auto;background:rgba(0,0,0,0)}.top-bar.expanded .title-area{background:#334d5c}.top-bar.expanded .toggle-topbar a{color:#5a0141}.top-bar.expanded .toggle-topbar a span::after{box-shadow:0 0 0 1px #5a0141,0 7px 0 1px #5a0141,0 14px 0 1px #5a0141}.top-bar-section{left:0;position:relative;width:auto;transition:left 300ms ease-out}.top-bar-section ul{padding:0;width:100%;height:auto;display:block;font-size:16px;margin:0}.top-bar-section .divider,.top-bar-section [role=separator]{border-top:solid 0px #1a272e;clear:both;height:1px;width:100%}.top-bar-section ul li{background:#5a0141}.top-bar-section ul li>a{display:block;width:100%;color:#fdfefe;padding:12px 0 12px 0;padding-left:1.0416666667rem;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9375rem;font-weight:normal;text-transform:uppercase}.top-bar-section ul li>a.button{font-size:.9375rem;padding-right:1.0416666667rem;padding-left:1.0416666667rem;background-color:#334d5c;border-color:#293e4a;color:#fff}.top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{background-color:#293e4a}.top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{color:#fff}.top-bar-section ul li>a.button.secondary{background-color:#a1d044;border-color:#84b02c;color:#fff}.top-bar-section ul li>a.button.secondary:hover,.top-bar-section ul li>a.button.secondary:focus{background-color:#84b02c}.top-bar-section ul li>a.button.secondary:hover,.top-bar-section ul li>a.button.secondary:focus{color:#fff}.top-bar-section ul li>a.button.success{background-color:#a1d044;border-color:#84b02c;color:#fff}.top-bar-section ul li>a.button.success:hover,.top-bar-section ul li>a.button.success:focus{background-color:#84b02c}.top-bar-section ul li>a.button.success:hover,.top-bar-section ul li>a.button.success:focus{color:#fff}.top-bar-section ul li>a.button.alert{background-color:#df4949;border-color:#c92323;color:#fff}.top-bar-section ul li>a.button.alert:hover,.top-bar-section ul li>a.button.alert:focus{background-color:#c92323}.top-bar-section ul li>a.button.alert:hover,.top-bar-section ul li>a.button.alert:focus{color:#fff}.top-bar-section ul li>a.button.warning{background-color:#e27a3f;border-color:#c95c1e;color:#fff}.top-bar-section ul li>a.button.warning:hover,.top-bar-section ul li>a.button.warning:focus{background-color:#c95c1e}.top-bar-section ul li>a.button.warning:hover,.top-bar-section ul li>a.button.warning:focus{color:#fff}.top-bar-section ul li>button{font-size:.9375rem;padding-right:1.0416666667rem;padding-left:1.0416666667rem;background-color:#334d5c;border-color:#293e4a;color:#fff}.top-bar-section ul li>button:hover,.top-bar-section ul li>button:focus{background-color:#293e4a}.top-bar-section ul li>button:hover,.top-bar-section ul li>button:focus{color:#fff}.top-bar-section ul li>button.secondary{background-color:#a1d044;border-color:#84b02c;color:#fff}.top-bar-section ul li>button.secondary:hover,.top-bar-section ul li>button.secondary:focus{background-color:#84b02c}.top-bar-section ul li>button.secondary:hover,.top-bar-section ul li>button.secondary:focus{color:#fff}.top-bar-section ul li>button.success{background-color:#a1d044;border-color:#84b02c;color:#fff}.top-bar-section ul li>button.success:hover,.top-bar-section ul li>button.success:focus{background-color:#84b02c}.top-bar-section ul li>button.success:hover,.top-bar-section ul li>button.success:focus{color:#fff}.top-bar-section ul li>button.alert{background-color:#df4949;border-color:#c92323;color:#fff}.top-bar-section ul li>button.alert:hover,.top-bar-section ul li>button.alert:focus{background-color:#c92323}.top-bar-section ul li>button.alert:hover,.top-bar-section ul li>button.alert:focus{color:#fff}.top-bar-section ul li>button.warning{background-color:#e27a3f;border-color:#c95c1e;color:#fff}.top-bar-section ul li>button.warning:hover,.top-bar-section ul li>button.warning:focus{background-color:#c95c1e}.top-bar-section ul li>button.warning:hover,.top-bar-section ul li>button.warning:focus{color:#fff}.top-bar-section ul li:hover:not(.has-form)>a{background-color:#555;background:#5a0141;color:#fdfefe}.top-bar-section ul li.active>a{background:#5a0141;color:#fdfefe}.top-bar-section ul li.active>a:hover{background:#45b29d;color:#fdfefe}.top-bar-section .has-form{padding:1.0416666667rem}.top-bar-section .has-dropdown{position:relative}.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:inset 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(51,77,92,.4);border-left-style:solid;margin-right:1.0416666667rem;margin-top:-4.5px;position:absolute;top:50%;right:0}.top-bar-section .has-dropdown.moved{position:static}.top-bar-section .has-dropdown.moved>.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important;width:100%}.top-bar-section .has-dropdown.moved>a:after{display:none}.top-bar-section .dropdown{padding:0;position:absolute;left:100%;top:0;z-index:99;display:block;position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.top-bar-section .dropdown li{width:100%;height:auto}.top-bar-section .dropdown li a{font-weight:normal;padding:8px 1.0416666667rem}.top-bar-section .dropdown li a.parent-link{font-weight:normal}.top-bar-section .dropdown li.title h5,.top-bar-section .dropdown li.parent-link{margin-bottom:0;margin-top:0;font-size:1.125rem}.top-bar-section .dropdown li.title h5 a,.top-bar-section .dropdown li.parent-link a{color:#fdfefe;display:block}.top-bar-section .dropdown li.title h5 a:hover,.top-bar-section .dropdown li.parent-link a:hover{background:none}.top-bar-section .dropdown li.has-form{padding:8px 1.0416666667rem}.top-bar-section .dropdown li .button,.top-bar-section .dropdown li button{top:auto}.top-bar-section .dropdown label{padding:8px 1.0416666667rem 2px;margin-bottom:0;text-transform:uppercase;color:#45b29d;font-weight:bold;font-size:.625rem}.js-generated{display:block}@media only screen and (min-width: 64.063em){.top-bar{background:#334d5c;overflow:visible}.top-bar:before,.top-bar:after{content:" ";display:table}.top-bar:after{clear:both}.top-bar .toggle-topbar{display:none}.top-bar .title-area{float:left}.top-bar .name h1 a{width:auto}.top-bar input,.top-bar .button,.top-bar button{font-size:.875rem;position:relative;height:1.75rem;top:.6875rem}.top-bar.expanded{background:#334d5c}.contain-to-grid .top-bar{max-width:62.5rem;margin:0 auto;margin-bottom:0}.top-bar-section{transition:none 0 0;left:0 !important}.top-bar-section ul{width:auto;height:auto !important;display:inline}.top-bar-section ul li{float:left}.top-bar-section ul li .js-generated{display:none}.top-bar-section li.hover>a:not(.button){background-color:#555;background:#5a0141;color:#fdfefe}.top-bar-section li:not(.has-form) a:not(.button){padding:0 1.0416666667rem;line-height:3.125rem;background:#334d5c}.top-bar-section li:not(.has-form) a:not(.button):hover{background-color:#555;background:#5a0141}.top-bar-section li.active:not(.has-form) a:not(.button){padding:0 1.0416666667rem;line-height:3.125rem;color:#fdfefe;background:#5a0141}.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:#45b29d;color:#fdfefe}.top-bar-section .has-dropdown>a{padding-right:2.2916666667rem !important}.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:inset 5px;border-color:rgba(51,77,92,.4) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-top-style:solid;margin-top:-2.5px;top:1.5625rem}.top-bar-section .has-dropdown.moved{position:relative}.top-bar-section .has-dropdown.moved>.dropdown{display:block;position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.top-bar-section .has-dropdown.hover>.dropdown,.top-bar-section .has-dropdown.not-click:hover>.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}.top-bar-section .has-dropdown>a:focus+.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"»";top:1rem;margin-top:-1px;right:5px;line-height:1.2}.top-bar-section .dropdown{left:0;top:auto;background:rgba(0,0,0,0);min-width:100%}.top-bar-section .dropdown li a{color:#000;line-height:3.125rem;white-space:nowrap;padding:12px 1.0416666667rem;background:#45b29d}.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button){color:#000;background:#45b29d}.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button){color:#fdfefe;background-color:#555;background:#5a0141}.top-bar-section .dropdown li label{white-space:nowrap;background:#333}.top-bar-section .dropdown li .dropdown{left:100%;top:0}.top-bar-section>ul>.divider,.top-bar-section>ul>[role=separator]{border-bottom:none;border-top:none;border-right:solid 0px #517a92;clear:none;height:3.125rem;width:0}.top-bar-section .has-form{background:#334d5c;padding:0 1.0416666667rem;height:3.125rem}.top-bar-section .right li .dropdown{left:auto;right:0}.top-bar-section .right li .dropdown li .dropdown{right:100%}.top-bar-section .left li .dropdown{right:auto;left:0}.top-bar-section .left li .dropdown li .dropdown{left:100%}.no-js .top-bar-section ul li:hover>a{background-color:#555;background:#5a0141;color:#fdfefe}.no-js .top-bar-section ul li:active>a{background:#5a0141;color:#fdfefe}.no-js .top-bar-section .has-dropdown:hover>.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}.no-js .top-bar-section .has-dropdown>a:focus+.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}}.accordion{margin-bottom:0}.accordion:before,.accordion:after{content:" ";display:table}.accordion:after{clear:both}.accordion .accordion-navigation,.accordion dd{display:block;margin-bottom:0 !important}.accordion .accordion-navigation.active>a,.accordion dd.active>a{background:#e8e8e8}.accordion .accordion-navigation>a,.accordion dd>a{background:#efefef;color:#222;padding:.75rem;display:block;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem}.accordion .accordion-navigation>a:hover,.accordion dd>a:hover{background:#e3e3e3}.accordion .accordion-navigation>.content,.accordion dd>.content{display:none;padding:.9375rem}.accordion .accordion-navigation>.content.active,.accordion dd>.content.active{display:block;background:#fdfdfd}.alert-box{border-style:solid;border-width:1px;display:block;font-weight:normal;margin-bottom:1.25rem;position:relative;padding:.875rem 1.5rem .875rem .875rem;font-size:.9375rem;transition:opacity 300ms ease-out;background-color:#334d5c;border-color:#2c424f;color:#fff}.alert-box .close{font-size:1.375rem;padding:9px 6px 4px;line-height:0;position:absolute;top:50%;margin-top:-0.6875rem;right:.25rem;color:#333;opacity:.3;background:inherit}.alert-box .close:hover,.alert-box .close:focus{opacity:.5}.alert-box.radius{border-radius:3px}.alert-box.round{border-radius:1000px}.alert-box.success{background-color:#a1d044;border-color:#8ebe30;color:#fff}.alert-box.alert{background-color:#df4949;border-color:#d82626;color:#fff}.alert-box.secondary{background-color:#a1d044;border-color:#8ebe30;color:#fff}.alert-box.warning{background-color:#e27a3f;border-color:#d86321;color:#fff}.alert-box.info{background-color:#334d5c;border-color:#2c424f;color:#fff}.alert-box.alert-close{opacity:0}.breadcrumbs{display:block;padding:.5625rem .875rem .5625rem;overflow:hidden;margin-left:0;list-style:none;border-style:solid;border-width:0;background-color:#e4e4e4;border-color:#e4e4e4;border-radius:0}.breadcrumbs>*{margin:0;float:left;font-size:.6875rem;line-height:.6875rem;text-transform:uppercase;color:#334d5c}.breadcrumbs>*:hover a,.breadcrumbs>*:focus a{text-decoration:underline}.breadcrumbs>* a{color:#334d5c}.breadcrumbs>*.current{cursor:default;color:#333}.breadcrumbs>*.current a{cursor:default;color:#333}.breadcrumbs>*.current:hover,.breadcrumbs>*.current:hover a,.breadcrumbs>*.current:focus,.breadcrumbs>*.current:focus a{text-decoration:none}.breadcrumbs>*.unavailable{color:#999}.breadcrumbs>*.unavailable a{color:#999}.breadcrumbs>*.unavailable:hover,.breadcrumbs>*.unavailable:hover a,.breadcrumbs>*.unavailable:focus,.breadcrumbs>*.unavailable a:focus{text-decoration:none;color:#999;cursor:default}.breadcrumbs>*:before{content:"/";color:#aaa;margin:0 .75rem;position:relative;top:1px}.breadcrumbs>*:first-child:before{content:" ";margin:0}[aria-label=breadcrumbs] [aria-hidden=true]:after{content:"/"}[class*=block-grid-]{display:block;padding:0;margin:0 -0.625rem}[class*=block-grid-]:before,[class*=block-grid-]:after{content:" ";display:table}[class*=block-grid-]:after{clear:both}[class*=block-grid-]>li{display:block;height:auto;float:left;padding:0 .625rem 1.25rem}@media only screen{.small-block-grid-1>li{width:100%;list-style:none}.small-block-grid-1>li:nth-of-type(1n){clear:none}.small-block-grid-1>li:nth-of-type(1n+1){clear:both}.small-block-grid-2>li{width:50%;list-style:none}.small-block-grid-2>li:nth-of-type(1n){clear:none}.small-block-grid-2>li:nth-of-type(2n+1){clear:both}.small-block-grid-3>li{width:33.3333333333%;list-style:none}.small-block-grid-3>li:nth-of-type(1n){clear:none}.small-block-grid-3>li:nth-of-type(3n+1){clear:both}.small-block-grid-4>li{width:25%;list-style:none}.small-block-grid-4>li:nth-of-type(1n){clear:none}.small-block-grid-4>li:nth-of-type(4n+1){clear:both}.small-block-grid-5>li{width:20%;list-style:none}.small-block-grid-5>li:nth-of-type(1n){clear:none}.small-block-grid-5>li:nth-of-type(5n+1){clear:both}.small-block-grid-6>li{width:16.6666666667%;list-style:none}.small-block-grid-6>li:nth-of-type(1n){clear:none}.small-block-grid-6>li:nth-of-type(6n+1){clear:both}.small-block-grid-7>li{width:14.2857142857%;list-style:none}.small-block-grid-7>li:nth-of-type(1n){clear:none}.small-block-grid-7>li:nth-of-type(7n+1){clear:both}.small-block-grid-8>li{width:12.5%;list-style:none}.small-block-grid-8>li:nth-of-type(1n){clear:none}.small-block-grid-8>li:nth-of-type(8n+1){clear:both}.small-block-grid-9>li{width:11.1111111111%;list-style:none}.small-block-grid-9>li:nth-of-type(1n){clear:none}.small-block-grid-9>li:nth-of-type(9n+1){clear:both}.small-block-grid-10>li{width:10%;list-style:none}.small-block-grid-10>li:nth-of-type(1n){clear:none}.small-block-grid-10>li:nth-of-type(10n+1){clear:both}.small-block-grid-11>li{width:9.0909090909%;list-style:none}.small-block-grid-11>li:nth-of-type(1n){clear:none}.small-block-grid-11>li:nth-of-type(11n+1){clear:both}.small-block-grid-12>li{width:8.3333333333%;list-style:none}.small-block-grid-12>li:nth-of-type(1n){clear:none}.small-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width:40.063em){.medium-block-grid-1>li{width:100%;list-style:none}.medium-block-grid-1>li:nth-of-type(1n){clear:none}.medium-block-grid-1>li:nth-of-type(1n+1){clear:both}.medium-block-grid-2>li{width:50%;list-style:none}.medium-block-grid-2>li:nth-of-type(1n){clear:none}.medium-block-grid-2>li:nth-of-type(2n+1){clear:both}.medium-block-grid-3>li{width:33.3333333333%;list-style:none}.medium-block-grid-3>li:nth-of-type(1n){clear:none}.medium-block-grid-3>li:nth-of-type(3n+1){clear:both}.medium-block-grid-4>li{width:25%;list-style:none}.medium-block-grid-4>li:nth-of-type(1n){clear:none}.medium-block-grid-4>li:nth-of-type(4n+1){clear:both}.medium-block-grid-5>li{width:20%;list-style:none}.medium-block-grid-5>li:nth-of-type(1n){clear:none}.medium-block-grid-5>li:nth-of-type(5n+1){clear:both}.medium-block-grid-6>li{width:16.6666666667%;list-style:none}.medium-block-grid-6>li:nth-of-type(1n){clear:none}.medium-block-grid-6>li:nth-of-type(6n+1){clear:both}.medium-block-grid-7>li{width:14.2857142857%;list-style:none}.medium-block-grid-7>li:nth-of-type(1n){clear:none}.medium-block-grid-7>li:nth-of-type(7n+1){clear:both}.medium-block-grid-8>li{width:12.5%;list-style:none}.medium-block-grid-8>li:nth-of-type(1n){clear:none}.medium-block-grid-8>li:nth-of-type(8n+1){clear:both}.medium-block-grid-9>li{width:11.1111111111%;list-style:none}.medium-block-grid-9>li:nth-of-type(1n){clear:none}.medium-block-grid-9>li:nth-of-type(9n+1){clear:both}.medium-block-grid-10>li{width:10%;list-style:none}.medium-block-grid-10>li:nth-of-type(1n){clear:none}.medium-block-grid-10>li:nth-of-type(10n+1){clear:both}.medium-block-grid-11>li{width:9.0909090909%;list-style:none}.medium-block-grid-11>li:nth-of-type(1n){clear:none}.medium-block-grid-11>li:nth-of-type(11n+1){clear:both}.medium-block-grid-12>li{width:8.3333333333%;list-style:none}.medium-block-grid-12>li:nth-of-type(1n){clear:none}.medium-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width:64.063em){.large-block-grid-1>li{width:100%;list-style:none}.large-block-grid-1>li:nth-of-type(1n){clear:none}.large-block-grid-1>li:nth-of-type(1n+1){clear:both}.large-block-grid-2>li{width:50%;list-style:none}.large-block-grid-2>li:nth-of-type(1n){clear:none}.large-block-grid-2>li:nth-of-type(2n+1){clear:both}.large-block-grid-3>li{width:33.3333333333%;list-style:none}.large-block-grid-3>li:nth-of-type(1n){clear:none}.large-block-grid-3>li:nth-of-type(3n+1){clear:both}.large-block-grid-4>li{width:25%;list-style:none}.large-block-grid-4>li:nth-of-type(1n){clear:none}.large-block-grid-4>li:nth-of-type(4n+1){clear:both}.large-block-grid-5>li{width:20%;list-style:none}.large-block-grid-5>li:nth-of-type(1n){clear:none}.large-block-grid-5>li:nth-of-type(5n+1){clear:both}.large-block-grid-6>li{width:16.6666666667%;list-style:none}.large-block-grid-6>li:nth-of-type(1n){clear:none}.large-block-grid-6>li:nth-of-type(6n+1){clear:both}.large-block-grid-7>li{width:14.2857142857%;list-style:none}.large-block-grid-7>li:nth-of-type(1n){clear:none}.large-block-grid-7>li:nth-of-type(7n+1){clear:both}.large-block-grid-8>li{width:12.5%;list-style:none}.large-block-grid-8>li:nth-of-type(1n){clear:none}.large-block-grid-8>li:nth-of-type(8n+1){clear:both}.large-block-grid-9>li{width:11.1111111111%;list-style:none}.large-block-grid-9>li:nth-of-type(1n){clear:none}.large-block-grid-9>li:nth-of-type(9n+1){clear:both}.large-block-grid-10>li{width:10%;list-style:none}.large-block-grid-10>li:nth-of-type(1n){clear:none}.large-block-grid-10>li:nth-of-type(10n+1){clear:both}.large-block-grid-11>li{width:9.0909090909%;list-style:none}.large-block-grid-11>li:nth-of-type(1n){clear:none}.large-block-grid-11>li:nth-of-type(11n+1){clear:both}.large-block-grid-12>li{width:8.3333333333%;list-style:none}.large-block-grid-12>li:nth-of-type(1n){clear:none}.large-block-grid-12>li:nth-of-type(12n+1){clear:both}}.button-group{list-style:none;margin:0;left:0}.button-group:before,.button-group:after{content:" ";display:table}.button-group:after{clear:both}.button-group>li{margin:0 -2px;display:inline-block}.button-group>li>button,.button-group>li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group>li:first-child button,.button-group>li:first-child .button{border-left:0}.button-group.stack>li{margin:0 -2px;display:inline-block;display:block;margin:0;float:none}.button-group.stack>li>button,.button-group.stack>li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.stack>li:first-child button,.button-group.stack>li:first-child .button{border-left:0}.button-group.stack>li>button,.button-group.stack>li .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.stack>li:first-child button,.button-group.stack>li:first-child .button{border-top:0}.button-group.stack-for-small>li{margin:0 -2px;display:inline-block}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-left:0}@media only screen and (max-width: 40em){.button-group.stack-for-small>li{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-left:0}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-top:0}}.button-group.radius>*{margin:0 -2px;display:inline-block}.button-group.radius>*>button,.button-group.radius>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius>*:first-child button,.button-group.radius>*:first-child .button{border-left:0}.button-group.radius>*,.button-group.radius>*>a,.button-group.radius>*>button,.button-group.radius>*>.button{border-radius:0}.button-group.radius>*:first-child,.button-group.radius>*:first-child>a,.button-group.radius>*:first-child>button,.button-group.radius>*:first-child>.button{-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.button-group.radius>*:last-child,.button-group.radius>*:last-child>a,.button-group.radius>*:last-child>button,.button-group.radius>*:last-child>.button{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.button-group.radius.stack>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.radius.stack>*>button,.button-group.radius.stack>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius.stack>*:first-child button,.button-group.radius.stack>*:first-child .button{border-left:0}.button-group.radius.stack>*>button,.button-group.radius.stack>* .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.radius.stack>*:first-child button,.button-group.radius.stack>*:first-child .button{border-top:0}.button-group.radius.stack>*,.button-group.radius.stack>*>a,.button-group.radius.stack>*>button,.button-group.radius.stack>*>.button{border-radius:0}.button-group.radius.stack>*:first-child,.button-group.radius.stack>*:first-child>a,.button-group.radius.stack>*:first-child>button,.button-group.radius.stack>*:first-child>.button{-webkit-top-left-radius:3px;-webkit-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.radius.stack>*:last-child,.button-group.radius.stack>*:last-child>a,.button-group.radius.stack>*:last-child>button,.button-group.radius.stack>*:last-child>.button{-webkit-bottom-left-radius:3px;-webkit-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}@media only screen and (min-width:40.063em){.button-group.radius.stack-for-small>*{margin:0 -2px;display:inline-block}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-left:0}.button-group.radius.stack-for-small>*,.button-group.radius.stack-for-small>*>a,.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>*>.button{border-radius:0}.button-group.radius.stack-for-small>*:first-child,.button-group.radius.stack-for-small>*:first-child>a,.button-group.radius.stack-for-small>*:first-child>button,.button-group.radius.stack-for-small>*:first-child>.button{-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.button-group.radius.stack-for-small>*:last-child,.button-group.radius.stack-for-small>*:last-child>a,.button-group.radius.stack-for-small>*:last-child>button,.button-group.radius.stack-for-small>*:last-child>.button{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}}@media only screen and (max-width: 40em){.button-group.radius.stack-for-small>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-left:0}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-top:0}.button-group.radius.stack-for-small>*,.button-group.radius.stack-for-small>*>a,.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>*>.button{border-radius:0}.button-group.radius.stack-for-small>*:first-child,.button-group.radius.stack-for-small>*:first-child>a,.button-group.radius.stack-for-small>*:first-child>button,.button-group.radius.stack-for-small>*:first-child>.button{-webkit-top-left-radius:3px;-webkit-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.radius.stack-for-small>*:last-child,.button-group.radius.stack-for-small>*:last-child>a,.button-group.radius.stack-for-small>*:last-child>button,.button-group.radius.stack-for-small>*:last-child>.button{-webkit-bottom-left-radius:3px;-webkit-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}}.button-group.round>*{margin:0 -2px;display:inline-block}.button-group.round>*>button,.button-group.round>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round>*:first-child button,.button-group.round>*:first-child .button{border-left:0}.button-group.round>*,.button-group.round>*>a,.button-group.round>*>button,.button-group.round>*>.button{border-radius:0}.button-group.round>*:first-child,.button-group.round>*:first-child>a,.button-group.round>*:first-child>button,.button-group.round>*:first-child>.button{-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.button-group.round>*:last-child,.button-group.round>*:last-child>a,.button-group.round>*:last-child>button,.button-group.round>*:last-child>.button{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}.button-group.round.stack>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.round.stack>*>button,.button-group.round.stack>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round.stack>*:first-child button,.button-group.round.stack>*:first-child .button{border-left:0}.button-group.round.stack>*>button,.button-group.round.stack>* .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.round.stack>*:first-child button,.button-group.round.stack>*:first-child .button{border-top:0}.button-group.round.stack>*,.button-group.round.stack>*>a,.button-group.round.stack>*>button,.button-group.round.stack>*>.button{border-radius:0}.button-group.round.stack>*:first-child,.button-group.round.stack>*:first-child>a,.button-group.round.stack>*:first-child>button,.button-group.round.stack>*:first-child>.button{-webkit-top-left-radius:1rem;-webkit-top-right-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.button-group.round.stack>*:last-child,.button-group.round.stack>*:last-child>a,.button-group.round.stack>*:last-child>button,.button-group.round.stack>*:last-child>.button{-webkit-bottom-left-radius:1rem;-webkit-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}@media only screen and (min-width:40.063em){.button-group.round.stack-for-small>*{margin:0 -2px;display:inline-block}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-left:0}.button-group.round.stack-for-small>*,.button-group.round.stack-for-small>*>a,.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>*>.button{border-radius:0}.button-group.round.stack-for-small>*:first-child,.button-group.round.stack-for-small>*:first-child>a,.button-group.round.stack-for-small>*:first-child>button,.button-group.round.stack-for-small>*:first-child>.button{-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.button-group.round.stack-for-small>*:last-child,.button-group.round.stack-for-small>*:last-child>a,.button-group.round.stack-for-small>*:last-child>button,.button-group.round.stack-for-small>*:last-child>.button{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}}@media only screen and (max-width: 40em){.button-group.round.stack-for-small>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-left:0}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-top:0}.button-group.round.stack-for-small>*,.button-group.round.stack-for-small>*>a,.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>*>.button{border-radius:0}.button-group.round.stack-for-small>*:first-child,.button-group.round.stack-for-small>*:first-child>a,.button-group.round.stack-for-small>*:first-child>button,.button-group.round.stack-for-small>*:first-child>.button{-webkit-top-left-radius:1rem;-webkit-top-right-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.button-group.round.stack-for-small>*:last-child,.button-group.round.stack-for-small>*:last-child>a,.button-group.round.stack-for-small>*:last-child>button,.button-group.round.stack-for-small>*:last-child>.button{-webkit-bottom-left-radius:1rem;-webkit-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.button-group.even-2 li{margin:0 -2px;display:inline-block;width:50%}.button-group.even-2 li>button,.button-group.even-2 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-2 li:first-child button,.button-group.even-2 li:first-child .button{border-left:0}.button-group.even-2 li button,.button-group.even-2 li .button{width:100%}.button-group.even-3 li{margin:0 -2px;display:inline-block;width:33.3333333333%}.button-group.even-3 li>button,.button-group.even-3 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-3 li:first-child button,.button-group.even-3 li:first-child .button{border-left:0}.button-group.even-3 li button,.button-group.even-3 li .button{width:100%}.button-group.even-4 li{margin:0 -2px;display:inline-block;width:25%}.button-group.even-4 li>button,.button-group.even-4 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-4 li:first-child button,.button-group.even-4 li:first-child .button{border-left:0}.button-group.even-4 li button,.button-group.even-4 li .button{width:100%}.button-group.even-5 li{margin:0 -2px;display:inline-block;width:20%}.button-group.even-5 li>button,.button-group.even-5 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-5 li:first-child button,.button-group.even-5 li:first-child .button{border-left:0}.button-group.even-5 li button,.button-group.even-5 li .button{width:100%}.button-group.even-6 li{margin:0 -2px;display:inline-block;width:16.6666666667%}.button-group.even-6 li>button,.button-group.even-6 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-6 li:first-child button,.button-group.even-6 li:first-child .button{border-left:0}.button-group.even-6 li button,.button-group.even-6 li .button{width:100%}.button-group.even-7 li{margin:0 -2px;display:inline-block;width:14.2857142857%}.button-group.even-7 li>button,.button-group.even-7 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-7 li:first-child button,.button-group.even-7 li:first-child .button{border-left:0}.button-group.even-7 li button,.button-group.even-7 li .button{width:100%}.button-group.even-8 li{margin:0 -2px;display:inline-block;width:12.5%}.button-group.even-8 li>button,.button-group.even-8 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-8 li:first-child button,.button-group.even-8 li:first-child .button{border-left:0}.button-group.even-8 li button,.button-group.even-8 li .button{width:100%}.button-bar:before,.button-bar:after{content:" ";display:table}.button-bar:after{clear:both}.button-bar .button-group{float:left;margin-right:.625rem}.button-bar .button-group div{overflow:hidden}.clearing-thumbs,[data-clearing]{margin-bottom:0;margin-left:0;list-style:none}.clearing-thumbs:before,.clearing-thumbs:after,[data-clearing]:before,[data-clearing]:after{content:" ";display:table}.clearing-thumbs:after,[data-clearing]:after{clear:both}.clearing-thumbs li,[data-clearing] li{float:left;margin-right:10px}.clearing-thumbs[class*=block-grid-] li,[data-clearing][class*=block-grid-] li{margin-right:0}.clearing-blackout{background:#333;position:fixed;width:100%;height:100%;top:0;left:0;z-index:998}.clearing-blackout .clearing-close{display:block}.clearing-container{position:relative;z-index:998;height:100%;overflow:hidden;margin:0}.clearing-touch-label{position:absolute;top:50%;left:50%;color:#aaa;font-size:.6em}.visible-img{height:95%;position:relative}.visible-img img{position:absolute;left:50%;top:50%;margin-left:-50%;max-height:100%;max-width:100%}.clearing-caption{color:#ccc;font-size:.875em;line-height:1.3;margin-bottom:0;text-align:center;bottom:0;background:#333;width:100%;padding:10px 30px 20px;position:absolute;left:0}.clearing-close{z-index:999;padding-left:20px;padding-top:10px;font-size:30px;line-height:1;color:#ccc;display:none}.clearing-close:hover,.clearing-close:focus{color:#ccc}.clearing-assembled .clearing-container{height:100%}.clearing-assembled .clearing-container .carousel>ul{display:none}.clearing-feature li{display:none}.clearing-feature li.clearing-featured-img{display:block}@media only screen and (min-width:40.063em){.clearing-main-prev,.clearing-main-next{position:absolute;height:100%;width:40px;top:0}.clearing-main-prev>span,.clearing-main-next>span{position:absolute;top:50%;display:block;width:0;height:0;border:solid 12px}.clearing-main-prev>span:hover,.clearing-main-next>span:hover{opacity:.8}.clearing-main-prev{left:0}.clearing-main-prev>span{left:5px;border-color:rgba(0,0,0,0);border-right-color:#ccc}.clearing-main-next{right:0}.clearing-main-next>span{border-color:rgba(0,0,0,0);border-left-color:#ccc}.clearing-main-prev.disabled,.clearing-main-next.disabled{opacity:.3}.clearing-assembled .clearing-container .carousel{background:rgba(51,51,51,.8);height:120px;margin-top:10px;text-align:center}.clearing-assembled .clearing-container .carousel>ul{display:inline-block;z-index:999;height:100%;position:relative;float:none}.clearing-assembled .clearing-container .carousel>ul li{display:block;width:120px;min-height:inherit;float:left;overflow:hidden;margin-right:0;padding:0;position:relative;cursor:pointer;opacity:.4;clear:none}.clearing-assembled .clearing-container .carousel>ul li.fix-height img{height:100%;max-width:none}.clearing-assembled .clearing-container .carousel>ul li a.th{border:none;box-shadow:none;display:block}.clearing-assembled .clearing-container .carousel>ul li img{cursor:pointer !important;width:100% !important}.clearing-assembled .clearing-container .carousel>ul li.visible{opacity:1}.clearing-assembled .clearing-container .carousel>ul li:hover{opacity:.8}.clearing-assembled .clearing-container .visible-img{background:#333;overflow:hidden;height:85%}.clearing-close{position:absolute;top:10px;right:20px;padding-left:0;padding-top:0}}.f-dropdown{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;margin-top:2px;max-width:200px}.f-dropdown>*:first-child{margin-top:0}.f-dropdown>*:last-child{margin-bottom:0}.f-dropdown:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);border-bottom-style:solid;position:absolute;top:-12px;left:10px;z-index:89}.f-dropdown:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #ccc rgba(0,0,0,0);border-bottom-style:solid;position:absolute;top:-14px;left:9px;z-index:88}.f-dropdown.right:before{left:auto;right:10px}.f-dropdown.right:after{left:auto;right:9px}.f-dropdown.drop-right{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;margin-top:0;margin-left:2px;max-width:200px}.f-dropdown.drop-right>*:first-child{margin-top:0}.f-dropdown.drop-right>*:last-child{margin-bottom:0}.f-dropdown.drop-right:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0);border-right-style:solid;position:absolute;top:10px;left:-12px;z-index:89}.f-dropdown.drop-right:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:rgba(0,0,0,0) #ccc rgba(0,0,0,0) rgba(0,0,0,0);border-right-style:solid;position:absolute;top:9px;left:-14px;z-index:88}.f-dropdown.drop-left{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;margin-top:0;margin-left:-2px;max-width:200px}.f-dropdown.drop-left>*:first-child{margin-top:0}.f-dropdown.drop-left>*:last-child{margin-bottom:0}.f-dropdown.drop-left:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;border-left-style:solid;position:absolute;top:10px;right:-12px;left:auto;z-index:89}.f-dropdown.drop-left:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ccc;border-left-style:solid;position:absolute;top:9px;right:-14px;left:auto;z-index:88}.f-dropdown.drop-top{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;margin-top:-2px;margin-left:0;max-width:200px}.f-dropdown.drop-top>*:first-child{margin-top:0}.f-dropdown.drop-top>*:last-child{margin-bottom:0}.f-dropdown.drop-top:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-top-style:solid;position:absolute;top:auto;bottom:-12px;left:10px;right:auto;z-index:89}.f-dropdown.drop-top:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:#ccc rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-top-style:solid;position:absolute;top:auto;bottom:-14px;left:9px;right:auto;z-index:88}.f-dropdown li{font-size:.875rem;cursor:pointer;line-height:1.125rem;margin:0}.f-dropdown li:hover,.f-dropdown li:focus{background:#eee}.f-dropdown li.radius{border-radius:3px}.f-dropdown li a{display:block;padding:.5rem;color:#555}.f-dropdown.content{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;padding:1.25rem;width:100%;height:auto;max-height:none;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;max-width:200px}.f-dropdown.content>*:first-child{margin-top:0}.f-dropdown.content>*:last-child{margin-bottom:0}.f-dropdown.tiny{max-width:200px}.f-dropdown.small{max-width:300px}.f-dropdown.medium{max-width:500px}.f-dropdown.large{max-width:800px}.f-dropdown.mega{width:100% !important;max-width:100% !important}.f-dropdown.mega.open{left:0 !important}.dropdown.button,button.dropdown{position:relative;outline:none;padding-right:3.5625rem}.dropdown.button::after,button.dropdown::after{position:absolute;content:"";width:0;height:0;display:block;border-style:solid;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);top:50%}.dropdown.button::after,button.dropdown::after{border-width:.375rem;right:1.40625rem;margin-top:-0.15625rem}.dropdown.button::after,button.dropdown::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.dropdown.button.tiny,button.dropdown.tiny{padding-right:2.625rem}.dropdown.button.tiny:after,button.dropdown.tiny:after{border-width:.375rem;right:1.125rem;margin-top:-0.125rem}.dropdown.button.tiny::after,button.dropdown.tiny::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.dropdown.button.small,button.dropdown.small{padding-right:3.0625rem}.dropdown.button.small::after,button.dropdown.small::after{border-width:.4375rem;right:1.3125rem;margin-top:-0.15625rem}.dropdown.button.small::after,button.dropdown.small::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.dropdown.button.large,button.dropdown.large{padding-right:3.625rem}.dropdown.button.large::after,button.dropdown.large::after{border-width:.3125rem;right:1.71875rem;margin-top:-0.15625rem}.dropdown.button.large::after,button.dropdown.large::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.dropdown.button.secondary:after,button.dropdown.secondary:after{border-color:#333 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.flex-video{position:relative;padding-top:1.5625rem;padding-bottom:67.5%;height:0;margin-bottom:1rem;overflow:hidden}.flex-video.widescreen{padding-bottom:56.34%}.flex-video.vimeo{padding-top:0}.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}.inline-list{margin:0 auto 1.0625rem auto;margin-left:-1.375rem;margin-right:0;padding:0;list-style:none;overflow:hidden}.inline-list>li{list-style:none;float:left;margin-left:1.375rem;display:block}.inline-list>li>*{display:block}.keystroke,kbd{background-color:#ededed;border-color:#ddd;color:#222;border-style:solid;border-width:1px;margin:0;font-family:"Consolas","Menlo","Courier",monospace;font-size:inherit;padding:.125rem .25rem 0;border-radius:3px}.panel{border-style:solid;border-width:1px;border-color:#cbcbcb;margin-bottom:1.25rem;padding:1.25rem;background:#e4e4e4;color:#333}.panel>:first-child{margin-top:0}.panel>:last-child{margin-bottom:0}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel p,.panel li,.panel dl{color:#333}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{line-height:1;margin-bottom:.625rem}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader{line-height:1.4}.panel.callout{border-style:solid;border-width:1px;border-color:#cedce4;margin-bottom:1.25rem;padding:1.25rem;background:#f1f5f7;color:#333}.panel.callout>:first-child{margin-top:0}.panel.callout>:last-child{margin-bottom:0}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p,.panel.callout li,.panel.callout dl{color:#333}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6{line-height:1;margin-bottom:.625rem}.panel.callout h1.subheader,.panel.callout h2.subheader,.panel.callout h3.subheader,.panel.callout h4.subheader,.panel.callout h5.subheader,.panel.callout h6.subheader{line-height:1.4}.panel.callout a:not(.button){color:#334d5c}.panel.callout a:not(.button):hover,.panel.callout a:not(.button):focus{color:#2c424f}.panel.radius{border-radius:3px}.reveal-modal-bg{position:absolute;top:0;bottom:0;left:0;right:0;background:#000;background:rgba(0,0,0,.45);z-index:1004;display:none;left:0}.reveal-modal,dialog{visibility:hidden;display:none;position:absolute;z-index:1005;width:100vw;top:0;border-radius:3px;left:0;background-color:#fff;padding:1.25rem;border:solid 1px #666;box-shadow:0 0 10px rgba(0,0,0,.4);padding:1.875rem}@media only screen and (max-width: 40em){.reveal-modal,dialog{min-height:100vh}}.reveal-modal .column,dialog .column,.reveal-modal .columns,dialog .columns{min-width:0}.reveal-modal>:first-child,dialog>:first-child{margin-top:0}.reveal-modal>:last-child,dialog>:last-child{margin-bottom:0}@media only screen and (min-width:40.063em){.reveal-modal,dialog{width:80%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal,dialog{top:6.25rem}}.reveal-modal.radius,dialog.radius{border-radius:3px}.reveal-modal.round,dialog.round{border-radius:1000px}.reveal-modal.collapse,dialog.collapse{padding:0}@media only screen and (min-width:40.063em){.reveal-modal.tiny,dialog.tiny{width:30%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal.small,dialog.small{width:40%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal.medium,dialog.medium{width:60%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal.large,dialog.large{width:70%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal.xlarge,dialog.xlarge{width:95%;max-width:62.5rem;left:0;right:0;margin:0 auto}}.reveal-modal.full,dialog.full{top:0;left:0;height:100%;height:100vh;min-height:100vh;max-width:none !important;margin-left:0 !important}@media only screen and (min-width:40.063em){.reveal-modal.full,dialog.full{width:100vw;max-width:62.5rem;left:0;right:0;margin:0 auto}}.reveal-modal .close-reveal-modal,dialog .close-reveal-modal{font-size:2.5rem;line-height:1;position:absolute;top:.625rem;right:1.375rem;color:#aaa;font-weight:bold;cursor:pointer}dialog{display:none}dialog::backdrop,dialog+.backdrop{position:absolute;top:0;bottom:0;left:0;right:0;background:#000;background:rgba(0,0,0,.45);z-index:auto;display:none;left:0}dialog[open]{display:block}@media print{dialog,.reveal-modal{display:none;background:#fff !important}}.side-nav{display:block;margin:0;padding:0 0 0 0;list-style-type:none;list-style-position:outside;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}.side-nav li{margin:0 0 0 0;font-size:1rem;font-weight:normal}.side-nav li a:not(.button){display:block;color:#334d5c;margin:0;padding:.4375rem .875rem}.side-nav li a:not(.button):hover,.side-nav li a:not(.button):focus{background:rgba(0,0,0,.025);color:#1f2e37}.side-nav li.active>a:first-child:not(.button){color:#1f2e37;font-weight:normal;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}.side-nav li.divider{border-top:1px solid;height:0;padding:0;list-style:none;border-top-color:#e4e4e4}.side-nav li.heading{color:#334d5c;font-size:1rem;font-weight:bold;text-transform:uppercase}.sub-nav{display:block;width:auto;overflow:hidden;margin:-0.25rem 0 1.125rem;padding-top:.25rem}.sub-nav dt{text-transform:uppercase}.sub-nav dt,.sub-nav dd,.sub-nav li{float:left;display:inline;margin-left:1rem;margin-bottom:0;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;font-size:.875rem;color:#999}.sub-nav dt a,.sub-nav dd a,.sub-nav li a{text-decoration:none;color:#999;padding:.1875rem 1rem}.sub-nav dt a:hover,.sub-nav dd a:hover,.sub-nav li a:hover{color:#737373}.sub-nav dt.active a,.sub-nav dd.active a,.sub-nav li.active a{border-radius:3px;font-weight:normal;background:#334d5c;padding:.1875rem 1rem;cursor:default;color:#fff}.sub-nav dt.active a:hover,.sub-nav dd.active a:hover,.sub-nav li.active a:hover{background:#2c424f}table{background:#fff;margin-bottom:1.25rem;border:solid 1px #ddd;table-layout:auto}table caption{background:rgba(0,0,0,0);color:#222;font-size:1rem;font-weight:bold}table thead{background:#d7d7d7}table thead tr th,table thead tr td{padding:.5rem .625rem .625rem;font-size:.875rem;font-weight:bold;color:#222}table tfoot{background:#d7d7d7}table tfoot tr th,table tfoot tr td{padding:.5rem .625rem .625rem;font-size:.875rem;font-weight:bold;color:#222}table tr th,table tr td{padding:.5625rem .625rem;font-size:.875rem;color:#222;text-align:left}table tr.even,table tr.alt,table tr:nth-of-type(even){background:#e4e4e4}table thead tr th,table tfoot tr th,table tfoot tr td,table tbody tr th,table tbody tr td,table tr td{display:table-cell;line-height:1.125rem}.th{line-height:0;display:inline-block;border:solid 4px #fff;max-width:100%;box-shadow:0 0 0 1px rgba(0,0,0,.2);transition:all 200ms ease-out}.th:hover,.th:focus{box-shadow:0 0 6px 1px rgba(51,77,92,.5)}.th.radius{border-radius:3px}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.text-justify{text-align:justify !important}@media only screen and (max-width: 40em){.small-only-text-left{text-align:left !important}.small-only-text-right{text-align:right !important}.small-only-text-center{text-align:center !important}.small-only-text-justify{text-align:justify !important}}@media only screen{.small-text-left{text-align:left !important}.small-text-right{text-align:right !important}.small-text-center{text-align:center !important}.small-text-justify{text-align:justify !important}}@media only screen and (min-width:40.063em)and (max-width:64em){.medium-only-text-left{text-align:left !important}.medium-only-text-right{text-align:right !important}.medium-only-text-center{text-align:center !important}.medium-only-text-justify{text-align:justify !important}}@media only screen and (min-width:40.063em){.medium-text-left{text-align:left !important}.medium-text-right{text-align:right !important}.medium-text-center{text-align:center !important}.medium-text-justify{text-align:justify !important}}@media only screen and (min-width:64.063em)and (max-width:90em){.large-only-text-left{text-align:left !important}.large-only-text-right{text-align:right !important}.large-only-text-center{text-align:center !important}.large-only-text-justify{text-align:justify !important}}@media only screen and (min-width:64.063em){.large-text-left{text-align:left !important}.large-text-right{text-align:right !important}.large-text-center{text-align:center !important}.large-text-justify{text-align:justify !important}}@media only screen and (min-width:90.063em)and (max-width:120em){.xlarge-only-text-left{text-align:left !important}.xlarge-only-text-right{text-align:right !important}.xlarge-only-text-center{text-align:center !important}.xlarge-only-text-justify{text-align:justify !important}}@media only screen and (min-width:90.063em){.xlarge-text-left{text-align:left !important}.xlarge-text-right{text-align:right !important}.xlarge-text-center{text-align:center !important}.xlarge-text-justify{text-align:justify !important}}@media only screen and (min-width:120.063em)and (max-width:99999999em){.xxlarge-only-text-left{text-align:left !important}.xxlarge-only-text-right{text-align:right !important}.xxlarge-only-text-center{text-align:center !important}.xxlarge-only-text-justify{text-align:justify !important}}@media only screen and (min-width:120.063em){.xxlarge-text-left{text-align:left !important}.xxlarge-text-right{text-align:right !important}.xxlarge-text-center{text-align:center !important}.xxlarge-text-justify{text-align:justify !important}}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}a{color:#334d5c;text-decoration:none;line-height:inherit}a:hover,a:focus{color:#2c424f}a img{border:none}p{font-family:inherit;font-weight:normal;font-size:1rem;line-height:1.6;margin-bottom:1.25rem;text-rendering:optimizeLegibility}p.lead{font-size:1.21875rem;line-height:1.6}p aside{font-size:.875rem;line-height:1.35;font-style:italic}h1,h2,h3,h4,h5,h6{font-family:"Volkhov",Georgia,Times,serif;font-weight:normal;font-style:normal;color:#222;text-rendering:optimizeLegibility;margin-top:.2rem;margin-bottom:.5rem;line-height:1.4}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#6f6f6f;line-height:0}h1{font-size:2.125rem}h2{font-size:1.6875rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1.125rem}h6{font-size:1rem}.subheader{line-height:1.4;color:#6f6f6f;font-weight:normal;margin-top:.2rem;margin-bottom:.5rem}hr{border:solid #cbcbcb;border-width:1px 0 0;clear:both;margin:1.25rem 0 1.1875rem;height:0}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:bold;line-height:inherit}small{font-size:60%;line-height:inherit}code{font-family:"Lucida Console",Monaco,monospace;font-weight:normal;color:#333;background-color:#e3f1c7;border-width:1px;border-style:solid;border-color:#d1e8a4;padding:.125rem .3125rem .0625rem}ul,ol,dl{font-size:1rem;line-height:1.6;margin-bottom:1.25rem;list-style-position:outside;font-family:inherit}ul{margin-left:1.3rem}ul.no-bullet{margin-left:0}ul.no-bullet li ul,ul.no-bullet li ol{margin-left:1.25rem;margin-bottom:0;list-style:none}ul li ul,ul li ol{margin-left:1.25rem;margin-bottom:0}ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit}ul.square{list-style-type:square;margin-left:1.3rem}ul.circle{list-style-type:circle;margin-left:1.3rem}ul.disc{list-style-type:disc;margin-left:1.3rem}ul.no-bullet{list-style:none}ol{margin-left:1.4rem}ol li ul,ol li ol{margin-left:1.25rem;margin-bottom:0}dl dt{margin-bottom:.3rem;font-weight:bold}dl dd{margin-bottom:.75rem}abbr,acronym{text-transform:uppercase;font-size:90%;color:#111;cursor:help}abbr{text-transform:none}abbr[title]{border-bottom:1px dotted #ddd}blockquote{margin:0 0 1.25rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #ddd}blockquote cite{display:block;font-size:.8125rem;color:#555}blockquote cite:before{content:"— "}blockquote cite a,blockquote cite a:visited{color:#555}blockquote,blockquote p{line-height:1.6;color:#6f6f6f}.vcard{display:inline-block;margin:0 0 1.25rem 0;border:1px solid #ddd;padding:.625rem .75rem}.vcard li{margin:0;display:block}.vcard .fn{font-weight:bold;font-size:.9375rem}.vevent .summary{font-weight:bold}.vevent abbr{cursor:default;text-decoration:none;font-weight:bold;border:none;padding:0 .0625rem}@media only screen and (min-width:40.063em){h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.75rem}h2{font-size:2.3125rem}h3{font-size:1.6875rem}h4{font-size:1.4375rem}h5{font-size:1.125rem}h6{font-size:1rem}}.print-only{display:none !important}@media print{*{background:rgba(0,0,0,0) !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.hide-on-print{display:none !important}.print-only{display:block !important}.hide-for-print{display:none !important}.show-for-print{display:inherit !important}}@media only screen{.show-for-small-only,.show-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.hide-for-small-only,.hide-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.visible-for-small-only,.visible-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-small-only,.hidden-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.show-for-small-only,table.show-for-small-up,table.show-for-small,table.show-for-small-down,table.hide-for-medium-only,table.hide-for-medium-up,table.hide-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.show-for-small-only,thead.show-for-small-up,thead.show-for-small,thead.show-for-small-down,thead.hide-for-medium-only,thead.hide-for-medium-up,thead.hide-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.show-for-small-only,tbody.show-for-small-up,tbody.show-for-small,tbody.show-for-small-down,tbody.hide-for-medium-only,tbody.hide-for-medium-up,tbody.hide-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.show-for-small-only,tr.show-for-small-up,tr.show-for-small,tr.show-for-small-down,tr.hide-for-medium-only,tr.hide-for-medium-up,tr.hide-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.show-for-small-only,td.show-for-small-only,th.show-for-small-up,td.show-for-small-up,th.show-for-small,td.show-for-small,th.show-for-small-down,td.show-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.hide-for-medium-up,td.hide-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width:40.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.show-for-medium-only,table.show-for-medium-up,table.show-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.show-for-medium-only,thead.show-for-medium-up,thead.show-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.show-for-medium-only,tbody.show-for-medium-up,tbody.show-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.show-for-medium-only,tr.show-for-medium-up,tr.show-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.show-for-medium-only,td.show-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.show-for-medium,td.show-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width:64.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.show-for-large-only,table.show-for-large-up,table.show-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.show-for-large-only,thead.show-for-large-up,thead.show-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.show-for-large-only,tbody.show-for-large-up,tbody.show-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.show-for-large-only,tr.show-for-large-up,tr.show-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.show-for-large-only,td.show-for-large-only,th.show-for-large-up,td.show-for-large-up,th.show-for-large,td.show-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width:90.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.show-for-xlarge-only,table.show-for-xlarge-up,table.show-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.show-for-xlarge-only,thead.show-for-xlarge-up,thead.show-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.show-for-xlarge-only,tbody.show-for-xlarge-up,tbody.show-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.show-for-xlarge-only,tr.show-for-xlarge-up,tr.show-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.show-for-xlarge-only,td.show-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.show-for-xlarge,td.show-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width:120.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.hide-for-xlarge-only,.show-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.show-for-xlarge-only,.hide-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.hidden-for-xlarge-only,.visible-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.visible-for-xlarge-only,.hidden-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.hide-for-xlarge-only,table.show-for-xlarge-up,table.hide-for-xlarge,table.hide-for-xlarge-down,table.show-for-xxlarge-only,table.show-for-xxlarge-up,table.show-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-xlarge-only,thead.show-for-xlarge-up,thead.hide-for-xlarge,thead.hide-for-xlarge-down,thead.show-for-xxlarge-only,thead.show-for-xxlarge-up,thead.show-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-xlarge-only,tbody.show-for-xlarge-up,tbody.hide-for-xlarge,tbody.hide-for-xlarge-down,tbody.show-for-xxlarge-only,tbody.show-for-xxlarge-up,tbody.show-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-xlarge-only,tr.show-for-xlarge-up,tr.hide-for-xlarge,tr.hide-for-xlarge-down,tr.show-for-xxlarge-only,tr.show-for-xxlarge-up,tr.show-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.hide-for-xlarge-down,td.hide-for-xlarge-down,th.show-for-xxlarge-only,td.show-for-xxlarge-only,th.show-for-xxlarge-up,td.show-for-xxlarge-up,th.show-for-xxlarge,td.show-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}table.hide-for-landscape,table.show-for-portrait{display:table !important}thead.hide-for-landscape,thead.show-for-portrait{display:table-header-group !important}tbody.hide-for-landscape,tbody.show-for-portrait{display:table-row-group !important}tr.hide-for-landscape,tr.show-for-portrait{display:table-row !important}td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait{display:table-cell !important}@media only screen and (orientation: landscape){.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}table.show-for-landscape,table.hide-for-portrait{display:table !important}thead.show-for-landscape,thead.hide-for-portrait{display:table-header-group !important}tbody.show-for-landscape,tbody.hide-for-portrait{display:table-row-group !important}tr.show-for-landscape,tr.hide-for-portrait{display:table-row !important}td.show-for-landscape,td.hide-for-portrait,th.show-for-landscape,th.hide-for-portrait{display:table-cell !important}}@media only screen and (orientation: portrait){.show-for-portrait,.hide-for-landscape{display:inherit !important}.hide-for-portrait,.show-for-landscape{display:none !important}table.show-for-portrait,table.hide-for-landscape{display:table !important}thead.show-for-portrait,thead.hide-for-landscape{display:table-header-group !important}tbody.show-for-portrait,tbody.hide-for-landscape{display:table-row-group !important}tr.show-for-portrait,tr.hide-for-landscape{display:table-row !important}td.show-for-portrait,td.hide-for-landscape,th.show-for-portrait,th.hide-for-landscape{display:table-cell !important}}.show-for-touch{display:none !important}.hide-for-touch{display:inherit !important}.touch .show-for-touch{display:inherit !important}.touch .hide-for-touch{display:none !important}table.hide-for-touch{display:table !important}.touch table.show-for-touch{display:table !important}thead.hide-for-touch{display:table-header-group !important}.touch thead.show-for-touch{display:table-header-group !important}tbody.hide-for-touch{display:table-row-group !important}.touch tbody.show-for-touch{display:table-row-group !important}tr.hide-for-touch{display:table-row !important}.touch tr.show-for-touch{display:table-row !important}td.hide-for-touch{display:table-cell !important}.touch td.show-for-touch{display:table-cell !important}th.hide-for-touch{display:table-cell !important}.touch th.show-for-touch{display:table-cell !important}@media print{.show-for-print{display:block}.hide-for-print{display:none}table.show-for-print{display:table !important}thead.show-for-print{display:table-header-group !important}tbody.show-for-print{display:table-row-group !important}tr.show-for-print{display:table-row !important}td.show-for-print{display:table-cell !important}th.show-for-print{display:table-cell !important}}a,a:link{transition:all .4s}a:visited{border-bottom:#d7d7d7}a:hover{color:#21323b}a:focus{color:#57849e}a:active{color:#0f161a}p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-ms-word-break:normal;word-break:normal}p a,article a{font-weight:bold;border-bottom:1px dotted}p a:hover,article a:hover{border-bottom:2px solid}p a.button,.button,.button:hover{border:0;color:#fff}p.button a{border:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}h1,h2,h3,h4,h5,h6{font-family:"Volkhov",Georgia,Times,serif;font-weight:normal;padding:0}h1{font-size:2.441em;margin-top:0}h2{font-size:1.953em;margin:1.563em 0 0 0}.blog-index h2{margin-top:0}h3{font-size:1.563em;margin:1.152em 0 0 0}h4{font-size:1.25em;margin:1.152em 0 0 0}h5{font-size:1.152em;margin:1em 0 0 0}img{border-radius:3px}img.alignleft,img.left{float:left;margin:5px 15px 5px 0}img.alignright,img.right{float:right;margin:5px 0 5px 15px}img.aligncenter,img.center{display:block;margin:0 auto 10px}figure{margin:0 0 1.875rem 0}#masthead-with-background-color figure,#masthead-with-pattern figure{margin:0}figcaption,.masthead-caption{color:#575757;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125rem;padding-top:.125rem}figcaption a,.masthead-caption a{border-bottom:1px dotted #bebebe;color:#575757}figcaption a:hover,.masthead-caption a:hover{border-bottom:2px solid #334d5c;color:#334d5c}.masthead-caption{padding-right:10px;text-align:right}td{vertical-align:top}pre{overflow:auto;margin-bottom:1.25rem;padding:5px;background-color:#e3f1c7;border-radius:3px}pre code{padding:.125rem .3125rem .0625rem 0;border:0}code{font-size:.875rem;line-height:1.5}ul,ol{margin-left:20px;padding:0}li{margin-left:0}.no-bullet{list-style:none;margin-left:0}li>ul,li>ol{margin-bottom:0}dt:first-child{padding-top:0px}dt{font-weight:bold;padding-top:30px}article dl dt{line-height:1.3}article dl dd{line-height:1.6;margin-bottom:.75rem;margin-left:1.5rem}blockquote{font-style:italic;position:relative;border:none;margin:0 30px 30px 30px;color:#4b4b4b}blockquote p{font-style:italic;color:#575757}blockquote:before{display:block;content:"»";font-size:80px;line-height:0;position:absolute;left:-25px;top:auto;color:#4b4b4b}blockquote:after{display:block;content:"«";font-size:80px;line-height:0;position:absolute;right:-10px;bottom:20px;color:#4b4b4b}blockquote cite:before{content:"— "}blockquote cite a,blockquote cite a:visited{color:#575757}cite{padding-top:5px}button,.button{letter-spacing:1px}mark{background-color:#f3cab2}.subheadline{font-size:1rem;margin:0;text-transform:uppercase}.teaser{font-size:1.25rem}.big-teaser{font-style:italic;font-weight:300}.big-teaser a{font-style:italic;font-weight:400}@media only screen{.big-teaser{font-size:1.25rem}}@media only screen and (min-width: 40.063em){.big-teaser{font-size:1.8125rem}}.sans{font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}.serif{font-family:"Volkhov",Georgia,Times,serif}.font-size-h1{font-size:2.441em}.font-size-h2{font-size:1.953em}.font-size-h3{font-size:1.563em}.font-size-h4{font-size:1.25em}.font-size-h5{font-size:1.152em}.font-size-p{font-size:16px}.footnotes:before{content:"";position:absolute;height:1px;width:60px;margin-top:-10px;border-bottom:1px solid #d7d7d7}.footnotes{margin-top:60px}.footnotes ol{font-size:.8em}.footnotes p{font-size:inherit;margin-bottom:0}@font-face{font-family:"iconfont";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#svgFontName") format("svg")}.iconfont{font-family:iconfont}.iconfont-48{font-size:48px}[data-icon]:before{content:attr(data-icon)}[data-icon]:before,.icon-archive:before,.icon-browser:before,.icon-calendar:before,.icon-camera:before,.icon-chat:before,.icon-check:before,.icon-chevron-down:before,.icon-chevron-left:before,.icon-chevron-right:before,.icon-chevron-up:before,.icon-circle-with-cross:before,.icon-circle-with-minus:before,.icon-circle-with-plus:before,.icon-cloud:before,.icon-code:before,.icon-cog:before,.icon-dropbox:before,.icon-edit:before,.icon-export:before,.icon-eye:before,.icon-facebook:before,.icon-feather:before,.icon-github:before,.icon-globe:before,.icon-googleplus:before,.icon-heart:before,.icon-heart-outlined:before,.icon-home:before,.icon-instagram:before,.icon-lab-flask:before,.icon-leaf:before,.icon-linkedin:before,.icon-mail:before,.icon-message:before,.icon-mic:before,.icon-network:before,.icon-paper-plane:before,.icon-pinterest:before,.icon-price-tag:before,.icon-rocket:before,.icon-rss:before,.icon-soundcloud:before,.icon-star:before,.icon-star-outlined:before,.icon-thumbs-down:before,.icon-thumbs-up:before,.icon-tree:before,.icon-tumblr:before,.icon-twitter:before,.icon-upload-to-cloud:before,.icon-video:before,.icon-vimeo:before,.icon-warning:before,.icon-xing:before,.icon-youtube:before{display:inline-block;font-family:"iconfont";font-style:normal;font-weight:normal;font-variant:normal;line-height:1;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.icon-archive:before{content:""}.icon-browser:before{content:""}.icon-calendar:before{content:""}.icon-camera:before{content:""}.icon-chat:before{content:""}.icon-check:before{content:""}.icon-chevron-down:before{content:""}.icon-chevron-left:before{content:""}.icon-chevron-right:before{content:""}.icon-chevron-up:before{content:""}.icon-circle-with-cross:before{content:""}.icon-circle-with-minus:before{content:""}.icon-circle-with-plus:before{content:""}.icon-cloud:before{content:""}.icon-code:before{content:""}.icon-cog:before{content:""}.icon-dropbox:before{content:""}.icon-edit:before{content:""}.icon-export:before{content:""}.icon-eye:before{content:""}.icon-facebook:before{content:""}.icon-feather:before{content:""}.icon-github:before{content:""}.icon-globe:before{content:""}.icon-googleplus:before{content:""}.icon-heart:before{content:""}.icon-heart-outlined:before{content:""}.icon-home:before{content:""}.icon-instagram:before{content:""}.icon-lab-flask:before{content:""}.icon-leaf:before{content:""}.icon-linkedin:before{content:""}.icon-mail:before{content:""}.icon-message:before{content:""}.icon-mic:before{content:""}.icon-network:before{content:""}.icon-paper-plane:before{content:""}.icon-pinterest:before{content:""}.icon-price-tag:before{content:""}.icon-rocket:before{content:""}.icon-rss:before{content:""}.icon-soundcloud:before{content:""}.icon-star:before{content:""}.icon-star-outlined:before{content:""}.icon-thumbs-down:before{content:""}.icon-thumbs-up:before{content:""}.icon-tree:before{content:""}.icon-tumblr:before{content:""}.icon-twitter:before{content:""}.icon-upload-to-cloud:before{content:""}.icon-video:before{content:""}.icon-vimeo:before{content:""}.icon-warning:before{content:""}.icon-xing:before{content:""}.icon-youtube:before{content:""}body.video,body.video #masthead-no-image-header{background:#000}body.video #masthead-no-image-header{margin-bottom:60px}body.video h1,body.video h2,body.video h3,body.video h4,body.video h5,body.video h6,body.video p,body.video a,body.video blockquote:before,body.video blockquote:after,body.video cite a,body.video cite a:visited{color:#fff}body.video cite{color:#fff}#navigation{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.2);box-shadow:0 2px 3px 0 rgba(0,0,0,.2)}#navigation [class^=icon-]:before,#navigation [class*=" icon-"]:before{margin-right:.5rem}.no-js form#search{display:none}#masthead{background-color:#334d5c}#masthead-no-image-header{background-color:#334d5c}#masthead-with-text{text-align:center;font-size:3.375rem;font-family:"Volkhov",Georgia,Times,serif;color:#fff;text-transform:uppercase;text-shadow:0 2px 3px rgba(0,0,0,.4)}#masthead-no-image-header{height:200px}#masthead-no-image-header #logo img{margin-top:10px}@media only screen and (max-width: 40em){#logo img{display:none}#masthead{height:200px}#masthead-with-pattern{padding:15px 0}#masthead-with-background-color{padding:15px 0}#masthead-with-text{height:220px;padding:30px 0;font-size:2.25rem}#masthead-no-image-header{display:none}}@media only screen and (min-width:40.063em)and (max-width:64em){#logo img{margin-top:60px}#masthead{height:280px}#masthead-with-pattern{padding:20px 0}#masthead-with-background-color{padding:20px 0}#masthead-with-text{padding:60px 0;height:300px}}@media only screen and (min-width:64.063em)and (max-width:90em){#logo img{margin-top:80px}#masthead{height:310px}#masthead-with-pattern{padding:30px 0}#masthead-with-background-color{padding:30px 0}#masthead-with-text{height:330px;padding:60px 0}}@media only screen and (min-width:90.063em){#logo img{margin-top:110px}#masthead{height:380px}#masthead-with-pattern{padding:45px 0}#masthead-with-background-color{padding:45px 0}#masthead-with-text{padding:95px 0;height:400px}}#title-image-small{height:240px}#title-image-large{height:520px}#title-image-index-small{height:120px}#title-image-index-large{height:260px}#breadcrumb{background:#f3f3f3;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.breadcrumbs>.current{font-weight:bold}#page-meta,#page-meta a{color:#a4a4a4}#page-meta .button{background:#a4a4a4;border:0}#page-meta .button{color:#fff}#page-meta .button:hover{background:#334d5c}.meta-info p{font-size:.8125rem;color:#efefef}.meta-info a{text-decoration:underline;color:#efefef}.meta-info a:hover{text-decoration:none;color:#a1d044}#up-to-top{padding:160px 0 10px 0}#up-to-top a{font-size:24px;padding:5px;border-radius:3px}#up-to-top a:hover{background:#d7d7d7}#footer-content p,#footer-content li{font-size:.8125rem;font-weight:300}#footer{padding-top:30px;padding-bottom:20px;background:#7e7e7e;color:#fff}#footer a{color:#a1d044}#footer h4,#footer h5{letter-spacing:1px;color:#fff;text-transform:uppercase}#subfooter{background:#313131;color:#7e7e7e;padding-top:30px}#subfooter-left ul.inline-list{float:left}.credits a{color:#7e7e7e;border:0;text-transform:uppercase}.credits a:hover{color:#fff}.social-icons{margin-bottom:10px !important}.social-icons li{padding:0 0 20px 0}.social-icons a{font-size:1.4375rem;display:block;width:36px;border-radius:50%;color:#313131;background:#7e7e7e;text-align:center}.social-icons a:hover{background:#313131;color:#fff}.t10{margin-top:10px !important}.t15{margin-top:15px !important}.t20{margin-top:20px !important}.t30{margin-top:30px !important}.t50{margin-top:50px !important}.t60{margin-top:60px !important}.t70{margin-top:70px !important}.t80{margin-top:80px !important}.t90{margin-top:90px !important}.b15{margin-bottom:15px !important}.b20{margin-bottom:20px !important}.b30{margin-bottom:30px !important}.b60{margin-bottom:60px !important}.l15{margin-left:15px !important}.r15{margin-right:15px !important}.pl20{padding-left:20px !important}.pr5{padding-right:5px !important}.pr10{padding-right:10px !important}.pr20{padding-right:20px !important}#toc ul,#toc ul ul,#toc ul ul ul{list-style:none;margin-left:30px}#toc ul{margin-left:0;margin-top:30px}.border-dotted{border:1px dotted #a4a4a4;padding:1.25rem;border-radius:3px}.shadow-no{text-shadow:rgba(0,0,0,0) 0 0 0}.shadow-black{text-shadow:rgba(0,0,0,.498039) 0px 1px 2px}.shadow-white{text-shadow:rgba(255,255,255,.498039) 0px 1px 2px}.alert-box{font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow:0px 1px 1px rgba(0,0,0,.9)}.alert-box p{margin-bottom:0}.alert-box a{text-shadow:1px 1px 0px #000;color:#fff;border-bottom:1px dotted #fff}.alert-box a:hover{border-bottom:1px solid #fff}.alert-box.terminal{background:#3e3e3e;color:#fff;border-color:#353535;font-family:"Lucida Console",Monaco,monospace}.alert-box.terminal::before{content:"$ ";color:#a1d044;float:left;margin:.25em .5em 0 0}.alert-box.text{background-color:#d7d7d7;text-shadow:0px 0px 0px rgba(0,0,0,.9);border-color:#b9b9b9;color:#3e3e3e}button,.button{letter-spacing:1px}button.grey,.button.grey{background:#575757}button.grey:hover,button.grey:focus,.button.grey:hover,.button.grey:focus{background-color:#0b0b0b}.side-nav li.title{text-transform:uppercase}.side-nav li{border-top:1px solid #cbcbcb}.side-nav li a:not(.button){border-bottom:0;padding:.4375rem 0rem}.side-nav li a:not(.button):hover,.side-nav li a:not(.button):focus{background:#e4e4e4}.homepage p{margin:0;padding:0;color:#575757}dl.accordion{border-top:1px solid #d7d7d7}.accordion dd{border-bottom:1px solid #d7d7d7}dd.accordion-navigation span{padding-right:12px}dd.accordion-navigation span:before{content:""}dd.accordion-navigation.active span:before{content:""}dd.accordion-navigation.active span:before{content:""}/*! Lazy Load XT v1.0.6 2014-11-19
+.font-size-h1{font-size:2.441em}.font-size-h2{font-size:1.953em}.font-size-h3{font-size:1.563em}.font-size-h4{font-size:1.25em}.font-size-h5{font-size:1.152em}meta.foundation-version{font-family:"/5.5.0/"}meta.foundation-mq-small{font-family:"/only screen/";width:0em}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0em}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.063em)/";width:40.063em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.063em) and (max-width:64em)/";width:40.063em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.063em)/";width:64.063em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.063em) and (max-width:90em)/";width:64.063em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.063em)/";width:90.063em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.063em) and (max-width:120em)/";width:90.063em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.063em)/";width:120.063em}meta.foundation-data-attribute-namespace{font-family:false}html,body{height:100%}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{font-size:16px}body{background:#f8fafc;color:#1e293b;padding:0;margin:0;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;line-height:1.5;position:relative;cursor:auto}a:hover{cursor:pointer}img{max-width:100%;height:auto}img{-ms-interpolation-mode:bicubic}#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width:none !important}.left{float:left !important}.right{float:right !important}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.hide{display:none !important;visibility:hidden}.invisible{visibility:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle}textarea{height:auto;min-height:50px}select{width:100%}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5rem}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row.collapse .row{margin-left:0;margin-right:0}.row .row{width:auto;margin-left:-0.9375rem;margin-right:-0.9375rem;margin-top:0;margin-bottom:0;max-width:none}.row .row:before,.row .row:after{content:" ";display:table}.row .row:after{clear:both}.row .row.collapse{width:auto;margin:0;max-width:none}.row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}.row .row.collapse:after{clear:both}.column,.columns{padding-left:.9375rem;padding-right:.9375rem;width:100%;float:left}[class*=column]+[class*=column]:last-child{float:right}[class*=column]+[class*=column].end{float:left}@media only screen{.small-push-0{position:relative;left:0%;right:auto}.small-pull-0{position:relative;right:0%;left:auto}.small-push-1{position:relative;left:8.3333333333%;right:auto}.small-pull-1{position:relative;right:8.3333333333%;left:auto}.small-push-2{position:relative;left:16.6666666667%;right:auto}.small-pull-2{position:relative;right:16.6666666667%;left:auto}.small-push-3{position:relative;left:25%;right:auto}.small-pull-3{position:relative;right:25%;left:auto}.small-push-4{position:relative;left:33.3333333333%;right:auto}.small-pull-4{position:relative;right:33.3333333333%;left:auto}.small-push-5{position:relative;left:41.6666666667%;right:auto}.small-pull-5{position:relative;right:41.6666666667%;left:auto}.small-push-6{position:relative;left:50%;right:auto}.small-pull-6{position:relative;right:50%;left:auto}.small-push-7{position:relative;left:58.3333333333%;right:auto}.small-pull-7{position:relative;right:58.3333333333%;left:auto}.small-push-8{position:relative;left:66.6666666667%;right:auto}.small-pull-8{position:relative;right:66.6666666667%;left:auto}.small-push-9{position:relative;left:75%;right:auto}.small-pull-9{position:relative;right:75%;left:auto}.small-push-10{position:relative;left:83.3333333333%;right:auto}.small-pull-10{position:relative;right:83.3333333333%;left:auto}.small-push-11{position:relative;left:91.6666666667%;right:auto}.small-pull-11{position:relative;right:91.6666666667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.small-1{width:8.3333333333%}.small-2{width:16.6666666667%}.small-3{width:25%}.small-4{width:33.3333333333%}.small-5{width:41.6666666667%}.small-6{width:50%}.small-7{width:58.3333333333%}.small-8{width:66.6666666667%}.small-9{width:75%}.small-10{width:83.3333333333%}.small-11{width:91.6666666667%}.small-12{width:100%}.small-offset-0{margin-left:0% !important}.small-offset-1{margin-left:8.3333333333% !important}.small-offset-2{margin-left:16.6666666667% !important}.small-offset-3{margin-left:25% !important}.small-offset-4{margin-left:33.3333333333% !important}.small-offset-5{margin-left:41.6666666667% !important}.small-offset-6{margin-left:50% !important}.small-offset-7{margin-left:58.3333333333% !important}.small-offset-8{margin-left:66.6666666667% !important}.small-offset-9{margin-left:75% !important}.small-offset-10{margin-left:83.3333333333% !important}.small-offset-11{margin-left:91.6666666667% !important}.small-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}.column.small-centered,.columns.small-centered{margin-left:auto;margin-right:auto;float:none}.column.small-uncentered,.columns.small-uncentered{margin-left:0;margin-right:0;float:left}.column.small-centered:last-child,.columns.small-centered:last-child{float:none}.column.small-uncentered:last-child,.columns.small-uncentered:last-child{float:left}.column.small-uncentered.opposite,.columns.small-uncentered.opposite{float:right}.row.small-collapse>.column,.row.small-collapse>.columns{padding-left:0;padding-right:0}.row.small-collapse .row{margin-left:0;margin-right:0}.row.small-uncollapse>.column,.row.small-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}}@media only screen and (min-width:40.063em){.medium-push-0{position:relative;left:0%;right:auto}.medium-pull-0{position:relative;right:0%;left:auto}.medium-push-1{position:relative;left:8.3333333333%;right:auto}.medium-pull-1{position:relative;right:8.3333333333%;left:auto}.medium-push-2{position:relative;left:16.6666666667%;right:auto}.medium-pull-2{position:relative;right:16.6666666667%;left:auto}.medium-push-3{position:relative;left:25%;right:auto}.medium-pull-3{position:relative;right:25%;left:auto}.medium-push-4{position:relative;left:33.3333333333%;right:auto}.medium-pull-4{position:relative;right:33.3333333333%;left:auto}.medium-push-5{position:relative;left:41.6666666667%;right:auto}.medium-pull-5{position:relative;right:41.6666666667%;left:auto}.medium-push-6{position:relative;left:50%;right:auto}.medium-pull-6{position:relative;right:50%;left:auto}.medium-push-7{position:relative;left:58.3333333333%;right:auto}.medium-pull-7{position:relative;right:58.3333333333%;left:auto}.medium-push-8{position:relative;left:66.6666666667%;right:auto}.medium-pull-8{position:relative;right:66.6666666667%;left:auto}.medium-push-9{position:relative;left:75%;right:auto}.medium-pull-9{position:relative;right:75%;left:auto}.medium-push-10{position:relative;left:83.3333333333%;right:auto}.medium-pull-10{position:relative;right:83.3333333333%;left:auto}.medium-push-11{position:relative;left:91.6666666667%;right:auto}.medium-pull-11{position:relative;right:91.6666666667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.medium-1{width:8.3333333333%}.medium-2{width:16.6666666667%}.medium-3{width:25%}.medium-4{width:33.3333333333%}.medium-5{width:41.6666666667%}.medium-6{width:50%}.medium-7{width:58.3333333333%}.medium-8{width:66.6666666667%}.medium-9{width:75%}.medium-10{width:83.3333333333%}.medium-11{width:91.6666666667%}.medium-12{width:100%}.medium-offset-0{margin-left:0% !important}.medium-offset-1{margin-left:8.3333333333% !important}.medium-offset-2{margin-left:16.6666666667% !important}.medium-offset-3{margin-left:25% !important}.medium-offset-4{margin-left:33.3333333333% !important}.medium-offset-5{margin-left:41.6666666667% !important}.medium-offset-6{margin-left:50% !important}.medium-offset-7{margin-left:58.3333333333% !important}.medium-offset-8{margin-left:66.6666666667% !important}.medium-offset-9{margin-left:75% !important}.medium-offset-10{margin-left:83.3333333333% !important}.medium-offset-11{margin-left:91.6666666667% !important}.medium-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}.column.medium-centered,.columns.medium-centered{margin-left:auto;margin-right:auto;float:none}.column.medium-uncentered,.columns.medium-uncentered{margin-left:0;margin-right:0;float:left}.column.medium-centered:last-child,.columns.medium-centered:last-child{float:none}.column.medium-uncentered:last-child,.columns.medium-uncentered:last-child{float:left}.column.medium-uncentered.opposite,.columns.medium-uncentered.opposite{float:right}.row.medium-collapse>.column,.row.medium-collapse>.columns{padding-left:0;padding-right:0}.row.medium-collapse .row{margin-left:0;margin-right:0}.row.medium-uncollapse>.column,.row.medium-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}.push-0{position:relative;left:0%;right:auto}.pull-0{position:relative;right:0%;left:auto}.push-1{position:relative;left:8.3333333333%;right:auto}.pull-1{position:relative;right:8.3333333333%;left:auto}.push-2{position:relative;left:16.6666666667%;right:auto}.pull-2{position:relative;right:16.6666666667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.3333333333%;right:auto}.pull-4{position:relative;right:33.3333333333%;left:auto}.push-5{position:relative;left:41.6666666667%;right:auto}.pull-5{position:relative;right:41.6666666667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.3333333333%;right:auto}.pull-7{position:relative;right:58.3333333333%;left:auto}.push-8{position:relative;left:66.6666666667%;right:auto}.pull-8{position:relative;right:66.6666666667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.3333333333%;right:auto}.pull-10{position:relative;right:83.3333333333%;left:auto}.push-11{position:relative;left:91.6666666667%;right:auto}.pull-11{position:relative;right:91.6666666667%;left:auto}}@media only screen and (min-width:64.063em){.large-push-0{position:relative;left:0%;right:auto}.large-pull-0{position:relative;right:0%;left:auto}.large-push-1{position:relative;left:8.3333333333%;right:auto}.large-pull-1{position:relative;right:8.3333333333%;left:auto}.large-push-2{position:relative;left:16.6666666667%;right:auto}.large-pull-2{position:relative;right:16.6666666667%;left:auto}.large-push-3{position:relative;left:25%;right:auto}.large-pull-3{position:relative;right:25%;left:auto}.large-push-4{position:relative;left:33.3333333333%;right:auto}.large-pull-4{position:relative;right:33.3333333333%;left:auto}.large-push-5{position:relative;left:41.6666666667%;right:auto}.large-pull-5{position:relative;right:41.6666666667%;left:auto}.large-push-6{position:relative;left:50%;right:auto}.large-pull-6{position:relative;right:50%;left:auto}.large-push-7{position:relative;left:58.3333333333%;right:auto}.large-pull-7{position:relative;right:58.3333333333%;left:auto}.large-push-8{position:relative;left:66.6666666667%;right:auto}.large-pull-8{position:relative;right:66.6666666667%;left:auto}.large-push-9{position:relative;left:75%;right:auto}.large-pull-9{position:relative;right:75%;left:auto}.large-push-10{position:relative;left:83.3333333333%;right:auto}.large-pull-10{position:relative;right:83.3333333333%;left:auto}.large-push-11{position:relative;left:91.6666666667%;right:auto}.large-pull-11{position:relative;right:91.6666666667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.large-1{width:8.3333333333%}.large-2{width:16.6666666667%}.large-3{width:25%}.large-4{width:33.3333333333%}.large-5{width:41.6666666667%}.large-6{width:50%}.large-7{width:58.3333333333%}.large-8{width:66.6666666667%}.large-9{width:75%}.large-10{width:83.3333333333%}.large-11{width:91.6666666667%}.large-12{width:100%}.large-offset-0{margin-left:0% !important}.large-offset-1{margin-left:8.3333333333% !important}.large-offset-2{margin-left:16.6666666667% !important}.large-offset-3{margin-left:25% !important}.large-offset-4{margin-left:33.3333333333% !important}.large-offset-5{margin-left:41.6666666667% !important}.large-offset-6{margin-left:50% !important}.large-offset-7{margin-left:58.3333333333% !important}.large-offset-8{margin-left:66.6666666667% !important}.large-offset-9{margin-left:75% !important}.large-offset-10{margin-left:83.3333333333% !important}.large-offset-11{margin-left:91.6666666667% !important}.large-reset-order{margin-left:0;margin-right:0;left:auto;right:auto;float:left}.column.large-centered,.columns.large-centered{margin-left:auto;margin-right:auto;float:none}.column.large-uncentered,.columns.large-uncentered{margin-left:0;margin-right:0;float:left}.column.large-centered:last-child,.columns.large-centered:last-child{float:none}.column.large-uncentered:last-child,.columns.large-uncentered:last-child{float:left}.column.large-uncentered.opposite,.columns.large-uncentered.opposite{float:right}.row.large-collapse>.column,.row.large-collapse>.columns{padding-left:0;padding-right:0}.row.large-collapse .row{margin-left:0;margin-right:0}.row.large-uncollapse>.column,.row.large-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}.push-0{position:relative;left:0%;right:auto}.pull-0{position:relative;right:0%;left:auto}.push-1{position:relative;left:8.3333333333%;right:auto}.pull-1{position:relative;right:8.3333333333%;left:auto}.push-2{position:relative;left:16.6666666667%;right:auto}.pull-2{position:relative;right:16.6666666667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.3333333333%;right:auto}.pull-4{position:relative;right:33.3333333333%;left:auto}.push-5{position:relative;left:41.6666666667%;right:auto}.pull-5{position:relative;right:41.6666666667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.3333333333%;right:auto}.pull-7{position:relative;right:58.3333333333%;left:auto}.push-8{position:relative;left:66.6666666667%;right:auto}.pull-8{position:relative;right:66.6666666667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.3333333333%;right:auto}.pull-10{position:relative;right:83.3333333333%;left:auto}.push-11{position:relative;left:91.6666666667%;right:auto}.pull-11{position:relative;right:91.6666666667%;left:auto}}button,.button{border-style:solid;border-width:0;cursor:pointer;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;line-height:normal;margin:0 0 1.25rem;position:relative;text-decoration:none;text-align:center;-webkit-appearance:none;border-radius:0;display:inline-block;padding-top:1rem;padding-right:2rem;padding-bottom:1.0625rem;padding-left:2rem;font-size:1rem;background-color:#0a1628;border-color:#081220;color:#fff;transition:background-color 300ms ease-out}button:hover,button:focus,.button:hover,.button:focus{background-color:#081220}button:hover,button:focus,.button:hover,.button:focus{color:#fff}button.secondary,.button.secondary{background-color:#38bdf8;border-color:#08a5eb;color:#fff}button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{background-color:#08a5eb}button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{color:#fff}button.success,.button.success{background-color:#38bdf8;border-color:#08a5eb;color:#fff}button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{background-color:#08a5eb}button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{color:#fff}button.alert,.button.alert{background-color:#df4949;border-color:#c92323;color:#fff}button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{background-color:#c92323}button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{color:#fff}button.warning,.button.warning{background-color:#e27a3f;border-color:#c95c1e;color:#fff}button.warning:hover,button.warning:focus,.button.warning:hover,.button.warning:focus{background-color:#c95c1e}button.warning:hover,button.warning:focus,.button.warning:hover,.button.warning:focus{color:#fff}button.info,.button.info{background-color:#0a1628;border-color:#081220;color:#fff}button.info:hover,button.info:focus,.button.info:hover,.button.info:focus{background-color:#081220}button.info:hover,button.info:focus,.button.info:hover,.button.info:focus{color:#fff}button.large,.button.large{padding-top:1.125rem;padding-right:2.25rem;padding-bottom:1.1875rem;padding-left:2.25rem;font-size:1.25rem}button.small,.button.small{padding-top:.875rem;padding-right:1.75rem;padding-bottom:.9375rem;padding-left:1.75rem;font-size:.8125rem}button.tiny,.button.tiny{padding-top:.625rem;padding-right:1.25rem;padding-bottom:.6875rem;padding-left:1.25rem;font-size:.6875rem}button.expand,.button.expand{padding-right:0;padding-left:0;width:100%}button.left-align,.button.left-align{text-align:left;text-indent:.75rem}button.right-align,.button.right-align{text-align:right;padding-right:.75rem}button.radius,.button.radius{border-radius:3px}button.round,.button.round{border-radius:1000px}button.disabled,button[disabled],.button.disabled,.button[disabled]{background-color:#0a1628;border-color:#081220;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{background-color:#081220}button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{color:#fff}button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{background-color:#0a1628}button.disabled.secondary,button[disabled].secondary,.button.disabled.secondary,.button[disabled].secondary{background-color:#38bdf8;border-color:#08a5eb;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{background-color:#08a5eb}button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{color:#fff}button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{background-color:#38bdf8}button.disabled.success,button[disabled].success,.button.disabled.success,.button[disabled].success{background-color:#38bdf8;border-color:#08a5eb;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{background-color:#08a5eb}button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{color:#fff}button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{background-color:#38bdf8}button.disabled.alert,button[disabled].alert,.button.disabled.alert,.button[disabled].alert{background-color:#df4949;border-color:#c92323;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{background-color:#c92323}button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{color:#fff}button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{background-color:#df4949}button.disabled.warning,button[disabled].warning,.button.disabled.warning,.button[disabled].warning{background-color:#e27a3f;border-color:#c95c1e;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{background-color:#c95c1e}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{color:#fff}button.disabled.warning:hover,button.disabled.warning:focus,button[disabled].warning:hover,button[disabled].warning:focus,.button.disabled.warning:hover,.button.disabled.warning:focus,.button[disabled].warning:hover,.button[disabled].warning:focus{background-color:#e27a3f}button.disabled.info,button[disabled].info,.button.disabled.info,.button[disabled].info{background-color:#0a1628;border-color:#081220;color:#fff;cursor:default;opacity:.7;box-shadow:none}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{background-color:#081220}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{color:#fff}button.disabled.info:hover,button.disabled.info:focus,button[disabled].info:hover,button[disabled].info:focus,.button.disabled.info:hover,.button.disabled.info:focus,.button[disabled].info:hover,.button[disabled].info:focus{background-color:#0a1628}button::-moz-focus-inner{border:0;padding:0}@media only screen and (min-width:40.063em){button,.button{display:inline-block}}form{margin:0 0 1rem}form .row .row{margin:0 -0.5rem}form .row .row .column,form .row .row .columns{padding:0 .5rem}form .row .row.collapse{margin:0}form .row .row.collapse .column,form .row .row.collapse .columns{padding:0}form .row .row.collapse input{-webkit-border-bottom-right-radius:0;-webkit-border-top-right-radius:0;border-bottom-right-radius:0;border-top-right-radius:0}form .row input.column,form .row input.columns,form .row textarea.column,form .row textarea.columns{padding-left:.5rem}label{font-size:.875rem;color:#4d4d4d;cursor:pointer;display:block;font-weight:normal;line-height:1.5;margin-bottom:0}label.right{float:none !important;text-align:right}label.inline{margin:0 0 1rem 0;padding:.5625rem 0}label small{text-transform:capitalize;color:#676767}.prefix,.postfix{display:block;position:relative;z-index:2;text-align:center;width:100%;padding-top:0;padding-bottom:0;border-style:solid;border-width:1px;overflow:hidden;font-size:.875rem;height:2.3125rem;line-height:2.3125rem}.postfix.button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-align:center;border:none}.prefix.button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-align:center;border:none}.prefix.button.radius{border-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.postfix.button.radius{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.prefix.button.round{border-radius:0;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.postfix.button.round{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}span.prefix,label.prefix{background:#f2f2f2;border-right:none;color:#333;border-color:#ccc}span.postfix,label.postfix{background:#f2f2f2;border-left:none;color:#333;border-color:#ccc}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=week],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input[type=color],textarea{-webkit-appearance:none;border-radius:0;background-color:#fff;font-family:inherit;border-style:solid;border-width:1px;border-color:#ccc;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);color:rgba(0,0,0,.75);display:block;font-size:.875rem;margin:0 0 1rem 0;padding:.5rem;height:2.3125rem;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:box-shadow .45s,border-color .45s ease-in-out}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input[type=color]:focus,textarea:focus{box-shadow:0 0 5px #999;border-color:#999}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input[type=color]:focus,textarea:focus{background:#fafafa;border-color:#999;outline:none}input[type=text]:disabled,input[type=password]:disabled,input[type=date]:disabled,input[type=datetime]:disabled,input[type=datetime-local]:disabled,input[type=month]:disabled,input[type=week]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=time]:disabled,input[type=url]:disabled,input[type=color]:disabled,textarea:disabled{background-color:#ddd;cursor:default}input[type=text][disabled],input[type=text][readonly],fieldset[disabled] input[type=text],input[type=password][disabled],input[type=password][readonly],fieldset[disabled] input[type=password],input[type=date][disabled],input[type=date][readonly],fieldset[disabled] input[type=date],input[type=datetime][disabled],input[type=datetime][readonly],fieldset[disabled] input[type=datetime],input[type=datetime-local][disabled],input[type=datetime-local][readonly],fieldset[disabled] input[type=datetime-local],input[type=month][disabled],input[type=month][readonly],fieldset[disabled] input[type=month],input[type=week][disabled],input[type=week][readonly],fieldset[disabled] input[type=week],input[type=email][disabled],input[type=email][readonly],fieldset[disabled] input[type=email],input[type=number][disabled],input[type=number][readonly],fieldset[disabled] input[type=number],input[type=search][disabled],input[type=search][readonly],fieldset[disabled] input[type=search],input[type=tel][disabled],input[type=tel][readonly],fieldset[disabled] input[type=tel],input[type=time][disabled],input[type=time][readonly],fieldset[disabled] input[type=time],input[type=url][disabled],input[type=url][readonly],fieldset[disabled] input[type=url],input[type=color][disabled],input[type=color][readonly],fieldset[disabled] input[type=color],textarea[disabled],textarea[readonly],fieldset[disabled] textarea{background-color:#ddd;cursor:default}input[type=text].radius,input[type=password].radius,input[type=date].radius,input[type=datetime].radius,input[type=datetime-local].radius,input[type=month].radius,input[type=week].radius,input[type=email].radius,input[type=number].radius,input[type=search].radius,input[type=tel].radius,input[type=time].radius,input[type=url].radius,input[type=color].radius,textarea.radius{border-radius:3px}form .row .prefix-radius.row.collapse input,form .row .prefix-radius.row.collapse textarea,form .row .prefix-radius.row.collapse select{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}form .row .prefix-radius.row.collapse .prefix{border-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}form .row .postfix-radius.row.collapse input,form .row .postfix-radius.row.collapse textarea,form .row .postfix-radius.row.collapse select{border-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}form .row .postfix-radius.row.collapse .postfix{border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}form .row .prefix-round.row.collapse input,form .row .prefix-round.row.collapse textarea,form .row .prefix-round.row.collapse select{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}form .row .prefix-round.row.collapse .prefix{border-radius:0;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}form .row .postfix-round.row.collapse input,form .row .postfix-round.row.collapse textarea,form .row .postfix-round.row.collapse select{border-radius:0;-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}form .row .postfix-round.row.collapse .postfix{border-radius:0;-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}input[type=submit]{-webkit-appearance:none;border-radius:0}textarea[rows]{height:auto}textarea{max-width:100%}select{-webkit-appearance:none !important;border-radius:0;background-color:#fafafa;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);background-position:100% center;background-repeat:no-repeat;border-style:solid;border-width:1px;border-color:#ccc;padding:.5rem;font-size:.875rem;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;color:rgba(0,0,0,.75);line-height:normal;border-radius:0;height:2.3125rem}select::-ms-expand{display:none}select.radius{border-radius:3px}select:hover{background-color:#f3f3f3;border-color:#999}select:disabled{background-color:#ddd;cursor:default}input[type=file],input[type=checkbox],input[type=radio],select{margin:0 0 1rem 0}input[type=checkbox]+label,input[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}input[type=file]{width:100%}fieldset{border:1px solid #ddd;padding:1.25rem;margin:1.125rem 0}fieldset legend{font-weight:bold;background:#fff;padding:0 .1875rem;margin:0;margin-left:-0.1875rem}[data-abide] .error small.error,[data-abide] .error span.error,[data-abide] span.error,[data-abide] small.error{display:block;padding:.375rem .5625rem .5625rem;margin-top:-1px;margin-bottom:1rem;font-size:.75rem;font-weight:normal;font-style:italic;background:#df4949;color:#fff}[data-abide] span.error,[data-abide] small.error{display:none}span.error,small.error{display:block;padding:.375rem .5625rem .5625rem;margin-top:-1px;margin-bottom:1rem;font-size:.75rem;font-weight:normal;font-style:italic;background:#df4949;color:#fff}.error input,.error textarea,.error select{margin-bottom:0}.error input[type=checkbox],.error input[type=radio]{margin-bottom:1rem}.error label,.error label.error{color:#df4949}.error small.error{display:block;padding:.375rem .5625rem .5625rem;margin-top:-1px;margin-bottom:1rem;font-size:.75rem;font-weight:normal;font-style:italic;background:#df4949;color:#fff}.error>label>small{color:#676767;background:rgba(0,0,0,0);padding:0;text-transform:capitalize;font-style:normal;font-size:60%;margin:0;display:inline}.error span.error-message{display:block}input.error,textarea.error,select.error{margin-bottom:0}label.error{color:#df4949}meta.foundation-mq-topbar{font-family:"/only screen and (min-width: 64.063em)/";width:64.063em}.contain-to-grid{width:100%;background:#0a1628}.contain-to-grid .top-bar{margin-bottom:0}.fixed{width:100%;left:0;position:fixed;top:0;z-index:99}.fixed.expanded:not(.top-bar){overflow-y:auto;height:auto;width:100%;max-height:100%}.fixed.expanded:not(.top-bar) .title-area{position:fixed;width:100%;z-index:99}.fixed.expanded:not(.top-bar) .top-bar-section{z-index:98;margin-top:3.125rem}.top-bar{overflow:hidden;height:3.125rem;line-height:3.125rem;position:relative;background:#0a1628;margin-bottom:0}.top-bar ul{margin-bottom:0;list-style:none}.top-bar .row{max-width:none}.top-bar form,.top-bar input{margin-bottom:0}.top-bar input{height:1.75rem;padding-top:.35rem;padding-bottom:.35rem;font-size:.75rem}.top-bar .button,.top-bar button{padding-top:.4125rem;padding-bottom:.4125rem;margin-bottom:0;font-size:.75rem}@media only screen and (max-width: 40em){.top-bar .button,.top-bar button{position:relative;top:-1px}}.top-bar .title-area{position:relative;margin:0}.top-bar .name{height:3.125rem;margin:0;font-size:16px}.top-bar .name h1,.top-bar .name h2,.top-bar .name h3,.top-bar .name h4,.top-bar .name p,.top-bar .name span{line-height:3.125rem;font-size:1.1875rem;margin:0}.top-bar .name h1 a,.top-bar .name h2 a,.top-bar .name h3 a,.top-bar .name h4 a,.top-bar .name p a,.top-bar .name span a{font-weight:bold;color:#fdfefe;width:75%;display:block;padding:0 1.0416666667rem}.top-bar .toggle-topbar{position:absolute;right:0;top:0}.top-bar .toggle-topbar a{color:#fdfefe;text-transform:uppercase;font-size:.8125rem;font-weight:bold;position:relative;display:block;padding:0 1.0416666667rem;height:3.125rem;line-height:3.125rem}.top-bar .toggle-topbar.menu-icon{top:50%;margin-top:-16px}.top-bar .toggle-topbar.menu-icon a{height:34px;line-height:33px;padding:0 2.6041666667rem 0 1.0416666667rem;color:#000;position:relative}.top-bar .toggle-topbar.menu-icon a span::after{content:"";position:absolute;display:block;height:0;top:50%;margin-top:-8px;right:1.0416666667rem;box-shadow:0 0 0 1px #000,0 7px 0 1px #000,0 14px 0 1px #000;width:16px}.top-bar .toggle-topbar.menu-icon a span:hover:after{box-shadow:0 0 0 1px "",0 7px 0 1px "",0 14px 0 1px ""}.top-bar.expanded{height:auto;background:rgba(0,0,0,0)}.top-bar.expanded .title-area{background:#0a1628}.top-bar.expanded .toggle-topbar a{color:#112240}.top-bar.expanded .toggle-topbar a span::after{box-shadow:0 0 0 1px #112240,0 7px 0 1px #112240,0 14px 0 1px #112240}.top-bar-section{left:0;position:relative;width:auto;transition:left 300ms ease-out}.top-bar-section ul{padding:0;width:100%;height:auto;display:block;font-size:16px;margin:0}.top-bar-section .divider,.top-bar-section [role=separator]{border-top:solid 0px #050b14;clear:both;height:1px;width:100%}.top-bar-section ul li{background:#112240}.top-bar-section ul li>a{display:block;width:100%;color:#fdfefe;padding:12px 0 12px 0;padding-left:1.0416666667rem;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9375rem;font-weight:normal;text-transform:uppercase}.top-bar-section ul li>a.button{font-size:.9375rem;padding-right:1.0416666667rem;padding-left:1.0416666667rem;background-color:#0a1628;border-color:#081220;color:#fff}.top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{background-color:#081220}.top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{color:#fff}.top-bar-section ul li>a.button.secondary{background-color:#38bdf8;border-color:#08a5eb;color:#fff}.top-bar-section ul li>a.button.secondary:hover,.top-bar-section ul li>a.button.secondary:focus{background-color:#08a5eb}.top-bar-section ul li>a.button.secondary:hover,.top-bar-section ul li>a.button.secondary:focus{color:#fff}.top-bar-section ul li>a.button.success{background-color:#38bdf8;border-color:#08a5eb;color:#fff}.top-bar-section ul li>a.button.success:hover,.top-bar-section ul li>a.button.success:focus{background-color:#08a5eb}.top-bar-section ul li>a.button.success:hover,.top-bar-section ul li>a.button.success:focus{color:#fff}.top-bar-section ul li>a.button.alert{background-color:#df4949;border-color:#c92323;color:#fff}.top-bar-section ul li>a.button.alert:hover,.top-bar-section ul li>a.button.alert:focus{background-color:#c92323}.top-bar-section ul li>a.button.alert:hover,.top-bar-section ul li>a.button.alert:focus{color:#fff}.top-bar-section ul li>a.button.warning{background-color:#e27a3f;border-color:#c95c1e;color:#fff}.top-bar-section ul li>a.button.warning:hover,.top-bar-section ul li>a.button.warning:focus{background-color:#c95c1e}.top-bar-section ul li>a.button.warning:hover,.top-bar-section ul li>a.button.warning:focus{color:#fff}.top-bar-section ul li>button{font-size:.9375rem;padding-right:1.0416666667rem;padding-left:1.0416666667rem;background-color:#0a1628;border-color:#081220;color:#fff}.top-bar-section ul li>button:hover,.top-bar-section ul li>button:focus{background-color:#081220}.top-bar-section ul li>button:hover,.top-bar-section ul li>button:focus{color:#fff}.top-bar-section ul li>button.secondary{background-color:#38bdf8;border-color:#08a5eb;color:#fff}.top-bar-section ul li>button.secondary:hover,.top-bar-section ul li>button.secondary:focus{background-color:#08a5eb}.top-bar-section ul li>button.secondary:hover,.top-bar-section ul li>button.secondary:focus{color:#fff}.top-bar-section ul li>button.success{background-color:#38bdf8;border-color:#08a5eb;color:#fff}.top-bar-section ul li>button.success:hover,.top-bar-section ul li>button.success:focus{background-color:#08a5eb}.top-bar-section ul li>button.success:hover,.top-bar-section ul li>button.success:focus{color:#fff}.top-bar-section ul li>button.alert{background-color:#df4949;border-color:#c92323;color:#fff}.top-bar-section ul li>button.alert:hover,.top-bar-section ul li>button.alert:focus{background-color:#c92323}.top-bar-section ul li>button.alert:hover,.top-bar-section ul li>button.alert:focus{color:#fff}.top-bar-section ul li>button.warning{background-color:#e27a3f;border-color:#c95c1e;color:#fff}.top-bar-section ul li>button.warning:hover,.top-bar-section ul li>button.warning:focus{background-color:#c95c1e}.top-bar-section ul li>button.warning:hover,.top-bar-section ul li>button.warning:focus{color:#fff}.top-bar-section ul li:hover:not(.has-form)>a{background-color:#555;background:#112240;color:#fdfefe}.top-bar-section ul li.active>a{background:#112240;color:#fdfefe}.top-bar-section ul li.active>a:hover{background:#22d3ee;color:#fdfefe}.top-bar-section .has-form{padding:1.0416666667rem}.top-bar-section .has-dropdown{position:relative}.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:inset 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(10,22,40,.4);border-left-style:solid;margin-right:1.0416666667rem;margin-top:-4.5px;position:absolute;top:50%;right:0}.top-bar-section .has-dropdown.moved{position:static}.top-bar-section .has-dropdown.moved>.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important;width:100%}.top-bar-section .has-dropdown.moved>a:after{display:none}.top-bar-section .dropdown{padding:0;position:absolute;left:100%;top:0;z-index:99;display:block;position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.top-bar-section .dropdown li{width:100%;height:auto}.top-bar-section .dropdown li a{font-weight:normal;padding:8px 1.0416666667rem}.top-bar-section .dropdown li a.parent-link{font-weight:normal}.top-bar-section .dropdown li.title h5,.top-bar-section .dropdown li.parent-link{margin-bottom:0;margin-top:0;font-size:1.125rem}.top-bar-section .dropdown li.title h5 a,.top-bar-section .dropdown li.parent-link a{color:#fdfefe;display:block}.top-bar-section .dropdown li.title h5 a:hover,.top-bar-section .dropdown li.parent-link a:hover{background:none}.top-bar-section .dropdown li.has-form{padding:8px 1.0416666667rem}.top-bar-section .dropdown li .button,.top-bar-section .dropdown li button{top:auto}.top-bar-section .dropdown label{padding:8px 1.0416666667rem 2px;margin-bottom:0;text-transform:uppercase;color:#22d3ee;font-weight:bold;font-size:.625rem}.js-generated{display:block}@media only screen and (min-width: 64.063em){.top-bar{background:#0a1628;overflow:visible}.top-bar:before,.top-bar:after{content:" ";display:table}.top-bar:after{clear:both}.top-bar .toggle-topbar{display:none}.top-bar .title-area{float:left}.top-bar .name h1 a{width:auto}.top-bar input,.top-bar .button,.top-bar button{font-size:.875rem;position:relative;height:1.75rem;top:.6875rem}.top-bar.expanded{background:#0a1628}.contain-to-grid .top-bar{max-width:62.5rem;margin:0 auto;margin-bottom:0}.top-bar-section{transition:none 0 0;left:0 !important}.top-bar-section ul{width:auto;height:auto !important;display:inline}.top-bar-section ul li{float:left}.top-bar-section ul li .js-generated{display:none}.top-bar-section li.hover>a:not(.button){background-color:#555;background:#112240;color:#fdfefe}.top-bar-section li:not(.has-form) a:not(.button){padding:0 1.0416666667rem;line-height:3.125rem;background:#0a1628}.top-bar-section li:not(.has-form) a:not(.button):hover{background-color:#555;background:#112240}.top-bar-section li.active:not(.has-form) a:not(.button){padding:0 1.0416666667rem;line-height:3.125rem;color:#fdfefe;background:#112240}.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:#22d3ee;color:#fdfefe}.top-bar-section .has-dropdown>a{padding-right:2.2916666667rem !important}.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:inset 5px;border-color:rgba(10,22,40,.4) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-top-style:solid;margin-top:-2.5px;top:1.5625rem}.top-bar-section .has-dropdown.moved{position:relative}.top-bar-section .has-dropdown.moved>.dropdown{display:block;position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.top-bar-section .has-dropdown.hover>.dropdown,.top-bar-section .has-dropdown.not-click:hover>.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}.top-bar-section .has-dropdown>a:focus+.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"»";top:1rem;margin-top:-1px;right:5px;line-height:1.2}.top-bar-section .dropdown{left:0;top:auto;background:rgba(0,0,0,0);min-width:100%}.top-bar-section .dropdown li a{color:#000;line-height:3.125rem;white-space:nowrap;padding:12px 1.0416666667rem;background:#22d3ee}.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button){color:#000;background:#22d3ee}.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button){color:#fdfefe;background-color:#555;background:#112240}.top-bar-section .dropdown li label{white-space:nowrap;background:#333}.top-bar-section .dropdown li .dropdown{left:100%;top:0}.top-bar-section>ul>.divider,.top-bar-section>ul>[role=separator]{border-bottom:none;border-top:none;border-right:solid 0px #1f457d;clear:none;height:3.125rem;width:0}.top-bar-section .has-form{background:#0a1628;padding:0 1.0416666667rem;height:3.125rem}.top-bar-section .right li .dropdown{left:auto;right:0}.top-bar-section .right li .dropdown li .dropdown{right:100%}.top-bar-section .left li .dropdown{right:auto;left:0}.top-bar-section .left li .dropdown li .dropdown{left:100%}.no-js .top-bar-section ul li:hover>a{background-color:#555;background:#112240;color:#fdfefe}.no-js .top-bar-section ul li:active>a{background:#112240;color:#fdfefe}.no-js .top-bar-section .has-dropdown:hover>.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}.no-js .top-bar-section .has-dropdown>a:focus+.dropdown{display:block;position:static !important;height:auto;width:auto;overflow:visible;clip:auto;position:absolute !important}}.accordion{margin-bottom:0}.accordion:before,.accordion:after{content:" ";display:table}.accordion:after{clear:both}.accordion .accordion-navigation,.accordion dd{display:block;margin-bottom:0 !important}.accordion .accordion-navigation.active>a,.accordion dd.active>a{background:#e8e8e8}.accordion .accordion-navigation>a,.accordion dd>a{background:#efefef;color:#222;padding:.75rem;display:block;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem}.accordion .accordion-navigation>a:hover,.accordion dd>a:hover{background:#e3e3e3}.accordion .accordion-navigation>.content,.accordion dd>.content{display:none;padding:.9375rem}.accordion .accordion-navigation>.content.active,.accordion dd>.content.active{display:block;background:#f8fafc}.alert-box{border-style:solid;border-width:1px;display:block;font-weight:normal;margin-bottom:1.25rem;position:relative;padding:.875rem 1.5rem .875rem .875rem;font-size:.9375rem;transition:opacity 300ms ease-out;background-color:#0a1628;border-color:#091322;color:#fff}.alert-box .close{font-size:1.375rem;padding:9px 6px 4px;line-height:0;position:absolute;top:50%;margin-top:-0.6875rem;right:.25rem;color:#333;opacity:.3;background:inherit}.alert-box .close:hover,.alert-box .close:focus{opacity:.5}.alert-box.radius{border-radius:3px}.alert-box.round{border-radius:1000px}.alert-box.success{background-color:#38bdf8;border-color:#0faff7;color:#fff}.alert-box.alert{background-color:#df4949;border-color:#d82626;color:#fff}.alert-box.secondary{background-color:#38bdf8;border-color:#0faff7;color:#fff}.alert-box.warning{background-color:#e27a3f;border-color:#d86321;color:#fff}.alert-box.info{background-color:#0a1628;border-color:#091322;color:#fff}.alert-box.alert-close{opacity:0}.breadcrumbs{display:block;padding:.5625rem .875rem .5625rem;overflow:hidden;margin-left:0;list-style:none;border-style:solid;border-width:0;background-color:#e4e4e4;border-color:#e4e4e4;border-radius:0}.breadcrumbs>*{margin:0;float:left;font-size:.6875rem;line-height:.6875rem;text-transform:uppercase;color:#0a1628}.breadcrumbs>*:hover a,.breadcrumbs>*:focus a{text-decoration:underline}.breadcrumbs>* a{color:#0a1628}.breadcrumbs>*.current{cursor:default;color:#333}.breadcrumbs>*.current a{cursor:default;color:#333}.breadcrumbs>*.current:hover,.breadcrumbs>*.current:hover a,.breadcrumbs>*.current:focus,.breadcrumbs>*.current:focus a{text-decoration:none}.breadcrumbs>*.unavailable{color:#999}.breadcrumbs>*.unavailable a{color:#999}.breadcrumbs>*.unavailable:hover,.breadcrumbs>*.unavailable:hover a,.breadcrumbs>*.unavailable:focus,.breadcrumbs>*.unavailable a:focus{text-decoration:none;color:#999;cursor:default}.breadcrumbs>*:before{content:"/";color:#aaa;margin:0 .75rem;position:relative;top:1px}.breadcrumbs>*:first-child:before{content:" ";margin:0}[aria-label=breadcrumbs] [aria-hidden=true]:after{content:"/"}[class*=block-grid-]{display:block;padding:0;margin:0 -0.625rem}[class*=block-grid-]:before,[class*=block-grid-]:after{content:" ";display:table}[class*=block-grid-]:after{clear:both}[class*=block-grid-]>li{display:block;height:auto;float:left;padding:0 .625rem 1.25rem}@media only screen{.small-block-grid-1>li{width:100%;list-style:none}.small-block-grid-1>li:nth-of-type(1n){clear:none}.small-block-grid-1>li:nth-of-type(1n+1){clear:both}.small-block-grid-2>li{width:50%;list-style:none}.small-block-grid-2>li:nth-of-type(1n){clear:none}.small-block-grid-2>li:nth-of-type(2n+1){clear:both}.small-block-grid-3>li{width:33.3333333333%;list-style:none}.small-block-grid-3>li:nth-of-type(1n){clear:none}.small-block-grid-3>li:nth-of-type(3n+1){clear:both}.small-block-grid-4>li{width:25%;list-style:none}.small-block-grid-4>li:nth-of-type(1n){clear:none}.small-block-grid-4>li:nth-of-type(4n+1){clear:both}.small-block-grid-5>li{width:20%;list-style:none}.small-block-grid-5>li:nth-of-type(1n){clear:none}.small-block-grid-5>li:nth-of-type(5n+1){clear:both}.small-block-grid-6>li{width:16.6666666667%;list-style:none}.small-block-grid-6>li:nth-of-type(1n){clear:none}.small-block-grid-6>li:nth-of-type(6n+1){clear:both}.small-block-grid-7>li{width:14.2857142857%;list-style:none}.small-block-grid-7>li:nth-of-type(1n){clear:none}.small-block-grid-7>li:nth-of-type(7n+1){clear:both}.small-block-grid-8>li{width:12.5%;list-style:none}.small-block-grid-8>li:nth-of-type(1n){clear:none}.small-block-grid-8>li:nth-of-type(8n+1){clear:both}.small-block-grid-9>li{width:11.1111111111%;list-style:none}.small-block-grid-9>li:nth-of-type(1n){clear:none}.small-block-grid-9>li:nth-of-type(9n+1){clear:both}.small-block-grid-10>li{width:10%;list-style:none}.small-block-grid-10>li:nth-of-type(1n){clear:none}.small-block-grid-10>li:nth-of-type(10n+1){clear:both}.small-block-grid-11>li{width:9.0909090909%;list-style:none}.small-block-grid-11>li:nth-of-type(1n){clear:none}.small-block-grid-11>li:nth-of-type(11n+1){clear:both}.small-block-grid-12>li{width:8.3333333333%;list-style:none}.small-block-grid-12>li:nth-of-type(1n){clear:none}.small-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width:40.063em){.medium-block-grid-1>li{width:100%;list-style:none}.medium-block-grid-1>li:nth-of-type(1n){clear:none}.medium-block-grid-1>li:nth-of-type(1n+1){clear:both}.medium-block-grid-2>li{width:50%;list-style:none}.medium-block-grid-2>li:nth-of-type(1n){clear:none}.medium-block-grid-2>li:nth-of-type(2n+1){clear:both}.medium-block-grid-3>li{width:33.3333333333%;list-style:none}.medium-block-grid-3>li:nth-of-type(1n){clear:none}.medium-block-grid-3>li:nth-of-type(3n+1){clear:both}.medium-block-grid-4>li{width:25%;list-style:none}.medium-block-grid-4>li:nth-of-type(1n){clear:none}.medium-block-grid-4>li:nth-of-type(4n+1){clear:both}.medium-block-grid-5>li{width:20%;list-style:none}.medium-block-grid-5>li:nth-of-type(1n){clear:none}.medium-block-grid-5>li:nth-of-type(5n+1){clear:both}.medium-block-grid-6>li{width:16.6666666667%;list-style:none}.medium-block-grid-6>li:nth-of-type(1n){clear:none}.medium-block-grid-6>li:nth-of-type(6n+1){clear:both}.medium-block-grid-7>li{width:14.2857142857%;list-style:none}.medium-block-grid-7>li:nth-of-type(1n){clear:none}.medium-block-grid-7>li:nth-of-type(7n+1){clear:both}.medium-block-grid-8>li{width:12.5%;list-style:none}.medium-block-grid-8>li:nth-of-type(1n){clear:none}.medium-block-grid-8>li:nth-of-type(8n+1){clear:both}.medium-block-grid-9>li{width:11.1111111111%;list-style:none}.medium-block-grid-9>li:nth-of-type(1n){clear:none}.medium-block-grid-9>li:nth-of-type(9n+1){clear:both}.medium-block-grid-10>li{width:10%;list-style:none}.medium-block-grid-10>li:nth-of-type(1n){clear:none}.medium-block-grid-10>li:nth-of-type(10n+1){clear:both}.medium-block-grid-11>li{width:9.0909090909%;list-style:none}.medium-block-grid-11>li:nth-of-type(1n){clear:none}.medium-block-grid-11>li:nth-of-type(11n+1){clear:both}.medium-block-grid-12>li{width:8.3333333333%;list-style:none}.medium-block-grid-12>li:nth-of-type(1n){clear:none}.medium-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width:64.063em){.large-block-grid-1>li{width:100%;list-style:none}.large-block-grid-1>li:nth-of-type(1n){clear:none}.large-block-grid-1>li:nth-of-type(1n+1){clear:both}.large-block-grid-2>li{width:50%;list-style:none}.large-block-grid-2>li:nth-of-type(1n){clear:none}.large-block-grid-2>li:nth-of-type(2n+1){clear:both}.large-block-grid-3>li{width:33.3333333333%;list-style:none}.large-block-grid-3>li:nth-of-type(1n){clear:none}.large-block-grid-3>li:nth-of-type(3n+1){clear:both}.large-block-grid-4>li{width:25%;list-style:none}.large-block-grid-4>li:nth-of-type(1n){clear:none}.large-block-grid-4>li:nth-of-type(4n+1){clear:both}.large-block-grid-5>li{width:20%;list-style:none}.large-block-grid-5>li:nth-of-type(1n){clear:none}.large-block-grid-5>li:nth-of-type(5n+1){clear:both}.large-block-grid-6>li{width:16.6666666667%;list-style:none}.large-block-grid-6>li:nth-of-type(1n){clear:none}.large-block-grid-6>li:nth-of-type(6n+1){clear:both}.large-block-grid-7>li{width:14.2857142857%;list-style:none}.large-block-grid-7>li:nth-of-type(1n){clear:none}.large-block-grid-7>li:nth-of-type(7n+1){clear:both}.large-block-grid-8>li{width:12.5%;list-style:none}.large-block-grid-8>li:nth-of-type(1n){clear:none}.large-block-grid-8>li:nth-of-type(8n+1){clear:both}.large-block-grid-9>li{width:11.1111111111%;list-style:none}.large-block-grid-9>li:nth-of-type(1n){clear:none}.large-block-grid-9>li:nth-of-type(9n+1){clear:both}.large-block-grid-10>li{width:10%;list-style:none}.large-block-grid-10>li:nth-of-type(1n){clear:none}.large-block-grid-10>li:nth-of-type(10n+1){clear:both}.large-block-grid-11>li{width:9.0909090909%;list-style:none}.large-block-grid-11>li:nth-of-type(1n){clear:none}.large-block-grid-11>li:nth-of-type(11n+1){clear:both}.large-block-grid-12>li{width:8.3333333333%;list-style:none}.large-block-grid-12>li:nth-of-type(1n){clear:none}.large-block-grid-12>li:nth-of-type(12n+1){clear:both}}.button-group{list-style:none;margin:0;left:0}.button-group:before,.button-group:after{content:" ";display:table}.button-group:after{clear:both}.button-group>li{margin:0 -2px;display:inline-block}.button-group>li>button,.button-group>li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group>li:first-child button,.button-group>li:first-child .button{border-left:0}.button-group.stack>li{margin:0 -2px;display:inline-block;display:block;margin:0;float:none}.button-group.stack>li>button,.button-group.stack>li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.stack>li:first-child button,.button-group.stack>li:first-child .button{border-left:0}.button-group.stack>li>button,.button-group.stack>li .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.stack>li:first-child button,.button-group.stack>li:first-child .button{border-top:0}.button-group.stack-for-small>li{margin:0 -2px;display:inline-block}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-left:0}@media only screen and (max-width: 40em){.button-group.stack-for-small>li{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-left:0}.button-group.stack-for-small>li>button,.button-group.stack-for-small>li .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.stack-for-small>li:first-child button,.button-group.stack-for-small>li:first-child .button{border-top:0}}.button-group.radius>*{margin:0 -2px;display:inline-block}.button-group.radius>*>button,.button-group.radius>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius>*:first-child button,.button-group.radius>*:first-child .button{border-left:0}.button-group.radius>*,.button-group.radius>*>a,.button-group.radius>*>button,.button-group.radius>*>.button{border-radius:0}.button-group.radius>*:first-child,.button-group.radius>*:first-child>a,.button-group.radius>*:first-child>button,.button-group.radius>*:first-child>.button{-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.button-group.radius>*:last-child,.button-group.radius>*:last-child>a,.button-group.radius>*:last-child>button,.button-group.radius>*:last-child>.button{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}.button-group.radius.stack>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.radius.stack>*>button,.button-group.radius.stack>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius.stack>*:first-child button,.button-group.radius.stack>*:first-child .button{border-left:0}.button-group.radius.stack>*>button,.button-group.radius.stack>* .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.radius.stack>*:first-child button,.button-group.radius.stack>*:first-child .button{border-top:0}.button-group.radius.stack>*,.button-group.radius.stack>*>a,.button-group.radius.stack>*>button,.button-group.radius.stack>*>.button{border-radius:0}.button-group.radius.stack>*:first-child,.button-group.radius.stack>*:first-child>a,.button-group.radius.stack>*:first-child>button,.button-group.radius.stack>*:first-child>.button{-webkit-top-left-radius:3px;-webkit-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.radius.stack>*:last-child,.button-group.radius.stack>*:last-child>a,.button-group.radius.stack>*:last-child>button,.button-group.radius.stack>*:last-child>.button{-webkit-bottom-left-radius:3px;-webkit-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}@media only screen and (min-width:40.063em){.button-group.radius.stack-for-small>*{margin:0 -2px;display:inline-block}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-left:0}.button-group.radius.stack-for-small>*,.button-group.radius.stack-for-small>*>a,.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>*>.button{border-radius:0}.button-group.radius.stack-for-small>*:first-child,.button-group.radius.stack-for-small>*:first-child>a,.button-group.radius.stack-for-small>*:first-child>button,.button-group.radius.stack-for-small>*:first-child>.button{-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}.button-group.radius.stack-for-small>*:last-child,.button-group.radius.stack-for-small>*:last-child>a,.button-group.radius.stack-for-small>*:last-child>button,.button-group.radius.stack-for-small>*:last-child>.button{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}}@media only screen and (max-width: 40em){.button-group.radius.stack-for-small>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-left:0}.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>* .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.radius.stack-for-small>*:first-child button,.button-group.radius.stack-for-small>*:first-child .button{border-top:0}.button-group.radius.stack-for-small>*,.button-group.radius.stack-for-small>*>a,.button-group.radius.stack-for-small>*>button,.button-group.radius.stack-for-small>*>.button{border-radius:0}.button-group.radius.stack-for-small>*:first-child,.button-group.radius.stack-for-small>*:first-child>a,.button-group.radius.stack-for-small>*:first-child>button,.button-group.radius.stack-for-small>*:first-child>.button{-webkit-top-left-radius:3px;-webkit-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.radius.stack-for-small>*:last-child,.button-group.radius.stack-for-small>*:last-child>a,.button-group.radius.stack-for-small>*:last-child>button,.button-group.radius.stack-for-small>*:last-child>.button{-webkit-bottom-left-radius:3px;-webkit-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}}.button-group.round>*{margin:0 -2px;display:inline-block}.button-group.round>*>button,.button-group.round>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round>*:first-child button,.button-group.round>*:first-child .button{border-left:0}.button-group.round>*,.button-group.round>*>a,.button-group.round>*>button,.button-group.round>*>.button{border-radius:0}.button-group.round>*:first-child,.button-group.round>*:first-child>a,.button-group.round>*:first-child>button,.button-group.round>*:first-child>.button{-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.button-group.round>*:last-child,.button-group.round>*:last-child>a,.button-group.round>*:last-child>button,.button-group.round>*:last-child>.button{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}.button-group.round.stack>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.round.stack>*>button,.button-group.round.stack>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round.stack>*:first-child button,.button-group.round.stack>*:first-child .button{border-left:0}.button-group.round.stack>*>button,.button-group.round.stack>* .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.round.stack>*:first-child button,.button-group.round.stack>*:first-child .button{border-top:0}.button-group.round.stack>*,.button-group.round.stack>*>a,.button-group.round.stack>*>button,.button-group.round.stack>*>.button{border-radius:0}.button-group.round.stack>*:first-child,.button-group.round.stack>*:first-child>a,.button-group.round.stack>*:first-child>button,.button-group.round.stack>*:first-child>.button{-webkit-top-left-radius:1rem;-webkit-top-right-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.button-group.round.stack>*:last-child,.button-group.round.stack>*:last-child>a,.button-group.round.stack>*:last-child>button,.button-group.round.stack>*:last-child>.button{-webkit-bottom-left-radius:1rem;-webkit-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}@media only screen and (min-width:40.063em){.button-group.round.stack-for-small>*{margin:0 -2px;display:inline-block}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-left:0}.button-group.round.stack-for-small>*,.button-group.round.stack-for-small>*>a,.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>*>.button{border-radius:0}.button-group.round.stack-for-small>*:first-child,.button-group.round.stack-for-small>*:first-child>a,.button-group.round.stack-for-small>*:first-child>button,.button-group.round.stack-for-small>*:first-child>.button{-webkit-border-bottom-left-radius:1000px;-webkit-border-top-left-radius:1000px;border-bottom-left-radius:1000px;border-top-left-radius:1000px}.button-group.round.stack-for-small>*:last-child,.button-group.round.stack-for-small>*:last-child>a,.button-group.round.stack-for-small>*:last-child>button,.button-group.round.stack-for-small>*:last-child>.button{-webkit-border-bottom-right-radius:1000px;-webkit-border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-top-right-radius:1000px}}@media only screen and (max-width: 40em){.button-group.round.stack-for-small>*{margin:0 -2px;display:inline-block;display:block;margin:0}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-left:0}.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>* .button{border-top:1px solid;border-color:rgba(255,255,255,.5);border-left-width:0;margin:0;display:block}.button-group.round.stack-for-small>*:first-child button,.button-group.round.stack-for-small>*:first-child .button{border-top:0}.button-group.round.stack-for-small>*,.button-group.round.stack-for-small>*>a,.button-group.round.stack-for-small>*>button,.button-group.round.stack-for-small>*>.button{border-radius:0}.button-group.round.stack-for-small>*:first-child,.button-group.round.stack-for-small>*:first-child>a,.button-group.round.stack-for-small>*:first-child>button,.button-group.round.stack-for-small>*:first-child>.button{-webkit-top-left-radius:1rem;-webkit-top-right-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.button-group.round.stack-for-small>*:last-child,.button-group.round.stack-for-small>*:last-child>a,.button-group.round.stack-for-small>*:last-child>button,.button-group.round.stack-for-small>*:last-child>.button{-webkit-bottom-left-radius:1rem;-webkit-bottom-right-radius:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.button-group.even-2 li{margin:0 -2px;display:inline-block;width:50%}.button-group.even-2 li>button,.button-group.even-2 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-2 li:first-child button,.button-group.even-2 li:first-child .button{border-left:0}.button-group.even-2 li button,.button-group.even-2 li .button{width:100%}.button-group.even-3 li{margin:0 -2px;display:inline-block;width:33.3333333333%}.button-group.even-3 li>button,.button-group.even-3 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-3 li:first-child button,.button-group.even-3 li:first-child .button{border-left:0}.button-group.even-3 li button,.button-group.even-3 li .button{width:100%}.button-group.even-4 li{margin:0 -2px;display:inline-block;width:25%}.button-group.even-4 li>button,.button-group.even-4 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-4 li:first-child button,.button-group.even-4 li:first-child .button{border-left:0}.button-group.even-4 li button,.button-group.even-4 li .button{width:100%}.button-group.even-5 li{margin:0 -2px;display:inline-block;width:20%}.button-group.even-5 li>button,.button-group.even-5 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-5 li:first-child button,.button-group.even-5 li:first-child .button{border-left:0}.button-group.even-5 li button,.button-group.even-5 li .button{width:100%}.button-group.even-6 li{margin:0 -2px;display:inline-block;width:16.6666666667%}.button-group.even-6 li>button,.button-group.even-6 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-6 li:first-child button,.button-group.even-6 li:first-child .button{border-left:0}.button-group.even-6 li button,.button-group.even-6 li .button{width:100%}.button-group.even-7 li{margin:0 -2px;display:inline-block;width:14.2857142857%}.button-group.even-7 li>button,.button-group.even-7 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-7 li:first-child button,.button-group.even-7 li:first-child .button{border-left:0}.button-group.even-7 li button,.button-group.even-7 li .button{width:100%}.button-group.even-8 li{margin:0 -2px;display:inline-block;width:12.5%}.button-group.even-8 li>button,.button-group.even-8 li .button{border-left:1px solid;border-color:rgba(255,255,255,.5)}.button-group.even-8 li:first-child button,.button-group.even-8 li:first-child .button{border-left:0}.button-group.even-8 li button,.button-group.even-8 li .button{width:100%}.button-bar:before,.button-bar:after{content:" ";display:table}.button-bar:after{clear:both}.button-bar .button-group{float:left;margin-right:.625rem}.button-bar .button-group div{overflow:hidden}.clearing-thumbs,[data-clearing]{margin-bottom:0;margin-left:0;list-style:none}.clearing-thumbs:before,.clearing-thumbs:after,[data-clearing]:before,[data-clearing]:after{content:" ";display:table}.clearing-thumbs:after,[data-clearing]:after{clear:both}.clearing-thumbs li,[data-clearing] li{float:left;margin-right:10px}.clearing-thumbs[class*=block-grid-] li,[data-clearing][class*=block-grid-] li{margin-right:0}.clearing-blackout{background:#333;position:fixed;width:100%;height:100%;top:0;left:0;z-index:998}.clearing-blackout .clearing-close{display:block}.clearing-container{position:relative;z-index:998;height:100%;overflow:hidden;margin:0}.clearing-touch-label{position:absolute;top:50%;left:50%;color:#aaa;font-size:.6em}.visible-img{height:95%;position:relative}.visible-img img{position:absolute;left:50%;top:50%;margin-left:-50%;max-height:100%;max-width:100%}.clearing-caption{color:#ccc;font-size:.875em;line-height:1.3;margin-bottom:0;text-align:center;bottom:0;background:#333;width:100%;padding:10px 30px 20px;position:absolute;left:0}.clearing-close{z-index:999;padding-left:20px;padding-top:10px;font-size:30px;line-height:1;color:#ccc;display:none}.clearing-close:hover,.clearing-close:focus{color:#ccc}.clearing-assembled .clearing-container{height:100%}.clearing-assembled .clearing-container .carousel>ul{display:none}.clearing-feature li{display:none}.clearing-feature li.clearing-featured-img{display:block}@media only screen and (min-width:40.063em){.clearing-main-prev,.clearing-main-next{position:absolute;height:100%;width:40px;top:0}.clearing-main-prev>span,.clearing-main-next>span{position:absolute;top:50%;display:block;width:0;height:0;border:solid 12px}.clearing-main-prev>span:hover,.clearing-main-next>span:hover{opacity:.8}.clearing-main-prev{left:0}.clearing-main-prev>span{left:5px;border-color:rgba(0,0,0,0);border-right-color:#ccc}.clearing-main-next{right:0}.clearing-main-next>span{border-color:rgba(0,0,0,0);border-left-color:#ccc}.clearing-main-prev.disabled,.clearing-main-next.disabled{opacity:.3}.clearing-assembled .clearing-container .carousel{background:rgba(51,51,51,.8);height:120px;margin-top:10px;text-align:center}.clearing-assembled .clearing-container .carousel>ul{display:inline-block;z-index:999;height:100%;position:relative;float:none}.clearing-assembled .clearing-container .carousel>ul li{display:block;width:120px;min-height:inherit;float:left;overflow:hidden;margin-right:0;padding:0;position:relative;cursor:pointer;opacity:.4;clear:none}.clearing-assembled .clearing-container .carousel>ul li.fix-height img{height:100%;max-width:none}.clearing-assembled .clearing-container .carousel>ul li a.th{border:none;box-shadow:none;display:block}.clearing-assembled .clearing-container .carousel>ul li img{cursor:pointer !important;width:100% !important}.clearing-assembled .clearing-container .carousel>ul li.visible{opacity:1}.clearing-assembled .clearing-container .carousel>ul li:hover{opacity:.8}.clearing-assembled .clearing-container .visible-img{background:#333;overflow:hidden;height:85%}.clearing-close{position:absolute;top:10px;right:20px;padding-left:0;padding-top:0}}.f-dropdown{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;margin-top:2px;max-width:200px}.f-dropdown>*:first-child{margin-top:0}.f-dropdown>*:last-child{margin-bottom:0}.f-dropdown:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);border-bottom-style:solid;position:absolute;top:-12px;left:10px;z-index:89}.f-dropdown:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #ccc rgba(0,0,0,0);border-bottom-style:solid;position:absolute;top:-14px;left:9px;z-index:88}.f-dropdown.right:before{left:auto;right:10px}.f-dropdown.right:after{left:auto;right:9px}.f-dropdown.drop-right{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;margin-top:0;margin-left:2px;max-width:200px}.f-dropdown.drop-right>*:first-child{margin-top:0}.f-dropdown.drop-right>*:last-child{margin-bottom:0}.f-dropdown.drop-right:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0);border-right-style:solid;position:absolute;top:10px;left:-12px;z-index:89}.f-dropdown.drop-right:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:rgba(0,0,0,0) #ccc rgba(0,0,0,0) rgba(0,0,0,0);border-right-style:solid;position:absolute;top:9px;left:-14px;z-index:88}.f-dropdown.drop-left{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;margin-top:0;margin-left:-2px;max-width:200px}.f-dropdown.drop-left>*:first-child{margin-top:0}.f-dropdown.drop-left>*:last-child{margin-bottom:0}.f-dropdown.drop-left:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;border-left-style:solid;position:absolute;top:10px;right:-12px;left:auto;z-index:89}.f-dropdown.drop-left:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ccc;border-left-style:solid;position:absolute;top:9px;right:-14px;left:auto;z-index:88}.f-dropdown.drop-top{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;width:100%;max-height:none;height:auto;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;margin-top:-2px;margin-left:0;max-width:200px}.f-dropdown.drop-top>*:first-child{margin-top:0}.f-dropdown.drop-top>*:last-child{margin-bottom:0}.f-dropdown.drop-top:before{content:"";display:block;width:0;height:0;border:inset 6px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-top-style:solid;position:absolute;top:auto;bottom:-12px;left:10px;right:auto;z-index:89}.f-dropdown.drop-top:after{content:"";display:block;width:0;height:0;border:inset 7px;border-color:#ccc rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-top-style:solid;position:absolute;top:auto;bottom:-14px;left:9px;right:auto;z-index:88}.f-dropdown li{font-size:.875rem;cursor:pointer;line-height:1.125rem;margin:0}.f-dropdown li:hover,.f-dropdown li:focus{background:#eee}.f-dropdown li.radius{border-radius:3px}.f-dropdown li a{display:block;padding:.5rem;color:#555}.f-dropdown.content{position:absolute;left:-9999px;list-style:none;margin-left:0;outline:none;padding:1.25rem;width:100%;height:auto;max-height:none;background:#fff;border:solid 1px #ccc;font-size:.875rem;z-index:89;max-width:200px}.f-dropdown.content>*:first-child{margin-top:0}.f-dropdown.content>*:last-child{margin-bottom:0}.f-dropdown.tiny{max-width:200px}.f-dropdown.small{max-width:300px}.f-dropdown.medium{max-width:500px}.f-dropdown.large{max-width:800px}.f-dropdown.mega{width:100% !important;max-width:100% !important}.f-dropdown.mega.open{left:0 !important}.dropdown.button,button.dropdown{position:relative;outline:none;padding-right:3.5625rem}.dropdown.button::after,button.dropdown::after{position:absolute;content:"";width:0;height:0;display:block;border-style:solid;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);top:50%}.dropdown.button::after,button.dropdown::after{border-width:.375rem;right:1.40625rem;margin-top:-0.15625rem}.dropdown.button::after,button.dropdown::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.dropdown.button.tiny,button.dropdown.tiny{padding-right:2.625rem}.dropdown.button.tiny:after,button.dropdown.tiny:after{border-width:.375rem;right:1.125rem;margin-top:-0.125rem}.dropdown.button.tiny::after,button.dropdown.tiny::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.dropdown.button.small,button.dropdown.small{padding-right:3.0625rem}.dropdown.button.small::after,button.dropdown.small::after{border-width:.4375rem;right:1.3125rem;margin-top:-0.15625rem}.dropdown.button.small::after,button.dropdown.small::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.dropdown.button.large,button.dropdown.large{padding-right:3.625rem}.dropdown.button.large::after,button.dropdown.large::after{border-width:.3125rem;right:1.71875rem;margin-top:-0.15625rem}.dropdown.button.large::after,button.dropdown.large::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.dropdown.button.secondary:after,button.dropdown.secondary:after{border-color:#333 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.flex-video{position:relative;padding-top:1.5625rem;padding-bottom:67.5%;height:0;margin-bottom:1rem;overflow:hidden}.flex-video.widescreen{padding-bottom:56.34%}.flex-video.vimeo{padding-top:0}.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}.inline-list{margin:0 auto 1.0625rem auto;margin-left:-1.375rem;margin-right:0;padding:0;list-style:none;overflow:hidden}.inline-list>li{list-style:none;float:left;margin-left:1.375rem;display:block}.inline-list>li>*{display:block}.keystroke,kbd{background-color:#ededed;border-color:#ddd;color:#222;border-style:solid;border-width:1px;margin:0;font-family:"Consolas","Menlo","Courier",monospace;font-size:inherit;padding:.125rem .25rem 0;border-radius:3px}.panel{border-style:solid;border-width:1px;border-color:#cbcbcb;margin-bottom:1.25rem;padding:1.25rem;background:#e4e4e4;color:#333}.panel>:first-child{margin-top:0}.panel>:last-child{margin-bottom:0}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel p,.panel li,.panel dl{color:#333}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{line-height:1;margin-bottom:.625rem}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader{line-height:1.4}.panel.callout{border-style:solid;border-width:1px;border-color:#bed2ef;margin-bottom:1.25rem;padding:1.25rem;background:#e9f0f9;color:#333}.panel.callout>:first-child{margin-top:0}.panel.callout>:last-child{margin-bottom:0}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p,.panel.callout li,.panel.callout dl{color:#333}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6{line-height:1;margin-bottom:.625rem}.panel.callout h1.subheader,.panel.callout h2.subheader,.panel.callout h3.subheader,.panel.callout h4.subheader,.panel.callout h5.subheader,.panel.callout h6.subheader{line-height:1.4}.panel.callout a:not(.button){color:#0a1628}.panel.callout a:not(.button):hover,.panel.callout a:not(.button):focus{color:#091322}.panel.radius{border-radius:3px}.reveal-modal-bg{position:absolute;top:0;bottom:0;left:0;right:0;background:#000;background:rgba(0,0,0,.45);z-index:1004;display:none;left:0}.reveal-modal,dialog{visibility:hidden;display:none;position:absolute;z-index:1005;width:100vw;top:0;border-radius:3px;left:0;background-color:#fff;padding:1.25rem;border:solid 1px #666;box-shadow:0 0 10px rgba(0,0,0,.4);padding:1.875rem}@media only screen and (max-width: 40em){.reveal-modal,dialog{min-height:100vh}}.reveal-modal .column,dialog .column,.reveal-modal .columns,dialog .columns{min-width:0}.reveal-modal>:first-child,dialog>:first-child{margin-top:0}.reveal-modal>:last-child,dialog>:last-child{margin-bottom:0}@media only screen and (min-width:40.063em){.reveal-modal,dialog{width:80%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal,dialog{top:6.25rem}}.reveal-modal.radius,dialog.radius{border-radius:3px}.reveal-modal.round,dialog.round{border-radius:1000px}.reveal-modal.collapse,dialog.collapse{padding:0}@media only screen and (min-width:40.063em){.reveal-modal.tiny,dialog.tiny{width:30%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal.small,dialog.small{width:40%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal.medium,dialog.medium{width:60%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal.large,dialog.large{width:70%;max-width:62.5rem;left:0;right:0;margin:0 auto}}@media only screen and (min-width:40.063em){.reveal-modal.xlarge,dialog.xlarge{width:95%;max-width:62.5rem;left:0;right:0;margin:0 auto}}.reveal-modal.full,dialog.full{top:0;left:0;height:100%;height:100vh;min-height:100vh;max-width:none !important;margin-left:0 !important}@media only screen and (min-width:40.063em){.reveal-modal.full,dialog.full{width:100vw;max-width:62.5rem;left:0;right:0;margin:0 auto}}.reveal-modal .close-reveal-modal,dialog .close-reveal-modal{font-size:2.5rem;line-height:1;position:absolute;top:.625rem;right:1.375rem;color:#aaa;font-weight:bold;cursor:pointer}dialog{display:none}dialog::backdrop,dialog+.backdrop{position:absolute;top:0;bottom:0;left:0;right:0;background:#000;background:rgba(0,0,0,.45);z-index:auto;display:none;left:0}dialog[open]{display:block}@media print{dialog,.reveal-modal{display:none;background:#fff !important}}.side-nav{display:block;margin:0;padding:0 0 0 0;list-style-type:none;list-style-position:outside;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}.side-nav li{margin:0 0 0 0;font-size:1rem;font-weight:normal}.side-nav li a:not(.button){display:block;color:#0a1628;margin:0;padding:.4375rem .875rem}.side-nav li a:not(.button):hover,.side-nav li a:not(.button):focus{background:rgba(0,0,0,.025);color:#060d18}.side-nav li.active>a:first-child:not(.button){color:#060d18;font-weight:normal;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}.side-nav li.divider{border-top:1px solid;height:0;padding:0;list-style:none;border-top-color:#e4e4e4}.side-nav li.heading{color:#0a1628;font-size:1rem;font-weight:bold;text-transform:uppercase}.sub-nav{display:block;width:auto;overflow:hidden;margin:-0.25rem 0 1.125rem;padding-top:.25rem}.sub-nav dt{text-transform:uppercase}.sub-nav dt,.sub-nav dd,.sub-nav li{float:left;display:inline;margin-left:1rem;margin-bottom:0;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;font-size:.875rem;color:#999}.sub-nav dt a,.sub-nav dd a,.sub-nav li a{text-decoration:none;color:#999;padding:.1875rem 1rem}.sub-nav dt a:hover,.sub-nav dd a:hover,.sub-nav li a:hover{color:#737373}.sub-nav dt.active a,.sub-nav dd.active a,.sub-nav li.active a{border-radius:3px;font-weight:normal;background:#0a1628;padding:.1875rem 1rem;cursor:default;color:#fff}.sub-nav dt.active a:hover,.sub-nav dd.active a:hover,.sub-nav li.active a:hover{background:#091322}table{background:#fff;margin-bottom:1.25rem;border:solid 1px #ddd;table-layout:auto}table caption{background:rgba(0,0,0,0);color:#222;font-size:1rem;font-weight:bold}table thead{background:#d7d7d7}table thead tr th,table thead tr td{padding:.5rem .625rem .625rem;font-size:.875rem;font-weight:bold;color:#222}table tfoot{background:#d7d7d7}table tfoot tr th,table tfoot tr td{padding:.5rem .625rem .625rem;font-size:.875rem;font-weight:bold;color:#222}table tr th,table tr td{padding:.5625rem .625rem;font-size:.875rem;color:#222;text-align:left}table tr.even,table tr.alt,table tr:nth-of-type(even){background:#e4e4e4}table thead tr th,table tfoot tr th,table tfoot tr td,table tbody tr th,table tbody tr td,table tr td{display:table-cell;line-height:1.125rem}.th{line-height:0;display:inline-block;border:solid 4px #fff;max-width:100%;box-shadow:0 0 0 1px rgba(0,0,0,.2);transition:all 200ms ease-out}.th:hover,.th:focus{box-shadow:0 0 6px 1px rgba(10,22,40,.5)}.th.radius{border-radius:3px}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.text-justify{text-align:justify !important}@media only screen and (max-width: 40em){.small-only-text-left{text-align:left !important}.small-only-text-right{text-align:right !important}.small-only-text-center{text-align:center !important}.small-only-text-justify{text-align:justify !important}}@media only screen{.small-text-left{text-align:left !important}.small-text-right{text-align:right !important}.small-text-center{text-align:center !important}.small-text-justify{text-align:justify !important}}@media only screen and (min-width:40.063em)and (max-width:64em){.medium-only-text-left{text-align:left !important}.medium-only-text-right{text-align:right !important}.medium-only-text-center{text-align:center !important}.medium-only-text-justify{text-align:justify !important}}@media only screen and (min-width:40.063em){.medium-text-left{text-align:left !important}.medium-text-right{text-align:right !important}.medium-text-center{text-align:center !important}.medium-text-justify{text-align:justify !important}}@media only screen and (min-width:64.063em)and (max-width:90em){.large-only-text-left{text-align:left !important}.large-only-text-right{text-align:right !important}.large-only-text-center{text-align:center !important}.large-only-text-justify{text-align:justify !important}}@media only screen and (min-width:64.063em){.large-text-left{text-align:left !important}.large-text-right{text-align:right !important}.large-text-center{text-align:center !important}.large-text-justify{text-align:justify !important}}@media only screen and (min-width:90.063em)and (max-width:120em){.xlarge-only-text-left{text-align:left !important}.xlarge-only-text-right{text-align:right !important}.xlarge-only-text-center{text-align:center !important}.xlarge-only-text-justify{text-align:justify !important}}@media only screen and (min-width:90.063em){.xlarge-text-left{text-align:left !important}.xlarge-text-right{text-align:right !important}.xlarge-text-center{text-align:center !important}.xlarge-text-justify{text-align:justify !important}}@media only screen and (min-width:120.063em)and (max-width:99999999em){.xxlarge-only-text-left{text-align:left !important}.xxlarge-only-text-right{text-align:right !important}.xxlarge-only-text-center{text-align:center !important}.xxlarge-only-text-justify{text-align:justify !important}}@media only screen and (min-width:120.063em){.xxlarge-text-left{text-align:left !important}.xxlarge-text-right{text-align:right !important}.xxlarge-text-center{text-align:center !important}.xxlarge-text-justify{text-align:justify !important}}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}a{color:#0a1628;text-decoration:none;line-height:inherit}a:hover,a:focus{color:#091322}a img{border:none}p{font-family:inherit;font-weight:normal;font-size:1rem;line-height:1.6;margin-bottom:1.25rem;text-rendering:optimizeLegibility}p.lead{font-size:1.21875rem;line-height:1.6}p aside{font-size:.875rem;line-height:1.35;font-style:italic}h1,h2,h3,h4,h5,h6{font-family:"Volkhov",Georgia,Times,serif;font-weight:normal;font-style:normal;color:#222;text-rendering:optimizeLegibility;margin-top:.2rem;margin-bottom:.5rem;line-height:1.4}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#6f6f6f;line-height:0}h1{font-size:2.125rem}h2{font-size:1.6875rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1.125rem}h6{font-size:1rem}.subheader{line-height:1.4;color:#6f6f6f;font-weight:normal;margin-top:.2rem;margin-bottom:.5rem}hr{border:solid #cbcbcb;border-width:1px 0 0;clear:both;margin:1.25rem 0 1.1875rem;height:0}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:bold;line-height:inherit}small{font-size:60%;line-height:inherit}code{font-family:"Lucida Console",Monaco,monospace;font-weight:normal;color:#333;background-color:#c3ebfd;border-width:1px;border-style:solid;border-color:#98ddfb;padding:.125rem .3125rem .0625rem}ul,ol,dl{font-size:1rem;line-height:1.6;margin-bottom:1.25rem;list-style-position:outside;font-family:inherit}ul{margin-left:1.3rem}ul.no-bullet{margin-left:0}ul.no-bullet li ul,ul.no-bullet li ol{margin-left:1.25rem;margin-bottom:0;list-style:none}ul li ul,ul li ol{margin-left:1.25rem;margin-bottom:0}ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit}ul.square{list-style-type:square;margin-left:1.3rem}ul.circle{list-style-type:circle;margin-left:1.3rem}ul.disc{list-style-type:disc;margin-left:1.3rem}ul.no-bullet{list-style:none}ol{margin-left:1.4rem}ol li ul,ol li ol{margin-left:1.25rem;margin-bottom:0}dl dt{margin-bottom:.3rem;font-weight:bold}dl dd{margin-bottom:.75rem}abbr,acronym{text-transform:uppercase;font-size:90%;color:#1e293b;cursor:help}abbr{text-transform:none}abbr[title]{border-bottom:1px dotted #ddd}blockquote{margin:0 0 1.25rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #ddd}blockquote cite{display:block;font-size:.8125rem;color:#555}blockquote cite:before{content:"— "}blockquote cite a,blockquote cite a:visited{color:#555}blockquote,blockquote p{line-height:1.6;color:#6f6f6f}.vcard{display:inline-block;margin:0 0 1.25rem 0;border:1px solid #ddd;padding:.625rem .75rem}.vcard li{margin:0;display:block}.vcard .fn{font-weight:bold;font-size:.9375rem}.vevent .summary{font-weight:bold}.vevent abbr{cursor:default;text-decoration:none;font-weight:bold;border:none;padding:0 .0625rem}@media only screen and (min-width:40.063em){h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.75rem}h2{font-size:2.3125rem}h3{font-size:1.6875rem}h4{font-size:1.4375rem}h5{font-size:1.125rem}h6{font-size:1rem}}.print-only{display:none !important}@media print{*{background:rgba(0,0,0,0) !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.hide-on-print{display:none !important}.print-only{display:block !important}.hide-for-print{display:none !important}.show-for-print{display:inherit !important}}@media only screen{.show-for-small-only,.show-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.hide-for-small-only,.hide-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.visible-for-small-only,.visible-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-small-only,.hidden-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.show-for-small-only,table.show-for-small-up,table.show-for-small,table.show-for-small-down,table.hide-for-medium-only,table.hide-for-medium-up,table.hide-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.show-for-small-only,thead.show-for-small-up,thead.show-for-small,thead.show-for-small-down,thead.hide-for-medium-only,thead.hide-for-medium-up,thead.hide-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.show-for-small-only,tbody.show-for-small-up,tbody.show-for-small,tbody.show-for-small-down,tbody.hide-for-medium-only,tbody.hide-for-medium-up,tbody.hide-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.show-for-small-only,tr.show-for-small-up,tr.show-for-small,tr.show-for-small-down,tr.hide-for-medium-only,tr.hide-for-medium-up,tr.hide-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.show-for-small-only,td.show-for-small-only,th.show-for-small-up,td.show-for-small-up,th.show-for-small,td.show-for-small,th.show-for-small-down,td.show-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.hide-for-medium-up,td.hide-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width:40.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.show-for-medium-only,table.show-for-medium-up,table.show-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.show-for-medium-only,thead.show-for-medium-up,thead.show-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.show-for-medium-only,tbody.show-for-medium-up,tbody.show-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.show-for-medium-only,tr.show-for-medium-up,tr.show-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.show-for-medium-only,td.show-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.show-for-medium,td.show-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width:64.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.show-for-large-only,table.show-for-large-up,table.show-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.show-for-large-only,thead.show-for-large-up,thead.show-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.show-for-large-only,tbody.show-for-large-up,tbody.show-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.show-for-large-only,tr.show-for-large-up,tr.show-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.show-for-large-only,td.show-for-large-only,th.show-for-large-up,td.show-for-large-up,th.show-for-large,td.show-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width:90.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.show-for-xlarge-only,table.show-for-xlarge-up,table.show-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.show-for-xlarge-only,thead.show-for-xlarge-up,thead.show-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.show-for-xlarge-only,tbody.show-for-xlarge-up,tbody.show-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.show-for-xlarge-only,tr.show-for-xlarge-up,tr.show-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.show-for-xlarge-only,td.show-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.show-for-xlarge,td.show-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}@media only screen and (min-width:120.063em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.hide-for-xlarge-only,.show-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.show-for-xxlarge-down{display:inherit !important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.show-for-xlarge-only,.hide-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-down{display:none !important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.hidden-for-xlarge-only,.visible-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-down{position:static !important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.visible-for-xlarge-only,.hidden-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-down{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.hide-for-xlarge-only,table.show-for-xlarge-up,table.hide-for-xlarge,table.hide-for-xlarge-down,table.show-for-xxlarge-only,table.show-for-xxlarge-up,table.show-for-xxlarge,table.show-for-xxlarge-down{display:table !important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-xlarge-only,thead.show-for-xlarge-up,thead.hide-for-xlarge,thead.hide-for-xlarge-down,thead.show-for-xxlarge-only,thead.show-for-xxlarge-up,thead.show-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group !important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-xlarge-only,tbody.show-for-xlarge-up,tbody.hide-for-xlarge,tbody.hide-for-xlarge-down,tbody.show-for-xxlarge-only,tbody.show-for-xxlarge-up,tbody.show-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group !important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-xlarge-only,tr.show-for-xlarge-up,tr.hide-for-xlarge,tr.hide-for-xlarge-down,tr.show-for-xxlarge-only,tr.show-for-xxlarge-up,tr.show-for-xxlarge,tr.show-for-xxlarge-down{display:table-row !important}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.hide-for-xlarge-down,td.hide-for-xlarge-down,th.show-for-xxlarge-only,td.show-for-xxlarge-only,th.show-for-xxlarge-up,td.show-for-xxlarge-up,th.show-for-xxlarge,td.show-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell !important}}.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}table.hide-for-landscape,table.show-for-portrait{display:table !important}thead.hide-for-landscape,thead.show-for-portrait{display:table-header-group !important}tbody.hide-for-landscape,tbody.show-for-portrait{display:table-row-group !important}tr.hide-for-landscape,tr.show-for-portrait{display:table-row !important}td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait{display:table-cell !important}@media only screen and (orientation: landscape){.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}table.show-for-landscape,table.hide-for-portrait{display:table !important}thead.show-for-landscape,thead.hide-for-portrait{display:table-header-group !important}tbody.show-for-landscape,tbody.hide-for-portrait{display:table-row-group !important}tr.show-for-landscape,tr.hide-for-portrait{display:table-row !important}td.show-for-landscape,td.hide-for-portrait,th.show-for-landscape,th.hide-for-portrait{display:table-cell !important}}@media only screen and (orientation: portrait){.show-for-portrait,.hide-for-landscape{display:inherit !important}.hide-for-portrait,.show-for-landscape{display:none !important}table.show-for-portrait,table.hide-for-landscape{display:table !important}thead.show-for-portrait,thead.hide-for-landscape{display:table-header-group !important}tbody.show-for-portrait,tbody.hide-for-landscape{display:table-row-group !important}tr.show-for-portrait,tr.hide-for-landscape{display:table-row !important}td.show-for-portrait,td.hide-for-landscape,th.show-for-portrait,th.hide-for-landscape{display:table-cell !important}}.show-for-touch{display:none !important}.hide-for-touch{display:inherit !important}.touch .show-for-touch{display:inherit !important}.touch .hide-for-touch{display:none !important}table.hide-for-touch{display:table !important}.touch table.show-for-touch{display:table !important}thead.hide-for-touch{display:table-header-group !important}.touch thead.show-for-touch{display:table-header-group !important}tbody.hide-for-touch{display:table-row-group !important}.touch tbody.show-for-touch{display:table-row-group !important}tr.hide-for-touch{display:table-row !important}.touch tr.show-for-touch{display:table-row !important}td.hide-for-touch{display:table-cell !important}.touch td.show-for-touch{display:table-cell !important}th.hide-for-touch{display:table-cell !important}.touch th.show-for-touch{display:table-cell !important}@media print{.show-for-print{display:block}.hide-for-print{display:none}table.show-for-print{display:table !important}thead.show-for-print{display:table-header-group !important}tbody.show-for-print{display:table-row-group !important}tr.show-for-print{display:table-row !important}td.show-for-print{display:table-cell !important}th.show-for-print{display:table-cell !important}}a,a:link{transition:all .4s}a:visited{border-bottom:#d7d7d7}a:hover{color:#000}a:focus{color:#1e437a}a:active{color:#000}p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-ms-word-break:normal;word-break:normal}p a,article a{font-weight:bold;border-bottom:1px dotted}p a:hover,article a:hover{border-bottom:2px solid}p a.button,.button,.button:hover{border:0;color:#fff}p.button a{border:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}h1,h2,h3,h4,h5,h6{font-family:"Volkhov",Georgia,Times,serif;font-weight:normal;padding:0}h1{font-size:2.441em;margin-top:0}h2{font-size:1.953em;margin:1.563em 0 0 0}.blog-index h2{margin-top:0}h3{font-size:1.563em;margin:1.152em 0 0 0}h4{font-size:1.25em;margin:1.152em 0 0 0}h5{font-size:1.152em;margin:1em 0 0 0}img{border-radius:3px}img.alignleft,img.left{float:left;margin:5px 15px 5px 0}img.alignright,img.right{float:right;margin:5px 0 5px 15px}img.aligncenter,img.center{display:block;margin:0 auto 10px}figure{margin:0 0 1.875rem 0}#masthead-with-background-color figure,#masthead-with-pattern figure{margin:0}figcaption,.masthead-caption{color:#575757;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8125rem;padding-top:.125rem}figcaption a,.masthead-caption a{border-bottom:1px dotted #bebebe;color:#575757}figcaption a:hover,.masthead-caption a:hover{border-bottom:2px solid #0a1628;color:#0a1628}.masthead-caption{padding-right:10px;text-align:right}td{vertical-align:top}pre{overflow:auto;margin-bottom:1.25rem;padding:5px;background-color:#c3ebfd;border-radius:3px}pre code{padding:.125rem .3125rem .0625rem 0;border:0}code{font-size:.875rem;line-height:1.5}ul,ol{margin-left:20px;padding:0}li{margin-left:0}.no-bullet{list-style:none;margin-left:0}li>ul,li>ol{margin-bottom:0}dt:first-child{padding-top:0px}dt{font-weight:bold;padding-top:30px}article dl dt{line-height:1.3}article dl dd{line-height:1.6;margin-bottom:.75rem;margin-left:1.5rem}blockquote{font-style:italic;position:relative;border:none;margin:0 30px 30px 30px;color:#4b4b4b}blockquote p{font-style:italic;color:#575757}blockquote:before{display:block;content:"»";font-size:80px;line-height:0;position:absolute;left:-25px;top:auto;color:#4b4b4b}blockquote:after{display:block;content:"«";font-size:80px;line-height:0;position:absolute;right:-10px;bottom:20px;color:#4b4b4b}blockquote cite:before{content:"— "}blockquote cite a,blockquote cite a:visited{color:#575757}cite{padding-top:5px}button,.button{letter-spacing:1px}mark{background-color:#f3cab2}.subheadline{font-size:1rem;margin:0;text-transform:uppercase}.teaser{font-size:1.25rem}.big-teaser{font-style:italic;font-weight:300}.big-teaser a{font-style:italic;font-weight:400}@media only screen{.big-teaser{font-size:1.25rem}}@media only screen and (min-width: 40.063em){.big-teaser{font-size:1.8125rem}}.sans{font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif}.serif{font-family:"Volkhov",Georgia,Times,serif}.font-size-h1{font-size:2.441em}.font-size-h2{font-size:1.953em}.font-size-h3{font-size:1.563em}.font-size-h4{font-size:1.25em}.font-size-h5{font-size:1.152em}.font-size-p{font-size:16px}.footnotes:before{content:"";position:absolute;height:1px;width:60px;margin-top:-10px;border-bottom:1px solid #d7d7d7}.footnotes{margin-top:60px}.footnotes ol{font-size:.8em}.footnotes p{font-size:inherit;margin-bottom:0}@font-face{font-family:"iconfont";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#svgFontName") format("svg")}.iconfont{font-family:iconfont}.iconfont-48{font-size:48px}[data-icon]:before{content:attr(data-icon)}[data-icon]:before,.icon-archive:before,.icon-browser:before,.icon-calendar:before,.icon-camera:before,.icon-chat:before,.icon-check:before,.icon-chevron-down:before,.icon-chevron-left:before,.icon-chevron-right:before,.icon-chevron-up:before,.icon-circle-with-cross:before,.icon-circle-with-minus:before,.icon-circle-with-plus:before,.icon-cloud:before,.icon-code:before,.icon-cog:before,.icon-dropbox:before,.icon-edit:before,.icon-export:before,.icon-eye:before,.icon-facebook:before,.icon-feather:before,.icon-github:before,.icon-globe:before,.icon-googleplus:before,.icon-heart:before,.icon-heart-outlined:before,.icon-home:before,.icon-instagram:before,.icon-lab-flask:before,.icon-leaf:before,.icon-linkedin:before,.icon-mail:before,.icon-message:before,.icon-mic:before,.icon-network:before,.icon-paper-plane:before,.icon-pinterest:before,.icon-price-tag:before,.icon-rocket:before,.icon-rss:before,.icon-soundcloud:before,.icon-star:before,.icon-star-outlined:before,.icon-thumbs-down:before,.icon-thumbs-up:before,.icon-tree:before,.icon-tumblr:before,.icon-twitter:before,.icon-upload-to-cloud:before,.icon-video:before,.icon-vimeo:before,.icon-warning:before,.icon-xing:before,.icon-youtube:before{display:inline-block;font-family:"iconfont";font-style:normal;font-weight:normal;font-variant:normal;line-height:1;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.icon-archive:before{content:""}.icon-browser:before{content:""}.icon-calendar:before{content:""}.icon-camera:before{content:""}.icon-chat:before{content:""}.icon-check:before{content:""}.icon-chevron-down:before{content:""}.icon-chevron-left:before{content:""}.icon-chevron-right:before{content:""}.icon-chevron-up:before{content:""}.icon-circle-with-cross:before{content:""}.icon-circle-with-minus:before{content:""}.icon-circle-with-plus:before{content:""}.icon-cloud:before{content:""}.icon-code:before{content:""}.icon-cog:before{content:""}.icon-dropbox:before{content:""}.icon-edit:before{content:""}.icon-export:before{content:""}.icon-eye:before{content:""}.icon-facebook:before{content:""}.icon-feather:before{content:""}.icon-github:before{content:""}.icon-globe:before{content:""}.icon-googleplus:before{content:""}.icon-heart:before{content:""}.icon-heart-outlined:before{content:""}.icon-home:before{content:""}.icon-instagram:before{content:""}.icon-lab-flask:before{content:""}.icon-leaf:before{content:""}.icon-linkedin:before{content:""}.icon-mail:before{content:""}.icon-message:before{content:""}.icon-mic:before{content:""}.icon-network:before{content:""}.icon-paper-plane:before{content:""}.icon-pinterest:before{content:""}.icon-price-tag:before{content:""}.icon-rocket:before{content:""}.icon-rss:before{content:""}.icon-soundcloud:before{content:""}.icon-star:before{content:""}.icon-star-outlined:before{content:""}.icon-thumbs-down:before{content:""}.icon-thumbs-up:before{content:""}.icon-tree:before{content:""}.icon-tumblr:before{content:""}.icon-twitter:before{content:""}.icon-upload-to-cloud:before{content:""}.icon-video:before{content:""}.icon-vimeo:before{content:""}.icon-warning:before{content:""}.icon-xing:before{content:""}.icon-youtube:before{content:""}body.video,body.video #masthead-no-image-header{background:#000}body.video #masthead-no-image-header{margin-bottom:60px}body.video h1,body.video h2,body.video h3,body.video h4,body.video h5,body.video h6,body.video p,body.video a,body.video blockquote:before,body.video blockquote:after,body.video cite a,body.video cite a:visited{color:#fff}body.video cite{color:#fff}#navigation{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.2);box-shadow:0 2px 3px 0 rgba(0,0,0,.2)}#navigation [class^=icon-]:before,#navigation [class*=" icon-"]:before{margin-right:.5rem}.no-js form#search{display:none}#masthead{background-color:#0a1628;margin-top:64px}#masthead-no-image-header{background-color:rgba(0,0,0,0);height:0 !important;min-height:0 !important;overflow:hidden;padding:0;margin:0;display:none !important}#masthead-with-text{text-align:center;font-size:3.375rem;font-family:"Volkhov",Georgia,Times,serif;color:#fff;text-transform:uppercase;text-shadow:0 2px 3px rgba(0,0,0,.4);margin-top:64px}@media only screen and (max-width: 40em){#logo img{display:none}#masthead{margin-top:64px;height:160px}#masthead-with-pattern{padding:15px 0;margin-top:64px}#masthead-with-background-color{padding:15px 0;margin-top:64px}#masthead-with-text{height:180px;padding:30px 0;font-size:1.875rem;margin-top:64px}#masthead-no-image-header{display:none !important;height:0 !important}}@media only screen and (min-width:40.063em)and (max-width:64em){#logo img{margin-top:60px}#masthead{height:280px}#masthead-with-pattern{padding:20px 0}#masthead-with-background-color{padding:20px 0}#masthead-with-text{padding:60px 0;height:300px}}@media only screen and (min-width:64.063em)and (max-width:90em){#logo img{margin-top:80px}#masthead{height:310px}#masthead-with-pattern{padding:30px 0}#masthead-with-background-color{padding:30px 0}#masthead-with-text{height:330px;padding:60px 0}}@media only screen and (min-width:90.063em){#logo img{margin-top:110px}#masthead{height:380px}#masthead-with-pattern{padding:45px 0}#masthead-with-background-color{padding:45px 0}#masthead-with-text{padding:95px 0;height:400px}}#title-image-small{height:240px}#title-image-large{height:520px}#title-image-index-small{height:120px}#title-image-index-large{height:260px}#breadcrumb{background:#f3f3f3;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.breadcrumbs>.current{font-weight:bold}#page-meta,#page-meta a{color:#a4a4a4}#page-meta .button{background:#a4a4a4;border:0}#page-meta .button{color:#fff}#page-meta .button:hover{background:#0a1628}.meta-info p{font-size:.8125rem;color:#efefef}.meta-info a{text-decoration:underline;color:#efefef}.meta-info a:hover{text-decoration:none;color:#38bdf8}#up-to-top{padding:160px 0 10px 0}#up-to-top a{font-size:24px;padding:5px;border-radius:3px}#up-to-top a:hover{background:#d7d7d7}#footer-content p,#footer-content li{font-size:.8125rem;font-weight:300}#footer{padding-top:30px;padding-bottom:20px;background:#0a1628;color:#f0f9ff}#footer a{color:#38bdf8}#footer h4,#footer h5{letter-spacing:1px;color:#fff;text-transform:uppercase}#subfooter{background:#060e1a;color:rgba(255,255,255,.45);padding-top:30px}#subfooter-left ul.inline-list{float:left}.credits a{color:rgba(255,255,255,.3);border:0;text-transform:uppercase}.credits a:hover{color:#fff}.social-icons{margin-bottom:10px !important}.social-icons li{padding:0 0 20px 0}.social-icons a{font-size:1.4375rem;display:block;width:36px;border-radius:50%;color:#060e1a;background:rgba(255,255,255,.45);text-align:center}.social-icons a:hover{background:#060e1a;color:#fff}.t10{margin-top:10px !important}.t15{margin-top:15px !important}.t20{margin-top:20px !important}.t30{margin-top:30px !important}.t50{margin-top:50px !important}.t60{margin-top:60px !important}.t70{margin-top:70px !important}.t80{margin-top:80px !important}.t90{margin-top:90px !important}.b15{margin-bottom:15px !important}.b20{margin-bottom:20px !important}.b30{margin-bottom:30px !important}.b60{margin-bottom:60px !important}.l15{margin-left:15px !important}.r15{margin-right:15px !important}.pl20{padding-left:20px !important}.pr5{padding-right:5px !important}.pr10{padding-right:10px !important}.pr20{padding-right:20px !important}#toc ul,#toc ul ul,#toc ul ul ul{list-style:none;margin-left:30px}#toc ul{margin-left:0;margin-top:30px}.border-dotted{border:1px dotted #a4a4a4;padding:1.25rem;border-radius:3px}.shadow-no{text-shadow:rgba(0,0,0,0) 0 0 0}.shadow-black{text-shadow:rgba(0,0,0,.498039) 0px 1px 2px}.shadow-white{text-shadow:rgba(255,255,255,.498039) 0px 1px 2px}.alert-box{font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow:0px 1px 1px rgba(0,0,0,.9)}.alert-box p{margin-bottom:0}.alert-box a{text-shadow:1px 1px 0px #000;color:#fff;border-bottom:1px dotted #fff}.alert-box a:hover{border-bottom:1px solid #fff}.alert-box.terminal{background:#3e3e3e;color:#fff;border-color:#353535;font-family:"Lucida Console",Monaco,monospace}.alert-box.terminal::before{content:"$ ";color:#38bdf8;float:left;margin:.25em .5em 0 0}.alert-box.text{background-color:#d7d7d7;text-shadow:0px 0px 0px rgba(0,0,0,.9);border-color:#b9b9b9;color:#3e3e3e}button,.button{letter-spacing:1px}button.grey,.button.grey{background:#575757}button.grey:hover,button.grey:focus,.button.grey:hover,.button.grey:focus{background-color:#0b0b0b}.side-nav li.title{text-transform:uppercase}.side-nav li{border-top:1px solid #cbcbcb}.side-nav li a:not(.button){border-bottom:0;padding:.4375rem 0rem}.side-nav li a:not(.button):hover,.side-nav li a:not(.button):focus{background:#e4e4e4}.homepage p{margin:0;padding:0;color:#575757}dl.accordion{border-top:1px solid #d7d7d7}.accordion dd{border-bottom:1px solid #d7d7d7}dd.accordion-navigation span{padding-right:12px}dd.accordion-navigation span:before{content:""}dd.accordion-navigation.active span:before{content:""}dd.accordion-navigation.active span:before{content:""}/*! Lazy Load XT v1.0.6 2014-11-19
  * http://ressio.github.io/lazy-load-xt
  * (C) 2014 RESS.io
  * Licensed under MIT */img.lazy{display:none}.lazy-hidden{opacity:0}.lazy-loaded{-webkit-transition:opacity .7s;-moz-transition:opacity .7s;-ms-transition:opacity .7s;-o-transition:opacity .7s;transition:opacity .7s;opacity:1}*:target:not([id^="fn:"]):not([id^="fnref:"])::before{content:" ";width:0;height:0;display:block;padding-top:50px;margin-top:-50px}.top-bar{background-color:#fff !important;border-bottom:1px solid rgba(15,23,42,.06)}.top-bar .left li>a,.top-bar .right li>a,.top-bar .has-dropdown>a{background-color:#fff !important;color:#0f172a !important;padding:.5rem .9rem;border-radius:8px}.top-bar .dropdown,.top-bar .has-dropdown .dropdown{background:#fff !important;border:1px solid rgba(15,23,42,.06) !important}.top-bar .left li>a:hover,.top-bar .right li>a:hover,.top-bar .has-dropdown>a:hover,.top-bar .dropdown li a:hover,.top-bar li.active>a{background:linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%) !important;color:#fff !important}@media(max-width: 720px){.top-bar .top-bar-section{background:#fff !important}.top-bar .left li a,.top-bar .right li a{display:block;padding:.7rem 1rem;background:#fff !important}}.top-bar .dropdown .success,.top-bar .dropdown .alert,.top-bar .dropdown .label{background:rgba(0,0,0,0) !important;color:inherit !important}.top-bar .left li a:hover,.top-bar .right li a:hover{transform:translateY(-1px)}.top-bar .left li>a,.top-bar .right li>a,.top-bar .has-dropdown>a,.top-bar .dropdown li a{border-radius:0 !important}.top-bar .dropdown,.top-bar .has-dropdown .dropdown{border-radius:0 !important}.top-bar .left li>a:hover,.top-bar .right li>a:hover,.top-bar .has-dropdown>a:hover,.top-bar .dropdown li a:hover,.top-bar li.active>a,.top-bar li.has-dropdown.active>a{border-radius:0 !important}.highlight{background:#fff}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}@media(min-width: 1200px){.container{width:970px}}.centered-image{margin:0 auto;display:block}.blog-masthead{background-color:#428bca;-webkit-box-shadow:inset 0 -2px 5px rgba(0,0,0,.1);box-shadow:inset 0 -2px 5px rgba(0,0,0,.1)}.blog-nav-item{position:relative;display:inline-block;padding:10px;font-weight:500;color:#fff}.blog-nav-item:hover,.blog-nav-item:focus{color:#fff;text-decoration:none}.blog-nav .active{color:#fff}.blog-nav .active:after{position:absolute;bottom:0;left:50%;width:0;height:0;margin-left:-5px;vertical-align:middle;content:" ";border-right:5px solid rgba(0,0,0,0);border-bottom:5px solid;border-left:5px solid rgba(0,0,0,0)}.blog-header{padding-top:20px;padding-bottom:20px}.blog-title{margin-top:30px;margin-bottom:0;font-size:50px;font-weight:normal}.blog-description{font-size:20px;color:#999}.blog-main{font-size:15px;line-height:1.5}.sidebar-module{padding:15px;margin:0 -15px 15px}.sidebar-module-inset{padding:15px;background-color:#f5f5f5;border-radius:4px}.sidebar-module-inset p:last-child,.sidebar-module-inset ul:last-child,.sidebar-module-inset ol:last-child{margin-bottom:0}.pager{margin-bottom:60px;text-align:left}.pager>li>a{width:140px;padding:10px 20px;text-align:center;border-radius:30px}.blog-post{margin-bottom:30px;padding:10px 20px}.blog-post-title{margin-bottom:5px;font-size:24px}.blog-post-meta{margin-bottom:20px;color:#999}.blog-footer{padding:40px 0;color:#999;text-align:center;background-color:#f9f9f9;border-top:1px solid #e5e5e5}.blog-footer p:last-child{margin-bottom:0}.navbar-nav{padding-top:0px;padding-bottom:0px}.navbar{font-weight:500;background-color:#555;min-height:40px;font-size:14px}.navbar-brand{height:40px;padding:9.5px 15px;font-size:15px}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-brand:hover{color:#f39c12}.navbar-nav>li>a{padding-top:9.5px;padding-bottom:9.5px}a{color:#c55}a:hover{color:#f39c12}body{color:#333;font-size:16.5px}.btn-primary{background-color:#555;border-color:#555}.announcement{background-color:#f39c12;border-color:#f39c12;color:#fff;padding:15px;margin-bottom:21px;border:1px solid rgba(0,0,0,0);border-radius:4px;margin-left:-15px;margin-right:-15px}.lead{font-size:20px}.event-announce>a:hover{color:#333}.alert{padding:8px}.list-simple{padding-left:15px}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#555}[role=button]{font-size:17px}.alignleft{float:left}.alignright{float:right}.big-link-container{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.big-link-container a{text-decoration:none;color:inherit;width:100%;min-height:100pt;padding:15pt;border-radius:10px 20px;background-color:#f9f2f4}.big-link-container a:first-line{font-weight:bold;color:#c55}.training-module{width:100%;min-height:100pt;display:grid;padding:5pt;border-radius:10px 20px}.tm-stable{background-color:#f1f9f1}.tm-alpha{background-image:repeating-linear-gradient(-45deg, transparent, transparent 20px, #f9f2f4 20px, #f9f2f4 40px)}.tm-beta{background-image:repeating-linear-gradient(-45deg, transparent, transparent 10px, #f9f9f1 10px, #f9f9f1 40px)}.training-module-name{text-align:center;font-weight:bold;padding-bottom:10pt;font-size:17px}.training-module-status{padding-top:10pt;text-align:center}.training-module-webpage{text-align:center;display:block;align-self:end;padding-top:10pt}.training-module-repository{padding-top:10pt;vertical-align:bottom;text-align:center;display:block;align-self:end}.training-module-videos{text-align:center;display:block;align-self:end}.training-module-container{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.training table{padding:0;width:100%}.training table tr{border:1px solid #ccc;background-color:#fff;margin:0;padding:0}.training table tr:nth-child(2n){background-color:#f8f8f8}.training table tr th{font-weight:bold;border:1px solid #ccc;text-align:left;margin:0;padding:6px 13px}.training table tr td{border:1px solid #ccc;text-align:left;margin:0;padding:6px 13px}.training table tr th :first-child,.training table tr td :first-child{margin-top:0}.training table tr th :last-child,.training table tr td :last-child{margin-bottom:0}/*# sourceMappingURL=styles_feeling_responsive.css.map */
\ No newline at end of file
diff --git a/_site/assets/css/styles_feeling_responsive.css.map b/_site/assets/css/styles_feeling_responsive.css.map
index c54a26a..17bf51f 100644
--- a/_site/assets/css/styles_feeling_responsive.css.map
+++ b/_site/assets/css/styles_feeling_responsive.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../_sass/_02_settings_typography.scss","../../_sass/_03_settings_mixins_media_queries.scss","../../_sass/_01_settings_colors.scss","../../_sass/_05_normalize.scss","../../_sass/foundation-components/_grid.scss","../../_sass/foundation-components/_global.scss","../../_sass/foundation-components/_buttons.scss","../../_sass/_04_settings_global.scss","../../_sass/foundation-components/_forms.scss","../../_sass/foundation-components/_top-bar.scss","../../_sass/foundation-components/_accordion.scss","../../_sass/foundation-components/_alert-boxes.scss","../../_sass/foundation-components/_breadcrumbs.scss","../../_sass/foundation-components/_block-grid.scss","../../_sass/foundation-components/_button-groups.scss","../../_sass/foundation-components/_clearing.scss","../../_sass/foundation-components/_dropdown.scss","../../_sass/foundation-components/_dropdown-buttons.scss","../../_sass/foundation-components/_flex-video.scss","../../_sass/foundation-components/_inline-lists.scss","../../_sass/foundation-components/_keystrokes.scss","../../_sass/foundation-components/_panels.scss","../../_sass/foundation-components/_reveal.scss","../../_sass/foundation-components/_side-nav.scss","../../_sass/foundation-components/_sub-nav.scss","../../_sass/foundation-components/_tables.scss","../../_sass/foundation-components/_thumbs.scss","../../_sass/foundation-components/_type.scss","../../_sass/foundation-components/_visibility.scss","../../_sass/_06_typography.scss","../../_sass/_07_layout.scss","../../_sass/_09_elements.scss","../../_sass/_11_syntax-highlighting.scss","styles_feeling_responsive.scss"],"names":[],"mappings":"CAuDA,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,OAQpB,wBAPoB,QCuPlB,wBACE,sBAGF,yBACE,4BACA,UAGF,8BACE,kDACA,UAGF,0BACE,qDACA,eAGF,+BACE,0EACA,eAGF,yBACE,qDACA,eAGF,8BACE,0EACA,eAGF,0BACE,qDACA,eAGF,+BACE,2EACA,eAGF,2BACE,sDACA,gBAGF,yCACE,kBAMA,sBAGA,mBAtRF,mBAyRwB,WAxRrB,gBAwRqB,WAvRhB,WAuRgB,WAGtB,UACO,UD3VM,KC8Vb,KACE,WC7VO,QD8VP,MChWc,KDiWd,UACA,SACA,YD7VmB,mDC8VnB,YDzVa,OC0Vb,WDzVY,OC0VZ,YDnWa,ICoWb,kBACA,OA7Fc,KAgGlB,eA7FqB,QAgGnB,+BAEA,mCAIE,0GAES,0BAKX,4BACA,8BApOF,2DACA,2BAuOE,MACE,wBACA,kBAIF,6BAMA,kFAGA,IACE,qBACA,sBAQF,qCAGA,kBE7aJ,4DAQA,KACE,uBACA,0BACA,8BAOF,KACE,SAaF,2FAaE,cAQF,4BAIE,qBACA,wBAQF,sBACE,aACA,SAQF,kBAEE,aAUF,EACE,+BAOF,iBAEE,UAUF,YACE,yBAOF,SAEE,iBAOF,IACE,kBAQF,GACE,cACA,eAOF,KACE,gBACA,WAOF,MACE,cAOF,QAEE,cACA,cACA,kBACA,wBAGF,IACE,WAGF,IACE,eAUF,IACE,SAOF,eACE,gBAUF,OACE,gBAOF,GACE,4BACA,uBACA,SAOF,IACE,cAOF,kBAIE,gCACA,cAkBF,sCAKE,cACA,aACA,SAOF,OACE,iBAUF,cAEE,oBAWF,oEAIE,0BACA,eAOF,sCAEE,eAOF,iDAEE,SACA,UAQF,MACE,mBAWF,uCAEE,sBACA,UASF,4FAEE,YASF,mBACE,6BACA,4BACA,+BACA,uBASF,+FAEE,wBAOF,SACE,wBACA,aACA,2BAQF,OACE,SACA,UAOF,SACE,cAQF,SACE,iBAUF,MACE,yBACA,iBAGF,MAEE,UCnME,KAjKA,WACA,iBACA,kBACA,aACA,gBACA,UA/DQ,QC+JV,iDACA,sBD+DO,6CA5HL,eACA,gBA8HI,gDAGF,UAnMF,WACA,uBACA,wBACA,aACA,gBACA,eCwHF,2DACA,2BDsEM,mBAnLJ,WACA,SACA,eC0GF,6EACA,oCD0EE,iBAhIA,sBACA,uBAKA,WAWuC,MC2IzB,KDzBd,iDC0BmB,MDzBnB,0CCwBc,KDtBd,mBA9FA,cApDA,kBAyBU,mBA8BV,cAvDA,kBA0BU,mBA0BV,cApDA,kBAyBU,8BA8BV,cAvDA,kBA0BU,8BA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,oBA8BV,cAvDA,kBA0BU,oBA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,oBA8BV,cAvDA,kBA0BU,oBA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,oBA8BV,cAvDA,kBA0BU,oBA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BAkCZ,iBA5DE,kBAYA,sBACA,uBAgBuC,MC2IzB,KDvGd,SA/CA,oBA+CA,SA/CA,qBA+CA,SA/CA,UA+CA,SA/CA,qBA+CA,SA/CA,qBA+CA,SA/CA,UA+CA,SA/CA,qBA+CA,SA/CA,qBA+CA,SA/CA,UA+CA,UA/CA,qBA+CA,UA/CA,qBA+CA,UA/CA,WAmDA,gBA3BY,0BA2BZ,gBA3BY,qCA2BZ,gBA3BY,sCA2BZ,gBA3BY,2BA2BZ,gBA3BY,sCA2BZ,gBA3BY,sCA2BZ,gBA3BY,2BA2BZ,gBA3BY,sCA2BZ,gBA3BY,sCA2BZ,gBA3BY,2BA2BZ,iBA3BY,sCA2BZ,iBA3BY,sCA8Bd,mBACE,cACA,eACA,UACA,WACA,MC2Fc,KDxFhB,+CA5CE,iBACA,kBACA,WA6CF,mDAEE,cACA,eACA,MCiFc,KD7EhB,qEAEE,WAIF,yEAEE,MCqEc,KDlEhB,qEAEE,MCiEmB,MD5DpB,yDAxGC,eACA,gBA0GD,sDAGA,6DAvGC,sBACA,uBAgBuC,MC2IzB,MDlBd,4CAlGA,eApDA,kBAyBU,mBA8BV,eAvDA,kBA0BU,mBA0BV,eApDA,kBAyBU,8BA8BV,eAvDA,kBA0BU,8BA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,oBA8BV,eAvDA,kBA0BU,oBA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,oBA8BV,eAvDA,kBA0BU,oBA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,oBA8BV,eAvDA,kBA0BU,oBA0BV,gBApDA,kBAyBU,+BA8BV,gBAvDA,kBA0BU,+BA0BV,gBApDA,kBAyBU,+BA8BV,gBAvDA,kBA0BU,+BAkCZ,iBA5DE,kBAYA,sBACA,uBAgBuC,MC2IzB,KDvGd,UA/CA,oBA+CA,UA/CA,qBA+CA,UA/CA,UA+CA,UA/CA,qBA+CA,UA/CA,qBA+CA,UA/CA,UA+CA,UA/CA,qBA+CA,UA/CA,qBA+CA,UA/CA,UA+CA,WA/CA,qBA+CA,WA/CA,qBA+CA,WA/CA,WAmDA,iBA3BY,0BA2BZ,iBA3BY,qCA2BZ,iBA3BY,sCA2BZ,iBA3BY,2BA2BZ,iBA3BY,sCA2BZ,iBA3BY,sCA2BZ,iBA3BY,2BA2BZ,iBA3BY,sCA2BZ,iBA3BY,sCA2BZ,iBA3BY,2BA2BZ,kBA3BY,sCA2BZ,kBA3BY,sCA8Bd,oBACE,cACA,eACA,UACA,WACA,MC2Fc,KDxFhB,iDA5CE,iBACA,kBACA,WA6CF,qDAEE,cACA,eACA,MCiFc,KD7EhB,uEAEE,WAIF,2EAEE,MCqEc,KDlEhB,uEAEE,MCiEmB,MD5DpB,2DAxGC,eACA,gBA0GD,uDAGA,+DAvGC,sBACA,uBAgBuC,MC2IzB,KDdV,QA1JJ,kBAyBU,mBAoIN,QA7JJ,kBA0BU,mBAgIN,QA1JJ,kBAyBU,8BAoIN,QA7JJ,kBA0BU,8BAgIN,QA1JJ,kBAyBU,+BAoIN,QA7JJ,kBA0BU,+BAgIN,QA1JJ,kBAyBU,oBAoIN,QA7JJ,kBA0BU,oBAgIN,QA1JJ,kBAyBU,+BAoIN,QA7JJ,kBA0BU,+BAgIN,QA1JJ,kBAyBU,+BAoIN,QA7JJ,kBA0BU,+BAgIN,QA1JJ,kBAyBU,oBAoIN,QA7JJ,kBA0BU,oBAgIN,QA1JJ,kBAyBU,+BAoIN,QA7JJ,kBA0BU,+BAgIN,QA1JJ,kBAyBU,+BAoIN,QA7JJ,kBA0BU,+BAgIN,QA1JJ,kBAyBU,oBAoIN,QA7JJ,kBA0BU,oBAgIN,SA1JJ,kBAyBU,+BAoIN,SA7JJ,kBA0BU,+BAgIN,SA1JJ,kBAyBU,+BAoIN,SA7JJ,kBA0BU,gCAwIV,4CA9GA,cApDA,kBAyBU,mBA8BV,cAvDA,kBA0BU,mBA0BV,cApDA,kBAyBU,8BA8BV,cAvDA,kBA0BU,8BA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,oBA8BV,cAvDA,kBA0BU,oBA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,oBA8BV,cAvDA,kBA0BU,oBA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,oBA8BV,cAvDA,kBA0BU,oBA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BAkCZ,iBA5DE,kBAYA,sBACA,uBAgBuC,MC2IzB,KDvGd,SA/CA,oBA+CA,SA/CA,qBA+CA,SA/CA,UA+CA,SA/CA,qBA+CA,SA/CA,qBA+CA,SA/CA,UA+CA,SA/CA,qBA+CA,SA/CA,qBA+CA,SA/CA,UA+CA,UA/CA,qBA+CA,UA/CA,qBA+CA,UA/CA,WAmDA,gBA3BY,0BA2BZ,gBA3BY,qCA2BZ,gBA3BY,sCA2BZ,gBA3BY,2BA2BZ,gBA3BY,sCA2BZ,gBA3BY,sCA2BZ,gBA3BY,2BA2BZ,gBA3BY,sCA2BZ,gBA3BY,sCA2BZ,gBA3BY,2BA2BZ,iBA3BY,sCA2BZ,iBA3BY,sCA8Bd,mBACE,cACA,eACA,UACA,WACA,MC2Fc,KDxFhB,+CA5CE,iBACA,kBACA,WA6CF,mDAEE,cACA,eACA,MCiFc,KD7EhB,qEAEE,WAIF,yEAEE,MCqEc,KDlEhB,qEAEE,MCiEmB,MD5DpB,yDAxGC,eACA,gBA0GD,sDAGA,6DAvGC,sBACA,uBAgBuC,MC2IzB,KDHV,QArKJ,kBAyBU,mBA+IN,QAxKJ,kBA0BU,mBA2IN,QArKJ,kBAyBU,8BA+IN,QAxKJ,kBA0BU,8BA2IN,QArKJ,kBAyBU,+BA+IN,QAxKJ,kBA0BU,+BA2IN,QArKJ,kBAyBU,oBA+IN,QAxKJ,kBA0BU,oBA2IN,QArKJ,kBAyBU,+BA+IN,QAxKJ,kBA0BU,+BA2IN,QArKJ,kBAyBU,+BA+IN,QAxKJ,kBA0BU,+BA2IN,QArKJ,kBAyBU,oBA+IN,QAxKJ,kBA0BU,oBA2IN,QArKJ,kBAyBU,+BA+IN,QAxKJ,kBA0BU,+BA2IN,QArKJ,kBAyBU,+BA+IN,QAxKJ,kBA0BU,+BA2IN,QArKJ,kBAyBU,oBA+IN,QAxKJ,kBA0BU,oBA2IN,SArKJ,kBAyBU,+BA+IN,SAxKJ,kBA0BU,+BA2IN,SArKJ,kBAyBU,+BA+IN,SAxKJ,kBA0BU,gCEmFV,eAhJA,aAlCkB,MAmClB,aApCkB,EAqClB,OLuNmB,QKtNnB,YNlDqB,mDMmDrB,YNpCiB,OMqCjB,mBACA,mBACA,kBACA,qBACA,WAlDgB,OAmDhB,wBACA,gBAEa,QAlEA,aAiFb,YArFS,KAsFT,mBACA,yBACA,kBAGmC,UA9ErB,KAmId,iBJlIG,QImIH,aARiB,QAajB,WD1FF,2CCsFE,sDACU,iBAdG,QAmBb,sDAEE,WAsDA,mCAhEF,iBJ7HG,QI8HH,aAtHwB,QA2HxB,WAJA,8FACU,iBAxHc,QA6HxB,8FAEE,WAuDA,+BAjEF,iBJ7HG,QI8HH,aApHsB,QAyHtB,WAJA,sFACU,iBAtHY,QA2HtB,sFAEE,WAwDA,2BAlEF,iBJ9HG,QI+HH,aAlHoB,QAuHpB,WAJA,8EACU,iBApHU,QAyHpB,8EAEE,WAyDA,+BAnEF,iBJ/HG,QIgIH,aAhHsB,QAqHtB,WAJA,sFACU,iBAlHY,QAuHtB,sFAEE,WA0DA,yBApEF,iBJlIG,QImIH,aA9GmB,QAmHnB,WAJA,0EACU,iBAhHS,QAqHnB,0EAEE,WA4DA,2BAjIF,YApFS,SAqFT,sBACA,yBACA,qBAMmC,UAhFrB,QAyMZ,2BAlIF,YAtFS,QAuFT,sBACA,wBACA,qBAKmC,UAjFrB,SA4MZ,yBAnIF,YAvFS,QAwFT,sBACA,wBACA,qBAImC,UAjFrB,SA8MZ,6BA9GF,gBACA,eACA,WA8GE,wEACA,6EAEA,6BD1MF,cEqHY,IDsFV,2BD3MF,cAyPa,OC5CX,oEAjFF,iBJlIG,QImIH,aAxHc,QA6Hd,WAUA,OLiHmB,QKhHnB,QAtHsB,GAuHtB,gBAhBA,wLACU,iBA1HI,QA+Hd,wLAEE,WASF,wLACU,iBJtJP,QIoNC,4GAlFJ,iBJ7HG,QI8HH,aAtHwB,QA2HxB,WAUA,OLiHmB,QKhHnB,QAtHsB,GAuHtB,gBAhBA,wQACU,iBAxHc,QA6HxB,wQAEE,WASF,wQACU,iBJjJP,QIgNC,oGAnFJ,iBJ7HG,QI8HH,aApHsB,QAyHtB,WAUA,OLiHmB,QKhHnB,QAtHsB,GAuHtB,gBAhBA,wPACU,iBAtHY,QA2HtB,wPAEE,WASF,wPACU,iBJjJP,QIiNC,4FApFJ,iBJ9HG,QI+HH,aAlHoB,QAuHpB,WAUA,OLiHmB,QKhHnB,QAtHsB,GAuHtB,gBAhBA,wOACU,iBApHU,QAyHpB,wOAEE,WASF,wOACU,iBJlJP,QImNC,oGArFJ,iBJ/HG,QIgIH,aAhHsB,QAqHtB,WAUA,OLiHmB,QKhHnB,QAtHsB,GAuHtB,gBAhBA,wPACU,iBAlHY,QAuHtB,wPAEE,WASF,wPACU,iBJnJP,QIqNC,wFAtFJ,iBJlIG,QImIH,aA9GmB,QAmHnB,WAUA,OLiHmB,QKhHnB,QAtHsB,GAuHtB,gBAhBA,gOACU,iBAhHS,QAqHnB,gOAEE,WASF,gOACU,iBJtJP,QI6NH,4CAEA,4CACE,eAxKW,QAyKmC,cE6HhD,qBApSF,gCAEE,+CACW,gBAGX,iCAEE,iEACW,UACX,8BHpDF,mCGqD8C,EHpD9C,gCGoD8C,EHnD9C,2BGmD8C,EHlD9C,wBGkD8C,EAKhD,oGAGmB,mBAuRjB,MA9NA,UAjJmB,QAkJnB,MA/IoB,QAgJpB,OApJiB,QAqJjB,cACA,YR/HiB,OQgIjB,YApJqB,IAqJrB,cAlJuB,EA2WrB,YApNF,sBACA,iBAoNE,aAjNF,kBACA,mBAkNE,YACE,eAhXqB,WAiXrB,cAKJ,iBAnNF,cACA,kBACA,UACA,kBACA,WACA,cACA,iBACA,aAzIyB,MA0IzB,aA3IyB,IA4IzB,SA1IsB,OA2ItB,UAjLqB,QAkLrB,iBACA,sBA2ME,gBAjJA,eACA,gBACA,cACA,iBACA,kBACA,YA6IA,eAlLA,eACA,gBACA,cACA,iBACA,kBACA,YA+KA,sBHhXA,cGgXwC,EHtWxC,kCE2GY,IF1GZ,+BE0GY,IFzGZ,0BEyGY,IFxGZ,uBEwGY,IC4PZ,uBHjXA,cGiXyC,EHvWzC,mCE2GY,IF1GZ,gCE0GY,IFzGZ,2BEyGY,IFxGZ,wBEwGY,IC6PZ,qBHlXA,cGkXuC,EHxWvC,kCA+Oa,OA9Ob,+BA8Oa,OA7Ob,0BA6Oa,OA5Ob,uBA4Oa,OG0Hb,sBHnXA,cGmXwC,EHzWxC,mCA+Oa,OA9Ob,gCA8Oa,OA7Ob,2BA6Oa,OA5Ob,wBA4Oa,OG6Hb,yBAvMA,WA9Jc,QA+Jd,kBAG2C,MHyB9B,KGpBb,aAtKwB,KAqWxB,2BAxKA,WA9Lc,QA+Ld,iBAG4C,MHP/B,KGYb,aAtMwB,KAwWxB,8QACE,wBACA,gBA9SJ,iBH8Ge,KG7Gf,YA1FkB,QA4FhB,aArFiB,MAsFjB,aArFiB,IAsFjB,aAzFiB,KA2FnB,WApFiB,+BAqFjB,MAhGiB,gBAiGjB,cACA,UAjGgB,QAkGhB,kBACA,cACA,iBACA,WH7CA,mBG8CoB,WH7CjB,gBG6CiB,WH5CZ,WG4CY,WHuDpB,yDAEA,wWACE,wBACA,aG7JuB,KAuGzB,wWACE,WA1GmB,QA2GnB,aAzGuB,KA0GvB,aAGF,qZACE,iBH0Fa,KGzFb,OPmJmB,QO/IrB,m3CAGE,iBHkFa,KGjFb,OP2ImB,QOoIjB,uXHjYF,cEqHY,ICoRN,wIHzYN,cG2Y+B,EHjY/B,mCE2GY,IF1GZ,gCE0GY,IFzGZ,2BEyGY,IFxGZ,wBEwGY,ICuRN,8CH5YN,cG4YgC,EHlYhC,kCE2GY,IF1GZ,+BE0GY,IFzGZ,0BEyGY,IFxGZ,uBEwGY,IC0RN,2IH/YN,cGiZ+B,EHvY/B,kCE2GY,IF1GZ,+BE0GY,IFzGZ,0BEyGY,IFxGZ,uBEwGY,IC6RN,gDHlZN,cGkZiC,EHxYjC,mCE2GY,IF1GZ,gCE0GY,IFzGZ,2BEyGY,IFxGZ,wBEwGY,ICgSN,qIHrZN,cGuZ+B,EH7Y/B,mCA+Oa,OA9Ob,gCA8Oa,OA7Ob,2BA6Oa,OA5Ob,wBA4Oa,OG+JP,6CHxZN,cGwZgC,EH9YhC,kCA+Oa,OA9Ob,+BA8Oa,OA7Ob,0BA6Oa,OA5Ob,uBA4Oa,OGkKP,wIH3ZN,cG6Z+B,EHnZ/B,kCA+Oa,OA9Ob,+BA8Oa,OA7Ob,0BA6Oa,OA5Ob,uBA4Oa,OGqKP,+CH9ZN,cG8ZiC,EHpZjC,mCA+Oa,OA9Ob,gCA8Oa,OA7Ob,2BA6Oa,OA5Ob,wBA4Oa,OG0Kb,mBACE,wBACA,gBAIF,eACE,YAIL,SACC,eAIE,OAlJF,mCACA,gBACA,iBHtGe,QG+Gf,qVAGA,gCAEA,4BAEE,aAvTiB,MAwTjB,aAvTiB,IAwTjB,aA3TiB,KA6TnB,cACA,UAjUgB,QAkUhB,YRnUuB,mDQoUvB,MApUiB,gBAqUjB,mBH3TE,cG4Tc,EAyHZ,iBA/IJ,mBACE,aAsBF,cH7TE,cEqHY,ICyMd,aACE,iBAnRoB,QAoRpB,aArUuB,KAwUzB,gBACE,iBHjIa,KGkIb,OPxEmB,QO4LnB,+DAIE,kBAGF,mDAEE,qBACA,kBACA,aAzdS,KA0dT,gBACA,wBAIF,iBACE,WAaF,SAhPF,sBACA,QAjOiB,QAkOjB,OAjOgB,WAoOhB,gBACE,YRxOe,KQyOf,WHnDa,KGoDb,QAlOa,WAmOb,SACA,uBA6OE,gHA/MJ,cACA,QApP4B,0BAqP5B,WApPwB,KAqPxB,cAxSa,KAySb,UArP8B,OAsP9B,YRhRmB,OQiRnB,WArP+B,OAyP/B,WN5RK,QM6RsC,MH/F5B,KGsSX,8DAGF,uBArNF,cACA,QApP4B,0BAqP5B,WApPwB,KAqPxB,cAxSa,KAySb,UArP8B,OAsP9B,YRhRmB,OQiRnB,WArP+B,OAyP/B,WN5RK,QM6RsC,MH/F5B,KG8SX,2CAGE,gBAGF,qDAEE,cAvgBO,KA0gBT,gCA5O+C,MN3Q9C,QM4fD,mBA1OJ,cACA,QApP4B,0BAqP5B,WApPwB,KAqPxB,cAxSa,KAySb,UArP8B,OAsP9B,YRhRmB,OQiRnB,WArP+B,OAyP/B,WN5RK,QM6RsC,MH/F5B,KGmUT,mBACE,cACA,yBACA,UACA,eAhhBmB,WAihBnB,kBACA,cACA,SACA,eAIJ,0BACE,cAIJ,wCAGE,gBAEF,YA5QiD,MN3Q9C,QO+EH,0BACE,sDACA,MFuyCc,SEnyChB,iBACE,WACA,WPlGU,QOoGV,wCArGiB,EAyGnB,OACE,WACA,OACA,eACA,MACA,WAEA,8BACE,gBACA,YACA,WACA,gBAEA,0CACE,eACA,WACA,WAGF,+CACE,WACA,WF8sCM,SEzsCZ,SACE,gBACA,OFusCU,SEtsCV,YFssCU,SErsCV,kBACA,WPvIU,QOwIV,cAzIiB,EA4IjB,YACE,gBACA,gBAGF,6BAEA,6BACQ,gBAER,eACE,OA3Fc,QA4Fd,mBACA,sBACA,UAlIkB,OAqIpB,iCACE,qBACA,wBACA,gBACA,UAzIkB,OA8IlB,yCATF,iCAUI,kBACA,UAKJ,qBACE,kBACA,SAGF,eACE,OFypCQ,SExpCR,SACA,UFjIS,KEmIT,6GACE,YFopCM,SEnpCN,UFwpCe,UEvpCf,SACA,yHACE,YTxKO,KSyKP,MP3HQ,QO4HR,UACA,cACA,0BAMN,wBACE,kBACA,QACA,MAEA,0BACE,MP1IU,QO2IV,eF4qCmB,UE3qCnB,UAhKmB,SAiKnB,YT3LS,KS4LT,kBACA,cACA,0BACA,OFynCM,SExnCN,YFwnCM,SEpnCR,kCACE,QACA,iBAEA,oCAIE,YACA,iBACA,4CACA,MP5Ia,KO6Ib,kBJxHV,gDACE,WACA,kBACA,cACA,SAkBE,QACA,gBACA,MI/GgB,gBJkHlB,WACE,kDAGF,MIuG6B,KJrG/B,qDACE,WACE,4CI0GA,kBACE,YACA,yBAEA,yCP5PQ,QO+PN,yCPjPH,QOkPD,+CAGQ,sEAUV,iBACE,OACA,kBACA,WJ3NJ,+BI8NI,oBACE,UACA,WACA,YACA,cACA,UFrOS,KEsOT,SAGF,4DAEE,WF0mCoB,kBEzmCpB,WACA,WACA,WAGF,uBACE,WPvRD,QOwRC,yBACE,cACA,WACA,MPxOU,QOyOV,sBACA,aAvRY,gBAwRZ,YTzSe,mDS0Sf,UFojCc,SEnjCd,YT5RW,OS6RX,eF0jCmB,UExjCnB,gCACE,UF+iCY,SE9iCZ,cA/RU,gBAgSV,aAhSU,gBHqHlB,iBJlIG,QImIH,aARiB,QAajB,WAJA,4EACU,iBAdG,QAmBb,4EAEE,WGoKI,0CH9KN,iBJ7HG,QI8HH,aARiB,QAajB,WAJA,gGACU,iBAdG,QAmBb,gGAEE,WGqKI,wCH/KN,iBJ7HG,QI8HH,aARiB,QAajB,WAJA,4FACU,iBAdG,QAmBb,4FAEE,WGsKI,sCHhLN,iBJ9HG,QI+HH,aARiB,QAajB,WAJA,wFACU,iBAdG,QAmBb,wFAEE,WGuKI,wCHjLN,iBJ/HG,QIgIH,aARiB,QAajB,WAJA,4FACU,iBAdG,QAmBb,4FAEE,WG0KE,8BACE,UFmiCc,SEliCd,cA3SY,gBA4SZ,aA5SY,gBHqHlB,iBJlIG,QImIH,aARiB,QAajB,WAJA,wEACU,iBAdG,QAmBb,wEAEE,WGgLI,wCH1LN,iBJ7HG,QI8HH,aARiB,QAajB,WAJA,4FACU,iBAdG,QAmBb,4FAEE,WGiLI,sCH3LN,iBJ7HG,QI8HH,aARiB,QAajB,WAJA,wFACU,iBAdG,QAmBb,wFAEE,WGkLI,oCH5LN,iBJ9HG,QI+HH,aARiB,QAajB,WAJA,oFACU,iBAdG,QAmBb,oFAEE,WGmLI,sCH7LN,iBJ/HG,QIgIH,aARiB,QAajB,WAJA,wFACU,iBAdG,QAmBb,wFAEE,WGuLE,8CACE,iBJpHO,KIsHL,WP/TL,QOiUG,MP7QgB,QOiRlB,gCACE,WPtUH,QOuUG,MPlRiB,QOmRjB,sCACE,WP/UL,QOgVK,MPpRqB,QO0R3B,mCA1UgB,gBA6UhB,+BACE,kBAGE,uCJ7RR,WACA,cACA,QACA,SACA,iBAUE,yEACA,wBIkRQ,aArVU,gBAsVV,kBACA,kBACA,QACA,QAIJ,qDACE,+CApSR,cJoHA,2BACA,YACA,WACA,iBACA,UItHA,6BAoSU,WAEF,6CACE,aAMN,2BACE,UACA,kBACA,UACA,MACA,WAzTN,cJ8GA,6BACA,WACA,UACA,gBACA,8BI0MM,8BACE,WACA,YAEA,gCACE,YTxXS,OSyXT,4BACA,4CACE,YT3XO,OS+XX,iFAEE,gBACA,aACA,UAhYY,SAiYZ,qFACE,MPtVM,QOwVN,cACA,iHAGJ,mEACA,oFAGF,iCACE,gCACA,gBACA,eA9X6B,UA+X7B,MP7ZH,QO8ZG,YTnZS,KSoZT,UA/XwB,QAoY9B,4BAIA,6CACE,SACE,WPlbQ,QOobR,iBJ9RN,yDACA,0BI+RM,qCAEA,2BJ3LU,KI4LV,+BAEA,gDAGE,kBACA,kBACA,OArYY,QAsYZ,aAGF,6BPpcQ,QOucV,0BACE,ULjdI,QKkdJ,cACA,cA3ce,EA8cjB,iBJxZJ,oBI0ZM,kBAEA,oBACE,WACA,uBACA,eAEA,uBACE,MJ1NM,KI2NN,kDAMA,yCACE,iBJxQG,KI0QD,WPndT,QOqdO,MPjaY,QOqad,kDACE,0BACA,YFk2BE,SEj2BF,WP1eE,QO2eF,wDACE,iBJrRC,KIuRC,WPheX,QOseK,yDACE,0BACA,YFq1BE,SEp1BF,MPpba,QOqbb,WP1eP,QO2eO,+DACE,WPlfT,QOmfS,MPvbiB,QO+brB,iCACE,yCACA,uCJ7bZ,WACA,cACA,QACA,SACA,iBAEE,yEACA,uBIwbY,kBACA,cAKN,uDACE,+CArcV,cJ8GA,6BACA,WACA,UACA,gBACA,8BIyVU,wGAtcV,cJoHA,2BACA,YACA,WACA,iBACA,UItHA,6BAwcQ,iDA1cR,cJoHA,2BACA,YACA,WACA,iBACA,UItHA,6BA+cc,iEACE,YACA,YACA,SACA,gBACA,UACA,gBAOV,2BACE,OACA,SACA,yBACA,eAGE,gCACE,MPnee,KOoef,YFsxBE,SErxBF,mBACA,6BACA,WPhjBP,QOojBO,yEACE,MP5ea,KO6eb,WPtjBT,QOyjBO,+EACE,MPhgBU,QOigBV,iBJ5WC,KI8WC,WPvjBX,QO4jBK,oCACE,mBACA,WJnXG,KIuXL,wCACE,UACA,MAKN,kEAEE,mBACA,gBACA,aF4yBqB,kBE3yBrB,WACA,OF8uBM,SE7uBN,QAGF,2BACE,WPlmBM,QOmmBN,0BACA,OFuuBM,SEluBN,qCACE,UACA,QAEA,6DAIF,oCACE,WACA,OAEA,2DAUF,sCACE,iBJzaK,KI2aH,WPpnBP,QOsnBK,MPlkBc,QOskBhB,uCACE,WP3nBL,QO4nBK,MPvkBe,QO6kBf,sDAlkBV,cJoHA,2BACA,YACA,WACA,iBACA,UItHA,6BAokBQ,wDAtkBR,cJoHA,2BACA,YACA,WACA,iBACA,UItHA,8BC2BE,WAEE,gBLyCJ,6DACA,4BKzCI,+CACE,cACA,2BACA,4EAvH+B,QAwH/B,mDACE,WL2FO,QK1FP,MLsGO,KKrGP,QH8LqB,OG7LrB,cACA,YVpHe,mDUqHf,UA5HuB,KA6HvB,0EAhI4B,QAmI9B,iEACE,aACA,QA/HkB,SAgIlB,+EACE,cACA,WRlIC,QS2FT,WAzDF,aA3BmB,MA4BnB,aA3BmB,IA4BnB,cACA,YXlBmB,OWmBnB,cA5BoB,QA6BpB,kBACA,uCACA,UJmSgB,SFtRhB,mDH9CK,QS+CL,qBAI0B,MN+IX,KM5GX,kBA7BJ,UAjDsB,SAkDtB,QA/CoB,YAgDpB,cACA,kBACA,IAvDgB,IAwDhB,sBACA,MAxDqB,OAyDrB,MNkJe,KMjJf,QAxDoB,GAyDpB,WAtDuB,QAuDvB,gDACU,QA1DgB,GA8EtB,kBNlFF,cEqHY,IIlCV,iBNnFF,cAyPa,OMpKX,mBA7CJ,iBTzCK,QS0CL,qBAI0B,MN+IX,KMtGX,iBA9CJ,iBT1CK,QS2CL,qBAI0B,MN+IX,KMrGX,qBA/CJ,iBTzCK,QS0CL,qBAI0B,MN+IX,KMpGX,mBAhDJ,iBT3CK,QS4CL,qBAI0B,MN+IX,KMnGX,gBAjDJ,iBT9CK,QS+CL,qBAI0B,MN+IX,KMlGX,iCCPF,aA1EF,cACA,QA7Bc,0BA8Bd,gBACA,cACA,gBACA,aA3BmB,MA4BnB,aLwWkB,EKrWlB,iBVCO,6BGnBL,cE0XW,EKnST,eA7DJ,SACA,MPqNgB,KOpNhB,UApCgB,SAqChB,YArCgB,SAsChB,eAlCqB,UAmCrB,MVrCK,QUuCL,8DApCiB,UAsCjB,iBACE,MV1CG,QU8CL,uBACE,OXoNmB,QWnNnB,MPkKa,KOjKb,yBACE,OXiNiB,QWhNjB,MP+JW,KO5Jb,wHACqB,qBAIvB,2BACE,MPgJa,KO/Ib,mCP+Ia,KO7Ib,wIAIE,qBACA,MPwIW,KOvIX,OX8LiB,QW1LrB,sBACE,YACA,MPgIa,KO/Hb,gBACA,kBACA,QAGF,kCACE,YACA,SAkBJ,kDACE,YCzBE,qBAjEA,cACA,UAIE,mBR8HJ,iFACA,sCQ3HE,wBACE,cACA,YACA,MR8NY,KQ5NV,0BAsDF,mBAhDF,uBACE,WAIA,gBAEA,kDACA,oDARF,uBACE,UAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,uBACE,UAIA,gBAEA,kDACA,oDARF,uBACE,UAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,uBACE,YAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,wBACE,UAIA,gBAEA,mDACA,sDARF,wBACE,oBAIA,gBAEA,mDACA,sDARF,wBACE,oBAIA,gBAEA,mDACA,uDA4CA,4CApDF,wBACE,WAIA,gBAEA,mDACA,qDARF,wBACE,UAIA,gBAEA,mDACA,qDARF,wBACE,qBAIA,gBAEA,mDACA,qDARF,wBACE,UAIA,gBAEA,mDACA,qDARF,wBACE,UAIA,gBAEA,mDACA,qDARF,wBACE,qBAIA,gBAEA,mDACA,qDARF,wBACE,qBAIA,gBAEA,mDACA,qDARF,wBACE,YAIA,gBAEA,mDACA,qDARF,wBACE,qBAIA,gBAEA,mDACA,qDARF,yBACE,UAIA,gBAEA,oDACA,uDARF,yBACE,oBAIA,gBAEA,oDACA,uDARF,yBACE,oBAIA,gBAEA,oDACA,wDAgDA,4CAxDF,uBACE,WAIA,gBAEA,kDACA,oDARF,uBACE,UAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,uBACE,UAIA,gBAEA,kDACA,oDARF,uBACE,UAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,uBACE,YAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,wBACE,UAIA,gBAEA,mDACA,sDARF,wBACE,oBAIA,gBAEA,mDACA,sDARF,wBACE,oBAIA,gBAEA,mDACA,uDC+EF,cA5HA,gBACA,SACA,OTkJF,mEACA,+BSvBI,iBA3FF,cACA,qBArBF,iDACE,sBACA,kCAIA,yEACE,cA2GE,uBA9FJ,cACA,qBAIA,cACA,SAwFiE,WAlHnE,6DACE,sBACA,kCAIA,qFACE,cAoBF,6DACE,qBACA,kCACA,oBACA,SACA,cAIA,qFACE,aAiFA,iCAlGJ,cACA,qBArBF,iFACE,sBACA,kCAIA,yGACE,cAiHI,yCAFF,iCAlGJ,cACA,qBAIA,cACA,SA1BF,iFACE,sBACA,kCAIA,yGACE,cAoBF,iFACE,qBACA,kCACA,oBACA,SACA,cAIA,yGACE,cAyFF,uBA1GF,cACA,qBArBF,6DACE,sBACA,kCAIA,qFACE,cAiEF,6GT5EA,cS+E8B,EAC9B,6JTtEA,kCE2GY,IF1GZ,+BE0GY,IFzGZ,0BEyGY,IFxGZ,uBEwGY,IO1BZ,yJTjFA,mCE2GY,IF1GZ,gCE0GY,IFzGZ,2BEyGY,IFxGZ,wBEwGY,IOcV,6BA3GF,cACA,qBAIA,cACA,SA1BF,yEACE,sBACA,kCAIA,iGACE,cAoBF,yEACE,qBACA,kCACA,oBACA,SACA,cAIA,iGACE,aAmCJ,qIT5EA,cS+E8B,EAC9B,qLTjEA,wBEsGY,IFrGZ,yBEqGY,IFpGZ,uBEoGY,IFnGZ,wBEmGY,IO1BZ,iLT5EA,2BEsGY,IFrGZ,4BEqGY,IFpGZ,0BEoGY,IFnGZ,2BEmGY,IOgBR,4CADF,uCA5GF,cACA,qBArBF,6FACE,sBACA,kCAIA,qHACE,cAiEF,6KT5EA,cS+E8B,EAC9B,6NTtEA,kCE2GY,IF1GZ,+BE0GY,IFzGZ,0BEyGY,IFxGZ,uBEwGY,IO1BZ,yNTjFA,mCE2GY,IF1GZ,gCE0GY,IFzGZ,2BEyGY,IFxGZ,wBEwGY,KOmBR,yCAJF,uCA5GF,cACA,qBAIA,cACA,SA1BF,6FACE,sBACA,kCAIA,qHACE,cAoBF,6FACE,qBACA,kCACA,oBACA,SACA,cAIA,qHACE,aAmCJ,6KT5EA,cS+E8B,EAC9B,6NTjEA,wBEsGY,IFrGZ,yBEqGY,IFpGZ,uBEoGY,IFnGZ,wBEmGY,IO1BZ,yNT5EA,2BEsGY,IFrGZ,4BEqGY,IFpGZ,0BEoGY,IFnGZ,2BEmGY,KOwBV,sBArHF,cACA,qBArBF,2DACE,sBACA,kCAIA,mFACE,cAiEF,yGT5EA,cS+E8B,EAC9B,yJTtEA,kCA+Oa,OA9Ob,+BA8Oa,OA7Ob,0BA6Oa,OA5Ob,uBA4Oa,OS9Jb,qJTjFA,mCA+Oa,OA9Ob,gCA8Oa,OA7Ob,2BA6Oa,OA5Ob,wBA4Oa,OS3GX,4BAtHF,cACA,qBAIA,cACA,SA1BF,uEACE,sBACA,kCAIA,+FACE,cAoBF,uEACE,qBACA,kCACA,oBACA,SACA,cAIA,+FACE,aAmCJ,iIT5EA,cS+E8B,EAC9B,iLTjEA,wBCnCS,KDoCT,yBCpCS,KDqCT,uBCrCS,KDsCT,wBCtCS,KQ+GT,6KT5EA,2BCnCS,KDoCT,4BCpCS,KDqCT,0BCrCS,KDsCT,2BCtCS,KQoKL,4CADF,sCAvHF,cACA,qBArBF,2FACE,sBACA,kCAIA,mHACE,cAiEF,yKT5EA,cS+E8B,EAC9B,yNTtEA,kCA+Oa,OA9Ob,+BA8Oa,OA7Ob,0BA6Oa,OA5Ob,uBA4Oa,OS9Jb,qNTjFA,mCA+Oa,OA9Ob,gCA8Oa,OA7Ob,2BA6Oa,OA5Ob,wBA4Oa,QStGT,yCAJF,sCAvHF,cACA,qBAIA,cACA,SA1BF,2FACE,sBACA,kCAIA,mHACE,cAoBF,2FACE,qBACA,kCACA,oBACA,SACA,cAIA,mHACE,aAmCJ,yKT5EA,cS+E8B,EAC9B,yNTjEA,wBCnCS,KDoCT,yBCpCS,KDqCT,uBCrCS,KDsCT,wBCtCS,KQ+GT,qNT5EA,2BCnCS,KDoCT,4BCpCS,KDqCT,0BCrCS,KDsCT,2BCtCS,MQ6KL,wBAjIJ,cACA,qBAiFA,UAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0EA8CI,wBAjIJ,cACA,qBAiFA,qBAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0EA8CI,wBAjIJ,cACA,qBAiFA,UAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0EA8CI,wBAjIJ,cACA,qBAiFA,UAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0EA8CI,wBAjIJ,cACA,qBAiFA,qBAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0EA8CI,wBAjIJ,cACA,qBAiFA,qBAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0EA8CI,wBAjIJ,cACA,qBAiFA,YAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0ET8BF,+DACA,6BSqBI,0BApKF,WACA,aAjByB,QAkBzB,8CCYA,iCAEE,gBACA,cACA,gBV4HJ,sHACA,wDU3HI,uCACE,MVgOU,KU/NV,kBAGF,+EACE,eAIJ,mBACE,WVkLW,KUjLX,eACA,WACA,YACA,MACA,OACA,YAEA,iDAGF,oBACE,kBACA,YACA,YACA,gBACA,SAGF,sBACE,kBACA,QACA,SACA,MVoJW,KUnJX,eAGF,aACE,WACA,kBAEA,iBACE,kBACA,SACA,QACA,iBACA,gBACA,eAIJ,kBACE,MVgIW,KU/HX,UA5EuB,OA6EvB,gBACA,gBACA,kBACA,SACA,WVkIW,KUjIX,WACA,QAlFqB,eAmFrB,kBACA,OAGF,gBACE,YACA,kBACA,iBACA,UApGgB,KAqGhB,cACA,MV6GW,KU5GX,aAEA,4CACU,MVyGC,KUtGb,oDACE,kEAIF,qBACE,aACA,2CACE,cAKJ,4CACE,wCAEE,kBACA,YACA,WACA,MACA,kDACE,kBACA,QACA,cACA,QACA,SACA,kBACA,yEAGJ,oBACE,OACA,yBACE,SACA,2BACA,mBVmEO,KUhEX,oBACE,QACA,yBACE,2BACA,kBV4DO,KUxDX,0DAC+B,WAI7B,kDACE,WAtKa,kBAuKb,OArJiB,MAsJjB,gBACA,kBAEA,qDACE,qBACA,YACA,YACA,kBACA,WAEA,wDACE,cACA,MAjKkB,MAkKlB,mBACA,MV8EI,KU7EJ,gBACA,eACA,UACA,kBACA,OduFS,QctFT,WACA,WAGE,uEACE,YACA,eAIJ,6DACE,YACA,gBACA,cAGF,4DACA,0BACA,sBAGA,0EACA,yEAKN,qDACE,WVQO,KUPP,gBACA,OAzMmB,IA6MvB,gBACE,kBACA,SACA,WACA,eACA,eCjBJ,YA9JF,kBACA,aACA,WA1BsB,KA2BtB,cACA,aAME,WACA,WA/DoB,KAgEpB,OAjEgB,KAkEhB,WX+Ia,KW9Ib,sBACA,UArCmB,QAsCnB,WAcA,WA/EoB,IA+KL,UApLI,MA4DrB,uCACA,yCAyBE,mBXLF,WACA,cACA,QACA,SACA,iBAME,4DACA,0BWJE,kBACA,UACA,KA/D4B,KAgE5B,WAEF,kBXZF,WACA,cACA,QACA,SACA,iBAME,4DACA,0BWGE,kBACA,UACA,SACA,WAGF,yBACE,UACA,MA5E4B,KA8E9B,wBACE,UACA,UA4GA,uBAjKJ,kBACA,aACA,WA1BsB,KA2BtB,cACA,aAME,WACA,WA/DoB,KAgEpB,OAjEgB,KAkEhB,WX+Ia,KW9Ib,sBACA,UArCmB,QAsCnB,WA0CA,aACA,YA5GoB,IA+KL,UApLI,MA4DrB,kDACA,oDAsDE,8BXlCF,WACA,cACA,QACA,SACA,iBAcE,4DACA,yBWiBE,kBACA,IA3F4B,KA4F5B,WACA,WAEF,6BXzCF,WACA,cACA,QACA,SACA,iBAcE,4DACA,yBWwBE,kBACA,QACA,WACA,WA4FA,sBArKJ,kBACA,aACA,WA1BsB,KA2BtB,cACA,aAME,WACA,WA/DoB,KAgEpB,OAjEgB,KAkEhB,WX+Ia,KW9Ib,sBACA,UArCmB,QAsCnB,WA+DA,aACA,iBA8Ce,UApLI,MA4DrB,iDACA,mDA2EE,6BXvDF,WACA,cACA,QACA,SACA,iBAUE,4DACA,wBW0CE,kBACA,IAhH4B,KAiH5B,YACA,UACA,WAEF,4BX/DF,WACA,cACA,QACA,SACA,iBAUE,4DACA,wBWkDE,kBACA,QACA,YACA,UACA,WAyEA,qBAzKJ,kBACA,aACA,WA1BsB,KA2BtB,cACA,aAME,WACA,WA/DoB,KAgEpB,OAjEgB,KAkEhB,WX+Ia,KW9Ib,sBACA,UArCmB,QAsCnB,WAsFA,gBACA,cAuBe,UApLI,MA4DrB,gDACA,kDAkGE,4BX9EF,WACA,cACA,QACA,SACA,iBAEE,4DACA,uBWyEE,kBACA,SACA,aACA,KAzI4B,KA0I5B,WACA,WAEF,2BXvFF,WACA,cACA,QACA,SACA,iBAEE,4DACA,uBWkFE,kBACA,SACA,aACA,SACA,WACA,WAqDA,eAtCJ,UA9JqB,QA+JrB,OfqFqB,QenFrB,YA/JuB,SAgKvB,SAEA,0CACU,WXmBK,KWjBf,sBXjLE,cEqHY,IS8Dd,iBACE,cACA,QA1KsB,MA2KtB,MXoBa,KWOX,oBAjLJ,kBACA,aACA,WA1BsB,KA2BtB,cACA,aAeE,QAlCyB,QAmCzB,WACA,OA1EgB,KA2EhB,WA1EoB,KA2EpB,WXqIa,KWpIb,sBACA,UA/CmB,QAgDnB,WAoGe,UApLI,MA4DrB,+CACA,iDA6KI,iCACA,kCACA,mCACA,kCACA,iBACE,sBACA,0BAEA,sBACE,kBCrIN,iCAhEA,kBACA,aAqCA,cA/D0B,UA6B1B,+CACE,kBACA,WACA,QACA,SACA,cACA,mBACA,4DACA,QA2BF,+CACE,aAhEyB,QAiEzB,MAhE6B,WAiE7B,WAhEwB,YAgF1B,2GAOE,2CA/CF,cAvD0B,SAwD1B,uDACE,aA/DW,QAgEX,MAxD6B,SAyD7B,WAxDwB,UA4F1B,qHAQE,6CAtCF,cA3D0B,UA4D1B,2DACE,aAxEW,SAyEX,MA5D6B,UA6D7B,WA5DwB,YAsF1B,uHASE,6CAnBF,cAnE0B,SAoE1B,2DACE,aApEyB,SAqEzB,MApE6B,WAqE7B,WApEwB,YA0E1B,uHAUE,6HC9EF,YAxBF,kBACA,YAbuB,UAcvB,eAb0B,MAc1B,SACA,cAdyB,KAezB,gBAEA,sCAdqC,OAerC,gCAEA,0EAIE,kBACA,MACA,OACA,WACA,YCUA,aAlBF,6BACA,YApBiC,UAqBjC,aAvB4B,EAwB5B,QAnBoB,EAoBpB,gBACA,SAlBqB,OAoBrB,gBACE,gBACA,MduOc,KctOd,YA5BoC,SA6BpC,QArBkB,MAsBlB,0BAnB2B,MC2B3B,eAjBF,iBAfa,QAgBb,kBAG0B,MfsMX,KenMf,aArBuB,MAsBvB,aArBuB,IAsBvB,SACA,YAnCe,uCAoCf,UAnCoB,QAoCpB,QA9BkB,iBfehB,cEqHY,IcxEZ,OApCA,aA9BiB,MA+BjB,aA9BgB,IA+BhB,qBACA,cAzBkB,QA0BlB,QAzBY,QA2BZ,WnBIK,QmBHsB,MhB4Ld,KgBxLb,iCACA,mCAKI,+FhBkLS,KgB3KX,4DACE,oCACA,wIAYF,eAtCF,aA9BiB,MA+BjB,aA9BgB,IA+BhB,qBACA,cAzBkB,QA0BlB,QAzBY,QA2BZ,WAiCmB,QAhCQ,MhB4Ld,KgBxLb,yCACA,2CAKI,uKhBkLS,KgB3KX,4GACE,oCACA,wLAcA,8BACE,MnBxDH,QmB0DG,wEAEE,MA1DqB,QA+D3B,chB3DF,cEqHY,IecZ,iBAjHF,kBACA,MACA,SACA,OACA,QACA,WjBuLe,KiBtLf,WA3CkB,gBA4ClB,aACA,aACA,OA0GE,qBAhGA,kBACA,aACA,kBACA,aACA,YACA,MACA,cf0EY,IezEZ,OAgDQ,iBjBgGK,KiB/FS,QAxGH,QA0GP,sBAIZ,WA7GgB,wBAuGM,QAkDiB,SAjGvC,yCAuFA,qBAtFE,kBAIF,wFAGA,4DAEA,6DAIA,4CAyEA,qBAxEE,MA1EiB,IA2EjB,UlBpFM,QkBqFN,OACA,QACA,eA0CF,4CA0BA,qBAzBE,IA1HgB,SA+JhB,mCjBjJF,cEqHY,Ie6BV,iCjBlJF,cAyPa,OiBtGX,uCAtDoB,QAsD8B,EAvFpD,4CAwFE,+BAvFA,MAuF4C,IAtF5C,UlBpFM,QkBqFN,OACA,QACA,eALF,4CAyFE,iCAxFA,MAwF4C,IAvF5C,UlBpFM,QkBqFN,OACA,QACA,eALF,4CA0FE,mCAzFA,MAyF8C,IAxF9C,UlBpFM,QkBqFN,OACA,QACA,eALF,4CA2FE,iCA1FA,MA0F4C,IAzF5C,UlBpFM,QkBqFN,OACA,QACA,eALF,4CA4FE,mCA3FA,MA2F6C,IA1F7C,UlBpFM,QkBqFN,OACA,QACA,eAwFA,+BAEE,MACA,OACA,YACA,aACA,iBACA,0BACA,yBArGJ,4CA6FE,+BA5FA,MA6FoC,MA5FpC,UlBpFM,QkBqFN,OACA,QACA,eAmGA,6DA/CJ,UA5HuB,OA6HvB,cACA,kBACA,IA9HiB,QA+HjB,MA9HkB,SA+HlB,MjB2Ee,KiB1Ef,YtBrHiB,KsBsHjB,OrBkIqB,QqBvFnB,OAEE,aAEA,kCAzJJ,kBACA,MACA,SACA,OACA,QACA,WjBuLe,KiBtLf,WA3CkB,gBA4ClB,aACA,aACA,OAoJI,aACE,cAKJ,aACE,qBACE,aACA,4BCzGJ,UAnDF,cACA,SACA,QhB6iCiB,QgB5iCjB,gBAjDmB,KAkDnB,oBAjDuB,QAkDvB,YvB3CuB,mDuB6CvB,aACE,OhB4iCmB,QgB3iCnB,UhBijCiB,KgBhjCjB,YvBjCiB,OuBmCjB,4BACE,cACA,MrBhDC,QqBiDD,OApDiB,EAqDjB,QApDkB,iBAqDlB,oEAEE,WAzDiB,iBA0DjB,MhBqiCoB,QgBjiCxB,+CACE,MhB+hCuB,QgB9hCvB,YvBjDe,OuBkDf,YvBjEmB,mDuBoErB,qBACE,qBACA,SACA,UACA,gBACA,iBrB5CG,QqB+CL,qBACE,MrBzEC,QqB2EC,UhBihCa,KgBhhCb,YApEuB,KAsEzB,eArE4B,UCmF9B,SA5DF,cACA,WACA,gBACA,OA7CoB,oBA8CpB,YA7CyB,OA+CzB,YACE,yBAGF,oCAGE,MnByMc,KmBxMd,eACA,iBACA,gBACA,YxBrDqB,mDwBsDrB,YxBvCiB,OwBwCjB,UAxDgB,QAyDhB,MnBwJa,KmBtJb,0CACE,gBAzDoB,KA0DpB,MnBoJW,KmBnJX,QA1DY,cA2DZ,4DACE,MA1DmB,QA8DvB,+DnBzDA,cmBNoB,IAiElB,YxBtDe,OwBuDf,WtBlEC,QsBmED,QApEY,cAqEZ,OAzDkB,QA0DlB,MnB6HW,KmB5HX,iFACE,WA/DkB,QC8FtB,MAnEF,WpB+Je,KoB9Jf,cAToB,QAUpB,sBACA,aAba,KAeb,cACE,WA5Be,cA6Bf,MpByKa,KoBvKX,UA7BoB,KA8BpB,YA7BsB,KAiC1B,YACE,WvBxBK,QuB2BH,oCAEE,QApDa,sBAqDb,UAxDe,QAyDf,YzB7CW,KyB8CX,MpByJS,KoBpJf,YACE,WvBtCK,QuByCH,oCAEE,QAlEa,sBAmEb,UAtEe,QAuEf,YzB3DW,KyB4DX,MpB2IS,KoBrIb,wBAEE,QA7Dc,iBA8Dd,UA7DgB,QA8DhB,MpBiIW,KoBhIX,WpBmKY,KoBhKd,sDAEsB,WvB/DjB,QuBkEP,sGAKQ,QAtEM,WAsEmB,YA1Ef,SCQhB,IAjBF,cACA,qBACA,sBACA,eACA,WAxBiB,yBrBqDjB,8BqB3BA,oBAEE,WA3BqB,8BAwCnB,WrB5BF,cEqHY,IoBGd,sCACA,wCACA,0CACA,4CAGE,yCACE,iDACA,mDACA,qDACA,wDAJF,mBACE,4CACA,8CACA,gDACA,mDAJF,gEACE,kDACA,oDACA,sDACA,yDAJF,4CACE,6CACA,+CACA,iDACA,oDAJF,gEACE,iDACA,mDACA,qDACA,wDAJF,4CACE,4CACA,8CACA,gDACA,mDAJF,iEACE,kDACA,oDACA,sDACA,yDAJF,4CACE,6CACA,+CACA,iDACA,oDAJF,uEACE,mDACA,qDACA,uDACA,0DAJF,6CACE,8CACA,gDACA,kDACA,qDA4BF,oEAmBE,SACA,UAIF,EACE,MzB7LC,QyB8LD,gBAvJmB,KAwJnB,oBAEA,gBAEE,MAzJkB,QA+JpB,kBAIF,EACE,YA5LkB,QA6LlB,Y3BpMe,O2BqMf,UA5LgB,KA6LhB,YA5LkB,IA6LlB,cA5LoB,QA6LpB,eAzLqB,mBA2LrB,OAlEJ,qBACA,gBAmEI,QACE,UAjMoB,QAkMpB,YAjMsB,KAkMtB,WAjMqB,OAsMzB,kBACE,Y3BnOc,8B2BoOd,Y3BtNe,O2BuNf,W3BvNe,O2BwNf,MtBhBW,KsBiBX,eAhPkB,mBAiPlB,WAnPc,MAoPd,cAnPiB,MAoPjB,YAtPe,IAwPf,sDACE,UA5NU,IA6NV,MA5NW,QA6NX,cAIJ,sBACA,uBACA,sBACA,sBACA,sBACA,kBAEA,WA/FF,YAjJsB,IAkJtB,MAjJqB,QAkJrB,Y3B/ImB,O2BgJnB,WAjJqB,MAkJrB,cAjJwB,MA8OtB,GACE,qBACA,qBACA,WACA,2BACA,SAIF,KAEE,kBACA,oBAGF,SAEE,Y3B9Pa,K2B+Pb,oBAGF,MACE,UAjQY,IAkQZ,oBAGF,KACE,Y3BtRkB,kC2BuRlB,Y3B1Qe,O2B2Qf,MtBpEW,KsBqEX,iBzBhLkB,QyBiLlB,aAvPa,IAwPb,aAvPc,MAwPd,aAvPc,QAwPd,QAvPS,0BA2PX,SAGE,UA9QgB,KA+QhB,YA9QkB,IA+QlB,cA9QoB,QA+QpB,oBA9OgB,QA+OhB,YApRkB,QAuRpB,GACE,YpB7Ca,OoB8Cb,aACE,YAlPqB,EAoPnB,sCAEE,YArPS,QAsPT,gBACA,gBASJ,kBAEE,YAlQW,QAmQX,gBAMF,iEAGF,6CpB1Ea,OoB2Eb,6CpB3Ea,OoB4Eb,yCpB5Ea,OoB6Eb,6BAIF,GACE,YAtRqB,OAwRnB,kBAEE,YAxRW,QAyRX,gBAOJ,MACE,cA/R+B,MAgS/B,Y3BjVW,K2BmVb,oBAjS0B,OAqS5B,aAEE,yBACA,cACA,MzBjXc,KyBkXd,O1BnGc,K0BqGhB,KACE,oBACA,YACE,cApSY,gBAyShB,WACE,mBACA,QAlTe,6BAmTf,YAlTc,eAoTd,gBACE,cACA,UArToB,SAsTpB,MArTqB,KAsTrB,uBACE,aAGF,4CAEE,MA5TmB,KAgUzB,wBAEE,YAlXkB,IAmXlB,MAvUkB,QA2UpB,OACE,qBACA,OAjUe,cAkUf,sBACA,QApUgB,eAsUhB,UACE,SACA,cAEF,WACE,Y3B3YW,K2B4YX,UAlUyB,SAuU3B,6B3BjZa,K2BmZb,aACE,O1B7Je,Q0B8Jf,gBAjU2B,KAkU3B,Y3BtZW,K2BuZX,YACA,QAxUmB,WA6UvB,4CACE,8BAzbe,IA0bf,aApbS,QAqbT,aApbS,UAqbT,aApbS,UAqbT,aApbS,UAqbT,aApbS,SAqbT,aApbS,MA+bT,oCACA,aACE,EACE,oCACA,sBACA,2BACA,4BAGF,YACY,0BACZ,0CAEA,+CAGA,4DAEqB,WAErB,eAEE,sBACA,wBAGF,iCAEA,OACM,wBAEN,8BAEA,kBAEA,QAGE,UACA,SAGF,MACK,uBAEL,uCACA,qCACA,wCACA,4CCrRJ,mBACE,iZACE,2BAEF,iZACE,wBAGA,icvBnCN,2BACA,YACA,WACA,iBACA,UuBkCM,qcvBjDN,6BACA,WACA,UACA,gBACA,8BuBkDM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BA7BN,4CACE,iZACE,2BAEF,iZACE,wBAGA,icvBnCN,2BACA,YACA,WACA,iBACA,UuBkCM,qcvBjDN,6BACA,WACA,UACA,gBACA,8BuBkDM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BA7BN,4CACE,iZACE,2BAEF,iZACE,wBAGA,icvBnCN,2BACA,YACA,WACA,iBACA,UuBkCM,qcvBjDN,6BACA,WACA,UACA,gBACA,8BuBkDM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BA7BN,4CACE,iZACE,2BAEF,iZACE,wBAGA,icvBnCN,2BACA,YACA,WACA,iBACA,UuBkCM,qcvBjDN,6BACA,WACA,UACA,gBACA,8BuBkDM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BA7BN,6CACE,iZACE,2BAEF,iZACE,wBAGA,icvBnCN,2BACA,YACA,WACA,iBACA,UuBkCM,qcvBjDN,6BACA,WACA,UACA,gBACA,8BuBkDM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BAaR,uCACqB,2BACrB,uCACqB,wBAInB,iDACsB,yBAGtB,iDACsB,sCAGtB,iDACsB,mCAGtB,2CACsB,6BAItB,sFACsB,8BAGxB,gDACE,uCACqB,2BACrB,uCACqB,wBAInB,iDACsB,yBAGtB,iDACsB,sCAGtB,iDACsB,mCAGtB,2CACsB,6BAItB,sFACsB,+BAI1B,+CACE,uCACsB,2BACtB,uCACsB,wBAIpB,iDACuB,yBAGvB,iDACuB,sCAGvB,iDACuB,mCAGvB,2CACuB,6BAIvB,sFACuB,+BAK3B,wCACA,2CACA,kDACA,+CAGA,8CACA,qDACA,2DACA,kEACA,wDACA,+DACA,+CACA,sDACA,gDACA,uDACA,gDACA,uDAIA,aACE,8BACA,6BAEA,8CACA,2DACA,wDACA,+CACA,gDACA,iDCzXJ,SAEI,mBAGJ,UACI,c3BsBK,Q2BnBT,QACI,cAGJ,QACI,cAGJ,SACI,cAQJ,EACI,qBACA,kBACA,iBACA,aACA,sBAEA,kBAEJ,cAEI,iBACA,yBAEJ,0BAEI,wBAEJ,iCAGI,SACA,WAEJ,WACI,SACA,WACA,qCAQJ,kBACI,Y7B/DgB,8B6BgEhB,mBACA,UAGJ,GACI,U7B9CgB,Q6B+ChB,aAEJ,GACI,U7BjDgB,Q6BkDhB,qBAEA,eACI,aAER,GACI,U7BvDgB,Q6BwDhB,qBAEJ,GACI,U7B1DgB,O6B2DhB,qBAEJ,GACI,U7B7DgB,Q6B8DhB,iBAQJ,kBtB6BgB,IsB5BZ,uBACkB,iCAClB,yBACkB,kCAClB,2BACkB,iCAEtB,OACI,sBAEJ,qEAEI,SAEJ,6BAEI,M3B7EM,Q2B8EN,Y7BpHqB,mD6BqHrB,mBACA,oBAEJ,iCAEI,iCACA,M3BrFM,Q2BuFV,6CAEI,gCACA,M3B5HG,Q2B8HP,kBACI,mBACA,iBAQJ,GACI,mBAQJ,IACI,cACA,sBACA,YACA,iB3B9CoB,Q2B+CpB,ctB3BY,IsB6BhB,SACI,oCACA,SAGJ,KACI,kBACA,gBAQJ,MACI,iBACA,UAEJ,GACI,cAGJ,WACI,gBACA,cAIA,YAEK,gBAOT,eACI,gBAEJ,GACI,iBACA,iBAIJ,8BACA,sEAOA,WACI,kBACA,kBACA,YACA,wBACA,M3BjLM,Q2BoLN,qC3BrLM,Q2BuLN,kBACI,0BACA,eACA,cACA,kBACA,WACA,SACA,M3B7LE,Q2B+LN,iBACI,cACA,YACA,eACA,cACA,kBACA,YACA,YACA,M3BvME,Q2ByMN,uBACI,aAEJ,4CACI,M3B9ME,Q2BgNV,KACI,gBAGJ,eACI,mBAGJ,KACI,yBAQJ,aACI,eACA,SACA,yBAEJ,QACI,kBAEJ,YACI,kCAEJ,cACI,kCAIJ,mBACI,YACI,mBAGR,6CACI,YACI,qBASR,kB7BvSyB,mD6BwSzB,mB7BvSoB,8B6BySpB,wB7BlRoB,Q6BmRpB,wB7BlRoB,Q6BmRpB,wB7BlRoB,Q6BmRpB,wB7BlRoB,O6BmRpB,wB7BlRoB,Q6BmRpB,uB7BrTiB,K6B4TjB,kBACI,WACA,kBACA,WACA,WACA,iBACA,gCAEJ,WACI,gBAEJ,cACI,U7BrSgB,K6BuSpB,aACI,kBACA,gBAUJ,WACE,uBACA,iCACA,wNAMF,+BACA,4BAGA,2CAEA,0rCAwDE,qBACF,uBACA,kBACA,mBACA,oBACA,cACA,wBACA,kCACA,oBACA,kCACA,mCACA,2BAGA,iCACA,iCACA,kCACA,gCACA,8BACA,+BACA,sCACA,sCACA,uCACA,oCACA,2CACA,2CACA,0CACA,+BACA,8BACA,6BACA,iCACA,8BACA,gCACA,6BACA,kCACA,iCACA,gCACA,+BACA,oCACA,+BACA,wCACA,8BACA,mCACA,mCACA,8BACA,kCACA,8BACA,iCACA,6BACA,iCACA,qCACA,mCACA,mCACA,gCACA,6BACA,oCACA,8BACA,uCACA,qCACA,mCACA,8BACA,gCACA,iCACA,yCACA,+BACA,+BACA,iCACA,8BACA,iCC1dA,gDACuC,gBACvC,wDACA,mNAYE,WAEF,gBACE,WAQF,YACI,8CACA,sCAEA,uEACI,mBASR,mBACE,aAQF,UACI,iB5B/CG,Q4BiDP,0BACI,iB5BlDG,Q4BoDP,oBACI,kBACA,mBACA,Y9B1DgB,8B8B2DhB,WACA,yBACA,qCAEJ,0BACI,aAEJ,oCACI,gBAMJ,yCACI,UACI,aAEJ,UACI,aAEJ,uBACI,eAEJ,gCACI,eAEJ,oBACI,aACA,eACA,kBAEJ,0BACI,cAQR,gEACI,UACI,gBAEJ,UACI,aAEJ,uBACI,eAEJ,gCACI,eAEJ,oBACI,eACA,cAQR,gEACI,UACI,gBAEJ,UACI,aAEJ,uBACI,eAEJ,gCACI,eAEJ,oBACI,aACA,gBAQR,4CACI,UACI,iBAEJ,UACI,aAEJ,uBACI,eAEJ,gCACI,eAEJ,oBACI,eACA,cAKR,mBACI,aAEJ,mBACI,aAEJ,yBACI,aAEJ,yBACI,aAQJ,YACI,mBACA,6BACA,gCAEJ,sBACE,iBAOF,wBACI,M5BtKK,Q4ByKT,mBACI,W5B1KK,Q4B2KL,SAEJ,mBACI,WAEJ,yBACI,W5B9MG,Q4BgNP,aACE,mBACA,cAEA,aACE,0BACA,cAEF,mBACE,qBACA,M5BrNG,Q4B6NP,WACI,uBAEJ,aACI,eACA,YACA,kBAEJ,mBACI,W5BjNK,Q4ByNT,qCAEI,mBACA,gBAGJ,QACI,iBACA,oBACA,W5B5NK,Q4B6NL,M5BnKW,K4BsKX,UACI,M5B5PD,Q4B8PH,sBAEI,mBACA,WACA,yBAQR,WACI,W5B3OM,Q4B4ON,M5BjPK,Q4BkPL,iBAGJ,+BACI,WAGJ,WACI,M5B1PK,Q4B2PL,SACA,yBACA,iBACI,WAIR,cACI,8BAGF,iBACE,mBAEF,gBACE,oBACA,cACA,WACA,kBACA,M5BzQM,Q4B0QN,W5B/QK,Q4BgRL,kBACA,sBACE,W5B7QI,Q4B8QJ,WAUN,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCAEA,mCACA,mCACA,mCACA,mCAEA,iCACA,kCAEA,mCACA,kCACA,oCACA,oCCzVA,iCAGI,gBACA,iBAEJ,QACI,cACA,WxB3BW,KwBmCf,eACE,0BACA,gBACA,cxB+Gc,IwBvGhB,2CACA,0DACA,gEAOA,WACE,Y/BlCuB,mD+BmCvB,uCAEA,aACE,gBAEF,aACE,6BACA,WACA,8BAEF,mBACE,6BAEF,oBACE,W7BTM,Q6BUN,WACA,qBACA,Y/BlDoB,kC+BoDtB,4BACE,aACA,M7B/CG,Q6BgDH,WACA,sBAEF,gBACE,iB7B/BK,Q6BgCL,uCACA,qBACA,M7BxBM,Q6BgCV,kCACE,oC7BnCQ,Q6BoCR,0EAG0B,iB7BjClB,Q6BwCV,4CACA,0CACA,kEACA,+E7B1DS,Q6B4DT,qC7BnDU,Q6B0DV,0CACA,8CACA,gDACA,gDACA,uDACA,uDAOA;AAAA;AAAA;AAAA,wBAIA,SACE,aAEF,aACI,UAEJ,aACI,+BACA,4BACA,2BACA,0BACA,uBACA,UAIF,sDACE,YACA,QACA,SAEA,cACA,iBACA,iBAKJ,SACE,iCACA,2CAIF,kEAGE,iCACA,yBACA,oBACA,kBAIF,oDAEE,2BACA,+CAIF,uIAKE,uEACA,sBAIF,yBACE,qDACA,yCACuB,6DAIzB,gFAGE,oCACA,yBAIF,qDAC6B,2BAG7B,0FAIE,2BAIF,oDAEE,2BAIF,yKAME,2BCxOF,WACI,gBACA,2CACA,uDACA,+BACA,+BACA,4CACA,2CACA,4CACA,6DACA,gDACA,mDACA,iCACA,0BACA,0BACA,gDACA,mDACA,0BACA,0BACA,gCACA,0BACA,0BACA,gCACA,gCACA,gCACA,gCACA,2CACA,yBACA,yBACA,0BACA,6BACA,2CACA,0BACA,4BACA,2CACA,2CACA,0BACA,0BACA,0BACA,gCACA,yBACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,6BACA,0BACA,6BACA,0BACA,0BACA,0BACA,0BACA,0BCVJ,0BACE,WACE,aASJ,gBACE,cACA,cAQF,eACE,yBACA,mDACQ,2CAIV,eACE,kBACA,qBACA,aACA,gBACA,WAEF,0CAEE,WACA,qBAIF,kBACE,WAEF,wBACE,kBACA,SACA,SACA,QACA,SACA,iBACA,sBACA,YACA,qCACA,wBACA,oCAQF,aACE,iBACA,oBAEF,YACE,gBACA,gBACA,eACA,mBAEF,kBACE,eACA,WAQF,WACE,eACA,gBAIF,gBACE,aACA,oBAEF,sBACE,aACA,yBACA,kBAEF,2GAGE,gBAKF,OACE,mBACA,gBAEF,YACE,YACA,kBACA,kBACA,mBAQF,WACE,mBACA,kBAEF,iBACE,kBACA,eAEF,gBACE,mBACA,WAQF,aACE,eACA,WACA,kBACA,yBACA,6BAEF,0BACE,gBAGF,YACE,gBACA,mBAGF,QACE,gBACA,sBACA,gBACA,eAGF,cACC,YACA,mBACA,eAGD,kHAGE,cAGF,iBACE,kBACA,qBAGF,EACE,WAGF,QACE,cAGF,KACE,WACA,iBAGF,aACE,sBACA,kBAGF,cACI,yBACA,qBACA,WACA,aACA,mBACA,+BACA,kBACA,kBACA,mBAGJ,MACE,eAEF,wBACC,WAID,OACE,YAGF,aACE,kBAGF,oDAEI,sBAGJ,cACI,eAGJ,WACE,WAEF,YACE,YAKF,oBACE,WACA,aACA,qCACA,SAGF,sBACE,qBACA,cACA,WACA,iBACA,aACA,wBACA,yBAGF,iCACE,iBACA,WAOF,iBACE,WACA,iBACA,aACA,YACA,wBAGF,WACE,yBAGF,UACE,8GAEF,SACE,8GAGF,sBACE,kBACA,iBACA,oBACA,eAIF,wBACE,iBACA,kBAGF,yBACE,kBACA,cACA,eACA,iBAGF,4BACE,iBACA,sBACA,kBACA,cACA,eAIF,wBACE,kBACA,cACA,eAGF,2BACE,WACA,aACA,qCACA,SAGF,gBACI,UACA,WAEJ,mBACI,sBACA,sBACA,SACA,UAEJ,iCACE,yBAEF,sBACE,iBACA,sBACA,gBACA,SACA,iBAEF,sBACE,sBACA,gBACA,SACA,iBAEF,sEACE,aAEF,oEACE","sourcesContent":["@charset \"utf-8\";\r\n/* TOC – Typography variables\r\n\r\nModular Scale › http://www.modularscale.com//?16,36&px&1.25&web&table\r\n\r\n- Fonts\r\n- Font Weight\r\n- Font Size Variables\r\n\r\n*/\r\n\r\n@import \"functions\"; // Allows the use of rem-calc() or lower-bound() in your settings\r\n\r\n\r\n\r\n/* Fonts\r\n------------------------------------------------------------------- */\r\n\r\n$base-font-size: 16px;\r\n$rem-base: $base-font-size;\r\n// $base-line-height is 24px while $base-font-size is 16px\r\n$base-line-height: 1.5 !default;\r\n\r\n\r\n$font-family-sans-serif: \"Lato\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n$font-family-serif: \"Volkhov\", Georgia, Times, serif;\r\n$font-family-monospace: \"Lucida Console\", Monaco, monospace;\r\n\r\n$body-font-family: $font-family-sans-serif;\r\n$body-font-weight: normal;\r\n$body-font-style: normal;\r\n\r\n$header-font-family: $font-family-serif;\r\n\r\n\r\n\r\n/* Font Weight\r\n------------------------------------------------------------------- */\r\n\r\n$font-weight-normal: normal;\r\n$font-weight-bold: bold;\r\n\r\n\r\n\r\n/* Font Size Variables\r\n------------------------------------------------------------------- */\r\n\r\n$font-size-p:    \t$base-font-size;\r\n$font-size-h1:      2.441em;\r\n$font-size-h2:      1.953em;\r\n$font-size-h3:      1.563em;\r\n$font-size-h4:      1.25em;\r\n$font-size-h5:      1.152em;\r\n$font-size-small:   0.8em;\r\n\r\n.font-size-h1   { font-size: $font-size-h1; }\r\n.font-size-h2   { font-size: $font-size-h2; }\r\n.font-size-h3   { font-size: $font-size-h3; }\r\n.font-size-h4   { font-size: $font-size-h4; }\r\n.font-size-h5   { font-size: $font-size-h5; }\r\n","@charset \"utf-8\";\r\n// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n//\r\n// Foundation Variables\r\n//\r\n\r\n// Data attribute namespace\r\n// styles get applied to [data-mysite-plugin], etc\r\n$namespace: false !default;\r\n\r\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\r\n// for compatibility with browser-based text zoom or user-set defaults.\r\n\r\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\r\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\r\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\r\n$base-font-size: 100% !default;\r\n\r\n\r\n\r\n//\r\n// Global Foundation Mixins\r\n//\r\n\r\n// @mixins\r\n//\r\n// We use this to control border radius.\r\n// $radius - Default: $global-radius || 4px\r\n@mixin radius($radius:$global-radius) {\r\n  @if $radius {\r\n    border-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create equal side border radius on elements.\r\n// $side - Options: left, right, top, bottom\r\n@mixin side-radius($side, $radius:$global-radius) {\r\n  @if ($side == left or $side == right) {\r\n    -webkit-border-bottom-#{$side}-radius: $radius;\r\n    -webkit-border-top-#{$side}-radius: $radius;\r\n    border-bottom-#{$side}-radius: $radius;\r\n    border-top-#{$side}-radius: $radius;\r\n  } @else {\r\n    -webkit-#{$side}-left-radius: $radius;\r\n    -webkit-#{$side}-right-radius: $radius;\r\n    border-#{$side}-left-radius: $radius;\r\n    border-#{$side}-right-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We can control whether or not we have inset shadows edges.\r\n// $active - Default: true, Options: false\r\n@mixin inset-shadow($active:true) {\r\n  box-shadow: $shiny-edge-size $shiny-edge-color inset;\r\n\r\n  @if $active { &:active {\r\n    box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add transitions to elements\r\n// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties\r\n// $speed - Default: 300ms\r\n// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/\r\n@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {\r\n  transition: $property $speed $ease;\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add box-sizing across browser prefixes\r\n@mixin box-sizing($type:border-box) {\r\n  -webkit-box-sizing: $type; // Android < 2.3, iOS < 4\r\n     -moz-box-sizing: $type; // Firefox < 29\r\n          box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create isosceles triangles\r\n// $triangle-size - Used to set border-size. No default, set a px or em size.\r\n// $triangle-color - Used to set border-color which makes up triangle. No default\r\n// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right\r\n@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {\r\n  content: \"\";\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n  border: inset $triangle-size;\r\n  @if ($triangle-direction == top) {\r\n    border-color: $triangle-color transparent transparent transparent;\r\n    border-top-style: solid;\r\n  }\r\n  @if ($triangle-direction == bottom) {\r\n    border-color: transparent transparent $triangle-color transparent;\r\n    border-bottom-style: solid;\r\n  }\r\n  @if ($triangle-direction == left) {\r\n    border-color: transparent transparent transparent $triangle-color;\r\n    border-left-style: solid;\r\n  }\r\n  @if ($triangle-direction == right) {\r\n    border-color: transparent $triangle-color transparent transparent;\r\n    border-right-style: solid;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\r\n// $width - Width of hamburger icon in rem\r\n// $left - If false, icon will be centered horizontally || explicitly set value in rem\r\n// $top - If false, icon will be centered vertically || explicitly set value in rem\r\n// $thickness - thickness of lines in hamburger icon, set value in px\r\n// $gap - spacing between the lines in hamburger icon, set value in px\r\n// $color - icon color\r\n// $hover-color - icon color during hover\r\n// $offcanvas - Set to true of @include in offcanvas\r\n@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {\r\n  span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    display: block;\r\n    height: 0;\r\n\r\n    @if $offcanvas {\r\n      @if $top {\r\n        top: $top;\r\n      }\r\n      @else {\r\n        top: 50%;\r\n        margin-top: (-$width/2);\r\n      }\r\n      @if $left {\r\n        left: $left;\r\n      }\r\n      @else {\r\n        left: ($tabbar-menu-icon-width - $width)/2;\r\n      }\r\n    }\r\n    @else {\r\n      top: 50%;\r\n      margin-top: -($width/2);\r\n      #{$opposite-direction}: $topbar-link-padding;\r\n    }\r\n\r\n    box-shadow:\r\n      0 0 0 $thickness $color,\r\n      0 $gap + $thickness 0 $thickness $color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $color;\r\n    width: $width;\r\n  }\r\n  span:hover:after {\r\n    box-shadow:\r\n      0 0 0 $thickness $hover-color,\r\n      0 $gap + $thickness 0 $thickness $hover-color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;\r\n  }\r\n}\r\n\r\n// We use this to do clear floats\r\n@mixin clearfix {\r\n  &:before, &:after { content: \" \"; display: table; }\r\n  &:after { clear: both; }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add a glowing effect to block elements\r\n// $selector - Used for selector state. Default: focus, Options: hover, active, visited\r\n// $fade-time - Default: 300ms\r\n// $glowing-effect-color - Default: fade-out($primary-color, .25)\r\n@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) {\r\n  transition: box-shadow $fade-time, border-color $fade-time ease-in-out;\r\n\r\n  &:#{$selector} {\r\n    box-shadow: 0 0 5px $glowing-effect-color;\r\n    border-color: $glowing-effect-color;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to translate elements in 2D\r\n// $horizontal: Default: 0\r\n// $vertical: Default: 0\r\n@mixin translate2d($horizontal:0, $vertical:0) {\r\n  transform: translate($horizontal,$vertical)\r\n}\r\n\r\n// @mixins\r\n//\r\n// Makes an element visually hidden, but accessible.\r\n// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\r\n@mixin element-invisible {\r\n  position: absolute !important;\r\n  height: 1px;\r\n  width: 1px;\r\n  overflow: hidden;\r\n  clip: rect(1px, 1px, 1px, 1px);\r\n}\r\n\r\n// @mixins\r\n//\r\n// Turns off the element-invisible effect.\r\n@mixin element-invisible-off {\r\n  position: static !important;\r\n  height: auto;\r\n  width: auto;\r\n  overflow: visible;\r\n  clip: auto;\r\n}\r\n\r\n\r\n// We use these to control text direction settings\r\n$text-direction: ltr !default;\r\n$default-float: left !default;\r\n$opposite-direction: right !default;\r\n@if $text-direction == ltr {\r\n  $default-float: left;\r\n  $opposite-direction: right;\r\n} @else {\r\n  $default-float: right;\r\n  $opposite-direction: left;\r\n}\r\n\r\n// We use these to control inset shadow shiny edges and depressions.\r\n$shiny-edge-size: 0 1px 0 !default;\r\n$shiny-edge-color: rgba(#fff, .5) !default;\r\n$shiny-edge-active-color: rgba(#000, .2) !default;\r\n\r\n// We use this to control whether or not CSS classes come through in the gem files.\r\n$include-html-classes: true !default;\r\n$include-print-styles: true !default;\r\n$include-html-global-classes: $include-html-classes !default;\r\n\r\n$column-gutter: rem-calc(30) !default;\r\n\r\n\r\n\r\n\r\n// d. Media Query Ranges\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n$small-range: (0em, 40em);\r\n$medium-range: (40.063em, 64em);\r\n$large-range: (64.063em, 90em);\r\n$xlarge-range: (90.063em, 120em);\r\n$xxlarge-range: (120.063em, 99999999em);\r\n\r\n\r\n$screen: \"only screen\" !default;\r\n\r\n$landscape: \"#{$screen} and (orientation: landscape)\" !default;\r\n$portrait: \"#{$screen} and (orientation: portrait)\" !default;\r\n\r\n$small-up: $screen !default;\r\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\r\n\r\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\" !default;\r\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\" !default;\r\n\r\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\" !default;\r\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\" !default;\r\n\r\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\r\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\" !default;\r\n\r\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\" !default;\r\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\" !default;\r\n\r\n// Legacy\r\n$small: $medium-up;\r\n$medium: $medium-up;\r\n$large: $large-up;\r\n\r\n//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\r\n$cursor-auto-value: auto !default;\r\n$cursor-crosshair-value: crosshair !default;\r\n$cursor-default-value: default !default;\r\n$cursor-pointer-value: pointer !default;\r\n$cursor-help-value: help !default;\r\n$cursor-text-value: text !default;\r\n\r\n\r\n@include exports(\"global\") {\r\n\r\n  // Meta styles are included in all builds, as they are a dependancy of the Javascript.\r\n  // Used to provide media query values for javascript components.\r\n  // Forward slash placed around everything to convince PhantomJS to read the value.\r\n\r\n  meta.foundation-version {\r\n    font-family: \"/5.5.0/\";\r\n  }\r\n\r\n  meta.foundation-mq-small {\r\n    font-family: \"/\" + unquote($small-up) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-small-only {\r\n    font-family: \"/\" + unquote($small-only) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium {\r\n    font-family: \"/\" + unquote($medium-up) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium-only {\r\n    font-family: \"/\" + unquote($medium-only) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-large {\r\n    font-family: \"/\" + unquote($large-up) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-large-only {\r\n    font-family: \"/\" + unquote($large-only) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge {\r\n    font-family: \"/\" + unquote($xlarge-up) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge-only {\r\n    font-family: \"/\" + unquote($xlarge-only) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xxlarge {\r\n    font-family: \"/\" + unquote($xxlarge-up) + \"/\";\r\n    width: lower-bound($xxlarge-range);\r\n  }\r\n\r\n  meta.foundation-data-attribute-namespace {\r\n    font-family: #{$namespace};\r\n  }\r\n\r\n  @if $include-html-global-classes {\r\n\r\n    // Must be 100% for off canvas to work\r\n    html, body { height: 100%; }\r\n\r\n    // Set box-sizing globally to handle padding and border widths\r\n    *,\r\n    *:before,\r\n    *:after {\r\n      @include box-sizing(border-box);\r\n    }\r\n\r\n    html,\r\n    body { font-size: $base-font-size; }\r\n\r\n    // Default body styles\r\n    body {\r\n      background: $body-bg;\r\n      color: $body-font-color;\r\n      padding: 0;\r\n      margin: 0;\r\n      font-family: $body-font-family;\r\n      font-weight: $body-font-weight;\r\n      font-style: $body-font-style;\r\n      line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%\r\n      position: relative;\r\n      cursor: $cursor-auto-value;\r\n    }\r\n\r\n  a:hover { cursor: $cursor-pointer-value; }\r\n\r\n    // Grid Defaults to get images and embeds to work properly\r\n    img { max-width: 100%; height: auto; }\r\n\r\n    img { -ms-interpolation-mode: bicubic; }\r\n\r\n    #map_canvas,\r\n    .map_canvas {\r\n      img,\r\n      embed,\r\n      object { max-width: none !important;\r\n      }\r\n    }\r\n\r\n    // Miscellaneous useful HTML classes\r\n    .left { float: left !important; }\r\n    .right { float: right !important; }\r\n    .clearfix { @include clearfix; }\r\n\r\n    // Hide visually and from screen readers\r\n    .hide {\r\n      display: none !important;\r\n      visibility: hidden;\r\n    }\r\n\r\n    // Hide visually and from screen readers, but maintain layout\r\n    .invisible { visibility: hidden; }\r\n\r\n    // Font smoothing\r\n    // Antialiased font smoothing works best for light text on a dark background.\r\n    // Apply to single elements instead of globally to body.\r\n    // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.\r\n    .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\r\n\r\n    // Get rid of gap under images by making them display: inline-block; by default\r\n    img {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    //\r\n    // Global resets for forms\r\n    //\r\n\r\n    // Make sure textarea takes on height automatically\r\n    textarea { height: auto; min-height: 50px; }\r\n\r\n    // Make select elements 100% width by default\r\n    select { width: 100%; }\r\n  }\r\n}\r\n","@charset \"utf-8\";\r\n/* TOC – Color Variables\r\n\r\n- Basics\r\n- Corporate Identity Colorpalette\r\n- Foundation Color Variables\r\n- Grey Scale\r\n- Topbar-Navigation\r\n- Footer\r\n- Code\r\n\r\n*/\r\n\r\n\r\n\r\n/* Basics\r\n------------------------------------------------------------------- */\r\n\r\n$text-color:       \t#111;\r\n$body-font-color: \t$text-color;\r\n$body-bg: \t\t\t#fdfdfd;\r\n$nav-bg:        #334D5C; //black: #000000;\r\n\r\n\r\n/* Corporate Identity Colorpalette\r\n   https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/\r\n------------------------------------------------------------------- */\r\n\r\n$ci-1: #334D5C;\t\t// dark turquoise\r\n$ci-2: #45B29D;\t\t// turquoise\r\n$ci-3: #EFC94C;\t\t// yellow\r\n$ci-4: #E27A3F;\t\t// orange\r\n$ci-5: #DF4949;\t\t// red\r\n$ci-6: #A1D044;     // green\r\n//$ci-6: #209CEE; //IAC blue - not good for links on grey\r\n$ci-7: #5a0141;   //US-RSE Nav Color: 500E3D \r\n\r\n\r\n/* Foundation Color Variables\r\n------------------------------------------------------------------- */\r\n\r\n$primary-color: $ci-1;\r\n$secondary-color: $ci-6;\r\n$alert-color: $ci-5;\r\n$success-color: $ci-6;\r\n$warning-color: $ci-4;\r\n$info-color: $ci-1;\r\n\r\n\r\n\r\n/* Grey Scale\r\n------------------------------------------------------------------- */\r\n\r\n$grey-1: #E4E4E4;\r\n$grey-2: #D7D7D7;\r\n$grey-3: #CBCBCB;\r\n$grey-4: #BEBEBE;\r\n$grey-5: #A4A4A4;\r\n$grey-6: #979797;\r\n$grey-7: #8B8B8B;\r\n$grey-8: #7E7E7E;\r\n$grey-9: #646464;\r\n$grey-10: #575757;\r\n$grey-11: #4B4B4B;\r\n$grey-12: #3E3E3E;\r\n$grey-13: #313131;\r\n$grey-14: #242424;\r\n$grey-15: #171717;\r\n$grey-16: #0B0B0B;\r\n\r\n\r\n\r\n/* Topbar-Navigation\r\n------------------------------------------------------------------- */\r\n\r\n$topbar-bg-color: $nav-bg; //$body-bg;\r\n$topbar-bg: $topbar-bg-color;\r\n\r\n\r\n$topbar-dropdown-toggle-color: $ci-1;\r\n/*\r\n$topbar-link-color: #000;\r\n$topbar-link-color-hover: #000;\r\n$topbar-link-color-active: #000;\r\n$topbar-link-color-active-hover: #000;*/\r\n\r\n$topbar-link-color: #FDFEFE;\r\n$topbar-link-color-hover: #FDFEFE;\r\n$topbar-link-color-active: #FDFEFE;\r\n$topbar-link-color-active-hover: #FDFEFE;\r\n\r\n\r\n\r\n$topbar-dropdown-label-color: $ci-2;\r\n$topbar-dropdown-link-bg-hover: $ci-7;\r\n\r\n$topbar-link-bg-active: $ci-7; // Active Navigation Link\r\n$topbar-link-bg-hover: $ci-7;\r\n$topbar-link-bg-active-hover: $ci-2;\r\n\r\n\r\n$topbar-dropdown-bg: $ci-7; // Background Mobile Navigation\r\n$topbar-dropdown-link-color: #000;\r\n$topbar-dropdown-link-bg: $ci-2;\r\n\r\n$topbar-menu-link-color-toggled: $ci-1;\r\n$topbar-menu-icon-color-toggled: $ci-1;\r\n$topbar-menu-link-color: #000;\r\n$topbar-menu-icon-color: #000;\r\n$topbar-menu-link-color-toggled: $ci-7;\r\n$topbar-menu-icon-color-toggled: $ci-7;\r\n\r\n\r\n\r\n/* Footer\r\n------------------------------------------------------------------- */\r\n\r\n$footer-bg: $grey-8;\r\n$footer-color: #fff;\r\n$footer-link-color: $ci-6;\r\n\r\n\r\n$subfooter-bg: $grey-13;\r\n$subfooter-color: $grey-8;\r\n$subfooter-link-color: $grey-8;\r\n\r\n\r\n\r\n/* Code\r\n------------------------------------------------------------------- */\r\n\r\n$code-background-color: scale-color($secondary-color, $lightness: 70%);\r\n\r\n$highlight-background: #ffffff;\r\n$highlight-comment: #999988;\r\n$highlight-error: #a61717;\r\n$highlight-comment-special: #999999;\r\n$highlight-deleted: #000000;\r\n$highlight-error-2: #aa0000;\r\n$highlight-literal-string: #d14;\r\n$highlight-literal-number: #009999;\r\n$highlight-name-attribut: #008080;\r\n$highlight-error-background: #e3d2d2;\r\n$highlight-generic-deleted: #ffdddd;\r\n$highlight-generic-deleted-specific: #ffaaaa;\r\n$highlight-generic-inserted: #ddffdd;\r\n$highlight-generic-inserted-specific: #aaffaa;\r\n$highlight-generic-output: #888888;\r\n$highlight-generic-prompt: #555555;\r\n$highlight-subheading: #aaaaaa;\r\n$highlight-keyword-type: #445588;\r\n$highlight-name-builtin: #0086B3;\r\n$highlight-name-class: #445588;\r\n$highlight-name-entity: #800080;\r\n$highlight-name-exception: #990000;\r\n$highlight-name-function: #990000;\r\n$highlight-name-namespace: #555555;\r\n$highlight-name-tag: #000080;\r\n$highlight-text-whitespace: #bbbbbb;\r\n$highlight-literal-string-regex: #009926;\r\n$highlight-literal-string-symbol: #990073;\r\n","@charset \"utf-8\";\r\n/*! normalize.css v3.0.2 | MIT License | git.io/normalize */\r\n\r\n/**\r\n * 1. Set default font family to sans-serif.\r\n * 2. Prevent iOS text size adjust after orientation change, without disabling\r\n *    user zoom.\r\n */\r\n\r\nhtml {\r\n  font-family: sans-serif; /* 1 */\r\n  -ms-text-size-adjust: 100%; /* 2 */\r\n  -webkit-text-size-adjust: 100%; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove default margin.\r\n */\r\n\r\nbody {\r\n  margin: 0;\r\n}\r\n\r\n/* HTML5 display definitions\r\n   ========================================================================== */\r\n\r\n/**\r\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\r\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\r\n * and Firefox.\r\n * Correct `block` display not defined for `main` in IE 11.\r\n */\r\n\r\narticle,\r\naside,\r\ndetails,\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nhgroup,\r\nmain,\r\nmenu,\r\nnav,\r\nsection,\r\nsummary {\r\n  display: block;\r\n}\r\n\r\n/**\r\n * 1. Correct `inline-block` display not defined in IE 8/9.\r\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\r\n */\r\n\r\naudio,\r\ncanvas,\r\nprogress,\r\nvideo {\r\n  display: inline-block; /* 1 */\r\n  vertical-align: baseline; /* 2 */\r\n}\r\n\r\n/**\r\n * Prevent modern browsers from displaying `audio` without controls.\r\n * Remove excess height in iOS 5 devices.\r\n */\r\n\r\naudio:not([controls]) {\r\n  display: none;\r\n  height: 0;\r\n}\r\n\r\n/**\r\n * Address `[hidden]` styling not present in IE 8/9/10.\r\n * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\r\n */\r\n\r\n[hidden],\r\ntemplate {\r\n  display: none;\r\n}\r\n\r\n/* Links\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove the gray background color from active links in IE 10.\r\n */\r\n\r\na {\r\n  background-color: transparent;\r\n}\r\n\r\n/**\r\n * Improve readability when focused and also mouse hovered in all browsers.\r\n */\r\n\r\na:active,\r\na:hover {\r\n  outline: 0;\r\n}\r\n\r\n/* Text-level semantics\r\n   ========================================================================== */\r\n\r\n/**\r\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\r\n */\r\n\r\nabbr[title] {\r\n  border-bottom: 1px dotted;\r\n}\r\n\r\n/**\r\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\r\n */\r\n\r\nb,\r\nstrong {\r\n  font-weight: bold;\r\n}\r\n\r\n/**\r\n * Address styling not present in Safari and Chrome.\r\n */\r\n\r\ndfn {\r\n  font-style: italic;\r\n}\r\n\r\n/**\r\n * Address variable `h1` font-size and margin within `section` and `article`\r\n * contexts in Firefox 4+, Safari, and Chrome.\r\n */\r\n\r\nh1 {\r\n  font-size: 2em;\r\n  margin: 0.67em 0;\r\n}\r\n\r\n/**\r\n * Address styling not present in IE 8/9.\r\n */\r\n\r\nmark {\r\n  background: #ff0;\r\n  color: #000;\r\n}\r\n\r\n/**\r\n * Address inconsistent and variable font size in all browsers.\r\n */\r\n\r\nsmall {\r\n  font-size: 80%;\r\n}\r\n\r\n/**\r\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\r\n */\r\n\r\nsub,\r\nsup {\r\n  font-size: 75%;\r\n  line-height: 0;\r\n  position: relative;\r\n  vertical-align: baseline;\r\n}\r\n\r\nsup {\r\n  top: -0.5em;\r\n}\r\n\r\nsub {\r\n  bottom: -0.25em;\r\n}\r\n\r\n/* Embedded content\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove border when inside `a` element in IE 8/9/10.\r\n */\r\n\r\nimg {\r\n  border: 0;\r\n}\r\n\r\n/**\r\n * Correct overflow not hidden in IE 9/10/11.\r\n */\r\n\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n\r\n/* Grouping content\r\n   ========================================================================== */\r\n\r\n/**\r\n * Address margin not present in IE 8/9 and Safari.\r\n */\r\n\r\nfigure {\r\n  margin: 1em 40px;\r\n}\r\n\r\n/**\r\n * Address differences between Firefox and other browsers.\r\n */\r\n\r\nhr {\r\n  -moz-box-sizing: content-box;\r\n  box-sizing: content-box;\r\n  height: 0;\r\n}\r\n\r\n/**\r\n * Contain overflow in all browsers.\r\n */\r\n\r\npre {\r\n  overflow: auto;\r\n}\r\n\r\n/**\r\n * Address odd `em`-unit font size rendering in all browsers.\r\n */\r\n\r\ncode,\r\nkbd,\r\npre,\r\nsamp {\r\n  font-family: monospace, monospace;\r\n  font-size: 1em;\r\n}\r\n\r\n/* Forms\r\n   ========================================================================== */\r\n\r\n/**\r\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\r\n * styling of `select`, unless a `border` property is set.\r\n */\r\n\r\n/**\r\n * 1. Correct color not being inherited.\r\n *    Known issue: affects color of disabled elements.\r\n * 2. Correct font properties not being inherited.\r\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\r\n */\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n  color: inherit; /* 1 */\r\n  font: inherit; /* 2 */\r\n  margin: 0; /* 3 */\r\n}\r\n\r\n/**\r\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\r\n */\r\n\r\nbutton {\r\n  overflow: visible;\r\n}\r\n\r\n/**\r\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\r\n * All other form control elements do not inherit `text-transform` values.\r\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\r\n * Correct `select` style inheritance in Firefox.\r\n */\r\n\r\nbutton,\r\nselect {\r\n  text-transform: none;\r\n}\r\n\r\n/**\r\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\r\n *    and `video` controls.\r\n * 2. Correct inability to style clickable `input` types in iOS.\r\n * 3. Improve usability and consistency of cursor style between image-type\r\n *    `input` and others.\r\n */\r\n\r\nbutton,\r\nhtml input[type=\"button\"], /* 1 */\r\ninput[type=\"reset\"],\r\ninput[type=\"submit\"] {\r\n  -webkit-appearance: button; /* 2 */\r\n  cursor: pointer; /* 3 */\r\n}\r\n\r\n/**\r\n * Re-set default cursor for disabled elements.\r\n */\r\n\r\nbutton[disabled],\r\nhtml input[disabled] {\r\n  cursor: default;\r\n}\r\n\r\n/**\r\n * Remove inner padding and border in Firefox 4+.\r\n */\r\n\r\nbutton::-moz-focus-inner,\r\ninput::-moz-focus-inner {\r\n  border: 0;\r\n  padding: 0;\r\n}\r\n\r\n/**\r\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\r\n * the UA stylesheet.\r\n */\r\n\r\ninput {\r\n  line-height: normal;\r\n}\r\n\r\n/**\r\n * It's recommended that you don't attempt to style these elements.\r\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\r\n *\r\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\r\n * 2. Remove excess padding in IE 8/9/10.\r\n */\r\n\r\ninput[type=\"checkbox\"],\r\ninput[type=\"radio\"] {\r\n  box-sizing: border-box; /* 1 */\r\n  padding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\r\n * `font-size` values of the `input`, it causes the cursor style of the\r\n * decrement button to change from `default` to `text`.\r\n */\r\n\r\ninput[type=\"number\"]::-webkit-inner-spin-button,\r\ninput[type=\"number\"]::-webkit-outer-spin-button {\r\n  height: auto;\r\n}\r\n\r\n/**\r\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\r\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome\r\n *    (include `-moz` to future-proof).\r\n */\r\n\r\ninput[type=\"search\"] {\r\n  -webkit-appearance: textfield; /* 1 */\r\n  -moz-box-sizing: content-box;\r\n  -webkit-box-sizing: content-box; /* 2 */\r\n  box-sizing: content-box;\r\n}\r\n\r\n/**\r\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\r\n * Safari (but not Chrome) clips the cancel button when the search input has\r\n * padding (and `textfield` appearance).\r\n */\r\n\r\ninput[type=\"search\"]::-webkit-search-cancel-button,\r\ninput[type=\"search\"]::-webkit-search-decoration {\r\n  -webkit-appearance: none;\r\n}\r\n\r\n/**\r\n * Define consistent border, margin, and padding.\r\n */\r\n\r\nfieldset {\r\n  border: 1px solid #c0c0c0;\r\n  margin: 0 2px;\r\n  padding: 0.35em 0.625em 0.75em;\r\n}\r\n\r\n/**\r\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\r\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\r\n */\r\n\r\nlegend {\r\n  border: 0; /* 1 */\r\n  padding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove default vertical scrollbar in IE 8/9/10/11.\r\n */\r\n\r\ntextarea {\r\n  overflow: auto;\r\n}\r\n\r\n/**\r\n * Don't inherit the `font-weight` (applied by a rule above).\r\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\r\n */\r\n\r\noptgroup {\r\n  font-weight: bold;\r\n}\r\n\r\n/* Tables\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove most spacing between table cells.\r\n */\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 0;\r\n}","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-grid-classes: $include-html-classes !default;\r\n$include-xl-html-grid-classes: false !default;\r\n\r\n$row-width: rem-calc(1000) !default;\r\n$total-columns: 12 !default;\r\n\r\n$last-child-float: $opposite-direction !default;\r\n\r\n//\r\n// Grid Functions\r\n//\r\n\r\n// Deprecated: We'll drop support for this in 5.1, use grid-calc()\r\n@function gridCalc($colNumber, $totalColumns) {\r\n  @warn \"gridCalc() is deprecated, use grid-calc()\";\r\n  @return grid-calc($colNumber, $totalColumns);\r\n}\r\n\r\n// @FUNCTION\r\n// $colNumber - Found in settings file\r\n// $totalColumns - Found in settings file\r\n@function grid-calc($colNumber, $totalColumns) {\r\n  @return percentage(($colNumber / $totalColumns));\r\n}\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n// For creating container, nested, and collapsed rows.\r\n//\r\n//\r\n// $behavior - Any special behavior for this row? Default: false. Options: nest, collapse, nest-collapse, false.\r\n@mixin grid-row($behavior: false) {\r\n\r\n  // use @include grid-row(nest); to include a nested row\r\n  @if $behavior == nest {\r\n    width: auto;\r\n    margin-#{$default-float}: -($column-gutter/2);\r\n    margin-#{$opposite-direction}: -($column-gutter/2);\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    max-width: none;\r\n  }\r\n\r\n  // use @include grid-row(collapse); to collapsed a container row margins\r\n  @else if $behavior == collapse {\r\n    width: 100%;\r\n    margin: 0;\r\n    max-width: $row-width;\r\n  }\r\n\r\n  // use @include grid-row(nest-collapse); to collapse outer margins on a nested row\r\n  @else if $behavior == nest-collapse {\r\n    width: auto;\r\n    margin: 0;\r\n    max-width: none;\r\n  }\r\n\r\n  // use @include grid-row; to use a container row\r\n  @else {\r\n    width: 100%;\r\n    margin-#{$default-float}: auto;\r\n    margin-#{$opposite-direction}: auto;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    max-width: $row-width;\r\n  }\r\n\r\n  // Clearfix for all rows\r\n  @include clearfix();\r\n}\r\n\r\n// Creates a column, should be used inside of a media query to control layouts\r\n//\r\n// $columns - The number of columns this should be\r\n// $last-column - Is this the last column? Default: false.\r\n// $center - Center these columns? Default: false.\r\n// $offset - # of columns to offset. Default: false.\r\n// $push - # of columns to push. Default: false.\r\n// $pull - # of columns to pull. Default: false.\r\n// $collapse - Get rid of gutter padding on column? Default: false.\r\n// $float - Should this float? Default: true. Options: true, false, left, right.\r\n@mixin grid-column(\r\n  $columns:false,\r\n  $last-column:false,\r\n  $center:false,\r\n  $offset:false,\r\n  $push:false,\r\n  $pull:false,\r\n  $collapse:false,\r\n  $float:true,\r\n  $position:false) {\r\n\r\n  // If positioned for default .column, include relative position\r\n  // push and pull require position set\r\n  @if $position or $push or $pull {\r\n    position: relative;\r\n  }\r\n\r\n  // If collapsed, get rid of gutter padding\r\n  @if $collapse {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  // Gutter padding whenever a column isn't set to collapse\r\n  // (use $collapse:null to do nothing)\r\n  @else if $collapse == false {\r\n    padding-left: ($column-gutter / 2);\r\n    padding-right: ($column-gutter / 2);\r\n  }\r\n\r\n  // If a column number is given, calculate width\r\n  @if $columns {\r\n    width: grid-calc($columns, $total-columns);\r\n\r\n    // If last column, float naturally instead of to the right\r\n    @if $last-column { float: $opposite-direction; }\r\n  }\r\n\r\n  // Source Ordering, adds left/right depending on which you use.\r\n  @if $push { #{$default-float}: grid-calc($push, $total-columns); #{$opposite-direction}: auto; }\r\n  @if $pull { #{$opposite-direction}: grid-calc($pull, $total-columns); #{$default-float}: auto; }\r\n\r\n  @if $float {\r\n    @if $float == left or $float == true { float: $default-float; }\r\n    @else if $float == right { float: $opposite-direction; }\r\n    @else { float: none; }\r\n  }\r\n\r\n  // If centered, get rid of float and add appropriate margins\r\n  @if $center {\r\n    margin-#{$default-float}: auto;\r\n    margin-#{$opposite-direction}: auto;\r\n    float: none;\r\n  }\r\n\r\n  // If offset, calculate appropriate margins\r\n  @if $offset { margin-#{$default-float}: grid-calc($offset, $total-columns) !important; }\r\n\r\n}\r\n\r\n// Create presentational classes for grid\r\n//\r\n// $size - Name of class to use, i.e. \"large\" will generate .large-1, .large-2, etc.\r\n@mixin grid-html-classes($size) {\r\n\r\n  @for $i from 0 through $total-columns - 1 {\r\n    .#{$size}-push-#{$i} {\r\n      @include grid-column($push:$i, $collapse:null, $float:false);\r\n    }\r\n    .#{$size}-pull-#{$i} {\r\n      @include grid-column($pull:$i, $collapse:null, $float:false);\r\n    }\r\n  }\r\n\r\n  .column,\r\n  .columns { @include grid-column($columns:false, $position:true); }\r\n\r\n\r\n  @for $i from 1 through $total-columns {\r\n    .#{$size}-#{$i} { @include grid-column($columns:$i,$collapse:null,$float:false); }\r\n  }\r\n\r\n  @for $i from 0 through $total-columns - 1 {\r\n    .#{$size}-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); }\r\n  }\r\n\r\n  .#{$size}-reset-order {\r\n    margin-#{$default-float}: 0;\r\n    margin-#{$opposite-direction}: 0;\r\n    left: auto;\r\n    right: auto;\r\n    float: $default-float;\r\n  }\r\n\r\n  .column.#{$size}-centered,\r\n  .columns.#{$size}-centered { @include grid-column($center:true, $collapse:null, $float:false); }\r\n\r\n  .column.#{$size}-uncentered,\r\n  .columns.#{$size}-uncentered {\r\n    margin-#{$default-float}: 0;\r\n    margin-#{$opposite-direction}: 0;\r\n    float: $default-float;\r\n  }\r\n\r\n  // Fighting [class*=\"column\"] + [class*=\"column\"]:last-child\r\n  .column.#{$size}-centered:last-child,\r\n  .columns.#{$size}-centered:last-child{\r\n    float: none;\r\n  }\r\n\r\n  // Fighting .column.<previous-size>-centered:last-child\r\n  .column.#{$size}-uncentered:last-child,\r\n  .columns.#{$size}-uncentered:last-child {\r\n    float: $default-float;\r\n  }\r\n\r\n  .column.#{$size}-uncentered.opposite,\r\n  .columns.#{$size}-uncentered.opposite {\r\n    float: $opposite-direction;\r\n  }\r\n\r\n\t.row {\r\n\t\t&.#{$size}-collapse {\r\n\t\t\t> .column,\r\n\t\t\t> .columns { @include grid-column($collapse:true, $float:false); }\r\n\r\n\t\t\t.row {margin-left:0; margin-right:0;}\r\n\t\t}\r\n\t\t&.#{$size}-uncollapse {\r\n\t\t\t> .column,\r\n\t\t\t> .columns {\r\n\t\t\t\t@include grid-column;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include exports(\"grid\") {\r\n  @if $include-html-grid-classes {\r\n    .row {\r\n      @include grid-row;\r\n\r\n      &.collapse {\r\n         > .column,\r\n         > .columns { @include grid-column($collapse:true, $float:false); }\r\n\r\n        .row {margin-left:0; margin-right:0;}\r\n      }\r\n\r\n      .row { @include grid-row($behavior:nest);\r\n        &.collapse { @include grid-row($behavior:nest-collapse); }\r\n      }\r\n    }\r\n\r\n    .column,\r\n    .columns { @include grid-column($columns:$total-columns); }\r\n\r\n    [class*=\"column\"] + [class*=\"column\"]:last-child { float: $last-child-float; }\r\n    [class*=\"column\"] + [class*=\"column\"].end { float: $default-float; }\r\n\r\n    @media #{$small-up} {\r\n      @include grid-html-classes($size:small);\r\n    }\r\n\r\n    @media #{$medium-up} {\r\n      @include grid-html-classes($size:medium);\r\n      // Old push and pull classes\r\n      @for $i from 0 through $total-columns - 1 {\r\n        .push-#{$i} {\r\n          @include grid-column($push:$i, $collapse:null, $float:false);\r\n        }\r\n        .pull-#{$i} {\r\n          @include grid-column($pull:$i, $collapse:null, $float:false);\r\n        }\r\n      }\r\n    }\r\n    @media #{$large-up} {\r\n      @include grid-html-classes($size:large);\r\n      @for $i from 0 through $total-columns - 1 {\r\n        .push-#{$i} {\r\n          @include grid-column($push:$i, $collapse:null, $float:false);\r\n        }\r\n        .pull-#{$i} {\r\n          @include grid-column($pull:$i, $collapse:null, $float:false);\r\n        }\r\n      }\r\n    }\r\n  }\r\n  @if $include-xl-html-grid-classes {\r\n    @media #{$xlarge-up} {\r\n      @include grid-html-classes($size:xlarge);\r\n    }\r\n    @media #{$xxlarge-up} {\r\n      @include grid-html-classes($size:xxlarge);\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"../functions\";\r\n//\r\n// Foundation Variables\r\n//\r\n\r\n// Data attribute namespace\r\n// styles get applied to [data-mysite-plugin], etc\r\n$namespace: false !default;\r\n\r\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\r\n// for compatibility with browser-based text zoom or user-set defaults.\r\n\r\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\r\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\r\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\r\n$base-font-size: 100% !default;\r\n\r\n// $base-line-height is 24px while $base-font-size is 16px\r\n$base-line-height: 1.5 !default;\r\n\r\n//\r\n// Global Foundation Mixins\r\n//\r\n\r\n// @mixins\r\n//\r\n// We use this to control border radius.\r\n// $radius - Default: $global-radius || 4px\r\n@mixin radius($radius:$global-radius) {\r\n  @if $radius {\r\n    border-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create equal side border radius on elements.\r\n// $side - Options: left, right, top, bottom\r\n@mixin side-radius($side, $radius:$global-radius) {\r\n  @if ($side == left or $side == right) {\r\n    -webkit-border-bottom-#{$side}-radius: $radius;\r\n    -webkit-border-top-#{$side}-radius: $radius;\r\n    border-bottom-#{$side}-radius: $radius;\r\n    border-top-#{$side}-radius: $radius;\r\n  } @else {\r\n    -webkit-#{$side}-left-radius: $radius;\r\n    -webkit-#{$side}-right-radius: $radius;\r\n    border-#{$side}-left-radius: $radius;\r\n    border-#{$side}-right-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We can control whether or not we have inset shadows edges.\r\n// $active - Default: true, Options: false\r\n@mixin inset-shadow($active:true) {\r\n  box-shadow: $shiny-edge-size $shiny-edge-color inset;\r\n\r\n  @if $active { &:active {\r\n    box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add transitions to elements\r\n// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties\r\n// $speed - Default: 300ms\r\n// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/\r\n@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {\r\n  transition: $property $speed $ease;\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add box-sizing across browser prefixes\r\n@mixin box-sizing($type:border-box) {\r\n  -webkit-box-sizing: $type; // Android < 2.3, iOS < 4\r\n     -moz-box-sizing: $type; // Firefox < 29\r\n          box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create isosceles triangles\r\n// $triangle-size - Used to set border-size. No default, set a px or em size.\r\n// $triangle-color - Used to set border-color which makes up triangle. No default\r\n// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right\r\n@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {\r\n  content: \"\";\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n  border: inset $triangle-size;\r\n  @if ($triangle-direction == top) {\r\n    border-color: $triangle-color transparent transparent transparent;\r\n    border-top-style: solid;\r\n  }\r\n  @if ($triangle-direction == bottom) {\r\n    border-color: transparent transparent $triangle-color transparent;\r\n    border-bottom-style: solid;\r\n  }\r\n  @if ($triangle-direction == left) {\r\n    border-color: transparent transparent transparent $triangle-color;\r\n    border-left-style: solid;\r\n  }\r\n  @if ($triangle-direction == right) {\r\n    border-color: transparent $triangle-color transparent transparent;\r\n    border-right-style: solid;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\r\n// $width - Width of hamburger icon in rem\r\n// $left - If false, icon will be centered horizontally || explicitly set value in rem\r\n// $top - If false, icon will be centered vertically || explicitly set value in rem\r\n// $thickness - thickness of lines in hamburger icon, set value in px\r\n// $gap - spacing between the lines in hamburger icon, set value in px\r\n// $color - icon color\r\n// $hover-color - icon color during hover\r\n// $offcanvas - Set to true of @include in offcanvas\r\n@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {\r\n  span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    display: block;\r\n    height: 0;\r\n\r\n    @if $offcanvas {\r\n      @if $top {\r\n        top: $top;\r\n      }\r\n      @else {\r\n        top: 50%;\r\n        margin-top: (-$width/2);\r\n      }\r\n      @if $left {\r\n        left: $left;\r\n      }\r\n      @else {\r\n        left: ($tabbar-menu-icon-width - $width)/2;\r\n      }\r\n    }\r\n    @else {\r\n      top: 50%;\r\n      margin-top: -($width/2);\r\n      #{$opposite-direction}: $topbar-link-padding;\r\n    }\r\n\r\n    box-shadow:\r\n      0 0 0 $thickness $color,\r\n      0 $gap + $thickness 0 $thickness $color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $color;\r\n    width: $width;\r\n  }\r\n  span:hover:after {\r\n    box-shadow:\r\n      0 0 0 $thickness $hover-color,\r\n      0 $gap + $thickness 0 $thickness $hover-color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;\r\n  }\r\n}\r\n\r\n// We use this to do clear floats\r\n@mixin clearfix {\r\n  &:before, &:after { content: \" \"; display: table; }\r\n  &:after { clear: both; }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add a glowing effect to block elements\r\n// $selector - Used for selector state. Default: focus, Options: hover, active, visited\r\n// $fade-time - Default: 300ms\r\n// $glowing-effect-color - Default: fade-out($primary-color, .25)\r\n@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) {\r\n  transition: box-shadow $fade-time, border-color $fade-time ease-in-out;\r\n\r\n  &:#{$selector} {\r\n    box-shadow: 0 0 5px $glowing-effect-color;\r\n    border-color: $glowing-effect-color;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to translate elements in 2D\r\n// $horizontal: Default: 0\r\n// $vertical: Default: 0\r\n@mixin translate2d($horizontal:0, $vertical:0) {\r\n  transform: translate($horizontal,$vertical)\r\n}\r\n\r\n// @mixins\r\n//\r\n// Makes an element visually hidden, but accessible.\r\n// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\r\n@mixin element-invisible {\r\n  position: absolute !important;\r\n  height: 1px;\r\n  width: 1px;\r\n  overflow: hidden;\r\n  clip: rect(1px, 1px, 1px, 1px);\r\n}\r\n\r\n// @mixins\r\n//\r\n// Turns off the element-invisible effect.\r\n@mixin element-invisible-off {\r\n  position: static !important;\r\n  height: auto;\r\n  width: auto;\r\n  overflow: visible;\r\n  clip: auto;\r\n}\r\n\r\n$white         : #FFFFFF !default;\r\n$ghost         : #FAFAFA !default;\r\n$snow          : #F9F9F9 !default;\r\n$vapor         : #F6F6F6 !default;\r\n$white-smoke   : #F5F5F5 !default;\r\n$silver        : #EFEFEF !default;\r\n$smoke         : #EEEEEE !default;\r\n$gainsboro     : #DDDDDD !default;\r\n$iron          : #CCCCCC !default;\r\n$base          : #AAAAAA !default;\r\n$aluminum      : #999999 !default;\r\n$jumbo         : #888888 !default;\r\n$monsoon       : #777777 !default;\r\n$steel         : #666666 !default;\r\n$charcoal      : #555555 !default;\r\n$tuatara       : #444444 !default;\r\n$oil           : #333333 !default;\r\n$jet           : #222222 !default;\r\n$black         : #000000 !default;\r\n\r\n// We use these as default colors throughout\r\n$primary-color: #008CBA !default;   // bondi-blue\r\n$secondary-color: #e7e7e7 !default; // white-lilac\r\n$alert-color: #f04124 !default;     // cinnabar\r\n$success-color: #43AC6A !default;   // sea-green\r\n$warning-color: #f08a24 !default;   // carrot\r\n$info-color: #a0d3e8 !default;      // cornflower\r\n\r\n// We use these to define default font stacks\r\n$font-family-sans-serif: \"Helvetica Neue\", Helvetica, Roboto, Arial, sans-serif !default;\r\n$font-family-serif: Georgia, Cambria, \"Times New Roman\", Times, serif !default;\r\n$font-family-monospace: Consolas, \"Liberation Mono\", Courier, monospace !default;\r\n\r\n// We use these to define default font weights\r\n$font-weight-normal: normal !default;\r\n$font-weight-bold: bold !default;\r\n\r\n// We use these to control various global styles\r\n$body-bg: #fff !default;\r\n$body-font-color: #222 !default;\r\n$body-font-family: $font-family-sans-serif !default;\r\n$body-font-weight: $font-weight-normal !default;\r\n$body-font-style: normal !default;\r\n\r\n// We use this to control font-smoothing\r\n$font-smoothing: antialiased !default;\r\n\r\n// We use these to control text direction settings\r\n$text-direction: ltr !default;\r\n$default-float: left !default;\r\n$opposite-direction: right !default;\r\n@if $text-direction == ltr {\r\n  $default-float: left;\r\n  $opposite-direction: right;\r\n} @else {\r\n  $default-float: right;\r\n  $opposite-direction: left;\r\n}\r\n\r\n// We use these to make sure border radius matches unless we want it different.\r\n$global-radius: 3px !default;\r\n$global-rounded: 1000px !default;\r\n\r\n// We use these to control inset shadow shiny edges and depressions.\r\n$shiny-edge-size: 0 1px 0 !default;\r\n$shiny-edge-color: rgba(#fff, .5) !default;\r\n$shiny-edge-active-color: rgba(#000, .2) !default;\r\n\r\n// We use this to control whether or not CSS classes come through in the gem files.\r\n$include-html-classes: true !default;\r\n$include-print-styles: true !default;\r\n$include-html-global-classes: $include-html-classes !default;\r\n\r\n$column-gutter: rem-calc(30) !default;\r\n\r\n// Media Query Ranges\r\n$small-range: (0, 40em) !default;\r\n$medium-range: (40.063em, 64em) !default;\r\n$large-range: (64.063em, 90em) !default;\r\n$xlarge-range: (90.063em, 120em) !default;\r\n$xxlarge-range: (120.063em, 99999999em) !default;\r\n\r\n\r\n$screen: \"only screen\" !default;\r\n\r\n$landscape: \"#{$screen} and (orientation: landscape)\" !default;\r\n$portrait: \"#{$screen} and (orientation: portrait)\" !default;\r\n\r\n$small-up: $screen !default;\r\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\" !default;\r\n\r\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\" !default;\r\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\" !default;\r\n\r\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\" !default;\r\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\" !default;\r\n\r\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\r\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\" !default;\r\n\r\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\" !default;\r\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\" !default;\r\n\r\n// Legacy\r\n$small: $medium-up;\r\n$medium: $medium-up;\r\n$large: $large-up;\r\n\r\n\r\n//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\r\n$cursor-auto-value: auto !default;\r\n$cursor-crosshair-value: crosshair !default;\r\n$cursor-default-value: default !default;\r\n$cursor-pointer-value: pointer !default;\r\n$cursor-help-value: help !default;\r\n$cursor-text-value: text !default;\r\n\r\n\r\n@include exports(\"global\") {\r\n\r\n  // Meta styles are included in all builds, as they are a dependancy of the Javascript.\r\n  // Used to provide media query values for javascript components.\r\n  // Forward slash placed around everything to convince PhantomJS to read the value.\r\n\r\n  meta.foundation-version {\r\n    font-family: \"/5.5.0/\";\r\n  }\r\n\r\n  meta.foundation-mq-small {\r\n    font-family: \"/\" + unquote($small-up) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-small-only {\r\n    font-family: \"/\" + unquote($small-only) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium {\r\n    font-family: \"/\" + unquote($medium-up) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium-only {\r\n    font-family: \"/\" + unquote($medium-only) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-large {\r\n    font-family: \"/\" + unquote($large-up) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-large-only {\r\n    font-family: \"/\" + unquote($large-only) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge {\r\n    font-family: \"/\" + unquote($xlarge-up) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge-only {\r\n    font-family: \"/\" + unquote($xlarge-only) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xxlarge {\r\n    font-family: \"/\" + unquote($xxlarge-up) + \"/\";\r\n    width: lower-bound($xxlarge-range);\r\n  }\r\n\r\n  meta.foundation-data-attribute-namespace {\r\n    font-family: #{$namespace};\r\n  }\r\n\r\n  @if $include-html-global-classes {\r\n\r\n    // Must be 100% for off canvas to work\r\n    html, body { height: 100%; }\r\n\r\n    // Set box-sizing globally to handle padding and border widths\r\n    *,\r\n    *:before,\r\n    *:after {\r\n      @include box-sizing(border-box);\r\n    }\r\n\r\n    html,\r\n    body { font-size: $base-font-size; }\r\n\r\n    // Default body styles\r\n    body {\r\n      background: $body-bg;\r\n      color: $body-font-color;\r\n      padding: 0;\r\n      margin: 0;\r\n      font-family: $body-font-family;\r\n      font-weight: $body-font-weight;\r\n      font-style: $body-font-style;\r\n      line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%\r\n      position: relative;\r\n      cursor: $cursor-auto-value;\r\n    }\r\n\r\n  a:hover { cursor: $cursor-pointer-value; }\r\n\r\n    // Grid Defaults to get images and embeds to work properly\r\n    img { max-width: 100%; height: auto; }\r\n\r\n    img { -ms-interpolation-mode: bicubic; }\r\n\r\n    #map_canvas,\r\n    .map_canvas {\r\n      img,\r\n      embed,\r\n      object { max-width: none !important;\r\n      }\r\n    }\r\n\r\n    // Miscellaneous useful HTML classes\r\n    .left { float: left !important; }\r\n    .right { float: right !important; }\r\n    .clearfix { @include clearfix; }\r\n\r\n    // Hide visually and from screen readers\r\n    .hide {\r\n      display: none !important;\r\n      visibility: hidden;\r\n    }\r\n\r\n    // Hide visually and from screen readers, but maintain layout\r\n    .invisible { visibility: hidden; }\r\n\r\n    // Font smoothing\r\n    // Antialiased font smoothing works best for light text on a dark background.\r\n    // Apply to single elements instead of globally to body.\r\n    // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.\r\n    .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\r\n\r\n    // Get rid of gap under images by making them display: inline-block; by default\r\n    img {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    //\r\n    // Global resets for forms\r\n    //\r\n\r\n    // Make sure textarea takes on height automatically\r\n    textarea { height: auto; min-height: 50px; }\r\n\r\n    // Make select elements 100% width by default\r\n    select { width: 100%; }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-button-classes: $include-html-classes !default;\r\n\r\n// We use these to build padding for buttons.\r\n$button-tny: rem-calc(10) !default;\r\n$button-sml: rem-calc(14) !default;\r\n$button-med: rem-calc(16) !default;\r\n$button-lrg: rem-calc(18) !default;\r\n\r\n// We use this to control the display property.\r\n$button-display: inline-block !default;\r\n$button-margin-bottom: rem-calc(20) !default;\r\n\r\n// We use these to control button text styles.\r\n$button-font-family: $body-font-family !default;\r\n$button-font-color: $white !default;\r\n$button-font-color-alt: $oil !default;\r\n$button-font-tny: rem-calc(11) !default;\r\n$button-font-sml: rem-calc(13) !default;\r\n$button-font-med: rem-calc(16) !default;\r\n$button-font-lrg: rem-calc(20) !default;\r\n$button-font-weight: $font-weight-normal !default;\r\n$button-font-align: center !default;\r\n\r\n// We use these to control various hover effects.\r\n$button-function-factor: -20% !default;\r\n\r\n// We use these to control button border styles.\r\n$button-border-width: 0 !default;\r\n$button-border-style: solid !default;\r\n$button-bg-color: $primary-color !default;\r\n$button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor) !default;\r\n$button-border-color: $button-bg-hover !default;\r\n$secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor) !default;\r\n$secondary-button-border-color: $secondary-button-bg-hover !default;\r\n$success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor) !default;\r\n$success-button-border-color: $success-button-bg-hover !default;\r\n$alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor) !default;\r\n$alert-button-border-color: $alert-button-bg-hover !default;\r\n$warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor) !default;\r\n$warning-button-border-color: $warning-button-bg-hover !default;\r\n$info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor) !default;\r\n$info-button-border-color: $info-button-bg-hover !default;\r\n\r\n// We use this to set the default radius used throughout the core.\r\n$button-radius: $global-radius !default;\r\n$button-round: $global-rounded !default;\r\n\r\n// We use this to set default opacity and cursor for disabled buttons.\r\n$button-disabled-opacity: 0.7 !default;\r\n$button-disabled-cursor: $cursor-default-value !default;\r\n\r\n\r\n//\r\n// @MIXIN\r\n//\r\n// We use this mixin to create a default button base.\r\n//\r\n// $style - Sets base styles. Can be set to false. Default: true.\r\n// $display - Used to control display property. Default: $button-display || inline-block\r\n\r\n@mixin button-base($style:true, $display:$button-display) {\r\n  @if $style {\r\n    border-style: $button-border-style;\r\n    border-width: $button-border-width;\r\n    cursor: $cursor-pointer-value;\r\n    font-family: $button-font-family;\r\n    font-weight: $button-font-weight;\r\n    line-height: normal;\r\n    margin: 0 0 $button-margin-bottom;\r\n    position: relative;\r\n    text-decoration: none;\r\n    text-align: $button-font-align;\r\n    -webkit-appearance: none;\r\n    border-radius:0;\r\n  }\r\n  @if $display { display: $display; }\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to add button size styles\r\n//\r\n// $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12)\r\n// $full-width - We can set $full-width:true to remove side padding extend width - Default: false\r\n\r\n@mixin button-size($padding:$button-med, $full-width:false) {\r\n\r\n  // We control which padding styles come through,\r\n  // these can be turned off by setting $padding:false\r\n  @if $padding {\r\n    padding-top: $padding;\r\n    padding-#{$opposite-direction}: $padding * 2;\r\n    padding-bottom: $padding + rem-calc(1);\r\n    padding-#{$default-float}: $padding * 2;\r\n\r\n    // We control the font-size based on mixin input.\r\n    @if      $padding == $button-med { font-size: $button-font-med; }\r\n    @else if $padding == $button-tny { font-size: $button-font-tny; }\r\n    @else if $padding == $button-sml { font-size: $button-font-sml; }\r\n    @else if $padding == $button-lrg { font-size: $button-font-lrg; }\r\n  }\r\n\r\n  // We can set $full-width:true to remove side padding extend width.\r\n  @if $full-width {\r\n    // We still need to check if $padding is set.\r\n    @if $padding {\r\n    padding-top: $padding;\r\n    padding-bottom: $padding + rem-calc(1);\r\n    } @else if $padding == false {\r\n      padding-top:0;\r\n      padding-bottom:0;\r\n    }\r\n    padding-right: 0;\r\n    padding-left: 0;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// we use this mixin to create the button hover and border colors\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to add button color styles\r\n//\r\n// $bg - Background color. We can set $bg:false for a transparent background. Default: $primary-color.\r\n// $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: true\r\n// $disabled - We can set $disabled:true to create a disabled transparent button. Default: false\r\n// $bg-hover - Button Hover Background Color. Default: $button-bg-hover\r\n// $border-color - Button Border Color. Default: $button-border-color\r\n@mixin button-style($bg:$button-bg-color, $radius:false, $disabled:false, $bg-hover:null, $border-color:null) {\r\n\r\n  // We control which background styles are used,\r\n  // these can be removed by setting $bg:false\r\n  @if $bg {\r\n\r\n    @if $bg-hover == null {\r\n      $bg-hover: if($bg == $button-bg-color, $button-bg-hover, scale-color($bg, $lightness: $button-function-factor));\r\n    }\r\n\r\n    @if $border-color == null {\r\n      $border-color: if($bg == $button-bg-color, $button-border-color, scale-color($bg, $lightness: $button-function-factor));\r\n    }\r\n\r\n    // This find the lightness percentage of the background color.\r\n    $bg-lightness: lightness($bg);\r\n    $bg-hover-lightness: lightness($bg-hover);\r\n\r\n    background-color: $bg;\r\n    border-color: $border-color;\r\n    &:hover,\r\n    &:focus { background-color: $bg-hover; }\r\n\r\n    // We control the text color for you based on the background color.\r\n    color: if($bg-lightness > 70%, $button-font-color-alt, $button-font-color);\r\n\r\n    &:hover,\r\n    &:focus {\r\n      color: if($bg-hover-lightness > 70%, $button-font-color-alt, $button-font-color);\r\n    }\r\n  }\r\n\r\n  // We can set $disabled:true to create a disabled transparent button.\r\n  @if $disabled {\r\n    cursor: $button-disabled-cursor;\r\n    opacity: $button-disabled-opacity;\r\n    box-shadow: none;\r\n    &:hover,\r\n    &:focus { background-color: $bg; }\r\n  }\r\n\r\n  // We can control how much button radius is used.\r\n  @if $radius == true { @include radius($button-radius); }\r\n  @else if $radius { @include radius($radius); }\r\n\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this to quickly create buttons with a single mixin. As @jaredhardy puts it, \"the kitchen sink mixin\"\r\n//\r\n// $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12)\r\n// $bg - Primary color set in settings file. Default: $button-bg.\r\n// $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default:false.\r\n// $full-width - We can set $full-width:true to remove side padding extend width. Default:false.\r\n// $disabled - We can set $disabled:true to create a disabled transparent button. Default:false.\r\n// $is-prefix - Not used? Default:false.\r\n// $bg-hover - Button Hover Color - Default null - see button-style mixin\r\n// $border-color - Button Border Color - Default null - see button-style mixin\r\n// $transition - We can control whether or not to include the background-color transition property - Default:true.\r\n@mixin button($padding:$button-med, $bg:$button-bg-color, $radius:false, $full-width:false, $disabled:false, $is-prefix:false, $bg-hover:null, $border-color:null, $transition: true) {\r\n  @include button-base;\r\n  @include button-size($padding, $full-width);\r\n  @include button-style($bg, $radius, $disabled, $bg-hover, $border-color);\r\n\r\n  @if $transition {\r\n    @include single-transition(background-color);\r\n  }\r\n}\r\n\r\n\r\n@include exports(\"button\") {\r\n  @if $include-html-button-classes {\r\n\r\n    // Default styles applied outside of media query\r\n    button, .button {\r\n      @include button-base;\r\n      @include button-size;\r\n      @include button-style;\r\n\r\n      @include single-transition(background-color);\r\n\r\n      &.secondary { @include button-style($bg:$secondary-color, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); }\r\n      &.success   { @include button-style($bg:$success-color, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); }\r\n      &.alert     { @include button-style($bg:$alert-color, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); }\r\n      &.warning   { @include button-style($bg:$warning-color, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); }\r\n      &.info      { @include button-style($bg:$info-color, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); }\r\n\r\n      &.large  { @include button-size($padding:$button-lrg); }\r\n      &.small  { @include button-size($padding:$button-sml); }\r\n      &.tiny   { @include button-size($padding:$button-tny); }\r\n      &.expand { @include button-size($padding:null,$full-width:true); }\r\n\r\n      &.left-align  { text-align: left; text-indent: rem-calc(12); }\r\n      &.right-align { text-align: right; padding-right: rem-calc(12); }\r\n\r\n      &.radius { @include button-style($bg:false, $radius:true); }\r\n      &.round  { @include button-style($bg:false, $radius:$button-round); }\r\n\r\n      &.disabled, &[disabled] { @include button-style($bg:$button-bg-color, $disabled:true, $bg-hover:$button-bg-hover, $border-color:$button-border-color);\r\n        &.secondary { @include button-style($bg:$secondary-color, $disabled:true, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); }\r\n        &.success { @include button-style($bg:$success-color, $disabled:true, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); }\r\n        &.alert { @include button-style($bg:$alert-color, $disabled:true, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); }\r\n        &.warning { @include button-style($bg:$warning-color, $disabled:true, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); }\r\n        &.info { @include button-style($bg:$info-color, $disabled:true, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); }\r\n      }\r\n    }\r\n\r\n    //firefox 2px fix\r\n    button::-moz-focus-inner {border:0; padding:0;}\r\n\r\n    @media #{$medium-up} {\r\n      button, .button {\r\n        @include button-base($style:false, $display:inline-block);\r\n        @include button-size($padding:false, $full-width:false);\r\n      }\r\n    }\r\n  }\r\n}\r\n","@charset \"utf-8\";\r\n\r\n$spacing-unit: 30px;\r\n\r\n\r\n// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n//\r\n\r\n// Table of Contents\r\n// Foundation Settings\r\n//\r\n// a. Base\r\n// b. Grid\r\n// c. Global\r\n// d. Media Query Ranges\r\n// e. Typography\r\n// 01. Accordion\r\n// 02. Alert Boxes\r\n// 03. Block Grid\r\n// 04. Breadcrumbs\r\n// 05. Buttons\r\n// 06. Button Groups\r\n// 07. Clearing\r\n// 08. Dropdown\r\n// 09. Dropdown Buttons\r\n// 10. Flex Video\r\n// 11. Forms\r\n// 12. Icon Bar\r\n// 13. Inline Lists\r\n// 14. Joyride\r\n// 15. Keystrokes\r\n// 16. Labels\r\n// 17. Magellan\r\n// 18. Off-canvas\r\n// 19. Orbit\r\n// 20. Pagination\r\n// 21. Panels\r\n// 22. Pricing Tables\r\n// 23. Progress Bar\r\n// 24. Range Slider\r\n// 25. Reveal\r\n// 26. Side Nav\r\n// 27. Split Buttons\r\n// 28. Sub Nav\r\n// 29. Switch\r\n// 30. Tables\r\n// 31. Tabs\r\n// 32. Thumbnails\r\n// 33. Tooltips\r\n// 34. Top Bar\r\n// 36. Visibility Classes\r\n\r\n// a. Base\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// This is the default html and body font-size for the base rem value.\r\n// $rem-base: 16px;\r\n\r\n// Allows the use of rem-calc() or lower-bound() in your settings\r\n@import \"functions\";\r\n\r\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\r\n// for compatibility with browser-based text zoom or user-set defaults.\r\n\r\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\r\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\r\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\r\n// $base-font-size: 100%;\r\n\r\n$base-font-size: 16px;\r\n$rem-base: $base-font-size;\r\n\r\n\r\n// The $base-font-size is 100% while $base-line-height is 150%\r\n// $base-line-height: 150%;\r\n\r\n// We use this to control whether or not CSS classes come through in the gem files.\r\n$include-html-classes: true;\r\n// $include-print-styles: true;\r\n$include-html-global-classes: $include-html-classes;\r\n\r\n// b. Grid\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-grid-classes: $include-html-classes;\r\n// $include-xl-html-grid-classes: false;\r\n\r\n// $row-width: rem-calc(1000);\r\n// $total-columns: 12;\r\n// $column-gutter: rem-calc(30);\r\n\r\n// c. Global\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// We use these to define default font stacks\r\n// $font-family-sans-serif: \"Lato\", \"Helvetica Neue\", \"Helvetica\", Helvetica, Arial, sans-serif;\r\n// $font-family-serif: \"Volkhov\", Georgia, Times, serif;\r\n// $font-family-monospace: \"Lucida Console\", Monaco, monospace;\r\n\r\n// We use these to define default font weights\r\n// $font-weight-normal: normal !default;\r\n// $font-weight-bold: bold !default;\r\n\r\n// $white       : #FFFFFF;\r\n// $ghost       : #FAFAFA;\r\n// $snow        : #F9F9F9;\r\n// $vapor       : #F6F6F6;\r\n// $white-smoke : #F5F5F5;\r\n// $silver      : #EFEFEF;\r\n// $smoke       : #EEEEEE;\r\n// $gainsboro   : #DDDDDD;\r\n// $iron        : #CCCCCC;\r\n// $base        : #AAAAAA;\r\n// $aluminum    : #999999;\r\n// $jumbo       : #888888;\r\n// $monsoon     : #777777;\r\n// $steel       : #666666;\r\n// $charcoal    : #555555;\r\n// $tuatara     : #444444;\r\n// $oil         : #333333;\r\n// $jet         : #222222;\r\n// $black       : #000000;\r\n\r\n// We use these as default colors throughout\r\n// $primary-color: #008CBA;\r\n// $secondary-color: #e7e7e7;\r\n// $alert-color: #f04124;\r\n// $success-color: #43AC6A;\r\n// $warning-color: #f08a24;\r\n// $info-color: #a0d3e8;\r\n\r\n// We use these to control various global styles\r\n// $body-bg: $white;\r\n// $body-font-color: $jet;\r\n// $body-font-family: $font-family-sans-serif;\r\n// $body-font-weight: $font-weight-normal;\r\n// $body-font-style: normal;\r\n\r\n// We use this to control font-smoothing\r\n// $font-smoothing: antialiased;\r\n\r\n// We use these to control text direction settings\r\n// $text-direction: ltr;\r\n// $opposite-direction: right;\r\n// $default-float: left;\r\n// $last-child-float: $opposite-direction;\r\n\r\n// We use these to make sure border radius matches unless we want it different.\r\n$global-radius: 3px;\r\n// $global-rounded: 1000px;\r\n\r\n// We use these to control inset shadow shiny edges and depressions.\r\n// $shiny-edge-size: 0 1px 0;\r\n// $shiny-edge-color: rgba($white, .5);\r\n// $shiny-edge-active-color: rgba($black, .2);\r\n\r\n// // d. Media Query Ranges\r\n// // - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $small-range: (0em, 40em);\r\n// $medium-range: (40.063em, 64em);\r\n// $large-range: (64.063em, 90em);\r\n// $xlarge-range: (90.063em, 120em);\r\n// $xxlarge-range: (120.063em, 99999999em);\r\n\r\n// $screen: \"only screen\";\r\n\r\n// // $landscape: \"#{$screen} and (orientation: landscape)\";\r\n// // $portrait: \"#{$screen} and (orientation: portrait)\";\r\n\r\n// $small-up: $screen;\r\n// $small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\r\n\r\n// $medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\";\r\n// $medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\";\r\n\r\n// $large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\";\r\n// $large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\";\r\n\r\n// $xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\";\r\n// $xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\";\r\n\r\n// $xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\";\r\n// $xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\";\r\n\r\n// Legacy\r\n// $small: $medium-up;\r\n// $medium: $medium-up;\r\n// $large: $large-up;\r\n\r\n// We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\r\n// $cursor-crosshair-value: crosshair;\r\n// $cursor-default-value: default;\r\n// $cursor-pointer-value: pointer;\r\n// $cursor-help-value: help;\r\n// $cursor-text-value: text;\r\n\r\n// e. Typography\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-type-classes: $include-html-classes;\r\n\r\n// We use these to control header font styles\r\n// $header-font-family: $font-family-serif;\r\n// $header-font-weight: $font-weight-normal;\r\n// $header-font-style: normal;\r\n// $header-font-color: $jet;\r\n// $header-line-height: 1.4;\r\n// $header-top-margin: .2rem;\r\n// $header-bottom-margin: .5rem;\r\n// $header-text-rendering: optimizeLegibility;\r\n\r\n// We use these to control header font sizes\r\n// $h1-font-size: rem-calc(54);\r\n// $h2-font-size: rem-calc(36);\r\n// $h3-font-size: rem-calc(29);\r\n// $h4-font-size: rem-calc(24);\r\n// $h5-font-size: rem-calc(19);\r\n// $h6-font-size: 1rem;\r\n\r\n// We use these to control header size reduction on small screens\r\n// $h1-font-reduction: rem-calc(10) !default;\r\n// $h2-font-reduction: rem-calc(10) !default;\r\n// $h3-font-reduction: rem-calc(5) !default;\r\n// $h4-font-reduction: rem-calc(5) !default;\r\n// $h5-font-reduction: 0 !default;\r\n// $h6-font-reduction: 0 !default;\r\n\r\n// These control how subheaders are styled.\r\n// $subheader-line-height: 1.4;\r\n// $subheader-font-color: scale-color($header-font-color, $lightness: 35%);\r\n// $subheader-font-weight: $font-weight-normal;\r\n// $subheader-top-margin: .2rem;\r\n// $subheader-bottom-margin: .5rem;\r\n\r\n// A general <small> styling\r\n// $small-font-size: 60%;\r\n// $small-font-color: scale-color($header-font-color, $lightness: 35%);\r\n\r\n// We use these to style paragraphs\r\n// $paragraph-font-family: inherit;\r\n// $paragraph-font-weight: $font-weight-normal;\r\n// $paragraph-font-size: 1rem;\r\n// $paragraph-line-height: 1.6;\r\n// $paragraph-margin-bottom: rem-calc(20);\r\n// $paragraph-aside-font-size: rem-calc(14);\r\n// $paragraph-aside-line-height: 1.35;\r\n// $paragraph-aside-font-style: italic;\r\n// $paragraph-text-rendering: optimizeLegibility;\r\n\r\n// We use these to style <code> tags\r\n// $code-color: $oil;\r\n// $code-font-family: $font-family-monospace;\r\n// $code-font-weight: $font-weight-normal;\r\n// $code-background-color: scale-color($secondary-color, $lightness: 70%);\r\n// $code-border-size: 1px;\r\n// $code-border-style: solid;\r\n// $code-border-color: scale-color($code-background-color, $lightness: -10%);\r\n// $code-padding: rem-calc(2) rem-calc(5) rem-calc(1);\r\n\r\n// We use these to style anchors\r\n// $anchor-text-decoration: none;\r\n// $anchor-text-decoration-hover: none;\r\n// $anchor-font-color: $primary-color;\r\n// $anchor-font-color-hover: scale-color($primary-color, $lightness: -14%);\r\n\r\n// We use these to style the <hr> element\r\n// $hr-border-width: 1px;\r\n// $hr-border-style: solid;\r\n$hr-border-color: $grey-3;\r\n// $hr-margin: rem-calc(20);\r\n\r\n// We use these to style lists\r\n// $list-font-family: $paragraph-font-family;\r\n// $list-font-size: $paragraph-font-size;\r\n// $list-line-height: $paragraph-line-height;\r\n// $list-margin-bottom: $paragraph-margin-bottom;\r\n// $list-style-position: outside;\r\n$list-side-margin: 1.3rem;\r\n// $list-ordered-side-margin: 1.4rem;\r\n// $list-side-margin-no-bullet: 0;\r\n// $list-nested-margin: rem-calc(20);\r\n// $definition-list-header-weight: $font-weight-bold;\r\n// $definition-list-header-margin-bottom: .3rem;\r\n// $definition-list-margin-bottom: rem-calc(12);\r\n\r\n// We use these to style blockquotes\r\n// $blockquote-font-color: scale-color($header-font-color, $lightness: 35%);\r\n// $blockquote-padding: rem-calc(9 20 0 19);\r\n// $blockquote-border: 1px solid $gainsboro;\r\n// $blockquote-cite-font-size: rem-calc(13);\r\n// $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%);\r\n// $blockquote-cite-link-color: $blockquote-cite-font-color;\r\n\r\n// Acronym styles\r\n// $acronym-underline: 1px dotted $gainsboro;\r\n\r\n// We use these to control padding and margin\r\n// $microformat-padding: rem-calc(10 12);\r\n// $microformat-margin: rem-calc(0 0 20 0);\r\n\r\n// We use these to control the border styles\r\n// $microformat-border-width: 1px;\r\n// $microformat-border-style: solid;\r\n// $microformat-border-color: $gainsboro;\r\n\r\n// We use these to control full name font styles\r\n// $microformat-fullname-font-weight: $font-weight-bold;\r\n// $microformat-fullname-font-size: rem-calc(15);\r\n\r\n// We use this to control the summary font styles\r\n// $microformat-summary-font-weight: $font-weight-bold;\r\n\r\n// We use this to control abbr padding\r\n// $microformat-abbr-padding: rem-calc(0 1);\r\n\r\n// We use this to control abbr font styles\r\n// $microformat-abbr-font-weight: $font-weight-bold;\r\n// $microformat-abbr-font-decoration: none;\r\n\r\n// 01. Accordion\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-accordion-classes: $include-html-classes;\r\n\r\n$accordion-navigation-padding: rem-calc(12);\r\n// $accordion-navigation-bg-color: #ffffff;\r\n// $accordion-navigation-hover-bg-color: $grey-1;\r\n// $accordion-navigation-active-bg-color: $grey-1;\r\n// $accordion-navigation-font-color: $jet;\r\n// $accordion-navigation-font-size: rem-calc(16);\r\n// $accordion-navigation-font-family: $body-font-family;\r\n\r\n// $accordion-content-padding: $column-gutter/2;\r\n$accordion-content-active-bg-color: $body-bg;\r\n\r\n// 02. Alert Boxes\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-alert-classes: $include-html-classes;\r\n\r\n// We use this to control alert padding.\r\n// $alert-padding-top: rem-calc(14);\r\n// $alert-padding-default-float: $alert-padding-top;\r\n// $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10);\r\n// $alert-padding-bottom: $alert-padding-top;\r\n\r\n// We use these to control text style.\r\n// $alert-font-weight: $font-weight-normal;\r\n$alert-font-size: rem-calc(15);\r\n// $alert-font-color: $white;\r\n// $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%);\r\n\r\n// We use this for close hover effect.\r\n// $alert-function-factor: -14%;\r\n\r\n// We use these to control border styles.\r\n// $alert-border-style: solid;\r\n// $alert-border-width: 1px;\r\n// $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor);\r\n// $alert-bottom-margin: rem-calc(20);\r\n\r\n// We use these to style the close buttons\r\n// $alert-close-color: $oil;\r\n// $alert-close-top: 50%;\r\n// $alert-close-position: rem-calc(4);\r\n// $alert-close-font-size: rem-calc(22);\r\n// $alert-close-opacity: 0.3;\r\n// $alert-close-opacity-hover: 0.5;\r\n// $alert-close-padding: 9px 6px 4px;\r\n\r\n// We use this to control border radius\r\n// $alert-radius: $global-radius;\r\n\r\n// We use this to control transition effects\r\n// $alert-transition-speed: 300ms;\r\n// $alert-transition-ease: ease-out;\r\n\r\n// 03. Block Grid\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-block-grid-classes: $include-html-classes;\r\n// $include-xl-html-block-grid-classes: false;\r\n\r\n// We use this to control the maximum number of block grid elements per row\r\n// $block-grid-elements: 12;\r\n// $block-grid-default-spacing: rem-calc(20);\r\n// $align-block-grid-to-grid: false;\r\n\r\n// Enables media queries for block-grid classes. Set to false if writing semantic HTML.\r\n// $block-grid-media-queries: true;\r\n\r\n// 04. Breadcrumbs\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-nav-classes: $include-html-classes;\r\n\r\n// We use this to set the background color for the breadcrumb container.\r\n$crumb-bg: $grey-1;\r\n\r\n// We use these to set the padding around the breadcrumbs.\r\n// $crumb-padding: rem-calc(9 9 14 0);\r\n// $crumb-side-padding: rem-calc(12);\r\n\r\n// We use these to control border styles.\r\n// $crumb-function-factor: -10%;\r\n$crumb-border-size: 0;\r\n// $crumb-border-style: solid;\r\n$crumb-border-color: $grey-1;\r\n$crumb-radius: 0;\r\n\r\n// We use these to set various text styles for breadcrumbs.\r\n// $crumb-font-size: rem-calc(11);\r\n// $crumb-font-color: $primary-color;\r\n// $crumb-font-color-current: $oil;\r\n// $crumb-font-color-unavailable: $aluminum;\r\n// $crumb-font-transform: uppercase;\r\n// $crumb-link-decor: underline;\r\n\r\n// We use these to control the slash between breadcrumbs\r\n// $crumb-slash-color: $base;\r\n$crumb-slash: \"/\";\r\n\r\n// 05. Buttons\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-button-classes: $include-html-classes;\r\n\r\n// We use these to build padding for buttons.\r\n// $button-tny: rem-calc(10);\r\n// $button-sml: rem-calc(14);\r\n// $button-med: rem-calc(16);\r\n// $button-lrg: rem-calc(18);\r\n\r\n// We use this to control the display property.\r\n// $button-display: inline-block;\r\n// $button-margin-bottom: rem-calc(20);\r\n\r\n// We use these to control button text styles.\r\n// $button-font-family: $body-font-family;\r\n// $button-font-color: $white;\r\n// $button-font-color-alt: $oil;\r\n// $button-font-tny: rem-calc(11);\r\n// $button-font-sml: rem-calc(13);\r\n// $button-font-med: rem-calc(16);\r\n// $button-font-lrg: rem-calc(20);\r\n// $button-font-weight: $font-weight-normal;\r\n// $button-font-align: center;\r\n\r\n// We use these to control various hover effects.\r\n// $button-function-factor: -20%;\r\n\r\n// We use these to control button border and hover styles.\r\n// $button-border-width: 0px;\r\n// $button-border-style: solid;\r\n// $button-bg-color: $primary-color;\r\n// $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor);\r\n// $button-border-color: $button-bg-hover;\r\n// $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor);\r\n// $secondary-button-border-color: $secondary-button-bg-hover;\r\n// $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor);\r\n// $success-button-border-color: $success-button-bg-hover;\r\n// $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor);\r\n// $alert-button-border-color: $alert-button-bg-hover;\r\n\r\n// We use this to set the default radius used throughout the core.\r\n// $button-radius: $global-radius;\r\n// $button-round: $global-rounded;\r\n\r\n// We use this to set default opacity and cursor for disabled buttons.\r\n// $button-disabled-opacity: 0.7;\r\n// $button-disabled-cursor: $cursor-default-value;\r\n\r\n// 06. Button Groups\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-button-classes: $include-html-classes;\r\n\r\n// Sets the margin for the right side by default, and the left margin if right-to-left direction is used\r\n// $button-bar-margin-opposite: rem-calc(10);\r\n// $button-group-border-width: 1px;\r\n\r\n// 07. Clearing\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-clearing-classes: $include-html-classes;\r\n\r\n// We use these to set the background colors for parts of Clearing.\r\n// $clearing-bg: $oil;\r\n// $clearing-caption-bg: $clearing-bg;\r\n// $clearing-carousel-bg: rgba(51,51,51,0.8);\r\n// $clearing-img-bg: $clearing-bg;\r\n\r\n// We use these to style the close button\r\n// $clearing-close-color: $iron;\r\n// $clearing-close-size: 30px;\r\n\r\n// We use these to style the arrows\r\n// $clearing-arrow-size: 12px;\r\n// $clearing-arrow-color: $clearing-close-color;\r\n\r\n// We use these to style captions\r\n// $clearing-caption-font-color: $iron;\r\n// $clearing-caption-font-size: 0.875em;\r\n// $clearing-caption-padding: 10px 30px 20px;\r\n\r\n// We use these to make the image and carousel height and style\r\n// $clearing-active-img-height: 85%;\r\n// $clearing-carousel-height: 120px;\r\n// $clearing-carousel-thumb-width: 120px;\r\n// $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255);\r\n\r\n// 08. Dropdown\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-dropdown-classes: $include-html-classes;\r\n\r\n// We use these to controls height and width styles.\r\n// $f-dropdown-max-width: 200px;\r\n// $f-dropdown-height: auto;\r\n// $f-dropdown-max-height: none;\r\n\r\n// Used for bottom position\r\n// $f-dropdown-margin-top: 2px;\r\n\r\n// Used for right position\r\n// $f-dropdown-margin-left: $f-dropdown-margin-top;\r\n\r\n// Used for left position\r\n// $f-dropdown-margin-right: $f-dropdown-margin-top;\r\n\r\n// Used for top position\r\n// $f-dropdown-margin-bottom: $f-dropdown-margin-top;\r\n\r\n// We use this to control the background color\r\n// $f-dropdown-bg: $white;\r\n\r\n// We use this to set the border styles for dropdowns.\r\n// $f-dropdown-border-style: solid;\r\n// $f-dropdown-border-width: 1px;\r\n// $f-dropdown-border-color: scale-color($white, $lightness: -20%);\r\n\r\n// We use these to style the triangle pip.\r\n// $f-dropdown-triangle-size: 6px;\r\n// $f-dropdown-triangle-color: $white;\r\n// $f-dropdown-triangle-side-offset: 10px;\r\n\r\n// We use these to control styles for the list elements.\r\n// $f-dropdown-list-style: none;\r\n// $f-dropdown-font-color: $charcoal;\r\n// $f-dropdown-font-size: rem-calc(14);\r\n// $f-dropdown-list-padding: rem-calc(5, 10);\r\n// $f-dropdown-line-height: rem-calc(18);\r\n// $f-dropdown-list-hover-bg: $smoke  ;\r\n// $dropdown-mobile-default-float: 0;\r\n\r\n// We use this to control the styles for when the dropdown has custom content.\r\n// $f-dropdown-content-padding: rem-calc(20);\r\n\r\n// Default radius for dropdown.\r\n// $f-dropdown-radius: $global-radius;\r\n\r\n\r\n// 09. Dropdown Buttons\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-button-classes: $include-html-classes;\r\n\r\n// We use these to set the color of the pip in dropdown buttons\r\n// $dropdown-button-pip-color: $white;\r\n// $dropdown-button-pip-color-alt: $oil;\r\n\r\n// $button-pip-tny: rem-calc(6);\r\n// $button-pip-sml: rem-calc(7);\r\n// $button-pip-med: rem-calc(9);\r\n// $button-pip-lrg: rem-calc(11);\r\n\r\n// We use these to style tiny dropdown buttons\r\n// $dropdown-button-padding-tny: $button-pip-tny * 7;\r\n// $dropdown-button-pip-size-tny: $button-pip-tny;\r\n// $dropdown-button-pip-opposite-tny: $button-pip-tny * 3;\r\n// $dropdown-button-pip-top-tny: -$button-pip-tny / 2 + rem-calc(1);\r\n\r\n// We use these to style small dropdown buttons\r\n// $dropdown-button-padding-sml: $button-pip-sml * 7;\r\n// $dropdown-button-pip-size-sml: $button-pip-sml;\r\n// $dropdown-button-pip-opposite-sml: $button-pip-sml * 3;\r\n// $dropdown-button-pip-top-sml: -$button-pip-sml / 2 + rem-calc(1);\r\n\r\n// We use these to style medium dropdown buttons\r\n// $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3);\r\n// $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3);\r\n// $dropdown-button-pip-opposite-med: $button-pip-med * 2.5;\r\n// $dropdown-button-pip-top-med: -$button-pip-med / 2 + rem-calc(2);\r\n\r\n// We use these to style large dropdown buttons\r\n// $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3);\r\n// $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);\r\n// $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5;\r\n// $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3);\r\n\r\n// 10. Flex Video\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-media-classes: $include-html-classes;\r\n\r\n// We use these to control video container padding and margins\r\n// $flex-video-padding-top: rem-calc(25);\r\n// $flex-video-padding-bottom: 67.5%;\r\n// $flex-video-margin-bottom: rem-calc(16);\r\n\r\n// We use this to control widescreen bottom padding\r\n// $flex-video-widescreen-padding-bottom: 56.34%;\r\n\r\n// 11. Forms\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-form-classes: $include-html-classes;\r\n\r\n// We use this to set the base for lots of form spacing and positioning styles\r\n// $form-spacing: rem-calc(16);\r\n\r\n// We use these to style the labels in different ways\r\n// $form-label-pointer: pointer;\r\n// $form-label-font-size: rem-calc(14);\r\n// $form-label-font-weight: $font-weight-normal;\r\n// $form-label-line-height: 1.5;\r\n// $form-label-font-color: scale-color($black, $lightness: 30%);\r\n// $form-label-small-transform: capitalize;\r\n// $form-label-bottom-margin: 0;\r\n// $input-font-family: inherit;\r\n// $input-font-color: rgba(0,0,0,0.75);\r\n// $input-font-size: rem-calc(14);\r\n// $input-bg-color: $white;\r\n// $input-focus-bg-color: scale-color($white, $lightness: -2%);\r\n// $input-border-color: scale-color($white, $lightness: -20%);\r\n// $input-focus-border-color: scale-color($white, $lightness: -40%);\r\n// $input-border-style: solid;\r\n// $input-border-width: 1px;\r\n// $input-border-radius: $global-radius;\r\n// $input-disabled-bg: $gainsboro;\r\n// $input-disabled-cursor: $cursor-default-value;\r\n// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);\r\n\r\n// We use these to style the fieldset border and spacing.\r\n// $fieldset-border-style: solid;\r\n// $fieldset-border-width: 1px;\r\n// $fieldset-border-color: $gainsboro;\r\n// $fieldset-padding: rem-calc(20);\r\n// $fieldset-margin: rem-calc(18 0);\r\n\r\n// We use these to style the legends when you use them\r\n// $legend-bg: $white;\r\n// $legend-font-weight: $font-weight-bold;\r\n// $legend-padding: rem-calc(0 3);\r\n\r\n// We use these to style the prefix and postfix input elements\r\n// $input-prefix-bg: scale-color($white, $lightness: -5%);\r\n// $input-prefix-border-color: scale-color($white, $lightness: -20%);\r\n// $input-prefix-border-size: 1px;\r\n// $input-prefix-border-type: solid;\r\n// $input-prefix-overflow: hidden;\r\n// $input-prefix-font-color: $oil;\r\n// $input-prefix-font-color-alt: $white;\r\n\r\n// We use this setting to turn on/off HTML5 number spinners (the up/down arrows)\r\n// $input-number-spinners: true;\r\n\r\n// We use these to style the error states for inputs and labels\r\n// $input-error-message-padding: rem-calc(6 9 9);\r\n// $input-error-message-top: -1px;\r\n// $input-error-message-font-size: rem-calc(12);\r\n// $input-error-message-font-weight: $font-weight-normal;\r\n// $input-error-message-font-style: italic;\r\n// $input-error-message-font-color: $white;\r\n// $input-error-message-font-color-alt: $oil;\r\n\r\n// We use this to style the glowing effect of inputs when focused\r\n// $input-include-glowing-effect: true;\r\n// $glowing-effect-fade-time: 0.45s;\r\n// $glowing-effect-color: $input-focus-border-color;\r\n\r\n// Select variables\r\n// $select-bg-color: $ghost;\r\n// $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%);\r\n\r\n// 12. Icon Bar\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// We use these to style the icon-bar and items\r\n// $include-html-icon-bar-classes: $include-html-classes;\r\n// $icon-bar-bg: $oil;\r\n// $icon-bar-font-color: $white;\r\n// $icon-bar-font-size: 1rem;\r\n// $icon-bar-hover-color: $primary-color;\r\n// $icon-bar-icon-color: $white;\r\n// $icon-bar-icon-size: 1.875rem;\r\n// $icon-bar-image-width: 1.875rem;\r\n// $icon-bar-image-height: 1.875rem;\r\n// $icon-bar-active-color: $primary-color;\r\n// $icon-bar-item-padding: 1.25rem;\r\n\r\n// 13. Inline Lists\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-inline-list-classes: $include-html-classes;\r\n\r\n// We use this to control the margins and padding of the inline list.\r\n// $inline-list-top-margin: 0;\r\n// $inline-list-opposite-margin: 0;\r\n// $inline-list-bottom-margin: rem-calc(17);\r\n// $inline-list-default-float-margin: rem-calc(-22);\r\n// $inline-list-default-float-list-margin: rem-calc(22);\r\n\r\n// $inline-list-padding: 0;\r\n\r\n// We use this to control the overflow of the inline list.\r\n// $inline-list-overflow: hidden;\r\n\r\n// We use this to control the list items\r\n// $inline-list-display: block;\r\n\r\n// We use this to control any elements within list items\r\n// $inline-list-children-display: block;\r\n\r\n// 14. Joyride\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-joyride-classes: $include-html-classes;\r\n\r\n// Controlling default Joyride styles\r\n// $joyride-tip-bg: $oil;\r\n// $joyride-tip-default-width: 300px;\r\n// $joyride-tip-padding: rem-calc(18 20 24);\r\n// $joyride-tip-border: solid 1px $charcoal;\r\n// $joyride-tip-radius: 4px;\r\n// $joyride-tip-position-offset: 22px;\r\n\r\n// Here, we're setting the tip font styles\r\n// $joyride-tip-font-color: $white;\r\n// $joyride-tip-font-size: rem-calc(14);\r\n// $joyride-tip-header-weight: $font-weight-bold;\r\n\r\n// This changes the nub size\r\n// $joyride-tip-nub-size: 10px;\r\n\r\n// This adjusts the styles for the timer when its enabled\r\n// $joyride-tip-timer-width: 50px;\r\n// $joyride-tip-timer-height: 3px;\r\n// $joyride-tip-timer-color: $steel;\r\n\r\n// This changes up the styles for the close button\r\n// $joyride-tip-close-color: $monsoon;\r\n// $joyride-tip-close-size: 24px;\r\n// $joyride-tip-close-weight: $font-weight-normal;\r\n\r\n// When Joyride is filling the screen, we use this style for the bg\r\n// $joyride-screenfill: rgba(0,0,0,0.5);\r\n\r\n// 15. Keystrokes\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-keystroke-classes: $include-html-classes;\r\n\r\n// We use these to control text styles.\r\n// $keystroke-font: \"Consolas\", \"Menlo\", \"Courier\", monospace;\r\n// $keystroke-font-size: inherit;\r\n// $keystroke-font-color: $jet;\r\n// $keystroke-font-color-alt: $white;\r\n// $keystroke-function-factor: -7%;\r\n\r\n// We use this to control keystroke padding.\r\n// $keystroke-padding: rem-calc(2 4 0);\r\n\r\n// We use these to control background and border styles.\r\n// $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor);\r\n// $keystroke-border-style: solid;\r\n// $keystroke-border-width: 1px;\r\n// $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor);\r\n// $keystroke-radius: $global-radius;\r\n\r\n// 16. Labels\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-label-classes: $include-html-classes;\r\n\r\n// We use these to style the labels\r\n// $label-padding: rem-calc(4 8 4);\r\n// $label-radius: $global-radius;\r\n\r\n// We use these to style the label text\r\n// $label-font-sizing: rem-calc(11);\r\n// $label-font-weight: $font-weight-normal;\r\n// $label-font-color: $oil;\r\n// $label-font-color-alt: $white;\r\n// $label-font-family: $body-font-family;\r\n\r\n// 17. Magellan\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-magellan-classes: $include-html-classes;\r\n\r\n// $magellan-bg: $white;\r\n// $magellan-padding: 0 !important;\r\n\r\n// 18. Off-canvas\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-off-canvas-classes: $include-html-classes;\r\n\r\n// $tabbar-bg: $oil;\r\n// $tabbar-height: rem-calc(45);\r\n// $tabbar-icon-width: $tabbar-height;\r\n// $tabbar-line-height: $tabbar-height;\r\n// $tabbar-color: $white;\r\n// $tabbar-middle-padding: 0 rem-calc(10);\r\n\r\n// Off Canvas Divider Styles\r\n// $tabbar-right-section-border: solid 1px scale-color($tabbar-bg, $lightness: 13%);\r\n// $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%);\r\n\r\n// Off Canvas Tab Bar Headers\r\n// $tabbar-header-color: $white;\r\n// $tabbar-header-weight: $font-weight-bold;\r\n// $tabbar-header-line-height: $tabbar-height;\r\n// $tabbar-header-margin: 0;\r\n\r\n// Off Canvas Menu Variables\r\n// $off-canvas-width: rem-calc(250);\r\n// $off-canvas-bg: $oil;\r\n// $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%);\r\n\r\n// Off Canvas Menu List Variables\r\n// $off-canvas-label-padding: 0.3rem rem-calc(15);\r\n// $off-canvas-label-color: $aluminum;\r\n// $off-canvas-label-text-transform: uppercase;\r\n// $off-canvas-label-font-size: rem-calc(12);\r\n// $off-canvas-label-font-weight: $font-weight-bold;\r\n// $off-canvas-label-bg: $tuatara;\r\n// $off-canvas-label-border-top: 1px solid scale-color($tuatara, $lightness: 14%);\r\n// $off-canvas-label-border-bottom: none;\r\n// $off-canvas-label-margin:0;\r\n// $off-canvas-link-padding: rem-calc(10, 15);\r\n// $off-canvas-link-color: rgba($white, 0.7);\r\n// $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%);\r\n// $off-canvas-back-bg: $tuatara;\r\n// $off-canvas-back-border-top: $off-canvas-label-border-top;\r\n// $off-canvas-back-border-bottom: $off-canvas-label-border-bottom;\r\n// $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%);\r\n// $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%);\r\n// $off-canvas-back-hover-border-bottom: none;\r\n\r\n// Off Canvas Menu Icon Variables\r\n// $tabbar-menu-icon-color: $white;\r\n// $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%);\r\n\r\n// $tabbar-menu-icon-text-indent: rem-calc(35);\r\n// $tabbar-menu-icon-width: $tabbar-height;\r\n// $tabbar-menu-icon-height: $tabbar-height;\r\n// $tabbar-menu-icon-padding: 0;\r\n\r\n// $tabbar-hamburger-icon-width: rem-calc(16);\r\n// $tabbar-hamburger-icon-left: false;\r\n// $tabbar-hamburger-icon-top: false;\r\n// $tabbar-hamburger-icon-thickness: 1px;\r\n// $tabbar-hamburger-icon-gap: 6px;\r\n\r\n// Off Canvas Back-Link Overlay\r\n// $off-canvas-overlay-transition: background 300ms ease;\r\n// $off-canvas-overlay-cursor: pointer;\r\n// $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5);\r\n// $off-canvas-overlay-background: rgba($white, 0.2);\r\n// $off-canvas-overlay-background-hover: rgba($white, 0.05);\r\n\r\n// Transition Variables\r\n// $menu-slide: \"transform 500ms ease\";\r\n\r\n// 19. Orbit\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-orbit-classes: $include-html-classes;\r\n\r\n// We use these to control the caption styles\r\n// $orbit-container-bg: none;\r\n// $orbit-caption-bg: rgba(51,51,51, 0.8);\r\n// $orbit-caption-font-color: $white;\r\n// $orbit-caption-font-size: rem-calc(14);\r\n// $orbit-caption-position: \"bottom\"; // Supported values: \"bottom\", \"under\"\r\n// $orbit-caption-padding: rem-calc(10 14);\r\n// $orbit-caption-height: auto;\r\n\r\n// We use these to control the left/right nav styles\r\n// $orbit-nav-bg: transparent;\r\n// $orbit-nav-bg-hover: rgba(0,0,0,0.3);\r\n// $orbit-nav-arrow-color: $white;\r\n// $orbit-nav-arrow-color-hover: $white;\r\n\r\n// We use these to control the timer styles\r\n// $orbit-timer-bg: rgba(255,255,255,0.3);\r\n// $orbit-timer-show-progress-bar: true;\r\n\r\n// We use these to control the bullet nav styles\r\n// $orbit-bullet-nav-color: $iron;\r\n// $orbit-bullet-nav-color-active: $aluminum;\r\n// $orbit-bullet-radius: rem-calc(9);\r\n\r\n// We use these to controls the style of slide numbers\r\n// $orbit-slide-number-bg: rgba(0,0,0,0);\r\n// $orbit-slide-number-font-color: $white;\r\n// $orbit-slide-number-padding: rem-calc(5);\r\n\r\n// Hide controls on small\r\n// $orbit-nav-hide-for-small: true;\r\n// $orbit-bullet-hide-for-small: true;\r\n// $orbit-timer-hide-for-small: true;\r\n\r\n// Graceful Loading Wrapper and preloader\r\n// $wrapper-class: \"slideshow-wrapper\";\r\n// $preloader-class: \"preloader\";\r\n\r\n// 20. Pagination\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-pagination-classes: $include-html-classes;\r\n\r\n// We use these to control the pagination container\r\n// $pagination-height: rem-calc(24);\r\n// $pagination-margin: rem-calc(-5);\r\n\r\n// We use these to set the list-item properties\r\n// $pagination-li-float: $default-float;\r\n// $pagination-li-height: rem-calc(24);\r\n// $pagination-li-font-color: $jet;\r\n// $pagination-li-font-size: rem-calc(14);\r\n// $pagination-li-margin: rem-calc(5);\r\n\r\n// We use these for the pagination anchor links\r\n// $pagination-link-pad: rem-calc(1 10 1);\r\n// $pagination-link-font-color: $aluminum;\r\n// $pagination-link-active-bg: scale-color($white, $lightness: -10%);\r\n\r\n// We use these for disabled anchor links\r\n// $pagination-link-unavailable-cursor: default;\r\n// $pagination-link-unavailable-font-color: $aluminum;\r\n// $pagination-link-unavailable-bg-active: transparent;\r\n\r\n// We use these for currently selected anchor links\r\n// $pagination-link-current-background: $primary-color;\r\n// $pagination-link-current-font-color: $white;\r\n// $pagination-link-current-font-weight: $font-weight-bold;\r\n// $pagination-link-current-cursor: default;\r\n// $pagination-link-current-active-bg: $primary-color;\r\n\r\n// 21. Panels\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-panel-classes: $include-html-classes;\r\n\r\n// We use these to control the background and border styles\r\n$panel-bg: $grey-1;\r\n// $panel-border-style: solid;\r\n// $panel-border-size: 1px;\r\n\r\n// We use this % to control how much we darken things on hover\r\n// $panel-function-factor: -11%;\r\n// $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor);\r\n\r\n// We use these to set default inner padding and bottom margin\r\n// $panel-margin-bottom: rem-calc(20);\r\n// $panel-padding: rem-calc(20);\r\n\r\n// We use these to set default font colors\r\n// $panel-font-color: $oil;\r\n// $panel-font-color-alt: $white;\r\n\r\n// $panel-header-adjust: true;\r\n// $callout-panel-link-color: $primary-color;\r\n\r\n// 22. Pricing Tables\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-pricing-classes: $include-html-classes;\r\n\r\n// We use this to control the border color\r\n// $price-table-border: solid 1px $gainsboro;\r\n\r\n// We use this to control the bottom margin of the pricing table\r\n// $price-table-margin-bottom: rem-calc(20);\r\n\r\n// We use these to control the title styles\r\n// $price-title-bg: $oil;\r\n// $price-title-padding: rem-calc(15 20);\r\n// $price-title-align: center;\r\n// $price-title-color: $smoke;\r\n// $price-title-weight: $font-weight-normal;\r\n// $price-title-size: rem-calc(16);\r\n// $price-title-font-family: $body-font-family;\r\n\r\n// We use these to control the price styles\r\n// $price-money-bg: $vapor  ;\r\n// $price-money-padding: rem-calc(15 20);\r\n// $price-money-align: center;\r\n// $price-money-color: $oil;\r\n// $price-money-weight: $font-weight-normal;\r\n// $price-money-size: rem-calc(32);\r\n// $price-money-font-family: $body-font-family;\r\n\r\n// We use these to control the description styles\r\n// $price-bg: $white;\r\n// $price-desc-color: $monsoon;\r\n// $price-desc-padding: rem-calc(15);\r\n// $price-desc-align: center;\r\n// $price-desc-font-size: rem-calc(12);\r\n// $price-desc-weight: $font-weight-normal;\r\n// $price-desc-line-height: 1.4;\r\n// $price-desc-bottom-border: dotted 1px $gainsboro;\r\n\r\n// We use these to control the list item styles\r\n// $price-item-color: $oil;\r\n// $price-item-padding: rem-calc(15);\r\n// $price-item-align: center;\r\n// $price-item-font-size: rem-calc(14);\r\n// $price-item-weight: $font-weight-normal;\r\n// $price-item-bottom-border: dotted 1px $gainsboro;\r\n\r\n// We use these to control the CTA area styles\r\n// $price-cta-bg: $white;\r\n// $price-cta-align: center;\r\n// $price-cta-padding: rem-calc(20 20 0);\r\n\r\n// 23. Progress Bar\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-media-classes: $include-html-classes;\r\n\r\n// We use this to set the progress bar height\r\n// $progress-bar-height: rem-calc(25);\r\n// $progress-bar-color: $vapor  ;\r\n\r\n// We use these to control the border styles\r\n// $progress-bar-border-color: scale-color($white, $lightness: 20%);\r\n// $progress-bar-border-size: 1px;\r\n// $progress-bar-border-style: solid;\r\n// $progress-bar-border-radius: $global-radius;\r\n\r\n// We use these to control the margin & padding\r\n// $progress-bar-pad: rem-calc(2);\r\n// $progress-bar-margin-bottom: rem-calc(10);\r\n\r\n// We use these to set the meter colors\r\n// $progress-meter-color: $primary-color;\r\n// $progress-meter-secondary-color: $secondary-color;\r\n// $progress-meter-success-color: $success-color;\r\n// $progress-meter-alert-color: $alert-color;\r\n\r\n// 24. Range Slider\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-range-slider-classes: $include-html-classes;\r\n\r\n// These variables define the slider bar styles\r\n// $range-slider-bar-width: 100%;\r\n// $range-slider-bar-height: rem-calc(16);\r\n\r\n// $range-slider-bar-border-width: 1px;\r\n// $range-slider-bar-border-style: solid;\r\n// $range-slider-bar-border-color: $gainsboro;\r\n// $range-slider-radius: $global-radius;\r\n// $range-slider-round: $global-rounded;\r\n// $range-slider-bar-bg-color: $ghost;\r\n\r\n// Vertical bar styles\r\n// $range-slider-vertical-bar-width: rem-calc(16);\r\n// $range-slider-vertical-bar-height: rem-calc(200);\r\n\r\n// These variables define the slider handle styles\r\n// $range-slider-handle-width: rem-calc(32);\r\n// $range-slider-handle-height: rem-calc(22);\r\n// $range-slider-handle-position-top: rem-calc(-5);\r\n// $range-slider-handle-bg-color: $primary-color;\r\n// $range-slider-handle-border-width: 1px;\r\n// $range-slider-handle-border-style: solid;\r\n// $range-slider-handle-border-color: none;\r\n// $range-slider-handle-radius: $global-radius;\r\n// $range-slider-handle-round: $global-rounded;\r\n// $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%);\r\n// $range-slider-handle-cursor: pointer;\r\n\r\n// 25. Reveal\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-reveal-classes: $include-html-classes;\r\n\r\n// We use these to control the style of the reveal overlay.\r\n// $reveal-overlay-bg: rgba($black, .45);\r\n// $reveal-overlay-bg-old: $black;\r\n\r\n// We use these to control the style of the modal itself.\r\n// $reveal-modal-bg: $white;\r\n// $reveal-position-top: rem-calc(100);\r\n// $reveal-default-width: 80%;\r\n// $reveal-max-width: $row-width;\r\n// $reveal-modal-padding: rem-calc(20);\r\n// $reveal-box-shadow: 0 0 10px rgba($black,.4);\r\n\r\n// We use these to style the reveal close button\r\n// $reveal-close-font-size: rem-calc(40);\r\n// $reveal-close-top: rem-calc(8);\r\n// $reveal-close-side: rem-calc(11);\r\n// $reveal-close-color: $base;\r\n// $reveal-close-weight: $font-weight-bold;\r\n\r\n// We use this to set the default radius used throughout the core.\r\n// $reveal-radius: $global-radius;\r\n// $reveal-round: $global-rounded;\r\n\r\n// We use these to control the modal border\r\n// $reveal-border-style: solid;\r\n// $reveal-border-width: 1px;\r\n// $reveal-border-color: $steel;\r\n\r\n// $reveal-modal-class: \"reveal-modal\";\r\n// $close-reveal-modal-class: \"close-reveal-modal\";\r\n\r\n// 26. Side Nav\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-nav-classes: $include-html-classes;\r\n\r\n// We use this to control padding.\r\n$side-nav-padding: rem-calc(0 0 0 0);\r\n\r\n// We use these to control list styles.\r\n// $side-nav-list-type: none;\r\n// $side-nav-list-position: inside;\r\n$side-nav-list-margin: rem-calc(0 0 0 0);\r\n\r\n// We use these to control link styles.\r\n$side-nav-link-color: $primary-color;\r\n$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: -40%);\r\n$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: -40%);\r\n$side-nav-font-size: rem-calc(16);\r\n\r\n// $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025);\r\n// $side-nav-link-margin: 0;\r\n// $side-nav-link-padding: rem-calc(7 14);\r\n// $side-nav-font-size: rem-calc(14);\r\n// $side-nav-font-weight: $font-weight-normal;\r\n// $side-nav-font-weight-active: $side-nav-font-weight;\r\n// $side-nav-font-family: $body-font-family;\r\n// $side-nav-font-family-active: $side-nav-font-family;\r\n\r\n// We use these to control heading styles.\r\n// $side-nav-heading-color: $side-nav-link-color;\r\n// $side-nav-heading-font-size: $side-nav-font-size;\r\n// $side-nav-heading-font-weight: bold;\r\n// $side-nav-heading-text-transform: uppercase;\r\n\r\n// We use these to control border styles\r\n$side-nav-divider-size: 1px;\r\n$side-nav-divider-style: solid;\r\n$side-nav-divider-color: $grey-1;\r\n\r\n\r\n\r\n// 27. Split Buttons\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-button-classes: $include-html-classes;\r\n\r\n// We use these to control different shared styles for Split Buttons\r\n// $split-button-function-factor: 10%;\r\n// $split-button-pip-color: $white;\r\n// $split-button-pip-color-alt: $oil;\r\n// $split-button-active-bg-tint: rgba(0,0,0,0.1);\r\n\r\n// We use these to control tiny split buttons\r\n// $split-button-padding-tny: $button-pip-tny * 10;\r\n// $split-button-span-width-tny: $button-pip-tny * 6;\r\n// $split-button-pip-size-tny: $button-pip-tny;\r\n// $split-button-pip-top-tny: $button-pip-tny * 2;\r\n// $split-button-pip-default-float-tny: rem-calc(-6);\r\n\r\n// We use these to control small split buttons\r\n// $split-button-padding-sml: $button-pip-sml * 10;\r\n// $split-button-span-width-sml: $button-pip-sml * 6;\r\n// $split-button-pip-size-sml: $button-pip-sml;\r\n// $split-button-pip-top-sml: $button-pip-sml * 1.5;\r\n// $split-button-pip-default-float-sml: rem-calc(-6);\r\n\r\n// We use these to control medium split buttons\r\n// $split-button-padding-med: $button-pip-med * 9;\r\n// $split-button-span-width-med: $button-pip-med * 5.5;\r\n// $split-button-pip-size-med: $button-pip-med - rem-calc(3);\r\n// $split-button-pip-top-med: $button-pip-med * 1.5;\r\n// $split-button-pip-default-float-med: rem-calc(-6);\r\n\r\n// We use these to control large split buttons\r\n// $split-button-padding-lrg: $button-pip-lrg * 8;\r\n// $split-button-span-width-lrg: $button-pip-lrg * 5;\r\n// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);\r\n// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5);\r\n// $split-button-pip-default-float-lrg: rem-calc(-6);\r\n\r\n// 28. Sub Nav\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-nav-classes: $include-html-classes;\r\n\r\n// We use these to control margin and padding\r\n// $sub-nav-list-margin: rem-calc(-4 0 18);\r\n// $sub-nav-list-padding-top: rem-calc(4);\r\n\r\n// We use this to control the definition\r\n// $sub-nav-font-family: $body-font-family;\r\n// $sub-nav-font-size: rem-calc(14);\r\n// $sub-nav-font-color: $aluminum;\r\n// $sub-nav-font-weight: $font-weight-normal;\r\n// $sub-nav-text-decoration: none;\r\n// $sub-nav-padding: rem-calc(3 16);\r\n// $sub-nav-border-radius: 3px;\r\n// $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%);\r\n\r\n// We use these to control the active item styles\r\n// $sub-nav-active-font-weight: $font-weight-normal;\r\n// $sub-nav-active-bg: $primary-color;\r\n// $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%);\r\n// $sub-nav-active-color: $white;\r\n// $sub-nav-active-padding: $sub-nav-padding;\r\n// $sub-nav-active-cursor: default;\r\n\r\n// $sub-nav-item-divider: \"\";\r\n// $sub-nav-item-divider-margin: rem-calc(12);\r\n\r\n// 29. Switch\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-form-classes: $include-html-classes;\r\n\r\n// Controlling border styles and background colors for the switch container\r\n// $switch-border-color: scale-color($white, $lightness: -20%);\r\n// $switch-border-style: solid;\r\n// $switch-border-width: 1px;\r\n// $switch-bg: $white;\r\n\r\n// We use these to control the switch heights for our default classes\r\n// $switch-height-tny: rem-calc(22);\r\n// $switch-height-sml: rem-calc(28);\r\n// $switch-height-med: rem-calc(36);\r\n// $switch-height-lrg: rem-calc(44);\r\n// $switch-bottom-margin: rem-calc(20);\r\n\r\n// We use these to control default font sizes for our classes.\r\n// $switch-font-size-tny: 11px;\r\n// $switch-font-size-sml: 12px;\r\n// $switch-font-size-med: 14px;\r\n// $switch-font-size-lrg: 17px;\r\n// $switch-label-side-padding: 6px;\r\n\r\n// We use these to style the switch-paddle\r\n// $switch-paddle-bg: $white;\r\n// $switch-paddle-fade-to-color: scale-color($switch-paddle-bg, $lightness: -10%);\r\n// $switch-paddle-border-color: scale-color($switch-paddle-bg, $lightness: -35%);\r\n// $switch-paddle-border-width: 1px;\r\n// $switch-paddle-border-style: solid;\r\n// $switch-paddle-transition-speed: .1s;\r\n// $switch-paddle-transition-ease: ease-out;\r\n// $switch-positive-color: scale-color($success-color, $lightness: 94%);\r\n// $switch-negative-color: $white-smoke;\r\n\r\n// Outline Style for tabbing through switches\r\n// $switch-label-outline: 1px dotted $jumbo;\r\n\r\n// 30. Tables\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-table-classes: $include-html-classes;\r\n\r\n// These control the background color for the table and even rows\r\n// $table-bg: $white;\r\n$table-even-row-bg: $grey-1;\r\n\r\n// These control the table cell border style\r\n// $table-border-style: solid;\r\n// $table-border-size: 1px;\r\n// $table-border-color: $gainsboro;\r\n\r\n// These control the table head styles\r\n$table-head-bg: $grey-2;\r\n// $table-head-font-size: rem-calc(14);\r\n// $table-head-font-color: $jet;\r\n// $table-head-font-weight: $font-weight-bold;\r\n// $table-head-padding: rem-calc(8 10 10);\r\n\r\n// These control the row padding and font styles\r\n// $table-row-padding: rem-calc(9 10);\r\n// $table-row-font-size: rem-calc(14);\r\n// $table-row-font-color: $jet;\r\n// $table-line-height: rem-calc(18);\r\n\r\n// These are for controlling the layout, display and margin of tables\r\n// $table-layout: auto;\r\n// $table-display: table-cell;\r\n// $table-margin-bottom: rem-calc(20);\r\n\r\n// 31. Tabs\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-tabs-classes: $include-html-classes;\r\n\r\n// $tabs-navigation-padding: rem-calc(16);\r\n// $tabs-navigation-bg-color: $silver  ;\r\n// $tabs-navigation-active-bg-color: $white;\r\n// $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%);\r\n// $tabs-navigation-font-color: $jet;\r\n// $tabs-navigation-active-font-color: $tabs-navigation-font-color;\r\n// $tabs-navigation-font-size: rem-calc(16);\r\n// $tabs-navigation-font-family: $body-font-family;\r\n\r\n// $tabs-content-margin-bottom: rem-calc(24);\r\n// $tabs-content-padding: $column-gutter/2;\r\n\r\n// $tabs-vertical-navigation-margin-bottom: 1.25rem;\r\n\r\n// 32. Thumbnails\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-media-classes: $include-html-classes;\r\n\r\n// We use these to control border styles\r\n// $thumb-border-style: solid;\r\n// $thumb-border-width: 4px;\r\n// $thumb-border-color: $white;\r\n// $thumb-box-shadow: 0 0 0 1px rgba($black,.2);\r\n// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5);\r\n\r\n// Radius and transition speed for thumbs\r\n// $thumb-radius: $global-radius;\r\n// $thumb-transition-speed: 200ms;\r\n\r\n// 33. Tooltips\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-tooltip-classes: $include-html-classes;\r\n\r\n// $has-tip-border-bottom: dotted 1px $iron;\r\n// $has-tip-font-weight: $font-weight-bold;\r\n// $has-tip-font-color: $oil;\r\n// $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%);\r\n// $has-tip-font-color-hover: $primary-color;\r\n// $has-tip-cursor-type: help;\r\n\r\n// $tooltip-padding: rem-calc(12);\r\n// $tooltip-bg: $oil;\r\n// $tooltip-font-size: rem-calc(14);\r\n// $tooltip-font-weight: $font-weight-normal;\r\n// $tooltip-font-color: $white;\r\n// $tooltip-line-height: 1.3;\r\n// $tooltip-close-font-size: rem-calc(10);\r\n// $tooltip-close-font-weight: $font-weight-normal;\r\n// $tooltip-close-font-color: $monsoon;\r\n// $tooltip-font-size-sml: rem-calc(14);\r\n// $tooltip-radius: $global-radius;\r\n// $tooltip-rounded: $global-rounded;\r\n// $tooltip-pip-size: 5px;\r\n// $tooltip-max-width: 300px;\r\n\r\n// 34. Top Bar\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-top-bar-classes: $include-html-classes;\r\n\r\n// Height and margin\r\n$topbar-height: rem-calc(50);\r\n// $topbar-margin-bottom: 0;\r\n\r\n// Controlling the styles for the title in the top bar\r\n$topbar-title-weight: $font-weight-bold;\r\n$topbar-title-font-size: rem-calc(19);\r\n\r\n// Style the top bar dropdown elements\r\n// $topbar-dropdown-bg: $oil;\r\n// $topbar-dropdown-link-color: $white;\r\n// $topbar-dropdown-link-bg: $ci-2;\r\n// $topbar-dropdown-link-weight: $font-weight-normal;\r\n// $topbar-dropdown-toggle-size: 5px;\r\n// $topbar-dropdown-toggle-color: $ci-2;\r\n// $topbar-dropdown-toggle-alpha: 0.4;\r\n\r\n// Set the link colors and styles for top-level nav\r\n// $topbar-link-color: #000;\r\n// $topbar-link-color-hover: #000;\r\n// $topbar-link-color-active: #000;\r\n// $topbar-link-color-active-hover: #000;\r\n// $topbar-link-weight: $font-weight-normal;\r\n$topbar-link-font-size: rem-calc(15);\r\n// $topbar-link-hover-lightness: -10%; // Darken by 10%\r\n// $topbar-link-bg: $topbar-bg;\r\n// $topbar-link-bg-color-hover: #ff0;\r\n// $topbar-link-bg-hover: #f00;\r\n// $topbar-link-bg-active: $primary-color;\r\n// $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%);\r\n// $topbar-link-font-family: $body-font-family;\r\n$topbar-link-text-transform: uppercase;\r\n// $topbar-link-padding: $topbar-height / 3;\r\n// $topbar-back-link-size: $h5-font-size;\r\n// $topbar-link-dropdown-padding: 20px;\r\n\r\n// $topbar-button-font-size: 0.75rem;\r\n// $topbar-button-top: 7px;\r\n\r\n// $topbar-dropdown-label-color: #f77;\r\n// $topbar-dropdown-label-text-transform: uppercase;\r\n// $topbar-dropdown-label-font-weight: $font-weight-bold;\r\n// $topbar-dropdown-label-font-size: rem-calc(10);\r\n// $topbar-dropdown-label-bg: $oil;\r\n\r\n// Top menu icon styles\r\n$topbar-menu-link-transform: uppercase;\r\n// $topbar-menu-link-font-size: rem-calc(13);\r\n// $topbar-menu-link-weight: $font-weight-bold;\r\n// $topbar-menu-link-color: $white;\r\n// $topbar-menu-icon-color: $white;\r\n// $topbar-menu-link-color-toggled: $ci-6;\r\n// $topbar-menu-icon-color-toggled: $ci-6;\r\n\r\n// Transitions and breakpoint styles\r\n// $topbar-transition-speed: 300ms;\r\n// Using rem-calc for the below breakpoint causes issues with top bar\r\n$topbar-breakpoint: #{lower-bound($large-range)}; // Change to 9999px for always mobile layout\r\n$topbar-media-query: \"only screen and (min-width: #{$topbar-breakpoint})\" !default;\r\n\r\n// Divider Styles\r\n$topbar-divider-border-bottom: solid 0px scale-color($topbar-bg-color, $lightness: 23%);\r\n$topbar-divider-border-top: solid 0px scale-color($topbar-bg-color, $lightness: -50%);\r\n\r\n// Sticky Class\r\n// $topbar-sticky-class: \".sticky\";\r\n// $topbar-arrows: true; //Set false to remove the triangle icon from the menu item\r\n\r\n// 36. Visibility Classes\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-visibility-classes: $include-html-classes;\r\n// $include-table-visibility-classes: true;\r\n// $include-legacy-visibility-classes: true;\r\n// $include-accessibility-classes: true;\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n@import \"buttons\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-form-classes: $include-html-classes !default;\r\n\r\n// We use this to set the base for lots of form spacing and positioning styles\r\n$form-spacing: rem-calc(16) !default;\r\n\r\n// We use these to style the labels in different ways\r\n$form-label-pointer: pointer !default;\r\n$form-label-font-size: rem-calc(14) !default;\r\n$form-label-font-weight: $font-weight-normal !default;\r\n$form-label-line-height: 1.5 !default;\r\n$form-label-font-color: scale-color($black, $lightness: 30%) !default;\r\n$form-label-small-transform: capitalize !default;\r\n$form-label-bottom-margin: 0 !default;\r\n$input-font-family: inherit !default;\r\n$input-font-color: rgba(0,0,0,0.75) !default;\r\n$input-font-size: rem-calc(14) !default;\r\n$input-bg-color: $white !default;\r\n$input-focus-bg-color: scale-color($white, $lightness: -2%) !default;\r\n$input-border-color: scale-color($white, $lightness: -20%) !default;\r\n$input-focus-border-color: scale-color($white, $lightness: -40%) !default;\r\n$input-border-style: solid !default;\r\n$input-border-width: 1px !default;\r\n$input-border-radius: $global-radius !default;\r\n$input-disabled-bg: $gainsboro !default;\r\n$input-disabled-cursor: $cursor-default-value !default;\r\n$input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default;\r\n$input-include-glowing-effect: true !default;\r\n\r\n// We use these to style the fieldset border and spacing.\r\n$fieldset-border-style: solid !default;\r\n$fieldset-border-width: 1px !default;\r\n$fieldset-border-color: $gainsboro !default;\r\n$fieldset-padding: rem-calc(20) !default;\r\n$fieldset-margin: rem-calc(18 0) !default;\r\n\r\n// We use these to style the legends when you use them\r\n$legend-bg: $white !default;\r\n$legend-font-weight: $font-weight-bold !default;\r\n$legend-padding: rem-calc(0 3) !default;\r\n\r\n// We use these to style the prefix and postfix input elements\r\n$input-prefix-bg: scale-color($white, $lightness: -5%) !default;\r\n$input-prefix-border-color: scale-color($white, $lightness: -20%) !default;\r\n$input-prefix-border-size: 1px !default;\r\n$input-prefix-border-type: solid !default;\r\n$input-prefix-overflow: hidden !default;\r\n$input-prefix-font-color: $oil !default;\r\n$input-prefix-font-color-alt: $white !default;\r\n\r\n// We use this setting to turn on/off HTML5 number spinners (the up/down arrows)\r\n$input-number-spinners: true !default;\r\n\r\n// We use these to style the error states for inputs and labels\r\n$input-error-message-padding: rem-calc(6 9 9) !default;\r\n$input-error-message-top: -1px !default;\r\n$input-error-message-font-size: rem-calc(12) !default;\r\n$input-error-message-font-weight: $font-weight-normal !default;\r\n$input-error-message-font-style: italic !default;\r\n$input-error-message-font-color: $white !default;\r\n$input-error-message-bg-color: $alert-color !default;\r\n$input-error-message-font-color-alt: $oil !default;\r\n\r\n// We use this to style the glowing effect of inputs when focused\r\n$glowing-effect-fade-time: 0.45s !default;\r\n$glowing-effect-color: $input-focus-border-color !default;\r\n\r\n// Select variables\r\n$select-bg-color: $ghost !default;\r\n$select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;\r\n\r\n//\r\n// @MIXINS\r\n//\r\n\r\n// We use this mixin to give us form styles for rows inside of forms\r\n@mixin form-row-base {\r\n  .row { margin: 0 ((-$form-spacing) / 2);\r\n\r\n    .column,\r\n    .columns { padding: 0 ($form-spacing / 2); }\r\n\r\n    // Use this to collapse the margins of a form row\r\n    &.collapse { margin: 0;\r\n\r\n      .column,\r\n      .columns { padding: 0; }\r\n      input {\r\n        @include side-radius($opposite-direction, 0);\r\n      }\r\n\r\n    }\r\n  }\r\n  input.column,\r\n  input.columns,\r\n  textarea.column,\r\n  textarea.columns { padding-#{$default-float}: ($form-spacing / 2); }\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to give all basic form elements their style\r\n@mixin form-element {\r\n  background-color: $input-bg-color;\r\n  font-family: $input-font-family;\r\n  border: {\r\n    style: $input-border-style;\r\n    width: $input-border-width;\r\n    color: $input-border-color;\r\n  }\r\n  box-shadow: $input-box-shadow;\r\n  color: $input-font-color;\r\n  display: block;\r\n  font-size: $input-font-size;\r\n  margin: 0 0 $form-spacing 0;\r\n  padding: $form-spacing / 2;\r\n  height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\r\n  width: 100%;\r\n  @include box-sizing(border-box);\r\n  @if $input-include-glowing-effect {\r\n    @include block-glowing-effect(focus, $glowing-effect-fade-time, $glowing-effect-color);\r\n  }\r\n  // Basic focus styles\r\n  &:focus {\r\n    background: $input-focus-bg-color;\r\n    border-color: $input-focus-border-color;\r\n    outline: none;\r\n  }\r\n  // Disbaled Styles\r\n  &:disabled {\r\n    background-color: $input-disabled-bg;\r\n    cursor: $input-disabled-cursor;\r\n  }\r\n\r\n  // Disabled background input background color\r\n  &[disabled],\r\n  &[readonly],\r\n  fieldset[disabled] & {\r\n    background-color: $input-disabled-bg;\r\n    cursor: $input-disabled-cursor;\r\n  }\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to create form labels\r\n//\r\n// $alignment - Alignment options. Default: false. Options: [right, inline, false]\r\n// $base-style - Control whether or not the base styles come through. Default: true.\r\n@mixin form-label($alignment:false, $base-style:true) {\r\n\r\n  // Control whether or not the base styles come through.\r\n  @if $base-style {\r\n    font-size: $form-label-font-size;\r\n    color: $form-label-font-color;\r\n    cursor: $form-label-pointer;\r\n    display: block;\r\n    font-weight: $form-label-font-weight;\r\n    line-height: $form-label-line-height;\r\n    margin-bottom: $form-label-bottom-margin;\r\n  }\r\n\r\n  // Alignment options\r\n  @if $alignment == right {\r\n    float: none !important;\r\n    text-align: right;\r\n  }\r\n  @else if $alignment == inline {\r\n    margin: 0 0 $form-spacing 0;\r\n    padding: $form-spacing / 2 + rem-calc($input-border-width) 0;\r\n  }\r\n}\r\n\r\n// We use this mixin to create postfix/prefix form Labels\r\n@mixin prefix-postfix-base {\r\n  display: block;\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  width: 100%;\r\n  padding-top: 0;\r\n  padding-bottom: 0;\r\n  border-style: $input-prefix-border-type;\r\n  border-width: $input-prefix-border-size;\r\n  overflow: $input-prefix-overflow;\r\n  font-size: $form-label-font-size;\r\n  height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\r\n  line-height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to create prefix label styles\r\n// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default;\r\n// $is-button - Toggle position settings if prefix is a button. Default:false\r\n//\r\n@mixin prefix($bg:$input-prefix-bg, $border:$input-prefix-border-color, $is-button:false) {\r\n\r\n  @if $bg {\r\n    $bg-lightness: lightness($bg);\r\n    background: $bg;\r\n    border-#{$opposite-direction}: none;\r\n\r\n    // Control the font color based on background brightness\r\n    @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; }\r\n    @else { color: $input-prefix-font-color-alt; }\r\n  }\r\n\r\n  @if $border {\r\n    border-color: $border;\r\n  }\r\n\r\n  @if $is-button {\r\n    padding-#{$default-float}: 0;\r\n    padding-#{$opposite-direction}: 0;\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n    border: none;\r\n  }\r\n\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to create postfix label styles\r\n// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default;\r\n// $is-button - Toggle position settings if prefix is a button. Default: false\r\n@mixin postfix($bg:$input-prefix-bg, $border:$input-prefix-border-color, $is-button:false) {\r\n\r\n  @if $bg {\r\n    $bg-lightness: lightness($bg);\r\n    background: $bg;\r\n    border-#{$default-float}: none;\r\n\r\n    // Control the font color based on background brightness\r\n    @if $bg-lightness > 70%  or $bg == yellow { color: $input-prefix-font-color; }\r\n    @else { color: $input-prefix-font-color-alt; }\r\n  }\r\n\r\n  @if $border {\r\n    border-color: $border;\r\n  }\r\n\r\n  @if $is-button {\r\n    padding-#{$default-float}: 0;\r\n    padding-#{$opposite-direction}: 0;\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n    border: none;\r\n  }\r\n\r\n}\r\n\r\n// We use this mixin to style fieldsets\r\n@mixin fieldset {\r\n  border: $fieldset-border-width $fieldset-border-style $fieldset-border-color;\r\n  padding: $fieldset-padding;\r\n  margin: $fieldset-margin;\r\n\r\n  // and legend styles\r\n  legend {\r\n    font-weight: $legend-font-weight;\r\n    background: $legend-bg;\r\n    padding: $legend-padding;\r\n    margin: 0;\r\n    margin-#{$default-float}: rem-calc(-3);\r\n  }\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to control border and background color of error inputs\r\n// $color - Default: $alert-color (found in settings file)\r\n@mixin form-error-color($color:$alert-color) {\r\n  border-color: $color;\r\n  background-color: rgba($color, 0.1);\r\n\r\n  // Go back to normal on focus\r\n  &:focus {\r\n    background: $input-focus-bg-color;\r\n    border-color: $input-focus-border-color;\r\n  }\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this simple mixin to style labels for error inputs\r\n// $color - Default:$alert-color. Found in settings file\r\n@mixin form-label-error-color($color:$alert-color) { color: $color; }\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to create error message styles\r\n// $bg - Default: $alert-color (Found in settings file)\r\n@mixin form-error-message($bg:$input-error-message-bg-color) {\r\n  display: block;\r\n  padding: $input-error-message-padding;\r\n  margin-top: $input-error-message-top;\r\n  margin-bottom: $form-spacing;\r\n  font-size: $input-error-message-font-size;\r\n  font-weight: $input-error-message-font-weight;\r\n  font-style: $input-error-message-font-style;\r\n\r\n  // We can control the text color based on the brightness of the background.\r\n  $bg-lightness: lightness($bg);\r\n  background: $bg;\r\n  @if $bg-lightness < 70% or $bg == yellow { color: $input-error-message-font-color; }\r\n  @else { color: $input-error-message-font-color-alt; }\r\n}\r\n\r\n// We use this mixin to style select elements\r\n@mixin form-select  {\r\n  -webkit-appearance: none !important;\r\n  border-radius: 0;\r\n  background-color: $select-bg-color;\r\n\r\n  // Hide the dropdown arrow shown in newer IE versions\r\n  &::-ms-expand {\r\n    display: none;\r\n  }\r\n\r\n  // The custom arrow has some fake horizontal padding so we can align it\r\n  // from the right side of the element without relying on CSS3\r\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);\r\n\r\n  // We can safely use leftmost and rightmost now\r\n  background-position: if($text-direction == 'rtl', 0%, 100%) center;\r\n\r\n  background-repeat: no-repeat;\r\n  border: {\r\n    style: $input-border-style;\r\n    width: $input-border-width;\r\n    color: $input-border-color;\r\n  }\r\n  padding: ($form-spacing / 2);\r\n  font-size: $input-font-size;\r\n  font-family: $body-font-family;\r\n  color: $input-font-color;\r\n  line-height: normal;\r\n  @include radius(0);\r\n  &.radius { @include radius($global-radius); }\r\n  &:hover {\r\n    background-color: $select-hover-bg-color;\r\n    border-color: $input-focus-border-color;\r\n  }\r\n  // Disabled Styles\r\n  &:disabled {\r\n    background-color: $input-disabled-bg;\r\n    cursor: $input-disabled-cursor;\r\n  }\r\n}\r\n\r\n// We use this mixin to turn on/off HTML5 number spinners\r\n@mixin html5number($browser, $on:true) {\r\n  @if $on==false {\r\n      @if $browser==webkit {\r\n        -webkit-appearance: none;\r\n        margin: 0;\r\n      } @else if $browser==moz {\r\n        -moz-appearance: textfield;\r\n      }\r\n  }\r\n}\r\n\r\n@include exports(\"form\") {\r\n  @if $include-html-form-classes {\r\n    /* Standard Forms */\r\n    form { margin: 0 0 $form-spacing; }\r\n\r\n    /* Using forms within rows, we need to set some defaults */\r\n    form .row { @include form-row-base; }\r\n\r\n    /* Label Styles */\r\n    label { @include form-label;\r\n      &.right { @include form-label(right,false); }\r\n      &.inline { @include form-label(inline,false); }\r\n      /* Styles for required inputs */\r\n      small {\r\n        text-transform: $form-label-small-transform;\r\n        color: scale-color($form-label-font-color, $lightness: 15%);\r\n      }\r\n    }\r\n\r\n    /* Attach elements to the beginning or end of an input */\r\n    .prefix,\r\n    .postfix { @include prefix-postfix-base; }\r\n\r\n    /* Adjust padding, alignment and radius if pre/post element is a button */\r\n    .postfix.button { @include button-size(false,false); @include postfix(false, false, true); }\r\n    .prefix.button { @include button-size(false,false); @include prefix(false, false, true); }\r\n\r\n    .prefix.button.radius { @include radius(0); @include side-radius($default-float, $button-radius); }\r\n    .postfix.button.radius { @include radius(0); @include side-radius($opposite-direction, $button-radius); }\r\n    .prefix.button.round { @include radius(0); @include side-radius($default-float, $button-round); }\r\n    .postfix.button.round { @include radius(0); @include side-radius($opposite-direction, $button-round); }\r\n\r\n    /* Separate prefix and postfix styles when on span or label so buttons keep their own */\r\n    span.prefix,label.prefix { @include prefix(); }\r\n    span.postfix,label.postfix { @include postfix(); }\r\n\r\n    /* We use this to get basic styling on all basic form elements */\r\n    #{text-inputs(all, 'input')} {\r\n      -webkit-appearance: none;\r\n      border-radius: 0;\r\n      @include form-element;\r\n      @if $input-include-glowing-effect == false {\r\n          @include single-transition(all, 0.15s, linear);\r\n      }\r\n      &.radius {\r\n        @include radius($input-border-radius);\r\n      }\r\n    }\r\n\r\n    form {\r\n      .row {\r\n        .prefix-radius.row.collapse {\r\n          input,\r\n          textarea,\r\n          select { @include radius(0); @include side-radius($opposite-direction, $button-radius); }\r\n          .prefix { @include radius(0); @include side-radius($default-float, $button-radius); }\r\n        }\r\n        .postfix-radius.row.collapse {\r\n          input,\r\n          textarea,\r\n          select { @include radius(0); @include side-radius($default-float, $button-radius); }\r\n          .postfix { @include radius(0); @include side-radius($opposite-direction, $button-radius); }\r\n        }\r\n        .prefix-round.row.collapse {\r\n          input,\r\n          textarea,\r\n          select { @include radius(0); @include side-radius($opposite-direction, $button-round); }\r\n          .prefix { @include radius(0); @include side-radius($default-float, $button-round); }\r\n        }\r\n        .postfix-round.row.collapse {\r\n          input,\r\n          textarea,\r\n          select { @include radius(0); @include side-radius($default-float, $button-round); }\r\n          .postfix { @include radius(0); @include side-radius($opposite-direction, $button-round); }\r\n        }\r\n      }\r\n    }\r\n\r\n    input[type=\"submit\"] {\r\n      -webkit-appearance: none;\r\n      border-radius: 0;\r\n    }\r\n\r\n    /* Respect enforced amount of rows for textarea */\r\n    textarea[rows] {\r\n      height: auto;\r\n    }\r\n\r\n\t/* Not allow resize out of parent */\r\n\ttextarea {\r\n\t\tmax-width: 100%;\r\n\t}\r\n\r\n    /* Add height value for select elements to match text input height */\r\n    select {\r\n      @include form-select;\r\n      height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\r\n    }\r\n\r\n    /* Adjust margin for form elements below */\r\n    input[type=\"file\"],\r\n    input[type=\"checkbox\"],\r\n    input[type=\"radio\"],\r\n    select {\r\n      margin: 0 0 $form-spacing 0;\r\n    }\r\n\r\n    input[type=\"checkbox\"] + label,\r\n    input[type=\"radio\"] + label {\r\n      display: inline-block;\r\n      margin-#{$default-float}: $form-spacing * .5;\r\n      margin-#{$opposite-direction}: $form-spacing;\r\n      margin-bottom: 0;\r\n      vertical-align: baseline;\r\n    }\r\n\r\n    /* Normalize file input width */\r\n    input[type=\"file\"] {\r\n      width:100%;\r\n    }\r\n\r\n    /* HTML5 Number spinners settings */\r\n    input[type=number] {\r\n      @include html5number(moz, $input-number-spinners)\r\n    }\r\n    input[type=\"number\"]::-webkit-inner-spin-button,\r\n    input[type=\"number\"]::-webkit-outer-spin-button {\r\n      @include html5number(webkit, $input-number-spinners);\r\n    }\r\n\r\n    /* We add basic fieldset styling */\r\n    fieldset {\r\n      @include fieldset;\r\n    }\r\n\r\n    /* Error Handling */\r\n\r\n    #{data('abide')} {\r\n      .error small.error, .error span.error, span.error, small.error {\r\n        @include form-error-message;\r\n      }\r\n      span.error, small.error { display: none; }\r\n    }\r\n\r\n    span.error, small.error {\r\n      @include form-error-message;\r\n    }\r\n\r\n    .error {\r\n      input,\r\n      textarea,\r\n      select {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      input[type=\"checkbox\"],\r\n      input[type=\"radio\"] {\r\n        margin-bottom: $form-spacing\r\n      }\r\n\r\n      label,\r\n      label.error {\r\n        @include form-label-error-color;\r\n      }\r\n\r\n      small.error {\r\n        @include form-error-message;\r\n      }\r\n\r\n      > label {\r\n        > small {\r\n          color: scale-color($form-label-font-color, $lightness: 15%);\r\n          background: transparent;\r\n          padding: 0;\r\n          text-transform: $form-label-small-transform;\r\n          font-style: normal;\r\n          font-size: 60%;\r\n          margin: 0;\r\n          display: inline;\r\n        }\r\n      }\r\n\r\n      span.error-message {\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    input.error,\r\n    textarea.error,\r\n    select.error {\r\n      margin-bottom: 0;\r\n    }\r\n    label.error { @include form-label-error-color; }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n@import \"grid\";\r\n@import \"buttons\";\r\n@import \"forms\";\r\n\r\n//\r\n// Top Bar Variables\r\n//\r\n$include-html-top-bar-classes: $include-html-classes !default;\r\n\r\n// Background color for the top bar\r\n$topbar-bg-color: $oil !default;\r\n$topbar-bg: $topbar-bg-color !default;\r\n\r\n// Height and margin\r\n$topbar-height: rem-calc(45) !default;\r\n$topbar-margin-bottom: 0 !default;\r\n\r\n// Controlling the styles for the title in the top bar\r\n$topbar-title-weight: $font-weight-normal !default;\r\n$topbar-title-font-size: rem-calc(17) !default;\r\n\r\n// Set the link colors and styles for top-level nav\r\n$topbar-link-color: $white !default;\r\n$topbar-link-color-hover: $white !default;\r\n$topbar-link-color-active: $white !default;\r\n$topbar-link-color-active-hover: $white !default;\r\n$topbar-link-weight: $font-weight-normal !default;\r\n$topbar-link-font-size: rem-calc(13) !default;\r\n$topbar-link-hover-lightness: -10% !default; // Darken by 10%\r\n$topbar-link-bg: $topbar-bg !default;\r\n$topbar-link-bg-hover: $oil !default;\r\n$topbar-link-bg-color-hover: $charcoal !default;\r\n$topbar-link-bg-active: $primary-color !default;\r\n$topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%) !default;\r\n$topbar-link-font-family: $body-font-family !default;\r\n$topbar-link-text-transform: none !default;\r\n$topbar-link-padding: ($topbar-height / 3) !default;\r\n$topbar-back-link-size: rem-calc(18) !default;\r\n$topbar-link-dropdown-padding: rem-calc(20) !default;\r\n$topbar-button-font-size: 0.75rem !default;\r\n$topbar-button-top: 7px !default;\r\n\r\n// Style the top bar dropdown elements\r\n$topbar-dropdown-bg: $oil !default;\r\n$topbar-dropdown-link-color: $white !default;\r\n$topbar-dropdown-link-color-hover: $topbar-link-color-hover !default;\r\n$topbar-dropdown-link-bg: $oil !default;\r\n$topbar-dropdown-link-bg-hover: $oil !default;\r\n$topbar-dropdown-link-weight: $font-weight-normal !default;\r\n$topbar-dropdown-toggle-size: 5px !default;\r\n$topbar-dropdown-toggle-color: $white !default;\r\n$topbar-dropdown-toggle-alpha: 0.4 !default;\r\n\r\n$topbar-dropdown-label-color: $monsoon !default;\r\n$topbar-dropdown-label-text-transform: uppercase !default;\r\n$topbar-dropdown-label-font-weight: $font-weight-bold !default;\r\n$topbar-dropdown-label-font-size: rem-calc(10) !default;\r\n$topbar-dropdown-label-bg: $oil !default;\r\n\r\n// Top menu icon styles\r\n$topbar-menu-link-transform: uppercase !default;\r\n$topbar-menu-link-font-size: rem-calc(13) !default;\r\n$topbar-menu-link-weight: $font-weight-bold !default;\r\n$topbar-menu-link-color: $white !default;\r\n$topbar-menu-icon-color: $white !default;\r\n$topbar-menu-link-color-toggled: $jumbo !default;\r\n$topbar-menu-icon-color-toggled: $jumbo !default;\r\n\r\n// Transitions and breakpoint styles\r\n$topbar-transition-speed: 300ms !default;\r\n// Using rem-calc for the below breakpoint causes issues with top bar\r\n$topbar-breakpoint: #{lower-bound($medium-range)} !default; // Change to 9999px for always mobile layout\r\n$topbar-media-query: $medium-up !default;\r\n\r\n// Top-bar input styles\r\n$topbar-input-height: rem-calc(28) !default;\r\n\r\n// Divider Styles\r\n$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%) !default;\r\n$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%) !default;\r\n\r\n// Sticky Class\r\n$topbar-sticky-class: \".sticky\" !default;\r\n$topbar-arrows: true !default; //Set false to remove the triangle icon from the menu item\r\n$topbar-dropdown-arrows: true !default; //Set false to remove the \\00bb >> text from dropdown subnavigation li\r\n\r\n// Accessibility mixins for hiding and showing the menu dropdown items\r\n@mixin topbar-hide-dropdown {\r\n  // Makes an element visually hidden by default, but visible when focused.\r\n  display: block;\r\n  @include element-invisible();\r\n}\r\n\r\n@mixin topbar-show-dropdown {\r\n  display: block;\r\n  @include element-invisible-off();\r\n  position: absolute !important; // Reset the position from static to absolute\r\n}\r\n\r\n@include exports(\"top-bar\") {\r\n\r\n  @if $include-html-top-bar-classes {\r\n\r\n    // Used to provide media query values for javascript components.\r\n    // This class is generated despite the value of $include-html-top-bar-classes\r\n    // to ensure width calculations work correctly.\r\n    meta.foundation-mq-topbar {\r\n      font-family: \"/\" + unquote($topbar-media-query) + \"/\";\r\n      width: $topbar-breakpoint;\r\n    }\r\n\r\n    /* Wrapped around .top-bar to contain to grid width */\r\n    .contain-to-grid {\r\n      width: 100%;\r\n      background: $topbar-bg;\r\n\r\n      .top-bar { margin-bottom: $topbar-margin-bottom; }\r\n    }\r\n\r\n    // Wrapped around .top-bar to make it stick to the top\r\n    .fixed {\r\n      width: 100%;\r\n      #{$default-float}: 0;\r\n      position: fixed;\r\n      top: 0;\r\n      z-index: 99;\r\n\r\n      &.expanded:not(.top-bar) {\r\n        overflow-y: auto;\r\n        height: auto;\r\n        width: 100%;\r\n        max-height: 100%;\r\n\r\n        .title-area {\r\n          position: fixed;\r\n          width: 100%;\r\n          z-index: 99;\r\n        }\r\n        // Ensure you can scroll the menu on small screens\r\n        .top-bar-section {\r\n          z-index: 98;\r\n          margin-top: $topbar-height;\r\n        }\r\n      }\r\n    }\r\n\r\n    .top-bar {\r\n      overflow: hidden;\r\n      height: $topbar-height;\r\n      line-height: $topbar-height;\r\n      position: relative;\r\n      background: $topbar-bg;\r\n      margin-bottom: $topbar-margin-bottom;\r\n\r\n      // Topbar Global list Styles\r\n      ul {\r\n        margin-bottom: 0;\r\n        list-style: none;\r\n      }\r\n\r\n      .row { max-width: none; }\r\n\r\n      form,\r\n      input { margin-bottom: 0; }\r\n\r\n      input { \r\n        height: $topbar-input-height; \r\n        padding-top: .35rem; \r\n        padding-bottom: .35rem; \r\n        font-size: $topbar-button-font-size; \r\n      }\r\n\r\n      .button, button {\r\n        padding-top: .35rem + rem-calc(1);\r\n        padding-bottom: .35rem + rem-calc(1);\r\n        margin-bottom: 0;\r\n        font-size: $topbar-button-font-size;\r\n        // position: relative;\r\n        // top: -1px;\r\n\r\n        // Corrects a slight misalignment when put next to an input field\r\n        @media #{$small-only} {\r\n          position: relative;\r\n          top: -1px;\r\n        }\r\n      }\r\n\r\n      // Title Area\r\n      .title-area {\r\n        position: relative;\r\n        margin: 0;\r\n      }\r\n\r\n      .name {\r\n        height: $topbar-height;\r\n        margin: 0;\r\n        font-size: $rem-base;\r\n\r\n        h1, h2, h3, h4, p, span {\r\n          line-height: $topbar-height;\r\n          font-size: $topbar-title-font-size;\r\n          margin: 0;\r\n          a {\r\n            font-weight: $topbar-title-weight;\r\n            color: $topbar-link-color;\r\n            width: 75%;\r\n            display: block;\r\n            padding: 0 $topbar-link-padding;\r\n          }\r\n        }\r\n      }\r\n\r\n      // Menu toggle button on small devices\r\n      .toggle-topbar {\r\n        position: absolute;\r\n        #{$opposite-direction}: 0;\r\n        top: 0;\r\n\r\n        a {\r\n          color: $topbar-link-color;\r\n          text-transform: $topbar-menu-link-transform;\r\n          font-size: $topbar-menu-link-font-size;\r\n          font-weight: $topbar-menu-link-weight;\r\n          position: relative;\r\n          display: block;\r\n          padding: 0 $topbar-link-padding;\r\n          height: $topbar-height;\r\n          line-height: $topbar-height;\r\n        }\r\n\r\n        // Adding the class \"menu-icon\" will add the 3-line icon people love and adore.\r\n        &.menu-icon {\r\n          top: 50%;\r\n          margin-top: -16px;\r\n\r\n          a {\r\n            @if $text-direction == rtl {\r\n              text-indent: -58px;\r\n            }\r\n            height: 34px;\r\n            line-height: 33px;\r\n            padding: 0 $topbar-link-padding+rem-calc(25) 0 $topbar-link-padding;\r\n            color: $topbar-menu-link-color;\r\n            position: relative;\r\n\r\n            & {\r\n              // @include hamburger icon\r\n              //\r\n              // We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\r\n              // $width - Width of hamburger icon\r\n              // $left - If false, icon will be centered horizontally || explicitly set value in rem\r\n              // $top - If false, icon will be centered vertically || explicitly set value in rem\r\n              // $thickness - thickness of lines in hamburger icon, set value in px\r\n              // $gap - spacing between the lines in hamburger icon, set value in px\r\n              // $color - icon color\r\n              // $hover-color - icon color during hover, here it isn't set b/c it would override $topbar-menu-icon-color-toggled\r\n              // $offcanvas - Set to false of @include in topbar\r\n              @include hamburger(16px, false, 0, 1px, 6px, $topbar-menu-icon-color, \"\", false);\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      // Change things up when the top-bar is expanded\r\n      &.expanded {\r\n        height: auto;\r\n        background: transparent;\r\n\r\n        .title-area { background: $topbar-bg; }\r\n\r\n        .toggle-topbar {\r\n          a { color: $topbar-menu-link-color-toggled;\r\n      span::after {\r\n              // Shh, don't tell, but box-shadows create the menu icon :)\r\n              // Change the color of the bars when the menu is expanded, using given thickness from hamburger() above\r\n              box-shadow: 0 0 0 1px $topbar-menu-icon-color-toggled,\r\n                          0 7px 0 1px $topbar-menu-icon-color-toggled,\r\n                          0 14px 0 1px $topbar-menu-icon-color-toggled;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Right and Left Navigation that stacked by default\r\n    .top-bar-section {\r\n      #{$default-float}: 0;\r\n      position: relative;\r\n      width: auto;\r\n      @include single-transition($default-float, $topbar-transition-speed);\r\n\r\n      ul {\r\n        padding: 0;\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        font-size: $rem-base;\r\n        margin: 0;\r\n      }\r\n\r\n      .divider,\r\n      [role=\"separator\"] {\r\n        border-top: $topbar-divider-border-top;\r\n        clear: both;\r\n        height: 1px;\r\n        width: 100%;\r\n      }\r\n\r\n      ul li {\r\n        background: $topbar-dropdown-bg;\r\n        & > a {\r\n          display: block;\r\n          width: 100%;\r\n          color: $topbar-link-color;\r\n          padding: 12px 0 12px 0;\r\n          padding-#{$default-float}: $topbar-link-padding;\r\n          font-family: $topbar-link-font-family;\r\n          font-size: $topbar-link-font-size;\r\n          font-weight: $topbar-link-weight;\r\n          text-transform: $topbar-link-text-transform;\r\n\r\n          &.button {\r\n            font-size: $topbar-link-font-size;\r\n            padding-#{$opposite-direction}: $topbar-link-padding;\r\n            padding-#{$default-float}: $topbar-link-padding;\r\n            @include button-style($bg:$primary-color);\r\n          }\r\n          &.button.secondary { @include button-style($bg:$secondary-color); }\r\n          &.button.success { @include button-style($bg:$success-color); }\r\n          &.button.alert { @include button-style($bg:$alert-color); }\r\n          &.button.warning { @include button-style($bg:$warning-color); }\r\n        }\r\n\r\n        > button {\r\n          font-size: $topbar-link-font-size;\r\n          padding-#{$opposite-direction}: $topbar-link-padding;\r\n          padding-#{$default-float}: $topbar-link-padding;\r\n          @include button-style($bg:$primary-color);\r\n\r\n          &.secondary { @include button-style($bg:$secondary-color); }\r\n          &.success { @include button-style($bg:$success-color); }\r\n          &.alert { @include button-style($bg:$alert-color); }\r\n          &.warning { @include button-style($bg:$warning-color); }\r\n        }\r\n\r\n        // Apply the hover link color when it has that class\r\n        &:hover:not(.has-form) > a {\r\n          background-color: $topbar-link-bg-color-hover;\r\n          @if ($topbar-link-bg-hover) {\r\n            background: $topbar-link-bg-hover;\r\n          }\r\n          color: $topbar-link-color-hover;\r\n        }\r\n\r\n        // Apply the active link color when it has that class\r\n        &.active > a {\r\n          background: $topbar-link-bg-active;\r\n          color: $topbar-link-color-active;\r\n          &:hover {\r\n            background: $topbar-link-bg-active-hover;\r\n            color: $topbar-link-color-active-hover;\r\n          }\r\n        }\r\n      }\r\n\r\n      // Add some extra padding for list items contains buttons\r\n      .has-form { padding: $topbar-link-padding; }\r\n\r\n      // Styling for list items that have a dropdown within them.\r\n      .has-dropdown {\r\n        position: relative;\r\n\r\n        & > a {\r\n          &:after {\r\n            @if ($topbar-arrows){\r\n              @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float);\r\n            }\r\n            margin-#{$opposite-direction}: $topbar-link-padding;\r\n            margin-top: -($topbar-dropdown-toggle-size / 2) - 2;\r\n            position: absolute;\r\n            top: 50%;\r\n            #{$opposite-direction}: 0;\r\n          }\r\n        }\r\n\r\n        &.moved { position: static;\r\n          & > .dropdown {\r\n            @include topbar-show-dropdown();\r\n            width: 100%;\r\n          }\r\n          & > a:after {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      // Styling elements inside of dropdowns\r\n      .dropdown {\r\n        padding: 0;\r\n        position: absolute;\r\n        #{$default-float}: 100%;\r\n        top: 0;\r\n        z-index: 99;\r\n        @include topbar-hide-dropdown();\r\n\r\n        li {\r\n          width: 100%;\r\n          height: auto;\r\n\r\n          a {\r\n            font-weight: $topbar-dropdown-link-weight;\r\n            padding: 8px $topbar-link-padding;\r\n            &.parent-link {\r\n              font-weight: $topbar-link-weight;\r\n            }\r\n          }\r\n\r\n          &.title h5, &.parent-link {\r\n            // Back Button\r\n            margin-bottom: 0;\r\n            margin-top: 0;\r\n            font-size: $topbar-back-link-size;\r\n            a {\r\n              color: $topbar-link-color;\r\n              // line-height: ($topbar-height / 2);\r\n              display: block;\r\n              &:hover { background:none; }\r\n            }\r\n          }\r\n          &.has-form { padding: 8px $topbar-link-padding; }\r\n          .button, button { top: auto; }\r\n        }\r\n\r\n        label {\r\n          padding: 8px $topbar-link-padding 2px;\r\n          margin-bottom: 0;\r\n          text-transform: $topbar-dropdown-label-text-transform;\r\n          color: $topbar-dropdown-label-color;\r\n          font-weight: $topbar-dropdown-label-font-weight;\r\n          font-size: $topbar-dropdown-label-font-size;\r\n        }\r\n      }\r\n    }\r\n\r\n    .js-generated { display: block; }\r\n\r\n\r\n    // Top Bar styles intended for screen sizes above the breakpoint.\r\n    @media #{$topbar-media-query} {\r\n      .top-bar {\r\n        background: $topbar-bg;\r\n        @include clearfix;\r\n        overflow: visible;\r\n\r\n        .toggle-topbar { display: none; }\r\n\r\n        .title-area { float: $default-float; }\r\n        .name h1 a { width: auto; }\r\n\r\n        input,\r\n        .button,\r\n        button {\r\n          font-size: rem-calc(14);\r\n          position: relative;\r\n          height: $topbar-input-height;\r\n          top: (($topbar-height - $topbar-input-height) / 2);\r\n        }\r\n\r\n        &.expanded { background: $topbar-bg; }\r\n      }\r\n\r\n      .contain-to-grid .top-bar {\r\n        max-width: $row-width;\r\n        margin: 0 auto;\r\n        margin-bottom: $topbar-margin-bottom;\r\n      }\r\n\r\n      .top-bar-section {\r\n        @include single-transition(none,0,0);\r\n        #{$default-float}: 0 !important;\r\n\r\n        ul {\r\n          width: auto;\r\n          height: auto !important;\r\n          display: inline;\r\n\r\n          li {\r\n            float: $default-float;\r\n            .js-generated { display: none; }\r\n          }\r\n        }\r\n\r\n        li {\r\n          &.hover {\r\n            > a:not(.button) {\r\n              background-color: $topbar-link-bg-color-hover;\r\n              @if ($topbar-link-bg-hover) {\r\n                background: $topbar-link-bg-hover;\r\n              }\r\n              color: $topbar-link-color-hover;\r\n            }\r\n          }\r\n          &:not(.has-form) {\r\n            a:not(.button) {\r\n              padding: 0 $topbar-link-padding;\r\n              line-height: $topbar-height;\r\n              background: $topbar-link-bg;\r\n              &:hover {\r\n                background-color: $topbar-link-bg-color-hover;\r\n                @if ($topbar-link-bg-hover) {\r\n                  background: $topbar-link-bg-hover;\r\n                }\r\n              }\r\n            }\r\n          }\r\n          &.active:not(.has-form) {\r\n            a:not(.button) {\r\n              padding: 0 $topbar-link-padding;\r\n              line-height: $topbar-height;\r\n              color: $topbar-link-color-active;\r\n              background: $topbar-link-bg-active;\r\n              &:hover {\r\n                background: $topbar-link-bg-active-hover;\r\n                color: $topbar-link-color-active-hover;\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        .has-dropdown {\r\n          @if($topbar-arrows){\r\n            & > a {\r\n              padding-#{$opposite-direction}: $topbar-link-padding + $topbar-link-dropdown-padding !important;\r\n              &:after {\r\n                @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), top);\r\n                margin-top: -($topbar-dropdown-toggle-size / 2);\r\n                top: ($topbar-height / 2);\r\n              }\r\n            }\r\n          }\r\n\r\n          &.moved { position: relative;\r\n            & > .dropdown {\r\n              @include topbar-hide-dropdown();\r\n            }\r\n          }\r\n\r\n          &.hover, &.not-click:hover {\r\n            & > .dropdown {\r\n              @include topbar-show-dropdown();\r\n            }\r\n          }\r\n          > a:focus + .dropdown {\r\n            @include topbar-show-dropdown();\r\n          }\r\n\r\n          .dropdown li.has-dropdown {\r\n            & > a {\r\n              @if ($topbar-dropdown-arrows){\r\n                &:after {\r\n                  border: none;\r\n                  content: \"\\00bb\";\r\n                  top: 1rem;\r\n                  margin-top: -1px;\r\n                  #{$opposite-direction}: 5px;\r\n                  line-height: 1.2;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        .dropdown {\r\n          #{$default-float}: 0;\r\n          top: auto;\r\n          background: transparent;\r\n          min-width: 100%;\r\n\r\n          li {\r\n            a {\r\n              color: $topbar-dropdown-link-color;\r\n              line-height: $topbar-height;\r\n              white-space: nowrap;\r\n              padding: 12px $topbar-link-padding;\r\n              background: $topbar-dropdown-link-bg;\r\n            }\r\n\r\n            &:not(.has-form):not(.active) {\r\n              & > a:not(.button) {\r\n                color: $topbar-dropdown-link-color;\r\n                background: $topbar-dropdown-link-bg;\r\n              }\r\n\r\n              &:hover > a:not(.button) {\r\n                color: $topbar-dropdown-link-color-hover;\r\n                background-color: $topbar-link-bg-color-hover;\r\n                @if ($topbar-dropdown-link-bg-hover) {\r\n                  background: $topbar-dropdown-link-bg-hover;\r\n                }\r\n              }\r\n            }\r\n\r\n            label {\r\n              white-space: nowrap;\r\n              background: $topbar-dropdown-label-bg;\r\n            }\r\n\r\n            // Second Level Dropdowns\r\n            .dropdown {\r\n              #{$default-float}: 100%;\r\n              top: 0;\r\n            }\r\n          }\r\n        }\r\n\r\n        & > ul > .divider,\r\n        & > ul > [role=\"separator\"] {\r\n          border-bottom: none;\r\n          border-top: none;\r\n          border-#{$opposite-direction}: $topbar-divider-border-bottom;\r\n          clear: none;\r\n          height: $topbar-height;\r\n          width: 0;\r\n        }\r\n\r\n        .has-form {\r\n          background: $topbar-link-bg;\r\n          padding: 0 ($topbar-height / 3);\r\n          height: $topbar-height;\r\n        }\r\n\r\n        // Position overrides for ul.right and ul.left\r\n        .#{$opposite-direction} {\r\n          li .dropdown {\r\n            #{$default-float}: auto;\r\n            #{$opposite-direction}: 0;\r\n\r\n            li .dropdown { #{$opposite-direction}: 100%; }\r\n          }\r\n        }\r\n        .#{$default-float} {\r\n          li .dropdown {\r\n            #{$opposite-direction}: auto;\r\n            #{$default-float}: 0;\r\n\r\n            li .dropdown { #{$default-float}: 100%; }\r\n          }\r\n        }\r\n      }\r\n\r\n      // Degrade gracefully when Javascript is disabled. Displays dropdown and changes\r\n      // background & text color on hover.\r\n      .no-js .top-bar-section {\r\n        ul li {\r\n          // Apply the hover link color when it has that class\r\n          &:hover > a {\r\n            background-color: $topbar-link-bg-color-hover;\r\n            @if ($topbar-link-bg-hover) {\r\n              background: $topbar-link-bg-hover;\r\n            }\r\n            color: $topbar-link-color-hover;\r\n          }\r\n\r\n          // Apply the active link color when it has that class\r\n          &:active > a {\r\n            background: $topbar-link-bg-active;\r\n            color: $topbar-link-color-active;\r\n          }\r\n        }\r\n\r\n        .has-dropdown {\r\n          &:hover {\r\n            & > .dropdown {\r\n              @include topbar-show-dropdown();\r\n            }\r\n          }\r\n          > a:focus + .dropdown {\r\n            @include topbar-show-dropdown();\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n\r\n$include-html-accordion-classes: $include-html-classes !default;\r\n\r\n$accordion-navigation-padding: rem-calc(16) !default;\r\n$accordion-navigation-bg-color: $silver !default;\r\n$accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%) !default;\r\n$accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%) !default;\r\n$accordion-navigation-font-color: $jet !default;\r\n$accordion-navigation-font-size: rem-calc(16) !default;\r\n$accordion-navigation-font-family: $body-font-family !default;\r\n\r\n$accordion-content-padding: ($column-gutter/2) !default;\r\n$accordion-content-active-bg-color: $white !default;\r\n\r\n\r\n//  Mixin: accordion-container()\r\n//  Decription: Responsible for the container component of accordions, generating styles relating to a margin of zero and a clearfix\r\n//  Explicit Dependencies: a clearfix mixin *is* defined.\r\n//  Implicit Dependencies: None\r\n\r\n@mixin accordion-container() {\r\n  @include clearfix;\r\n  margin-bottom: 0;\r\n}\r\n\r\n//  Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class,  $font-color, $font-size, $font-family){\r\n//    @params $bg-color: [ color or string ]: Specify the background color for the navigation element\r\n//    @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered\r\n//    @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released.\r\n//    @params $active_class [ string ]: Specify the class name used to keep track of which accordion tab should be visible\r\n//    @params $font-color [ color or string ]: Color of the font for accordion\r\n//    @params $font-size [ number ]: Specifiy the font-size of the text inside the navigation element\r\n//    @params $font-family [ string ]: Specify the font family for the text of the navigation of the accorion\r\n\r\n@mixin accordion-navigation( $bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active',  $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ){\r\n  display: block;\r\n  margin-bottom: 0 !important;\r\n  @if type-of($active_class) != \"string\" {\r\n    @warn \"`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of this navigation component.\"\r\n  }\r\n  @else {\r\n    &.#{ $active_class } > a {\r\n      background: $active-bg;\r\n    }\r\n  }\r\n  > a {\r\n    background: $bg;\r\n    color: $font-color;\r\n    @if type-of($padding) != number {\r\n      @warn \"`#{$padding}` was read as #{type-of($padding)}\";\r\n      @if $accordion-navigation-padding != null {\r\n        @warn \"#{$padding} was read as a #{type-of($padding)}\";\r\n        @warn \"`#{$padding}` isn't a valid number. $accordion-navigation-padding (#{$accordion-navigation-padding}) will be used instead.)\";\r\n        padding: $accordion-navigation-padding;\r\n      }\r\n      @else {\r\n        @warn \"`#{$padding}` isn't a valid number and $accordion-navigation-padding is missing. A value of `null` is returned to not output an invalid value for padding\";\r\n        padding: null;\r\n      }\r\n    }\r\n    @else {\r\n      padding: $padding;\r\n    }\r\n    display: block;\r\n    font-family: $font-family;\r\n    @if type-of($font-size) != number {\r\n      @warn \"`#{$font-size}` was read as a #{type-of($font-size)}\";\r\n      @if $accordion-navigation-font-size != null {\r\n        @warn \"`#{$font-size}` is not a valid number. The value of $accordion-navigation-font-size will be used instead (#{$accordion-navigation-font-size}).\";\r\n        font-size: $accordion-navigation-font-size;\r\n      }\r\n      @else{\r\n        @warn \"`#{$font-size}` is not a valid number and the default value of $accordion-navigation-font-size is not defined. A value of `null` will be returned to not generate an invalid value for font-size.\";\r\n        font-size: null;\r\n\r\n      }\r\n    }\r\n    @else {\r\n      font-size: $font-size;\r\n    }\r\n    &:hover {\r\n      background: $hover-bg;\r\n    }\r\n  }\r\n}\r\n\r\n//  Mixin: accordion-content($bg, $padding, $active-class)\r\n//    @params $padding [ number ]: Padding for the content of the container\r\n//    @params $bg [ color  ]: Background color for the content when it's visible\r\n//    @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible.\r\n\r\n@mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active'){\r\n  display: none;\r\n  @if type-of($padding) != \"number\" {\r\n    @warn \"#{$padding} was read as a #{type-of($padding)}\";\r\n    @if $accordion-content-padding != null {\r\n      @warn \"`#{$padding}` isn't a valid number. $accordion-content-padding used instead\";\r\n      padding: $accordion-content-padding;\r\n    } @else {\r\n      @warn \"`#{$padding}` isn't a valid number and the default value of $accordion-content-padding is not defined. A value of `null` is returned to not output an invalid value for padding.\";\r\n      padding: null;\r\n    }\r\n  } @else {\r\n    padding: $padding;\r\n  }\r\n\r\n  @if type-of($active_class) != \"string\" {\r\n    @warn \"`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of the content. \"\r\n  }\r\n  @else {\r\n    &.#{$active_class} {\r\n      display: block;\r\n      background: $bg;\r\n    }\r\n  }\r\n}\r\n\r\n@include exports(\"accordion\") {\r\n  @if $include-html-accordion-classes {\r\n    .accordion {\r\n      @include clearfix;\r\n      margin-bottom: 0;\r\n      .accordion-navigation, dd {\r\n        display: block;\r\n        margin-bottom: 0 !important;\r\n        &.active > a { background: $accordion-navigation-active-bg-color; }\r\n        > a {\r\n          background: $accordion-navigation-bg-color;\r\n          color: $accordion-navigation-font-color;\r\n          padding: $accordion-navigation-padding;\r\n          display: block;\r\n          font-family: $accordion-navigation-font-family;\r\n          font-size: $accordion-navigation-font-size;\r\n          &:hover { background: $accordion-navigation-hover-bg-color; }\r\n        }\r\n\r\n        > .content {\r\n          display: none;\r\n          padding: $accordion-content-padding;\r\n          &.active {\r\n            display: block;\r\n            background: $accordion-content-active-bg-color;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// Alert Box Variables\r\n//\r\n$include-html-alert-classes: $include-html-classes !default;\r\n\r\n// We use this to control alert padding.\r\n$alert-padding-top: rem-calc(14) !default;\r\n$alert-padding-default-float: $alert-padding-top !default;\r\n$alert-padding-opposite-direction: $alert-padding-top + rem-calc(10) !default;\r\n$alert-padding-bottom: $alert-padding-top !default;\r\n\r\n// We use these to control text style.\r\n$alert-font-weight: $font-weight-normal !default;\r\n$alert-font-size: rem-calc(13) !default;\r\n$alert-font-color: $white !default;\r\n$alert-font-color-alt: scale-color($secondary-color, $lightness: -66%) !default;\r\n\r\n// We use this for close hover effect.\r\n$alert-function-factor: -14% !default;\r\n\r\n// We use these to control border styles.\r\n$alert-border-style: solid !default;\r\n$alert-border-width: 1px !default;\r\n$alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor) !default;\r\n$alert-bottom-margin: rem-calc(20) !default;\r\n\r\n// We use these to style the close buttons\r\n$alert-close-color: $oil !default;\r\n$alert-close-top: 50% !default;\r\n$alert-close-position: rem-calc(4) !default;\r\n$alert-close-font-size: rem-calc(22) !default;\r\n$alert-close-opacity: 0.3 !default;\r\n$alert-close-opacity-hover: 0.5 !default;\r\n$alert-close-padding: 9px 6px 4px !default;\r\n$alert-close-background: inherit !default;\r\n\r\n// We use this to control border radius\r\n$alert-radius: $global-radius !default;\r\n\r\n$alert-transition-speed: 300ms !default;\r\n$alert-transition-ease: ease-out !default;\r\n\r\n//\r\n// Alert Mixins\r\n//\r\n\r\n// We use this mixin to create a default alert base.\r\n@mixin alert-base {\r\n  border-style: $alert-border-style;\r\n  border-width: $alert-border-width;\r\n  display: block;\r\n  font-weight: $alert-font-weight;\r\n  margin-bottom: $alert-bottom-margin;\r\n  position: relative;\r\n  padding: $alert-padding-top $alert-padding-opposite-direction $alert-padding-bottom $alert-padding-default-float;\r\n  font-size: $alert-font-size;\r\n  @include single-transition(opacity, $alert-transition-speed, $alert-transition-ease)\r\n}\r\n\r\n// We use this mixin to add alert styles\r\n//\r\n// $bg - The background of the alert. Default: $primary-color.\r\n@mixin alert-style($bg:$primary-color) {\r\n\r\n  // This finds the lightness percentage of the background color.\r\n  $bg-lightness: lightness($bg);\r\n\r\n  // We control which background color and border come through.\r\n  background-color: $bg;\r\n  border-color: scale-color($bg, $lightness: $alert-function-factor);\r\n\r\n  // We control the text color for you based on the background color.\r\n  @if $bg-lightness > 70% { color: $alert-font-color-alt; }\r\n  @else                   { color: $alert-font-color; }\r\n\r\n}\r\n\r\n// We use this to create the close button.\r\n@mixin alert-close {\r\n  font-size: $alert-close-font-size;\r\n  padding: $alert-close-padding;\r\n  line-height: 0;\r\n  position: absolute;\r\n  top: $alert-close-top;\r\n  margin-top: -($alert-close-font-size / 2);\r\n  #{$opposite-direction}: $alert-close-position;\r\n  color: $alert-close-color;\r\n  opacity: $alert-close-opacity;\r\n  background: $alert-close-background;\r\n  &:hover,\r\n  &:focus { opacity: $alert-close-opacity-hover; }\r\n}\r\n\r\n// We use this to quickly create alerts with a single mixin.\r\n//\r\n// $bg - Background of alert. Default: $primary-color.\r\n// $radius - Radius of alert box. Default: false.\r\n@mixin alert($bg:$primary-color, $radius:false) {\r\n  @include alert-base;\r\n  @include alert-style($bg);\r\n  @include radius($radius);\r\n}\r\n\r\n@include exports(\"alert-box\") {\r\n  @if $include-html-alert-classes {\r\n    .alert-box {\r\n      @include alert;\r\n\r\n      .close      { @include alert-close; }\r\n\r\n      &.radius    { @include radius($alert-radius); }\r\n      &.round     { @include radius($global-rounded); }\r\n\r\n      &.success   { @include alert-style($success-color); }\r\n      &.alert     { @include alert-style($alert-color); }\r\n      &.secondary { @include alert-style($secondary-color); }\r\n      &.warning { @include alert-style($warning-color); }\r\n      &.info { @include alert-style($info-color); }\r\n      &.alert-close { opacity: 0}\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// Breadcrumb Variables\r\n//\r\n$include-html-nav-classes: $include-html-classes !default;\r\n\r\n// We use this to set the background color for the breadcrumb container.\r\n$crumb-bg: scale-color($secondary-color, $lightness: 55%) !default;\r\n\r\n// We use these to set the padding around the breadcrumbs.\r\n$crumb-padding: rem-calc(9 14 9) !default;\r\n$crumb-side-padding: rem-calc(12) !default;\r\n\r\n// We use these to control border styles.\r\n$crumb-function-factor: -10% !default;\r\n$crumb-border-size: 1px !default;\r\n$crumb-border-style: solid !default;\r\n$crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor) !default;\r\n$crumb-radius: $global-radius !default;\r\n\r\n// We use these to set various text styles for breadcrumbs.\r\n$crumb-font-size: rem-calc(11) !default;\r\n$crumb-font-color: $primary-color !default;\r\n$crumb-font-color-current: $oil !default;\r\n$crumb-font-color-unavailable: $aluminum !default;\r\n$crumb-font-transform: uppercase !default;\r\n$crumb-link-decor: underline !default;\r\n\r\n// We use these to control the slash between breadcrumbs\r\n$crumb-slash-color: $base !default;\r\n$crumb-slash: \"/\" !default;\r\n\r\n//\r\n// Breadcrumb Mixins\r\n//\r\n\r\n// We use this mixin to create a container around our breadcrumbs\r\n@mixin crumb-container {\r\n  display: block;\r\n  padding: $crumb-padding;\r\n  overflow: hidden;\r\n  margin-#{$default-float}: 0;\r\n  list-style: none;\r\n  border-style: $crumb-border-style;\r\n  border-width: $crumb-border-size;\r\n\r\n  // We control which background color and border come through.\r\n  background-color: $crumb-bg;\r\n  border-color: $crumb-border-color;\r\n}\r\n\r\n// We use this mixin to create breadcrumb styles from list items.\r\n@mixin crumbs {\r\n\r\n  // A normal state will make the links look and act like clickable breadcrumbs.\r\n  margin: 0;\r\n  float: $default-float;\r\n  font-size: $crumb-font-size;\r\n  line-height: $crumb-font-size;\r\n  text-transform: $crumb-font-transform;\r\n  color: $crumb-font-color;\r\n\r\n  &:hover a, &:focus a { text-decoration: $crumb-link-decor; }\r\n\r\n  a {\r\n    color: $crumb-font-color;\r\n  }\r\n\r\n  // Current is for the link of the current page\r\n  &.current {\r\n    cursor: $cursor-default-value;\r\n    color: $crumb-font-color-current;\r\n    a {\r\n      cursor: $cursor-default-value;\r\n      color: $crumb-font-color-current;\r\n    }\r\n\r\n    &:hover, &:hover a,\r\n    &:focus, &:focus a { text-decoration: none; }\r\n  }\r\n\r\n  // Unavailable removed color and link styles so it looks inactive.\r\n  &.unavailable {\r\n    color: $crumb-font-color-unavailable;\r\n    a { color: $crumb-font-color-unavailable; }\r\n\r\n    &:hover,\r\n    &:hover a,\r\n    &:focus,\r\n    a:focus {\r\n      text-decoration: none;\r\n      color: $crumb-font-color-unavailable;\r\n      cursor: $cursor-default-value;\r\n    }\r\n  }\r\n\r\n  &:before {\r\n    content: \"#{$crumb-slash}\";\r\n    color: $crumb-slash-color;\r\n    margin: 0 $crumb-side-padding;\r\n    position: relative;\r\n    top: 1px;\r\n  }\r\n\r\n  &:first-child:before {\r\n    content: \" \";\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n@include exports(\"breadcrumbs\") {\r\n  @if $include-html-nav-classes {\r\n    .breadcrumbs {\r\n      @include crumb-container;\r\n      @include radius($crumb-radius);\r\n\r\n      &>* {\r\n        @include crumbs;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Accessibility - hides the forward slash */\r\n[aria-label=\"breadcrumbs\"] [aria-hidden=\"true\"]:after {\r\n  content: \"/\";\r\n  }\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// Block Grid Variables\r\n//\r\n$include-html-block-grid-classes: $include-html-classes !default;\r\n$include-xl-html-block-grid-classes: false !default;\r\n\r\n// We use this to control the maximum number of block grid elements per row\r\n$block-grid-elements: 12 !default;\r\n$block-grid-default-spacing: rem-calc(20) !default;\r\n\r\n$align-block-grid-to-grid: false !default;\r\n@if $align-block-grid-to-grid {\r\n  $block-grid-default-spacing: $column-gutter;\r\n}\r\n\r\n// Enables media queries for block-grid classes. Set to false if writing semantic HTML.\r\n$block-grid-media-queries: true !default;\r\n\r\n//\r\n// Block Grid Mixins\r\n//\r\n\r\n// Create a custom block grid\r\n//\r\n// $per-row - # of items to display per row. Default: false.\r\n// $spacing - # of ems to use as padding on each block item. Default: rem-calc(20).\r\n// $base-style - Apply a base style to block grid. Default: true.\r\n@mixin block-grid(\r\n  $per-row:false,\r\n  $spacing:$block-grid-default-spacing,\r\n  $include-spacing:true,\r\n  $base-style:true) {\r\n\r\n  @if $base-style {\r\n    display: block;\r\n    padding: 0;\r\n    @if $align-block-grid-to-grid {\r\n      margin: 0;\r\n    } @else {\r\n      margin: 0 (-$spacing/2);\r\n    }\r\n    @include clearfix;\r\n\r\n    &>li {\r\n      display: block;\r\n      height: auto;\r\n      float: $default-float;\r\n      @if $include-spacing {\r\n        padding: 0 ($spacing/2) $spacing;\r\n      }\r\n    }\r\n  }\r\n\r\n  @if $per-row {\r\n    &>li {\r\n      width: 100%/$per-row;\r\n      @if $include-spacing {\r\n        padding: 0 ($spacing/2) $spacing;\r\n      }\r\n      list-style: none;\r\n\r\n      &:nth-of-type(1n) { clear: none; }\r\n      &:nth-of-type(#{$per-row}n+1) { clear: both; }\r\n      @if $align-block-grid-to-grid {\r\n        @include block-grid-aligned($per-row, $spacing);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@mixin block-grid-aligned($per-row, $spacing) {\r\n  @for $i from 1 through $block-grid-elements {\r\n    @if $per-row >= $i {\r\n      $grid-column: '+' + $i;\r\n      @if $per-row == $i {\r\n        $grid-column: '';\r\n      }\r\n      &:nth-of-type(#{$per-row}n#{unquote($grid-column)}) {\r\n        padding-left: ($spacing - (($spacing / $per-row) * ($per-row - ($i - 1))));\r\n        padding-right: ($spacing - (($spacing / $per-row) * $i));\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Generate presentational markup for block grid.\r\n//\r\n// $size - Name of class to use, i.e. \"large\" will generate .large-block-grid-1, .large-block-grid-2, etc.\r\n@mixin block-grid-html-classes($size,$include-spacing) {\r\n  @for $i from 1 through $block-grid-elements {\r\n    .#{$size}-block-grid-#{($i)} {\r\n      @include block-grid($i,$block-grid-default-spacing,$include-spacing,false);\r\n    }\r\n  }\r\n}\r\n\r\n@include exports(\"block-grid\") {\r\n  @if $include-html-block-grid-classes {\r\n\r\n    [class*=\"block-grid-\"] { @include block-grid; }\r\n\r\n    @if $block-grid-media-queries {\r\n      @media #{$small-up} {\r\n        @include block-grid-html-classes($size:small,$include-spacing:false);\r\n      }\r\n\r\n      @media #{$medium-up} {\r\n        @include block-grid-html-classes($size:medium,$include-spacing:false);\r\n      }\r\n\r\n      @media #{$large-up} {\r\n        @include block-grid-html-classes($size:large,$include-spacing:false);\r\n      }\r\n\r\n      @if $include-xl-html-block-grid-classes {\r\n        @media #{$xlarge-up} {\r\n          @include block-grid-html-classes($size:xlarge,$include-spacing:false);\r\n        }\r\n\r\n        @media #{$xxlarge-up} {\r\n          @include block-grid-html-classes($size:xxlarge,$include-spacing:false);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n@import \"buttons\";\r\n\r\n//\r\n// Button Group Variables\r\n//\r\n$include-html-button-classes: $include-html-classes !default;\r\n\r\n// Sets the margin for the right side by default, and the left margin if right-to-left direction is used\r\n$button-bar-margin-opposite: rem-calc(10) !default;\r\n$button-group-border-width: 1px !default;\r\n\r\n//\r\n// Button Group Mixins\r\n//\r\n\r\n// We use this to add styles for a button group container\r\n@mixin button-group-container($styles:true, $float:false) {\r\n  @if $styles {\r\n    list-style: none;\r\n    margin: 0;\r\n    #{$default-float}: 0;\r\n    @include clearfix();\r\n  }\r\n  @if $float {\r\n    float: #{$default-float};\r\n    margin-#{$opposite-direction}: $button-bar-margin-opposite;\r\n    & div { overflow: hidden; }\r\n  }\r\n}\r\n\r\n// We use this to control styles for button groups\r\n@mixin button-group-style($radius:false, $even:false, $float:false, $orientation:horizontal) {\r\n\r\n  > button, .button {\r\n    border-#{$default-float}: $button-group-border-width solid;\r\n    border-color: rgba(255, 255, 255, 0.5);\r\n  }\r\n\r\n  &:first-child {\r\n    button, .button {\r\n      border-#{$default-float}: 0;\r\n    }\r\n  }\r\n\r\n  // We use this to control the flow, or remove those styles completely.\r\n  @if $float {\r\n    margin: 0;\r\n    float: $float;\r\n    display: list-item;\r\n    // Make sure the first child doesn't get the negative margin.\r\n    &:first-child { margin-#{$default-float}: 0; }\r\n  }\r\n  @else {\r\n    margin: 0 -2px;\r\n    display: inline-block;\r\n  }\r\n\r\n  @if $orientation == vertical {\r\n    display:block;\r\n    margin:0;\r\n    > button, .button {\r\n      border-top: $button-group-border-width solid;\r\n      border-color: rgba(255, 255, 255, 0.5);\r\n      border-left-width: 0;\r\n      margin:0;\r\n      display: block;\r\n    }\r\n\r\n    &:first-child {\r\n      button, .button {\r\n        border-top: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // We use these to control left and right radius on first/last buttons in the group.\r\n  @if $radius == true {\r\n    &,\r\n    & > a,\r\n    & > button,\r\n    & > .button { @include radius(0); }\r\n    &:first-child,\r\n    &:first-child > a,\r\n    &:first-child > button,\r\n    &:first-child > .button {\r\n      @if $orientation == vertical {\r\n        @include side-radius(top, $button-radius);\r\n      }\r\n      @else {\r\n        @include side-radius($default-float, $button-radius);\r\n      }\r\n    }\r\n    &:last-child,\r\n    &:last-child > a,\r\n    &:last-child > button,\r\n    &:last-child > .button {\r\n      @if $orientation == vertical {\r\n        @include side-radius(bottom, $button-radius);\r\n      }\r\n      @else {\r\n        @include side-radius($opposite-direction, $button-radius);\r\n      }\r\n    }\r\n  }\r\n  @else if $radius {\r\n    &,\r\n    & > a,\r\n    & > button,\r\n    & > .button { @include radius(0); }\r\n    &:first-child,\r\n    &:first-child > a,\r\n    &:first-child > button,\r\n    &:first-child > .button {\r\n      @if $orientation == vertical {\r\n        @include side-radius(top, $radius);\r\n      }\r\n      @else {\r\n        @include side-radius($default-float, $radius);\r\n      }\r\n    }\r\n    &:last-child,\r\n    &:last-child > a,\r\n    &:last-child > button,\r\n    &:last-child > .button {\r\n      @if $orientation == vertical {\r\n        @include side-radius(bottom, $radius);\r\n      }\r\n      @else {\r\n        @include side-radius($opposite-direction, $radius);\r\n      }\r\n    }\r\n  }\r\n\r\n  // We use this to make the buttons even width across their container\r\n  @if $even {\r\n    width: percentage((100/$even) / 100);\r\n    button, .button { width: 100%; }\r\n  }\r\n}\r\n\r\n@include exports(\"button-group\") {\r\n  @if $include-html-button-classes {\r\n    .button-group { @include button-group-container;\r\n\r\n      & > li { @include button-group-style(); }\r\n\r\n      &.stack {\r\n        & > li { @include button-group-style($orientation:vertical); float: none; }\r\n      }\r\n\r\n      &.stack-for-small {\r\n        & > li {\r\n          @include button-group-style($orientation:horizontal);\r\n          @media #{$small-only} {\r\n            @include button-group-style($orientation:vertical);\r\n          }\r\n        }\r\n      }\r\n\r\n      &.radius > * { @include button-group-style($radius:$button-radius, $float:null); }\r\n      &.radius.stack > * { @include button-group-style($radius:$button-radius, $float:null, $orientation:vertical); }\r\n      &.radius.stack-for-small > * {\r\n        @media #{$medium-up} {\r\n          @include button-group-style($radius:$button-radius, $orientation:horizontal);\r\n        }\r\n        @media #{$small-only} {\r\n          @include button-group-style($radius:$button-radius, $orientation:vertical);\r\n        }\r\n      }\r\n\r\n      &.round > * { @include button-group-style($radius:$button-round, $float:null); }\r\n      &.round.stack > * { @include button-group-style($radius:$button-med, $float:null, $orientation:vertical); }\r\n      &.round.stack-for-small > * {\r\n        @media #{$medium-up} {\r\n          @include button-group-style($radius:$button-round, $orientation:horizontal);\r\n        }\r\n        @media #{$small-only} {\r\n          @include button-group-style($radius:$button-med, $orientation:vertical);\r\n        }\r\n      }\r\n\r\n      @for $i from 2 through 8 {\r\n        &.even-#{$i} li { @include button-group-style($even:$i, $float:null); }\r\n      }\r\n    }\r\n\r\n    .button-bar {\r\n      @include clearfix;\r\n      .button-group { @include button-group-container($styles:false, $float:true); }\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-clearing-classes: $include-html-classes !default;\r\n\r\n// We use these to set the background colors for parts of Clearing.\r\n$clearing-bg: $oil !default;\r\n$clearing-caption-bg: $clearing-bg !default;\r\n$clearing-carousel-bg: rgba(51,51,51,0.8) !default;\r\n$clearing-img-bg: $clearing-bg !default;\r\n\r\n// We use these to style the close button\r\n$clearing-close-color: $iron !default;\r\n$clearing-close-size: 30px !default;\r\n\r\n// We use these to style the arrows\r\n$clearing-arrow-size: 12px !default;\r\n$clearing-arrow-color: $clearing-close-color !default;\r\n\r\n// We use these to style captions\r\n$clearing-caption-font-color: $iron !default;\r\n$clearing-caption-font-size: 0.875em !default;\r\n$clearing-caption-padding: 10px 30px 20px !default;\r\n\r\n// We use these to make the image and carousel height and style\r\n$clearing-active-img-height: 85% !default;\r\n$clearing-carousel-height: 120px !default;\r\n$clearing-carousel-thumb-width: 120px !default;\r\n$clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;\r\n\r\n@include exports(\"clearing\") {\r\n  @if $include-html-clearing-classes {\r\n    // We decided to not create a mixin for Clearing because it relies\r\n    // on predefined classes and structure to work properly.\r\n    // The variables above should give enough control.\r\n\r\n    /* Clearing Styles */\r\n    .clearing-thumbs, #{data('clearing')} {\r\n      @include clearfix;\r\n      margin-bottom: 0;\r\n      margin-#{$default-float}: 0;\r\n      list-style: none;\r\n\r\n      li {\r\n        float: $default-float;\r\n        margin-#{$opposite-direction}: 10px;\r\n      }\r\n\r\n      &[class*=\"block-grid-\"] li {\r\n        margin-#{$opposite-direction}: 0;\r\n      }\r\n    }\r\n\r\n    .clearing-blackout {\r\n      background: $clearing-bg;\r\n      position: fixed;\r\n      width: 100%;\r\n      height: 100%;\r\n      top: 0;\r\n      #{$default-float}: 0;\r\n      z-index: 998;\r\n\r\n      .clearing-close { display: block; }\r\n    }\r\n\r\n    .clearing-container {\r\n      position: relative;\r\n      z-index: 998;\r\n      height: 100%;\r\n      overflow: hidden;\r\n      margin: 0;\r\n    }\r\n\r\n    .clearing-touch-label {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      color: $base;\r\n      font-size: 0.6em;\r\n    }\r\n\r\n    .visible-img {\r\n      height: 95%;\r\n      position: relative;\r\n\r\n      img {\r\n        position: absolute;\r\n        #{$default-float}: 50%;\r\n        top: 50%;\r\n        margin-#{$default-float}: -50%;\r\n        max-height: 100%;\r\n        max-width: 100%;\r\n      }\r\n    }\r\n\r\n    .clearing-caption {\r\n      color: $clearing-caption-font-color;\r\n      font-size: $clearing-caption-font-size;\r\n      line-height: 1.3;\r\n      margin-bottom: 0;\r\n      text-align: center;\r\n      bottom: 0;\r\n      background: $clearing-caption-bg;\r\n      width: 100%;\r\n      padding: $clearing-caption-padding;\r\n      position: absolute;\r\n      #{$default-float}: 0;\r\n    }\r\n\r\n    .clearing-close {\r\n      z-index: 999;\r\n      padding-#{$default-float}: 20px;\r\n      padding-top: 10px;\r\n      font-size: $clearing-close-size;\r\n      line-height: 1;\r\n      color: $clearing-close-color;\r\n      display: none;\r\n\r\n      &:hover,\r\n      &:focus { color: $iron; }\r\n    }\r\n\r\n    .clearing-assembled .clearing-container { height: 100%;\r\n      .carousel > ul { display: none; }\r\n    }\r\n\r\n    // If you want to show a lightbox, but only have a single image come through as the thumbnail\r\n    .clearing-feature li {\r\n      display: none;\r\n      &.clearing-featured-img {\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    // Large screen overrides\r\n    @media #{$medium-up} {\r\n      .clearing-main-prev,\r\n      .clearing-main-next {\r\n        position: absolute;\r\n        height: 100%;\r\n        width: 40px;\r\n        top: 0;\r\n        & > span {\r\n          position: absolute;\r\n          top: 50%;\r\n          display: block;\r\n          width: 0;\r\n          height: 0;\r\n          border: solid $clearing-arrow-size;\r\n          &:hover { opacity: 0.8; }\r\n        }\r\n      }\r\n      .clearing-main-prev {\r\n        #{$default-float}: 0;\r\n        & > span {\r\n          #{$default-float}: 5px;\r\n          border-color: transparent;\r\n          border-#{$opposite-direction}-color: $clearing-arrow-color;\r\n        }\r\n      }\r\n      .clearing-main-next {\r\n        #{$opposite-direction}: 0;\r\n        & > span {\r\n          border-color: transparent;\r\n          border-#{$default-float}-color: $clearing-arrow-color;\r\n        }\r\n      }\r\n    \r\n      .clearing-main-prev.disabled,\r\n      .clearing-main-next.disabled { opacity: 0.3; }\r\n\r\n      .clearing-assembled .clearing-container {\r\n\r\n        .carousel {\r\n          background: $clearing-carousel-bg;\r\n          height: $clearing-carousel-height;\r\n          margin-top: 10px;\r\n          text-align: center;\r\n\r\n          & > ul {\r\n            display: inline-block;\r\n            z-index: 999;\r\n            height: 100%;\r\n            position: relative;\r\n            float: none;\r\n\r\n            li {\r\n              display: block;\r\n              width: $clearing-carousel-thumb-width;\r\n              min-height: inherit;\r\n              float: $default-float;\r\n              overflow: hidden;\r\n              margin-#{$opposite-direction}: 0;\r\n              padding: 0;\r\n              position: relative;\r\n              cursor: $cursor-pointer-value;\r\n              opacity: 0.4;\r\n              clear: none;\r\n\r\n              &.fix-height {\r\n                img {\r\n                  height: 100%;\r\n                  max-width: none;\r\n                }\r\n              }\r\n\r\n              a.th {\r\n                border: none;\r\n                box-shadow: none;\r\n                display: block;\r\n              }\r\n\r\n              img {\r\n              cursor: $cursor-pointer-value !important;\r\n              width: 100% !important;\r\n              }\r\n\r\n              &.visible { opacity: 1; }\r\n              &:hover { opacity: 0.8; }\r\n            }\r\n          }\r\n        }\r\n\r\n        .visible-img {\r\n          background: $clearing-img-bg;\r\n          overflow: hidden;\r\n          height: $clearing-active-img-height;\r\n        }\r\n      }\r\n\r\n      .clearing-close {\r\n        position: absolute;\r\n        top: 10px;\r\n        #{$opposite-direction}: 20px;\r\n        padding-#{$default-float}: 0;\r\n        padding-top: 0;\r\n      }\r\n    }\r\n\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-dropdown-classes: $include-html-classes !default;\r\n\r\n// We use these to controls height and width styles.\r\n$f-dropdown-max-width: 200px !default;\r\n$f-dropdown-height: auto !default;\r\n$f-dropdown-max-height: none !default;\r\n\r\n// Used for bottom position\r\n$f-dropdown-margin-top: 2px !default;\r\n\r\n// Used for right position\r\n$f-dropdown-margin-left: $f-dropdown-margin-top !default;\r\n\r\n// Used for left position\r\n$f-dropdown-margin-right: $f-dropdown-margin-top !default;\r\n\r\n// Used for top position\r\n$f-dropdown-margin-bottom: $f-dropdown-margin-top !default;\r\n\r\n// We use this to control the background color\r\n$f-dropdown-bg: $white !default;\r\n\r\n// We use this to set the border styles for dropdowns.\r\n$f-dropdown-border-style: solid !default;\r\n$f-dropdown-border-width: 1px !default;\r\n$f-dropdown-border-color: scale-color($white, $lightness: -20%) !default;\r\n\r\n// We use these to style the triangle pip.\r\n$f-dropdown-triangle-size: 6px !default;\r\n$f-dropdown-triangle-color: $white !default;\r\n$f-dropdown-triangle-side-offset: 10px !default;\r\n\r\n// We use these to control styles for the list elements.\r\n$f-dropdown-list-style: none !default;\r\n$f-dropdown-font-color: $charcoal !default;\r\n$f-dropdown-font-size: rem-calc(14) !default;\r\n$f-dropdown-list-padding: rem-calc(5, 10) !default;\r\n$f-dropdown-line-height: rem-calc(18) !default;\r\n$f-dropdown-list-hover-bg: $smoke !default;\r\n$dropdown-mobile-default-float: 0 !default;\r\n\r\n// We use this to control the styles for when the dropdown has custom content.\r\n$f-dropdown-content-padding: rem-calc(20) !default;\r\n\r\n// Default radius for dropdown.\r\n$f-dropdown-radius: $global-radius !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n//\r\n// NOTE: Make default max-width change between list and content types. Can add more width with classes, maybe .small, .medium, .large, etc.;\r\n// We use this to style the dropdown container element.\r\n// $content-list - Sets list-style. Default: list. Options: [list, content]\r\n// $triangle - Sets if dropdown has triangle. Default:true.\r\n// $max-width - Default: $f-dropdown-max-width || 200px.\r\n@mixin dropdown-container($content:list, $triangle:true, $max-width:$f-dropdown-max-width) {\r\n  position: absolute;\r\n  left: -9999px;\r\n  list-style: $f-dropdown-list-style;\r\n  margin-#{$default-float}: 0;\r\n  outline: none;\r\n\r\n  > *:first-child { margin-top: 0; }\r\n  > *:last-child { margin-bottom: 0; }\r\n\r\n  @if $content == list {\r\n    width: 100%;\r\n    max-height: $f-dropdown-max-height;\r\n    height: $f-dropdown-height;\r\n    background: $f-dropdown-bg;\r\n    border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;\r\n    font-size: $f-dropdown-font-size;\r\n    z-index: 89;\r\n  }\r\n  @else if $content == content {\r\n    padding: $f-dropdown-content-padding;\r\n    width: 100%;\r\n    height: $f-dropdown-height;\r\n    max-height: $f-dropdown-max-height;\r\n    background: $f-dropdown-bg;\r\n    border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;\r\n    font-size: $f-dropdown-font-size;\r\n    z-index: 89;\r\n  }\r\n\r\n  @if $triangle == bottom {\r\n    margin-top: $f-dropdown-margin-top;\r\n\r\n    &:before {\r\n      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, bottom);\r\n      position: absolute;\r\n      top: -($f-dropdown-triangle-size * 2);\r\n      #{$default-float}: $f-dropdown-triangle-side-offset;\r\n      z-index: 89;\r\n    }\r\n    &:after {\r\n      @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, bottom);\r\n      position: absolute;\r\n      top: -(($f-dropdown-triangle-size + 1) * 2);\r\n      #{$default-float}: $f-dropdown-triangle-side-offset - 1;\r\n      z-index: 88;\r\n    }\r\n\r\n    &.right:before {\r\n      #{$default-float}: auto;\r\n      #{$opposite-direction}: $f-dropdown-triangle-side-offset;\r\n    }\r\n    &.right:after {\r\n      #{$default-float}: auto;\r\n      #{$opposite-direction}: $f-dropdown-triangle-side-offset - 1;\r\n    }\r\n  }\r\n\r\n  @if $triangle == $default-float {\r\n    margin-top: 0;\r\n    margin-#{$default-float}: $f-dropdown-margin-right;\r\n\r\n    &:before {\r\n      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$opposite-direction});\r\n      position: absolute;\r\n      top: $f-dropdown-triangle-side-offset;\r\n      #{$default-float}: -($f-dropdown-triangle-size * 2);\r\n      z-index: 89;\r\n    }\r\n    &:after {\r\n      @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$opposite-direction});\r\n      position: absolute;\r\n      top: $f-dropdown-triangle-side-offset - 1;\r\n      #{$default-float}: -($f-dropdown-triangle-size * 2) - 2;\r\n      z-index: 88;\r\n    }\r\n\r\n  }\r\n\r\n  @if $triangle == $opposite-direction {\r\n    margin-top: 0;\r\n    margin-#{$default-float}: -$f-dropdown-margin-right;\r\n\r\n    &:before {\r\n      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$default-float});\r\n      position: absolute;\r\n      top: $f-dropdown-triangle-side-offset;\r\n      #{$opposite-direction}: -($f-dropdown-triangle-size * 2);\r\n      #{$default-float}: auto;\r\n      z-index: 89;\r\n    }\r\n    &:after {\r\n      @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$default-float});\r\n      position: absolute;\r\n      top: $f-dropdown-triangle-side-offset - 1;\r\n      #{$opposite-direction}: -($f-dropdown-triangle-size * 2) - 2;\r\n      #{$default-float}: auto;\r\n      z-index: 88;\r\n    }\r\n\r\n  }\r\n\r\n  @if $triangle == top {\r\n    margin-top: -$f-dropdown-margin-bottom;\r\n    margin-left: 0;\r\n\r\n    &:before {\r\n      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, top);\r\n      position: absolute;\r\n      top: auto;\r\n      bottom: -($f-dropdown-triangle-size * 2);\r\n      #{$default-float}: $f-dropdown-triangle-side-offset;\r\n      #{$opposite-direction}: auto;\r\n      z-index: 89;\r\n    }\r\n    &:after {\r\n      @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, top);\r\n      position: absolute;\r\n      top: auto;\r\n      bottom: -($f-dropdown-triangle-size * 2) - 2;\r\n      #{$default-float}: $f-dropdown-triangle-side-offset - 1;\r\n      #{$opposite-direction}: auto;\r\n      z-index: 88;\r\n    }\r\n\r\n  }\r\n\r\n  @if $max-width { max-width: $max-width; }\r\n  @else { max-width: $f-dropdown-max-width; }\r\n\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this to style the list elements or content inside the dropdown.\r\n\r\n@mixin dropdown-style {\r\n  font-size: $f-dropdown-font-size;\r\n  cursor: $cursor-pointer-value;\r\n\r\n  line-height: $f-dropdown-line-height;\r\n  margin: 0;\r\n\r\n  &:hover,\r\n  &:focus { background: $f-dropdown-list-hover-bg; }\r\n\r\n  &.radius { @include radius($f-dropdown-radius); }\r\n\r\n  a {\r\n    display: block;\r\n    padding: $f-dropdown-list-padding;\r\n    color: $f-dropdown-font-color;\r\n  }\r\n}\r\n\r\n@include exports(\"dropdown\") {\r\n  @if $include-html-dropdown-classes {\r\n\r\n    /* Foundation Dropdowns */\r\n    .f-dropdown {\r\n      @include dropdown-container(list, bottom);\r\n\r\n      &.drop-#{$opposite-direction} {\r\n        @include dropdown-container(list, #{$default-float});\r\n      }\r\n\r\n      &.drop-#{$default-float} {\r\n        @include dropdown-container(list, #{$opposite-direction});\r\n      }\r\n\r\n      &.drop-top {\r\n        @include dropdown-container(list, top);\r\n      }\r\n      // max-width: none;\r\n\r\n      li { @include dropdown-style; }\r\n\r\n      // You can also put custom content in these dropdowns\r\n      &.content { @include dropdown-container(content, $triangle:false); }\r\n\r\n      // Sizes\r\n      &.tiny    { max-width: 200px; }\r\n      &.small   { max-width: 300px; }\r\n      &.medium  { max-width: 500px; }\r\n      &.large   { max-width: 800px; }\r\n      &.mega    {\r\n        width:100%!important;\r\n        max-width:100%!important;\r\n\r\n        &.open{\r\n          left:0!important;\r\n        }\r\n      }\r\n    }\r\n\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-button-classes: $include-html-classes !default;\r\n\r\n// We use these to set the color of the pip in dropdown buttons\r\n$dropdown-button-pip-color: $white !default;\r\n$dropdown-button-pip-color-alt: $oil !default;\r\n\r\n$button-pip-tny: rem-calc(6) !default;\r\n$button-pip-sml: rem-calc(7) !default;\r\n$button-pip-med: rem-calc(9) !default;\r\n$button-pip-lrg: rem-calc(11) !default;\r\n\r\n// We use these to style tiny dropdown buttons\r\n$dropdown-button-padding-tny: $button-pip-tny * 7 !default;\r\n$dropdown-button-pip-size-tny: $button-pip-tny !default;\r\n$dropdown-button-pip-opposite-tny: $button-pip-tny * 3 !default;\r\n$dropdown-button-pip-top-tny: (-$button-pip-tny / 2) + rem-calc(1) !default;\r\n\r\n// We use these to style small dropdown buttons\r\n$dropdown-button-padding-sml: $button-pip-sml * 7 !default;\r\n$dropdown-button-pip-size-sml: $button-pip-sml !default;\r\n$dropdown-button-pip-opposite-sml: $button-pip-sml * 3 !default;\r\n$dropdown-button-pip-top-sml: (-$button-pip-sml / 2) + rem-calc(1) !default;\r\n\r\n// We use these to style medium dropdown buttons\r\n$dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3) !default;\r\n$dropdown-button-pip-size-med: $button-pip-med - rem-calc(3) !default;\r\n$dropdown-button-pip-opposite-med: $button-pip-med * 2.5 !default;\r\n$dropdown-button-pip-top-med: (-$button-pip-med / 2) + rem-calc(2) !default;\r\n\r\n// We use these to style large dropdown buttons\r\n$dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3) !default;\r\n$dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6) !default;\r\n$dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5 !default;\r\n$dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3) !default;\r\n\r\n// @mixins\r\n//\r\n// Dropdown Button Mixin\r\n//\r\n// We use this mixin to build off of the button mixin and add dropdown button styles\r\n//\r\n// $padding - Determines the size of button you're working with. Default: medium. Options [tiny, small, medium, large]\r\n// $pip-color - Color of the little triangle that points to the dropdown. Default: $white.\r\n// $base-style - Add in base-styles. This can be set to false. Default:true\r\n\r\n@mixin dropdown-button($padding:medium, $pip-color:$white, $base-style:true) {\r\n\r\n  // We add in base styles, but they can be negated by setting to 'false'.\r\n  @if $base-style {\r\n    position: relative;\r\n    outline: none;\r\n\r\n    // This creates the base styles for the triangle pip\r\n    &::after {\r\n      position: absolute;\r\n      content: \"\";\r\n      width: 0;\r\n      height: 0;\r\n      display: block;\r\n      border-style: solid;\r\n      border-color: $dropdown-button-pip-color transparent transparent transparent;\r\n      top: 50%;\r\n    }\r\n  }\r\n\r\n  // If we're dealing with tiny buttons, use these styles\r\n  @if $padding == tiny {\r\n    padding-#{$opposite-direction}: $dropdown-button-padding-tny;\r\n    &:after {\r\n      border-width: $dropdown-button-pip-size-tny;\r\n      #{$opposite-direction}: $dropdown-button-pip-opposite-tny;\r\n      margin-top: $dropdown-button-pip-top-tny;\r\n    }\r\n  }\r\n\r\n  // If we're dealing with small buttons, use these styles\r\n  @if $padding == small {\r\n    padding-#{$opposite-direction}: $dropdown-button-padding-sml;\r\n    &::after {\r\n      border-width: $dropdown-button-pip-size-sml;\r\n      #{$opposite-direction}: $dropdown-button-pip-opposite-sml;\r\n      margin-top: $dropdown-button-pip-top-sml;\r\n    }\r\n  }\r\n\r\n  // If we're dealing with default (medium) buttons, use these styles\r\n  @if $padding == medium {\r\n    padding-#{$opposite-direction}: $dropdown-button-padding-med;\r\n    &::after {\r\n      border-width: $dropdown-button-pip-size-med;\r\n      #{$opposite-direction}: $dropdown-button-pip-opposite-med;\r\n      margin-top: $dropdown-button-pip-top-med;\r\n    }\r\n  }\r\n\r\n  // If we're dealing with large buttons, use these styles\r\n  @if $padding == large {\r\n    padding-#{$opposite-direction}: $dropdown-button-padding-lrg;\r\n    &::after {\r\n      border-width: $dropdown-button-pip-size-lrg;\r\n      #{$opposite-direction}: $dropdown-button-pip-opposite-lrg;\r\n      margin-top: $dropdown-button-pip-top-lrg;\r\n    }\r\n  }\r\n\r\n  // We can control the pip color. We didn't use logic in this case, just set it and forget it.\r\n  @if $pip-color {\r\n    &::after { border-color: $pip-color transparent transparent transparent; }\r\n  }\r\n}\r\n\r\n@include exports(\"dropdown-button\") {\r\n  @if $include-html-button-classes {\r\n    .dropdown.button, button.dropdown { @include dropdown-button;\r\n      &.tiny { @include dropdown-button(tiny,$base-style:false); }\r\n      &.small { @include dropdown-button(small,$base-style:false); }\r\n      &.large { @include dropdown-button(large,$base-style:false); }\r\n      &.secondary:after { border-color: $dropdown-button-pip-color-alt transparent transparent transparent; }\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-media-classes: $include-html-classes !default;\r\n\r\n// We use these to control video container padding and margins\r\n$flex-video-padding-top: rem-calc(25) !default;\r\n$flex-video-padding-bottom: 67.5% !default;\r\n$flex-video-margin-bottom: rem-calc(16) !default;\r\n\r\n// We use this to control widescreen bottom padding\r\n$flex-video-widescreen-padding-bottom: 56.34% !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n@mixin flex-video-container {\r\n  position: relative;\r\n  padding-top: $flex-video-padding-top;\r\n  padding-bottom: $flex-video-padding-bottom;\r\n  height: 0;\r\n  margin-bottom: $flex-video-margin-bottom;\r\n  overflow: hidden;\r\n\r\n  &.widescreen { padding-bottom: $flex-video-widescreen-padding-bottom; }\r\n  &.vimeo { padding-top: 0; }\r\n\r\n  iframe,\r\n  object,\r\n  embed,\r\n  video {\r\n    position: absolute;\r\n    top: 0;\r\n    #{$default-float}: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n@include exports(\"flex-video\") {\r\n  @if $include-html-media-classes {\r\n    .flex-video { @include flex-video-container; }\r\n  }\r\n}","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-inline-list-classes: $include-html-classes !default;\r\n\r\n// We use this to control the margins and padding of the inline list.\r\n$inline-list-top-margin: 0 !default;\r\n$inline-list-opposite-margin: 0 !default;\r\n$inline-list-bottom-margin: rem-calc(17) !default;\r\n$inline-list-default-float-margin: rem-calc(-22) !default;\r\n$inline-list-default-float-list-margin: rem-calc(22) !default;\r\n\r\n$inline-list-padding: 0 !default;\r\n\r\n// We use this to control the overflow of the inline list.\r\n$inline-list-overflow: hidden !default;\r\n\r\n// We use this to control the list items\r\n$inline-list-display: block !default;\r\n\r\n// We use this to control any elements within list items\r\n$inline-list-children-display: block !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n// We use this mixin to create inline lists\r\n@mixin inline-list {\r\n  margin: $inline-list-top-margin auto $inline-list-bottom-margin auto;\r\n  margin-#{$default-float}: $inline-list-default-float-margin;\r\n  margin-#{$opposite-direction}: $inline-list-opposite-margin;\r\n  padding: $inline-list-padding;\r\n  list-style: none;\r\n  overflow: $inline-list-overflow;\r\n\r\n  & > li {\r\n    list-style: none;\r\n    float: $default-float;\r\n    margin-#{$default-float}: $inline-list-default-float-list-margin;\r\n    display: $inline-list-display;\r\n    &>* { display: $inline-list-children-display; }\r\n  }\r\n}\r\n\r\n@include exports(\"inline-list\") {\r\n  @if $include-html-inline-list-classes {\r\n    .inline-list {\r\n      @include inline-list();\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-keystroke-classes: $include-html-classes !default;\r\n\r\n// We use these to control text styles.\r\n$keystroke-font: \"Consolas\", \"Menlo\", \"Courier\", monospace !default;\r\n$keystroke-font-size: inherit !default;\r\n$keystroke-font-color: $jet !default;\r\n$keystroke-font-color-alt: $white !default;\r\n$keystroke-function-factor: -7% !default;\r\n\r\n// We use this to control keystroke padding.\r\n$keystroke-padding: rem-calc(2 4 0) !default;\r\n\r\n// We use these to control background and border styles.\r\n$keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor) !default;\r\n$keystroke-border-style: solid !default;\r\n$keystroke-border-width: 1px !default;\r\n$keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor) !default;\r\n$keystroke-radius: $global-radius !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n// We use this mixin to create keystroke styles.\r\n// $bg - Default: $keystroke-bg || scale-color($white, $lightness: $keystroke-function-factor) !default;\r\n@mixin keystroke($bg:$keystroke-bg) {\r\n  // This find the lightness percentage of the background color.\r\n  $bg-lightness: lightness($bg);\r\n\r\n  background-color: $bg;\r\n  border-color: scale-color($bg, $lightness: $keystroke-function-factor);\r\n\r\n  // We adjust the font color based on the brightness of the background.\r\n  @if $bg-lightness > 70% { color: $keystroke-font-color; }\r\n  @else { color: $keystroke-font-color-alt; }\r\n\r\n  border-style: $keystroke-border-style;\r\n  border-width: $keystroke-border-width;\r\n  margin: 0;\r\n  font-family: $keystroke-font;\r\n  font-size: $keystroke-font-size;\r\n  padding: $keystroke-padding;\r\n}\r\n\r\n@include exports(\"keystroke\") {\r\n  @if $include-html-keystroke-classes  {\r\n    .keystroke,\r\n    kbd {\r\n      @include keystroke;\r\n      @include radius($keystroke-radius);\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-panel-classes: $include-html-classes !default;\r\n\r\n// We use these to control the background and border styles\r\n$panel-bg: scale-color($white, $lightness: -5%) !default;\r\n$panel-border-style: solid !default;\r\n$panel-border-size: 1px !default;\r\n\r\n// We use this % to control how much we darken things on hover\r\n$panel-function-factor: -11% !default;\r\n$panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor) !default;\r\n\r\n// We use these to set default inner padding and bottom margin\r\n$panel-margin-bottom: rem-calc(20) !default;\r\n$panel-padding: rem-calc(20) !default;\r\n\r\n// We use these to set default font colors\r\n$panel-font-color: $oil !default;\r\n$panel-font-color-alt: $white !default;\r\n\r\n$panel-header-adjust: true !default;\r\n$callout-panel-link-color: $primary-color !default;\r\n$callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%) !default;\r\n//\r\n// @mixins\r\n//\r\n// We use this mixin to create panels.\r\n// $bg - Sets the panel background color. Default: $panel-pg || scale-color($white, $lightness: -5%) !default\r\n// $padding - Sets the panel padding amount. Default: $panel-padding || rem-calc(20)\r\n// $adjust - Sets the font color based on the darkness of the bg & resets header line-heights for panels. Default: $panel-header-adjust || true\r\n@mixin panel($bg:$panel-bg, $padding:$panel-padding, $adjust:$panel-header-adjust) {\r\n\r\n  @if $bg {\r\n    $bg-lightness: lightness($bg);\r\n\r\n    border-style: $panel-border-style;\r\n    border-width: $panel-border-size;\r\n    border-color: scale-color($bg, $lightness: $panel-function-factor);\r\n    margin-bottom: $panel-margin-bottom;\r\n    padding: $padding;\r\n\r\n    background: $bg;\r\n    @if $bg-lightness >= 50% { color: $panel-font-color; }\r\n    @else { color: $panel-font-color-alt; }\r\n\r\n    // Respect the padding, fool.\r\n    &>:first-child { margin-top: 0; }\r\n    &>:last-child { margin-bottom: 0; }\r\n\r\n    @if $adjust {\r\n      // We set the font color based on the darkness of the bg.\r\n      @if $bg-lightness >= 50% { \r\n        h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color; }\r\n      }\r\n      @else { \r\n        h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color-alt; }\r\n      }\r\n\r\n      // reset header line-heights for panels\r\n      h1,h2,h3,h4,h5,h6 {\r\n        line-height: 1; margin-bottom: rem-calc(20) / 2;\r\n        &.subheader { line-height: 1.4; }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@include exports(\"panel\") {\r\n  @if $include-html-panel-classes {\r\n\r\n    /* Panels */\r\n    .panel { @include panel;\r\n\r\n      &.callout {\r\n        @include panel(scale-color($primary-color, $lightness: 94%));\r\n        a:not(.button) {\r\n          color: $callout-panel-link-color;\r\n\r\n          &:hover,\r\n          &:focus {\r\n            color: $callout-panel-link-color-hover;\r\n          }\r\n        }\r\n      }\r\n\r\n      &.radius {\r\n        @include radius;\r\n      }\r\n\r\n    }\r\n\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n@import \"grid\";\r\n\r\n//\r\n// @name _reveal.scss\r\n// @dependencies _global.scss\r\n//\r\n\r\n$include-html-reveal-classes: $include-html-classes !default;\r\n\r\n// We use these to control the style of the reveal overlay.\r\n$reveal-overlay-bg: rgba($black, .45) !default;\r\n$reveal-overlay-bg-old: $black !default;\r\n\r\n// We use these to control the style of the modal itself.\r\n$reveal-modal-bg: $white !default;\r\n$reveal-position-top: rem-calc(100) !default;\r\n$reveal-default-width: 80% !default;\r\n$reveal-max-width: $row-width !default;\r\n$reveal-modal-padding: rem-calc(20) !default;\r\n$reveal-box-shadow: 0 0 10px rgba($black,.4) !default;\r\n\r\n// We use these to style the reveal close button\r\n$reveal-close-font-size: rem-calc(40) !default;\r\n$reveal-close-top: rem-calc(10) !default;\r\n$reveal-close-side: rem-calc(22) !default;\r\n$reveal-close-color: $base !default;\r\n$reveal-close-weight: $font-weight-bold !default;\r\n\r\n// We use this to set the default radius used throughout the core.\r\n$reveal-radius: $global-radius !default;\r\n$reveal-round: $global-rounded !default;\r\n\r\n// We use these to control the modal border\r\n$reveal-border-style: solid !default;\r\n$reveal-border-width: 1px !default;\r\n$reveal-border-color: $steel !default;\r\n\r\n$reveal-modal-class: \"reveal-modal\" !default;\r\n$close-reveal-modal-class: \"close-reveal-modal\" !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n// We use this to create the reveal background overlay styles\r\n@mixin reveal-bg( $include-z-index-value: true ) {\r\n  //position: fixed;\r\n  position: absolute; // allows modal background to extend beyond window position\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: $reveal-overlay-bg-old; // Autoprefixer should be used to avoid such variables needed when Foundation for Sites can do so in the near future.\r\n  background: $reveal-overlay-bg;\r\n  z-index: if( $include-z-index-value, 1004, auto );\r\n  display: none;\r\n  #{$default-float}: 0;\r\n}\r\n\r\n// We use this mixin to create the structure of a reveal modal\r\n//\r\n// $base-style - Provides reveal base styles, can be set to false to override. Default: true, Options: false\r\n// $width - Sets reveal width Default: $reveal-default-width || 80%\r\n//\r\n@mixin reveal-modal-base( $base-style: true, $width:$reveal-default-width, $max-width:$reveal-max-width, $border-radius: $reveal-radius) {\r\n  @if $base-style {\r\n    visibility: hidden;\r\n    display: none;\r\n    position: absolute;\r\n    z-index: 1005;\r\n    width: 100vw;\r\n    top:0;\r\n    border-radius: $border-radius;\r\n    #{$default-float}: 0;\r\n\r\n    @media #{$small-only} {\r\n      min-height:100vh;\r\n    }\r\n\r\n    // Make sure rows don't have a min-width on them\r\n    .column, .columns { min-width: 0; }\r\n\r\n    // Get rid of margin from first and last element inside modal\r\n    & > :first-child { margin-top: 0; }\r\n\r\n    & > :last-child { margin-bottom: 0; }\r\n  }\r\n\r\n  @if $width {\r\n    @media #{$medium-up} {\r\n      width: $width;\r\n      max-width: $max-width;\r\n      left: 0;\r\n      right: 0;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n}\r\n\r\n// We use this to style the reveal modal defaults\r\n//\r\n// $bg - Sets background color of reveal modal. Default: $reveal-modal-bg || $white\r\n// $padding - Padding to apply to reveal modal. Default: $reveal-modal-padding.\r\n// $border - Choose whether reveal uses a border. Default: true, Options: false\r\n// $border-style - Set reveal border style. Default: $reveal-border-style || solid\r\n// $border-width - Width of border (i.e. 1px). Default: $reveal-border-width.\r\n// $border-color - Color of border. Default: $reveal-border-color.\r\n// $box-shadow - Choose whether or not to include the default box-shadow. Default: true, Options: false\r\n// $radius - If true, set to modal radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false\r\n// $top-offset - Default: $reveal-position-top || 50px\r\n@mixin reveal-modal-style(\r\n  $bg:false,\r\n  $padding:false,\r\n  $border:false,\r\n  $border-style:$reveal-border-style,\r\n  $border-width:$reveal-border-width,\r\n  $border-color:$reveal-border-color,\r\n  $box-shadow:false,\r\n  $radius:false,\r\n  $top-offset:false) {\r\n\r\n  @if $bg { background-color: $bg; }\r\n  @if $padding != false { padding: $padding; }\r\n\r\n  @if $border { border: $border-style $border-width $border-color; }\r\n\r\n  // We can choose whether or not to include the default box-shadow.\r\n  @if $box-shadow {\r\n    box-shadow: $reveal-box-shadow;\r\n  }\r\n\r\n  // We can control how much radius is used on the modal\r\n  @if $radius == true { @include radius($reveal-radius); }\r\n  @else if $radius { @include radius($radius); }\r\n\r\n  @if $top-offset {\r\n    @media #{$medium-up} {\r\n      top: $top-offset;\r\n    }\r\n  }\r\n}\r\n\r\n// We use this to create a close button for the reveal modal\r\n//\r\n// $color - Default: $reveal-close-color || $base\r\n@mixin reveal-close($color:$reveal-close-color) {\r\n  font-size: $reveal-close-font-size;\r\n  line-height: 1;\r\n  position: absolute;\r\n  top: $reveal-close-top;\r\n  #{$opposite-direction}: $reveal-close-side;\r\n  color: $color;\r\n  font-weight: $reveal-close-weight;\r\n  cursor: $cursor-pointer-value;\r\n}\r\n\r\n@include exports(\"reveal\") {\r\n  @if $include-html-reveal-classes {\r\n\r\n    // Reveal Modals\r\n    .reveal-modal-bg { @include reveal-bg; }\r\n\r\n    .#{$reveal-modal-class} {\r\n      @include reveal-modal-base;\r\n      @include reveal-modal-style(\r\n        $bg:$reveal-modal-bg,\r\n        $padding:$reveal-modal-padding,\r\n        $border:true,\r\n        $box-shadow:true,\r\n        $radius:false,\r\n        $top-offset:$reveal-position-top\r\n      );\r\n      @include reveal-modal-style($padding:$reveal-modal-padding * 1.5);\r\n\r\n      &.radius { @include reveal-modal-style($radius:true); }\r\n      &.round  { @include reveal-modal-style($radius:$reveal-round); }\r\n      &.collapse { @include reveal-modal-style($padding:0); }\r\n      &.tiny  { @include reveal-modal-base(false, 30%); }\r\n      &.small { @include reveal-modal-base(false, 40%); }\r\n      &.medium  { @include reveal-modal-base(false, 60%); }\r\n      &.large { @include reveal-modal-base(false, 70%); }\r\n      &.xlarge { @include reveal-modal-base(false, 95%); }\r\n      &.full {\r\n        @include reveal-modal-base(false, 100vw);\r\n        top:0;\r\n        left:0;\r\n        height:100%;\r\n        height: 100vh;\r\n        min-height:100vh;\r\n        max-width: none !important;\r\n        margin-left: 0 !important;\r\n      }\r\n\r\n      .#{$close-reveal-modal-class} { @include reveal-close; }\r\n    }\r\n\r\n    dialog {\r\n      @extend .#{$reveal-modal-class};\r\n      display: none;\r\n\r\n      &::backdrop, & + .backdrop {\r\n        @include reveal-bg(false);\r\n      }\r\n\r\n      &[open]{\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    // Reveal Print Styles: It should be invisible, adds no value being printed.\r\n    @media print {\r\n      dialog, .#{$reveal-modal-class} { \r\n        display: none;\r\n        background: $white !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n\r\n$include-html-nav-classes: $include-html-classes !default;\r\n\r\n// We use this to control padding.\r\n$side-nav-padding: rem-calc(14 0) !default;\r\n\r\n// We use these to control list styles.\r\n$side-nav-list-type: none !default;\r\n$side-nav-list-position: outside !default;\r\n$side-nav-list-margin: rem-calc(0 0 7 0) !default;\r\n\r\n// We use these to control link styles.\r\n$side-nav-link-color: $primary-color !default;\r\n$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%) !default;\r\n$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%) !default;\r\n$side-nav-link-bg-hover: hsla(0, 0, 0, 0.025) !default;\r\n$side-nav-link-margin: 0 !default;\r\n$side-nav-link-padding: rem-calc(7 14) !default;\r\n$side-nav-font-size: rem-calc(14) !default;\r\n$side-nav-font-weight: $font-weight-normal !default;\r\n$side-nav-font-weight-active: $side-nav-font-weight !default;\r\n$side-nav-font-family: $body-font-family !default;\r\n$side-nav-font-family-active: $side-nav-font-family !default;\r\n\r\n// We use these to control heading styles.\r\n$side-nav-heading-color: $side-nav-link-color !default;\r\n$side-nav-heading-font-size: $side-nav-font-size !default;\r\n$side-nav-heading-font-weight: bold !default;\r\n$side-nav-heading-text-transform: uppercase !default;\r\n\r\n// We use these to control border styles\r\n$side-nav-divider-size: 1px !default;\r\n$side-nav-divider-style: solid !default;\r\n$side-nav-divider-color: scale-color($white, $lightness: 10%) !default;\r\n\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n\r\n// We use this to style the side-nav\r\n//\r\n// $divider-color - Border color of divider. Default: $side-nav-divider-color.\r\n// $font-size - Font size of nav items. Default: $side-nav-font-size.\r\n// $link-color - Color of navigation links. Default: $side-nav-link-color.\r\n// $link-color-hover - Color of navigation links when hovered. Default: $side-nav-link-color-hover.\r\n@mixin side-nav(\r\n  $divider-color:$side-nav-divider-color,\r\n  $font-size:$side-nav-font-size,\r\n  $link-color:$side-nav-link-color,\r\n  $link-color-hover:$side-nav-link-color-hover,\r\n  $link-bg-hover:$side-nav-link-bg-hover) {\r\n  display: block;\r\n  margin: 0;\r\n  padding: $side-nav-padding;\r\n  list-style-type: $side-nav-list-type;\r\n  list-style-position: $side-nav-list-position;\r\n  font-family: $side-nav-font-family;\r\n\r\n  li {\r\n    margin: $side-nav-list-margin;\r\n    font-size: $font-size;\r\n    font-weight: $side-nav-font-weight;\r\n\r\n    a:not(.button) {\r\n      display: block;\r\n      color: $link-color;\r\n      margin: $side-nav-link-margin;\r\n      padding: $side-nav-link-padding;\r\n      &:hover,\r\n      &:focus {\r\n        background: $link-bg-hover;\r\n        color: $link-color-hover;\r\n      }\r\n    }\r\n\r\n    &.active > a:first-child:not(.button) {\r\n      color: $side-nav-link-color-active;\r\n      font-weight: $side-nav-font-weight-active;\r\n      font-family: $side-nav-font-family-active;\r\n    }\r\n\r\n    &.divider {\r\n      border-top: $side-nav-divider-size $side-nav-divider-style;\r\n      height: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n      border-top-color: $divider-color;\r\n    }\r\n\r\n    &.heading {\r\n      color: $side-nav-heading-color;\r\n      font: {\r\n        size: $side-nav-heading-font-size;\r\n        weight: $side-nav-heading-font-weight;\r\n      }\r\n      text-transform: $side-nav-heading-text-transform;\r\n    }\r\n  }\r\n}\r\n\r\n@include exports(\"side-nav\") {\r\n  @if $include-html-nav-classes {\r\n    .side-nav { @include side-nav; }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @name _sub-nav.scss\r\n// @dependencies _global.scss\r\n//\r\n\r\n//\r\n// @variables\r\n//\r\n\r\n$include-html-nav-classes: $include-html-classes !default;\r\n\r\n// We use these to control margin and padding\r\n$sub-nav-list-margin: rem-calc(-4 0 18) !default;\r\n$sub-nav-list-padding-top: rem-calc(4) !default;\r\n\r\n// We use this to control the definition\r\n$sub-nav-font-family: $body-font-family !default;\r\n$sub-nav-font-size: rem-calc(14) !default;\r\n$sub-nav-font-color: $aluminum !default;\r\n$sub-nav-font-weight: $font-weight-normal !default;\r\n$sub-nav-text-decoration: none !default;\r\n$sub-nav-padding: rem-calc(3 16) !default;\r\n$sub-nav-border-radius: 3px !default;\r\n$sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%) !default;\r\n\r\n\r\n// We use these to control the active item styles\r\n\r\n$sub-nav-active-font-weight: $font-weight-normal !default;\r\n$sub-nav-active-bg: $primary-color !default;\r\n$sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%) !default;\r\n$sub-nav-active-color: $white !default;\r\n$sub-nav-active-padding: $sub-nav-padding !default;\r\n$sub-nav-active-cursor: default !default;\r\n\r\n$sub-nav-item-divider: \"\" !default;\r\n$sub-nav-item-divider-margin: rem-calc(12) !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n\r\n// Create a sub-nav item\r\n//\r\n// $font-color - Font color. Default: $sub-nav-font-color.\r\n// $font-size - Font size. Default: $sub-nav-font-size.\r\n// $active-bg - Background of active nav item. Default: $sub-nav-active-bg.\r\n// $active-bg-hover - Background of active nav item, when hovered. Default: $sub-nav-active-bg-hover.\r\n@mixin sub-nav(\r\n  $font-color: $sub-nav-font-color,\r\n  $font-size: $sub-nav-font-size,\r\n  $active-bg: $sub-nav-active-bg,\r\n  $active-bg-hover: $sub-nav-active-bg-hover) {\r\n  display: block;\r\n  width: auto;\r\n  overflow: hidden;\r\n  margin: $sub-nav-list-margin;\r\n  padding-top: $sub-nav-list-padding-top;\r\n\r\n  dt {\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  dt,\r\n  dd,\r\n  li {\r\n    float: $default-float;\r\n    display: inline;\r\n    margin-#{$default-float}: rem-calc(16);\r\n    margin-bottom: 0;\r\n    font-family: $sub-nav-font-family;\r\n    font-weight: $sub-nav-font-weight;\r\n    font-size: $font-size;\r\n    color: $font-color;\r\n\r\n    a {\r\n      text-decoration: $sub-nav-text-decoration;\r\n      color: $sub-nav-font-color;\r\n      padding: $sub-nav-padding;\r\n      &:hover {\r\n        color: $sub-nav-font-color-hover;\r\n      }\r\n    }\r\n\r\n    &.active a {\r\n      @include radius($sub-nav-border-radius);\r\n      font-weight: $sub-nav-active-font-weight;\r\n      background: $active-bg;\r\n      padding: $sub-nav-active-padding;\r\n      cursor: $sub-nav-active-cursor;\r\n      color: $sub-nav-active-color;\r\n      &:hover {\r\n        background: $active-bg-hover;\r\n      }\r\n    }\r\n    @if $sub-nav-item-divider != \"\" {\r\n      margin-#{$default-float}: 0;\r\n\r\n      &:before {\r\n        content: \"#{$sub-nav-item-divider}\";\r\n        margin: 0 $sub-nav-item-divider-margin;\r\n      }\r\n\r\n      &:first-child:before {\r\n        content: \"\";\r\n        margin: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@include exports(\"sub-nav\") {\r\n  @if $include-html-nav-classes {\r\n    .sub-nav { @include sub-nav; }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @name _tables.scss\r\n// @dependencies _global.scss\r\n//\r\n\r\n//\r\n// @variables\r\n//\r\n\r\n$include-html-table-classes: $include-html-classes !default;\r\n\r\n// These control the background color for the table and even rows\r\n$table-bg: $white !default;\r\n$table-even-row-bg: $snow !default;\r\n\r\n// These control the table cell border style\r\n$table-border-style: solid !default;\r\n$table-border-size: 1px !default;\r\n$table-border-color: $gainsboro !default;\r\n\r\n// These control the table head styles\r\n$table-head-bg: $white-smoke !default;\r\n$table-head-font-size: rem-calc(14) !default;\r\n$table-head-font-color: $jet !default;\r\n$table-head-font-weight: $font-weight-bold !default;\r\n$table-head-padding: rem-calc(8 10 10) !default;\r\n\r\n// These control the table foot styles\r\n$table-foot-bg: $table-head-bg !default;\r\n$table-foot-font-size: $table-head-font-size !default;\r\n$table-foot-font-color: $table-head-font-color !default;\r\n$table-foot-font-weight: $table-head-font-weight !default;\r\n$table-foot-padding: $table-head-padding !default;\r\n\r\n// These control the caption\r\n$table-caption-bg: transparent !default;\r\n$table-caption-font-color: $table-head-font-color !default;\r\n$table-caption-font-size: rem-calc(16) !default;\r\n$table-caption-font-weight: bold !default;\r\n\r\n// These control the row padding and font styles\r\n$table-row-padding: rem-calc(9 10) !default;\r\n$table-row-font-size: rem-calc(14) !default;\r\n$table-row-font-color: $jet !default;\r\n$table-line-height: rem-calc(18) !default;\r\n\r\n// These are for controlling the layout, display and margin of tables\r\n$table-layout: auto !default;\r\n$table-display: table-cell !default;\r\n$table-margin-bottom: rem-calc(20) !default;\r\n\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n@mixin table {\r\n  background: $table-bg;\r\n  margin-bottom: $table-margin-bottom;\r\n  border: $table-border-style $table-border-size $table-border-color;\r\n  table-layout: $table-layout;\r\n\r\n  caption {\r\n    background: $table-caption-bg;\r\n    color: $table-caption-font-color;\r\n    font: {\r\n      size: $table-caption-font-size;\r\n      weight: $table-caption-font-weight;\r\n    }\r\n  }\r\n\r\n  thead {\r\n    background: $table-head-bg;\r\n\r\n    tr {\r\n      th,\r\n      td {\r\n        padding: $table-head-padding;\r\n        font-size: $table-head-font-size;\r\n        font-weight: $table-head-font-weight;\r\n        color: $table-head-font-color;\r\n      }\r\n    }\r\n  }\r\n\r\n  tfoot {\r\n    background: $table-foot-bg;\r\n\r\n    tr {\r\n      th,\r\n      td {\r\n        padding: $table-foot-padding;\r\n        font-size: $table-foot-font-size;\r\n        font-weight: $table-foot-font-weight;\r\n        color: $table-foot-font-color;\r\n      }\r\n    }\r\n  }\r\n\r\n  tr {\r\n    th,\r\n    td {\r\n      padding: $table-row-padding;\r\n      font-size: $table-row-font-size;\r\n      color: $table-row-font-color;\r\n      text-align: $default-float;\r\n    }\r\n\r\n    &.even,\r\n    &.alt,\r\n    &:nth-of-type(even) { background: $table-even-row-bg; }\r\n  }\r\n\r\n  thead tr th,\r\n  tfoot tr th,\r\n  tfoot tr td,\r\n  tbody tr th,\r\n  tbody tr td,\r\n  tr td { display: $table-display; line-height: $table-line-height; }\r\n}\r\n\r\n\r\n@include exports(\"table\") {\r\n  @if $include-html-table-classes {\r\n    table {\r\n      @include table;\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @name _thumbs.scss\r\n// @dependencies _globals.scss\r\n//\r\n\r\n//\r\n// @variables\r\n//\r\n\r\n$include-html-media-classes: $include-html-classes !default;\r\n\r\n// We use these to control border styles\r\n$thumb-border-style: solid !default;\r\n$thumb-border-width: 4px !default;\r\n$thumb-border-color: $white !default;\r\n$thumb-box-shadow: 0 0 0 1px rgba($black,.2) !default;\r\n$thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5) !default;\r\n\r\n// Radius and transition speed for thumbs\r\n$thumb-radius: $global-radius !default;\r\n$thumb-transition-speed: 200ms !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n// We use this to create image thumbnail styles.\r\n//\r\n// $border-width - Width of border around thumbnail. Default: $thumb-border-width.\r\n// $box-shadow - Box shadow to apply to thumbnail. Default: $thumb-box-shadow.\r\n// $box-shadow-hover - Box shadow to apply on hover. Default: $thumb-box-shadow-hover.\r\n@mixin thumb(\r\n  $border-width:$thumb-border-width, \r\n  $box-shadow:$thumb-box-shadow, \r\n  $box-shadow-hover:$thumb-box-shadow-hover) {\r\n  line-height: 0;\r\n  display: inline-block;\r\n  border: $thumb-border-style $border-width $thumb-border-color;\r\n  max-width: 100%;\r\n  box-shadow: $box-shadow;\r\n\r\n  &:hover,\r\n  &:focus {\r\n    box-shadow: $box-shadow-hover;\r\n  }\r\n}\r\n\r\n\r\n@include exports(\"thumb\") {\r\n  @if $include-html-media-classes {\r\n\r\n    /* Image Thumbnails */\r\n    .th {\r\n      @include thumb;\r\n      @include single-transition(all,$thumb-transition-speed,ease-out);\r\n\r\n      &.radius { @include radius($thumb-radius); }\r\n    }\r\n  }\r\n}","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n$include-html-type-classes: $include-html-classes !default;\r\n\r\n// We use these to control header font styles\r\n$header-font-family: $body-font-family !default;\r\n$header-font-weight: $font-weight-normal !default;\r\n$header-font-style: $font-weight-normal !default;\r\n$header-font-color: $jet !default;\r\n$header-line-height: 1.4 !default;\r\n$header-top-margin: .2rem !default;\r\n$header-bottom-margin: .5rem !default;\r\n$header-text-rendering: optimizeLegibility !default;\r\n\r\n// We use these to control header font sizes\r\n$h1-font-size: rem-calc(44) !default;\r\n$h2-font-size: rem-calc(37) !default;\r\n$h3-font-size: rem-calc(27) !default;\r\n$h4-font-size: rem-calc(23) !default;\r\n$h5-font-size: rem-calc(18) !default;\r\n$h6-font-size: 1rem !default;\r\n\r\n// We use these to control header size reduction on small screens\r\n$h1-font-reduction: rem-calc(10) !default;\r\n$h2-font-reduction: rem-calc(10) !default;\r\n$h3-font-reduction: rem-calc(5) !default;\r\n$h4-font-reduction: rem-calc(5) !default;\r\n$h5-font-reduction: 0 !default;\r\n$h6-font-reduction: 0 !default;\r\n\r\n// These control how subheaders are styled.\r\n$subheader-line-height: 1.4 !default;\r\n$subheader-font-color: scale-color($header-font-color, $lightness: 35%) !default;\r\n$subheader-font-weight: $font-weight-normal !default;\r\n$subheader-top-margin: .2rem !default;\r\n$subheader-bottom-margin: .5rem !default;\r\n\r\n// A general <small> styling\r\n$small-font-size: 60% !default;\r\n$small-font-color: scale-color($header-font-color, $lightness: 35%) !default;\r\n\r\n// We use these to style paragraphs\r\n$paragraph-font-family: inherit !default;\r\n$paragraph-font-weight: $font-weight-normal !default;\r\n$paragraph-font-size: 1rem !default;\r\n$paragraph-line-height: 1.6 !default;\r\n$paragraph-margin-bottom: rem-calc(20) !default;\r\n$paragraph-aside-font-size: rem-calc(14) !default;\r\n$paragraph-aside-line-height: 1.35 !default;\r\n$paragraph-aside-font-style: italic !default;\r\n$paragraph-text-rendering: optimizeLegibility !default;\r\n\r\n// We use these to style <code> tags\r\n$code-color: $oil !default;\r\n$code-font-family: $font-family-monospace !default;\r\n$code-font-weight: $font-weight-normal !default;\r\n$code-background-color: scale-color($secondary-color, $lightness: 70%) !default;\r\n$code-border-size: 1px !default;\r\n$code-border-style: solid !default;\r\n$code-border-color: scale-color($code-background-color, $lightness: -10%) !default;\r\n$code-padding: rem-calc(2) rem-calc(5) rem-calc(1) !default;\r\n\r\n// We use these to style anchors\r\n$anchor-text-decoration: none !default;\r\n$anchor-text-decoration-hover: none !default;\r\n$anchor-font-color: $primary-color !default;\r\n$anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%) !default;\r\n\r\n// We use these to style the <hr> element\r\n$hr-border-width: 1px !default;\r\n$hr-border-style: solid !default;\r\n$hr-border-color: $gainsboro !default;\r\n$hr-margin: rem-calc(20) !default;\r\n\r\n// We use these to style lists\r\n$list-font-family: $paragraph-font-family !default;\r\n$list-font-size: $paragraph-font-size !default;\r\n$list-line-height: $paragraph-line-height !default;\r\n$list-margin-bottom: $paragraph-margin-bottom !default;\r\n$list-style-position: outside !default;\r\n$list-side-margin: 1.1rem !default;\r\n$list-ordered-side-margin: 1.4rem !default;\r\n$list-side-margin-no-bullet: 0 !default;\r\n$list-nested-margin: rem-calc(20) !default;\r\n$definition-list-header-weight: $font-weight-bold !default;\r\n$definition-list-header-margin-bottom: .3rem !default;\r\n$definition-list-margin-bottom: rem-calc(12) !default;\r\n\r\n// We use these to style blockquotes\r\n$blockquote-font-color: scale-color($header-font-color, $lightness: 35%) !default;\r\n$blockquote-padding: rem-calc(9 20 0 19) !default;\r\n$blockquote-border: 1px solid $gainsboro !default;\r\n$blockquote-cite-font-size: rem-calc(13) !default;\r\n$blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%) !default;\r\n$blockquote-cite-link-color: $blockquote-cite-font-color !default;\r\n\r\n// Acronym styles\r\n$acronym-underline: 1px dotted $gainsboro !default;\r\n\r\n// We use these to control padding and margin\r\n$microformat-padding: rem-calc(10 12) !default;\r\n$microformat-margin: rem-calc(0 0 20 0) !default;\r\n\r\n// We use these to control the border styles\r\n$microformat-border-width: 1px !default;\r\n$microformat-border-style: solid !default;\r\n$microformat-border-color: $gainsboro !default;\r\n\r\n// We use these to control full name font styles\r\n$microformat-fullname-font-weight: $font-weight-bold !default;\r\n$microformat-fullname-font-size: rem-calc(15) !default;\r\n\r\n// We use this to control the summary font styles\r\n$microformat-summary-font-weight: $font-weight-bold !default;\r\n\r\n// We use this to control abbr padding\r\n$microformat-abbr-padding: rem-calc(0 1) !default;\r\n\r\n// We use this to control abbr font styles\r\n$microformat-abbr-font-weight: $font-weight-bold !default;\r\n$microformat-abbr-font-decoration: none !default;\r\n\r\n// Text alignment class names\r\n$align-class-names:\r\n  small-only,\r\n  small,\r\n  medium-only,\r\n  medium,\r\n  large-only,\r\n  large,\r\n  xlarge-only,\r\n  xlarge,\r\n  xxlarge-only,\r\n  xxlarge;\r\n\r\n// Text alignment breakpoints\r\n$align-class-breakpoints:\r\n  $small-only,\r\n  $small-up,\r\n  $medium-only,\r\n  $medium-up,\r\n  $large-only,\r\n  $large-up,\r\n  $xlarge-only,\r\n  $xlarge-up,\r\n  $xxlarge-only,\r\n  $xxlarge-up;\r\n\r\n// Generates text align and justify classes\r\n@mixin align-classes{\r\n  .text-left    { text-align: left !important; }\r\n  .text-right   { text-align: right !important; }\r\n  .text-center  { text-align: center !important; }\r\n  .text-justify { text-align: justify !important; }\r\n\r\n  @for $i from 1 through length($align-class-names) {\r\n    @media #{(nth($align-class-breakpoints, $i))} {\r\n      .#{(nth($align-class-names, $i))}-text-left { text-align: left !important; }\r\n      .#{(nth($align-class-names, $i))}-text-right   { text-align: right !important; }\r\n      .#{(nth($align-class-names, $i))}-text-center  { text-align: center !important; }\r\n      .#{(nth($align-class-names, $i))}-text-justify { text-align: justify !important; }\r\n    }\r\n  }\r\n}\r\n\r\n//\r\n// Typography Placeholders\r\n//\r\n\r\n// These will throw a deprecation warning if used within a media query.\r\n@mixin lead {\r\n  font-size: $paragraph-font-size + rem-calc(3.5);\r\n  line-height: 1.6;\r\n}\r\n\r\n@mixin subheader {\r\n  line-height: $subheader-line-height;\r\n  color: $subheader-font-color;\r\n  font-weight: $subheader-font-weight;\r\n  margin-top: $subheader-top-margin;\r\n  margin-bottom: $subheader-bottom-margin;\r\n}\r\n@include exports(\"type\") {\r\n  @if $include-html-type-classes {\r\n    // Responsive Text alignment\r\n    @include align-classes;\r\n\r\n    /* Typography resets */\r\n    div,\r\n    dl,\r\n    dt,\r\n    dd,\r\n    ul,\r\n    ol,\r\n    li,\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4,\r\n    h5,\r\n    h6,\r\n    pre,\r\n    form,\r\n    p,\r\n    blockquote,\r\n    th,\r\n    td {\r\n      margin:0;\r\n      padding:0;\r\n    }\r\n\r\n    /* Default Link Styles */\r\n    a {\r\n      color: $anchor-font-color;\r\n      text-decoration: $anchor-text-decoration;\r\n      line-height: inherit;\r\n\r\n      &:hover,\r\n      &:focus {\r\n        color: $anchor-font-color-hover;\r\n        @if $anchor-text-decoration-hover != $anchor-text-decoration {\r\n        \ttext-decoration: $anchor-text-decoration-hover;\r\n        }\r\n      }\r\n\r\n      img { border:none; }\r\n    }\r\n\r\n    /* Default paragraph styles */\r\n    p {\r\n      font-family: $paragraph-font-family;\r\n      font-weight: $paragraph-font-weight;\r\n      font-size: $paragraph-font-size;\r\n      line-height: $paragraph-line-height;\r\n      margin-bottom: $paragraph-margin-bottom;\r\n      text-rendering: $paragraph-text-rendering;\r\n\r\n      &.lead { @include lead; }\r\n\r\n      & aside {\r\n        font-size: $paragraph-aside-font-size;\r\n        line-height: $paragraph-aside-line-height;\r\n        font-style: $paragraph-aside-font-style;\r\n      }\r\n    }\r\n\r\n    /* Default header styles */\r\n    h1, h2, h3, h4, h5, h6 {\r\n      font-family: $header-font-family;\r\n      font-weight: $header-font-weight;\r\n      font-style: $header-font-style;\r\n      color: $header-font-color;\r\n      text-rendering: $header-text-rendering;\r\n      margin-top: $header-top-margin;\r\n      margin-bottom: $header-bottom-margin;\r\n      line-height: $header-line-height;\r\n\r\n      small {\r\n        font-size: $small-font-size;\r\n        color: $small-font-color;\r\n        line-height: 0;\r\n      }\r\n    }\r\n\r\n    h1 { font-size: $h1-font-size - $h1-font-reduction; }\r\n    h2 { font-size: $h2-font-size - $h2-font-reduction; }\r\n    h3 { font-size: $h3-font-size - $h3-font-reduction; }\r\n    h4 { font-size: $h4-font-size - $h4-font-reduction; }\r\n    h5 { font-size: $h5-font-size - $h5-font-reduction; }\r\n    h6 { font-size: $h6-font-size - $h6-font-reduction; }\r\n\r\n    .subheader { @include subheader; }\r\n\r\n    hr {\r\n      border: $hr-border-style $hr-border-color;\r\n      border-width: $hr-border-width 0 0;\r\n      clear: both;\r\n      margin: $hr-margin 0 ($hr-margin - rem-calc($hr-border-width));\r\n      height: 0;\r\n    }\r\n\r\n    /* Helpful Typography Defaults */\r\n    em,\r\n    i {\r\n      font-style: italic;\r\n      line-height: inherit;\r\n    }\r\n\r\n    strong,\r\n    b {\r\n      font-weight: $font-weight-bold;\r\n      line-height: inherit;\r\n    }\r\n\r\n    small {\r\n      font-size: $small-font-size;\r\n      line-height: inherit;\r\n    }\r\n\r\n    code {\r\n      font-family: $code-font-family;\r\n      font-weight: $code-font-weight;\r\n      color: $code-color;\r\n      background-color: $code-background-color;\r\n      border-width: $code-border-size;\r\n      border-style: $code-border-style;\r\n      border-color: $code-border-color;\r\n      padding: $code-padding;\r\n    }\r\n\r\n    /* Lists */\r\n    ul,\r\n    ol,\r\n    dl {\r\n      font-size: $list-font-size;\r\n      line-height: $list-line-height;\r\n      margin-bottom: $list-margin-bottom;\r\n      list-style-position: $list-style-position;\r\n      font-family: $list-font-family;\r\n    }\r\n\r\n    ul {\r\n      margin-#{$default-float}: $list-side-margin;\r\n      &.no-bullet {\r\n        margin-#{$default-float}: $list-side-margin-no-bullet;\r\n        li {\r\n          ul,\r\n          ol {\r\n            margin-#{$default-float}: $list-nested-margin;\r\n            margin-bottom: 0;\r\n            list-style: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Unordered Lists */\r\n    ul {\r\n      li {\r\n        ul,\r\n        ol {\r\n          margin-#{$default-float}: $list-nested-margin;\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n      &.square,\r\n      &.circle,\r\n      &.disc {\r\n        li ul { list-style: inherit; }\r\n      }\r\n\r\n      &.square { list-style-type: square; margin-#{$default-float}: $list-side-margin;}\r\n      &.circle { list-style-type: circle; margin-#{$default-float}: $list-side-margin;}\r\n      &.disc { list-style-type: disc; margin-#{$default-float}: $list-side-margin;}\r\n      &.no-bullet { list-style: none; }\r\n    }\r\n\r\n    /* Ordered Lists */\r\n    ol {\r\n      margin-#{$default-float}: $list-ordered-side-margin;\r\n      li {\r\n        ul,\r\n        ol {\r\n          margin-#{$default-float}: $list-nested-margin;\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Definition Lists */\r\n    dl {\r\n      dt {\r\n        margin-bottom: $definition-list-header-margin-bottom;\r\n        font-weight: $definition-list-header-weight;\r\n      }\r\n      dd { margin-bottom: $definition-list-margin-bottom; }\r\n    }\r\n\r\n    /* Abbreviations */\r\n    abbr,\r\n    acronym {\r\n      text-transform: uppercase;\r\n      font-size: 90%;\r\n      color: $body-font-color;\r\n      cursor: $cursor-help-value;\r\n    }\r\n    abbr {\r\n      text-transform: none;\r\n      &[title] {\r\n        border-bottom: $acronym-underline;\r\n      }\r\n    }\r\n\r\n    /* Blockquotes */\r\n    blockquote {\r\n      margin: 0 0 $paragraph-margin-bottom;\r\n      padding: $blockquote-padding;\r\n      border-#{$default-float}: $blockquote-border;\r\n\r\n      cite {\r\n        display: block;\r\n        font-size: $blockquote-cite-font-size;\r\n        color: $blockquote-cite-font-color;\r\n        &:before {\r\n          content: \"\\2014 \\0020\";\r\n        }\r\n\r\n        a,\r\n        a:visited {\r\n          color: $blockquote-cite-link-color;\r\n        }\r\n      }\r\n    }\r\n    blockquote,\r\n    blockquote p {\r\n      line-height: $paragraph-line-height;\r\n      color: $blockquote-font-color;\r\n    }\r\n\r\n    /* Microformats */\r\n    .vcard {\r\n      display: inline-block;\r\n      margin: $microformat-margin;\r\n      border: $microformat-border-width $microformat-border-style $microformat-border-color;\r\n      padding: $microformat-padding;\r\n\r\n      li {\r\n        margin: 0;\r\n        display: block;\r\n      }\r\n      .fn {\r\n        font-weight: $microformat-fullname-font-weight;\r\n        font-size: $microformat-fullname-font-size;\r\n      }\r\n    }\r\n\r\n    .vevent {\r\n      .summary { font-weight: $microformat-summary-font-weight; }\r\n\r\n      abbr {\r\n        cursor: $cursor-default-value;\r\n        text-decoration: $microformat-abbr-font-decoration;\r\n        font-weight: $microformat-abbr-font-weight;\r\n        border: none;\r\n        padding: $microformat-abbr-padding;\r\n      }\r\n    }\r\n\r\n\r\n    @media #{$medium-up} {\r\n      h1,h2,h3,h4,h5,h6 { line-height: $header-line-height; }\r\n      h1 { font-size: $h1-font-size; }\r\n      h2 { font-size: $h2-font-size; }\r\n      h3 { font-size: $h3-font-size; }\r\n      h4 { font-size: $h4-font-size; }\r\n      h5 { font-size: $h5-font-size; }\r\n      h6 { font-size: $h6-font-size; }\r\n    }\r\n\r\n    // Only include these styles if you want them.\r\n    @if $include-print-styles {\r\n      /*\r\n       * Print styles.\r\n       *\r\n       * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/\r\n       * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)\r\n      */\r\n      .print-only { display: none !important; }\r\n      @media print {\r\n        * {\r\n          background: transparent !important;\r\n          color: $black !important; /* Black prints faster: h5bp.com/s */\r\n          box-shadow: none !important;\r\n          text-shadow: none !important;\r\n        }\r\n\r\n        a,\r\n        a:visited { text-decoration: underline;}\r\n        a[href]:after { content: \" (\" attr(href) \")\"; }\r\n\r\n        abbr[title]:after { content: \" (\" attr(title) \")\"; }\r\n\r\n        // Don't show links for images, or javascript/internal links\r\n        .ir a:after,\r\n        a[href^=\"javascript:\"]:after,\r\n        a[href^=\"#\"]:after { content: \"\"; }\r\n\r\n        pre,\r\n        blockquote {\r\n          border: 1px solid $aluminum;\r\n          page-break-inside: avoid;\r\n        }\r\n\r\n        thead { display: table-header-group; /* h5bp.com/t */ }\r\n\r\n        tr,\r\n        img { page-break-inside: avoid; }\r\n\r\n        img { max-width: 100% !important; }\r\n\r\n        @page { margin: 0.5cm; }\r\n\r\n        p,\r\n        h2,\r\n        h3 {\r\n          orphans: 3;\r\n          widows: 3;\r\n        }\r\n\r\n        h2,\r\n        h3 { page-break-after: avoid; }\r\n\r\n        .hide-on-print { display: none !important; }\r\n        .print-only { display: block !important; }\r\n        .hide-for-print { display: none !important; }\r\n        .show-for-print { display: inherit !important; }\r\n      }\r\n    }\r\n\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// Foundation Visibility Classes\r\n//\r\n$include-html-visibility-classes: $include-html-classes !default;\r\n$include-accessibility-classes: true !default;\r\n$include-table-visibility-classes: true !default;\r\n$include-legacy-visibility-classes: true !default;\r\n\r\n//\r\n// Media Class Names\r\n//\r\n// Visibility Breakpoints\r\n$visibility-breakpoint-sizes:\r\n  small,\r\n  medium,\r\n  large,\r\n  xlarge,\r\n  xxlarge;\r\n\r\n$visibility-breakpoint-queries:\r\n  unquote($small-up),\r\n  unquote($medium-up),\r\n  unquote($large-up),\r\n  unquote($xlarge-up),\r\n  unquote($xxlarge-up);\r\n\r\n@mixin visibility-loop {\r\n  @each $current-visibility-breakpoint in $visibility-breakpoint-sizes {\r\n    $visibility-inherit-list: ();\r\n    $visibility-none-list: ();\r\n\r\n    $visibility-visible-list: ();\r\n    $visibility-hidden-list: ();\r\n\r\n    $visibility-table-list: ();\r\n    $visibility-table-header-group-list: ();\r\n    $visibility-table-row-group-list: ();\r\n    $visibility-table-row-list: ();\r\n    $visibility-table-cell-list: ();\r\n\r\n    @each $visibility-comparison-breakpoint in $visibility-breakpoint-sizes {\r\n      @if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) < index($visibility-breakpoint-sizes, $current-visibility-breakpoint) {\r\n        // Smaller than current breakpoint\r\n\r\n        $visibility-inherit-list: append($visibility-inherit-list, unquote(\r\n          '.hide-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-none-list: append($visibility-none-list, unquote(\r\n          '.show-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-visible-list: append($visibility-visible-list, unquote(\r\n          '.hidden-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-hidden-list: append($visibility-hidden-list, unquote(\r\n          '.visible-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-list: append($visibility-table-list, unquote(\r\n          'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\r\n          'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\r\n          'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-row-list: append($visibility-table-row-list, unquote(\r\n          'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\r\n          'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n\r\n        // Foundation 4 compatibility:\r\n        // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes\r\n        // for small, medium, and large breakpoints only\r\n        @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {\r\n          $visibility-inherit-list: append($visibility-inherit-list, unquote(\r\n            '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-none-list: append($visibility-none-list, unquote(\r\n            '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-visible-list: append($visibility-visible-list, unquote(\r\n            '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-hidden-list: append($visibility-hidden-list, unquote(\r\n            '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-list: append($visibility-table-list, unquote(\r\n            'table.hide-for-#{$visibility-comparison-breakpoint}, table.hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\r\n            'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\r\n            'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-row-list: append($visibility-table-row-list, unquote(\r\n            'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\r\n            'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.hide-for-#{$visibility-comparison-breakpoint}-down, td.hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n        }\r\n\r\n      } @else if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) > index($visibility-breakpoint-sizes, $current-visibility-breakpoint) {\r\n        // Larger than current breakpoint\r\n\r\n        $visibility-inherit-list: append($visibility-inherit-list, unquote(\r\n          '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-none-list: append($visibility-none-list, unquote(\r\n          '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-visible-list: append($visibility-visible-list, unquote(\r\n          '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-hidden-list: append($visibility-hidden-list, unquote(\r\n          '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-list: append($visibility-table-list, unquote(\r\n          'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\r\n          'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\r\n          'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-row-list: append($visibility-table-row-list, unquote(\r\n          'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\r\n          'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.hide-for-#{$visibility-comparison-breakpoint}-up, td.hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n\r\n        // Foundation 4 compatibility:\r\n        // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes\r\n        // for small, medium, and large breakpoints only\r\n        @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {\r\n          $visibility-inherit-list: append($visibility-inherit-list, unquote(\r\n            '.hide-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-none-list: append($visibility-none-list, unquote(\r\n            '.show-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-visible-list: append($visibility-visible-list, unquote(\r\n            '.hidden-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-hidden-list: append($visibility-hidden-list, unquote(\r\n            '.visible-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-list: append($visibility-table-list, unquote(\r\n            'table.hide-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\r\n            'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\r\n            'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-row-list: append($visibility-table-row-list, unquote(\r\n            'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\r\n            'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n        }\r\n\r\n      } @else {\r\n        // Current breakpoint\r\n\r\n        $visibility-inherit-list: append($visibility-inherit-list, unquote(\r\n          '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-none-list: append($visibility-none-list, unquote(\r\n          '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-visible-list: append($visibility-visible-list, unquote(\r\n          '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-hidden-list: append($visibility-hidden-list, unquote(\r\n          '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-list: append($visibility-table-list, unquote(\r\n          'table.show-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\r\n          'thead.show-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\r\n          'tbody.show-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-row-list: append($visibility-table-row-list, unquote(\r\n          'tr.show-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\r\n          'th.show-for-#{$visibility-comparison-breakpoint}-only, td.show-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n\r\n        // Foundation 4 compatibility:\r\n        // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes\r\n        // for small, medium, and large breakpoints only\r\n        @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {\r\n          $visibility-inherit-list: append($visibility-inherit-list, unquote(\r\n            '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-none-list: append($visibility-none-list, unquote(\r\n            '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-visible-list: append($visibility-visible-list, unquote(\r\n            '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-hidden-list: append($visibility-hidden-list, unquote(\r\n            '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-list: append($visibility-table-list, unquote(\r\n            'table.show-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\r\n            'thead.show-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\r\n            'tbody.show-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-row-list: append($visibility-table-row-list, unquote(\r\n            'tr.show-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\r\n            'th.show-for-#{$visibility-comparison-breakpoint}, td.show-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n        }\r\n      }\r\n    }\r\n\r\n    /* #{$current-visibility-breakpoint} displays */\r\n    @media #{nth($visibility-breakpoint-queries, index($visibility-breakpoint-sizes, $current-visibility-breakpoint))} {\r\n      #{$visibility-inherit-list} {\r\n        display: inherit !important;\r\n      }\r\n      #{$visibility-none-list} {\r\n        display: none !important;\r\n      }\r\n      @if $include-accessibility-classes != false {\r\n        #{$visibility-visible-list} {\r\n          @include element-invisible-off;\r\n        }\r\n        #{$visibility-hidden-list} {\r\n          @include element-invisible;\r\n        }\r\n      }\r\n      @if $include-table-visibility-classes != false {\r\n        #{$visibility-table-list} {\r\n          display: table !important;\r\n        }\r\n        #{$visibility-table-header-group-list} {\r\n          display: table-header-group !important;\r\n        }\r\n        #{$visibility-table-row-group-list} {\r\n          display: table-row-group !important;\r\n        }\r\n        #{$visibility-table-row-list} {\r\n          display: table-row !important;\r\n        }\r\n        #{$visibility-table-cell-list} {\r\n          display: table-cell !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n@if $include-html-visibility-classes != false {\r\n\r\n  @include visibility-loop;\r\n\r\n  /* Orientation targeting */\r\n  .show-for-landscape,\r\n  .hide-for-portrait { display: inherit !important; }\r\n  .hide-for-landscape,\r\n  .show-for-portrait { display: none !important; }\r\n\r\n  /* Specific visibility for tables */\r\n  table {\r\n    &.hide-for-landscape,\r\n    &.show-for-portrait { display: table !important; }\r\n  }\r\n  thead {\r\n    &.hide-for-landscape,\r\n    &.show-for-portrait { display: table-header-group !important; }\r\n  }\r\n  tbody {\r\n    &.hide-for-landscape,\r\n    &.show-for-portrait { display: table-row-group !important; }\r\n  }\r\n  tr {\r\n    &.hide-for-landscape,\r\n    &.show-for-portrait { display: table-row !important; }\r\n  }\r\n  td,\r\n  th {\r\n    &.hide-for-landscape,\r\n    &.show-for-portrait { display: table-cell !important; }\r\n  }\r\n\r\n  @media #{$landscape} {\r\n    .show-for-landscape,\r\n    .hide-for-portrait { display: inherit !important; }\r\n    .hide-for-landscape,\r\n    .show-for-portrait { display: none !important; }\r\n\r\n    /* Specific visibility for tables */\r\n    table {\r\n      &.show-for-landscape,\r\n      &.hide-for-portrait { display: table !important; }\r\n    }\r\n    thead {\r\n      &.show-for-landscape,\r\n      &.hide-for-portrait { display: table-header-group !important; }\r\n    }\r\n    tbody {\r\n      &.show-for-landscape,\r\n      &.hide-for-portrait { display: table-row-group !important; }\r\n    }\r\n    tr {\r\n      &.show-for-landscape,\r\n      &.hide-for-portrait { display: table-row !important; }\r\n    }\r\n    td,\r\n    th {\r\n      &.show-for-landscape,\r\n      &.hide-for-portrait { display: table-cell !important; }\r\n    }\r\n  }\r\n\r\n  @media #{$portrait} {\r\n    .show-for-portrait,\r\n    .hide-for-landscape { display: inherit !important; }\r\n    .hide-for-portrait,\r\n    .show-for-landscape { display: none !important; }\r\n\r\n    /* Specific visibility for tables */\r\n    table {\r\n      &.show-for-portrait,\r\n      &.hide-for-landscape { display: table !important; }\r\n    }\r\n    thead {\r\n      &.show-for-portrait,\r\n      &.hide-for-landscape { display: table-header-group !important; }\r\n    }\r\n    tbody {\r\n      &.show-for-portrait,\r\n      &.hide-for-landscape { display: table-row-group !important; }\r\n    }\r\n    tr {\r\n      &.show-for-portrait,\r\n      &.hide-for-landscape { display: table-row !important; }\r\n    }\r\n    td,\r\n    th {\r\n      &.show-for-portrait,\r\n      &.hide-for-landscape { display: table-cell !important; }\r\n    }\r\n  }\r\n\r\n  /* Touch-enabled device targeting */\r\n  .show-for-touch { display: none !important; }\r\n  .hide-for-touch { display: inherit !important; }\r\n  .touch .show-for-touch { display: inherit !important; }\r\n  .touch .hide-for-touch { display: none !important; }\r\n\r\n  /* Specific visibility for tables */\r\n  table.hide-for-touch { display: table !important; }\r\n  .touch table.show-for-touch { display: table !important; }\r\n  thead.hide-for-touch { display: table-header-group !important; }\r\n  .touch thead.show-for-touch { display: table-header-group !important; }\r\n  tbody.hide-for-touch { display: table-row-group !important; }\r\n  .touch tbody.show-for-touch { display: table-row-group !important; }\r\n  tr.hide-for-touch { display: table-row !important; }\r\n  .touch tr.show-for-touch { display: table-row !important; }\r\n  td.hide-for-touch { display: table-cell !important; }\r\n  .touch td.show-for-touch { display: table-cell !important; }\r\n  th.hide-for-touch { display: table-cell !important; }\r\n  .touch th.show-for-touch { display: table-cell !important; }\r\n\r\n\r\n  /* Print visibility */\r\n  @media print {\r\n    .show-for-print { display: block; }\r\n    .hide-for-print { display: none; }\r\n\r\n    table.show-for-print { display: table !important; }\r\n    thead.show-for-print { display: table-header-group !important; }\r\n    tbody.show-for-print { display: table-row-group !important; }\r\n    tr.show-for-print { display: table-row !important; }\r\n    td.show-for-print { display: table-cell !important; }\r\n    th.show-for-print { display: table-cell !important; }\r\n\r\n  }\r\n\r\n}\r\n","@charset \"utf-8\";\r\n/* TOC – Typography\r\n\r\nCheck typography variables › _3_typography_settings.scss\r\n\r\n- Links\r\n- Customize Foundation Typography\r\n- Headlines\r\n- Images\r\n- Lists\r\n- Tables\r\n- Code\r\n- Quotes\r\n- Typography for Articles\r\n- Smaller Fontsize for Bigteaser on small devices\r\n- Additional typographical elements\r\n- Footnotes\r\n- Icon Font\r\n\r\n*/\r\n\r\n\r\n\r\n/* Links\r\n------------------------------------------------------------------- */\r\n\r\na,\r\na:link {\r\n    transition: all .4s;\r\n}\r\n\r\na:visited {\r\n    border-bottom: $grey-2;\r\n}\r\n\r\na:hover {\r\n    color: darken( $ci-1, 10% );\r\n}\r\n\r\na:focus {\r\n    color: lighten( $ci-1, 20% );\r\n}\r\n\r\na:active {\r\n    color: darken( $ci-1, 20% );\r\n}\r\n\r\n\r\n\r\n/* Customize Foundation Typography\r\n------------------------------------------------------------------- */\r\n\r\np {\r\n    -webkit-hyphens: auto;\r\n    -moz-hyphens: auto;\r\n    -ms-hyphens: auto;\r\n    hyphens: auto;\r\n    -ms-word-break: normal;\r\n    /* Non standard for webkit */\r\n    word-break: normal;\r\n}\r\np a,\r\narticle a {\r\n    font-weight: bold;\r\n    border-bottom: 1px dotted;\r\n}\r\np a:hover,\r\narticle a:hover {\r\n    border-bottom: 2px solid;\r\n}\r\np a.button,\r\n.button,\r\n.button:hover {\r\n    border: 0;\r\n    color: #fff;\r\n}\r\np.button a {\r\n    border: 0;\r\n    color: #fff;\r\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n\r\n\r\n/* Headlines\r\n------------------------------------------------------------------- */\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n    font-family: $header-font-family;\r\n    font-weight: normal;\r\n    padding: 0;\r\n}\r\n\r\nh1 {\r\n    font-size: $font-size-h1;\r\n    margin-top: 0;\r\n}\r\nh2 {\r\n    font-size: $font-size-h2;\r\n    margin: 1.563em 0 0 0;\r\n}\r\n    .blog-index h2 {\r\n        margin-top: 0;\r\n    }\r\nh3 {\r\n    font-size: $font-size-h3;\r\n    margin: 1.152em 0 0 0;\r\n}\r\nh4 {\r\n    font-size: $font-size-h4;\r\n    margin: 1.152em 0 0 0;\r\n}\r\nh5 {\r\n    font-size: $font-size-h5;\r\n    margin: 1em 0 0 0;\r\n}\r\n\r\n\r\n\r\n/* Images\r\n------------------------------------------------------------------- */\r\n\r\nimg { border-radius: $global-radius;}\r\n    img.alignleft,\r\n    img.left        { float: left; margin:5px 15px 5px 0; }\r\n    img.alignright,\r\n    img.right       { float: right; margin:5px 0 5px 15px; }\r\n    img.aligncenter,\r\n    img.center      { display: block; margin:0 auto 10px; }\r\n\r\nfigure {\r\n    margin: 0 0 rem-calc(30) 0;\r\n}\r\n#masthead-with-background-color figure,\r\n#masthead-with-pattern figure {\r\n    margin: 0;\r\n}\r\nfigcaption,\r\n.masthead-caption {\r\n    color: $grey-10;\r\n    font-family: $font-family-sans-serif;\r\n    font-size: rem-calc(13);\r\n    padding-top: rem-calc(2);\r\n}\r\nfigcaption a,\r\n.masthead-caption a {\r\n    border-bottom: 1px dotted $grey-4;\r\n    color: $grey-10;\r\n}\r\nfigcaption a:hover,\r\n.masthead-caption a:hover {\r\n    border-bottom: 2px solid $primary-color;\r\n    color: $primary-color;\r\n}\r\n.masthead-caption {\r\n    padding-right: 10px;\r\n    text-align: right;\r\n}\r\n\r\n\r\n\r\n/* Tables\r\n------------------------------------------------------------------- */\r\n\r\ntd {\r\n    vertical-align: top;\r\n}\r\n\r\n\r\n\r\n/* Code\r\n------------------------------------------------------------------- */\r\n\r\npre {\r\n    overflow: auto;\r\n    margin-bottom: rem-calc(20);\r\n    padding: 5px;\r\n    background-color: $code-background-color;\r\n    border-radius: $global-radius;\r\n}\r\npre code {\r\n    padding: rem-calc(2) rem-calc(5) rem-calc(1) rem-calc(0);\r\n    border: 0;\r\n}\r\n\r\ncode {\r\n    font-size: rem-calc(14);\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\r\n/* Lists\r\n------------------------------------------------------------------- */\r\n\r\nul, ol {\r\n    margin-left: 20px;\r\n    padding: 0;\r\n}\r\nli {\r\n    margin-left: 0;\r\n}\r\n\r\n.no-bullet {\r\n    list-style: none;\r\n    margin-left: 0;\r\n}\r\n\r\nli {\r\n    > ul,\r\n    > ol {\r\n         margin-bottom: 0;\r\n    }\r\n}\r\n\r\ndl {\r\n\r\n}\r\ndt:first-child {\r\n    padding-top: 0px;\r\n}\r\ndt {\r\n    font-weight: bold;\r\n    padding-top: 30px;\r\n}\r\ndd {\r\n}\r\narticle dl dt   { line-height: 1.3; }\r\narticle dl dd   { line-height: 1.6; margin-bottom: rem-calc(12); margin-left: rem-calc(24); }\r\n\r\n\r\n\r\n/* Quotes\r\n------------------------------------------------------------------- */\r\n\r\nblockquote {\r\n    font-style: italic;\r\n    position: relative;\r\n    border: none;\r\n    margin: 0 30px 30px 30px;\r\n    color:  $grey-11;\r\n}\r\n\r\n    blockquote p {font-style: italic; color: $grey-10; }\r\n\r\n    blockquote:before {\r\n        display:block;content:\"\\00BB\";\r\n        font-size:80px;\r\n        line-height: 0;\r\n        position:absolute;\r\n        left:-25px;\r\n        top: auto;\r\n        color: $grey-11;\r\n    }\r\n    blockquote:after {\r\n        display:block;\r\n        content:\"\\00AB\";\r\n        font-size:80px;\r\n        line-height: 0;\r\n        position:absolute;\r\n        right:-10px;\r\n        bottom: 20px;\r\n        color: $grey-11;\r\n    }\r\n    blockquote cite:before {\r\n        content:\"\\2014 \\0020\"\r\n    }\r\n    blockquote cite a,blockquote cite a:visited {\r\n        color: $grey-10;\r\n    }\r\ncite {\r\n    padding-top: 5px;\r\n}\r\n\r\nbutton, .button {\r\n    letter-spacing: 1px;\r\n}\r\n\r\nmark {\r\n    background-color: scale-color($warning-color, $lightness: 60%);\r\n}\r\n\r\n\r\n\r\n/* Typography for Articles\r\n------------------------------------------------------------------- */\r\n\r\n.subheadline {\r\n    font-size: rem-calc(16);\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n}\r\n.teaser {\r\n    font-size: rem-calc(20);\r\n}\r\n.big-teaser {\r\n    font-style: italic; font-weight: 300;\r\n}\r\n.big-teaser a {\r\n    font-style: italic; font-weight: 400;\r\n}\r\n\r\n/* Smaller Fontsize for Bigteaser on small devices */\r\n@media only screen {\r\n    .big-teaser {\r\n        font-size: rem-calc(20);\r\n    }\r\n}\r\n@media only screen and (min-width: 40.063em) {\r\n    .big-teaser         {\r\n        font-size: rem-calc(29);\r\n    }\r\n}\r\n\r\n\r\n\r\n/* Additional typographical elements\r\n------------------------------------------------------------------- */\r\n\r\n.sans           { font-family: $font-family-sans-serif; }\r\n.serif          { font-family: $font-family-serif; }\r\n\r\n.font-size-h1   { font-size: $font-size-h1; }\r\n.font-size-h2   { font-size: $font-size-h2; }\r\n.font-size-h3   { font-size: $font-size-h3; }\r\n.font-size-h4   { font-size: $font-size-h4; }\r\n.font-size-h5   { font-size: $font-size-h5; }\r\n.font-size-p    { font-size: $font-size-p; }\r\n\r\n\r\n\r\n/* Footnotes\r\n------------------------------------------------------------------- */\r\n\r\n.footnotes:before {\r\n    content: \"\";\r\n    position: absolute;\r\n    height: 1px;\r\n    width: 60px;\r\n    margin-top: -10px;\r\n    border-bottom: 1px solid $grey-2;\r\n}\r\n.footnotes {\r\n    margin-top: 60px;\r\n}\r\n.footnotes ol {\r\n    font-size: $font-size-small;\r\n}\r\n.footnotes p {\r\n    font-size: inherit;\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\r\n\r\n/* Icon Font\r\n   See the icon-set/preview in /assets/fonts/iconfont-preview.html\r\n------------------------------------------------------------------- */\r\n\r\n@font-face {\r\n  font-family: 'iconfont';\r\n  src: url('../fonts/iconfont.eot'); /* IE9 Compat Modes */\r\n  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\r\n       url('../fonts/iconfont.woff') format('woff'), /* Pretty Modern Browsers */\r\n       url('../fonts/iconfont.ttf')  format('truetype'), /* Safari, Android, iOS */\r\n       url('../fonts/iconfont.svg#svgFontName') format('svg'); /* Legacy iOS */\r\n}\r\n\r\n.iconfont       { font-family: iconfont; }\r\n.iconfont-48    { font-size: 48px; }\r\n\r\n\r\n[data-icon]:before { content: attr(data-icon); }\r\n\r\n[data-icon]:before,\r\n.icon-archive:before,\r\n.icon-browser:before,\r\n.icon-calendar:before,\r\n.icon-camera:before,\r\n.icon-chat:before,\r\n.icon-check:before,\r\n.icon-chevron-down:before,\r\n.icon-chevron-left:before,\r\n.icon-chevron-right:before,\r\n.icon-chevron-up:before,\r\n.icon-circle-with-cross:before,\r\n.icon-circle-with-minus:before,\r\n.icon-circle-with-plus:before,\r\n.icon-cloud:before,\r\n.icon-code:before,\r\n.icon-cog:before,\r\n.icon-dropbox:before,\r\n.icon-edit:before,\r\n.icon-export:before,\r\n.icon-eye:before,\r\n.icon-facebook:before,\r\n.icon-feather:before,\r\n.icon-github:before,\r\n.icon-globe:before,\r\n.icon-googleplus:before,\r\n.icon-heart:before,\r\n.icon-heart-outlined:before,\r\n.icon-home:before,\r\n.icon-instagram:before,\r\n.icon-lab-flask:before,\r\n.icon-leaf:before,\r\n.icon-linkedin:before,\r\n.icon-mail:before,\r\n.icon-message:before,\r\n.icon-mic:before,\r\n.icon-network:before,\r\n.icon-paper-plane:before,\r\n.icon-pinterest:before,\r\n.icon-price-tag:before,\r\n.icon-rocket:before,\r\n.icon-rss:before,\r\n.icon-soundcloud:before,\r\n.icon-star:before,\r\n.icon-star-outlined:before,\r\n.icon-thumbs-down:before,\r\n.icon-thumbs-up:before,\r\n.icon-tree:before,\r\n.icon-tumblr:before,\r\n.icon-twitter:before,\r\n.icon-upload-to-cloud:before,\r\n.icon-video:before,\r\n.icon-vimeo:before,\r\n.icon-warning:before,\r\n.icon-xing:before,\r\n.icon-youtube:before {\r\n  display: inline-block;\r\nfont-family: \"iconfont\";\r\nfont-style: normal;\r\nfont-weight: normal;\r\nfont-variant: normal;\r\nline-height: 1;\r\ntext-decoration: inherit;\r\ntext-rendering: optimizeLegibility;\r\ntext-transform: none;\r\n-moz-osx-font-smoothing: grayscale;\r\n-webkit-font-smoothing: antialiased;\r\nfont-smoothing: antialiased;\r\n}\r\n\r\n.icon-archive:before { content: \"\\f100\"; }\r\n.icon-browser:before { content: \"\\f101\"; }\r\n.icon-calendar:before { content: \"\\f133\"; }\r\n.icon-camera:before { content: \"\\f102\"; }\r\n.icon-chat:before { content: \"\\f103\"; }\r\n.icon-check:before { content: \"\\f104\"; }\r\n.icon-chevron-down:before { content: \"\\f105\"; }\r\n.icon-chevron-left:before { content: \"\\f106\"; }\r\n.icon-chevron-right:before { content: \"\\f107\"; }\r\n.icon-chevron-up:before { content: \"\\f108\"; }\r\n.icon-circle-with-cross:before { content: \"\\f109\"; }\r\n.icon-circle-with-minus:before { content: \"\\f10a\"; }\r\n.icon-circle-with-plus:before { content: \"\\f10b\"; }\r\n.icon-cloud:before { content: \"\\f10c\"; }\r\n.icon-code:before { content: \"\\f10d\"; }\r\n.icon-cog:before { content: \"\\f10e\"; }\r\n.icon-dropbox:before { content: \"\\f10f\"; }\r\n.icon-edit:before { content: \"\\f110\"; }\r\n.icon-export:before { content: \"\\f111\"; }\r\n.icon-eye:before { content: \"\\f112\"; }\r\n.icon-facebook:before { content: \"\\f113\"; }\r\n.icon-feather:before { content: \"\\f114\"; }\r\n.icon-github:before { content: \"\\f115\"; }\r\n.icon-globe:before { content: \"\\f116\"; }\r\n.icon-googleplus:before { content: \"\\f136\"; }\r\n.icon-heart:before { content: \"\\f117\"; }\r\n.icon-heart-outlined:before { content: \"\\f118\"; }\r\n.icon-home:before { content: \"\\f119\"; }\r\n.icon-instagram:before { content: \"\\f11a\"; }\r\n.icon-lab-flask:before { content: \"\\f11b\"; }\r\n.icon-leaf:before { content: \"\\f11c\"; }\r\n.icon-linkedin:before { content: \"\\f11d\"; }\r\n.icon-mail:before { content: \"\\f11e\"; }\r\n.icon-message:before { content: \"\\f11f\"; }\r\n.icon-mic:before { content: \"\\f120\"; }\r\n.icon-network:before { content: \"\\f121\"; }\r\n.icon-paper-plane:before { content: \"\\f122\"; }\r\n.icon-pinterest:before { content: \"\\f123\"; }\r\n.icon-price-tag:before { content: \"\\f124\"; }\r\n.icon-rocket:before { content: \"\\f125\"; }\r\n.icon-rss:before { content: \"\\f126\"; }\r\n.icon-soundcloud:before { content: \"\\f127\"; }\r\n.icon-star:before { content: \"\\f128\"; }\r\n.icon-star-outlined:before { content: \"\\f129\"; }\r\n.icon-thumbs-down:before { content: \"\\f12a\"; }\r\n.icon-thumbs-up:before { content: \"\\f12b\"; }\r\n.icon-tree:before { content: \"\\f134\"; }\r\n.icon-tumblr:before { content: \"\\f12c\"; }\r\n.icon-twitter:before { content: \"\\f12d\"; }\r\n.icon-upload-to-cloud:before { content: \"\\f12e\"; }\r\n.icon-video:before { content: \"\\f12f\"; }\r\n.icon-vimeo:before { content: \"\\f130\"; }\r\n.icon-warning:before { content: \"\\f131\"; }\r\n.icon-xing:before { content: \"\\f135\"; }\r\n.icon-youtube:before { content: \"\\f132\"; }\r\n","@charset \"utf-8\";\r\n/* TOC\r\n\r\n- Adjustments: Video Layout\r\n- Navigation\r\n- Search\r\n- Masthead\r\n- Masthead › small-only\r\n- Masthead › medium-only\r\n- Masthead › large-only\r\n- Masthead › xlarge-up\r\n- Breadcrumb\r\n- Meta\r\n- Jump to top\r\n- Footer\r\n- Subfooter\r\n- CSS-Classes to add margin at top or bottom\r\n\r\n*/\r\n\r\n\r\n\r\n/* Adjustments: Video Layout\r\n------------------------------------------------------------------- */\r\n\r\nbody.video,\r\nbody.video #masthead-no-image-header { background: #000; }\r\nbody.video #masthead-no-image-header { margin-bottom: 60px; }\r\nbody.video h1,\r\nbody.video h2,\r\nbody.video h3,\r\nbody.video h4,\r\nbody.video h5,\r\nbody.video h6,\r\nbody.video p,\r\nbody.video a,\r\nbody.video blockquote:before,\r\nbody.video blockquote:after,\r\nbody.video cite a,\r\nbody.video cite a:visited {\r\n  color: #fff;\r\n}\r\nbody.video cite {\r\n  color: #fff;\r\n}\r\n\r\n\r\n\r\n/* Navigation\r\n------------------------------------------------------------------- */\r\n\r\n#navigation {\r\n    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);\r\n    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);\r\n\r\n    [class^='icon-']:before, [class*=' icon-']:before {\r\n        margin-right: rem-calc(8);\r\n    }\r\n}\r\n\r\n\r\n\r\n/* Search\r\n------------------------------------------------------------------- */\r\n\r\n.no-js form#search {\r\n  display: none;\r\n}\r\n\r\n\r\n\r\n/* Masthead\r\n------------------------------------------------------------------- */\r\n\r\n#masthead {\r\n    background-color: $primary-color;\r\n}\r\n#masthead-no-image-header {\r\n    background-color: $primary-color;\r\n}\r\n#masthead-with-text {\r\n    text-align: center;\r\n    font-size: rem-calc(54);\r\n    font-family: $header-font-family;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 2px 3px rgba(0,0,0,.4);\r\n}\r\n#masthead-no-image-header {\r\n    height: 200px;\r\n}\r\n#masthead-no-image-header #logo img {\r\n    margin-top: 10px;\r\n}\r\n\r\n/* Masthead › small-only\r\n------------------------------------------------------------------- */\r\n\r\n@media #{$small-only} {\r\n    #logo img {\r\n        display: none;\r\n    }\r\n    #masthead {\r\n        height: 200px;\r\n    }\r\n    #masthead-with-pattern {\r\n        padding: 15px 0;\r\n    }\r\n    #masthead-with-background-color {\r\n        padding: 15px 0;\r\n    }\r\n    #masthead-with-text {\r\n        height: 220px;\r\n        padding: 30px 0;\r\n        font-size: rem-calc(36);\r\n    }\r\n    #masthead-no-image-header {\r\n        display: none;\r\n    }\r\n}\r\n\r\n\r\n/* Masthead › medium-only\r\n------------------------------------------------------------------- */\r\n\r\n@media #{$medium-only} {\r\n    #logo img {\r\n        margin-top: 60px;\r\n    }\r\n    #masthead {\r\n        height: 280px;\r\n    }\r\n    #masthead-with-pattern {\r\n        padding: 20px 0;\r\n    }\r\n    #masthead-with-background-color {\r\n        padding: 20px 0;\r\n    }\r\n    #masthead-with-text {\r\n        padding: 60px 0;\r\n        height: 300px;\r\n    }\r\n}\r\n\r\n\r\n/* Masthead › large-only\r\n------------------------------------------------------------------- */\r\n\r\n@media #{$large-only} {\r\n    #logo img {\r\n        margin-top: 80px;\r\n    }\r\n    #masthead {\r\n        height: 310px;\r\n    }\r\n    #masthead-with-pattern {\r\n        padding: 30px 0;\r\n    }\r\n    #masthead-with-background-color {\r\n        padding: 30px 0;\r\n    }\r\n    #masthead-with-text {\r\n        height: 330px;\r\n        padding: 60px 0;\r\n    }\r\n}\r\n\r\n\r\n/* Masthead › xlarge-up\r\n------------------------------------------------------------------- */\r\n\r\n@media #{$xlarge-up} {\r\n    #logo img {\r\n        margin-top: 110px;\r\n    }\r\n    #masthead {\r\n        height: 380px;\r\n    }\r\n    #masthead-with-pattern {\r\n        padding: 45px 0;\r\n    }\r\n    #masthead-with-background-color {\r\n        padding: 45px 0;\r\n    }\r\n    #masthead-with-text {\r\n        padding: 95px 0;\r\n        height: 400px;\r\n    }\r\n}\r\n\r\n\r\n#title-image-small {\r\n    height: 240px;\r\n}\r\n#title-image-large {\r\n    height: 520px;\r\n}\r\n#title-image-index-small {\r\n    height: 120px;\r\n}\r\n#title-image-index-large {\r\n    height: 260px;\r\n}\r\n\r\n\r\n\r\n/* Breadcrumb\r\n------------------------------------------------------------------- */\r\n\r\n#breadcrumb {\r\n    background: scale-color($grey-1, $lightness: 55%);\r\n    border-top: 1px solid scale-color($grey-1, $lightness: 45%);\r\n    border-bottom: 1px solid scale-color($grey-1, $lightness: 45%);\r\n}\r\n.breadcrumbs>.current {\r\n  font-weight: bold;\r\n}\r\n\r\n\r\n/* Meta\r\n------------------------------------------------------------------- */\r\n\r\n#page-meta, #page-meta a {\r\n    color: $grey-5;\r\n}\r\n\r\n#page-meta .button {\r\n    background: $grey-5;\r\n    border: 0;\r\n}\r\n#page-meta .button {\r\n    color: #fff;\r\n}\r\n#page-meta .button:hover {\r\n    background: $primary-color;\r\n}\r\n.meta-info p {\r\n  font-size: rem-calc(13);\r\n  color: scale-color($grey-1, $lightness: 40%);\r\n}\r\n  .meta-info a {\r\n    text-decoration: underline;\r\n    color: scale-color($grey-1, $lightness: 40%);\r\n  }\r\n  .meta-info a:hover {\r\n    text-decoration: none;\r\n    color: $secondary-color;\r\n  }\r\n\r\n\r\n\r\n/* Jump to top\r\n------------------------------------------------------------------- */\r\n\r\n#up-to-top {\r\n    padding: 160px 0 10px 0;\r\n}\r\n#up-to-top a {\r\n    font-size: 24px;\r\n    padding: 5px;\r\n    border-radius: 3px;\r\n}\r\n#up-to-top a:hover {\r\n    background: $grey-2;\r\n}\r\n\r\n\r\n\r\n/* Footer\r\n------------------------------------------------------------------- */\r\n\r\n#footer-content p,\r\n#footer-content li {\r\n    font-size: rem-calc(13);\r\n    font-weight: 300;\r\n}\r\n\r\n#footer {\r\n    padding-top: 30px;\r\n    padding-bottom: 20px;\r\n    background: $footer-bg;\r\n    color: $footer-color;\r\n    }\r\n\r\n    #footer a {\r\n        color: $footer-link-color;\r\n    }\r\n    #footer h4,\r\n    #footer h5 {\r\n        letter-spacing: 1px;\r\n        color: #fff;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n\r\n\r\n/* Subfooter\r\n------------------------------------------------------------------- */\r\n\r\n#subfooter {\r\n    background: $subfooter-bg;\r\n    color: $subfooter-color;\r\n    padding-top: 30px;\r\n}\r\n\r\n#subfooter-left ul.inline-list {\r\n    float: left;\r\n}\r\n\r\n.credits a {\r\n    color: $subfooter-link-color;\r\n    border: 0;\r\n    text-transform: uppercase;\r\n    &:hover {\r\n        color: #fff;\r\n  }\r\n}\r\n\r\n.social-icons {\r\n    margin-bottom: 10px !important;\r\n\r\n// Beware of SCSS-Syntax here\r\n  li {\r\n    padding: 0 0 20px 0;\r\n  }\r\n  a {\r\n    font-size: rem-calc(23);\r\n    display: block;\r\n    width: 36px;\r\n    border-radius: 50%;\r\n    color: $subfooter-bg;\r\n    background: $subfooter-color;\r\n    text-align: center;\r\n    &:hover {\r\n      background: $subfooter-bg;\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n/* CSS-Classes to add margin at top or bottom\r\n------------------------------------------------------------------- */\r\n\r\n.t10 { margin-top: 10px !important; }\r\n.t15 { margin-top: 15px !important; }\r\n.t20 { margin-top: 20px !important; }\r\n.t30 { margin-top: 30px !important; }\r\n.t50 { margin-top: 50px !important; }\r\n.t60 { margin-top: 60px !important; }\r\n.t70 { margin-top: 70px !important; }\r\n.t80 { margin-top: 80px !important; }\r\n.t90 { margin-top: 90px !important; }\r\n\r\n.b15 { margin-bottom: 15px !important; }\r\n.b20 { margin-bottom: 20px !important; }\r\n.b30 { margin-bottom: 30px !important; }\r\n.b60 { margin-bottom: 60px !important; }\r\n\r\n.l15 { margin-left: 15px !important; }\r\n.r15 { margin-right: 15px !important; }\r\n\r\n.pl20 { padding-left: 20px !important; }\r\n.pr5  { padding-right: 5px !important; }\r\n.pr10 { padding-right: 10px !important; }\r\n.pr20 { padding-right: 20px !important; }\r\n","@charset \"utf-8\";\r\n/* TOC\r\n\r\n- Table of Contents (Index)\r\n- Panel\r\n- Shadows\r\n- Alerts\r\n- Breadcrumb\r\n- Button\r\n- Side-Nav\r\n- Accordion\r\n- Lazy Load XT\r\n- Frontpage Widget\r\n\r\n*/\r\n\r\n\r\n\r\n/* Table of Contents (Index)\r\n------------------------------------------------------------------- */\r\n\r\n#toc ul,\r\n#toc ul ul,\r\n#toc ul ul ul {\r\n    list-style: none;\r\n    margin-left: 30px;\r\n}\r\n#toc ul {\r\n    margin-left: 0;\r\n    margin-top: $spacing-unit;\r\n}\r\n\r\n\r\n\r\n/* Panel\r\n------------------------------------------------------------------- */\r\n\r\n.border-dotted {\r\n  border: 1px dotted $grey-5;\r\n  padding: rem-calc(20);\r\n  border-radius: $global-radius;\r\n}\r\n\r\n\r\n\r\n /* Shadows\r\n------------------------------------------------------------------- */\r\n\r\n.shadow-no      {text-shadow: rgba(0, 0, 0, 0) 0 0 0;}\r\n.shadow-black   {text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 2px;}\r\n.shadow-white   {text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 2px;}\r\n\r\n\r\n\r\n /* Alerts\r\n------------------------------------------------------------------- */\r\n\r\n.alert-box {\r\n  font-family: $font-family-sans-serif;\r\n  text-shadow: 0px 1px 1px rgba(0,0,0,0.9);\r\n}\r\n  .alert-box p {\r\n    margin-bottom: 0;\r\n  }\r\n  .alert-box a {\r\n    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);\r\n    color: #fff;\r\n    border-bottom: 1px dotted #fff;\r\n  }\r\n  .alert-box a:hover {\r\n    border-bottom: 1px solid #fff;\r\n  }\r\n  .alert-box.terminal {\r\n    background: $grey-12; \r\n    color: #fff; \r\n    border-color: scale-color($grey-12, $lightness: -14%);\r\n    font-family: $font-family-monospace;\r\n  }\r\n  .alert-box.terminal::before {\r\n    content: \"$ \";\r\n    color: $ci-6;\r\n    float: left;\r\n    margin: .25em .5em 0 0;\r\n  }\r\n  .alert-box.text {\r\n    background-color: $grey-2;\r\n    text-shadow: 0px 0px 0px rgba(0,0,0,0.9);\r\n    border-color: scale-color($grey-2, $lightness: -14%);\r\n    color: $grey-12;\r\n  }\r\n\r\n\r\n\r\n/* Button\r\n------------------------------------------------------------------- */\r\n\r\nbutton, .button         { letter-spacing: 1px; }\r\n  button.grey, .button.grey { background: $grey-10; }\r\n  button.grey:hover,\r\n  button.grey:focus,\r\n  .button.grey:hover,\r\n  .button.grey:focus      { background-color: $grey-16; }\r\n\r\n\r\n\r\n/* Side-Nav\r\n------------------------------------------------------------------- */\r\n\r\n.side-nav li.title { text-transform: uppercase;}\r\n.side-nav li { border-top: 1px solid $grey-3;}\r\n.side-nav li a:not(.button) { border-bottom: 0; padding: 0.4375rem 0rem; }\r\n.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: $grey-1; }\r\n\r\n.homepage p { margin: 0; padding: 0; color: $grey-10; }\r\n\r\n\r\n\r\n/* Accordion\r\n------------------------------------------------------------------- */\r\n\r\ndl.accordion  { border-top: 1px solid $grey-2;  }\r\n.accordion dd   { border-bottom: 1px solid $grey-2;  }\r\ndd.accordion-navigation span { padding-right: 12px; }\r\ndd.accordion-navigation span:before { content: \"\\F107\" }\r\ndd.accordion-navigation.active span:before { content: \"\\F105\" }\r\ndd.accordion-navigation.active span:before { content: \"\\F105\" }\r\n\r\n\r\n\r\n/* Lazy Load XT\r\n------------------------------------------------------------------- */\r\n\r\n/*! Lazy Load XT v1.0.6 2014-11-19\r\n * http://ressio.github.io/lazy-load-xt\r\n * (C) 2014 RESS.io\r\n * Licensed under MIT */\r\nimg.lazy {\r\n  display: none;\r\n}\r\n.lazy-hidden {\r\n    opacity: 0;\r\n}\r\n.lazy-loaded {\r\n    -webkit-transition: opacity 0.7s;\r\n    -moz-transition: opacity 0.7s;\r\n    -ms-transition: opacity 0.7s;\r\n    -o-transition: opacity 0.7s;\r\n    transition: opacity 0.7s;\r\n    opacity: 1;\r\n}\r\n\r\n*:target:not([id^='fn:']):not([id^='fnref:']) {\r\n  &::before {\r\n    content: \" \";\r\n    width: 0;\r\n    height: 0;\r\n\r\n    display: block;\r\n    padding-top: 50px;\r\n    margin-top: -50px;\r\n  }\r\n}\r\n\r\n/* Ensure top-level menu items and their backgrounds are plain white */\r\n.top-bar {\r\n  background-color: #ffffff !important; /* nav bar background */\r\n  border-bottom: 1px solid rgba(15,23,42,0.06);\r\n}\r\n\r\n/* Make each top-level menu item sit on white (Home, About, Use Cases, Publications, Contact) */\r\n.top-bar .left li > a,\r\n.top-bar .right li > a,\r\n.top-bar .has-dropdown > a {\r\n  background-color: #ffffff !important; /* keep item background white */\r\n  color: #0f172a !important;\r\n  padding: 0.5rem 0.9rem;\r\n  border-radius: 8px;\r\n}\r\n\r\n/* Keep dropdown container and dropdown items white by default */\r\n.top-bar .dropdown,\r\n.top-bar .has-dropdown .dropdown {\r\n  background: #ffffff !important;\r\n  border: 1px solid rgba(15,23,42,0.06) !important;\r\n}\r\n\r\n/* Hover / active state (still uses site accent) */\r\n.top-bar .left li > a:hover,\r\n.top-bar .right li > a:hover,\r\n.top-bar .has-dropdown > a:hover,\r\n.top-bar .dropdown li a:hover,\r\n.top-bar li.active > a {\r\n  background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%) !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n/* Mobile: ensure panel background remains white */\r\n@media (max-width: 720px) {\r\n  .top-bar .top-bar-section { background: #ffffff !important; }\r\n  .top-bar .left li a,\r\n  .top-bar .right li a { display: block; padding: 0.7rem 1rem; background: #ffffff !important; }\r\n}\r\n\r\n/* Final safety: remove any green background utility classes used by Foundation */\r\n.top-bar .dropdown .success,\r\n.top-bar .dropdown .alert,\r\n.top-bar .dropdown .label {\r\n  background: transparent !important;\r\n  color: inherit !important;\r\n}\r\n\r\n/* Small visual polish */\r\n.top-bar .left li a:hover,\r\n.top-bar .right li a:hover { transform: translateY(-1px); }\r\n\r\n/* Remove rounded corners from top-level nav items and dropdowns */\r\n.top-bar .left li > a,\r\n.top-bar .right li > a,\r\n.top-bar .has-dropdown > a,\r\n.top-bar .dropdown li a {\r\n  border-radius: 0 !important;\r\n}\r\n\r\n/* Ensure dropdown container is not rounded */\r\n.top-bar .dropdown,\r\n.top-bar .has-dropdown .dropdown {\r\n  border-radius: 0 !important;\r\n}\r\n\r\n/* Remove rounded corners on hover/active states */\r\n.top-bar .left li > a:hover,\r\n.top-bar .right li > a:hover,\r\n.top-bar .has-dropdown > a:hover,\r\n.top-bar .dropdown li a:hover,\r\n.top-bar li.active > a,\r\n.top-bar li.has-dropdown.active > a {\r\n  border-radius: 0 !important;\r\n}\r\n","@charset \"utf-8\";\r\n/* Syntax highlighting styles\r\n------------------------------------------------------------------- */\r\n\r\n.highlight {\r\n    background: #fff;\r\n    .c     { color: #998; font-style: italic } // Comment\r\n    .err   { color: #a61717; background-color: #e3d2d2 } // Error\r\n    .k     { font-weight: bold } // Keyword\r\n    .o     { font-weight: bold } // Operator\r\n    .cm    { color: #998; font-style: italic } // Comment.Multiline\r\n    .cp    { color: #999; font-weight: bold } // Comment.Preproc\r\n    .c1    { color: #998; font-style: italic } // Comment.Single\r\n    .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special\r\n    .gd    { color: #000; background-color: #fdd } // Generic.Deleted\r\n    .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific\r\n    .ge    { font-style: italic } // Generic.Emph\r\n    .gr    { color: #a00 } // Generic.Error\r\n    .gh    { color: #999 } // Generic.Heading\r\n    .gi    { color: #000; background-color: #dfd } // Generic.Inserted\r\n    .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific\r\n    .go    { color: #888 } // Generic.Output\r\n    .gp    { color: #555 } // Generic.Prompt\r\n    .gs    { font-weight: bold } // Generic.Strong\r\n    .gu    { color: #aaa } // Generic.Subheading\r\n    .gt    { color: #a00 } // Generic.Traceback\r\n    .kc    { font-weight: bold } // Keyword.Constant\r\n    .kd    { font-weight: bold } // Keyword.Declaration\r\n    .kp    { font-weight: bold } // Keyword.Pseudo\r\n    .kr    { font-weight: bold } // Keyword.Reserved\r\n    .kt    { color: #458; font-weight: bold } // Keyword.Type\r\n    .m     { color: #099 } // Literal.Number\r\n    .s     { color: #d14 } // Literal.String\r\n    .na    { color: #008080 } // Name.Attribute\r\n    .nb    { color: #0086B3 } // Name.Builtin\r\n    .nc    { color: #458; font-weight: bold } // Name.Class\r\n    .no    { color: #008080 } // Name.Constant\r\n    .ni    { color: #800080 } // Name.Entity\r\n    .ne    { color: #900; font-weight: bold } // Name.Exception\r\n    .nf    { color: #900; font-weight: bold } // Name.Function\r\n    .nn    { color: #555 } // Name.Namespace\r\n    .nt    { color: #000080 } // Name.Tag\r\n    .nv    { color: #008080 } // Name.Variable\r\n    .ow    { font-weight: bold } // Operator.Word\r\n    .w     { color: #bbb } // Text.Whitespace\r\n    .mf    { color: #099 } // Literal.Number.Float\r\n    .mh    { color: #099 } // Literal.Number.Hex\r\n    .mi    { color: #099 } // Literal.Number.Integer\r\n    .mo    { color: #099 } // Literal.Number.Oct\r\n    .sb    { color: #d14 } // Literal.String.Backtick\r\n    .sc    { color: #d14 } // Literal.String.Char\r\n    .sd    { color: #d14 } // Literal.String.Doc\r\n    .s2    { color: #d14 } // Literal.String.Double\r\n    .se    { color: #d14 } // Literal.String.Escape\r\n    .sh    { color: #d14 } // Literal.String.Heredoc\r\n    .si    { color: #d14 } // Literal.String.Interpol\r\n    .sx    { color: #d14 } // Literal.String.Other\r\n    .sr    { color: #009926 } // Literal.String.Regex\r\n    .s1    { color: #d14 } // Literal.String.Single\r\n    .ss    { color: #990073 } // Literal.String.Symbol\r\n    .bp    { color: #999 } // Name.Builtin.Pseudo\r\n    .vc    { color: #008080 } // Name.Variable.Class\r\n    .vg    { color: #008080 } // Name.Variable.Global\r\n    .vi    { color: #008080 } // Name.Variable.Instance\r\n    .il    { color: #099 } // Literal.Number.Integer.Long\r\n}\r\n","@charset \"utf-8\";\n\n@import \"functions.scss\";\n@import \"01_settings_colors.scss\";\n@import \"02_settings_typography.scss\";\n@import \"03_settings_mixins_media_queries.scss\";\n@import \"04_settings_global.scss\";\n@import \"05_normalize.scss\"; // normalize.css v3.0.2\n\n@import \"foundation-components/top-bar\";\n@import \"foundation-components/accordion\";\n@import \"foundation-components/alert-boxes\";\n@import \"foundation-components/breadcrumbs\";\n@import \"foundation-components/block-grid\";\n@import \"foundation-components/button-groups\";\n@import \"foundation-components/buttons\";\n@import \"foundation-components/clearing\";\n@import \"foundation-components/dropdown\";\n@import \"foundation-components/dropdown-buttons\";\n@import \"foundation-components/flex-video\";\n@import \"foundation-components/forms\";\n@import \"foundation-components/grid\";\n@import \"foundation-components/inline-lists\";\n@import \"foundation-components/keystrokes\";\n@import \"foundation-components/panels\";\n@import \"foundation-components/reveal\";\n@import \"foundation-components/side-nav\";\n@import \"foundation-components/sub-nav\";\n@import \"foundation-components/tables\";\n@import \"foundation-components/thumbs\";\n@import \"foundation-components/top-bar\";\n@import \"foundation-components/type\";\n@import \"foundation-components/visibility\";\n\n@import \"06_typography.scss\";\n@import \"07_layout.scss\";\n@import \"foundation-components/grid\";\n@import \"09_elements.scss\";\n\n\n\n@import \"11_syntax-highlighting.scss\";\n\n\n/* Bootstrap blog theme */\n\n/*\n * Globals\n */\n\n/*\n * Override Bootstrap's default container.\n */\n\n@media (min-width: 1200px) {\n  .container {\n    width: 970px;\n  }\n}\n\n\n/*\n * Centered image\n */\n\n.centered-image {\n  margin: 0 auto;\n  display: block;\n}\n\n\n/*\n * Masthead for nav\n */\n\n.blog-masthead {\n  background-color: #428bca;\n  -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);\n          box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);\n}\n\n/* Nav links */\n.blog-nav-item {\n  position: relative;\n  display: inline-block;\n  padding: 10px;\n  font-weight: 500;\n  color: #fff;\n}\n.blog-nav-item:hover,\n.blog-nav-item:focus {\n  color: #fff;\n  text-decoration: none;\n}\n\n/* Active state gets a caret at the bottom */\n.blog-nav .active {\n  color: #fff;\n}\n.blog-nav .active:after {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  width: 0;\n  height: 0;\n  margin-left: -5px;\n  vertical-align: middle;\n  content: \" \";\n  border-right: 5px solid transparent;\n  border-bottom: 5px solid;\n  border-left: 5px solid transparent;\n}\n\n\n/*\n * Blog name and description\n */\n\n.blog-header {\n  padding-top: 20px;\n  padding-bottom: 20px;\n}\n.blog-title {\n  margin-top: 30px;\n  margin-bottom: 0;\n  font-size: 50px;\n  font-weight: normal;\n}\n.blog-description {\n  font-size: 20px;\n  color: #999;\n}\n\n\n/*\n * Main column and sidebar layout\n */\n\n.blog-main {\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n/* Sidebar modules for boxing content */\n.sidebar-module {\n  padding: 15px;\n  margin: 0 -15px 15px;\n}\n.sidebar-module-inset {\n  padding: 15px;\n  background-color: #f5f5f5;\n  border-radius: 4px;\n}\n.sidebar-module-inset p:last-child,\n.sidebar-module-inset ul:last-child,\n.sidebar-module-inset ol:last-child {\n  margin-bottom: 0;\n}\n\n\n/* Pagination */\n.pager {\n  margin-bottom: 60px;\n  text-align: left;\n}\n.pager > li > a {\n  width: 140px;\n  padding: 10px 20px;\n  text-align: center;\n  border-radius: 30px;\n}\n\n\n/*\n * Blog posts\n */\n\n.blog-post {\n  margin-bottom: 30px;\n  padding: 10px 20px; /* I don't understand why this is needed... */\n}\n.blog-post-title {\n  margin-bottom: 5px;\n  font-size: 24px;\n}\n.blog-post-meta {\n  margin-bottom: 20px;\n  color: #999;\n}\n\n\n/*\n * Footer\n */\n\n.blog-footer {\n  padding: 40px 0;\n  color: #999;\n  text-align: center;\n  background-color: #f9f9f9;\n  border-top: 1px solid #e5e5e5;\n}\n.blog-footer p:last-child {\n  margin-bottom: 0;\n}\n\n.navbar-nav {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n\n.navbar {\n  font-weight: 500;\n  background-color: #555555;\n  min-height: 40px;\n  font-size: 14px;\n}\n\n.navbar-brand {\n height: 40px;\n padding: 9.5px 15px;\n font-size: 15px;\n}\n\n.navbar-default .navbar-nav > li > a:focus,\n.navbar-default .navbar-nav > li > a:hover,\n.navbar-default .navbar-brand:hover{\n  color: #f39c12;\n}\n\n.navbar-nav>li>a {\n\t\tpadding-top: 9.5px;\n\t\tpadding-bottom: 9.5px\n}\n\na {\n  color: #cc5555;\n}\n\na:hover {\n  color: #f39c12;\n}\n\nbody {\n  color: #333333;\n  font-size: 16.5px;\n}\n\n.btn-primary {\n  background-color: #555555;\n  border-color: #555555;\n}\n\n.announcement {\n    background-color: #f39c12;\n    border-color: #f39c12;\n    color: #ffffff;\n    padding: 15px;\n    margin-bottom: 21px;\n    border: 1px solid transparent;\n    border-radius: 4px;\n    margin-left: -15px;\n    margin-right: -15px;\n}\n\n.lead {\n  font-size: 20px;\n}\n.event-announce > a:hover {\n\tcolor: #333333;\n}\n\n\n.alert {\n  padding: 8px;\n}\n\n.list-simple {\n  padding-left: 15px;\n}\n\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > a:focus {\n    background-color: #555555;\n}\n\n[role=\"button\"] {\n    font-size: 17px;\n}\n\n.alignleft {\n  float: left;\n}\n.alignright {\n  float: right;\n}\n\n/* COLORFUL BIG LINK */\n\n.big-link-container {\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n}\n\n.big-link-container a {\n  text-decoration: none;\n  color: inherit;\n  width: 100%;\n  min-height: 100pt;\n  padding: 15pt;\n  border-radius: 10px 20px;\n  background-color: #f9f2f4;\n}\n\n.big-link-container a:first-line {\n  font-weight: bold;\n  color: #cc5555;\n}\n\n/* TRAINING GROUP */\n\n/* LIST OF MODULES */\n\n.training-module {\n  width: 100%;\n  min-height: 100pt;\n  display: grid;\n  padding: 5pt;\n  border-radius: 10px 20px;\n}\n\n.tm-stable {\n  background-color: #f1f9f1;\n}\n\n.tm-alpha {\n  background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, #f9f2f4 20px, #f9f2f4 40px);\n}\n.tm-beta {\n  background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, #f9f9f1 10px, #f9f9f1 40px);\n}\n\n.training-module-name {\n  text-align: center;\n  font-weight: bold;\n  padding-bottom: 10pt;\n  font-size: 17px;\n}\n\n\n.training-module-status {\n  padding-top: 10pt;\n  text-align: center;\n}\n\n.training-module-webpage {\n  text-align: center;\n  display: block;\n  align-self: end;\n  padding-top: 10pt;\n}\n\n.training-module-repository {\n  padding-top: 10pt;\n  vertical-align: bottom;\n  text-align: center;\n  display: block;\n  align-self: end;\n}\n\n\n.training-module-videos {\n  text-align: center;\n  display: block;\n  align-self: end;\n}\n\n.training-module-container {\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n}\n\n.training table {\n    padding: 0;\n    width: 100%;\n  }\n.training table tr {\n    border: 1px solid #cccccc;\n    background-color: white;\n    margin: 0;\n    padding: 0;\n  }\n.training table tr:nth-child(2n) {\n  background-color: #f8f8f8;\n}\n.training table tr th {\n  font-weight: bold;\n  border: 1px solid #cccccc;\n  text-align: left;\n  margin: 0;\n  padding: 6px 13px;\n}\n.training table tr td {\n  border: 1px solid #cccccc;\n  text-align: left;\n  margin: 0;\n  padding: 6px 13px;\n}\n.training table tr th :first-child, .training table tr td :first-child {\n  margin-top: 0;\n}\n.training table tr th :last-child, .training table tr td :last-child {\n  margin-bottom: 0;\n}\n"],"file":"styles_feeling_responsive.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../_sass/_02_settings_typography.scss","../../_sass/_03_settings_mixins_media_queries.scss","../../_sass/_01_settings_colors.scss","../../_sass/_05_normalize.scss","../../_sass/foundation-components/_grid.scss","../../_sass/foundation-components/_global.scss","../../_sass/foundation-components/_buttons.scss","../../_sass/_04_settings_global.scss","../../_sass/foundation-components/_forms.scss","../../_sass/foundation-components/_top-bar.scss","../../_sass/foundation-components/_accordion.scss","../../_sass/foundation-components/_alert-boxes.scss","../../_sass/foundation-components/_breadcrumbs.scss","../../_sass/foundation-components/_block-grid.scss","../../_sass/foundation-components/_button-groups.scss","../../_sass/foundation-components/_clearing.scss","../../_sass/foundation-components/_dropdown.scss","../../_sass/foundation-components/_dropdown-buttons.scss","../../_sass/foundation-components/_flex-video.scss","../../_sass/foundation-components/_inline-lists.scss","../../_sass/foundation-components/_keystrokes.scss","../../_sass/foundation-components/_panels.scss","../../_sass/foundation-components/_reveal.scss","../../_sass/foundation-components/_side-nav.scss","../../_sass/foundation-components/_sub-nav.scss","../../_sass/foundation-components/_tables.scss","../../_sass/foundation-components/_thumbs.scss","../../_sass/foundation-components/_type.scss","../../_sass/foundation-components/_visibility.scss","../../_sass/_06_typography.scss","../../_sass/_07_layout.scss","../../_sass/_09_elements.scss","../../_sass/_11_syntax-highlighting.scss","styles_feeling_responsive.scss"],"names":[],"mappings":"CAuDA,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,QAQpB,wBAPoB,OAQpB,wBAPoB,QCuPlB,wBACE,sBAGF,yBACE,4BACA,UAGF,8BACE,kDACA,UAGF,0BACE,qDACA,eAGF,+BACE,0EACA,eAGF,yBACE,qDACA,eAGF,8BACE,0EACA,eAGF,0BACE,qDACA,eAGF,+BACE,2EACA,eAGF,2BACE,sDACA,gBAGF,yCACE,kBAMA,sBAGA,mBAtRF,mBAyRwB,WAxRrB,gBAwRqB,WAvRhB,WAuRgB,WAGtB,UACO,UD3VM,KC8Vb,KACE,WC7Va,QD8Vb,MChWa,QDiWb,UACA,SACA,YD7VmB,mDC8VnB,YDzVa,OC0Vb,WDzVY,OC0VZ,YDnWa,ICoWb,kBACA,OA7Fc,KAgGlB,eA7FqB,QAgGnB,+BAEA,mCAIE,0GAES,0BAKX,4BACA,8BApOF,2DACA,2BAuOE,MACE,wBACA,kBAIF,6BAMA,kFAGA,IACE,qBACA,sBAQF,qCAGA,kBE7aJ,4DAQA,KACE,uBACA,0BACA,8BAOF,KACE,SAaF,2FAaE,cAQF,4BAIE,qBACA,wBAQF,sBACE,aACA,SAQF,kBAEE,aAUF,EACE,+BAOF,iBAEE,UAUF,YACE,yBAOF,SAEE,iBAOF,IACE,kBAQF,GACE,cACA,eAOF,KACE,gBACA,WAOF,MACE,cAOF,QAEE,cACA,cACA,kBACA,wBAGF,IACE,WAGF,IACE,eAUF,IACE,SAOF,eACE,gBAUF,OACE,gBAOF,GACE,4BACA,uBACA,SAOF,IACE,cAOF,kBAIE,gCACA,cAkBF,sCAKE,cACA,aACA,SAOF,OACE,iBAUF,cAEE,oBAWF,oEAIE,0BACA,eAOF,sCAEE,eAOF,iDAEE,SACA,UAQF,MACE,mBAWF,uCAEE,sBACA,UASF,4FAEE,YASF,mBACE,6BACA,4BACA,+BACA,uBASF,+FAEE,wBAOF,SACE,wBACA,aACA,2BAQF,OACE,SACA,UAOF,SACE,cAQF,SACE,iBAUF,MACE,yBACA,iBAGF,MAEE,UCnME,KAjKA,WACA,iBACA,kBACA,aACA,gBACA,UA/DQ,QC+JV,iDACA,sBD+DO,6CA5HL,eACA,gBA8HI,gDAGF,UAnMF,WACA,uBACA,wBACA,aACA,gBACA,eCwHF,2DACA,2BDsEM,mBAnLJ,WACA,SACA,eC0GF,6EACA,oCD0EE,iBAhIA,sBACA,uBAKA,WAWuC,MC2IzB,KDzBd,iDC0BmB,MDzBnB,0CCwBc,KDtBd,mBA9FA,cApDA,kBAyBU,mBA8BV,cAvDA,kBA0BU,mBA0BV,cApDA,kBAyBU,8BA8BV,cAvDA,kBA0BU,8BA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,oBA8BV,cAvDA,kBA0BU,oBA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,oBA8BV,cAvDA,kBA0BU,oBA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,oBA8BV,cAvDA,kBA0BU,oBA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BAkCZ,iBA5DE,kBAYA,sBACA,uBAgBuC,MC2IzB,KDvGd,SA/CA,oBA+CA,SA/CA,qBA+CA,SA/CA,UA+CA,SA/CA,qBA+CA,SA/CA,qBA+CA,SA/CA,UA+CA,SA/CA,qBA+CA,SA/CA,qBA+CA,SA/CA,UA+CA,UA/CA,qBA+CA,UA/CA,qBA+CA,UA/CA,WAmDA,gBA3BY,0BA2BZ,gBA3BY,qCA2BZ,gBA3BY,sCA2BZ,gBA3BY,2BA2BZ,gBA3BY,sCA2BZ,gBA3BY,sCA2BZ,gBA3BY,2BA2BZ,gBA3BY,sCA2BZ,gBA3BY,sCA2BZ,gBA3BY,2BA2BZ,iBA3BY,sCA2BZ,iBA3BY,sCA8Bd,mBACE,cACA,eACA,UACA,WACA,MC2Fc,KDxFhB,+CA5CE,iBACA,kBACA,WA6CF,mDAEE,cACA,eACA,MCiFc,KD7EhB,qEAEE,WAIF,yEAEE,MCqEc,KDlEhB,qEAEE,MCiEmB,MD5DpB,yDAxGC,eACA,gBA0GD,sDAGA,6DAvGC,sBACA,uBAgBuC,MC2IzB,MDlBd,4CAlGA,eApDA,kBAyBU,mBA8BV,eAvDA,kBA0BU,mBA0BV,eApDA,kBAyBU,8BA8BV,eAvDA,kBA0BU,8BA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,oBA8BV,eAvDA,kBA0BU,oBA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,oBA8BV,eAvDA,kBA0BU,oBA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,oBA8BV,eAvDA,kBA0BU,oBA0BV,gBApDA,kBAyBU,+BA8BV,gBAvDA,kBA0BU,+BA0BV,gBApDA,kBAyBU,+BA8BV,gBAvDA,kBA0BU,+BAkCZ,iBA5DE,kBAYA,sBACA,uBAgBuC,MC2IzB,KDvGd,UA/CA,oBA+CA,UA/CA,qBA+CA,UA/CA,UA+CA,UA/CA,qBA+CA,UA/CA,qBA+CA,UA/CA,UA+CA,UA/CA,qBA+CA,UA/CA,qBA+CA,UA/CA,UA+CA,WA/CA,qBA+CA,WA/CA,qBA+CA,WA/CA,WAmDA,iBA3BY,0BA2BZ,iBA3BY,qCA2BZ,iBA3BY,sCA2BZ,iBA3BY,2BA2BZ,iBA3BY,sCA2BZ,iBA3BY,sCA2BZ,iBA3BY,2BA2BZ,iBA3BY,sCA2BZ,iBA3BY,sCA2BZ,iBA3BY,2BA2BZ,kBA3BY,sCA2BZ,kBA3BY,sCA8Bd,oBACE,cACA,eACA,UACA,WACA,MC2Fc,KDxFhB,iDA5CE,iBACA,kBACA,WA6CF,qDAEE,cACA,eACA,MCiFc,KD7EhB,uEAEE,WAIF,2EAEE,MCqEc,KDlEhB,uEAEE,MCiEmB,MD5DpB,2DAxGC,eACA,gBA0GD,uDAGA,+DAvGC,sBACA,uBAgBuC,MC2IzB,KDdV,QA1JJ,kBAyBU,mBAoIN,QA7JJ,kBA0BU,mBAgIN,QA1JJ,kBAyBU,8BAoIN,QA7JJ,kBA0BU,8BAgIN,QA1JJ,kBAyBU,+BAoIN,QA7JJ,kBA0BU,+BAgIN,QA1JJ,kBAyBU,oBAoIN,QA7JJ,kBA0BU,oBAgIN,QA1JJ,kBAyBU,+BAoIN,QA7JJ,kBA0BU,+BAgIN,QA1JJ,kBAyBU,+BAoIN,QA7JJ,kBA0BU,+BAgIN,QA1JJ,kBAyBU,oBAoIN,QA7JJ,kBA0BU,oBAgIN,QA1JJ,kBAyBU,+BAoIN,QA7JJ,kBA0BU,+BAgIN,QA1JJ,kBAyBU,+BAoIN,QA7JJ,kBA0BU,+BAgIN,QA1JJ,kBAyBU,oBAoIN,QA7JJ,kBA0BU,oBAgIN,SA1JJ,kBAyBU,+BAoIN,SA7JJ,kBA0BU,+BAgIN,SA1JJ,kBAyBU,+BAoIN,SA7JJ,kBA0BU,gCAwIV,4CA9GA,cApDA,kBAyBU,mBA8BV,cAvDA,kBA0BU,mBA0BV,cApDA,kBAyBU,8BA8BV,cAvDA,kBA0BU,8BA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,oBA8BV,cAvDA,kBA0BU,oBA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,oBA8BV,cAvDA,kBA0BU,oBA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,+BA8BV,cAvDA,kBA0BU,+BA0BV,cApDA,kBAyBU,oBA8BV,cAvDA,kBA0BU,oBA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BA0BV,eApDA,kBAyBU,+BA8BV,eAvDA,kBA0BU,+BAkCZ,iBA5DE,kBAYA,sBACA,uBAgBuC,MC2IzB,KDvGd,SA/CA,oBA+CA,SA/CA,qBA+CA,SA/CA,UA+CA,SA/CA,qBA+CA,SA/CA,qBA+CA,SA/CA,UA+CA,SA/CA,qBA+CA,SA/CA,qBA+CA,SA/CA,UA+CA,UA/CA,qBA+CA,UA/CA,qBA+CA,UA/CA,WAmDA,gBA3BY,0BA2BZ,gBA3BY,qCA2BZ,gBA3BY,sCA2BZ,gBA3BY,2BA2BZ,gBA3BY,sCA2BZ,gBA3BY,sCA2BZ,gBA3BY,2BA2BZ,gBA3BY,sCA2BZ,gBA3BY,sCA2BZ,gBA3BY,2BA2BZ,iBA3BY,sCA2BZ,iBA3BY,sCA8Bd,mBACE,cACA,eACA,UACA,WACA,MC2Fc,KDxFhB,+CA5CE,iBACA,kBACA,WA6CF,mDAEE,cACA,eACA,MCiFc,KD7EhB,qEAEE,WAIF,yEAEE,MCqEc,KDlEhB,qEAEE,MCiEmB,MD5DpB,yDAxGC,eACA,gBA0GD,sDAGA,6DAvGC,sBACA,uBAgBuC,MC2IzB,KDHV,QArKJ,kBAyBU,mBA+IN,QAxKJ,kBA0BU,mBA2IN,QArKJ,kBAyBU,8BA+IN,QAxKJ,kBA0BU,8BA2IN,QArKJ,kBAyBU,+BA+IN,QAxKJ,kBA0BU,+BA2IN,QArKJ,kBAyBU,oBA+IN,QAxKJ,kBA0BU,oBA2IN,QArKJ,kBAyBU,+BA+IN,QAxKJ,kBA0BU,+BA2IN,QArKJ,kBAyBU,+BA+IN,QAxKJ,kBA0BU,+BA2IN,QArKJ,kBAyBU,oBA+IN,QAxKJ,kBA0BU,oBA2IN,QArKJ,kBAyBU,+BA+IN,QAxKJ,kBA0BU,+BA2IN,QArKJ,kBAyBU,+BA+IN,QAxKJ,kBA0BU,+BA2IN,QArKJ,kBAyBU,oBA+IN,QAxKJ,kBA0BU,oBA2IN,SArKJ,kBAyBU,+BA+IN,SAxKJ,kBA0BU,+BA2IN,SArKJ,kBAyBU,+BA+IN,SAxKJ,kBA0BU,gCEmFV,eAhJA,aAlCkB,MAmClB,aApCkB,EAqClB,OLuNmB,QKtNnB,YNlDqB,mDMmDrB,YNpCiB,OMqCjB,mBACA,mBACA,kBACA,qBACA,WAlDgB,OAmDhB,wBACA,gBAEa,QAlEA,aAiFb,YArFS,KAsFT,mBACA,yBACA,kBAGmC,UA9ErB,KAmId,iBJlIG,QImIH,aARiB,QAajB,WD1FF,2CCsFE,sDACU,iBAdG,QAmBb,sDAEE,WAsDA,mCAhEF,iBJ7HG,QI8HH,aAtHwB,QA2HxB,WAJA,8FACU,iBAxHc,QA6HxB,8FAEE,WAuDA,+BAjEF,iBJ7HG,QI8HH,aApHsB,QAyHtB,WAJA,sFACU,iBAtHY,QA2HtB,sFAEE,WAwDA,2BAlEF,iBJ9HG,QI+HH,aAlHoB,QAuHpB,WAJA,8EACU,iBApHU,QAyHpB,8EAEE,WAyDA,+BAnEF,iBJ/HG,QIgIH,aAhHsB,QAqHtB,WAJA,sFACU,iBAlHY,QAuHtB,sFAEE,WA0DA,yBApEF,iBJlIG,QImIH,aA9GmB,QAmHnB,WAJA,0EACU,iBAhHS,QAqHnB,0EAEE,WA4DA,2BAjIF,YApFS,SAqFT,sBACA,yBACA,qBAMmC,UAhFrB,QAyMZ,2BAlIF,YAtFS,QAuFT,sBACA,wBACA,qBAKmC,UAjFrB,SA4MZ,yBAnIF,YAvFS,QAwFT,sBACA,wBACA,qBAImC,UAjFrB,SA8MZ,6BA9GF,gBACA,eACA,WA8GE,wEACA,6EAEA,6BD1MF,cEqHY,IDsFV,2BD3MF,cAyPa,OC5CX,oEAjFF,iBJlIG,QImIH,aAxHc,QA6Hd,WAUA,OLiHmB,QKhHnB,QAtHsB,GAuHtB,gBAhBA,wLACU,iBA1HI,QA+Hd,wLAEE,WASF,wLACU,iBJtJP,QIoNC,4GAlFJ,iBJ7HG,QI8HH,aAtHwB,QA2HxB,WAUA,OLiHmB,QKhHnB,QAtHsB,GAuHtB,gBAhBA,wQACU,iBAxHc,QA6HxB,wQAEE,WASF,wQACU,iBJjJP,QIgNC,oGAnFJ,iBJ7HG,QI8HH,aApHsB,QAyHtB,WAUA,OLiHmB,QKhHnB,QAtHsB,GAuHtB,gBAhBA,wPACU,iBAtHY,QA2HtB,wPAEE,WASF,wPACU,iBJjJP,QIiNC,4FApFJ,iBJ9HG,QI+HH,aAlHoB,QAuHpB,WAUA,OLiHmB,QKhHnB,QAtHsB,GAuHtB,gBAhBA,wOACU,iBApHU,QAyHpB,wOAEE,WASF,wOACU,iBJlJP,QImNC,oGArFJ,iBJ/HG,QIgIH,aAhHsB,QAqHtB,WAUA,OLiHmB,QKhHnB,QAtHsB,GAuHtB,gBAhBA,wPACU,iBAlHY,QAuHtB,wPAEE,WASF,wPACU,iBJnJP,QIqNC,wFAtFJ,iBJlIG,QImIH,aA9GmB,QAmHnB,WAUA,OLiHmB,QKhHnB,QAtHsB,GAuHtB,gBAhBA,gOACU,iBAhHS,QAqHnB,gOAEE,WASF,gOACU,iBJtJP,QI6NH,4CAEA,4CACE,eAxKW,QAyKmC,cE6HhD,qBApSF,gCAEE,+CACW,gBAGX,iCAEE,iEACW,UACX,8BHpDF,mCGqD8C,EHpD9C,gCGoD8C,EHnD9C,2BGmD8C,EHlD9C,wBGkD8C,EAKhD,oGAGmB,mBAuRjB,MA9NA,UAjJmB,QAkJnB,MA/IoB,QAgJpB,OApJiB,QAqJjB,cACA,YR/HiB,OQgIjB,YApJqB,IAqJrB,cAlJuB,EA2WrB,YApNF,sBACA,iBAoNE,aAjNF,kBACA,mBAkNE,YACE,eAhXqB,WAiXrB,cAKJ,iBAnNF,cACA,kBACA,UACA,kBACA,WACA,cACA,iBACA,aAzIyB,MA0IzB,aA3IyB,IA4IzB,SA1IsB,OA2ItB,UAjLqB,QAkLrB,iBACA,sBA2ME,gBAjJA,eACA,gBACA,cACA,iBACA,kBACA,YA6IA,eAlLA,eACA,gBACA,cACA,iBACA,kBACA,YA+KA,sBHhXA,cGgXwC,EHtWxC,kCE2GY,IF1GZ,+BE0GY,IFzGZ,0BEyGY,IFxGZ,uBEwGY,IC4PZ,uBHjXA,cGiXyC,EHvWzC,mCE2GY,IF1GZ,gCE0GY,IFzGZ,2BEyGY,IFxGZ,wBEwGY,IC6PZ,qBHlXA,cGkXuC,EHxWvC,kCA+Oa,OA9Ob,+BA8Oa,OA7Ob,0BA6Oa,OA5Ob,uBA4Oa,OG0Hb,sBHnXA,cGmXwC,EHzWxC,mCA+Oa,OA9Ob,gCA8Oa,OA7Ob,2BA6Oa,OA5Ob,wBA4Oa,OG6Hb,yBAvMA,WA9Jc,QA+Jd,kBAG2C,MHyB9B,KGpBb,aAtKwB,KAqWxB,2BAxKA,WA9Lc,QA+Ld,iBAG4C,MHP/B,KGYb,aAtMwB,KAwWxB,8QACE,wBACA,gBA9SJ,iBH8Ge,KG7Gf,YA1FkB,QA4FhB,aArFiB,MAsFjB,aArFiB,IAsFjB,aAzFiB,KA2FnB,WApFiB,+BAqFjB,MAhGiB,gBAiGjB,cACA,UAjGgB,QAkGhB,kBACA,cACA,iBACA,WH7CA,mBG8CoB,WH7CjB,gBG6CiB,WH5CZ,WG4CY,WHuDpB,yDAEA,wWACE,wBACA,aG7JuB,KAuGzB,wWACE,WA1GmB,QA2GnB,aAzGuB,KA0GvB,aAGF,qZACE,iBH0Fa,KGzFb,OPmJmB,QO/IrB,m3CAGE,iBHkFa,KGjFb,OP2ImB,QOoIjB,uXHjYF,cEqHY,ICoRN,wIHzYN,cG2Y+B,EHjY/B,mCE2GY,IF1GZ,gCE0GY,IFzGZ,2BEyGY,IFxGZ,wBEwGY,ICuRN,8CH5YN,cG4YgC,EHlYhC,kCE2GY,IF1GZ,+BE0GY,IFzGZ,0BEyGY,IFxGZ,uBEwGY,IC0RN,2IH/YN,cGiZ+B,EHvY/B,kCE2GY,IF1GZ,+BE0GY,IFzGZ,0BEyGY,IFxGZ,uBEwGY,IC6RN,gDHlZN,cGkZiC,EHxYjC,mCE2GY,IF1GZ,gCE0GY,IFzGZ,2BEyGY,IFxGZ,wBEwGY,ICgSN,qIHrZN,cGuZ+B,EH7Y/B,mCA+Oa,OA9Ob,gCA8Oa,OA7Ob,2BA6Oa,OA5Ob,wBA4Oa,OG+JP,6CHxZN,cGwZgC,EH9YhC,kCA+Oa,OA9Ob,+BA8Oa,OA7Ob,0BA6Oa,OA5Ob,uBA4Oa,OGkKP,wIH3ZN,cG6Z+B,EHnZ/B,kCA+Oa,OA9Ob,+BA8Oa,OA7Ob,0BA6Oa,OA5Ob,uBA4Oa,OGqKP,+CH9ZN,cG8ZiC,EHpZjC,mCA+Oa,OA9Ob,gCA8Oa,OA7Ob,2BA6Oa,OA5Ob,wBA4Oa,OG0Kb,mBACE,wBACA,gBAIF,eACE,YAIL,SACC,eAIE,OAlJF,mCACA,gBACA,iBHtGe,QG+Gf,qVAGA,gCAEA,4BAEE,aAvTiB,MAwTjB,aAvTiB,IAwTjB,aA3TiB,KA6TnB,cACA,UAjUgB,QAkUhB,YRnUuB,mDQoUvB,MApUiB,gBAqUjB,mBH3TE,cG4Tc,EAyHZ,iBA/IJ,mBACE,aAsBF,cH7TE,cEqHY,ICyMd,aACE,iBAnRoB,QAoRpB,aArUuB,KAwUzB,gBACE,iBHjIa,KGkIb,OPxEmB,QO4LnB,+DAIE,kBAGF,mDAEE,qBACA,kBACA,aAzdS,KA0dT,gBACA,wBAIF,iBACE,WAaF,SAhPF,sBACA,QAjOiB,QAkOjB,OAjOgB,WAoOhB,gBACE,YRxOe,KQyOf,WHnDa,KGoDb,QAlOa,WAmOb,SACA,uBA6OE,gHA/MJ,cACA,QApP4B,0BAqP5B,WApPwB,KAqPxB,cAxSa,KAySb,UArP8B,OAsP9B,YRhRmB,OQiRnB,WArP+B,OAyP/B,WN5RK,QM6RsC,MH/F5B,KGsSX,8DAGF,uBArNF,cACA,QApP4B,0BAqP5B,WApPwB,KAqPxB,cAxSa,KAySb,UArP8B,OAsP9B,YRhRmB,OQiRnB,WArP+B,OAyP/B,WN5RK,QM6RsC,MH/F5B,KG8SX,2CAGE,gBAGF,qDAEE,cAvgBO,KA0gBT,gCA5O+C,MN3Q9C,QM4fD,mBA1OJ,cACA,QApP4B,0BAqP5B,WApPwB,KAqPxB,cAxSa,KAySb,UArP8B,OAsP9B,YRhRmB,OQiRnB,WArP+B,OAyP/B,WN5RK,QM6RsC,MH/F5B,KGmUT,mBACE,cACA,yBACA,UACA,eAhhBmB,WAihBnB,kBACA,cACA,SACA,eAIJ,0BACE,cAIJ,wCAGE,gBAEF,YA5QiD,MN3Q9C,QO+EH,0BACE,sDACA,MFuyCc,SEnyChB,iBACE,WACA,WPlGa,QOoGb,wCArGiB,EAyGnB,OACE,WACA,OACA,eACA,MACA,WAEA,8BACE,gBACA,YACA,WACA,gBAEA,0CACE,eACA,WACA,WAGF,+CACE,WACA,WF8sCM,SEzsCZ,SACE,gBACA,OFusCU,SEtsCV,YFssCU,SErsCV,kBACA,WPvIa,QOwIb,cAzIiB,EA4IjB,YACE,gBACA,gBAGF,6BAEA,6BACQ,gBAER,eACE,OA3Fc,QA4Fd,mBACA,sBACA,UAlIkB,OAqIpB,iCACE,qBACA,wBACA,gBACA,UAzIkB,OA8IlB,yCATF,iCAUI,kBACA,UAKJ,qBACE,kBACA,SAGF,eACE,OFypCQ,SExpCR,SACA,UFjIS,KEmIT,6GACE,YFopCM,SEnpCN,UFwpCe,UEvpCf,SACA,yHACE,YTxKO,KSyKP,MP5HQ,QO6HR,UACA,cACA,0BAMN,wBACE,kBACA,QACA,MAEA,0BACE,MP3IU,QO4IV,eF4qCmB,UE3qCnB,UAhKmB,SAiKnB,YT3LS,KS4LT,kBACA,cACA,0BACA,OFynCM,SExnCN,YFwnCM,SEpnCR,kCACE,QACA,iBAEA,oCAIE,YACA,iBACA,4CACA,MP7Ia,KO8Ib,kBJxHV,gDACE,WACA,kBACA,cACA,SAkBE,QACA,gBACA,MI/GgB,gBJkHlB,WACE,kDAGF,MIuG6B,KJrG/B,qDACE,WACE,4CI0GA,kBACE,YACA,yBAEA,yCP5PW,QO+PT,yCPlPH,QOmPD,+CAGQ,sEAUV,iBACE,OACA,kBACA,WJ3NJ,+BI8NI,oBACE,UACA,WACA,YACA,cACA,UFrOS,KEsOT,SAGF,4DAEE,WF0mCoB,kBEzmCpB,WACA,WACA,WAGF,uBACE,WPxRD,QOyRC,yBACE,cACA,WACA,MPzOU,QO0OV,sBACA,aAvRY,gBAwRZ,YTzSe,mDS0Sf,UFojCc,SEnjCd,YT5RW,OS6RX,eF0jCmB,UExjCnB,gCACE,UF+iCY,SE9iCZ,cA/RU,gBAgSV,aAhSU,gBHqHlB,iBJlIG,QImIH,aARiB,QAajB,WAJA,4EACU,iBAdG,QAmBb,4EAEE,WGoKI,0CH9KN,iBJ7HG,QI8HH,aARiB,QAajB,WAJA,gGACU,iBAdG,QAmBb,gGAEE,WGqKI,wCH/KN,iBJ7HG,QI8HH,aARiB,QAajB,WAJA,4FACU,iBAdG,QAmBb,4FAEE,WGsKI,sCHhLN,iBJ9HG,QI+HH,aARiB,QAajB,WAJA,wFACU,iBAdG,QAmBb,wFAEE,WGuKI,wCHjLN,iBJ/HG,QIgIH,aARiB,QAajB,WAJA,4FACU,iBAdG,QAmBb,4FAEE,WG0KE,8BACE,UFmiCc,SEliCd,cA3SY,gBA4SZ,aA5SY,gBHqHlB,iBJlIG,QImIH,aARiB,QAajB,WAJA,wEACU,iBAdG,QAmBb,wEAEE,WGgLI,wCH1LN,iBJ7HG,QI8HH,aARiB,QAajB,WAJA,4FACU,iBAdG,QAmBb,4FAEE,WGiLI,sCH3LN,iBJ7HG,QI8HH,aARiB,QAajB,WAJA,wFACU,iBAdG,QAmBb,wFAEE,WGkLI,oCH5LN,iBJ9HG,QI+HH,aARiB,QAajB,WAJA,oFACU,iBAdG,QAmBb,oFAEE,WGmLI,sCH7LN,iBJ/HG,QIgIH,aARiB,QAajB,WAJA,wFACU,iBAdG,QAmBb,wFAEE,WGuLE,8CACE,iBJpHO,KIsHL,WPhUL,QOkUG,MP9QgB,QOkRlB,gCACE,WPvUH,QOwUG,MPnRiB,QOoRjB,sCACE,WP/UL,QOgVK,MPrRqB,QO2R3B,mCA1UgB,gBA6UhB,+BACE,kBAGE,uCJ7RR,WACA,cACA,QACA,SACA,iBAUE,yEACA,wBIkRQ,aArVU,gBAsVV,kBACA,kBACA,QACA,QAIJ,qDACE,+CApSR,cJoHA,2BACA,YACA,WACA,iBACA,UItHA,6BAoSU,WAEF,6CACE,aAMN,2BACE,UACA,kBACA,UACA,MACA,WAzTN,cJ8GA,6BACA,WACA,UACA,gBACA,8BI0MM,8BACE,WACA,YAEA,gCACE,YTxXS,OSyXT,4BACA,4CACE,YT3XO,OS+XX,iFAEE,gBACA,aACA,UAhYY,SAiYZ,qFACE,MPvVM,QOyVN,cACA,iHAGJ,mEACA,oFAGF,iCACE,gCACA,gBACA,eA9X6B,UA+X7B,MP7ZH,QO8ZG,YTnZS,KSoZT,UA/XwB,QAoY9B,4BAIA,6CACE,SACE,WPlbW,QOobX,iBJ9RN,yDACA,0BI+RM,qCAEA,2BJ3LU,KI4LV,+BAEA,gDAGE,kBACA,kBACA,OArYY,QAsYZ,aAGF,6BPpcW,QOucb,0BACE,ULjdI,QKkdJ,cACA,cA3ce,EA8cjB,iBJxZJ,oBI0ZM,kBAEA,oBACE,WACA,uBACA,eAEA,uBACE,MJ1NM,KI2NN,kDAMA,yCACE,iBJxQG,KI0QD,WPpdT,QOsdO,MPlaY,QOsad,kDACE,0BACA,YFk2BE,SEj2BF,WP1eK,QO2eL,wDACE,iBJrRC,KIuRC,WPjeX,QOueK,yDACE,0BACA,YFq1BE,SEp1BF,MPrba,QOsbb,WP3eP,QO4eO,+DACE,WPlfT,QOmfS,MPxbiB,QOgcrB,iCACE,yCACA,uCJ7bZ,WACA,cACA,QACA,SACA,iBAEE,yEACA,uBIwbY,kBACA,cAKN,uDACE,+CArcV,cJ8GA,6BACA,WACA,UACA,gBACA,8BIyVU,wGAtcV,cJoHA,2BACA,YACA,WACA,iBACA,UItHA,6BAwcQ,iDA1cR,cJoHA,2BACA,YACA,WACA,iBACA,UItHA,6BA+cc,iEACE,YACA,YACA,SACA,gBACA,UACA,gBAOV,2BACE,OACA,SACA,yBACA,eAGE,gCACE,MPpee,KOqef,YFsxBE,SErxBF,mBACA,6BACA,WPhjBP,QOojBO,yEACE,MP7ea,KO8eb,WPtjBT,QOyjBO,+EACE,MPjgBU,QOkgBV,iBJ5WC,KI8WC,WPxjBX,QO6jBK,oCACE,mBACA,WJnXG,KIuXL,wCACE,UACA,MAKN,kEAEE,mBACA,gBACA,aF4yBqB,kBE3yBrB,WACA,OF8uBM,SE7uBN,QAGF,2BACE,WPlmBS,QOmmBT,0BACA,OFuuBM,SEluBN,qCACE,UACA,QAEA,6DAIF,oCACE,WACA,OAEA,2DAUF,sCACE,iBJzaK,KI2aH,WPrnBP,QOunBK,MPnkBc,QOukBhB,uCACE,WP5nBL,QO6nBK,MPxkBe,QO8kBf,sDAlkBV,cJoHA,2BACA,YACA,WACA,iBACA,UItHA,6BAokBQ,wDAtkBR,cJoHA,2BACA,YACA,WACA,iBACA,UItHA,8BC2BE,WAEE,gBLyCJ,6DACA,4BKzCI,+CACE,cACA,2BACA,4EAvH+B,QAwH/B,mDACE,WL2FO,QK1FP,MLsGO,KKrGP,QH8LqB,OG7LrB,cACA,YVpHe,mDUqHf,UA5HuB,KA6HvB,0EAhI4B,QAmI9B,iEACE,aACA,QA/HkB,SAgIlB,+EACE,cACA,WRlIO,QS2Ff,WAzDF,aA3BmB,MA4BnB,aA3BmB,IA4BnB,cACA,YXlBmB,OWmBnB,cA5BoB,QA6BpB,kBACA,uCACA,UJmSgB,SFtRhB,mDH9CK,QS+CL,qBAI0B,MN+IX,KM5GX,kBA7BJ,UAjDsB,SAkDtB,QA/CoB,YAgDpB,cACA,kBACA,IAvDgB,IAwDhB,sBACA,MAxDqB,OAyDrB,MNkJe,KMjJf,QAxDoB,GAyDpB,WAtDuB,QAuDvB,gDACU,QA1DgB,GA8EtB,kBNlFF,cEqHY,IIlCV,iBNnFF,cAyPa,OMpKX,mBA7CJ,iBTzCK,QS0CL,qBAI0B,MN+IX,KMtGX,iBA9CJ,iBT1CK,QS2CL,qBAI0B,MN+IX,KMrGX,qBA/CJ,iBTzCK,QS0CL,qBAI0B,MN+IX,KMpGX,mBAhDJ,iBT3CK,QS4CL,qBAI0B,MN+IX,KMnGX,gBAjDJ,iBT9CK,QS+CL,qBAI0B,MN+IX,KMlGX,iCCPF,aA1EF,cACA,QA7Bc,0BA8Bd,gBACA,cACA,gBACA,aA3BmB,MA4BnB,aLwWkB,EKrWlB,yBACA,aVDO,QGlBL,cE0XW,EKnST,eA7DJ,SACA,MPqNgB,KOpNhB,UApCgB,SAqChB,YArCgB,SAsChB,eAlCqB,UAmCrB,MVrCK,QUuCL,8DApCiB,UAsCjB,iBACE,MV1CG,QU8CL,uBACE,OXoNmB,QWnNnB,MPkKa,KOjKb,yBACE,OXiNiB,QWhNjB,MP+JW,KO5Jb,wHACqB,qBAIvB,2BACE,MPgJa,KO/Ib,mCP+Ia,KO7Ib,wIAIE,qBACA,MPwIW,KOvIX,OX8LiB,QW1LrB,sBACE,YACA,MPgIa,KO/Hb,gBACA,kBACA,QAGF,kCACE,YACA,SAkBJ,kDACE,YCzBE,qBAjEA,cACA,UAIE,mBR8HJ,iFACA,sCQ3HE,wBACE,cACA,YACA,MR8NY,KQ5NV,0BAsDF,mBAhDF,uBACE,WAIA,gBAEA,kDACA,oDARF,uBACE,UAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,uBACE,UAIA,gBAEA,kDACA,oDARF,uBACE,UAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,uBACE,YAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,wBACE,UAIA,gBAEA,mDACA,sDARF,wBACE,oBAIA,gBAEA,mDACA,sDARF,wBACE,oBAIA,gBAEA,mDACA,uDA4CA,4CApDF,wBACE,WAIA,gBAEA,mDACA,qDARF,wBACE,UAIA,gBAEA,mDACA,qDARF,wBACE,qBAIA,gBAEA,mDACA,qDARF,wBACE,UAIA,gBAEA,mDACA,qDARF,wBACE,UAIA,gBAEA,mDACA,qDARF,wBACE,qBAIA,gBAEA,mDACA,qDARF,wBACE,qBAIA,gBAEA,mDACA,qDARF,wBACE,YAIA,gBAEA,mDACA,qDARF,wBACE,qBAIA,gBAEA,mDACA,qDARF,yBACE,UAIA,gBAEA,oDACA,uDARF,yBACE,oBAIA,gBAEA,oDACA,uDARF,yBACE,oBAIA,gBAEA,oDACA,wDAgDA,4CAxDF,uBACE,WAIA,gBAEA,kDACA,oDARF,uBACE,UAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,uBACE,UAIA,gBAEA,kDACA,oDARF,uBACE,UAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,uBACE,YAIA,gBAEA,kDACA,oDARF,uBACE,qBAIA,gBAEA,kDACA,oDARF,wBACE,UAIA,gBAEA,mDACA,sDARF,wBACE,oBAIA,gBAEA,mDACA,sDARF,wBACE,oBAIA,gBAEA,mDACA,uDC+EF,cA5HA,gBACA,SACA,OTkJF,mEACA,+BSvBI,iBA3FF,cACA,qBArBF,iDACE,sBACA,kCAIA,yEACE,cA2GE,uBA9FJ,cACA,qBAIA,cACA,SAwFiE,WAlHnE,6DACE,sBACA,kCAIA,qFACE,cAoBF,6DACE,qBACA,kCACA,oBACA,SACA,cAIA,qFACE,aAiFA,iCAlGJ,cACA,qBArBF,iFACE,sBACA,kCAIA,yGACE,cAiHI,yCAFF,iCAlGJ,cACA,qBAIA,cACA,SA1BF,iFACE,sBACA,kCAIA,yGACE,cAoBF,iFACE,qBACA,kCACA,oBACA,SACA,cAIA,yGACE,cAyFF,uBA1GF,cACA,qBArBF,6DACE,sBACA,kCAIA,qFACE,cAiEF,6GT5EA,cS+E8B,EAC9B,6JTtEA,kCE2GY,IF1GZ,+BE0GY,IFzGZ,0BEyGY,IFxGZ,uBEwGY,IO1BZ,yJTjFA,mCE2GY,IF1GZ,gCE0GY,IFzGZ,2BEyGY,IFxGZ,wBEwGY,IOcV,6BA3GF,cACA,qBAIA,cACA,SA1BF,yEACE,sBACA,kCAIA,iGACE,cAoBF,yEACE,qBACA,kCACA,oBACA,SACA,cAIA,iGACE,aAmCJ,qIT5EA,cS+E8B,EAC9B,qLTjEA,wBEsGY,IFrGZ,yBEqGY,IFpGZ,uBEoGY,IFnGZ,wBEmGY,IO1BZ,iLT5EA,2BEsGY,IFrGZ,4BEqGY,IFpGZ,0BEoGY,IFnGZ,2BEmGY,IOgBR,4CADF,uCA5GF,cACA,qBArBF,6FACE,sBACA,kCAIA,qHACE,cAiEF,6KT5EA,cS+E8B,EAC9B,6NTtEA,kCE2GY,IF1GZ,+BE0GY,IFzGZ,0BEyGY,IFxGZ,uBEwGY,IO1BZ,yNTjFA,mCE2GY,IF1GZ,gCE0GY,IFzGZ,2BEyGY,IFxGZ,wBEwGY,KOmBR,yCAJF,uCA5GF,cACA,qBAIA,cACA,SA1BF,6FACE,sBACA,kCAIA,qHACE,cAoBF,6FACE,qBACA,kCACA,oBACA,SACA,cAIA,qHACE,aAmCJ,6KT5EA,cS+E8B,EAC9B,6NTjEA,wBEsGY,IFrGZ,yBEqGY,IFpGZ,uBEoGY,IFnGZ,wBEmGY,IO1BZ,yNT5EA,2BEsGY,IFrGZ,4BEqGY,IFpGZ,0BEoGY,IFnGZ,2BEmGY,KOwBV,sBArHF,cACA,qBArBF,2DACE,sBACA,kCAIA,mFACE,cAiEF,yGT5EA,cS+E8B,EAC9B,yJTtEA,kCA+Oa,OA9Ob,+BA8Oa,OA7Ob,0BA6Oa,OA5Ob,uBA4Oa,OS9Jb,qJTjFA,mCA+Oa,OA9Ob,gCA8Oa,OA7Ob,2BA6Oa,OA5Ob,wBA4Oa,OS3GX,4BAtHF,cACA,qBAIA,cACA,SA1BF,uEACE,sBACA,kCAIA,+FACE,cAoBF,uEACE,qBACA,kCACA,oBACA,SACA,cAIA,+FACE,aAmCJ,iIT5EA,cS+E8B,EAC9B,iLTjEA,wBCnCS,KDoCT,yBCpCS,KDqCT,uBCrCS,KDsCT,wBCtCS,KQ+GT,6KT5EA,2BCnCS,KDoCT,4BCpCS,KDqCT,0BCrCS,KDsCT,2BCtCS,KQoKL,4CADF,sCAvHF,cACA,qBArBF,2FACE,sBACA,kCAIA,mHACE,cAiEF,yKT5EA,cS+E8B,EAC9B,yNTtEA,kCA+Oa,OA9Ob,+BA8Oa,OA7Ob,0BA6Oa,OA5Ob,uBA4Oa,OS9Jb,qNTjFA,mCA+Oa,OA9Ob,gCA8Oa,OA7Ob,2BA6Oa,OA5Ob,wBA4Oa,QStGT,yCAJF,sCAvHF,cACA,qBAIA,cACA,SA1BF,2FACE,sBACA,kCAIA,mHACE,cAoBF,2FACE,qBACA,kCACA,oBACA,SACA,cAIA,mHACE,aAmCJ,yKT5EA,cS+E8B,EAC9B,yNTjEA,wBCnCS,KDoCT,yBCpCS,KDqCT,uBCrCS,KDsCT,wBCtCS,KQ+GT,qNT5EA,2BCnCS,KDoCT,4BCpCS,KDqCT,0BCrCS,KDsCT,2BCtCS,MQ6KL,wBAjIJ,cACA,qBAiFA,UAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0EA8CI,wBAjIJ,cACA,qBAiFA,qBAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0EA8CI,wBAjIJ,cACA,qBAiFA,UAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0EA8CI,wBAjIJ,cACA,qBAiFA,UAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0EA8CI,wBAjIJ,cACA,qBAiFA,qBAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0EA8CI,wBAjIJ,cACA,qBAiFA,qBAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0EA8CI,wBAjIJ,cACA,qBAiFA,YAtGF,+DACE,sBACA,kCAIA,uFACE,cAgGF,0ET8BF,+DACA,6BSqBI,0BApKF,WACA,aAjByB,QAkBzB,8CCYA,iCAEE,gBACA,cACA,gBV4HJ,sHACA,wDU3HI,uCACE,MVgOU,KU/NV,kBAGF,+EACE,eAIJ,mBACE,WVkLW,KUjLX,eACA,WACA,YACA,MACA,OACA,YAEA,iDAGF,oBACE,kBACA,YACA,YACA,gBACA,SAGF,sBACE,kBACA,QACA,SACA,MVoJW,KUnJX,eAGF,aACE,WACA,kBAEA,iBACE,kBACA,SACA,QACA,iBACA,gBACA,eAIJ,kBACE,MVgIW,KU/HX,UA5EuB,OA6EvB,gBACA,gBACA,kBACA,SACA,WVkIW,KUjIX,WACA,QAlFqB,eAmFrB,kBACA,OAGF,gBACE,YACA,kBACA,iBACA,UApGgB,KAqGhB,cACA,MV6GW,KU5GX,aAEA,4CACU,MVyGC,KUtGb,oDACE,kEAIF,qBACE,aACA,2CACE,cAKJ,4CACE,wCAEE,kBACA,YACA,WACA,MACA,kDACE,kBACA,QACA,cACA,QACA,SACA,kBACA,yEAGJ,oBACE,OACA,yBACE,SACA,2BACA,mBVmEO,KUhEX,oBACE,QACA,yBACE,2BACA,kBV4DO,KUxDX,0DAC+B,WAI7B,kDACE,WAtKa,kBAuKb,OArJiB,MAsJjB,gBACA,kBAEA,qDACE,qBACA,YACA,YACA,kBACA,WAEA,wDACE,cACA,MAjKkB,MAkKlB,mBACA,MV8EI,KU7EJ,gBACA,eACA,UACA,kBACA,OduFS,QctFT,WACA,WAGE,uEACE,YACA,eAIJ,6DACE,YACA,gBACA,cAGF,4DACA,0BACA,sBAGA,0EACA,yEAKN,qDACE,WVQO,KUPP,gBACA,OAzMmB,IA6MvB,gBACE,kBACA,SACA,WACA,eACA,eCjBJ,YA9JF,kBACA,aACA,WA1BsB,KA2BtB,cACA,aAME,WACA,WA/DoB,KAgEpB,OAjEgB,KAkEhB,WX+Ia,KW9Ib,sBACA,UArCmB,QAsCnB,WAcA,WA/EoB,IA+KL,UApLI,MA4DrB,uCACA,yCAyBE,mBXLF,WACA,cACA,QACA,SACA,iBAME,4DACA,0BWJE,kBACA,UACA,KA/D4B,KAgE5B,WAEF,kBXZF,WACA,cACA,QACA,SACA,iBAME,4DACA,0BWGE,kBACA,UACA,SACA,WAGF,yBACE,UACA,MA5E4B,KA8E9B,wBACE,UACA,UA4GA,uBAjKJ,kBACA,aACA,WA1BsB,KA2BtB,cACA,aAME,WACA,WA/DoB,KAgEpB,OAjEgB,KAkEhB,WX+Ia,KW9Ib,sBACA,UArCmB,QAsCnB,WA0CA,aACA,YA5GoB,IA+KL,UApLI,MA4DrB,kDACA,oDAsDE,8BXlCF,WACA,cACA,QACA,SACA,iBAcE,4DACA,yBWiBE,kBACA,IA3F4B,KA4F5B,WACA,WAEF,6BXzCF,WACA,cACA,QACA,SACA,iBAcE,4DACA,yBWwBE,kBACA,QACA,WACA,WA4FA,sBArKJ,kBACA,aACA,WA1BsB,KA2BtB,cACA,aAME,WACA,WA/DoB,KAgEpB,OAjEgB,KAkEhB,WX+Ia,KW9Ib,sBACA,UArCmB,QAsCnB,WA+DA,aACA,iBA8Ce,UApLI,MA4DrB,iDACA,mDA2EE,6BXvDF,WACA,cACA,QACA,SACA,iBAUE,4DACA,wBW0CE,kBACA,IAhH4B,KAiH5B,YACA,UACA,WAEF,4BX/DF,WACA,cACA,QACA,SACA,iBAUE,4DACA,wBWkDE,kBACA,QACA,YACA,UACA,WAyEA,qBAzKJ,kBACA,aACA,WA1BsB,KA2BtB,cACA,aAME,WACA,WA/DoB,KAgEpB,OAjEgB,KAkEhB,WX+Ia,KW9Ib,sBACA,UArCmB,QAsCnB,WAsFA,gBACA,cAuBe,UApLI,MA4DrB,gDACA,kDAkGE,4BX9EF,WACA,cACA,QACA,SACA,iBAEE,4DACA,uBWyEE,kBACA,SACA,aACA,KAzI4B,KA0I5B,WACA,WAEF,2BXvFF,WACA,cACA,QACA,SACA,iBAEE,4DACA,uBWkFE,kBACA,SACA,aACA,SACA,WACA,WAqDA,eAtCJ,UA9JqB,QA+JrB,OfqFqB,QenFrB,YA/JuB,SAgKvB,SAEA,0CACU,WXmBK,KWjBf,sBXjLE,cEqHY,IS8Dd,iBACE,cACA,QA1KsB,MA2KtB,MXoBa,KWOX,oBAjLJ,kBACA,aACA,WA1BsB,KA2BtB,cACA,aAeE,QAlCyB,QAmCzB,WACA,OA1EgB,KA2EhB,WA1EoB,KA2EpB,WXqIa,KWpIb,sBACA,UA/CmB,QAgDnB,WAoGe,UApLI,MA4DrB,+CACA,iDA6KI,iCACA,kCACA,mCACA,kCACA,iBACE,sBACA,0BAEA,sBACE,kBCrIN,iCAhEA,kBACA,aAqCA,cA/D0B,UA6B1B,+CACE,kBACA,WACA,QACA,SACA,cACA,mBACA,4DACA,QA2BF,+CACE,aAhEyB,QAiEzB,MAhE6B,WAiE7B,WAhEwB,YAgF1B,2GAOE,2CA/CF,cAvD0B,SAwD1B,uDACE,aA/DW,QAgEX,MAxD6B,SAyD7B,WAxDwB,UA4F1B,qHAQE,6CAtCF,cA3D0B,UA4D1B,2DACE,aAxEW,SAyEX,MA5D6B,UA6D7B,WA5DwB,YAsF1B,uHASE,6CAnBF,cAnE0B,SAoE1B,2DACE,aApEyB,SAqEzB,MApE6B,WAqE7B,WApEwB,YA0E1B,uHAUE,6HC9EF,YAxBF,kBACA,YAbuB,UAcvB,eAb0B,MAc1B,SACA,cAdyB,KAezB,gBAEA,sCAdqC,OAerC,gCAEA,0EAIE,kBACA,MACA,OACA,WACA,YCUA,aAlBF,6BACA,YApBiC,UAqBjC,aAvB4B,EAwB5B,QAnBoB,EAoBpB,gBACA,SAlBqB,OAoBrB,gBACE,gBACA,MduOc,KctOd,YA5BoC,SA6BpC,QArBkB,MAsBlB,0BAnB2B,MC2B3B,eAjBF,iBAfa,QAgBb,kBAG0B,MfsMX,KenMf,aArBuB,MAsBvB,aArBuB,IAsBvB,SACA,YAnCe,uCAoCf,UAnCoB,QAoCpB,QA9BkB,iBfehB,cEqHY,IcxEZ,OApCA,aA9BiB,MA+BjB,aA9BgB,IA+BhB,qBACA,cAzBkB,QA0BlB,QAzBY,QA2BZ,WnBGK,QmBFsB,MhB4Ld,KgBxLb,iCACA,mCAKI,+FhBkLS,KgB3KX,4DACE,oCACA,wIAYF,eAtCF,aA9BiB,MA+BjB,aA9BgB,IA+BhB,qBACA,cAzBkB,QA0BlB,QAzBY,QA2BZ,WAiCmB,QAhCQ,MhB4Ld,KgBxLb,yCACA,2CAKI,uKhBkLS,KgB3KX,4GACE,oCACA,wLAcA,8BACE,MnBxDH,QmB0DG,wEAEE,MA1DqB,QA+D3B,chB3DF,cEqHY,IecZ,iBAjHF,kBACA,MACA,SACA,OACA,QACA,WjBuLe,KiBtLf,WA3CkB,gBA4ClB,aACA,aACA,OA0GE,qBAhGA,kBACA,aACA,kBACA,aACA,YACA,MACA,cf0EY,IezEZ,OAgDQ,iBjBgGK,KiB/FS,QAxGH,QA0GP,sBAIZ,WA7GgB,wBAuGM,QAkDiB,SAjGvC,yCAuFA,qBAtFE,kBAIF,wFAGA,4DAEA,6DAIA,4CAyEA,qBAxEE,MA1EiB,IA2EjB,UlBpFM,QkBqFN,OACA,QACA,eA0CF,4CA0BA,qBAzBE,IA1HgB,SA+JhB,mCjBjJF,cEqHY,Ie6BV,iCjBlJF,cAyPa,OiBtGX,uCAtDoB,QAsD8B,EAvFpD,4CAwFE,+BAvFA,MAuF4C,IAtF5C,UlBpFM,QkBqFN,OACA,QACA,eALF,4CAyFE,iCAxFA,MAwF4C,IAvF5C,UlBpFM,QkBqFN,OACA,QACA,eALF,4CA0FE,mCAzFA,MAyF8C,IAxF9C,UlBpFM,QkBqFN,OACA,QACA,eALF,4CA2FE,iCA1FA,MA0F4C,IAzF5C,UlBpFM,QkBqFN,OACA,QACA,eALF,4CA4FE,mCA3FA,MA2F6C,IA1F7C,UlBpFM,QkBqFN,OACA,QACA,eAwFA,+BAEE,MACA,OACA,YACA,aACA,iBACA,0BACA,yBArGJ,4CA6FE,+BA5FA,MA6FoC,MA5FpC,UlBpFM,QkBqFN,OACA,QACA,eAmGA,6DA/CJ,UA5HuB,OA6HvB,cACA,kBACA,IA9HiB,QA+HjB,MA9HkB,SA+HlB,MjB2Ee,KiB1Ef,YtBrHiB,KsBsHjB,OrBkIqB,QqBvFnB,OAEE,aAEA,kCAzJJ,kBACA,MACA,SACA,OACA,QACA,WjBuLe,KiBtLf,WA3CkB,gBA4ClB,aACA,aACA,OAoJI,aACE,cAKJ,aACE,qBACE,aACA,4BCzGJ,UAnDF,cACA,SACA,QhB6iCiB,QgB5iCjB,gBAjDmB,KAkDnB,oBAjDuB,QAkDvB,YvB3CuB,mDuB6CvB,aACE,OhB4iCmB,QgB3iCnB,UhBijCiB,KgBhjCjB,YvBjCiB,OuBmCjB,4BACE,cACA,MrBhDC,QqBiDD,OApDiB,EAqDjB,QApDkB,iBAqDlB,oEAEE,WAzDiB,iBA0DjB,MhBqiCoB,QgBjiCxB,+CACE,MhB+hCuB,QgB9hCvB,YvBjDe,OuBkDf,YvBjEmB,mDuBoErB,qBACE,qBACA,SACA,UACA,gBACA,iBrB7CG,QqBgDL,qBACE,MrBzEC,QqB2EC,UhBihCa,KgBhhCb,YApEuB,KAsEzB,eArE4B,UCmF9B,SA5DF,cACA,WACA,gBACA,OA7CoB,oBA8CpB,YA7CyB,OA+CzB,YACE,yBAGF,oCAGE,MnByMc,KmBxMd,eACA,iBACA,gBACA,YxBrDqB,mDwBsDrB,YxBvCiB,OwBwCjB,UAxDgB,QAyDhB,MnBwJa,KmBtJb,0CACE,gBAzDoB,KA0DpB,MnBoJW,KmBnJX,QA1DY,cA2DZ,4DACE,MA1DmB,QA8DvB,+DnBzDA,cmBNoB,IAiElB,YxBtDe,OwBuDf,WtBlEC,QsBmED,QApEY,cAqEZ,OAzDkB,QA0DlB,MnB6HW,KmB5HX,iFACE,WA/DkB,QC8FtB,MAnEF,WpB+Je,KoB9Jf,cAToB,QAUpB,sBACA,aAba,KAeb,cACE,WA5Be,cA6Bf,MpByKa,KoBvKX,UA7BoB,KA8BpB,YA7BsB,KAiC1B,YACE,WvBzBK,QuB4BH,oCAEE,QApDa,sBAqDb,UAxDe,QAyDf,YzB7CW,KyB8CX,MpByJS,KoBpJf,YACE,WvBvCK,QuB0CH,oCAEE,QAlEa,sBAmEb,UAtEe,QAuEf,YzB3DW,KyB4DX,MpB2IS,KoBrIb,wBAEE,QA7Dc,iBA8Dd,UA7DgB,QA8DhB,MpBiIW,KoBhIX,WpBmKY,KoBhKd,sDAEsB,WvBhEjB,QuBmEP,sGAKQ,QAtEM,WAsEmB,YA1Ef,SCQhB,IAjBF,cACA,qBACA,sBACA,eACA,WAxBiB,yBrBqDjB,8BqB3BA,oBAEE,WA3BqB,8BAwCnB,WrB5BF,cEqHY,IoBGd,sCACA,wCACA,0CACA,4CAGE,yCACE,iDACA,mDACA,qDACA,wDAJF,mBACE,4CACA,8CACA,gDACA,mDAJF,gEACE,kDACA,oDACA,sDACA,yDAJF,4CACE,6CACA,+CACA,iDACA,oDAJF,gEACE,iDACA,mDACA,qDACA,wDAJF,4CACE,4CACA,8CACA,gDACA,mDAJF,iEACE,kDACA,oDACA,sDACA,yDAJF,4CACE,6CACA,+CACA,iDACA,oDAJF,uEACE,mDACA,qDACA,uDACA,0DAJF,6CACE,8CACA,gDACA,kDACA,qDA4BF,oEAmBE,SACA,UAIF,EACE,MzB7LC,QyB8LD,gBAvJmB,KAwJnB,oBAEA,gBAEE,MAzJkB,QA+JpB,kBAIF,EACE,YA5LkB,QA6LlB,Y3BpMe,O2BqMf,UA5LgB,KA6LhB,YA5LkB,IA6LlB,cA5LoB,QA6LpB,eAzLqB,mBA2LrB,OAlEJ,qBACA,gBAmEI,QACE,UAjMoB,QAkMpB,YAjMsB,KAkMtB,WAjMqB,OAsMzB,kBACE,Y3BnOc,8B2BoOd,Y3BtNe,O2BuNf,W3BvNe,O2BwNf,MtBhBW,KsBiBX,eAhPkB,mBAiPlB,WAnPc,MAoPd,cAnPiB,MAoPjB,YAtPe,IAwPf,sDACE,UA5NU,IA6NV,MA5NW,QA6NX,cAIJ,sBACA,uBACA,sBACA,sBACA,sBACA,kBAEA,WA/FF,YAjJsB,IAkJtB,MAjJqB,QAkJrB,Y3B/ImB,O2BgJnB,WAjJqB,MAkJrB,cAjJwB,MA8OtB,GACE,qBACA,qBACA,WACA,2BACA,SAIF,KAEE,kBACA,oBAGF,SAEE,Y3B9Pa,K2B+Pb,oBAGF,MACE,UAjQY,IAkQZ,oBAGF,KACE,Y3BtRkB,kC2BuRlB,Y3B1Qe,O2B2Qf,MtBpEW,KsBqEX,iBzBrLkB,QyBsLlB,aAvPa,IAwPb,aAvPc,MAwPd,aAvPc,QAwPd,QAvPS,0BA2PX,SAGE,UA9QgB,KA+QhB,YA9QkB,IA+QlB,cA9QoB,QA+QpB,oBA9OgB,QA+OhB,YApRkB,QAuRpB,GACE,YpB7Ca,OoB8Cb,aACE,YAlPqB,EAoPnB,sCAEE,YArPS,QAsPT,gBACA,gBASJ,kBAEE,YAlQW,QAmQX,gBAMF,iEAGF,6CpB1Ea,OoB2Eb,6CpB3Ea,OoB4Eb,yCpB5Ea,OoB6Eb,6BAIF,GACE,YAtRqB,OAwRnB,kBAEE,YAxRW,QAyRX,gBAOJ,MACE,cA/R+B,MAgS/B,Y3BjVW,K2BmVb,oBAjS0B,OAqS5B,aAEE,yBACA,cACA,MzBjXa,QyBkXb,O1BnGc,K0BqGhB,KACE,oBACA,YACE,cApSY,gBAyShB,WACE,mBACA,QAlTe,6BAmTf,YAlTc,eAoTd,gBACE,cACA,UArToB,SAsTpB,MArTqB,KAsTrB,uBACE,aAGF,4CAEE,MA5TmB,KAgUzB,wBAEE,YAlXkB,IAmXlB,MAvUkB,QA2UpB,OACE,qBACA,OAjUe,cAkUf,sBACA,QApUgB,eAsUhB,UACE,SACA,cAEF,WACE,Y3B3YW,K2B4YX,UAlUyB,SAuU3B,6B3BjZa,K2BmZb,aACE,O1B7Je,Q0B8Jf,gBAjU2B,KAkU3B,Y3BtZW,K2BuZX,YACA,QAxUmB,WA6UvB,4CACE,8BAzbe,IA0bf,aApbS,QAqbT,aApbS,UAqbT,aApbS,UAqbT,aApbS,UAqbT,aApbS,SAqbT,aApbS,MA+bT,oCACA,aACE,EACE,oCACA,sBACA,2BACA,4BAGF,YACY,0BACZ,0CAEA,+CAGA,4DAEqB,WAErB,eAEE,sBACA,wBAGF,iCAEA,OACM,wBAEN,8BAEA,kBAEA,QAGE,UACA,SAGF,MACK,uBAEL,uCACA,qCACA,wCACA,4CCrRJ,mBACE,iZACE,2BAEF,iZACE,wBAGA,icvBnCN,2BACA,YACA,WACA,iBACA,UuBkCM,qcvBjDN,6BACA,WACA,UACA,gBACA,8BuBkDM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BA7BN,4CACE,iZACE,2BAEF,iZACE,wBAGA,icvBnCN,2BACA,YACA,WACA,iBACA,UuBkCM,qcvBjDN,6BACA,WACA,UACA,gBACA,8BuBkDM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BA7BN,4CACE,iZACE,2BAEF,iZACE,wBAGA,icvBnCN,2BACA,YACA,WACA,iBACA,UuBkCM,qcvBjDN,6BACA,WACA,UACA,gBACA,8BuBkDM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BA7BN,4CACE,iZACE,2BAEF,iZACE,wBAGA,icvBnCN,2BACA,YACA,WACA,iBACA,UuBkCM,qcvBjDN,6BACA,WACA,UACA,gBACA,8BuBkDM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BA7BN,6CACE,iZACE,2BAEF,iZACE,wBAGA,icvBnCN,2BACA,YACA,WACA,iBACA,UuBkCM,qcvBjDN,6BACA,WACA,UACA,gBACA,8BuBkDM,qfACE,yBAEF,qfACE,sCAEF,qfACE,mCAEF,ybACE,6BAEF,k3BACE,+BAaR,uCACqB,2BACrB,uCACqB,wBAInB,iDACsB,yBAGtB,iDACsB,sCAGtB,iDACsB,mCAGtB,2CACsB,6BAItB,sFACsB,8BAGxB,gDACE,uCACqB,2BACrB,uCACqB,wBAInB,iDACsB,yBAGtB,iDACsB,sCAGtB,iDACsB,mCAGtB,2CACsB,6BAItB,sFACsB,+BAI1B,+CACE,uCACsB,2BACtB,uCACsB,wBAIpB,iDACuB,yBAGvB,iDACuB,sCAGvB,iDACuB,mCAGvB,2CACuB,6BAIvB,sFACuB,+BAK3B,wCACA,2CACA,kDACA,+CAGA,8CACA,qDACA,2DACA,kEACA,wDACA,+DACA,+CACA,sDACA,gDACA,uDACA,gDACA,uDAIA,aACE,8BACA,6BAEA,8CACA,2DACA,wDACA,+CACA,gDACA,iDCzXJ,SAEI,mBAGJ,UACI,c3BqBK,Q2BlBT,QACI,WAGJ,QACI,cAGJ,SACI,WAQJ,EACI,qBACA,kBACA,iBACA,aACA,sBAEA,kBAEJ,cAEI,iBACA,yBAEJ,0BAEI,wBAEJ,iCAGI,SACA,WAEJ,WACI,SACA,WACA,qCAQJ,kBACI,Y7B/DgB,8B6BgEhB,mBACA,UAGJ,GACI,U7B9CgB,Q6B+ChB,aAEJ,GACI,U7BjDgB,Q6BkDhB,qBAEA,eACI,aAER,GACI,U7BvDgB,Q6BwDhB,qBAEJ,GACI,U7B1DgB,O6B2DhB,qBAEJ,GACI,U7B7DgB,Q6B8DhB,iBAQJ,kBtB6BgB,IsB5BZ,uBACkB,iCAClB,yBACkB,kCAClB,2BACkB,iCAEtB,OACI,sBAEJ,qEAEI,SAEJ,6BAEI,M3B9EM,Q2B+EN,Y7BpHqB,mD6BqHrB,mBACA,oBAEJ,iCAEI,iCACA,M3BtFM,Q2BwFV,6CAEI,gCACA,M3B5HG,Q2B8HP,kBACI,mBACA,iBAQJ,GACI,mBAQJ,IACI,cACA,sBACA,YACA,iB3BnDoB,Q2BoDpB,ctB3BY,IsB6BhB,SACI,oCACA,SAGJ,KACI,kBACA,gBAQJ,MACI,iBACA,UAEJ,GACI,cAGJ,WACI,gBACA,cAIA,YAEK,gBAOT,eACI,gBAEJ,GACI,iBACA,iBAIJ,8BACA,sEAOA,WACI,kBACA,kBACA,YACA,wBACA,M3BlLM,Q2BqLN,qC3BtLM,Q2BwLN,kBACI,0BACA,eACA,cACA,kBACA,WACA,SACA,M3B9LE,Q2BgMN,iBACI,cACA,YACA,eACA,cACA,kBACA,YACA,YACA,M3BxME,Q2B0MN,uBACI,aAEJ,4CACI,M3B/ME,Q2BiNV,KACI,gBAGJ,eACI,mBAGJ,KACI,yBAQJ,aACI,eACA,SACA,yBAEJ,QACI,kBAEJ,YACI,kCAEJ,cACI,kCAIJ,mBACI,YACI,mBAGR,6CACI,YACI,qBASR,kB7BvSyB,mD6BwSzB,mB7BvSoB,8B6BySpB,wB7BlRoB,Q6BmRpB,wB7BlRoB,Q6BmRpB,wB7BlRoB,Q6BmRpB,wB7BlRoB,O6BmRpB,wB7BlRoB,Q6BmRpB,uB7BrTiB,K6B4TjB,kBACI,WACA,kBACA,WACA,WACA,iBACA,gCAEJ,WACI,gBAEJ,cACI,U7BrSgB,K6BuSpB,aACI,kBACA,gBAUJ,WACE,uBACA,iCACA,wNAMF,+BACA,4BAGA,2CAEA,0rCAwDE,qBACF,uBACA,kBACA,mBACA,oBACA,cACA,wBACA,kCACA,oBACA,kCACA,mCACA,2BAGA,iCACA,iCACA,kCACA,gCACA,8BACA,+BACA,sCACA,sCACA,uCACA,oCACA,2CACA,2CACA,0CACA,+BACA,8BACA,6BACA,iCACA,8BACA,gCACA,6BACA,kCACA,iCACA,gCACA,+BACA,oCACA,+BACA,wCACA,8BACA,mCACA,mCACA,8BACA,kCACA,8BACA,iCACA,6BACA,iCACA,qCACA,mCACA,mCACA,gCACA,6BACA,oCACA,8BACA,uCACA,qCACA,mCACA,8BACA,gCACA,iCACA,yCACA,+BACA,+BACA,iCACA,8BACA,iCC1dA,gDACuC,gBACvC,wDACA,mNAYE,WAEF,gBACE,WAQF,YACI,8CACA,sCAEA,uEACI,mBASR,mBACE,aASF,UACI,iB5BhDG,Q4BiDH,gBAIJ,0BACI,+BACA,oBACA,wBACA,gBACA,UACA,SACA,wBAGJ,oBACI,kBACA,mBACA,Y9BrEgB,8B8BsEhB,WACA,yBACA,qCACA,gBAMJ,yCACI,UACI,aAEJ,UACI,gBACA,aAEJ,uBACI,eACA,gBAEJ,gCACI,eACA,gBAEJ,oBACI,aACA,eACA,mBACA,gBAEJ,0BACI,wBACA,qBAQR,gEACI,UACI,gBAEJ,UACI,aAEJ,uBACI,eAEJ,gCACI,eAEJ,oBACI,eACA,cAQR,gEACI,UACI,gBAEJ,UACI,aAEJ,uBACI,eAEJ,gCACI,eAEJ,oBACI,aACA,gBAQR,4CACI,UACI,iBAEJ,UACI,aAEJ,uBACI,eAEJ,gCACI,eAEJ,oBACI,eACA,cAKR,mBACI,aAEJ,mBACI,aAEJ,yBACI,aAEJ,yBACI,aAQJ,YACI,mBACA,6BACA,gCAEJ,sBACE,iBAOF,wBACI,M5BlLK,Q4BqLT,mBACI,W5BtLK,Q4BuLL,SAEJ,mBACI,WAEJ,yBACI,W5BzNG,Q4B2NP,aACE,mBACA,cAEA,aACE,0BACA,cAEF,mBACE,qBACA,M5BhOG,Q4BwOP,WACI,uBAEJ,aACI,eACA,YACA,kBAEJ,mBACI,W5B7NK,Q4BqOT,qCAEI,mBACA,gBAGJ,QACI,iBACA,oBACA,W5BlLQ,Q4BmLR,M5BlLW,Q4BqLX,UACI,M5BrLY,Q4BuLhB,sBAEI,mBACA,WACA,yBAQR,WACI,W5BlMW,Q4BmMX,M5BlMc,sB4BmMd,iBAGJ,+BACI,WAGJ,WACI,M5B1MmB,qB4B2MnB,SACA,yBACA,iBACI,WAIR,cACI,8BAGF,iBACE,mBAEF,gBACE,oBACA,cACA,WACA,kBACA,M5BhOW,Q4BiOX,W5BhOc,sB4BiOd,kBACA,sBACE,W5BpOS,Q4BqOT,WAUN,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCACA,gCAEA,mCACA,mCACA,mCACA,mCAEA,iCACA,kCAEA,mCACA,kCACA,oCACA,oCCpWA,iCAGI,gBACA,iBAEJ,QACI,cACA,WxB3BW,KwBmCf,eACE,0BACA,gBACA,cxB+Gc,IwBvGhB,2CACA,0DACA,gEAOA,WACE,Y/BlCuB,mD+BmCvB,uCAEA,aACE,gBAEF,aACE,6BACA,WACA,8BAEF,mBACE,6BAEF,oBACE,W7BVM,Q6BWN,WACA,qBACA,Y/BlDoB,kC+BoDtB,4BACE,aACA,M7B/CG,Q6BgDH,WACA,sBAEF,gBACE,iB7BhCK,Q6BiCL,uCACA,qBACA,M7BzBM,Q6BiCV,kCACE,oC7BpCQ,Q6BqCR,0EAG0B,iB7BlClB,Q6ByCV,4CACA,0CACA,kEACA,+E7B3DS,Q6B6DT,qC7BpDU,Q6B2DV,0CACA,8CACA,gDACA,gDACA,uDACA,uDAOA;AAAA;AAAA;AAAA,wBAIA,SACE,aAEF,aACI,UAEJ,aACI,+BACA,4BACA,2BACA,0BACA,uBACA,UAIF,sDACE,YACA,QACA,SAEA,cACA,iBACA,iBAKJ,SACE,iCACA,2CAIF,kEAGE,iCACA,yBACA,oBACA,kBAIF,oDAEE,2BACA,+CAIF,uIAKE,uEACA,sBAIF,yBACE,qDACA,yCACuB,6DAIzB,gFAGE,oCACA,yBAIF,qDAC6B,2BAG7B,0FAIE,2BAIF,oDAEE,2BAIF,yKAME,2BCxOF,WACI,gBACA,2CACA,uDACA,+BACA,+BACA,4CACA,2CACA,4CACA,6DACA,gDACA,mDACA,iCACA,0BACA,0BACA,gDACA,mDACA,0BACA,0BACA,gCACA,0BACA,0BACA,gCACA,gCACA,gCACA,gCACA,2CACA,yBACA,yBACA,0BACA,6BACA,2CACA,0BACA,4BACA,2CACA,2CACA,0BACA,0BACA,0BACA,gCACA,yBACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,6BACA,0BACA,6BACA,0BACA,0BACA,0BACA,0BACA,0BCVJ,0BACE,WACE,aASJ,gBACE,cACA,cAQF,eACE,yBACA,mDACQ,2CAIV,eACE,kBACA,qBACA,aACA,gBACA,WAEF,0CAEE,WACA,qBAIF,kBACE,WAEF,wBACE,kBACA,SACA,SACA,QACA,SACA,iBACA,sBACA,YACA,qCACA,wBACA,oCAQF,aACE,iBACA,oBAEF,YACE,gBACA,gBACA,eACA,mBAEF,kBACE,eACA,WAQF,WACE,eACA,gBAIF,gBACE,aACA,oBAEF,sBACE,aACA,yBACA,kBAEF,2GAGE,gBAKF,OACE,mBACA,gBAEF,YACE,YACA,kBACA,kBACA,mBAQF,WACE,mBACA,kBAEF,iBACE,kBACA,eAEF,gBACE,mBACA,WAQF,aACE,eACA,WACA,kBACA,yBACA,6BAEF,0BACE,gBAGF,YACE,gBACA,mBAGF,QACE,gBACA,sBACA,gBACA,eAGF,cACC,YACA,mBACA,eAGD,kHAGE,cAGF,iBACE,kBACA,qBAGF,EACE,WAGF,QACE,cAGF,KACE,WACA,iBAGF,aACE,sBACA,kBAGF,cACI,yBACA,qBACA,WACA,aACA,mBACA,+BACA,kBACA,kBACA,mBAGJ,MACE,eAEF,wBACC,WAID,OACE,YAGF,aACE,kBAGF,oDAEI,sBAGJ,cACI,eAGJ,WACE,WAEF,YACE,YAKF,oBACE,WACA,aACA,qCACA,SAGF,sBACE,qBACA,cACA,WACA,iBACA,aACA,wBACA,yBAGF,iCACE,iBACA,WAOF,iBACE,WACA,iBACA,aACA,YACA,wBAGF,WACE,yBAGF,UACE,8GAEF,SACE,8GAGF,sBACE,kBACA,iBACA,oBACA,eAIF,wBACE,iBACA,kBAGF,yBACE,kBACA,cACA,eACA,iBAGF,4BACE,iBACA,sBACA,kBACA,cACA,eAIF,wBACE,kBACA,cACA,eAGF,2BACE,WACA,aACA,qCACA,SAGF,gBACI,UACA,WAEJ,mBACI,sBACA,sBACA,SACA,UAEJ,iCACE,yBAEF,sBACE,iBACA,sBACA,gBACA,SACA,iBAEF,sBACE,sBACA,gBACA,SACA,iBAEF,sEACE,aAEF,oEACE","sourcesContent":["@charset \"utf-8\";\r\n/* TOC – Typography variables\r\n\r\nModular Scale › http://www.modularscale.com//?16,36&px&1.25&web&table\r\n\r\n- Fonts\r\n- Font Weight\r\n- Font Size Variables\r\n\r\n*/\r\n\r\n@import \"functions\"; // Allows the use of rem-calc() or lower-bound() in your settings\r\n\r\n\r\n\r\n/* Fonts\r\n------------------------------------------------------------------- */\r\n\r\n$base-font-size: 16px;\r\n$rem-base: $base-font-size;\r\n// $base-line-height is 24px while $base-font-size is 16px\r\n$base-line-height: 1.5 !default;\r\n\r\n\r\n$font-family-sans-serif: \"Lato\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n$font-family-serif: \"Volkhov\", Georgia, Times, serif;\r\n$font-family-monospace: \"Lucida Console\", Monaco, monospace;\r\n\r\n$body-font-family: $font-family-sans-serif;\r\n$body-font-weight: normal;\r\n$body-font-style: normal;\r\n\r\n$header-font-family: $font-family-serif;\r\n\r\n\r\n\r\n/* Font Weight\r\n------------------------------------------------------------------- */\r\n\r\n$font-weight-normal: normal;\r\n$font-weight-bold: bold;\r\n\r\n\r\n\r\n/* Font Size Variables\r\n------------------------------------------------------------------- */\r\n\r\n$font-size-p:    \t$base-font-size;\r\n$font-size-h1:      2.441em;\r\n$font-size-h2:      1.953em;\r\n$font-size-h3:      1.563em;\r\n$font-size-h4:      1.25em;\r\n$font-size-h5:      1.152em;\r\n$font-size-small:   0.8em;\r\n\r\n.font-size-h1   { font-size: $font-size-h1; }\r\n.font-size-h2   { font-size: $font-size-h2; }\r\n.font-size-h3   { font-size: $font-size-h3; }\r\n.font-size-h4   { font-size: $font-size-h4; }\r\n.font-size-h5   { font-size: $font-size-h5; }\r\n","@charset \"utf-8\";\r\n// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n//\r\n// Foundation Variables\r\n//\r\n\r\n// Data attribute namespace\r\n// styles get applied to [data-mysite-plugin], etc\r\n$namespace: false !default;\r\n\r\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\r\n// for compatibility with browser-based text zoom or user-set defaults.\r\n\r\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\r\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\r\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\r\n$base-font-size: 100% !default;\r\n\r\n\r\n\r\n//\r\n// Global Foundation Mixins\r\n//\r\n\r\n// @mixins\r\n//\r\n// We use this to control border radius.\r\n// $radius - Default: $global-radius || 4px\r\n@mixin radius($radius:$global-radius) {\r\n  @if $radius {\r\n    border-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create equal side border radius on elements.\r\n// $side - Options: left, right, top, bottom\r\n@mixin side-radius($side, $radius:$global-radius) {\r\n  @if ($side == left or $side == right) {\r\n    -webkit-border-bottom-#{$side}-radius: $radius;\r\n    -webkit-border-top-#{$side}-radius: $radius;\r\n    border-bottom-#{$side}-radius: $radius;\r\n    border-top-#{$side}-radius: $radius;\r\n  } @else {\r\n    -webkit-#{$side}-left-radius: $radius;\r\n    -webkit-#{$side}-right-radius: $radius;\r\n    border-#{$side}-left-radius: $radius;\r\n    border-#{$side}-right-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We can control whether or not we have inset shadows edges.\r\n// $active - Default: true, Options: false\r\n@mixin inset-shadow($active:true) {\r\n  box-shadow: $shiny-edge-size $shiny-edge-color inset;\r\n\r\n  @if $active { &:active {\r\n    box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add transitions to elements\r\n// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties\r\n// $speed - Default: 300ms\r\n// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/\r\n@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {\r\n  transition: $property $speed $ease;\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add box-sizing across browser prefixes\r\n@mixin box-sizing($type:border-box) {\r\n  -webkit-box-sizing: $type; // Android < 2.3, iOS < 4\r\n     -moz-box-sizing: $type; // Firefox < 29\r\n          box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create isosceles triangles\r\n// $triangle-size - Used to set border-size. No default, set a px or em size.\r\n// $triangle-color - Used to set border-color which makes up triangle. No default\r\n// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right\r\n@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {\r\n  content: \"\";\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n  border: inset $triangle-size;\r\n  @if ($triangle-direction == top) {\r\n    border-color: $triangle-color transparent transparent transparent;\r\n    border-top-style: solid;\r\n  }\r\n  @if ($triangle-direction == bottom) {\r\n    border-color: transparent transparent $triangle-color transparent;\r\n    border-bottom-style: solid;\r\n  }\r\n  @if ($triangle-direction == left) {\r\n    border-color: transparent transparent transparent $triangle-color;\r\n    border-left-style: solid;\r\n  }\r\n  @if ($triangle-direction == right) {\r\n    border-color: transparent $triangle-color transparent transparent;\r\n    border-right-style: solid;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\r\n// $width - Width of hamburger icon in rem\r\n// $left - If false, icon will be centered horizontally || explicitly set value in rem\r\n// $top - If false, icon will be centered vertically || explicitly set value in rem\r\n// $thickness - thickness of lines in hamburger icon, set value in px\r\n// $gap - spacing between the lines in hamburger icon, set value in px\r\n// $color - icon color\r\n// $hover-color - icon color during hover\r\n// $offcanvas - Set to true of @include in offcanvas\r\n@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {\r\n  span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    display: block;\r\n    height: 0;\r\n\r\n    @if $offcanvas {\r\n      @if $top {\r\n        top: $top;\r\n      }\r\n      @else {\r\n        top: 50%;\r\n        margin-top: (-$width/2);\r\n      }\r\n      @if $left {\r\n        left: $left;\r\n      }\r\n      @else {\r\n        left: ($tabbar-menu-icon-width - $width)/2;\r\n      }\r\n    }\r\n    @else {\r\n      top: 50%;\r\n      margin-top: -($width/2);\r\n      #{$opposite-direction}: $topbar-link-padding;\r\n    }\r\n\r\n    box-shadow:\r\n      0 0 0 $thickness $color,\r\n      0 $gap + $thickness 0 $thickness $color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $color;\r\n    width: $width;\r\n  }\r\n  span:hover:after {\r\n    box-shadow:\r\n      0 0 0 $thickness $hover-color,\r\n      0 $gap + $thickness 0 $thickness $hover-color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;\r\n  }\r\n}\r\n\r\n// We use this to do clear floats\r\n@mixin clearfix {\r\n  &:before, &:after { content: \" \"; display: table; }\r\n  &:after { clear: both; }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add a glowing effect to block elements\r\n// $selector - Used for selector state. Default: focus, Options: hover, active, visited\r\n// $fade-time - Default: 300ms\r\n// $glowing-effect-color - Default: fade-out($primary-color, .25)\r\n@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) {\r\n  transition: box-shadow $fade-time, border-color $fade-time ease-in-out;\r\n\r\n  &:#{$selector} {\r\n    box-shadow: 0 0 5px $glowing-effect-color;\r\n    border-color: $glowing-effect-color;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to translate elements in 2D\r\n// $horizontal: Default: 0\r\n// $vertical: Default: 0\r\n@mixin translate2d($horizontal:0, $vertical:0) {\r\n  transform: translate($horizontal,$vertical)\r\n}\r\n\r\n// @mixins\r\n//\r\n// Makes an element visually hidden, but accessible.\r\n// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\r\n@mixin element-invisible {\r\n  position: absolute !important;\r\n  height: 1px;\r\n  width: 1px;\r\n  overflow: hidden;\r\n  clip: rect(1px, 1px, 1px, 1px);\r\n}\r\n\r\n// @mixins\r\n//\r\n// Turns off the element-invisible effect.\r\n@mixin element-invisible-off {\r\n  position: static !important;\r\n  height: auto;\r\n  width: auto;\r\n  overflow: visible;\r\n  clip: auto;\r\n}\r\n\r\n\r\n// We use these to control text direction settings\r\n$text-direction: ltr !default;\r\n$default-float: left !default;\r\n$opposite-direction: right !default;\r\n@if $text-direction == ltr {\r\n  $default-float: left;\r\n  $opposite-direction: right;\r\n} @else {\r\n  $default-float: right;\r\n  $opposite-direction: left;\r\n}\r\n\r\n// We use these to control inset shadow shiny edges and depressions.\r\n$shiny-edge-size: 0 1px 0 !default;\r\n$shiny-edge-color: rgba(#fff, .5) !default;\r\n$shiny-edge-active-color: rgba(#000, .2) !default;\r\n\r\n// We use this to control whether or not CSS classes come through in the gem files.\r\n$include-html-classes: true !default;\r\n$include-print-styles: true !default;\r\n$include-html-global-classes: $include-html-classes !default;\r\n\r\n$column-gutter: rem-calc(30) !default;\r\n\r\n\r\n\r\n\r\n// d. Media Query Ranges\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n$small-range: (0em, 40em);\r\n$medium-range: (40.063em, 64em);\r\n$large-range: (64.063em, 90em);\r\n$xlarge-range: (90.063em, 120em);\r\n$xxlarge-range: (120.063em, 99999999em);\r\n\r\n\r\n$screen: \"only screen\" !default;\r\n\r\n$landscape: \"#{$screen} and (orientation: landscape)\" !default;\r\n$portrait: \"#{$screen} and (orientation: portrait)\" !default;\r\n\r\n$small-up: $screen !default;\r\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\r\n\r\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\" !default;\r\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\" !default;\r\n\r\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\" !default;\r\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\" !default;\r\n\r\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\r\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\" !default;\r\n\r\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\" !default;\r\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\" !default;\r\n\r\n// Legacy\r\n$small: $medium-up;\r\n$medium: $medium-up;\r\n$large: $large-up;\r\n\r\n//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\r\n$cursor-auto-value: auto !default;\r\n$cursor-crosshair-value: crosshair !default;\r\n$cursor-default-value: default !default;\r\n$cursor-pointer-value: pointer !default;\r\n$cursor-help-value: help !default;\r\n$cursor-text-value: text !default;\r\n\r\n\r\n@include exports(\"global\") {\r\n\r\n  // Meta styles are included in all builds, as they are a dependancy of the Javascript.\r\n  // Used to provide media query values for javascript components.\r\n  // Forward slash placed around everything to convince PhantomJS to read the value.\r\n\r\n  meta.foundation-version {\r\n    font-family: \"/5.5.0/\";\r\n  }\r\n\r\n  meta.foundation-mq-small {\r\n    font-family: \"/\" + unquote($small-up) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-small-only {\r\n    font-family: \"/\" + unquote($small-only) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium {\r\n    font-family: \"/\" + unquote($medium-up) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium-only {\r\n    font-family: \"/\" + unquote($medium-only) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-large {\r\n    font-family: \"/\" + unquote($large-up) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-large-only {\r\n    font-family: \"/\" + unquote($large-only) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge {\r\n    font-family: \"/\" + unquote($xlarge-up) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge-only {\r\n    font-family: \"/\" + unquote($xlarge-only) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xxlarge {\r\n    font-family: \"/\" + unquote($xxlarge-up) + \"/\";\r\n    width: lower-bound($xxlarge-range);\r\n  }\r\n\r\n  meta.foundation-data-attribute-namespace {\r\n    font-family: #{$namespace};\r\n  }\r\n\r\n  @if $include-html-global-classes {\r\n\r\n    // Must be 100% for off canvas to work\r\n    html, body { height: 100%; }\r\n\r\n    // Set box-sizing globally to handle padding and border widths\r\n    *,\r\n    *:before,\r\n    *:after {\r\n      @include box-sizing(border-box);\r\n    }\r\n\r\n    html,\r\n    body { font-size: $base-font-size; }\r\n\r\n    // Default body styles\r\n    body {\r\n      background: $body-bg;\r\n      color: $body-font-color;\r\n      padding: 0;\r\n      margin: 0;\r\n      font-family: $body-font-family;\r\n      font-weight: $body-font-weight;\r\n      font-style: $body-font-style;\r\n      line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%\r\n      position: relative;\r\n      cursor: $cursor-auto-value;\r\n    }\r\n\r\n  a:hover { cursor: $cursor-pointer-value; }\r\n\r\n    // Grid Defaults to get images and embeds to work properly\r\n    img { max-width: 100%; height: auto; }\r\n\r\n    img { -ms-interpolation-mode: bicubic; }\r\n\r\n    #map_canvas,\r\n    .map_canvas {\r\n      img,\r\n      embed,\r\n      object { max-width: none !important;\r\n      }\r\n    }\r\n\r\n    // Miscellaneous useful HTML classes\r\n    .left { float: left !important; }\r\n    .right { float: right !important; }\r\n    .clearfix { @include clearfix; }\r\n\r\n    // Hide visually and from screen readers\r\n    .hide {\r\n      display: none !important;\r\n      visibility: hidden;\r\n    }\r\n\r\n    // Hide visually and from screen readers, but maintain layout\r\n    .invisible { visibility: hidden; }\r\n\r\n    // Font smoothing\r\n    // Antialiased font smoothing works best for light text on a dark background.\r\n    // Apply to single elements instead of globally to body.\r\n    // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.\r\n    .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\r\n\r\n    // Get rid of gap under images by making them display: inline-block; by default\r\n    img {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    //\r\n    // Global resets for forms\r\n    //\r\n\r\n    // Make sure textarea takes on height automatically\r\n    textarea { height: auto; min-height: 50px; }\r\n\r\n    // Make select elements 100% width by default\r\n    select { width: 100%; }\r\n  }\r\n}\r\n","@charset \"utf-8\";\r\n/* TOC – Color Variables\r\n\r\n- Basics\r\n- Corporate Identity Colorpalette\r\n- Foundation Color Variables\r\n- Grey Scale\r\n- Topbar-Navigation\r\n- Footer\r\n- Code\r\n\r\n*/\r\n\r\n\r\n\r\n/* Basics\r\n------------------------------------------------------------------- */\r\n\r\n$text-color:       #1e293b;\r\n$body-font-color:  $text-color;\r\n$body-bg:          #f8fafc;\r\n$nav-bg:           #0a1628; // deep navy\r\n\r\n\r\n/* Corporate Identity Colorpalette\r\n   https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/\r\n------------------------------------------------------------------- */\r\n\r\n$ci-1: #0a1628;\t\t// deep navy\r\n$ci-2: #22d3ee;\t\t// cyan\r\n$ci-3: #EFC94C;\t\t// yellow (keep)\r\n$ci-4: #E27A3F;\t\t// orange (keep)\r\n$ci-5: #DF4949;\t\t// red (keep)\r\n$ci-6: #38bdf8;     // sky blue\r\n$ci-7: #112240;     // navy mid\r\n\r\n\r\n/* Foundation Color Variables\r\n------------------------------------------------------------------- */\r\n\r\n$primary-color: $ci-1;\r\n$secondary-color: $ci-6;\r\n$alert-color: $ci-5;\r\n$success-color: $ci-6;\r\n$warning-color: $ci-4;\r\n$info-color: $ci-1;\r\n\r\n\r\n\r\n/* Grey Scale\r\n------------------------------------------------------------------- */\r\n\r\n$grey-1: #E4E4E4;\r\n$grey-2: #D7D7D7;\r\n$grey-3: #CBCBCB;\r\n$grey-4: #BEBEBE;\r\n$grey-5: #A4A4A4;\r\n$grey-6: #979797;\r\n$grey-7: #8B8B8B;\r\n$grey-8: #7E7E7E;\r\n$grey-9: #646464;\r\n$grey-10: #575757;\r\n$grey-11: #4B4B4B;\r\n$grey-12: #3E3E3E;\r\n$grey-13: #313131;\r\n$grey-14: #242424;\r\n$grey-15: #171717;\r\n$grey-16: #0B0B0B;\r\n\r\n\r\n\r\n/* Topbar-Navigation\r\n------------------------------------------------------------------- */\r\n\r\n$topbar-bg-color: $nav-bg; //$body-bg;\r\n$topbar-bg: $topbar-bg-color;\r\n\r\n\r\n$topbar-dropdown-toggle-color: $ci-1;\r\n/*\r\n$topbar-link-color: #000;\r\n$topbar-link-color-hover: #000;\r\n$topbar-link-color-active: #000;\r\n$topbar-link-color-active-hover: #000;*/\r\n\r\n$topbar-link-color: #FDFEFE;\r\n$topbar-link-color-hover: #FDFEFE;\r\n$topbar-link-color-active: #FDFEFE;\r\n$topbar-link-color-active-hover: #FDFEFE;\r\n\r\n\r\n\r\n$topbar-dropdown-label-color: $ci-2;\r\n$topbar-dropdown-link-bg-hover: $ci-7;\r\n\r\n$topbar-link-bg-active: $ci-7; // Active Navigation Link\r\n$topbar-link-bg-hover: $ci-7;\r\n$topbar-link-bg-active-hover: $ci-2;\r\n\r\n\r\n$topbar-dropdown-bg: $ci-7; // Background Mobile Navigation\r\n$topbar-dropdown-link-color: #000;\r\n$topbar-dropdown-link-bg: $ci-2;\r\n\r\n$topbar-menu-link-color-toggled: $ci-1;\r\n$topbar-menu-icon-color-toggled: $ci-1;\r\n$topbar-menu-link-color: #000;\r\n$topbar-menu-icon-color: #000;\r\n$topbar-menu-link-color-toggled: $ci-7;\r\n$topbar-menu-icon-color-toggled: $ci-7;\r\n\r\n\r\n\r\n$footer-bg: #0a1628;\r\n$footer-color: #f0f9ff;\r\n$footer-link-color: #38bdf8;\r\n\r\n$subfooter-bg: #060e1a;\r\n$subfooter-color: rgba(255,255,255,.45);\r\n$subfooter-link-color: rgba(255,255,255,.3);\r\n\r\n\r\n\r\n/* Code\r\n------------------------------------------------------------------- */\r\n\r\n$code-background-color: scale-color($secondary-color, $lightness: 70%);\r\n\r\n$highlight-background: #ffffff;\r\n$highlight-comment: #999988;\r\n$highlight-error: #a61717;\r\n$highlight-comment-special: #999999;\r\n$highlight-deleted: #000000;\r\n$highlight-error-2: #aa0000;\r\n$highlight-literal-string: #d14;\r\n$highlight-literal-number: #009999;\r\n$highlight-name-attribut: #008080;\r\n$highlight-error-background: #e3d2d2;\r\n$highlight-generic-deleted: #ffdddd;\r\n$highlight-generic-deleted-specific: #ffaaaa;\r\n$highlight-generic-inserted: #ddffdd;\r\n$highlight-generic-inserted-specific: #aaffaa;\r\n$highlight-generic-output: #888888;\r\n$highlight-generic-prompt: #555555;\r\n$highlight-subheading: #aaaaaa;\r\n$highlight-keyword-type: #445588;\r\n$highlight-name-builtin: #0086B3;\r\n$highlight-name-class: #445588;\r\n$highlight-name-entity: #800080;\r\n$highlight-name-exception: #990000;\r\n$highlight-name-function: #990000;\r\n$highlight-name-namespace: #555555;\r\n$highlight-name-tag: #000080;\r\n$highlight-text-whitespace: #bbbbbb;\r\n$highlight-literal-string-regex: #009926;\r\n$highlight-literal-string-symbol: #990073;\r\n","@charset \"utf-8\";\r\n/*! normalize.css v3.0.2 | MIT License | git.io/normalize */\r\n\r\n/**\r\n * 1. Set default font family to sans-serif.\r\n * 2. Prevent iOS text size adjust after orientation change, without disabling\r\n *    user zoom.\r\n */\r\n\r\nhtml {\r\n  font-family: sans-serif; /* 1 */\r\n  -ms-text-size-adjust: 100%; /* 2 */\r\n  -webkit-text-size-adjust: 100%; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove default margin.\r\n */\r\n\r\nbody {\r\n  margin: 0;\r\n}\r\n\r\n/* HTML5 display definitions\r\n   ========================================================================== */\r\n\r\n/**\r\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\r\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\r\n * and Firefox.\r\n * Correct `block` display not defined for `main` in IE 11.\r\n */\r\n\r\narticle,\r\naside,\r\ndetails,\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nhgroup,\r\nmain,\r\nmenu,\r\nnav,\r\nsection,\r\nsummary {\r\n  display: block;\r\n}\r\n\r\n/**\r\n * 1. Correct `inline-block` display not defined in IE 8/9.\r\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\r\n */\r\n\r\naudio,\r\ncanvas,\r\nprogress,\r\nvideo {\r\n  display: inline-block; /* 1 */\r\n  vertical-align: baseline; /* 2 */\r\n}\r\n\r\n/**\r\n * Prevent modern browsers from displaying `audio` without controls.\r\n * Remove excess height in iOS 5 devices.\r\n */\r\n\r\naudio:not([controls]) {\r\n  display: none;\r\n  height: 0;\r\n}\r\n\r\n/**\r\n * Address `[hidden]` styling not present in IE 8/9/10.\r\n * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\r\n */\r\n\r\n[hidden],\r\ntemplate {\r\n  display: none;\r\n}\r\n\r\n/* Links\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove the gray background color from active links in IE 10.\r\n */\r\n\r\na {\r\n  background-color: transparent;\r\n}\r\n\r\n/**\r\n * Improve readability when focused and also mouse hovered in all browsers.\r\n */\r\n\r\na:active,\r\na:hover {\r\n  outline: 0;\r\n}\r\n\r\n/* Text-level semantics\r\n   ========================================================================== */\r\n\r\n/**\r\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\r\n */\r\n\r\nabbr[title] {\r\n  border-bottom: 1px dotted;\r\n}\r\n\r\n/**\r\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\r\n */\r\n\r\nb,\r\nstrong {\r\n  font-weight: bold;\r\n}\r\n\r\n/**\r\n * Address styling not present in Safari and Chrome.\r\n */\r\n\r\ndfn {\r\n  font-style: italic;\r\n}\r\n\r\n/**\r\n * Address variable `h1` font-size and margin within `section` and `article`\r\n * contexts in Firefox 4+, Safari, and Chrome.\r\n */\r\n\r\nh1 {\r\n  font-size: 2em;\r\n  margin: 0.67em 0;\r\n}\r\n\r\n/**\r\n * Address styling not present in IE 8/9.\r\n */\r\n\r\nmark {\r\n  background: #ff0;\r\n  color: #000;\r\n}\r\n\r\n/**\r\n * Address inconsistent and variable font size in all browsers.\r\n */\r\n\r\nsmall {\r\n  font-size: 80%;\r\n}\r\n\r\n/**\r\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\r\n */\r\n\r\nsub,\r\nsup {\r\n  font-size: 75%;\r\n  line-height: 0;\r\n  position: relative;\r\n  vertical-align: baseline;\r\n}\r\n\r\nsup {\r\n  top: -0.5em;\r\n}\r\n\r\nsub {\r\n  bottom: -0.25em;\r\n}\r\n\r\n/* Embedded content\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove border when inside `a` element in IE 8/9/10.\r\n */\r\n\r\nimg {\r\n  border: 0;\r\n}\r\n\r\n/**\r\n * Correct overflow not hidden in IE 9/10/11.\r\n */\r\n\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n\r\n/* Grouping content\r\n   ========================================================================== */\r\n\r\n/**\r\n * Address margin not present in IE 8/9 and Safari.\r\n */\r\n\r\nfigure {\r\n  margin: 1em 40px;\r\n}\r\n\r\n/**\r\n * Address differences between Firefox and other browsers.\r\n */\r\n\r\nhr {\r\n  -moz-box-sizing: content-box;\r\n  box-sizing: content-box;\r\n  height: 0;\r\n}\r\n\r\n/**\r\n * Contain overflow in all browsers.\r\n */\r\n\r\npre {\r\n  overflow: auto;\r\n}\r\n\r\n/**\r\n * Address odd `em`-unit font size rendering in all browsers.\r\n */\r\n\r\ncode,\r\nkbd,\r\npre,\r\nsamp {\r\n  font-family: monospace, monospace;\r\n  font-size: 1em;\r\n}\r\n\r\n/* Forms\r\n   ========================================================================== */\r\n\r\n/**\r\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\r\n * styling of `select`, unless a `border` property is set.\r\n */\r\n\r\n/**\r\n * 1. Correct color not being inherited.\r\n *    Known issue: affects color of disabled elements.\r\n * 2. Correct font properties not being inherited.\r\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\r\n */\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n  color: inherit; /* 1 */\r\n  font: inherit; /* 2 */\r\n  margin: 0; /* 3 */\r\n}\r\n\r\n/**\r\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\r\n */\r\n\r\nbutton {\r\n  overflow: visible;\r\n}\r\n\r\n/**\r\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\r\n * All other form control elements do not inherit `text-transform` values.\r\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\r\n * Correct `select` style inheritance in Firefox.\r\n */\r\n\r\nbutton,\r\nselect {\r\n  text-transform: none;\r\n}\r\n\r\n/**\r\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\r\n *    and `video` controls.\r\n * 2. Correct inability to style clickable `input` types in iOS.\r\n * 3. Improve usability and consistency of cursor style between image-type\r\n *    `input` and others.\r\n */\r\n\r\nbutton,\r\nhtml input[type=\"button\"], /* 1 */\r\ninput[type=\"reset\"],\r\ninput[type=\"submit\"] {\r\n  -webkit-appearance: button; /* 2 */\r\n  cursor: pointer; /* 3 */\r\n}\r\n\r\n/**\r\n * Re-set default cursor for disabled elements.\r\n */\r\n\r\nbutton[disabled],\r\nhtml input[disabled] {\r\n  cursor: default;\r\n}\r\n\r\n/**\r\n * Remove inner padding and border in Firefox 4+.\r\n */\r\n\r\nbutton::-moz-focus-inner,\r\ninput::-moz-focus-inner {\r\n  border: 0;\r\n  padding: 0;\r\n}\r\n\r\n/**\r\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\r\n * the UA stylesheet.\r\n */\r\n\r\ninput {\r\n  line-height: normal;\r\n}\r\n\r\n/**\r\n * It's recommended that you don't attempt to style these elements.\r\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\r\n *\r\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\r\n * 2. Remove excess padding in IE 8/9/10.\r\n */\r\n\r\ninput[type=\"checkbox\"],\r\ninput[type=\"radio\"] {\r\n  box-sizing: border-box; /* 1 */\r\n  padding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\r\n * `font-size` values of the `input`, it causes the cursor style of the\r\n * decrement button to change from `default` to `text`.\r\n */\r\n\r\ninput[type=\"number\"]::-webkit-inner-spin-button,\r\ninput[type=\"number\"]::-webkit-outer-spin-button {\r\n  height: auto;\r\n}\r\n\r\n/**\r\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\r\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome\r\n *    (include `-moz` to future-proof).\r\n */\r\n\r\ninput[type=\"search\"] {\r\n  -webkit-appearance: textfield; /* 1 */\r\n  -moz-box-sizing: content-box;\r\n  -webkit-box-sizing: content-box; /* 2 */\r\n  box-sizing: content-box;\r\n}\r\n\r\n/**\r\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\r\n * Safari (but not Chrome) clips the cancel button when the search input has\r\n * padding (and `textfield` appearance).\r\n */\r\n\r\ninput[type=\"search\"]::-webkit-search-cancel-button,\r\ninput[type=\"search\"]::-webkit-search-decoration {\r\n  -webkit-appearance: none;\r\n}\r\n\r\n/**\r\n * Define consistent border, margin, and padding.\r\n */\r\n\r\nfieldset {\r\n  border: 1px solid #c0c0c0;\r\n  margin: 0 2px;\r\n  padding: 0.35em 0.625em 0.75em;\r\n}\r\n\r\n/**\r\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\r\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\r\n */\r\n\r\nlegend {\r\n  border: 0; /* 1 */\r\n  padding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove default vertical scrollbar in IE 8/9/10/11.\r\n */\r\n\r\ntextarea {\r\n  overflow: auto;\r\n}\r\n\r\n/**\r\n * Don't inherit the `font-weight` (applied by a rule above).\r\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\r\n */\r\n\r\noptgroup {\r\n  font-weight: bold;\r\n}\r\n\r\n/* Tables\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove most spacing between table cells.\r\n */\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: 0;\r\n}","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-grid-classes: $include-html-classes !default;\r\n$include-xl-html-grid-classes: false !default;\r\n\r\n$row-width: rem-calc(1000) !default;\r\n$total-columns: 12 !default;\r\n\r\n$last-child-float: $opposite-direction !default;\r\n\r\n//\r\n// Grid Functions\r\n//\r\n\r\n// Deprecated: We'll drop support for this in 5.1, use grid-calc()\r\n@function gridCalc($colNumber, $totalColumns) {\r\n  @warn \"gridCalc() is deprecated, use grid-calc()\";\r\n  @return grid-calc($colNumber, $totalColumns);\r\n}\r\n\r\n// @FUNCTION\r\n// $colNumber - Found in settings file\r\n// $totalColumns - Found in settings file\r\n@function grid-calc($colNumber, $totalColumns) {\r\n  @return percentage(($colNumber / $totalColumns));\r\n}\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n// For creating container, nested, and collapsed rows.\r\n//\r\n//\r\n// $behavior - Any special behavior for this row? Default: false. Options: nest, collapse, nest-collapse, false.\r\n@mixin grid-row($behavior: false) {\r\n\r\n  // use @include grid-row(nest); to include a nested row\r\n  @if $behavior == nest {\r\n    width: auto;\r\n    margin-#{$default-float}: -($column-gutter/2);\r\n    margin-#{$opposite-direction}: -($column-gutter/2);\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    max-width: none;\r\n  }\r\n\r\n  // use @include grid-row(collapse); to collapsed a container row margins\r\n  @else if $behavior == collapse {\r\n    width: 100%;\r\n    margin: 0;\r\n    max-width: $row-width;\r\n  }\r\n\r\n  // use @include grid-row(nest-collapse); to collapse outer margins on a nested row\r\n  @else if $behavior == nest-collapse {\r\n    width: auto;\r\n    margin: 0;\r\n    max-width: none;\r\n  }\r\n\r\n  // use @include grid-row; to use a container row\r\n  @else {\r\n    width: 100%;\r\n    margin-#{$default-float}: auto;\r\n    margin-#{$opposite-direction}: auto;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    max-width: $row-width;\r\n  }\r\n\r\n  // Clearfix for all rows\r\n  @include clearfix();\r\n}\r\n\r\n// Creates a column, should be used inside of a media query to control layouts\r\n//\r\n// $columns - The number of columns this should be\r\n// $last-column - Is this the last column? Default: false.\r\n// $center - Center these columns? Default: false.\r\n// $offset - # of columns to offset. Default: false.\r\n// $push - # of columns to push. Default: false.\r\n// $pull - # of columns to pull. Default: false.\r\n// $collapse - Get rid of gutter padding on column? Default: false.\r\n// $float - Should this float? Default: true. Options: true, false, left, right.\r\n@mixin grid-column(\r\n  $columns:false,\r\n  $last-column:false,\r\n  $center:false,\r\n  $offset:false,\r\n  $push:false,\r\n  $pull:false,\r\n  $collapse:false,\r\n  $float:true,\r\n  $position:false) {\r\n\r\n  // If positioned for default .column, include relative position\r\n  // push and pull require position set\r\n  @if $position or $push or $pull {\r\n    position: relative;\r\n  }\r\n\r\n  // If collapsed, get rid of gutter padding\r\n  @if $collapse {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  // Gutter padding whenever a column isn't set to collapse\r\n  // (use $collapse:null to do nothing)\r\n  @else if $collapse == false {\r\n    padding-left: ($column-gutter / 2);\r\n    padding-right: ($column-gutter / 2);\r\n  }\r\n\r\n  // If a column number is given, calculate width\r\n  @if $columns {\r\n    width: grid-calc($columns, $total-columns);\r\n\r\n    // If last column, float naturally instead of to the right\r\n    @if $last-column { float: $opposite-direction; }\r\n  }\r\n\r\n  // Source Ordering, adds left/right depending on which you use.\r\n  @if $push { #{$default-float}: grid-calc($push, $total-columns); #{$opposite-direction}: auto; }\r\n  @if $pull { #{$opposite-direction}: grid-calc($pull, $total-columns); #{$default-float}: auto; }\r\n\r\n  @if $float {\r\n    @if $float == left or $float == true { float: $default-float; }\r\n    @else if $float == right { float: $opposite-direction; }\r\n    @else { float: none; }\r\n  }\r\n\r\n  // If centered, get rid of float and add appropriate margins\r\n  @if $center {\r\n    margin-#{$default-float}: auto;\r\n    margin-#{$opposite-direction}: auto;\r\n    float: none;\r\n  }\r\n\r\n  // If offset, calculate appropriate margins\r\n  @if $offset { margin-#{$default-float}: grid-calc($offset, $total-columns) !important; }\r\n\r\n}\r\n\r\n// Create presentational classes for grid\r\n//\r\n// $size - Name of class to use, i.e. \"large\" will generate .large-1, .large-2, etc.\r\n@mixin grid-html-classes($size) {\r\n\r\n  @for $i from 0 through $total-columns - 1 {\r\n    .#{$size}-push-#{$i} {\r\n      @include grid-column($push:$i, $collapse:null, $float:false);\r\n    }\r\n    .#{$size}-pull-#{$i} {\r\n      @include grid-column($pull:$i, $collapse:null, $float:false);\r\n    }\r\n  }\r\n\r\n  .column,\r\n  .columns { @include grid-column($columns:false, $position:true); }\r\n\r\n\r\n  @for $i from 1 through $total-columns {\r\n    .#{$size}-#{$i} { @include grid-column($columns:$i,$collapse:null,$float:false); }\r\n  }\r\n\r\n  @for $i from 0 through $total-columns - 1 {\r\n    .#{$size}-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); }\r\n  }\r\n\r\n  .#{$size}-reset-order {\r\n    margin-#{$default-float}: 0;\r\n    margin-#{$opposite-direction}: 0;\r\n    left: auto;\r\n    right: auto;\r\n    float: $default-float;\r\n  }\r\n\r\n  .column.#{$size}-centered,\r\n  .columns.#{$size}-centered { @include grid-column($center:true, $collapse:null, $float:false); }\r\n\r\n  .column.#{$size}-uncentered,\r\n  .columns.#{$size}-uncentered {\r\n    margin-#{$default-float}: 0;\r\n    margin-#{$opposite-direction}: 0;\r\n    float: $default-float;\r\n  }\r\n\r\n  // Fighting [class*=\"column\"] + [class*=\"column\"]:last-child\r\n  .column.#{$size}-centered:last-child,\r\n  .columns.#{$size}-centered:last-child{\r\n    float: none;\r\n  }\r\n\r\n  // Fighting .column.<previous-size>-centered:last-child\r\n  .column.#{$size}-uncentered:last-child,\r\n  .columns.#{$size}-uncentered:last-child {\r\n    float: $default-float;\r\n  }\r\n\r\n  .column.#{$size}-uncentered.opposite,\r\n  .columns.#{$size}-uncentered.opposite {\r\n    float: $opposite-direction;\r\n  }\r\n\r\n\t.row {\r\n\t\t&.#{$size}-collapse {\r\n\t\t\t> .column,\r\n\t\t\t> .columns { @include grid-column($collapse:true, $float:false); }\r\n\r\n\t\t\t.row {margin-left:0; margin-right:0;}\r\n\t\t}\r\n\t\t&.#{$size}-uncollapse {\r\n\t\t\t> .column,\r\n\t\t\t> .columns {\r\n\t\t\t\t@include grid-column;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include exports(\"grid\") {\r\n  @if $include-html-grid-classes {\r\n    .row {\r\n      @include grid-row;\r\n\r\n      &.collapse {\r\n         > .column,\r\n         > .columns { @include grid-column($collapse:true, $float:false); }\r\n\r\n        .row {margin-left:0; margin-right:0;}\r\n      }\r\n\r\n      .row { @include grid-row($behavior:nest);\r\n        &.collapse { @include grid-row($behavior:nest-collapse); }\r\n      }\r\n    }\r\n\r\n    .column,\r\n    .columns { @include grid-column($columns:$total-columns); }\r\n\r\n    [class*=\"column\"] + [class*=\"column\"]:last-child { float: $last-child-float; }\r\n    [class*=\"column\"] + [class*=\"column\"].end { float: $default-float; }\r\n\r\n    @media #{$small-up} {\r\n      @include grid-html-classes($size:small);\r\n    }\r\n\r\n    @media #{$medium-up} {\r\n      @include grid-html-classes($size:medium);\r\n      // Old push and pull classes\r\n      @for $i from 0 through $total-columns - 1 {\r\n        .push-#{$i} {\r\n          @include grid-column($push:$i, $collapse:null, $float:false);\r\n        }\r\n        .pull-#{$i} {\r\n          @include grid-column($pull:$i, $collapse:null, $float:false);\r\n        }\r\n      }\r\n    }\r\n    @media #{$large-up} {\r\n      @include grid-html-classes($size:large);\r\n      @for $i from 0 through $total-columns - 1 {\r\n        .push-#{$i} {\r\n          @include grid-column($push:$i, $collapse:null, $float:false);\r\n        }\r\n        .pull-#{$i} {\r\n          @include grid-column($pull:$i, $collapse:null, $float:false);\r\n        }\r\n      }\r\n    }\r\n  }\r\n  @if $include-xl-html-grid-classes {\r\n    @media #{$xlarge-up} {\r\n      @include grid-html-classes($size:xlarge);\r\n    }\r\n    @media #{$xxlarge-up} {\r\n      @include grid-html-classes($size:xxlarge);\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"../functions\";\r\n//\r\n// Foundation Variables\r\n//\r\n\r\n// Data attribute namespace\r\n// styles get applied to [data-mysite-plugin], etc\r\n$namespace: false !default;\r\n\r\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\r\n// for compatibility with browser-based text zoom or user-set defaults.\r\n\r\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\r\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\r\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\r\n$base-font-size: 100% !default;\r\n\r\n// $base-line-height is 24px while $base-font-size is 16px\r\n$base-line-height: 1.5 !default;\r\n\r\n//\r\n// Global Foundation Mixins\r\n//\r\n\r\n// @mixins\r\n//\r\n// We use this to control border radius.\r\n// $radius - Default: $global-radius || 4px\r\n@mixin radius($radius:$global-radius) {\r\n  @if $radius {\r\n    border-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create equal side border radius on elements.\r\n// $side - Options: left, right, top, bottom\r\n@mixin side-radius($side, $radius:$global-radius) {\r\n  @if ($side == left or $side == right) {\r\n    -webkit-border-bottom-#{$side}-radius: $radius;\r\n    -webkit-border-top-#{$side}-radius: $radius;\r\n    border-bottom-#{$side}-radius: $radius;\r\n    border-top-#{$side}-radius: $radius;\r\n  } @else {\r\n    -webkit-#{$side}-left-radius: $radius;\r\n    -webkit-#{$side}-right-radius: $radius;\r\n    border-#{$side}-left-radius: $radius;\r\n    border-#{$side}-right-radius: $radius;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We can control whether or not we have inset shadows edges.\r\n// $active - Default: true, Options: false\r\n@mixin inset-shadow($active:true) {\r\n  box-shadow: $shiny-edge-size $shiny-edge-color inset;\r\n\r\n  @if $active { &:active {\r\n    box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add transitions to elements\r\n// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties\r\n// $speed - Default: 300ms\r\n// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/\r\n@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {\r\n  transition: $property $speed $ease;\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add box-sizing across browser prefixes\r\n@mixin box-sizing($type:border-box) {\r\n  -webkit-box-sizing: $type; // Android < 2.3, iOS < 4\r\n     -moz-box-sizing: $type; // Firefox < 29\r\n          box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create isosceles triangles\r\n// $triangle-size - Used to set border-size. No default, set a px or em size.\r\n// $triangle-color - Used to set border-color which makes up triangle. No default\r\n// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right\r\n@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {\r\n  content: \"\";\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n  border: inset $triangle-size;\r\n  @if ($triangle-direction == top) {\r\n    border-color: $triangle-color transparent transparent transparent;\r\n    border-top-style: solid;\r\n  }\r\n  @if ($triangle-direction == bottom) {\r\n    border-color: transparent transparent $triangle-color transparent;\r\n    border-bottom-style: solid;\r\n  }\r\n  @if ($triangle-direction == left) {\r\n    border-color: transparent transparent transparent $triangle-color;\r\n    border-left-style: solid;\r\n  }\r\n  @if ($triangle-direction == right) {\r\n    border-color: transparent $triangle-color transparent transparent;\r\n    border-right-style: solid;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\r\n// $width - Width of hamburger icon in rem\r\n// $left - If false, icon will be centered horizontally || explicitly set value in rem\r\n// $top - If false, icon will be centered vertically || explicitly set value in rem\r\n// $thickness - thickness of lines in hamburger icon, set value in px\r\n// $gap - spacing between the lines in hamburger icon, set value in px\r\n// $color - icon color\r\n// $hover-color - icon color during hover\r\n// $offcanvas - Set to true of @include in offcanvas\r\n@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {\r\n  span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    display: block;\r\n    height: 0;\r\n\r\n    @if $offcanvas {\r\n      @if $top {\r\n        top: $top;\r\n      }\r\n      @else {\r\n        top: 50%;\r\n        margin-top: (-$width/2);\r\n      }\r\n      @if $left {\r\n        left: $left;\r\n      }\r\n      @else {\r\n        left: ($tabbar-menu-icon-width - $width)/2;\r\n      }\r\n    }\r\n    @else {\r\n      top: 50%;\r\n      margin-top: -($width/2);\r\n      #{$opposite-direction}: $topbar-link-padding;\r\n    }\r\n\r\n    box-shadow:\r\n      0 0 0 $thickness $color,\r\n      0 $gap + $thickness 0 $thickness $color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $color;\r\n    width: $width;\r\n  }\r\n  span:hover:after {\r\n    box-shadow:\r\n      0 0 0 $thickness $hover-color,\r\n      0 $gap + $thickness 0 $thickness $hover-color,\r\n      0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;\r\n  }\r\n}\r\n\r\n// We use this to do clear floats\r\n@mixin clearfix {\r\n  &:before, &:after { content: \" \"; display: table; }\r\n  &:after { clear: both; }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to add a glowing effect to block elements\r\n// $selector - Used for selector state. Default: focus, Options: hover, active, visited\r\n// $fade-time - Default: 300ms\r\n// $glowing-effect-color - Default: fade-out($primary-color, .25)\r\n@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) {\r\n  transition: box-shadow $fade-time, border-color $fade-time ease-in-out;\r\n\r\n  &:#{$selector} {\r\n    box-shadow: 0 0 5px $glowing-effect-color;\r\n    border-color: $glowing-effect-color;\r\n  }\r\n}\r\n\r\n// @mixins\r\n//\r\n// We use this to translate elements in 2D\r\n// $horizontal: Default: 0\r\n// $vertical: Default: 0\r\n@mixin translate2d($horizontal:0, $vertical:0) {\r\n  transform: translate($horizontal,$vertical)\r\n}\r\n\r\n// @mixins\r\n//\r\n// Makes an element visually hidden, but accessible.\r\n// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\r\n@mixin element-invisible {\r\n  position: absolute !important;\r\n  height: 1px;\r\n  width: 1px;\r\n  overflow: hidden;\r\n  clip: rect(1px, 1px, 1px, 1px);\r\n}\r\n\r\n// @mixins\r\n//\r\n// Turns off the element-invisible effect.\r\n@mixin element-invisible-off {\r\n  position: static !important;\r\n  height: auto;\r\n  width: auto;\r\n  overflow: visible;\r\n  clip: auto;\r\n}\r\n\r\n$white         : #FFFFFF !default;\r\n$ghost         : #FAFAFA !default;\r\n$snow          : #F9F9F9 !default;\r\n$vapor         : #F6F6F6 !default;\r\n$white-smoke   : #F5F5F5 !default;\r\n$silver        : #EFEFEF !default;\r\n$smoke         : #EEEEEE !default;\r\n$gainsboro     : #DDDDDD !default;\r\n$iron          : #CCCCCC !default;\r\n$base          : #AAAAAA !default;\r\n$aluminum      : #999999 !default;\r\n$jumbo         : #888888 !default;\r\n$monsoon       : #777777 !default;\r\n$steel         : #666666 !default;\r\n$charcoal      : #555555 !default;\r\n$tuatara       : #444444 !default;\r\n$oil           : #333333 !default;\r\n$jet           : #222222 !default;\r\n$black         : #000000 !default;\r\n\r\n// We use these as default colors throughout\r\n$primary-color: #008CBA !default;   // bondi-blue\r\n$secondary-color: #e7e7e7 !default; // white-lilac\r\n$alert-color: #f04124 !default;     // cinnabar\r\n$success-color: #43AC6A !default;   // sea-green\r\n$warning-color: #f08a24 !default;   // carrot\r\n$info-color: #a0d3e8 !default;      // cornflower\r\n\r\n// We use these to define default font stacks\r\n$font-family-sans-serif: \"Helvetica Neue\", Helvetica, Roboto, Arial, sans-serif !default;\r\n$font-family-serif: Georgia, Cambria, \"Times New Roman\", Times, serif !default;\r\n$font-family-monospace: Consolas, \"Liberation Mono\", Courier, monospace !default;\r\n\r\n// We use these to define default font weights\r\n$font-weight-normal: normal !default;\r\n$font-weight-bold: bold !default;\r\n\r\n// We use these to control various global styles\r\n$body-bg: #fff !default;\r\n$body-font-color: #222 !default;\r\n$body-font-family: $font-family-sans-serif !default;\r\n$body-font-weight: $font-weight-normal !default;\r\n$body-font-style: normal !default;\r\n\r\n// We use this to control font-smoothing\r\n$font-smoothing: antialiased !default;\r\n\r\n// We use these to control text direction settings\r\n$text-direction: ltr !default;\r\n$default-float: left !default;\r\n$opposite-direction: right !default;\r\n@if $text-direction == ltr {\r\n  $default-float: left;\r\n  $opposite-direction: right;\r\n} @else {\r\n  $default-float: right;\r\n  $opposite-direction: left;\r\n}\r\n\r\n// We use these to make sure border radius matches unless we want it different.\r\n$global-radius: 3px !default;\r\n$global-rounded: 1000px !default;\r\n\r\n// We use these to control inset shadow shiny edges and depressions.\r\n$shiny-edge-size: 0 1px 0 !default;\r\n$shiny-edge-color: rgba(#fff, .5) !default;\r\n$shiny-edge-active-color: rgba(#000, .2) !default;\r\n\r\n// We use this to control whether or not CSS classes come through in the gem files.\r\n$include-html-classes: true !default;\r\n$include-print-styles: true !default;\r\n$include-html-global-classes: $include-html-classes !default;\r\n\r\n$column-gutter: rem-calc(30) !default;\r\n\r\n// Media Query Ranges\r\n$small-range: (0, 40em) !default;\r\n$medium-range: (40.063em, 64em) !default;\r\n$large-range: (64.063em, 90em) !default;\r\n$xlarge-range: (90.063em, 120em) !default;\r\n$xxlarge-range: (120.063em, 99999999em) !default;\r\n\r\n\r\n$screen: \"only screen\" !default;\r\n\r\n$landscape: \"#{$screen} and (orientation: landscape)\" !default;\r\n$portrait: \"#{$screen} and (orientation: portrait)\" !default;\r\n\r\n$small-up: $screen !default;\r\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\" !default;\r\n\r\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\" !default;\r\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\" !default;\r\n\r\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\" !default;\r\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\" !default;\r\n\r\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\r\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\" !default;\r\n\r\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\" !default;\r\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\" !default;\r\n\r\n// Legacy\r\n$small: $medium-up;\r\n$medium: $medium-up;\r\n$large: $large-up;\r\n\r\n\r\n//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\r\n$cursor-auto-value: auto !default;\r\n$cursor-crosshair-value: crosshair !default;\r\n$cursor-default-value: default !default;\r\n$cursor-pointer-value: pointer !default;\r\n$cursor-help-value: help !default;\r\n$cursor-text-value: text !default;\r\n\r\n\r\n@include exports(\"global\") {\r\n\r\n  // Meta styles are included in all builds, as they are a dependancy of the Javascript.\r\n  // Used to provide media query values for javascript components.\r\n  // Forward slash placed around everything to convince PhantomJS to read the value.\r\n\r\n  meta.foundation-version {\r\n    font-family: \"/5.5.0/\";\r\n  }\r\n\r\n  meta.foundation-mq-small {\r\n    font-family: \"/\" + unquote($small-up) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-small-only {\r\n    font-family: \"/\" + unquote($small-only) + \"/\";\r\n    width: lower-bound($small-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium {\r\n    font-family: \"/\" + unquote($medium-up) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-medium-only {\r\n    font-family: \"/\" + unquote($medium-only) + \"/\";\r\n    width: lower-bound($medium-range);\r\n  }\r\n\r\n  meta.foundation-mq-large {\r\n    font-family: \"/\" + unquote($large-up) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-large-only {\r\n    font-family: \"/\" + unquote($large-only) + \"/\";\r\n    width: lower-bound($large-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge {\r\n    font-family: \"/\" + unquote($xlarge-up) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xlarge-only {\r\n    font-family: \"/\" + unquote($xlarge-only) + \"/\";\r\n    width: lower-bound($xlarge-range);\r\n  }\r\n\r\n  meta.foundation-mq-xxlarge {\r\n    font-family: \"/\" + unquote($xxlarge-up) + \"/\";\r\n    width: lower-bound($xxlarge-range);\r\n  }\r\n\r\n  meta.foundation-data-attribute-namespace {\r\n    font-family: #{$namespace};\r\n  }\r\n\r\n  @if $include-html-global-classes {\r\n\r\n    // Must be 100% for off canvas to work\r\n    html, body { height: 100%; }\r\n\r\n    // Set box-sizing globally to handle padding and border widths\r\n    *,\r\n    *:before,\r\n    *:after {\r\n      @include box-sizing(border-box);\r\n    }\r\n\r\n    html,\r\n    body { font-size: $base-font-size; }\r\n\r\n    // Default body styles\r\n    body {\r\n      background: $body-bg;\r\n      color: $body-font-color;\r\n      padding: 0;\r\n      margin: 0;\r\n      font-family: $body-font-family;\r\n      font-weight: $body-font-weight;\r\n      font-style: $body-font-style;\r\n      line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%\r\n      position: relative;\r\n      cursor: $cursor-auto-value;\r\n    }\r\n\r\n  a:hover { cursor: $cursor-pointer-value; }\r\n\r\n    // Grid Defaults to get images and embeds to work properly\r\n    img { max-width: 100%; height: auto; }\r\n\r\n    img { -ms-interpolation-mode: bicubic; }\r\n\r\n    #map_canvas,\r\n    .map_canvas {\r\n      img,\r\n      embed,\r\n      object { max-width: none !important;\r\n      }\r\n    }\r\n\r\n    // Miscellaneous useful HTML classes\r\n    .left { float: left !important; }\r\n    .right { float: right !important; }\r\n    .clearfix { @include clearfix; }\r\n\r\n    // Hide visually and from screen readers\r\n    .hide {\r\n      display: none !important;\r\n      visibility: hidden;\r\n    }\r\n\r\n    // Hide visually and from screen readers, but maintain layout\r\n    .invisible { visibility: hidden; }\r\n\r\n    // Font smoothing\r\n    // Antialiased font smoothing works best for light text on a dark background.\r\n    // Apply to single elements instead of globally to body.\r\n    // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.\r\n    .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\r\n\r\n    // Get rid of gap under images by making them display: inline-block; by default\r\n    img {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    //\r\n    // Global resets for forms\r\n    //\r\n\r\n    // Make sure textarea takes on height automatically\r\n    textarea { height: auto; min-height: 50px; }\r\n\r\n    // Make select elements 100% width by default\r\n    select { width: 100%; }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-button-classes: $include-html-classes !default;\r\n\r\n// We use these to build padding for buttons.\r\n$button-tny: rem-calc(10) !default;\r\n$button-sml: rem-calc(14) !default;\r\n$button-med: rem-calc(16) !default;\r\n$button-lrg: rem-calc(18) !default;\r\n\r\n// We use this to control the display property.\r\n$button-display: inline-block !default;\r\n$button-margin-bottom: rem-calc(20) !default;\r\n\r\n// We use these to control button text styles.\r\n$button-font-family: $body-font-family !default;\r\n$button-font-color: $white !default;\r\n$button-font-color-alt: $oil !default;\r\n$button-font-tny: rem-calc(11) !default;\r\n$button-font-sml: rem-calc(13) !default;\r\n$button-font-med: rem-calc(16) !default;\r\n$button-font-lrg: rem-calc(20) !default;\r\n$button-font-weight: $font-weight-normal !default;\r\n$button-font-align: center !default;\r\n\r\n// We use these to control various hover effects.\r\n$button-function-factor: -20% !default;\r\n\r\n// We use these to control button border styles.\r\n$button-border-width: 0 !default;\r\n$button-border-style: solid !default;\r\n$button-bg-color: $primary-color !default;\r\n$button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor) !default;\r\n$button-border-color: $button-bg-hover !default;\r\n$secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor) !default;\r\n$secondary-button-border-color: $secondary-button-bg-hover !default;\r\n$success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor) !default;\r\n$success-button-border-color: $success-button-bg-hover !default;\r\n$alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor) !default;\r\n$alert-button-border-color: $alert-button-bg-hover !default;\r\n$warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor) !default;\r\n$warning-button-border-color: $warning-button-bg-hover !default;\r\n$info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor) !default;\r\n$info-button-border-color: $info-button-bg-hover !default;\r\n\r\n// We use this to set the default radius used throughout the core.\r\n$button-radius: $global-radius !default;\r\n$button-round: $global-rounded !default;\r\n\r\n// We use this to set default opacity and cursor for disabled buttons.\r\n$button-disabled-opacity: 0.7 !default;\r\n$button-disabled-cursor: $cursor-default-value !default;\r\n\r\n\r\n//\r\n// @MIXIN\r\n//\r\n// We use this mixin to create a default button base.\r\n//\r\n// $style - Sets base styles. Can be set to false. Default: true.\r\n// $display - Used to control display property. Default: $button-display || inline-block\r\n\r\n@mixin button-base($style:true, $display:$button-display) {\r\n  @if $style {\r\n    border-style: $button-border-style;\r\n    border-width: $button-border-width;\r\n    cursor: $cursor-pointer-value;\r\n    font-family: $button-font-family;\r\n    font-weight: $button-font-weight;\r\n    line-height: normal;\r\n    margin: 0 0 $button-margin-bottom;\r\n    position: relative;\r\n    text-decoration: none;\r\n    text-align: $button-font-align;\r\n    -webkit-appearance: none;\r\n    border-radius:0;\r\n  }\r\n  @if $display { display: $display; }\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to add button size styles\r\n//\r\n// $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12)\r\n// $full-width - We can set $full-width:true to remove side padding extend width - Default: false\r\n\r\n@mixin button-size($padding:$button-med, $full-width:false) {\r\n\r\n  // We control which padding styles come through,\r\n  // these can be turned off by setting $padding:false\r\n  @if $padding {\r\n    padding-top: $padding;\r\n    padding-#{$opposite-direction}: $padding * 2;\r\n    padding-bottom: $padding + rem-calc(1);\r\n    padding-#{$default-float}: $padding * 2;\r\n\r\n    // We control the font-size based on mixin input.\r\n    @if      $padding == $button-med { font-size: $button-font-med; }\r\n    @else if $padding == $button-tny { font-size: $button-font-tny; }\r\n    @else if $padding == $button-sml { font-size: $button-font-sml; }\r\n    @else if $padding == $button-lrg { font-size: $button-font-lrg; }\r\n  }\r\n\r\n  // We can set $full-width:true to remove side padding extend width.\r\n  @if $full-width {\r\n    // We still need to check if $padding is set.\r\n    @if $padding {\r\n    padding-top: $padding;\r\n    padding-bottom: $padding + rem-calc(1);\r\n    } @else if $padding == false {\r\n      padding-top:0;\r\n      padding-bottom:0;\r\n    }\r\n    padding-right: 0;\r\n    padding-left: 0;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// we use this mixin to create the button hover and border colors\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to add button color styles\r\n//\r\n// $bg - Background color. We can set $bg:false for a transparent background. Default: $primary-color.\r\n// $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: true\r\n// $disabled - We can set $disabled:true to create a disabled transparent button. Default: false\r\n// $bg-hover - Button Hover Background Color. Default: $button-bg-hover\r\n// $border-color - Button Border Color. Default: $button-border-color\r\n@mixin button-style($bg:$button-bg-color, $radius:false, $disabled:false, $bg-hover:null, $border-color:null) {\r\n\r\n  // We control which background styles are used,\r\n  // these can be removed by setting $bg:false\r\n  @if $bg {\r\n\r\n    @if $bg-hover == null {\r\n      $bg-hover: if($bg == $button-bg-color, $button-bg-hover, scale-color($bg, $lightness: $button-function-factor));\r\n    }\r\n\r\n    @if $border-color == null {\r\n      $border-color: if($bg == $button-bg-color, $button-border-color, scale-color($bg, $lightness: $button-function-factor));\r\n    }\r\n\r\n    // This find the lightness percentage of the background color.\r\n    $bg-lightness: lightness($bg);\r\n    $bg-hover-lightness: lightness($bg-hover);\r\n\r\n    background-color: $bg;\r\n    border-color: $border-color;\r\n    &:hover,\r\n    &:focus { background-color: $bg-hover; }\r\n\r\n    // We control the text color for you based on the background color.\r\n    color: if($bg-lightness > 70%, $button-font-color-alt, $button-font-color);\r\n\r\n    &:hover,\r\n    &:focus {\r\n      color: if($bg-hover-lightness > 70%, $button-font-color-alt, $button-font-color);\r\n    }\r\n  }\r\n\r\n  // We can set $disabled:true to create a disabled transparent button.\r\n  @if $disabled {\r\n    cursor: $button-disabled-cursor;\r\n    opacity: $button-disabled-opacity;\r\n    box-shadow: none;\r\n    &:hover,\r\n    &:focus { background-color: $bg; }\r\n  }\r\n\r\n  // We can control how much button radius is used.\r\n  @if $radius == true { @include radius($button-radius); }\r\n  @else if $radius { @include radius($radius); }\r\n\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this to quickly create buttons with a single mixin. As @jaredhardy puts it, \"the kitchen sink mixin\"\r\n//\r\n// $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12)\r\n// $bg - Primary color set in settings file. Default: $button-bg.\r\n// $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default:false.\r\n// $full-width - We can set $full-width:true to remove side padding extend width. Default:false.\r\n// $disabled - We can set $disabled:true to create a disabled transparent button. Default:false.\r\n// $is-prefix - Not used? Default:false.\r\n// $bg-hover - Button Hover Color - Default null - see button-style mixin\r\n// $border-color - Button Border Color - Default null - see button-style mixin\r\n// $transition - We can control whether or not to include the background-color transition property - Default:true.\r\n@mixin button($padding:$button-med, $bg:$button-bg-color, $radius:false, $full-width:false, $disabled:false, $is-prefix:false, $bg-hover:null, $border-color:null, $transition: true) {\r\n  @include button-base;\r\n  @include button-size($padding, $full-width);\r\n  @include button-style($bg, $radius, $disabled, $bg-hover, $border-color);\r\n\r\n  @if $transition {\r\n    @include single-transition(background-color);\r\n  }\r\n}\r\n\r\n\r\n@include exports(\"button\") {\r\n  @if $include-html-button-classes {\r\n\r\n    // Default styles applied outside of media query\r\n    button, .button {\r\n      @include button-base;\r\n      @include button-size;\r\n      @include button-style;\r\n\r\n      @include single-transition(background-color);\r\n\r\n      &.secondary { @include button-style($bg:$secondary-color, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); }\r\n      &.success   { @include button-style($bg:$success-color, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); }\r\n      &.alert     { @include button-style($bg:$alert-color, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); }\r\n      &.warning   { @include button-style($bg:$warning-color, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); }\r\n      &.info      { @include button-style($bg:$info-color, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); }\r\n\r\n      &.large  { @include button-size($padding:$button-lrg); }\r\n      &.small  { @include button-size($padding:$button-sml); }\r\n      &.tiny   { @include button-size($padding:$button-tny); }\r\n      &.expand { @include button-size($padding:null,$full-width:true); }\r\n\r\n      &.left-align  { text-align: left; text-indent: rem-calc(12); }\r\n      &.right-align { text-align: right; padding-right: rem-calc(12); }\r\n\r\n      &.radius { @include button-style($bg:false, $radius:true); }\r\n      &.round  { @include button-style($bg:false, $radius:$button-round); }\r\n\r\n      &.disabled, &[disabled] { @include button-style($bg:$button-bg-color, $disabled:true, $bg-hover:$button-bg-hover, $border-color:$button-border-color);\r\n        &.secondary { @include button-style($bg:$secondary-color, $disabled:true, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); }\r\n        &.success { @include button-style($bg:$success-color, $disabled:true, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); }\r\n        &.alert { @include button-style($bg:$alert-color, $disabled:true, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); }\r\n        &.warning { @include button-style($bg:$warning-color, $disabled:true, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); }\r\n        &.info { @include button-style($bg:$info-color, $disabled:true, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); }\r\n      }\r\n    }\r\n\r\n    //firefox 2px fix\r\n    button::-moz-focus-inner {border:0; padding:0;}\r\n\r\n    @media #{$medium-up} {\r\n      button, .button {\r\n        @include button-base($style:false, $display:inline-block);\r\n        @include button-size($padding:false, $full-width:false);\r\n      }\r\n    }\r\n  }\r\n}\r\n","@charset \"utf-8\";\r\n\r\n$spacing-unit: 30px;\r\n\r\n\r\n// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n//\r\n\r\n// Table of Contents\r\n// Foundation Settings\r\n//\r\n// a. Base\r\n// b. Grid\r\n// c. Global\r\n// d. Media Query Ranges\r\n// e. Typography\r\n// 01. Accordion\r\n// 02. Alert Boxes\r\n// 03. Block Grid\r\n// 04. Breadcrumbs\r\n// 05. Buttons\r\n// 06. Button Groups\r\n// 07. Clearing\r\n// 08. Dropdown\r\n// 09. Dropdown Buttons\r\n// 10. Flex Video\r\n// 11. Forms\r\n// 12. Icon Bar\r\n// 13. Inline Lists\r\n// 14. Joyride\r\n// 15. Keystrokes\r\n// 16. Labels\r\n// 17. Magellan\r\n// 18. Off-canvas\r\n// 19. Orbit\r\n// 20. Pagination\r\n// 21. Panels\r\n// 22. Pricing Tables\r\n// 23. Progress Bar\r\n// 24. Range Slider\r\n// 25. Reveal\r\n// 26. Side Nav\r\n// 27. Split Buttons\r\n// 28. Sub Nav\r\n// 29. Switch\r\n// 30. Tables\r\n// 31. Tabs\r\n// 32. Thumbnails\r\n// 33. Tooltips\r\n// 34. Top Bar\r\n// 36. Visibility Classes\r\n\r\n// a. Base\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// This is the default html and body font-size for the base rem value.\r\n// $rem-base: 16px;\r\n\r\n// Allows the use of rem-calc() or lower-bound() in your settings\r\n@import \"functions\";\r\n\r\n// The default font-size is set to 100% of the browser style sheet (usually 16px)\r\n// for compatibility with browser-based text zoom or user-set defaults.\r\n\r\n// Since the typical default browser font-size is 16px, that makes the calculation for grid size.\r\n// If you want your base font-size to be different and not have it affect the grid breakpoints,\r\n// set $rem-base to $base-font-size and make sure $base-font-size is a px value.\r\n// $base-font-size: 100%;\r\n\r\n$base-font-size: 16px;\r\n$rem-base: $base-font-size;\r\n\r\n\r\n// The $base-font-size is 100% while $base-line-height is 150%\r\n// $base-line-height: 150%;\r\n\r\n// We use this to control whether or not CSS classes come through in the gem files.\r\n$include-html-classes: true;\r\n// $include-print-styles: true;\r\n$include-html-global-classes: $include-html-classes;\r\n\r\n// b. Grid\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-grid-classes: $include-html-classes;\r\n// $include-xl-html-grid-classes: false;\r\n\r\n// $row-width: rem-calc(1000);\r\n// $total-columns: 12;\r\n// $column-gutter: rem-calc(30);\r\n\r\n// c. Global\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// We use these to define default font stacks\r\n// $font-family-sans-serif: \"Lato\", \"Helvetica Neue\", \"Helvetica\", Helvetica, Arial, sans-serif;\r\n// $font-family-serif: \"Volkhov\", Georgia, Times, serif;\r\n// $font-family-monospace: \"Lucida Console\", Monaco, monospace;\r\n\r\n// We use these to define default font weights\r\n// $font-weight-normal: normal !default;\r\n// $font-weight-bold: bold !default;\r\n\r\n// $white       : #FFFFFF;\r\n// $ghost       : #FAFAFA;\r\n// $snow        : #F9F9F9;\r\n// $vapor       : #F6F6F6;\r\n// $white-smoke : #F5F5F5;\r\n// $silver      : #EFEFEF;\r\n// $smoke       : #EEEEEE;\r\n// $gainsboro   : #DDDDDD;\r\n// $iron        : #CCCCCC;\r\n// $base        : #AAAAAA;\r\n// $aluminum    : #999999;\r\n// $jumbo       : #888888;\r\n// $monsoon     : #777777;\r\n// $steel       : #666666;\r\n// $charcoal    : #555555;\r\n// $tuatara     : #444444;\r\n// $oil         : #333333;\r\n// $jet         : #222222;\r\n// $black       : #000000;\r\n\r\n// We use these as default colors throughout\r\n// $primary-color: #008CBA;\r\n// $secondary-color: #e7e7e7;\r\n// $alert-color: #f04124;\r\n// $success-color: #43AC6A;\r\n// $warning-color: #f08a24;\r\n// $info-color: #a0d3e8;\r\n\r\n// We use these to control various global styles\r\n// $body-bg: $white;\r\n// $body-font-color: $jet;\r\n// $body-font-family: $font-family-sans-serif;\r\n// $body-font-weight: $font-weight-normal;\r\n// $body-font-style: normal;\r\n\r\n// We use this to control font-smoothing\r\n// $font-smoothing: antialiased;\r\n\r\n// We use these to control text direction settings\r\n// $text-direction: ltr;\r\n// $opposite-direction: right;\r\n// $default-float: left;\r\n// $last-child-float: $opposite-direction;\r\n\r\n// We use these to make sure border radius matches unless we want it different.\r\n$global-radius: 3px;\r\n// $global-rounded: 1000px;\r\n\r\n// We use these to control inset shadow shiny edges and depressions.\r\n// $shiny-edge-size: 0 1px 0;\r\n// $shiny-edge-color: rgba($white, .5);\r\n// $shiny-edge-active-color: rgba($black, .2);\r\n\r\n// // d. Media Query Ranges\r\n// // - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $small-range: (0em, 40em);\r\n// $medium-range: (40.063em, 64em);\r\n// $large-range: (64.063em, 90em);\r\n// $xlarge-range: (90.063em, 120em);\r\n// $xxlarge-range: (120.063em, 99999999em);\r\n\r\n// $screen: \"only screen\";\r\n\r\n// // $landscape: \"#{$screen} and (orientation: landscape)\";\r\n// // $portrait: \"#{$screen} and (orientation: portrait)\";\r\n\r\n// $small-up: $screen;\r\n// $small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\r\n\r\n// $medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\";\r\n// $medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\";\r\n\r\n// $large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\";\r\n// $large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\";\r\n\r\n// $xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\";\r\n// $xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\";\r\n\r\n// $xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\";\r\n// $xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\";\r\n\r\n// Legacy\r\n// $small: $medium-up;\r\n// $medium: $medium-up;\r\n// $large: $large-up;\r\n\r\n// We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\r\n// $cursor-crosshair-value: crosshair;\r\n// $cursor-default-value: default;\r\n// $cursor-pointer-value: pointer;\r\n// $cursor-help-value: help;\r\n// $cursor-text-value: text;\r\n\r\n// e. Typography\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-type-classes: $include-html-classes;\r\n\r\n// We use these to control header font styles\r\n// $header-font-family: $font-family-serif;\r\n// $header-font-weight: $font-weight-normal;\r\n// $header-font-style: normal;\r\n// $header-font-color: $jet;\r\n// $header-line-height: 1.4;\r\n// $header-top-margin: .2rem;\r\n// $header-bottom-margin: .5rem;\r\n// $header-text-rendering: optimizeLegibility;\r\n\r\n// We use these to control header font sizes\r\n// $h1-font-size: rem-calc(54);\r\n// $h2-font-size: rem-calc(36);\r\n// $h3-font-size: rem-calc(29);\r\n// $h4-font-size: rem-calc(24);\r\n// $h5-font-size: rem-calc(19);\r\n// $h6-font-size: 1rem;\r\n\r\n// We use these to control header size reduction on small screens\r\n// $h1-font-reduction: rem-calc(10) !default;\r\n// $h2-font-reduction: rem-calc(10) !default;\r\n// $h3-font-reduction: rem-calc(5) !default;\r\n// $h4-font-reduction: rem-calc(5) !default;\r\n// $h5-font-reduction: 0 !default;\r\n// $h6-font-reduction: 0 !default;\r\n\r\n// These control how subheaders are styled.\r\n// $subheader-line-height: 1.4;\r\n// $subheader-font-color: scale-color($header-font-color, $lightness: 35%);\r\n// $subheader-font-weight: $font-weight-normal;\r\n// $subheader-top-margin: .2rem;\r\n// $subheader-bottom-margin: .5rem;\r\n\r\n// A general <small> styling\r\n// $small-font-size: 60%;\r\n// $small-font-color: scale-color($header-font-color, $lightness: 35%);\r\n\r\n// We use these to style paragraphs\r\n// $paragraph-font-family: inherit;\r\n// $paragraph-font-weight: $font-weight-normal;\r\n// $paragraph-font-size: 1rem;\r\n// $paragraph-line-height: 1.6;\r\n// $paragraph-margin-bottom: rem-calc(20);\r\n// $paragraph-aside-font-size: rem-calc(14);\r\n// $paragraph-aside-line-height: 1.35;\r\n// $paragraph-aside-font-style: italic;\r\n// $paragraph-text-rendering: optimizeLegibility;\r\n\r\n// We use these to style <code> tags\r\n// $code-color: $oil;\r\n// $code-font-family: $font-family-monospace;\r\n// $code-font-weight: $font-weight-normal;\r\n// $code-background-color: scale-color($secondary-color, $lightness: 70%);\r\n// $code-border-size: 1px;\r\n// $code-border-style: solid;\r\n// $code-border-color: scale-color($code-background-color, $lightness: -10%);\r\n// $code-padding: rem-calc(2) rem-calc(5) rem-calc(1);\r\n\r\n// We use these to style anchors\r\n// $anchor-text-decoration: none;\r\n// $anchor-text-decoration-hover: none;\r\n// $anchor-font-color: $primary-color;\r\n// $anchor-font-color-hover: scale-color($primary-color, $lightness: -14%);\r\n\r\n// We use these to style the <hr> element\r\n// $hr-border-width: 1px;\r\n// $hr-border-style: solid;\r\n$hr-border-color: $grey-3;\r\n// $hr-margin: rem-calc(20);\r\n\r\n// We use these to style lists\r\n// $list-font-family: $paragraph-font-family;\r\n// $list-font-size: $paragraph-font-size;\r\n// $list-line-height: $paragraph-line-height;\r\n// $list-margin-bottom: $paragraph-margin-bottom;\r\n// $list-style-position: outside;\r\n$list-side-margin: 1.3rem;\r\n// $list-ordered-side-margin: 1.4rem;\r\n// $list-side-margin-no-bullet: 0;\r\n// $list-nested-margin: rem-calc(20);\r\n// $definition-list-header-weight: $font-weight-bold;\r\n// $definition-list-header-margin-bottom: .3rem;\r\n// $definition-list-margin-bottom: rem-calc(12);\r\n\r\n// We use these to style blockquotes\r\n// $blockquote-font-color: scale-color($header-font-color, $lightness: 35%);\r\n// $blockquote-padding: rem-calc(9 20 0 19);\r\n// $blockquote-border: 1px solid $gainsboro;\r\n// $blockquote-cite-font-size: rem-calc(13);\r\n// $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%);\r\n// $blockquote-cite-link-color: $blockquote-cite-font-color;\r\n\r\n// Acronym styles\r\n// $acronym-underline: 1px dotted $gainsboro;\r\n\r\n// We use these to control padding and margin\r\n// $microformat-padding: rem-calc(10 12);\r\n// $microformat-margin: rem-calc(0 0 20 0);\r\n\r\n// We use these to control the border styles\r\n// $microformat-border-width: 1px;\r\n// $microformat-border-style: solid;\r\n// $microformat-border-color: $gainsboro;\r\n\r\n// We use these to control full name font styles\r\n// $microformat-fullname-font-weight: $font-weight-bold;\r\n// $microformat-fullname-font-size: rem-calc(15);\r\n\r\n// We use this to control the summary font styles\r\n// $microformat-summary-font-weight: $font-weight-bold;\r\n\r\n// We use this to control abbr padding\r\n// $microformat-abbr-padding: rem-calc(0 1);\r\n\r\n// We use this to control abbr font styles\r\n// $microformat-abbr-font-weight: $font-weight-bold;\r\n// $microformat-abbr-font-decoration: none;\r\n\r\n// 01. Accordion\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-accordion-classes: $include-html-classes;\r\n\r\n$accordion-navigation-padding: rem-calc(12);\r\n// $accordion-navigation-bg-color: #ffffff;\r\n// $accordion-navigation-hover-bg-color: $grey-1;\r\n// $accordion-navigation-active-bg-color: $grey-1;\r\n// $accordion-navigation-font-color: $jet;\r\n// $accordion-navigation-font-size: rem-calc(16);\r\n// $accordion-navigation-font-family: $body-font-family;\r\n\r\n// $accordion-content-padding: $column-gutter/2;\r\n$accordion-content-active-bg-color: $body-bg;\r\n\r\n// 02. Alert Boxes\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-alert-classes: $include-html-classes;\r\n\r\n// We use this to control alert padding.\r\n// $alert-padding-top: rem-calc(14);\r\n// $alert-padding-default-float: $alert-padding-top;\r\n// $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10);\r\n// $alert-padding-bottom: $alert-padding-top;\r\n\r\n// We use these to control text style.\r\n// $alert-font-weight: $font-weight-normal;\r\n$alert-font-size: rem-calc(15);\r\n// $alert-font-color: $white;\r\n// $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%);\r\n\r\n// We use this for close hover effect.\r\n// $alert-function-factor: -14%;\r\n\r\n// We use these to control border styles.\r\n// $alert-border-style: solid;\r\n// $alert-border-width: 1px;\r\n// $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor);\r\n// $alert-bottom-margin: rem-calc(20);\r\n\r\n// We use these to style the close buttons\r\n// $alert-close-color: $oil;\r\n// $alert-close-top: 50%;\r\n// $alert-close-position: rem-calc(4);\r\n// $alert-close-font-size: rem-calc(22);\r\n// $alert-close-opacity: 0.3;\r\n// $alert-close-opacity-hover: 0.5;\r\n// $alert-close-padding: 9px 6px 4px;\r\n\r\n// We use this to control border radius\r\n// $alert-radius: $global-radius;\r\n\r\n// We use this to control transition effects\r\n// $alert-transition-speed: 300ms;\r\n// $alert-transition-ease: ease-out;\r\n\r\n// 03. Block Grid\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-block-grid-classes: $include-html-classes;\r\n// $include-xl-html-block-grid-classes: false;\r\n\r\n// We use this to control the maximum number of block grid elements per row\r\n// $block-grid-elements: 12;\r\n// $block-grid-default-spacing: rem-calc(20);\r\n// $align-block-grid-to-grid: false;\r\n\r\n// Enables media queries for block-grid classes. Set to false if writing semantic HTML.\r\n// $block-grid-media-queries: true;\r\n\r\n// 04. Breadcrumbs\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-nav-classes: $include-html-classes;\r\n\r\n// We use this to set the background color for the breadcrumb container.\r\n$crumb-bg: $grey-1;\r\n\r\n// We use these to set the padding around the breadcrumbs.\r\n// $crumb-padding: rem-calc(9 9 14 0);\r\n// $crumb-side-padding: rem-calc(12);\r\n\r\n// We use these to control border styles.\r\n// $crumb-function-factor: -10%;\r\n$crumb-border-size: 0;\r\n// $crumb-border-style: solid;\r\n$crumb-border-color: $grey-1;\r\n$crumb-radius: 0;\r\n\r\n// We use these to set various text styles for breadcrumbs.\r\n// $crumb-font-size: rem-calc(11);\r\n// $crumb-font-color: $primary-color;\r\n// $crumb-font-color-current: $oil;\r\n// $crumb-font-color-unavailable: $aluminum;\r\n// $crumb-font-transform: uppercase;\r\n// $crumb-link-decor: underline;\r\n\r\n// We use these to control the slash between breadcrumbs\r\n// $crumb-slash-color: $base;\r\n$crumb-slash: \"/\";\r\n\r\n// 05. Buttons\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-button-classes: $include-html-classes;\r\n\r\n// We use these to build padding for buttons.\r\n// $button-tny: rem-calc(10);\r\n// $button-sml: rem-calc(14);\r\n// $button-med: rem-calc(16);\r\n// $button-lrg: rem-calc(18);\r\n\r\n// We use this to control the display property.\r\n// $button-display: inline-block;\r\n// $button-margin-bottom: rem-calc(20);\r\n\r\n// We use these to control button text styles.\r\n// $button-font-family: $body-font-family;\r\n// $button-font-color: $white;\r\n// $button-font-color-alt: $oil;\r\n// $button-font-tny: rem-calc(11);\r\n// $button-font-sml: rem-calc(13);\r\n// $button-font-med: rem-calc(16);\r\n// $button-font-lrg: rem-calc(20);\r\n// $button-font-weight: $font-weight-normal;\r\n// $button-font-align: center;\r\n\r\n// We use these to control various hover effects.\r\n// $button-function-factor: -20%;\r\n\r\n// We use these to control button border and hover styles.\r\n// $button-border-width: 0px;\r\n// $button-border-style: solid;\r\n// $button-bg-color: $primary-color;\r\n// $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor);\r\n// $button-border-color: $button-bg-hover;\r\n// $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor);\r\n// $secondary-button-border-color: $secondary-button-bg-hover;\r\n// $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor);\r\n// $success-button-border-color: $success-button-bg-hover;\r\n// $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor);\r\n// $alert-button-border-color: $alert-button-bg-hover;\r\n\r\n// We use this to set the default radius used throughout the core.\r\n// $button-radius: $global-radius;\r\n// $button-round: $global-rounded;\r\n\r\n// We use this to set default opacity and cursor for disabled buttons.\r\n// $button-disabled-opacity: 0.7;\r\n// $button-disabled-cursor: $cursor-default-value;\r\n\r\n// 06. Button Groups\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-button-classes: $include-html-classes;\r\n\r\n// Sets the margin for the right side by default, and the left margin if right-to-left direction is used\r\n// $button-bar-margin-opposite: rem-calc(10);\r\n// $button-group-border-width: 1px;\r\n\r\n// 07. Clearing\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-clearing-classes: $include-html-classes;\r\n\r\n// We use these to set the background colors for parts of Clearing.\r\n// $clearing-bg: $oil;\r\n// $clearing-caption-bg: $clearing-bg;\r\n// $clearing-carousel-bg: rgba(51,51,51,0.8);\r\n// $clearing-img-bg: $clearing-bg;\r\n\r\n// We use these to style the close button\r\n// $clearing-close-color: $iron;\r\n// $clearing-close-size: 30px;\r\n\r\n// We use these to style the arrows\r\n// $clearing-arrow-size: 12px;\r\n// $clearing-arrow-color: $clearing-close-color;\r\n\r\n// We use these to style captions\r\n// $clearing-caption-font-color: $iron;\r\n// $clearing-caption-font-size: 0.875em;\r\n// $clearing-caption-padding: 10px 30px 20px;\r\n\r\n// We use these to make the image and carousel height and style\r\n// $clearing-active-img-height: 85%;\r\n// $clearing-carousel-height: 120px;\r\n// $clearing-carousel-thumb-width: 120px;\r\n// $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255);\r\n\r\n// 08. Dropdown\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-dropdown-classes: $include-html-classes;\r\n\r\n// We use these to controls height and width styles.\r\n// $f-dropdown-max-width: 200px;\r\n// $f-dropdown-height: auto;\r\n// $f-dropdown-max-height: none;\r\n\r\n// Used for bottom position\r\n// $f-dropdown-margin-top: 2px;\r\n\r\n// Used for right position\r\n// $f-dropdown-margin-left: $f-dropdown-margin-top;\r\n\r\n// Used for left position\r\n// $f-dropdown-margin-right: $f-dropdown-margin-top;\r\n\r\n// Used for top position\r\n// $f-dropdown-margin-bottom: $f-dropdown-margin-top;\r\n\r\n// We use this to control the background color\r\n// $f-dropdown-bg: $white;\r\n\r\n// We use this to set the border styles for dropdowns.\r\n// $f-dropdown-border-style: solid;\r\n// $f-dropdown-border-width: 1px;\r\n// $f-dropdown-border-color: scale-color($white, $lightness: -20%);\r\n\r\n// We use these to style the triangle pip.\r\n// $f-dropdown-triangle-size: 6px;\r\n// $f-dropdown-triangle-color: $white;\r\n// $f-dropdown-triangle-side-offset: 10px;\r\n\r\n// We use these to control styles for the list elements.\r\n// $f-dropdown-list-style: none;\r\n// $f-dropdown-font-color: $charcoal;\r\n// $f-dropdown-font-size: rem-calc(14);\r\n// $f-dropdown-list-padding: rem-calc(5, 10);\r\n// $f-dropdown-line-height: rem-calc(18);\r\n// $f-dropdown-list-hover-bg: $smoke  ;\r\n// $dropdown-mobile-default-float: 0;\r\n\r\n// We use this to control the styles for when the dropdown has custom content.\r\n// $f-dropdown-content-padding: rem-calc(20);\r\n\r\n// Default radius for dropdown.\r\n// $f-dropdown-radius: $global-radius;\r\n\r\n\r\n// 09. Dropdown Buttons\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-button-classes: $include-html-classes;\r\n\r\n// We use these to set the color of the pip in dropdown buttons\r\n// $dropdown-button-pip-color: $white;\r\n// $dropdown-button-pip-color-alt: $oil;\r\n\r\n// $button-pip-tny: rem-calc(6);\r\n// $button-pip-sml: rem-calc(7);\r\n// $button-pip-med: rem-calc(9);\r\n// $button-pip-lrg: rem-calc(11);\r\n\r\n// We use these to style tiny dropdown buttons\r\n// $dropdown-button-padding-tny: $button-pip-tny * 7;\r\n// $dropdown-button-pip-size-tny: $button-pip-tny;\r\n// $dropdown-button-pip-opposite-tny: $button-pip-tny * 3;\r\n// $dropdown-button-pip-top-tny: -$button-pip-tny / 2 + rem-calc(1);\r\n\r\n// We use these to style small dropdown buttons\r\n// $dropdown-button-padding-sml: $button-pip-sml * 7;\r\n// $dropdown-button-pip-size-sml: $button-pip-sml;\r\n// $dropdown-button-pip-opposite-sml: $button-pip-sml * 3;\r\n// $dropdown-button-pip-top-sml: -$button-pip-sml / 2 + rem-calc(1);\r\n\r\n// We use these to style medium dropdown buttons\r\n// $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3);\r\n// $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3);\r\n// $dropdown-button-pip-opposite-med: $button-pip-med * 2.5;\r\n// $dropdown-button-pip-top-med: -$button-pip-med / 2 + rem-calc(2);\r\n\r\n// We use these to style large dropdown buttons\r\n// $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3);\r\n// $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);\r\n// $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5;\r\n// $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3);\r\n\r\n// 10. Flex Video\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-media-classes: $include-html-classes;\r\n\r\n// We use these to control video container padding and margins\r\n// $flex-video-padding-top: rem-calc(25);\r\n// $flex-video-padding-bottom: 67.5%;\r\n// $flex-video-margin-bottom: rem-calc(16);\r\n\r\n// We use this to control widescreen bottom padding\r\n// $flex-video-widescreen-padding-bottom: 56.34%;\r\n\r\n// 11. Forms\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-form-classes: $include-html-classes;\r\n\r\n// We use this to set the base for lots of form spacing and positioning styles\r\n// $form-spacing: rem-calc(16);\r\n\r\n// We use these to style the labels in different ways\r\n// $form-label-pointer: pointer;\r\n// $form-label-font-size: rem-calc(14);\r\n// $form-label-font-weight: $font-weight-normal;\r\n// $form-label-line-height: 1.5;\r\n// $form-label-font-color: scale-color($black, $lightness: 30%);\r\n// $form-label-small-transform: capitalize;\r\n// $form-label-bottom-margin: 0;\r\n// $input-font-family: inherit;\r\n// $input-font-color: rgba(0,0,0,0.75);\r\n// $input-font-size: rem-calc(14);\r\n// $input-bg-color: $white;\r\n// $input-focus-bg-color: scale-color($white, $lightness: -2%);\r\n// $input-border-color: scale-color($white, $lightness: -20%);\r\n// $input-focus-border-color: scale-color($white, $lightness: -40%);\r\n// $input-border-style: solid;\r\n// $input-border-width: 1px;\r\n// $input-border-radius: $global-radius;\r\n// $input-disabled-bg: $gainsboro;\r\n// $input-disabled-cursor: $cursor-default-value;\r\n// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);\r\n\r\n// We use these to style the fieldset border and spacing.\r\n// $fieldset-border-style: solid;\r\n// $fieldset-border-width: 1px;\r\n// $fieldset-border-color: $gainsboro;\r\n// $fieldset-padding: rem-calc(20);\r\n// $fieldset-margin: rem-calc(18 0);\r\n\r\n// We use these to style the legends when you use them\r\n// $legend-bg: $white;\r\n// $legend-font-weight: $font-weight-bold;\r\n// $legend-padding: rem-calc(0 3);\r\n\r\n// We use these to style the prefix and postfix input elements\r\n// $input-prefix-bg: scale-color($white, $lightness: -5%);\r\n// $input-prefix-border-color: scale-color($white, $lightness: -20%);\r\n// $input-prefix-border-size: 1px;\r\n// $input-prefix-border-type: solid;\r\n// $input-prefix-overflow: hidden;\r\n// $input-prefix-font-color: $oil;\r\n// $input-prefix-font-color-alt: $white;\r\n\r\n// We use this setting to turn on/off HTML5 number spinners (the up/down arrows)\r\n// $input-number-spinners: true;\r\n\r\n// We use these to style the error states for inputs and labels\r\n// $input-error-message-padding: rem-calc(6 9 9);\r\n// $input-error-message-top: -1px;\r\n// $input-error-message-font-size: rem-calc(12);\r\n// $input-error-message-font-weight: $font-weight-normal;\r\n// $input-error-message-font-style: italic;\r\n// $input-error-message-font-color: $white;\r\n// $input-error-message-font-color-alt: $oil;\r\n\r\n// We use this to style the glowing effect of inputs when focused\r\n// $input-include-glowing-effect: true;\r\n// $glowing-effect-fade-time: 0.45s;\r\n// $glowing-effect-color: $input-focus-border-color;\r\n\r\n// Select variables\r\n// $select-bg-color: $ghost;\r\n// $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%);\r\n\r\n// 12. Icon Bar\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// We use these to style the icon-bar and items\r\n// $include-html-icon-bar-classes: $include-html-classes;\r\n// $icon-bar-bg: $oil;\r\n// $icon-bar-font-color: $white;\r\n// $icon-bar-font-size: 1rem;\r\n// $icon-bar-hover-color: $primary-color;\r\n// $icon-bar-icon-color: $white;\r\n// $icon-bar-icon-size: 1.875rem;\r\n// $icon-bar-image-width: 1.875rem;\r\n// $icon-bar-image-height: 1.875rem;\r\n// $icon-bar-active-color: $primary-color;\r\n// $icon-bar-item-padding: 1.25rem;\r\n\r\n// 13. Inline Lists\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-inline-list-classes: $include-html-classes;\r\n\r\n// We use this to control the margins and padding of the inline list.\r\n// $inline-list-top-margin: 0;\r\n// $inline-list-opposite-margin: 0;\r\n// $inline-list-bottom-margin: rem-calc(17);\r\n// $inline-list-default-float-margin: rem-calc(-22);\r\n// $inline-list-default-float-list-margin: rem-calc(22);\r\n\r\n// $inline-list-padding: 0;\r\n\r\n// We use this to control the overflow of the inline list.\r\n// $inline-list-overflow: hidden;\r\n\r\n// We use this to control the list items\r\n// $inline-list-display: block;\r\n\r\n// We use this to control any elements within list items\r\n// $inline-list-children-display: block;\r\n\r\n// 14. Joyride\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-joyride-classes: $include-html-classes;\r\n\r\n// Controlling default Joyride styles\r\n// $joyride-tip-bg: $oil;\r\n// $joyride-tip-default-width: 300px;\r\n// $joyride-tip-padding: rem-calc(18 20 24);\r\n// $joyride-tip-border: solid 1px $charcoal;\r\n// $joyride-tip-radius: 4px;\r\n// $joyride-tip-position-offset: 22px;\r\n\r\n// Here, we're setting the tip font styles\r\n// $joyride-tip-font-color: $white;\r\n// $joyride-tip-font-size: rem-calc(14);\r\n// $joyride-tip-header-weight: $font-weight-bold;\r\n\r\n// This changes the nub size\r\n// $joyride-tip-nub-size: 10px;\r\n\r\n// This adjusts the styles for the timer when its enabled\r\n// $joyride-tip-timer-width: 50px;\r\n// $joyride-tip-timer-height: 3px;\r\n// $joyride-tip-timer-color: $steel;\r\n\r\n// This changes up the styles for the close button\r\n// $joyride-tip-close-color: $monsoon;\r\n// $joyride-tip-close-size: 24px;\r\n// $joyride-tip-close-weight: $font-weight-normal;\r\n\r\n// When Joyride is filling the screen, we use this style for the bg\r\n// $joyride-screenfill: rgba(0,0,0,0.5);\r\n\r\n// 15. Keystrokes\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-keystroke-classes: $include-html-classes;\r\n\r\n// We use these to control text styles.\r\n// $keystroke-font: \"Consolas\", \"Menlo\", \"Courier\", monospace;\r\n// $keystroke-font-size: inherit;\r\n// $keystroke-font-color: $jet;\r\n// $keystroke-font-color-alt: $white;\r\n// $keystroke-function-factor: -7%;\r\n\r\n// We use this to control keystroke padding.\r\n// $keystroke-padding: rem-calc(2 4 0);\r\n\r\n// We use these to control background and border styles.\r\n// $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor);\r\n// $keystroke-border-style: solid;\r\n// $keystroke-border-width: 1px;\r\n// $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor);\r\n// $keystroke-radius: $global-radius;\r\n\r\n// 16. Labels\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-label-classes: $include-html-classes;\r\n\r\n// We use these to style the labels\r\n// $label-padding: rem-calc(4 8 4);\r\n// $label-radius: $global-radius;\r\n\r\n// We use these to style the label text\r\n// $label-font-sizing: rem-calc(11);\r\n// $label-font-weight: $font-weight-normal;\r\n// $label-font-color: $oil;\r\n// $label-font-color-alt: $white;\r\n// $label-font-family: $body-font-family;\r\n\r\n// 17. Magellan\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-magellan-classes: $include-html-classes;\r\n\r\n// $magellan-bg: $white;\r\n// $magellan-padding: 0 !important;\r\n\r\n// 18. Off-canvas\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-off-canvas-classes: $include-html-classes;\r\n\r\n// $tabbar-bg: $oil;\r\n// $tabbar-height: rem-calc(45);\r\n// $tabbar-icon-width: $tabbar-height;\r\n// $tabbar-line-height: $tabbar-height;\r\n// $tabbar-color: $white;\r\n// $tabbar-middle-padding: 0 rem-calc(10);\r\n\r\n// Off Canvas Divider Styles\r\n// $tabbar-right-section-border: solid 1px scale-color($tabbar-bg, $lightness: 13%);\r\n// $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%);\r\n\r\n// Off Canvas Tab Bar Headers\r\n// $tabbar-header-color: $white;\r\n// $tabbar-header-weight: $font-weight-bold;\r\n// $tabbar-header-line-height: $tabbar-height;\r\n// $tabbar-header-margin: 0;\r\n\r\n// Off Canvas Menu Variables\r\n// $off-canvas-width: rem-calc(250);\r\n// $off-canvas-bg: $oil;\r\n// $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%);\r\n\r\n// Off Canvas Menu List Variables\r\n// $off-canvas-label-padding: 0.3rem rem-calc(15);\r\n// $off-canvas-label-color: $aluminum;\r\n// $off-canvas-label-text-transform: uppercase;\r\n// $off-canvas-label-font-size: rem-calc(12);\r\n// $off-canvas-label-font-weight: $font-weight-bold;\r\n// $off-canvas-label-bg: $tuatara;\r\n// $off-canvas-label-border-top: 1px solid scale-color($tuatara, $lightness: 14%);\r\n// $off-canvas-label-border-bottom: none;\r\n// $off-canvas-label-margin:0;\r\n// $off-canvas-link-padding: rem-calc(10, 15);\r\n// $off-canvas-link-color: rgba($white, 0.7);\r\n// $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%);\r\n// $off-canvas-back-bg: $tuatara;\r\n// $off-canvas-back-border-top: $off-canvas-label-border-top;\r\n// $off-canvas-back-border-bottom: $off-canvas-label-border-bottom;\r\n// $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%);\r\n// $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%);\r\n// $off-canvas-back-hover-border-bottom: none;\r\n\r\n// Off Canvas Menu Icon Variables\r\n// $tabbar-menu-icon-color: $white;\r\n// $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%);\r\n\r\n// $tabbar-menu-icon-text-indent: rem-calc(35);\r\n// $tabbar-menu-icon-width: $tabbar-height;\r\n// $tabbar-menu-icon-height: $tabbar-height;\r\n// $tabbar-menu-icon-padding: 0;\r\n\r\n// $tabbar-hamburger-icon-width: rem-calc(16);\r\n// $tabbar-hamburger-icon-left: false;\r\n// $tabbar-hamburger-icon-top: false;\r\n// $tabbar-hamburger-icon-thickness: 1px;\r\n// $tabbar-hamburger-icon-gap: 6px;\r\n\r\n// Off Canvas Back-Link Overlay\r\n// $off-canvas-overlay-transition: background 300ms ease;\r\n// $off-canvas-overlay-cursor: pointer;\r\n// $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5);\r\n// $off-canvas-overlay-background: rgba($white, 0.2);\r\n// $off-canvas-overlay-background-hover: rgba($white, 0.05);\r\n\r\n// Transition Variables\r\n// $menu-slide: \"transform 500ms ease\";\r\n\r\n// 19. Orbit\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-orbit-classes: $include-html-classes;\r\n\r\n// We use these to control the caption styles\r\n// $orbit-container-bg: none;\r\n// $orbit-caption-bg: rgba(51,51,51, 0.8);\r\n// $orbit-caption-font-color: $white;\r\n// $orbit-caption-font-size: rem-calc(14);\r\n// $orbit-caption-position: \"bottom\"; // Supported values: \"bottom\", \"under\"\r\n// $orbit-caption-padding: rem-calc(10 14);\r\n// $orbit-caption-height: auto;\r\n\r\n// We use these to control the left/right nav styles\r\n// $orbit-nav-bg: transparent;\r\n// $orbit-nav-bg-hover: rgba(0,0,0,0.3);\r\n// $orbit-nav-arrow-color: $white;\r\n// $orbit-nav-arrow-color-hover: $white;\r\n\r\n// We use these to control the timer styles\r\n// $orbit-timer-bg: rgba(255,255,255,0.3);\r\n// $orbit-timer-show-progress-bar: true;\r\n\r\n// We use these to control the bullet nav styles\r\n// $orbit-bullet-nav-color: $iron;\r\n// $orbit-bullet-nav-color-active: $aluminum;\r\n// $orbit-bullet-radius: rem-calc(9);\r\n\r\n// We use these to controls the style of slide numbers\r\n// $orbit-slide-number-bg: rgba(0,0,0,0);\r\n// $orbit-slide-number-font-color: $white;\r\n// $orbit-slide-number-padding: rem-calc(5);\r\n\r\n// Hide controls on small\r\n// $orbit-nav-hide-for-small: true;\r\n// $orbit-bullet-hide-for-small: true;\r\n// $orbit-timer-hide-for-small: true;\r\n\r\n// Graceful Loading Wrapper and preloader\r\n// $wrapper-class: \"slideshow-wrapper\";\r\n// $preloader-class: \"preloader\";\r\n\r\n// 20. Pagination\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-pagination-classes: $include-html-classes;\r\n\r\n// We use these to control the pagination container\r\n// $pagination-height: rem-calc(24);\r\n// $pagination-margin: rem-calc(-5);\r\n\r\n// We use these to set the list-item properties\r\n// $pagination-li-float: $default-float;\r\n// $pagination-li-height: rem-calc(24);\r\n// $pagination-li-font-color: $jet;\r\n// $pagination-li-font-size: rem-calc(14);\r\n// $pagination-li-margin: rem-calc(5);\r\n\r\n// We use these for the pagination anchor links\r\n// $pagination-link-pad: rem-calc(1 10 1);\r\n// $pagination-link-font-color: $aluminum;\r\n// $pagination-link-active-bg: scale-color($white, $lightness: -10%);\r\n\r\n// We use these for disabled anchor links\r\n// $pagination-link-unavailable-cursor: default;\r\n// $pagination-link-unavailable-font-color: $aluminum;\r\n// $pagination-link-unavailable-bg-active: transparent;\r\n\r\n// We use these for currently selected anchor links\r\n// $pagination-link-current-background: $primary-color;\r\n// $pagination-link-current-font-color: $white;\r\n// $pagination-link-current-font-weight: $font-weight-bold;\r\n// $pagination-link-current-cursor: default;\r\n// $pagination-link-current-active-bg: $primary-color;\r\n\r\n// 21. Panels\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-panel-classes: $include-html-classes;\r\n\r\n// We use these to control the background and border styles\r\n$panel-bg: $grey-1;\r\n// $panel-border-style: solid;\r\n// $panel-border-size: 1px;\r\n\r\n// We use this % to control how much we darken things on hover\r\n// $panel-function-factor: -11%;\r\n// $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor);\r\n\r\n// We use these to set default inner padding and bottom margin\r\n// $panel-margin-bottom: rem-calc(20);\r\n// $panel-padding: rem-calc(20);\r\n\r\n// We use these to set default font colors\r\n// $panel-font-color: $oil;\r\n// $panel-font-color-alt: $white;\r\n\r\n// $panel-header-adjust: true;\r\n// $callout-panel-link-color: $primary-color;\r\n\r\n// 22. Pricing Tables\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-pricing-classes: $include-html-classes;\r\n\r\n// We use this to control the border color\r\n// $price-table-border: solid 1px $gainsboro;\r\n\r\n// We use this to control the bottom margin of the pricing table\r\n// $price-table-margin-bottom: rem-calc(20);\r\n\r\n// We use these to control the title styles\r\n// $price-title-bg: $oil;\r\n// $price-title-padding: rem-calc(15 20);\r\n// $price-title-align: center;\r\n// $price-title-color: $smoke;\r\n// $price-title-weight: $font-weight-normal;\r\n// $price-title-size: rem-calc(16);\r\n// $price-title-font-family: $body-font-family;\r\n\r\n// We use these to control the price styles\r\n// $price-money-bg: $vapor  ;\r\n// $price-money-padding: rem-calc(15 20);\r\n// $price-money-align: center;\r\n// $price-money-color: $oil;\r\n// $price-money-weight: $font-weight-normal;\r\n// $price-money-size: rem-calc(32);\r\n// $price-money-font-family: $body-font-family;\r\n\r\n// We use these to control the description styles\r\n// $price-bg: $white;\r\n// $price-desc-color: $monsoon;\r\n// $price-desc-padding: rem-calc(15);\r\n// $price-desc-align: center;\r\n// $price-desc-font-size: rem-calc(12);\r\n// $price-desc-weight: $font-weight-normal;\r\n// $price-desc-line-height: 1.4;\r\n// $price-desc-bottom-border: dotted 1px $gainsboro;\r\n\r\n// We use these to control the list item styles\r\n// $price-item-color: $oil;\r\n// $price-item-padding: rem-calc(15);\r\n// $price-item-align: center;\r\n// $price-item-font-size: rem-calc(14);\r\n// $price-item-weight: $font-weight-normal;\r\n// $price-item-bottom-border: dotted 1px $gainsboro;\r\n\r\n// We use these to control the CTA area styles\r\n// $price-cta-bg: $white;\r\n// $price-cta-align: center;\r\n// $price-cta-padding: rem-calc(20 20 0);\r\n\r\n// 23. Progress Bar\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-media-classes: $include-html-classes;\r\n\r\n// We use this to set the progress bar height\r\n// $progress-bar-height: rem-calc(25);\r\n// $progress-bar-color: $vapor  ;\r\n\r\n// We use these to control the border styles\r\n// $progress-bar-border-color: scale-color($white, $lightness: 20%);\r\n// $progress-bar-border-size: 1px;\r\n// $progress-bar-border-style: solid;\r\n// $progress-bar-border-radius: $global-radius;\r\n\r\n// We use these to control the margin & padding\r\n// $progress-bar-pad: rem-calc(2);\r\n// $progress-bar-margin-bottom: rem-calc(10);\r\n\r\n// We use these to set the meter colors\r\n// $progress-meter-color: $primary-color;\r\n// $progress-meter-secondary-color: $secondary-color;\r\n// $progress-meter-success-color: $success-color;\r\n// $progress-meter-alert-color: $alert-color;\r\n\r\n// 24. Range Slider\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-range-slider-classes: $include-html-classes;\r\n\r\n// These variables define the slider bar styles\r\n// $range-slider-bar-width: 100%;\r\n// $range-slider-bar-height: rem-calc(16);\r\n\r\n// $range-slider-bar-border-width: 1px;\r\n// $range-slider-bar-border-style: solid;\r\n// $range-slider-bar-border-color: $gainsboro;\r\n// $range-slider-radius: $global-radius;\r\n// $range-slider-round: $global-rounded;\r\n// $range-slider-bar-bg-color: $ghost;\r\n\r\n// Vertical bar styles\r\n// $range-slider-vertical-bar-width: rem-calc(16);\r\n// $range-slider-vertical-bar-height: rem-calc(200);\r\n\r\n// These variables define the slider handle styles\r\n// $range-slider-handle-width: rem-calc(32);\r\n// $range-slider-handle-height: rem-calc(22);\r\n// $range-slider-handle-position-top: rem-calc(-5);\r\n// $range-slider-handle-bg-color: $primary-color;\r\n// $range-slider-handle-border-width: 1px;\r\n// $range-slider-handle-border-style: solid;\r\n// $range-slider-handle-border-color: none;\r\n// $range-slider-handle-radius: $global-radius;\r\n// $range-slider-handle-round: $global-rounded;\r\n// $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%);\r\n// $range-slider-handle-cursor: pointer;\r\n\r\n// 25. Reveal\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-reveal-classes: $include-html-classes;\r\n\r\n// We use these to control the style of the reveal overlay.\r\n// $reveal-overlay-bg: rgba($black, .45);\r\n// $reveal-overlay-bg-old: $black;\r\n\r\n// We use these to control the style of the modal itself.\r\n// $reveal-modal-bg: $white;\r\n// $reveal-position-top: rem-calc(100);\r\n// $reveal-default-width: 80%;\r\n// $reveal-max-width: $row-width;\r\n// $reveal-modal-padding: rem-calc(20);\r\n// $reveal-box-shadow: 0 0 10px rgba($black,.4);\r\n\r\n// We use these to style the reveal close button\r\n// $reveal-close-font-size: rem-calc(40);\r\n// $reveal-close-top: rem-calc(8);\r\n// $reveal-close-side: rem-calc(11);\r\n// $reveal-close-color: $base;\r\n// $reveal-close-weight: $font-weight-bold;\r\n\r\n// We use this to set the default radius used throughout the core.\r\n// $reveal-radius: $global-radius;\r\n// $reveal-round: $global-rounded;\r\n\r\n// We use these to control the modal border\r\n// $reveal-border-style: solid;\r\n// $reveal-border-width: 1px;\r\n// $reveal-border-color: $steel;\r\n\r\n// $reveal-modal-class: \"reveal-modal\";\r\n// $close-reveal-modal-class: \"close-reveal-modal\";\r\n\r\n// 26. Side Nav\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-nav-classes: $include-html-classes;\r\n\r\n// We use this to control padding.\r\n$side-nav-padding: rem-calc(0 0 0 0);\r\n\r\n// We use these to control list styles.\r\n// $side-nav-list-type: none;\r\n// $side-nav-list-position: inside;\r\n$side-nav-list-margin: rem-calc(0 0 0 0);\r\n\r\n// We use these to control link styles.\r\n$side-nav-link-color: $primary-color;\r\n$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: -40%);\r\n$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: -40%);\r\n$side-nav-font-size: rem-calc(16);\r\n\r\n// $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025);\r\n// $side-nav-link-margin: 0;\r\n// $side-nav-link-padding: rem-calc(7 14);\r\n// $side-nav-font-size: rem-calc(14);\r\n// $side-nav-font-weight: $font-weight-normal;\r\n// $side-nav-font-weight-active: $side-nav-font-weight;\r\n// $side-nav-font-family: $body-font-family;\r\n// $side-nav-font-family-active: $side-nav-font-family;\r\n\r\n// We use these to control heading styles.\r\n// $side-nav-heading-color: $side-nav-link-color;\r\n// $side-nav-heading-font-size: $side-nav-font-size;\r\n// $side-nav-heading-font-weight: bold;\r\n// $side-nav-heading-text-transform: uppercase;\r\n\r\n// We use these to control border styles\r\n$side-nav-divider-size: 1px;\r\n$side-nav-divider-style: solid;\r\n$side-nav-divider-color: $grey-1;\r\n\r\n\r\n\r\n// 27. Split Buttons\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-button-classes: $include-html-classes;\r\n\r\n// We use these to control different shared styles for Split Buttons\r\n// $split-button-function-factor: 10%;\r\n// $split-button-pip-color: $white;\r\n// $split-button-pip-color-alt: $oil;\r\n// $split-button-active-bg-tint: rgba(0,0,0,0.1);\r\n\r\n// We use these to control tiny split buttons\r\n// $split-button-padding-tny: $button-pip-tny * 10;\r\n// $split-button-span-width-tny: $button-pip-tny * 6;\r\n// $split-button-pip-size-tny: $button-pip-tny;\r\n// $split-button-pip-top-tny: $button-pip-tny * 2;\r\n// $split-button-pip-default-float-tny: rem-calc(-6);\r\n\r\n// We use these to control small split buttons\r\n// $split-button-padding-sml: $button-pip-sml * 10;\r\n// $split-button-span-width-sml: $button-pip-sml * 6;\r\n// $split-button-pip-size-sml: $button-pip-sml;\r\n// $split-button-pip-top-sml: $button-pip-sml * 1.5;\r\n// $split-button-pip-default-float-sml: rem-calc(-6);\r\n\r\n// We use these to control medium split buttons\r\n// $split-button-padding-med: $button-pip-med * 9;\r\n// $split-button-span-width-med: $button-pip-med * 5.5;\r\n// $split-button-pip-size-med: $button-pip-med - rem-calc(3);\r\n// $split-button-pip-top-med: $button-pip-med * 1.5;\r\n// $split-button-pip-default-float-med: rem-calc(-6);\r\n\r\n// We use these to control large split buttons\r\n// $split-button-padding-lrg: $button-pip-lrg * 8;\r\n// $split-button-span-width-lrg: $button-pip-lrg * 5;\r\n// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);\r\n// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5);\r\n// $split-button-pip-default-float-lrg: rem-calc(-6);\r\n\r\n// 28. Sub Nav\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-nav-classes: $include-html-classes;\r\n\r\n// We use these to control margin and padding\r\n// $sub-nav-list-margin: rem-calc(-4 0 18);\r\n// $sub-nav-list-padding-top: rem-calc(4);\r\n\r\n// We use this to control the definition\r\n// $sub-nav-font-family: $body-font-family;\r\n// $sub-nav-font-size: rem-calc(14);\r\n// $sub-nav-font-color: $aluminum;\r\n// $sub-nav-font-weight: $font-weight-normal;\r\n// $sub-nav-text-decoration: none;\r\n// $sub-nav-padding: rem-calc(3 16);\r\n// $sub-nav-border-radius: 3px;\r\n// $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%);\r\n\r\n// We use these to control the active item styles\r\n// $sub-nav-active-font-weight: $font-weight-normal;\r\n// $sub-nav-active-bg: $primary-color;\r\n// $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%);\r\n// $sub-nav-active-color: $white;\r\n// $sub-nav-active-padding: $sub-nav-padding;\r\n// $sub-nav-active-cursor: default;\r\n\r\n// $sub-nav-item-divider: \"\";\r\n// $sub-nav-item-divider-margin: rem-calc(12);\r\n\r\n// 29. Switch\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-form-classes: $include-html-classes;\r\n\r\n// Controlling border styles and background colors for the switch container\r\n// $switch-border-color: scale-color($white, $lightness: -20%);\r\n// $switch-border-style: solid;\r\n// $switch-border-width: 1px;\r\n// $switch-bg: $white;\r\n\r\n// We use these to control the switch heights for our default classes\r\n// $switch-height-tny: rem-calc(22);\r\n// $switch-height-sml: rem-calc(28);\r\n// $switch-height-med: rem-calc(36);\r\n// $switch-height-lrg: rem-calc(44);\r\n// $switch-bottom-margin: rem-calc(20);\r\n\r\n// We use these to control default font sizes for our classes.\r\n// $switch-font-size-tny: 11px;\r\n// $switch-font-size-sml: 12px;\r\n// $switch-font-size-med: 14px;\r\n// $switch-font-size-lrg: 17px;\r\n// $switch-label-side-padding: 6px;\r\n\r\n// We use these to style the switch-paddle\r\n// $switch-paddle-bg: $white;\r\n// $switch-paddle-fade-to-color: scale-color($switch-paddle-bg, $lightness: -10%);\r\n// $switch-paddle-border-color: scale-color($switch-paddle-bg, $lightness: -35%);\r\n// $switch-paddle-border-width: 1px;\r\n// $switch-paddle-border-style: solid;\r\n// $switch-paddle-transition-speed: .1s;\r\n// $switch-paddle-transition-ease: ease-out;\r\n// $switch-positive-color: scale-color($success-color, $lightness: 94%);\r\n// $switch-negative-color: $white-smoke;\r\n\r\n// Outline Style for tabbing through switches\r\n// $switch-label-outline: 1px dotted $jumbo;\r\n\r\n// 30. Tables\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-table-classes: $include-html-classes;\r\n\r\n// These control the background color for the table and even rows\r\n// $table-bg: $white;\r\n$table-even-row-bg: $grey-1;\r\n\r\n// These control the table cell border style\r\n// $table-border-style: solid;\r\n// $table-border-size: 1px;\r\n// $table-border-color: $gainsboro;\r\n\r\n// These control the table head styles\r\n$table-head-bg: $grey-2;\r\n// $table-head-font-size: rem-calc(14);\r\n// $table-head-font-color: $jet;\r\n// $table-head-font-weight: $font-weight-bold;\r\n// $table-head-padding: rem-calc(8 10 10);\r\n\r\n// These control the row padding and font styles\r\n// $table-row-padding: rem-calc(9 10);\r\n// $table-row-font-size: rem-calc(14);\r\n// $table-row-font-color: $jet;\r\n// $table-line-height: rem-calc(18);\r\n\r\n// These are for controlling the layout, display and margin of tables\r\n// $table-layout: auto;\r\n// $table-display: table-cell;\r\n// $table-margin-bottom: rem-calc(20);\r\n\r\n// 31. Tabs\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-tabs-classes: $include-html-classes;\r\n\r\n// $tabs-navigation-padding: rem-calc(16);\r\n// $tabs-navigation-bg-color: $silver  ;\r\n// $tabs-navigation-active-bg-color: $white;\r\n// $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%);\r\n// $tabs-navigation-font-color: $jet;\r\n// $tabs-navigation-active-font-color: $tabs-navigation-font-color;\r\n// $tabs-navigation-font-size: rem-calc(16);\r\n// $tabs-navigation-font-family: $body-font-family;\r\n\r\n// $tabs-content-margin-bottom: rem-calc(24);\r\n// $tabs-content-padding: $column-gutter/2;\r\n\r\n// $tabs-vertical-navigation-margin-bottom: 1.25rem;\r\n\r\n// 32. Thumbnails\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-media-classes: $include-html-classes;\r\n\r\n// We use these to control border styles\r\n// $thumb-border-style: solid;\r\n// $thumb-border-width: 4px;\r\n// $thumb-border-color: $white;\r\n// $thumb-box-shadow: 0 0 0 1px rgba($black,.2);\r\n// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5);\r\n\r\n// Radius and transition speed for thumbs\r\n// $thumb-radius: $global-radius;\r\n// $thumb-transition-speed: 200ms;\r\n\r\n// 33. Tooltips\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-tooltip-classes: $include-html-classes;\r\n\r\n// $has-tip-border-bottom: dotted 1px $iron;\r\n// $has-tip-font-weight: $font-weight-bold;\r\n// $has-tip-font-color: $oil;\r\n// $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%);\r\n// $has-tip-font-color-hover: $primary-color;\r\n// $has-tip-cursor-type: help;\r\n\r\n// $tooltip-padding: rem-calc(12);\r\n// $tooltip-bg: $oil;\r\n// $tooltip-font-size: rem-calc(14);\r\n// $tooltip-font-weight: $font-weight-normal;\r\n// $tooltip-font-color: $white;\r\n// $tooltip-line-height: 1.3;\r\n// $tooltip-close-font-size: rem-calc(10);\r\n// $tooltip-close-font-weight: $font-weight-normal;\r\n// $tooltip-close-font-color: $monsoon;\r\n// $tooltip-font-size-sml: rem-calc(14);\r\n// $tooltip-radius: $global-radius;\r\n// $tooltip-rounded: $global-rounded;\r\n// $tooltip-pip-size: 5px;\r\n// $tooltip-max-width: 300px;\r\n\r\n// 34. Top Bar\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-top-bar-classes: $include-html-classes;\r\n\r\n// Height and margin\r\n$topbar-height: rem-calc(50);\r\n// $topbar-margin-bottom: 0;\r\n\r\n// Controlling the styles for the title in the top bar\r\n$topbar-title-weight: $font-weight-bold;\r\n$topbar-title-font-size: rem-calc(19);\r\n\r\n// Style the top bar dropdown elements\r\n// $topbar-dropdown-bg: $oil;\r\n// $topbar-dropdown-link-color: $white;\r\n// $topbar-dropdown-link-bg: $ci-2;\r\n// $topbar-dropdown-link-weight: $font-weight-normal;\r\n// $topbar-dropdown-toggle-size: 5px;\r\n// $topbar-dropdown-toggle-color: $ci-2;\r\n// $topbar-dropdown-toggle-alpha: 0.4;\r\n\r\n// Set the link colors and styles for top-level nav\r\n// $topbar-link-color: #000;\r\n// $topbar-link-color-hover: #000;\r\n// $topbar-link-color-active: #000;\r\n// $topbar-link-color-active-hover: #000;\r\n// $topbar-link-weight: $font-weight-normal;\r\n$topbar-link-font-size: rem-calc(15);\r\n// $topbar-link-hover-lightness: -10%; // Darken by 10%\r\n// $topbar-link-bg: $topbar-bg;\r\n// $topbar-link-bg-color-hover: #ff0;\r\n// $topbar-link-bg-hover: #f00;\r\n// $topbar-link-bg-active: $primary-color;\r\n// $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%);\r\n// $topbar-link-font-family: $body-font-family;\r\n$topbar-link-text-transform: uppercase;\r\n// $topbar-link-padding: $topbar-height / 3;\r\n// $topbar-back-link-size: $h5-font-size;\r\n// $topbar-link-dropdown-padding: 20px;\r\n\r\n// $topbar-button-font-size: 0.75rem;\r\n// $topbar-button-top: 7px;\r\n\r\n// $topbar-dropdown-label-color: #f77;\r\n// $topbar-dropdown-label-text-transform: uppercase;\r\n// $topbar-dropdown-label-font-weight: $font-weight-bold;\r\n// $topbar-dropdown-label-font-size: rem-calc(10);\r\n// $topbar-dropdown-label-bg: $oil;\r\n\r\n// Top menu icon styles\r\n$topbar-menu-link-transform: uppercase;\r\n// $topbar-menu-link-font-size: rem-calc(13);\r\n// $topbar-menu-link-weight: $font-weight-bold;\r\n// $topbar-menu-link-color: $white;\r\n// $topbar-menu-icon-color: $white;\r\n// $topbar-menu-link-color-toggled: $ci-6;\r\n// $topbar-menu-icon-color-toggled: $ci-6;\r\n\r\n// Transitions and breakpoint styles\r\n// $topbar-transition-speed: 300ms;\r\n// Using rem-calc for the below breakpoint causes issues with top bar\r\n$topbar-breakpoint: #{lower-bound($large-range)}; // Change to 9999px for always mobile layout\r\n$topbar-media-query: \"only screen and (min-width: #{$topbar-breakpoint})\" !default;\r\n\r\n// Divider Styles\r\n$topbar-divider-border-bottom: solid 0px scale-color($topbar-bg-color, $lightness: 23%);\r\n$topbar-divider-border-top: solid 0px scale-color($topbar-bg-color, $lightness: -50%);\r\n\r\n// Sticky Class\r\n// $topbar-sticky-class: \".sticky\";\r\n// $topbar-arrows: true; //Set false to remove the triangle icon from the menu item\r\n\r\n// 36. Visibility Classes\r\n// - - - - - - - - - - - - - - - - - - - - - - - - -\r\n\r\n// $include-html-visibility-classes: $include-html-classes;\r\n// $include-table-visibility-classes: true;\r\n// $include-legacy-visibility-classes: true;\r\n// $include-accessibility-classes: true;\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n@import \"buttons\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-form-classes: $include-html-classes !default;\r\n\r\n// We use this to set the base for lots of form spacing and positioning styles\r\n$form-spacing: rem-calc(16) !default;\r\n\r\n// We use these to style the labels in different ways\r\n$form-label-pointer: pointer !default;\r\n$form-label-font-size: rem-calc(14) !default;\r\n$form-label-font-weight: $font-weight-normal !default;\r\n$form-label-line-height: 1.5 !default;\r\n$form-label-font-color: scale-color($black, $lightness: 30%) !default;\r\n$form-label-small-transform: capitalize !default;\r\n$form-label-bottom-margin: 0 !default;\r\n$input-font-family: inherit !default;\r\n$input-font-color: rgba(0,0,0,0.75) !default;\r\n$input-font-size: rem-calc(14) !default;\r\n$input-bg-color: $white !default;\r\n$input-focus-bg-color: scale-color($white, $lightness: -2%) !default;\r\n$input-border-color: scale-color($white, $lightness: -20%) !default;\r\n$input-focus-border-color: scale-color($white, $lightness: -40%) !default;\r\n$input-border-style: solid !default;\r\n$input-border-width: 1px !default;\r\n$input-border-radius: $global-radius !default;\r\n$input-disabled-bg: $gainsboro !default;\r\n$input-disabled-cursor: $cursor-default-value !default;\r\n$input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default;\r\n$input-include-glowing-effect: true !default;\r\n\r\n// We use these to style the fieldset border and spacing.\r\n$fieldset-border-style: solid !default;\r\n$fieldset-border-width: 1px !default;\r\n$fieldset-border-color: $gainsboro !default;\r\n$fieldset-padding: rem-calc(20) !default;\r\n$fieldset-margin: rem-calc(18 0) !default;\r\n\r\n// We use these to style the legends when you use them\r\n$legend-bg: $white !default;\r\n$legend-font-weight: $font-weight-bold !default;\r\n$legend-padding: rem-calc(0 3) !default;\r\n\r\n// We use these to style the prefix and postfix input elements\r\n$input-prefix-bg: scale-color($white, $lightness: -5%) !default;\r\n$input-prefix-border-color: scale-color($white, $lightness: -20%) !default;\r\n$input-prefix-border-size: 1px !default;\r\n$input-prefix-border-type: solid !default;\r\n$input-prefix-overflow: hidden !default;\r\n$input-prefix-font-color: $oil !default;\r\n$input-prefix-font-color-alt: $white !default;\r\n\r\n// We use this setting to turn on/off HTML5 number spinners (the up/down arrows)\r\n$input-number-spinners: true !default;\r\n\r\n// We use these to style the error states for inputs and labels\r\n$input-error-message-padding: rem-calc(6 9 9) !default;\r\n$input-error-message-top: -1px !default;\r\n$input-error-message-font-size: rem-calc(12) !default;\r\n$input-error-message-font-weight: $font-weight-normal !default;\r\n$input-error-message-font-style: italic !default;\r\n$input-error-message-font-color: $white !default;\r\n$input-error-message-bg-color: $alert-color !default;\r\n$input-error-message-font-color-alt: $oil !default;\r\n\r\n// We use this to style the glowing effect of inputs when focused\r\n$glowing-effect-fade-time: 0.45s !default;\r\n$glowing-effect-color: $input-focus-border-color !default;\r\n\r\n// Select variables\r\n$select-bg-color: $ghost !default;\r\n$select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;\r\n\r\n//\r\n// @MIXINS\r\n//\r\n\r\n// We use this mixin to give us form styles for rows inside of forms\r\n@mixin form-row-base {\r\n  .row { margin: 0 ((-$form-spacing) / 2);\r\n\r\n    .column,\r\n    .columns { padding: 0 ($form-spacing / 2); }\r\n\r\n    // Use this to collapse the margins of a form row\r\n    &.collapse { margin: 0;\r\n\r\n      .column,\r\n      .columns { padding: 0; }\r\n      input {\r\n        @include side-radius($opposite-direction, 0);\r\n      }\r\n\r\n    }\r\n  }\r\n  input.column,\r\n  input.columns,\r\n  textarea.column,\r\n  textarea.columns { padding-#{$default-float}: ($form-spacing / 2); }\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to give all basic form elements their style\r\n@mixin form-element {\r\n  background-color: $input-bg-color;\r\n  font-family: $input-font-family;\r\n  border: {\r\n    style: $input-border-style;\r\n    width: $input-border-width;\r\n    color: $input-border-color;\r\n  }\r\n  box-shadow: $input-box-shadow;\r\n  color: $input-font-color;\r\n  display: block;\r\n  font-size: $input-font-size;\r\n  margin: 0 0 $form-spacing 0;\r\n  padding: $form-spacing / 2;\r\n  height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\r\n  width: 100%;\r\n  @include box-sizing(border-box);\r\n  @if $input-include-glowing-effect {\r\n    @include block-glowing-effect(focus, $glowing-effect-fade-time, $glowing-effect-color);\r\n  }\r\n  // Basic focus styles\r\n  &:focus {\r\n    background: $input-focus-bg-color;\r\n    border-color: $input-focus-border-color;\r\n    outline: none;\r\n  }\r\n  // Disbaled Styles\r\n  &:disabled {\r\n    background-color: $input-disabled-bg;\r\n    cursor: $input-disabled-cursor;\r\n  }\r\n\r\n  // Disabled background input background color\r\n  &[disabled],\r\n  &[readonly],\r\n  fieldset[disabled] & {\r\n    background-color: $input-disabled-bg;\r\n    cursor: $input-disabled-cursor;\r\n  }\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to create form labels\r\n//\r\n// $alignment - Alignment options. Default: false. Options: [right, inline, false]\r\n// $base-style - Control whether or not the base styles come through. Default: true.\r\n@mixin form-label($alignment:false, $base-style:true) {\r\n\r\n  // Control whether or not the base styles come through.\r\n  @if $base-style {\r\n    font-size: $form-label-font-size;\r\n    color: $form-label-font-color;\r\n    cursor: $form-label-pointer;\r\n    display: block;\r\n    font-weight: $form-label-font-weight;\r\n    line-height: $form-label-line-height;\r\n    margin-bottom: $form-label-bottom-margin;\r\n  }\r\n\r\n  // Alignment options\r\n  @if $alignment == right {\r\n    float: none !important;\r\n    text-align: right;\r\n  }\r\n  @else if $alignment == inline {\r\n    margin: 0 0 $form-spacing 0;\r\n    padding: $form-spacing / 2 + rem-calc($input-border-width) 0;\r\n  }\r\n}\r\n\r\n// We use this mixin to create postfix/prefix form Labels\r\n@mixin prefix-postfix-base {\r\n  display: block;\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  width: 100%;\r\n  padding-top: 0;\r\n  padding-bottom: 0;\r\n  border-style: $input-prefix-border-type;\r\n  border-width: $input-prefix-border-size;\r\n  overflow: $input-prefix-overflow;\r\n  font-size: $form-label-font-size;\r\n  height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\r\n  line-height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to create prefix label styles\r\n// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default;\r\n// $is-button - Toggle position settings if prefix is a button. Default:false\r\n//\r\n@mixin prefix($bg:$input-prefix-bg, $border:$input-prefix-border-color, $is-button:false) {\r\n\r\n  @if $bg {\r\n    $bg-lightness: lightness($bg);\r\n    background: $bg;\r\n    border-#{$opposite-direction}: none;\r\n\r\n    // Control the font color based on background brightness\r\n    @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; }\r\n    @else { color: $input-prefix-font-color-alt; }\r\n  }\r\n\r\n  @if $border {\r\n    border-color: $border;\r\n  }\r\n\r\n  @if $is-button {\r\n    padding-#{$default-float}: 0;\r\n    padding-#{$opposite-direction}: 0;\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n    border: none;\r\n  }\r\n\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to create postfix label styles\r\n// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default;\r\n// $is-button - Toggle position settings if prefix is a button. Default: false\r\n@mixin postfix($bg:$input-prefix-bg, $border:$input-prefix-border-color, $is-button:false) {\r\n\r\n  @if $bg {\r\n    $bg-lightness: lightness($bg);\r\n    background: $bg;\r\n    border-#{$default-float}: none;\r\n\r\n    // Control the font color based on background brightness\r\n    @if $bg-lightness > 70%  or $bg == yellow { color: $input-prefix-font-color; }\r\n    @else { color: $input-prefix-font-color-alt; }\r\n  }\r\n\r\n  @if $border {\r\n    border-color: $border;\r\n  }\r\n\r\n  @if $is-button {\r\n    padding-#{$default-float}: 0;\r\n    padding-#{$opposite-direction}: 0;\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n    border: none;\r\n  }\r\n\r\n}\r\n\r\n// We use this mixin to style fieldsets\r\n@mixin fieldset {\r\n  border: $fieldset-border-width $fieldset-border-style $fieldset-border-color;\r\n  padding: $fieldset-padding;\r\n  margin: $fieldset-margin;\r\n\r\n  // and legend styles\r\n  legend {\r\n    font-weight: $legend-font-weight;\r\n    background: $legend-bg;\r\n    padding: $legend-padding;\r\n    margin: 0;\r\n    margin-#{$default-float}: rem-calc(-3);\r\n  }\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to control border and background color of error inputs\r\n// $color - Default: $alert-color (found in settings file)\r\n@mixin form-error-color($color:$alert-color) {\r\n  border-color: $color;\r\n  background-color: rgba($color, 0.1);\r\n\r\n  // Go back to normal on focus\r\n  &:focus {\r\n    background: $input-focus-bg-color;\r\n    border-color: $input-focus-border-color;\r\n  }\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this simple mixin to style labels for error inputs\r\n// $color - Default:$alert-color. Found in settings file\r\n@mixin form-label-error-color($color:$alert-color) { color: $color; }\r\n\r\n// @MIXIN\r\n//\r\n// We use this mixin to create error message styles\r\n// $bg - Default: $alert-color (Found in settings file)\r\n@mixin form-error-message($bg:$input-error-message-bg-color) {\r\n  display: block;\r\n  padding: $input-error-message-padding;\r\n  margin-top: $input-error-message-top;\r\n  margin-bottom: $form-spacing;\r\n  font-size: $input-error-message-font-size;\r\n  font-weight: $input-error-message-font-weight;\r\n  font-style: $input-error-message-font-style;\r\n\r\n  // We can control the text color based on the brightness of the background.\r\n  $bg-lightness: lightness($bg);\r\n  background: $bg;\r\n  @if $bg-lightness < 70% or $bg == yellow { color: $input-error-message-font-color; }\r\n  @else { color: $input-error-message-font-color-alt; }\r\n}\r\n\r\n// We use this mixin to style select elements\r\n@mixin form-select  {\r\n  -webkit-appearance: none !important;\r\n  border-radius: 0;\r\n  background-color: $select-bg-color;\r\n\r\n  // Hide the dropdown arrow shown in newer IE versions\r\n  &::-ms-expand {\r\n    display: none;\r\n  }\r\n\r\n  // The custom arrow has some fake horizontal padding so we can align it\r\n  // from the right side of the element without relying on CSS3\r\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);\r\n\r\n  // We can safely use leftmost and rightmost now\r\n  background-position: if($text-direction == 'rtl', 0%, 100%) center;\r\n\r\n  background-repeat: no-repeat;\r\n  border: {\r\n    style: $input-border-style;\r\n    width: $input-border-width;\r\n    color: $input-border-color;\r\n  }\r\n  padding: ($form-spacing / 2);\r\n  font-size: $input-font-size;\r\n  font-family: $body-font-family;\r\n  color: $input-font-color;\r\n  line-height: normal;\r\n  @include radius(0);\r\n  &.radius { @include radius($global-radius); }\r\n  &:hover {\r\n    background-color: $select-hover-bg-color;\r\n    border-color: $input-focus-border-color;\r\n  }\r\n  // Disabled Styles\r\n  &:disabled {\r\n    background-color: $input-disabled-bg;\r\n    cursor: $input-disabled-cursor;\r\n  }\r\n}\r\n\r\n// We use this mixin to turn on/off HTML5 number spinners\r\n@mixin html5number($browser, $on:true) {\r\n  @if $on==false {\r\n      @if $browser==webkit {\r\n        -webkit-appearance: none;\r\n        margin: 0;\r\n      } @else if $browser==moz {\r\n        -moz-appearance: textfield;\r\n      }\r\n  }\r\n}\r\n\r\n@include exports(\"form\") {\r\n  @if $include-html-form-classes {\r\n    /* Standard Forms */\r\n    form { margin: 0 0 $form-spacing; }\r\n\r\n    /* Using forms within rows, we need to set some defaults */\r\n    form .row { @include form-row-base; }\r\n\r\n    /* Label Styles */\r\n    label { @include form-label;\r\n      &.right { @include form-label(right,false); }\r\n      &.inline { @include form-label(inline,false); }\r\n      /* Styles for required inputs */\r\n      small {\r\n        text-transform: $form-label-small-transform;\r\n        color: scale-color($form-label-font-color, $lightness: 15%);\r\n      }\r\n    }\r\n\r\n    /* Attach elements to the beginning or end of an input */\r\n    .prefix,\r\n    .postfix { @include prefix-postfix-base; }\r\n\r\n    /* Adjust padding, alignment and radius if pre/post element is a button */\r\n    .postfix.button { @include button-size(false,false); @include postfix(false, false, true); }\r\n    .prefix.button { @include button-size(false,false); @include prefix(false, false, true); }\r\n\r\n    .prefix.button.radius { @include radius(0); @include side-radius($default-float, $button-radius); }\r\n    .postfix.button.radius { @include radius(0); @include side-radius($opposite-direction, $button-radius); }\r\n    .prefix.button.round { @include radius(0); @include side-radius($default-float, $button-round); }\r\n    .postfix.button.round { @include radius(0); @include side-radius($opposite-direction, $button-round); }\r\n\r\n    /* Separate prefix and postfix styles when on span or label so buttons keep their own */\r\n    span.prefix,label.prefix { @include prefix(); }\r\n    span.postfix,label.postfix { @include postfix(); }\r\n\r\n    /* We use this to get basic styling on all basic form elements */\r\n    #{text-inputs(all, 'input')} {\r\n      -webkit-appearance: none;\r\n      border-radius: 0;\r\n      @include form-element;\r\n      @if $input-include-glowing-effect == false {\r\n          @include single-transition(all, 0.15s, linear);\r\n      }\r\n      &.radius {\r\n        @include radius($input-border-radius);\r\n      }\r\n    }\r\n\r\n    form {\r\n      .row {\r\n        .prefix-radius.row.collapse {\r\n          input,\r\n          textarea,\r\n          select { @include radius(0); @include side-radius($opposite-direction, $button-radius); }\r\n          .prefix { @include radius(0); @include side-radius($default-float, $button-radius); }\r\n        }\r\n        .postfix-radius.row.collapse {\r\n          input,\r\n          textarea,\r\n          select { @include radius(0); @include side-radius($default-float, $button-radius); }\r\n          .postfix { @include radius(0); @include side-radius($opposite-direction, $button-radius); }\r\n        }\r\n        .prefix-round.row.collapse {\r\n          input,\r\n          textarea,\r\n          select { @include radius(0); @include side-radius($opposite-direction, $button-round); }\r\n          .prefix { @include radius(0); @include side-radius($default-float, $button-round); }\r\n        }\r\n        .postfix-round.row.collapse {\r\n          input,\r\n          textarea,\r\n          select { @include radius(0); @include side-radius($default-float, $button-round); }\r\n          .postfix { @include radius(0); @include side-radius($opposite-direction, $button-round); }\r\n        }\r\n      }\r\n    }\r\n\r\n    input[type=\"submit\"] {\r\n      -webkit-appearance: none;\r\n      border-radius: 0;\r\n    }\r\n\r\n    /* Respect enforced amount of rows for textarea */\r\n    textarea[rows] {\r\n      height: auto;\r\n    }\r\n\r\n\t/* Not allow resize out of parent */\r\n\ttextarea {\r\n\t\tmax-width: 100%;\r\n\t}\r\n\r\n    /* Add height value for select elements to match text input height */\r\n    select {\r\n      @include form-select;\r\n      height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\r\n    }\r\n\r\n    /* Adjust margin for form elements below */\r\n    input[type=\"file\"],\r\n    input[type=\"checkbox\"],\r\n    input[type=\"radio\"],\r\n    select {\r\n      margin: 0 0 $form-spacing 0;\r\n    }\r\n\r\n    input[type=\"checkbox\"] + label,\r\n    input[type=\"radio\"] + label {\r\n      display: inline-block;\r\n      margin-#{$default-float}: $form-spacing * .5;\r\n      margin-#{$opposite-direction}: $form-spacing;\r\n      margin-bottom: 0;\r\n      vertical-align: baseline;\r\n    }\r\n\r\n    /* Normalize file input width */\r\n    input[type=\"file\"] {\r\n      width:100%;\r\n    }\r\n\r\n    /* HTML5 Number spinners settings */\r\n    input[type=number] {\r\n      @include html5number(moz, $input-number-spinners)\r\n    }\r\n    input[type=\"number\"]::-webkit-inner-spin-button,\r\n    input[type=\"number\"]::-webkit-outer-spin-button {\r\n      @include html5number(webkit, $input-number-spinners);\r\n    }\r\n\r\n    /* We add basic fieldset styling */\r\n    fieldset {\r\n      @include fieldset;\r\n    }\r\n\r\n    /* Error Handling */\r\n\r\n    #{data('abide')} {\r\n      .error small.error, .error span.error, span.error, small.error {\r\n        @include form-error-message;\r\n      }\r\n      span.error, small.error { display: none; }\r\n    }\r\n\r\n    span.error, small.error {\r\n      @include form-error-message;\r\n    }\r\n\r\n    .error {\r\n      input,\r\n      textarea,\r\n      select {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      input[type=\"checkbox\"],\r\n      input[type=\"radio\"] {\r\n        margin-bottom: $form-spacing\r\n      }\r\n\r\n      label,\r\n      label.error {\r\n        @include form-label-error-color;\r\n      }\r\n\r\n      small.error {\r\n        @include form-error-message;\r\n      }\r\n\r\n      > label {\r\n        > small {\r\n          color: scale-color($form-label-font-color, $lightness: 15%);\r\n          background: transparent;\r\n          padding: 0;\r\n          text-transform: $form-label-small-transform;\r\n          font-style: normal;\r\n          font-size: 60%;\r\n          margin: 0;\r\n          display: inline;\r\n        }\r\n      }\r\n\r\n      span.error-message {\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    input.error,\r\n    textarea.error,\r\n    select.error {\r\n      margin-bottom: 0;\r\n    }\r\n    label.error { @include form-label-error-color; }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n@import \"grid\";\r\n@import \"buttons\";\r\n@import \"forms\";\r\n\r\n//\r\n// Top Bar Variables\r\n//\r\n$include-html-top-bar-classes: $include-html-classes !default;\r\n\r\n// Background color for the top bar\r\n$topbar-bg-color: $oil !default;\r\n$topbar-bg: $topbar-bg-color !default;\r\n\r\n// Height and margin\r\n$topbar-height: rem-calc(45) !default;\r\n$topbar-margin-bottom: 0 !default;\r\n\r\n// Controlling the styles for the title in the top bar\r\n$topbar-title-weight: $font-weight-normal !default;\r\n$topbar-title-font-size: rem-calc(17) !default;\r\n\r\n// Set the link colors and styles for top-level nav\r\n$topbar-link-color: $white !default;\r\n$topbar-link-color-hover: $white !default;\r\n$topbar-link-color-active: $white !default;\r\n$topbar-link-color-active-hover: $white !default;\r\n$topbar-link-weight: $font-weight-normal !default;\r\n$topbar-link-font-size: rem-calc(13) !default;\r\n$topbar-link-hover-lightness: -10% !default; // Darken by 10%\r\n$topbar-link-bg: $topbar-bg !default;\r\n$topbar-link-bg-hover: $oil !default;\r\n$topbar-link-bg-color-hover: $charcoal !default;\r\n$topbar-link-bg-active: $primary-color !default;\r\n$topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%) !default;\r\n$topbar-link-font-family: $body-font-family !default;\r\n$topbar-link-text-transform: none !default;\r\n$topbar-link-padding: ($topbar-height / 3) !default;\r\n$topbar-back-link-size: rem-calc(18) !default;\r\n$topbar-link-dropdown-padding: rem-calc(20) !default;\r\n$topbar-button-font-size: 0.75rem !default;\r\n$topbar-button-top: 7px !default;\r\n\r\n// Style the top bar dropdown elements\r\n$topbar-dropdown-bg: $oil !default;\r\n$topbar-dropdown-link-color: $white !default;\r\n$topbar-dropdown-link-color-hover: $topbar-link-color-hover !default;\r\n$topbar-dropdown-link-bg: $oil !default;\r\n$topbar-dropdown-link-bg-hover: $oil !default;\r\n$topbar-dropdown-link-weight: $font-weight-normal !default;\r\n$topbar-dropdown-toggle-size: 5px !default;\r\n$topbar-dropdown-toggle-color: $white !default;\r\n$topbar-dropdown-toggle-alpha: 0.4 !default;\r\n\r\n$topbar-dropdown-label-color: $monsoon !default;\r\n$topbar-dropdown-label-text-transform: uppercase !default;\r\n$topbar-dropdown-label-font-weight: $font-weight-bold !default;\r\n$topbar-dropdown-label-font-size: rem-calc(10) !default;\r\n$topbar-dropdown-label-bg: $oil !default;\r\n\r\n// Top menu icon styles\r\n$topbar-menu-link-transform: uppercase !default;\r\n$topbar-menu-link-font-size: rem-calc(13) !default;\r\n$topbar-menu-link-weight: $font-weight-bold !default;\r\n$topbar-menu-link-color: $white !default;\r\n$topbar-menu-icon-color: $white !default;\r\n$topbar-menu-link-color-toggled: $jumbo !default;\r\n$topbar-menu-icon-color-toggled: $jumbo !default;\r\n\r\n// Transitions and breakpoint styles\r\n$topbar-transition-speed: 300ms !default;\r\n// Using rem-calc for the below breakpoint causes issues with top bar\r\n$topbar-breakpoint: #{lower-bound($medium-range)} !default; // Change to 9999px for always mobile layout\r\n$topbar-media-query: $medium-up !default;\r\n\r\n// Top-bar input styles\r\n$topbar-input-height: rem-calc(28) !default;\r\n\r\n// Divider Styles\r\n$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%) !default;\r\n$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%) !default;\r\n\r\n// Sticky Class\r\n$topbar-sticky-class: \".sticky\" !default;\r\n$topbar-arrows: true !default; //Set false to remove the triangle icon from the menu item\r\n$topbar-dropdown-arrows: true !default; //Set false to remove the \\00bb >> text from dropdown subnavigation li\r\n\r\n// Accessibility mixins for hiding and showing the menu dropdown items\r\n@mixin topbar-hide-dropdown {\r\n  // Makes an element visually hidden by default, but visible when focused.\r\n  display: block;\r\n  @include element-invisible();\r\n}\r\n\r\n@mixin topbar-show-dropdown {\r\n  display: block;\r\n  @include element-invisible-off();\r\n  position: absolute !important; // Reset the position from static to absolute\r\n}\r\n\r\n@include exports(\"top-bar\") {\r\n\r\n  @if $include-html-top-bar-classes {\r\n\r\n    // Used to provide media query values for javascript components.\r\n    // This class is generated despite the value of $include-html-top-bar-classes\r\n    // to ensure width calculations work correctly.\r\n    meta.foundation-mq-topbar {\r\n      font-family: \"/\" + unquote($topbar-media-query) + \"/\";\r\n      width: $topbar-breakpoint;\r\n    }\r\n\r\n    /* Wrapped around .top-bar to contain to grid width */\r\n    .contain-to-grid {\r\n      width: 100%;\r\n      background: $topbar-bg;\r\n\r\n      .top-bar { margin-bottom: $topbar-margin-bottom; }\r\n    }\r\n\r\n    // Wrapped around .top-bar to make it stick to the top\r\n    .fixed {\r\n      width: 100%;\r\n      #{$default-float}: 0;\r\n      position: fixed;\r\n      top: 0;\r\n      z-index: 99;\r\n\r\n      &.expanded:not(.top-bar) {\r\n        overflow-y: auto;\r\n        height: auto;\r\n        width: 100%;\r\n        max-height: 100%;\r\n\r\n        .title-area {\r\n          position: fixed;\r\n          width: 100%;\r\n          z-index: 99;\r\n        }\r\n        // Ensure you can scroll the menu on small screens\r\n        .top-bar-section {\r\n          z-index: 98;\r\n          margin-top: $topbar-height;\r\n        }\r\n      }\r\n    }\r\n\r\n    .top-bar {\r\n      overflow: hidden;\r\n      height: $topbar-height;\r\n      line-height: $topbar-height;\r\n      position: relative;\r\n      background: $topbar-bg;\r\n      margin-bottom: $topbar-margin-bottom;\r\n\r\n      // Topbar Global list Styles\r\n      ul {\r\n        margin-bottom: 0;\r\n        list-style: none;\r\n      }\r\n\r\n      .row { max-width: none; }\r\n\r\n      form,\r\n      input { margin-bottom: 0; }\r\n\r\n      input { \r\n        height: $topbar-input-height; \r\n        padding-top: .35rem; \r\n        padding-bottom: .35rem; \r\n        font-size: $topbar-button-font-size; \r\n      }\r\n\r\n      .button, button {\r\n        padding-top: .35rem + rem-calc(1);\r\n        padding-bottom: .35rem + rem-calc(1);\r\n        margin-bottom: 0;\r\n        font-size: $topbar-button-font-size;\r\n        // position: relative;\r\n        // top: -1px;\r\n\r\n        // Corrects a slight misalignment when put next to an input field\r\n        @media #{$small-only} {\r\n          position: relative;\r\n          top: -1px;\r\n        }\r\n      }\r\n\r\n      // Title Area\r\n      .title-area {\r\n        position: relative;\r\n        margin: 0;\r\n      }\r\n\r\n      .name {\r\n        height: $topbar-height;\r\n        margin: 0;\r\n        font-size: $rem-base;\r\n\r\n        h1, h2, h3, h4, p, span {\r\n          line-height: $topbar-height;\r\n          font-size: $topbar-title-font-size;\r\n          margin: 0;\r\n          a {\r\n            font-weight: $topbar-title-weight;\r\n            color: $topbar-link-color;\r\n            width: 75%;\r\n            display: block;\r\n            padding: 0 $topbar-link-padding;\r\n          }\r\n        }\r\n      }\r\n\r\n      // Menu toggle button on small devices\r\n      .toggle-topbar {\r\n        position: absolute;\r\n        #{$opposite-direction}: 0;\r\n        top: 0;\r\n\r\n        a {\r\n          color: $topbar-link-color;\r\n          text-transform: $topbar-menu-link-transform;\r\n          font-size: $topbar-menu-link-font-size;\r\n          font-weight: $topbar-menu-link-weight;\r\n          position: relative;\r\n          display: block;\r\n          padding: 0 $topbar-link-padding;\r\n          height: $topbar-height;\r\n          line-height: $topbar-height;\r\n        }\r\n\r\n        // Adding the class \"menu-icon\" will add the 3-line icon people love and adore.\r\n        &.menu-icon {\r\n          top: 50%;\r\n          margin-top: -16px;\r\n\r\n          a {\r\n            @if $text-direction == rtl {\r\n              text-indent: -58px;\r\n            }\r\n            height: 34px;\r\n            line-height: 33px;\r\n            padding: 0 $topbar-link-padding+rem-calc(25) 0 $topbar-link-padding;\r\n            color: $topbar-menu-link-color;\r\n            position: relative;\r\n\r\n            & {\r\n              // @include hamburger icon\r\n              //\r\n              // We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\r\n              // $width - Width of hamburger icon\r\n              // $left - If false, icon will be centered horizontally || explicitly set value in rem\r\n              // $top - If false, icon will be centered vertically || explicitly set value in rem\r\n              // $thickness - thickness of lines in hamburger icon, set value in px\r\n              // $gap - spacing between the lines in hamburger icon, set value in px\r\n              // $color - icon color\r\n              // $hover-color - icon color during hover, here it isn't set b/c it would override $topbar-menu-icon-color-toggled\r\n              // $offcanvas - Set to false of @include in topbar\r\n              @include hamburger(16px, false, 0, 1px, 6px, $topbar-menu-icon-color, \"\", false);\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      // Change things up when the top-bar is expanded\r\n      &.expanded {\r\n        height: auto;\r\n        background: transparent;\r\n\r\n        .title-area { background: $topbar-bg; }\r\n\r\n        .toggle-topbar {\r\n          a { color: $topbar-menu-link-color-toggled;\r\n      span::after {\r\n              // Shh, don't tell, but box-shadows create the menu icon :)\r\n              // Change the color of the bars when the menu is expanded, using given thickness from hamburger() above\r\n              box-shadow: 0 0 0 1px $topbar-menu-icon-color-toggled,\r\n                          0 7px 0 1px $topbar-menu-icon-color-toggled,\r\n                          0 14px 0 1px $topbar-menu-icon-color-toggled;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Right and Left Navigation that stacked by default\r\n    .top-bar-section {\r\n      #{$default-float}: 0;\r\n      position: relative;\r\n      width: auto;\r\n      @include single-transition($default-float, $topbar-transition-speed);\r\n\r\n      ul {\r\n        padding: 0;\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        font-size: $rem-base;\r\n        margin: 0;\r\n      }\r\n\r\n      .divider,\r\n      [role=\"separator\"] {\r\n        border-top: $topbar-divider-border-top;\r\n        clear: both;\r\n        height: 1px;\r\n        width: 100%;\r\n      }\r\n\r\n      ul li {\r\n        background: $topbar-dropdown-bg;\r\n        & > a {\r\n          display: block;\r\n          width: 100%;\r\n          color: $topbar-link-color;\r\n          padding: 12px 0 12px 0;\r\n          padding-#{$default-float}: $topbar-link-padding;\r\n          font-family: $topbar-link-font-family;\r\n          font-size: $topbar-link-font-size;\r\n          font-weight: $topbar-link-weight;\r\n          text-transform: $topbar-link-text-transform;\r\n\r\n          &.button {\r\n            font-size: $topbar-link-font-size;\r\n            padding-#{$opposite-direction}: $topbar-link-padding;\r\n            padding-#{$default-float}: $topbar-link-padding;\r\n            @include button-style($bg:$primary-color);\r\n          }\r\n          &.button.secondary { @include button-style($bg:$secondary-color); }\r\n          &.button.success { @include button-style($bg:$success-color); }\r\n          &.button.alert { @include button-style($bg:$alert-color); }\r\n          &.button.warning { @include button-style($bg:$warning-color); }\r\n        }\r\n\r\n        > button {\r\n          font-size: $topbar-link-font-size;\r\n          padding-#{$opposite-direction}: $topbar-link-padding;\r\n          padding-#{$default-float}: $topbar-link-padding;\r\n          @include button-style($bg:$primary-color);\r\n\r\n          &.secondary { @include button-style($bg:$secondary-color); }\r\n          &.success { @include button-style($bg:$success-color); }\r\n          &.alert { @include button-style($bg:$alert-color); }\r\n          &.warning { @include button-style($bg:$warning-color); }\r\n        }\r\n\r\n        // Apply the hover link color when it has that class\r\n        &:hover:not(.has-form) > a {\r\n          background-color: $topbar-link-bg-color-hover;\r\n          @if ($topbar-link-bg-hover) {\r\n            background: $topbar-link-bg-hover;\r\n          }\r\n          color: $topbar-link-color-hover;\r\n        }\r\n\r\n        // Apply the active link color when it has that class\r\n        &.active > a {\r\n          background: $topbar-link-bg-active;\r\n          color: $topbar-link-color-active;\r\n          &:hover {\r\n            background: $topbar-link-bg-active-hover;\r\n            color: $topbar-link-color-active-hover;\r\n          }\r\n        }\r\n      }\r\n\r\n      // Add some extra padding for list items contains buttons\r\n      .has-form { padding: $topbar-link-padding; }\r\n\r\n      // Styling for list items that have a dropdown within them.\r\n      .has-dropdown {\r\n        position: relative;\r\n\r\n        & > a {\r\n          &:after {\r\n            @if ($topbar-arrows){\r\n              @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float);\r\n            }\r\n            margin-#{$opposite-direction}: $topbar-link-padding;\r\n            margin-top: -($topbar-dropdown-toggle-size / 2) - 2;\r\n            position: absolute;\r\n            top: 50%;\r\n            #{$opposite-direction}: 0;\r\n          }\r\n        }\r\n\r\n        &.moved { position: static;\r\n          & > .dropdown {\r\n            @include topbar-show-dropdown();\r\n            width: 100%;\r\n          }\r\n          & > a:after {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      // Styling elements inside of dropdowns\r\n      .dropdown {\r\n        padding: 0;\r\n        position: absolute;\r\n        #{$default-float}: 100%;\r\n        top: 0;\r\n        z-index: 99;\r\n        @include topbar-hide-dropdown();\r\n\r\n        li {\r\n          width: 100%;\r\n          height: auto;\r\n\r\n          a {\r\n            font-weight: $topbar-dropdown-link-weight;\r\n            padding: 8px $topbar-link-padding;\r\n            &.parent-link {\r\n              font-weight: $topbar-link-weight;\r\n            }\r\n          }\r\n\r\n          &.title h5, &.parent-link {\r\n            // Back Button\r\n            margin-bottom: 0;\r\n            margin-top: 0;\r\n            font-size: $topbar-back-link-size;\r\n            a {\r\n              color: $topbar-link-color;\r\n              // line-height: ($topbar-height / 2);\r\n              display: block;\r\n              &:hover { background:none; }\r\n            }\r\n          }\r\n          &.has-form { padding: 8px $topbar-link-padding; }\r\n          .button, button { top: auto; }\r\n        }\r\n\r\n        label {\r\n          padding: 8px $topbar-link-padding 2px;\r\n          margin-bottom: 0;\r\n          text-transform: $topbar-dropdown-label-text-transform;\r\n          color: $topbar-dropdown-label-color;\r\n          font-weight: $topbar-dropdown-label-font-weight;\r\n          font-size: $topbar-dropdown-label-font-size;\r\n        }\r\n      }\r\n    }\r\n\r\n    .js-generated { display: block; }\r\n\r\n\r\n    // Top Bar styles intended for screen sizes above the breakpoint.\r\n    @media #{$topbar-media-query} {\r\n      .top-bar {\r\n        background: $topbar-bg;\r\n        @include clearfix;\r\n        overflow: visible;\r\n\r\n        .toggle-topbar { display: none; }\r\n\r\n        .title-area { float: $default-float; }\r\n        .name h1 a { width: auto; }\r\n\r\n        input,\r\n        .button,\r\n        button {\r\n          font-size: rem-calc(14);\r\n          position: relative;\r\n          height: $topbar-input-height;\r\n          top: (($topbar-height - $topbar-input-height) / 2);\r\n        }\r\n\r\n        &.expanded { background: $topbar-bg; }\r\n      }\r\n\r\n      .contain-to-grid .top-bar {\r\n        max-width: $row-width;\r\n        margin: 0 auto;\r\n        margin-bottom: $topbar-margin-bottom;\r\n      }\r\n\r\n      .top-bar-section {\r\n        @include single-transition(none,0,0);\r\n        #{$default-float}: 0 !important;\r\n\r\n        ul {\r\n          width: auto;\r\n          height: auto !important;\r\n          display: inline;\r\n\r\n          li {\r\n            float: $default-float;\r\n            .js-generated { display: none; }\r\n          }\r\n        }\r\n\r\n        li {\r\n          &.hover {\r\n            > a:not(.button) {\r\n              background-color: $topbar-link-bg-color-hover;\r\n              @if ($topbar-link-bg-hover) {\r\n                background: $topbar-link-bg-hover;\r\n              }\r\n              color: $topbar-link-color-hover;\r\n            }\r\n          }\r\n          &:not(.has-form) {\r\n            a:not(.button) {\r\n              padding: 0 $topbar-link-padding;\r\n              line-height: $topbar-height;\r\n              background: $topbar-link-bg;\r\n              &:hover {\r\n                background-color: $topbar-link-bg-color-hover;\r\n                @if ($topbar-link-bg-hover) {\r\n                  background: $topbar-link-bg-hover;\r\n                }\r\n              }\r\n            }\r\n          }\r\n          &.active:not(.has-form) {\r\n            a:not(.button) {\r\n              padding: 0 $topbar-link-padding;\r\n              line-height: $topbar-height;\r\n              color: $topbar-link-color-active;\r\n              background: $topbar-link-bg-active;\r\n              &:hover {\r\n                background: $topbar-link-bg-active-hover;\r\n                color: $topbar-link-color-active-hover;\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        .has-dropdown {\r\n          @if($topbar-arrows){\r\n            & > a {\r\n              padding-#{$opposite-direction}: $topbar-link-padding + $topbar-link-dropdown-padding !important;\r\n              &:after {\r\n                @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), top);\r\n                margin-top: -($topbar-dropdown-toggle-size / 2);\r\n                top: ($topbar-height / 2);\r\n              }\r\n            }\r\n          }\r\n\r\n          &.moved { position: relative;\r\n            & > .dropdown {\r\n              @include topbar-hide-dropdown();\r\n            }\r\n          }\r\n\r\n          &.hover, &.not-click:hover {\r\n            & > .dropdown {\r\n              @include topbar-show-dropdown();\r\n            }\r\n          }\r\n          > a:focus + .dropdown {\r\n            @include topbar-show-dropdown();\r\n          }\r\n\r\n          .dropdown li.has-dropdown {\r\n            & > a {\r\n              @if ($topbar-dropdown-arrows){\r\n                &:after {\r\n                  border: none;\r\n                  content: \"\\00bb\";\r\n                  top: 1rem;\r\n                  margin-top: -1px;\r\n                  #{$opposite-direction}: 5px;\r\n                  line-height: 1.2;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        .dropdown {\r\n          #{$default-float}: 0;\r\n          top: auto;\r\n          background: transparent;\r\n          min-width: 100%;\r\n\r\n          li {\r\n            a {\r\n              color: $topbar-dropdown-link-color;\r\n              line-height: $topbar-height;\r\n              white-space: nowrap;\r\n              padding: 12px $topbar-link-padding;\r\n              background: $topbar-dropdown-link-bg;\r\n            }\r\n\r\n            &:not(.has-form):not(.active) {\r\n              & > a:not(.button) {\r\n                color: $topbar-dropdown-link-color;\r\n                background: $topbar-dropdown-link-bg;\r\n              }\r\n\r\n              &:hover > a:not(.button) {\r\n                color: $topbar-dropdown-link-color-hover;\r\n                background-color: $topbar-link-bg-color-hover;\r\n                @if ($topbar-dropdown-link-bg-hover) {\r\n                  background: $topbar-dropdown-link-bg-hover;\r\n                }\r\n              }\r\n            }\r\n\r\n            label {\r\n              white-space: nowrap;\r\n              background: $topbar-dropdown-label-bg;\r\n            }\r\n\r\n            // Second Level Dropdowns\r\n            .dropdown {\r\n              #{$default-float}: 100%;\r\n              top: 0;\r\n            }\r\n          }\r\n        }\r\n\r\n        & > ul > .divider,\r\n        & > ul > [role=\"separator\"] {\r\n          border-bottom: none;\r\n          border-top: none;\r\n          border-#{$opposite-direction}: $topbar-divider-border-bottom;\r\n          clear: none;\r\n          height: $topbar-height;\r\n          width: 0;\r\n        }\r\n\r\n        .has-form {\r\n          background: $topbar-link-bg;\r\n          padding: 0 ($topbar-height / 3);\r\n          height: $topbar-height;\r\n        }\r\n\r\n        // Position overrides for ul.right and ul.left\r\n        .#{$opposite-direction} {\r\n          li .dropdown {\r\n            #{$default-float}: auto;\r\n            #{$opposite-direction}: 0;\r\n\r\n            li .dropdown { #{$opposite-direction}: 100%; }\r\n          }\r\n        }\r\n        .#{$default-float} {\r\n          li .dropdown {\r\n            #{$opposite-direction}: auto;\r\n            #{$default-float}: 0;\r\n\r\n            li .dropdown { #{$default-float}: 100%; }\r\n          }\r\n        }\r\n      }\r\n\r\n      // Degrade gracefully when Javascript is disabled. Displays dropdown and changes\r\n      // background & text color on hover.\r\n      .no-js .top-bar-section {\r\n        ul li {\r\n          // Apply the hover link color when it has that class\r\n          &:hover > a {\r\n            background-color: $topbar-link-bg-color-hover;\r\n            @if ($topbar-link-bg-hover) {\r\n              background: $topbar-link-bg-hover;\r\n            }\r\n            color: $topbar-link-color-hover;\r\n          }\r\n\r\n          // Apply the active link color when it has that class\r\n          &:active > a {\r\n            background: $topbar-link-bg-active;\r\n            color: $topbar-link-color-active;\r\n          }\r\n        }\r\n\r\n        .has-dropdown {\r\n          &:hover {\r\n            & > .dropdown {\r\n              @include topbar-show-dropdown();\r\n            }\r\n          }\r\n          > a:focus + .dropdown {\r\n            @include topbar-show-dropdown();\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n\r\n$include-html-accordion-classes: $include-html-classes !default;\r\n\r\n$accordion-navigation-padding: rem-calc(16) !default;\r\n$accordion-navigation-bg-color: $silver !default;\r\n$accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%) !default;\r\n$accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%) !default;\r\n$accordion-navigation-font-color: $jet !default;\r\n$accordion-navigation-font-size: rem-calc(16) !default;\r\n$accordion-navigation-font-family: $body-font-family !default;\r\n\r\n$accordion-content-padding: ($column-gutter/2) !default;\r\n$accordion-content-active-bg-color: $white !default;\r\n\r\n\r\n//  Mixin: accordion-container()\r\n//  Decription: Responsible for the container component of accordions, generating styles relating to a margin of zero and a clearfix\r\n//  Explicit Dependencies: a clearfix mixin *is* defined.\r\n//  Implicit Dependencies: None\r\n\r\n@mixin accordion-container() {\r\n  @include clearfix;\r\n  margin-bottom: 0;\r\n}\r\n\r\n//  Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class,  $font-color, $font-size, $font-family){\r\n//    @params $bg-color: [ color or string ]: Specify the background color for the navigation element\r\n//    @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered\r\n//    @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released.\r\n//    @params $active_class [ string ]: Specify the class name used to keep track of which accordion tab should be visible\r\n//    @params $font-color [ color or string ]: Color of the font for accordion\r\n//    @params $font-size [ number ]: Specifiy the font-size of the text inside the navigation element\r\n//    @params $font-family [ string ]: Specify the font family for the text of the navigation of the accorion\r\n\r\n@mixin accordion-navigation( $bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active',  $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ){\r\n  display: block;\r\n  margin-bottom: 0 !important;\r\n  @if type-of($active_class) != \"string\" {\r\n    @warn \"`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of this navigation component.\"\r\n  }\r\n  @else {\r\n    &.#{ $active_class } > a {\r\n      background: $active-bg;\r\n    }\r\n  }\r\n  > a {\r\n    background: $bg;\r\n    color: $font-color;\r\n    @if type-of($padding) != number {\r\n      @warn \"`#{$padding}` was read as #{type-of($padding)}\";\r\n      @if $accordion-navigation-padding != null {\r\n        @warn \"#{$padding} was read as a #{type-of($padding)}\";\r\n        @warn \"`#{$padding}` isn't a valid number. $accordion-navigation-padding (#{$accordion-navigation-padding}) will be used instead.)\";\r\n        padding: $accordion-navigation-padding;\r\n      }\r\n      @else {\r\n        @warn \"`#{$padding}` isn't a valid number and $accordion-navigation-padding is missing. A value of `null` is returned to not output an invalid value for padding\";\r\n        padding: null;\r\n      }\r\n    }\r\n    @else {\r\n      padding: $padding;\r\n    }\r\n    display: block;\r\n    font-family: $font-family;\r\n    @if type-of($font-size) != number {\r\n      @warn \"`#{$font-size}` was read as a #{type-of($font-size)}\";\r\n      @if $accordion-navigation-font-size != null {\r\n        @warn \"`#{$font-size}` is not a valid number. The value of $accordion-navigation-font-size will be used instead (#{$accordion-navigation-font-size}).\";\r\n        font-size: $accordion-navigation-font-size;\r\n      }\r\n      @else{\r\n        @warn \"`#{$font-size}` is not a valid number and the default value of $accordion-navigation-font-size is not defined. A value of `null` will be returned to not generate an invalid value for font-size.\";\r\n        font-size: null;\r\n\r\n      }\r\n    }\r\n    @else {\r\n      font-size: $font-size;\r\n    }\r\n    &:hover {\r\n      background: $hover-bg;\r\n    }\r\n  }\r\n}\r\n\r\n//  Mixin: accordion-content($bg, $padding, $active-class)\r\n//    @params $padding [ number ]: Padding for the content of the container\r\n//    @params $bg [ color  ]: Background color for the content when it's visible\r\n//    @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible.\r\n\r\n@mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active'){\r\n  display: none;\r\n  @if type-of($padding) != \"number\" {\r\n    @warn \"#{$padding} was read as a #{type-of($padding)}\";\r\n    @if $accordion-content-padding != null {\r\n      @warn \"`#{$padding}` isn't a valid number. $accordion-content-padding used instead\";\r\n      padding: $accordion-content-padding;\r\n    } @else {\r\n      @warn \"`#{$padding}` isn't a valid number and the default value of $accordion-content-padding is not defined. A value of `null` is returned to not output an invalid value for padding.\";\r\n      padding: null;\r\n    }\r\n  } @else {\r\n    padding: $padding;\r\n  }\r\n\r\n  @if type-of($active_class) != \"string\" {\r\n    @warn \"`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of the content. \"\r\n  }\r\n  @else {\r\n    &.#{$active_class} {\r\n      display: block;\r\n      background: $bg;\r\n    }\r\n  }\r\n}\r\n\r\n@include exports(\"accordion\") {\r\n  @if $include-html-accordion-classes {\r\n    .accordion {\r\n      @include clearfix;\r\n      margin-bottom: 0;\r\n      .accordion-navigation, dd {\r\n        display: block;\r\n        margin-bottom: 0 !important;\r\n        &.active > a { background: $accordion-navigation-active-bg-color; }\r\n        > a {\r\n          background: $accordion-navigation-bg-color;\r\n          color: $accordion-navigation-font-color;\r\n          padding: $accordion-navigation-padding;\r\n          display: block;\r\n          font-family: $accordion-navigation-font-family;\r\n          font-size: $accordion-navigation-font-size;\r\n          &:hover { background: $accordion-navigation-hover-bg-color; }\r\n        }\r\n\r\n        > .content {\r\n          display: none;\r\n          padding: $accordion-content-padding;\r\n          &.active {\r\n            display: block;\r\n            background: $accordion-content-active-bg-color;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// Alert Box Variables\r\n//\r\n$include-html-alert-classes: $include-html-classes !default;\r\n\r\n// We use this to control alert padding.\r\n$alert-padding-top: rem-calc(14) !default;\r\n$alert-padding-default-float: $alert-padding-top !default;\r\n$alert-padding-opposite-direction: $alert-padding-top + rem-calc(10) !default;\r\n$alert-padding-bottom: $alert-padding-top !default;\r\n\r\n// We use these to control text style.\r\n$alert-font-weight: $font-weight-normal !default;\r\n$alert-font-size: rem-calc(13) !default;\r\n$alert-font-color: $white !default;\r\n$alert-font-color-alt: scale-color($secondary-color, $lightness: -66%) !default;\r\n\r\n// We use this for close hover effect.\r\n$alert-function-factor: -14% !default;\r\n\r\n// We use these to control border styles.\r\n$alert-border-style: solid !default;\r\n$alert-border-width: 1px !default;\r\n$alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor) !default;\r\n$alert-bottom-margin: rem-calc(20) !default;\r\n\r\n// We use these to style the close buttons\r\n$alert-close-color: $oil !default;\r\n$alert-close-top: 50% !default;\r\n$alert-close-position: rem-calc(4) !default;\r\n$alert-close-font-size: rem-calc(22) !default;\r\n$alert-close-opacity: 0.3 !default;\r\n$alert-close-opacity-hover: 0.5 !default;\r\n$alert-close-padding: 9px 6px 4px !default;\r\n$alert-close-background: inherit !default;\r\n\r\n// We use this to control border radius\r\n$alert-radius: $global-radius !default;\r\n\r\n$alert-transition-speed: 300ms !default;\r\n$alert-transition-ease: ease-out !default;\r\n\r\n//\r\n// Alert Mixins\r\n//\r\n\r\n// We use this mixin to create a default alert base.\r\n@mixin alert-base {\r\n  border-style: $alert-border-style;\r\n  border-width: $alert-border-width;\r\n  display: block;\r\n  font-weight: $alert-font-weight;\r\n  margin-bottom: $alert-bottom-margin;\r\n  position: relative;\r\n  padding: $alert-padding-top $alert-padding-opposite-direction $alert-padding-bottom $alert-padding-default-float;\r\n  font-size: $alert-font-size;\r\n  @include single-transition(opacity, $alert-transition-speed, $alert-transition-ease)\r\n}\r\n\r\n// We use this mixin to add alert styles\r\n//\r\n// $bg - The background of the alert. Default: $primary-color.\r\n@mixin alert-style($bg:$primary-color) {\r\n\r\n  // This finds the lightness percentage of the background color.\r\n  $bg-lightness: lightness($bg);\r\n\r\n  // We control which background color and border come through.\r\n  background-color: $bg;\r\n  border-color: scale-color($bg, $lightness: $alert-function-factor);\r\n\r\n  // We control the text color for you based on the background color.\r\n  @if $bg-lightness > 70% { color: $alert-font-color-alt; }\r\n  @else                   { color: $alert-font-color; }\r\n\r\n}\r\n\r\n// We use this to create the close button.\r\n@mixin alert-close {\r\n  font-size: $alert-close-font-size;\r\n  padding: $alert-close-padding;\r\n  line-height: 0;\r\n  position: absolute;\r\n  top: $alert-close-top;\r\n  margin-top: -($alert-close-font-size / 2);\r\n  #{$opposite-direction}: $alert-close-position;\r\n  color: $alert-close-color;\r\n  opacity: $alert-close-opacity;\r\n  background: $alert-close-background;\r\n  &:hover,\r\n  &:focus { opacity: $alert-close-opacity-hover; }\r\n}\r\n\r\n// We use this to quickly create alerts with a single mixin.\r\n//\r\n// $bg - Background of alert. Default: $primary-color.\r\n// $radius - Radius of alert box. Default: false.\r\n@mixin alert($bg:$primary-color, $radius:false) {\r\n  @include alert-base;\r\n  @include alert-style($bg);\r\n  @include radius($radius);\r\n}\r\n\r\n@include exports(\"alert-box\") {\r\n  @if $include-html-alert-classes {\r\n    .alert-box {\r\n      @include alert;\r\n\r\n      .close      { @include alert-close; }\r\n\r\n      &.radius    { @include radius($alert-radius); }\r\n      &.round     { @include radius($global-rounded); }\r\n\r\n      &.success   { @include alert-style($success-color); }\r\n      &.alert     { @include alert-style($alert-color); }\r\n      &.secondary { @include alert-style($secondary-color); }\r\n      &.warning { @include alert-style($warning-color); }\r\n      &.info { @include alert-style($info-color); }\r\n      &.alert-close { opacity: 0}\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// Breadcrumb Variables\r\n//\r\n$include-html-nav-classes: $include-html-classes !default;\r\n\r\n// We use this to set the background color for the breadcrumb container.\r\n$crumb-bg: scale-color($secondary-color, $lightness: 55%) !default;\r\n\r\n// We use these to set the padding around the breadcrumbs.\r\n$crumb-padding: rem-calc(9 14 9) !default;\r\n$crumb-side-padding: rem-calc(12) !default;\r\n\r\n// We use these to control border styles.\r\n$crumb-function-factor: -10% !default;\r\n$crumb-border-size: 1px !default;\r\n$crumb-border-style: solid !default;\r\n$crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor) !default;\r\n$crumb-radius: $global-radius !default;\r\n\r\n// We use these to set various text styles for breadcrumbs.\r\n$crumb-font-size: rem-calc(11) !default;\r\n$crumb-font-color: $primary-color !default;\r\n$crumb-font-color-current: $oil !default;\r\n$crumb-font-color-unavailable: $aluminum !default;\r\n$crumb-font-transform: uppercase !default;\r\n$crumb-link-decor: underline !default;\r\n\r\n// We use these to control the slash between breadcrumbs\r\n$crumb-slash-color: $base !default;\r\n$crumb-slash: \"/\" !default;\r\n\r\n//\r\n// Breadcrumb Mixins\r\n//\r\n\r\n// We use this mixin to create a container around our breadcrumbs\r\n@mixin crumb-container {\r\n  display: block;\r\n  padding: $crumb-padding;\r\n  overflow: hidden;\r\n  margin-#{$default-float}: 0;\r\n  list-style: none;\r\n  border-style: $crumb-border-style;\r\n  border-width: $crumb-border-size;\r\n\r\n  // We control which background color and border come through.\r\n  background-color: $crumb-bg;\r\n  border-color: $crumb-border-color;\r\n}\r\n\r\n// We use this mixin to create breadcrumb styles from list items.\r\n@mixin crumbs {\r\n\r\n  // A normal state will make the links look and act like clickable breadcrumbs.\r\n  margin: 0;\r\n  float: $default-float;\r\n  font-size: $crumb-font-size;\r\n  line-height: $crumb-font-size;\r\n  text-transform: $crumb-font-transform;\r\n  color: $crumb-font-color;\r\n\r\n  &:hover a, &:focus a { text-decoration: $crumb-link-decor; }\r\n\r\n  a {\r\n    color: $crumb-font-color;\r\n  }\r\n\r\n  // Current is for the link of the current page\r\n  &.current {\r\n    cursor: $cursor-default-value;\r\n    color: $crumb-font-color-current;\r\n    a {\r\n      cursor: $cursor-default-value;\r\n      color: $crumb-font-color-current;\r\n    }\r\n\r\n    &:hover, &:hover a,\r\n    &:focus, &:focus a { text-decoration: none; }\r\n  }\r\n\r\n  // Unavailable removed color and link styles so it looks inactive.\r\n  &.unavailable {\r\n    color: $crumb-font-color-unavailable;\r\n    a { color: $crumb-font-color-unavailable; }\r\n\r\n    &:hover,\r\n    &:hover a,\r\n    &:focus,\r\n    a:focus {\r\n      text-decoration: none;\r\n      color: $crumb-font-color-unavailable;\r\n      cursor: $cursor-default-value;\r\n    }\r\n  }\r\n\r\n  &:before {\r\n    content: \"#{$crumb-slash}\";\r\n    color: $crumb-slash-color;\r\n    margin: 0 $crumb-side-padding;\r\n    position: relative;\r\n    top: 1px;\r\n  }\r\n\r\n  &:first-child:before {\r\n    content: \" \";\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n@include exports(\"breadcrumbs\") {\r\n  @if $include-html-nav-classes {\r\n    .breadcrumbs {\r\n      @include crumb-container;\r\n      @include radius($crumb-radius);\r\n\r\n      &>* {\r\n        @include crumbs;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* Accessibility - hides the forward slash */\r\n[aria-label=\"breadcrumbs\"] [aria-hidden=\"true\"]:after {\r\n  content: \"/\";\r\n  }\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// Block Grid Variables\r\n//\r\n$include-html-block-grid-classes: $include-html-classes !default;\r\n$include-xl-html-block-grid-classes: false !default;\r\n\r\n// We use this to control the maximum number of block grid elements per row\r\n$block-grid-elements: 12 !default;\r\n$block-grid-default-spacing: rem-calc(20) !default;\r\n\r\n$align-block-grid-to-grid: false !default;\r\n@if $align-block-grid-to-grid {\r\n  $block-grid-default-spacing: $column-gutter;\r\n}\r\n\r\n// Enables media queries for block-grid classes. Set to false if writing semantic HTML.\r\n$block-grid-media-queries: true !default;\r\n\r\n//\r\n// Block Grid Mixins\r\n//\r\n\r\n// Create a custom block grid\r\n//\r\n// $per-row - # of items to display per row. Default: false.\r\n// $spacing - # of ems to use as padding on each block item. Default: rem-calc(20).\r\n// $base-style - Apply a base style to block grid. Default: true.\r\n@mixin block-grid(\r\n  $per-row:false,\r\n  $spacing:$block-grid-default-spacing,\r\n  $include-spacing:true,\r\n  $base-style:true) {\r\n\r\n  @if $base-style {\r\n    display: block;\r\n    padding: 0;\r\n    @if $align-block-grid-to-grid {\r\n      margin: 0;\r\n    } @else {\r\n      margin: 0 (-$spacing/2);\r\n    }\r\n    @include clearfix;\r\n\r\n    &>li {\r\n      display: block;\r\n      height: auto;\r\n      float: $default-float;\r\n      @if $include-spacing {\r\n        padding: 0 ($spacing/2) $spacing;\r\n      }\r\n    }\r\n  }\r\n\r\n  @if $per-row {\r\n    &>li {\r\n      width: 100%/$per-row;\r\n      @if $include-spacing {\r\n        padding: 0 ($spacing/2) $spacing;\r\n      }\r\n      list-style: none;\r\n\r\n      &:nth-of-type(1n) { clear: none; }\r\n      &:nth-of-type(#{$per-row}n+1) { clear: both; }\r\n      @if $align-block-grid-to-grid {\r\n        @include block-grid-aligned($per-row, $spacing);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@mixin block-grid-aligned($per-row, $spacing) {\r\n  @for $i from 1 through $block-grid-elements {\r\n    @if $per-row >= $i {\r\n      $grid-column: '+' + $i;\r\n      @if $per-row == $i {\r\n        $grid-column: '';\r\n      }\r\n      &:nth-of-type(#{$per-row}n#{unquote($grid-column)}) {\r\n        padding-left: ($spacing - (($spacing / $per-row) * ($per-row - ($i - 1))));\r\n        padding-right: ($spacing - (($spacing / $per-row) * $i));\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Generate presentational markup for block grid.\r\n//\r\n// $size - Name of class to use, i.e. \"large\" will generate .large-block-grid-1, .large-block-grid-2, etc.\r\n@mixin block-grid-html-classes($size,$include-spacing) {\r\n  @for $i from 1 through $block-grid-elements {\r\n    .#{$size}-block-grid-#{($i)} {\r\n      @include block-grid($i,$block-grid-default-spacing,$include-spacing,false);\r\n    }\r\n  }\r\n}\r\n\r\n@include exports(\"block-grid\") {\r\n  @if $include-html-block-grid-classes {\r\n\r\n    [class*=\"block-grid-\"] { @include block-grid; }\r\n\r\n    @if $block-grid-media-queries {\r\n      @media #{$small-up} {\r\n        @include block-grid-html-classes($size:small,$include-spacing:false);\r\n      }\r\n\r\n      @media #{$medium-up} {\r\n        @include block-grid-html-classes($size:medium,$include-spacing:false);\r\n      }\r\n\r\n      @media #{$large-up} {\r\n        @include block-grid-html-classes($size:large,$include-spacing:false);\r\n      }\r\n\r\n      @if $include-xl-html-block-grid-classes {\r\n        @media #{$xlarge-up} {\r\n          @include block-grid-html-classes($size:xlarge,$include-spacing:false);\r\n        }\r\n\r\n        @media #{$xxlarge-up} {\r\n          @include block-grid-html-classes($size:xxlarge,$include-spacing:false);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n@import \"buttons\";\r\n\r\n//\r\n// Button Group Variables\r\n//\r\n$include-html-button-classes: $include-html-classes !default;\r\n\r\n// Sets the margin for the right side by default, and the left margin if right-to-left direction is used\r\n$button-bar-margin-opposite: rem-calc(10) !default;\r\n$button-group-border-width: 1px !default;\r\n\r\n//\r\n// Button Group Mixins\r\n//\r\n\r\n// We use this to add styles for a button group container\r\n@mixin button-group-container($styles:true, $float:false) {\r\n  @if $styles {\r\n    list-style: none;\r\n    margin: 0;\r\n    #{$default-float}: 0;\r\n    @include clearfix();\r\n  }\r\n  @if $float {\r\n    float: #{$default-float};\r\n    margin-#{$opposite-direction}: $button-bar-margin-opposite;\r\n    & div { overflow: hidden; }\r\n  }\r\n}\r\n\r\n// We use this to control styles for button groups\r\n@mixin button-group-style($radius:false, $even:false, $float:false, $orientation:horizontal) {\r\n\r\n  > button, .button {\r\n    border-#{$default-float}: $button-group-border-width solid;\r\n    border-color: rgba(255, 255, 255, 0.5);\r\n  }\r\n\r\n  &:first-child {\r\n    button, .button {\r\n      border-#{$default-float}: 0;\r\n    }\r\n  }\r\n\r\n  // We use this to control the flow, or remove those styles completely.\r\n  @if $float {\r\n    margin: 0;\r\n    float: $float;\r\n    display: list-item;\r\n    // Make sure the first child doesn't get the negative margin.\r\n    &:first-child { margin-#{$default-float}: 0; }\r\n  }\r\n  @else {\r\n    margin: 0 -2px;\r\n    display: inline-block;\r\n  }\r\n\r\n  @if $orientation == vertical {\r\n    display:block;\r\n    margin:0;\r\n    > button, .button {\r\n      border-top: $button-group-border-width solid;\r\n      border-color: rgba(255, 255, 255, 0.5);\r\n      border-left-width: 0;\r\n      margin:0;\r\n      display: block;\r\n    }\r\n\r\n    &:first-child {\r\n      button, .button {\r\n        border-top: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // We use these to control left and right radius on first/last buttons in the group.\r\n  @if $radius == true {\r\n    &,\r\n    & > a,\r\n    & > button,\r\n    & > .button { @include radius(0); }\r\n    &:first-child,\r\n    &:first-child > a,\r\n    &:first-child > button,\r\n    &:first-child > .button {\r\n      @if $orientation == vertical {\r\n        @include side-radius(top, $button-radius);\r\n      }\r\n      @else {\r\n        @include side-radius($default-float, $button-radius);\r\n      }\r\n    }\r\n    &:last-child,\r\n    &:last-child > a,\r\n    &:last-child > button,\r\n    &:last-child > .button {\r\n      @if $orientation == vertical {\r\n        @include side-radius(bottom, $button-radius);\r\n      }\r\n      @else {\r\n        @include side-radius($opposite-direction, $button-radius);\r\n      }\r\n    }\r\n  }\r\n  @else if $radius {\r\n    &,\r\n    & > a,\r\n    & > button,\r\n    & > .button { @include radius(0); }\r\n    &:first-child,\r\n    &:first-child > a,\r\n    &:first-child > button,\r\n    &:first-child > .button {\r\n      @if $orientation == vertical {\r\n        @include side-radius(top, $radius);\r\n      }\r\n      @else {\r\n        @include side-radius($default-float, $radius);\r\n      }\r\n    }\r\n    &:last-child,\r\n    &:last-child > a,\r\n    &:last-child > button,\r\n    &:last-child > .button {\r\n      @if $orientation == vertical {\r\n        @include side-radius(bottom, $radius);\r\n      }\r\n      @else {\r\n        @include side-radius($opposite-direction, $radius);\r\n      }\r\n    }\r\n  }\r\n\r\n  // We use this to make the buttons even width across their container\r\n  @if $even {\r\n    width: percentage((100/$even) / 100);\r\n    button, .button { width: 100%; }\r\n  }\r\n}\r\n\r\n@include exports(\"button-group\") {\r\n  @if $include-html-button-classes {\r\n    .button-group { @include button-group-container;\r\n\r\n      & > li { @include button-group-style(); }\r\n\r\n      &.stack {\r\n        & > li { @include button-group-style($orientation:vertical); float: none; }\r\n      }\r\n\r\n      &.stack-for-small {\r\n        & > li {\r\n          @include button-group-style($orientation:horizontal);\r\n          @media #{$small-only} {\r\n            @include button-group-style($orientation:vertical);\r\n          }\r\n        }\r\n      }\r\n\r\n      &.radius > * { @include button-group-style($radius:$button-radius, $float:null); }\r\n      &.radius.stack > * { @include button-group-style($radius:$button-radius, $float:null, $orientation:vertical); }\r\n      &.radius.stack-for-small > * {\r\n        @media #{$medium-up} {\r\n          @include button-group-style($radius:$button-radius, $orientation:horizontal);\r\n        }\r\n        @media #{$small-only} {\r\n          @include button-group-style($radius:$button-radius, $orientation:vertical);\r\n        }\r\n      }\r\n\r\n      &.round > * { @include button-group-style($radius:$button-round, $float:null); }\r\n      &.round.stack > * { @include button-group-style($radius:$button-med, $float:null, $orientation:vertical); }\r\n      &.round.stack-for-small > * {\r\n        @media #{$medium-up} {\r\n          @include button-group-style($radius:$button-round, $orientation:horizontal);\r\n        }\r\n        @media #{$small-only} {\r\n          @include button-group-style($radius:$button-med, $orientation:vertical);\r\n        }\r\n      }\r\n\r\n      @for $i from 2 through 8 {\r\n        &.even-#{$i} li { @include button-group-style($even:$i, $float:null); }\r\n      }\r\n    }\r\n\r\n    .button-bar {\r\n      @include clearfix;\r\n      .button-group { @include button-group-container($styles:false, $float:true); }\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-clearing-classes: $include-html-classes !default;\r\n\r\n// We use these to set the background colors for parts of Clearing.\r\n$clearing-bg: $oil !default;\r\n$clearing-caption-bg: $clearing-bg !default;\r\n$clearing-carousel-bg: rgba(51,51,51,0.8) !default;\r\n$clearing-img-bg: $clearing-bg !default;\r\n\r\n// We use these to style the close button\r\n$clearing-close-color: $iron !default;\r\n$clearing-close-size: 30px !default;\r\n\r\n// We use these to style the arrows\r\n$clearing-arrow-size: 12px !default;\r\n$clearing-arrow-color: $clearing-close-color !default;\r\n\r\n// We use these to style captions\r\n$clearing-caption-font-color: $iron !default;\r\n$clearing-caption-font-size: 0.875em !default;\r\n$clearing-caption-padding: 10px 30px 20px !default;\r\n\r\n// We use these to make the image and carousel height and style\r\n$clearing-active-img-height: 85% !default;\r\n$clearing-carousel-height: 120px !default;\r\n$clearing-carousel-thumb-width: 120px !default;\r\n$clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;\r\n\r\n@include exports(\"clearing\") {\r\n  @if $include-html-clearing-classes {\r\n    // We decided to not create a mixin for Clearing because it relies\r\n    // on predefined classes and structure to work properly.\r\n    // The variables above should give enough control.\r\n\r\n    /* Clearing Styles */\r\n    .clearing-thumbs, #{data('clearing')} {\r\n      @include clearfix;\r\n      margin-bottom: 0;\r\n      margin-#{$default-float}: 0;\r\n      list-style: none;\r\n\r\n      li {\r\n        float: $default-float;\r\n        margin-#{$opposite-direction}: 10px;\r\n      }\r\n\r\n      &[class*=\"block-grid-\"] li {\r\n        margin-#{$opposite-direction}: 0;\r\n      }\r\n    }\r\n\r\n    .clearing-blackout {\r\n      background: $clearing-bg;\r\n      position: fixed;\r\n      width: 100%;\r\n      height: 100%;\r\n      top: 0;\r\n      #{$default-float}: 0;\r\n      z-index: 998;\r\n\r\n      .clearing-close { display: block; }\r\n    }\r\n\r\n    .clearing-container {\r\n      position: relative;\r\n      z-index: 998;\r\n      height: 100%;\r\n      overflow: hidden;\r\n      margin: 0;\r\n    }\r\n\r\n    .clearing-touch-label {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      color: $base;\r\n      font-size: 0.6em;\r\n    }\r\n\r\n    .visible-img {\r\n      height: 95%;\r\n      position: relative;\r\n\r\n      img {\r\n        position: absolute;\r\n        #{$default-float}: 50%;\r\n        top: 50%;\r\n        margin-#{$default-float}: -50%;\r\n        max-height: 100%;\r\n        max-width: 100%;\r\n      }\r\n    }\r\n\r\n    .clearing-caption {\r\n      color: $clearing-caption-font-color;\r\n      font-size: $clearing-caption-font-size;\r\n      line-height: 1.3;\r\n      margin-bottom: 0;\r\n      text-align: center;\r\n      bottom: 0;\r\n      background: $clearing-caption-bg;\r\n      width: 100%;\r\n      padding: $clearing-caption-padding;\r\n      position: absolute;\r\n      #{$default-float}: 0;\r\n    }\r\n\r\n    .clearing-close {\r\n      z-index: 999;\r\n      padding-#{$default-float}: 20px;\r\n      padding-top: 10px;\r\n      font-size: $clearing-close-size;\r\n      line-height: 1;\r\n      color: $clearing-close-color;\r\n      display: none;\r\n\r\n      &:hover,\r\n      &:focus { color: $iron; }\r\n    }\r\n\r\n    .clearing-assembled .clearing-container { height: 100%;\r\n      .carousel > ul { display: none; }\r\n    }\r\n\r\n    // If you want to show a lightbox, but only have a single image come through as the thumbnail\r\n    .clearing-feature li {\r\n      display: none;\r\n      &.clearing-featured-img {\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    // Large screen overrides\r\n    @media #{$medium-up} {\r\n      .clearing-main-prev,\r\n      .clearing-main-next {\r\n        position: absolute;\r\n        height: 100%;\r\n        width: 40px;\r\n        top: 0;\r\n        & > span {\r\n          position: absolute;\r\n          top: 50%;\r\n          display: block;\r\n          width: 0;\r\n          height: 0;\r\n          border: solid $clearing-arrow-size;\r\n          &:hover { opacity: 0.8; }\r\n        }\r\n      }\r\n      .clearing-main-prev {\r\n        #{$default-float}: 0;\r\n        & > span {\r\n          #{$default-float}: 5px;\r\n          border-color: transparent;\r\n          border-#{$opposite-direction}-color: $clearing-arrow-color;\r\n        }\r\n      }\r\n      .clearing-main-next {\r\n        #{$opposite-direction}: 0;\r\n        & > span {\r\n          border-color: transparent;\r\n          border-#{$default-float}-color: $clearing-arrow-color;\r\n        }\r\n      }\r\n    \r\n      .clearing-main-prev.disabled,\r\n      .clearing-main-next.disabled { opacity: 0.3; }\r\n\r\n      .clearing-assembled .clearing-container {\r\n\r\n        .carousel {\r\n          background: $clearing-carousel-bg;\r\n          height: $clearing-carousel-height;\r\n          margin-top: 10px;\r\n          text-align: center;\r\n\r\n          & > ul {\r\n            display: inline-block;\r\n            z-index: 999;\r\n            height: 100%;\r\n            position: relative;\r\n            float: none;\r\n\r\n            li {\r\n              display: block;\r\n              width: $clearing-carousel-thumb-width;\r\n              min-height: inherit;\r\n              float: $default-float;\r\n              overflow: hidden;\r\n              margin-#{$opposite-direction}: 0;\r\n              padding: 0;\r\n              position: relative;\r\n              cursor: $cursor-pointer-value;\r\n              opacity: 0.4;\r\n              clear: none;\r\n\r\n              &.fix-height {\r\n                img {\r\n                  height: 100%;\r\n                  max-width: none;\r\n                }\r\n              }\r\n\r\n              a.th {\r\n                border: none;\r\n                box-shadow: none;\r\n                display: block;\r\n              }\r\n\r\n              img {\r\n              cursor: $cursor-pointer-value !important;\r\n              width: 100% !important;\r\n              }\r\n\r\n              &.visible { opacity: 1; }\r\n              &:hover { opacity: 0.8; }\r\n            }\r\n          }\r\n        }\r\n\r\n        .visible-img {\r\n          background: $clearing-img-bg;\r\n          overflow: hidden;\r\n          height: $clearing-active-img-height;\r\n        }\r\n      }\r\n\r\n      .clearing-close {\r\n        position: absolute;\r\n        top: 10px;\r\n        #{$opposite-direction}: 20px;\r\n        padding-#{$default-float}: 0;\r\n        padding-top: 0;\r\n      }\r\n    }\r\n\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-dropdown-classes: $include-html-classes !default;\r\n\r\n// We use these to controls height and width styles.\r\n$f-dropdown-max-width: 200px !default;\r\n$f-dropdown-height: auto !default;\r\n$f-dropdown-max-height: none !default;\r\n\r\n// Used for bottom position\r\n$f-dropdown-margin-top: 2px !default;\r\n\r\n// Used for right position\r\n$f-dropdown-margin-left: $f-dropdown-margin-top !default;\r\n\r\n// Used for left position\r\n$f-dropdown-margin-right: $f-dropdown-margin-top !default;\r\n\r\n// Used for top position\r\n$f-dropdown-margin-bottom: $f-dropdown-margin-top !default;\r\n\r\n// We use this to control the background color\r\n$f-dropdown-bg: $white !default;\r\n\r\n// We use this to set the border styles for dropdowns.\r\n$f-dropdown-border-style: solid !default;\r\n$f-dropdown-border-width: 1px !default;\r\n$f-dropdown-border-color: scale-color($white, $lightness: -20%) !default;\r\n\r\n// We use these to style the triangle pip.\r\n$f-dropdown-triangle-size: 6px !default;\r\n$f-dropdown-triangle-color: $white !default;\r\n$f-dropdown-triangle-side-offset: 10px !default;\r\n\r\n// We use these to control styles for the list elements.\r\n$f-dropdown-list-style: none !default;\r\n$f-dropdown-font-color: $charcoal !default;\r\n$f-dropdown-font-size: rem-calc(14) !default;\r\n$f-dropdown-list-padding: rem-calc(5, 10) !default;\r\n$f-dropdown-line-height: rem-calc(18) !default;\r\n$f-dropdown-list-hover-bg: $smoke !default;\r\n$dropdown-mobile-default-float: 0 !default;\r\n\r\n// We use this to control the styles for when the dropdown has custom content.\r\n$f-dropdown-content-padding: rem-calc(20) !default;\r\n\r\n// Default radius for dropdown.\r\n$f-dropdown-radius: $global-radius !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n//\r\n// NOTE: Make default max-width change between list and content types. Can add more width with classes, maybe .small, .medium, .large, etc.;\r\n// We use this to style the dropdown container element.\r\n// $content-list - Sets list-style. Default: list. Options: [list, content]\r\n// $triangle - Sets if dropdown has triangle. Default:true.\r\n// $max-width - Default: $f-dropdown-max-width || 200px.\r\n@mixin dropdown-container($content:list, $triangle:true, $max-width:$f-dropdown-max-width) {\r\n  position: absolute;\r\n  left: -9999px;\r\n  list-style: $f-dropdown-list-style;\r\n  margin-#{$default-float}: 0;\r\n  outline: none;\r\n\r\n  > *:first-child { margin-top: 0; }\r\n  > *:last-child { margin-bottom: 0; }\r\n\r\n  @if $content == list {\r\n    width: 100%;\r\n    max-height: $f-dropdown-max-height;\r\n    height: $f-dropdown-height;\r\n    background: $f-dropdown-bg;\r\n    border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;\r\n    font-size: $f-dropdown-font-size;\r\n    z-index: 89;\r\n  }\r\n  @else if $content == content {\r\n    padding: $f-dropdown-content-padding;\r\n    width: 100%;\r\n    height: $f-dropdown-height;\r\n    max-height: $f-dropdown-max-height;\r\n    background: $f-dropdown-bg;\r\n    border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;\r\n    font-size: $f-dropdown-font-size;\r\n    z-index: 89;\r\n  }\r\n\r\n  @if $triangle == bottom {\r\n    margin-top: $f-dropdown-margin-top;\r\n\r\n    &:before {\r\n      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, bottom);\r\n      position: absolute;\r\n      top: -($f-dropdown-triangle-size * 2);\r\n      #{$default-float}: $f-dropdown-triangle-side-offset;\r\n      z-index: 89;\r\n    }\r\n    &:after {\r\n      @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, bottom);\r\n      position: absolute;\r\n      top: -(($f-dropdown-triangle-size + 1) * 2);\r\n      #{$default-float}: $f-dropdown-triangle-side-offset - 1;\r\n      z-index: 88;\r\n    }\r\n\r\n    &.right:before {\r\n      #{$default-float}: auto;\r\n      #{$opposite-direction}: $f-dropdown-triangle-side-offset;\r\n    }\r\n    &.right:after {\r\n      #{$default-float}: auto;\r\n      #{$opposite-direction}: $f-dropdown-triangle-side-offset - 1;\r\n    }\r\n  }\r\n\r\n  @if $triangle == $default-float {\r\n    margin-top: 0;\r\n    margin-#{$default-float}: $f-dropdown-margin-right;\r\n\r\n    &:before {\r\n      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$opposite-direction});\r\n      position: absolute;\r\n      top: $f-dropdown-triangle-side-offset;\r\n      #{$default-float}: -($f-dropdown-triangle-size * 2);\r\n      z-index: 89;\r\n    }\r\n    &:after {\r\n      @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$opposite-direction});\r\n      position: absolute;\r\n      top: $f-dropdown-triangle-side-offset - 1;\r\n      #{$default-float}: -($f-dropdown-triangle-size * 2) - 2;\r\n      z-index: 88;\r\n    }\r\n\r\n  }\r\n\r\n  @if $triangle == $opposite-direction {\r\n    margin-top: 0;\r\n    margin-#{$default-float}: -$f-dropdown-margin-right;\r\n\r\n    &:before {\r\n      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$default-float});\r\n      position: absolute;\r\n      top: $f-dropdown-triangle-side-offset;\r\n      #{$opposite-direction}: -($f-dropdown-triangle-size * 2);\r\n      #{$default-float}: auto;\r\n      z-index: 89;\r\n    }\r\n    &:after {\r\n      @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$default-float});\r\n      position: absolute;\r\n      top: $f-dropdown-triangle-side-offset - 1;\r\n      #{$opposite-direction}: -($f-dropdown-triangle-size * 2) - 2;\r\n      #{$default-float}: auto;\r\n      z-index: 88;\r\n    }\r\n\r\n  }\r\n\r\n  @if $triangle == top {\r\n    margin-top: -$f-dropdown-margin-bottom;\r\n    margin-left: 0;\r\n\r\n    &:before {\r\n      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, top);\r\n      position: absolute;\r\n      top: auto;\r\n      bottom: -($f-dropdown-triangle-size * 2);\r\n      #{$default-float}: $f-dropdown-triangle-side-offset;\r\n      #{$opposite-direction}: auto;\r\n      z-index: 89;\r\n    }\r\n    &:after {\r\n      @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, top);\r\n      position: absolute;\r\n      top: auto;\r\n      bottom: -($f-dropdown-triangle-size * 2) - 2;\r\n      #{$default-float}: $f-dropdown-triangle-side-offset - 1;\r\n      #{$opposite-direction}: auto;\r\n      z-index: 88;\r\n    }\r\n\r\n  }\r\n\r\n  @if $max-width { max-width: $max-width; }\r\n  @else { max-width: $f-dropdown-max-width; }\r\n\r\n}\r\n\r\n// @MIXIN\r\n//\r\n// We use this to style the list elements or content inside the dropdown.\r\n\r\n@mixin dropdown-style {\r\n  font-size: $f-dropdown-font-size;\r\n  cursor: $cursor-pointer-value;\r\n\r\n  line-height: $f-dropdown-line-height;\r\n  margin: 0;\r\n\r\n  &:hover,\r\n  &:focus { background: $f-dropdown-list-hover-bg; }\r\n\r\n  &.radius { @include radius($f-dropdown-radius); }\r\n\r\n  a {\r\n    display: block;\r\n    padding: $f-dropdown-list-padding;\r\n    color: $f-dropdown-font-color;\r\n  }\r\n}\r\n\r\n@include exports(\"dropdown\") {\r\n  @if $include-html-dropdown-classes {\r\n\r\n    /* Foundation Dropdowns */\r\n    .f-dropdown {\r\n      @include dropdown-container(list, bottom);\r\n\r\n      &.drop-#{$opposite-direction} {\r\n        @include dropdown-container(list, #{$default-float});\r\n      }\r\n\r\n      &.drop-#{$default-float} {\r\n        @include dropdown-container(list, #{$opposite-direction});\r\n      }\r\n\r\n      &.drop-top {\r\n        @include dropdown-container(list, top);\r\n      }\r\n      // max-width: none;\r\n\r\n      li { @include dropdown-style; }\r\n\r\n      // You can also put custom content in these dropdowns\r\n      &.content { @include dropdown-container(content, $triangle:false); }\r\n\r\n      // Sizes\r\n      &.tiny    { max-width: 200px; }\r\n      &.small   { max-width: 300px; }\r\n      &.medium  { max-width: 500px; }\r\n      &.large   { max-width: 800px; }\r\n      &.mega    {\r\n        width:100%!important;\r\n        max-width:100%!important;\r\n\r\n        &.open{\r\n          left:0!important;\r\n        }\r\n      }\r\n    }\r\n\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-button-classes: $include-html-classes !default;\r\n\r\n// We use these to set the color of the pip in dropdown buttons\r\n$dropdown-button-pip-color: $white !default;\r\n$dropdown-button-pip-color-alt: $oil !default;\r\n\r\n$button-pip-tny: rem-calc(6) !default;\r\n$button-pip-sml: rem-calc(7) !default;\r\n$button-pip-med: rem-calc(9) !default;\r\n$button-pip-lrg: rem-calc(11) !default;\r\n\r\n// We use these to style tiny dropdown buttons\r\n$dropdown-button-padding-tny: $button-pip-tny * 7 !default;\r\n$dropdown-button-pip-size-tny: $button-pip-tny !default;\r\n$dropdown-button-pip-opposite-tny: $button-pip-tny * 3 !default;\r\n$dropdown-button-pip-top-tny: (-$button-pip-tny / 2) + rem-calc(1) !default;\r\n\r\n// We use these to style small dropdown buttons\r\n$dropdown-button-padding-sml: $button-pip-sml * 7 !default;\r\n$dropdown-button-pip-size-sml: $button-pip-sml !default;\r\n$dropdown-button-pip-opposite-sml: $button-pip-sml * 3 !default;\r\n$dropdown-button-pip-top-sml: (-$button-pip-sml / 2) + rem-calc(1) !default;\r\n\r\n// We use these to style medium dropdown buttons\r\n$dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3) !default;\r\n$dropdown-button-pip-size-med: $button-pip-med - rem-calc(3) !default;\r\n$dropdown-button-pip-opposite-med: $button-pip-med * 2.5 !default;\r\n$dropdown-button-pip-top-med: (-$button-pip-med / 2) + rem-calc(2) !default;\r\n\r\n// We use these to style large dropdown buttons\r\n$dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3) !default;\r\n$dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6) !default;\r\n$dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5 !default;\r\n$dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3) !default;\r\n\r\n// @mixins\r\n//\r\n// Dropdown Button Mixin\r\n//\r\n// We use this mixin to build off of the button mixin and add dropdown button styles\r\n//\r\n// $padding - Determines the size of button you're working with. Default: medium. Options [tiny, small, medium, large]\r\n// $pip-color - Color of the little triangle that points to the dropdown. Default: $white.\r\n// $base-style - Add in base-styles. This can be set to false. Default:true\r\n\r\n@mixin dropdown-button($padding:medium, $pip-color:$white, $base-style:true) {\r\n\r\n  // We add in base styles, but they can be negated by setting to 'false'.\r\n  @if $base-style {\r\n    position: relative;\r\n    outline: none;\r\n\r\n    // This creates the base styles for the triangle pip\r\n    &::after {\r\n      position: absolute;\r\n      content: \"\";\r\n      width: 0;\r\n      height: 0;\r\n      display: block;\r\n      border-style: solid;\r\n      border-color: $dropdown-button-pip-color transparent transparent transparent;\r\n      top: 50%;\r\n    }\r\n  }\r\n\r\n  // If we're dealing with tiny buttons, use these styles\r\n  @if $padding == tiny {\r\n    padding-#{$opposite-direction}: $dropdown-button-padding-tny;\r\n    &:after {\r\n      border-width: $dropdown-button-pip-size-tny;\r\n      #{$opposite-direction}: $dropdown-button-pip-opposite-tny;\r\n      margin-top: $dropdown-button-pip-top-tny;\r\n    }\r\n  }\r\n\r\n  // If we're dealing with small buttons, use these styles\r\n  @if $padding == small {\r\n    padding-#{$opposite-direction}: $dropdown-button-padding-sml;\r\n    &::after {\r\n      border-width: $dropdown-button-pip-size-sml;\r\n      #{$opposite-direction}: $dropdown-button-pip-opposite-sml;\r\n      margin-top: $dropdown-button-pip-top-sml;\r\n    }\r\n  }\r\n\r\n  // If we're dealing with default (medium) buttons, use these styles\r\n  @if $padding == medium {\r\n    padding-#{$opposite-direction}: $dropdown-button-padding-med;\r\n    &::after {\r\n      border-width: $dropdown-button-pip-size-med;\r\n      #{$opposite-direction}: $dropdown-button-pip-opposite-med;\r\n      margin-top: $dropdown-button-pip-top-med;\r\n    }\r\n  }\r\n\r\n  // If we're dealing with large buttons, use these styles\r\n  @if $padding == large {\r\n    padding-#{$opposite-direction}: $dropdown-button-padding-lrg;\r\n    &::after {\r\n      border-width: $dropdown-button-pip-size-lrg;\r\n      #{$opposite-direction}: $dropdown-button-pip-opposite-lrg;\r\n      margin-top: $dropdown-button-pip-top-lrg;\r\n    }\r\n  }\r\n\r\n  // We can control the pip color. We didn't use logic in this case, just set it and forget it.\r\n  @if $pip-color {\r\n    &::after { border-color: $pip-color transparent transparent transparent; }\r\n  }\r\n}\r\n\r\n@include exports(\"dropdown-button\") {\r\n  @if $include-html-button-classes {\r\n    .dropdown.button, button.dropdown { @include dropdown-button;\r\n      &.tiny { @include dropdown-button(tiny,$base-style:false); }\r\n      &.small { @include dropdown-button(small,$base-style:false); }\r\n      &.large { @include dropdown-button(large,$base-style:false); }\r\n      &.secondary:after { border-color: $dropdown-button-pip-color-alt transparent transparent transparent; }\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-media-classes: $include-html-classes !default;\r\n\r\n// We use these to control video container padding and margins\r\n$flex-video-padding-top: rem-calc(25) !default;\r\n$flex-video-padding-bottom: 67.5% !default;\r\n$flex-video-margin-bottom: rem-calc(16) !default;\r\n\r\n// We use this to control widescreen bottom padding\r\n$flex-video-widescreen-padding-bottom: 56.34% !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n@mixin flex-video-container {\r\n  position: relative;\r\n  padding-top: $flex-video-padding-top;\r\n  padding-bottom: $flex-video-padding-bottom;\r\n  height: 0;\r\n  margin-bottom: $flex-video-margin-bottom;\r\n  overflow: hidden;\r\n\r\n  &.widescreen { padding-bottom: $flex-video-widescreen-padding-bottom; }\r\n  &.vimeo { padding-top: 0; }\r\n\r\n  iframe,\r\n  object,\r\n  embed,\r\n  video {\r\n    position: absolute;\r\n    top: 0;\r\n    #{$default-float}: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n@include exports(\"flex-video\") {\r\n  @if $include-html-media-classes {\r\n    .flex-video { @include flex-video-container; }\r\n  }\r\n}","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-inline-list-classes: $include-html-classes !default;\r\n\r\n// We use this to control the margins and padding of the inline list.\r\n$inline-list-top-margin: 0 !default;\r\n$inline-list-opposite-margin: 0 !default;\r\n$inline-list-bottom-margin: rem-calc(17) !default;\r\n$inline-list-default-float-margin: rem-calc(-22) !default;\r\n$inline-list-default-float-list-margin: rem-calc(22) !default;\r\n\r\n$inline-list-padding: 0 !default;\r\n\r\n// We use this to control the overflow of the inline list.\r\n$inline-list-overflow: hidden !default;\r\n\r\n// We use this to control the list items\r\n$inline-list-display: block !default;\r\n\r\n// We use this to control any elements within list items\r\n$inline-list-children-display: block !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n// We use this mixin to create inline lists\r\n@mixin inline-list {\r\n  margin: $inline-list-top-margin auto $inline-list-bottom-margin auto;\r\n  margin-#{$default-float}: $inline-list-default-float-margin;\r\n  margin-#{$opposite-direction}: $inline-list-opposite-margin;\r\n  padding: $inline-list-padding;\r\n  list-style: none;\r\n  overflow: $inline-list-overflow;\r\n\r\n  & > li {\r\n    list-style: none;\r\n    float: $default-float;\r\n    margin-#{$default-float}: $inline-list-default-float-list-margin;\r\n    display: $inline-list-display;\r\n    &>* { display: $inline-list-children-display; }\r\n  }\r\n}\r\n\r\n@include exports(\"inline-list\") {\r\n  @if $include-html-inline-list-classes {\r\n    .inline-list {\r\n      @include inline-list();\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-keystroke-classes: $include-html-classes !default;\r\n\r\n// We use these to control text styles.\r\n$keystroke-font: \"Consolas\", \"Menlo\", \"Courier\", monospace !default;\r\n$keystroke-font-size: inherit !default;\r\n$keystroke-font-color: $jet !default;\r\n$keystroke-font-color-alt: $white !default;\r\n$keystroke-function-factor: -7% !default;\r\n\r\n// We use this to control keystroke padding.\r\n$keystroke-padding: rem-calc(2 4 0) !default;\r\n\r\n// We use these to control background and border styles.\r\n$keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor) !default;\r\n$keystroke-border-style: solid !default;\r\n$keystroke-border-width: 1px !default;\r\n$keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor) !default;\r\n$keystroke-radius: $global-radius !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n// We use this mixin to create keystroke styles.\r\n// $bg - Default: $keystroke-bg || scale-color($white, $lightness: $keystroke-function-factor) !default;\r\n@mixin keystroke($bg:$keystroke-bg) {\r\n  // This find the lightness percentage of the background color.\r\n  $bg-lightness: lightness($bg);\r\n\r\n  background-color: $bg;\r\n  border-color: scale-color($bg, $lightness: $keystroke-function-factor);\r\n\r\n  // We adjust the font color based on the brightness of the background.\r\n  @if $bg-lightness > 70% { color: $keystroke-font-color; }\r\n  @else { color: $keystroke-font-color-alt; }\r\n\r\n  border-style: $keystroke-border-style;\r\n  border-width: $keystroke-border-width;\r\n  margin: 0;\r\n  font-family: $keystroke-font;\r\n  font-size: $keystroke-font-size;\r\n  padding: $keystroke-padding;\r\n}\r\n\r\n@include exports(\"keystroke\") {\r\n  @if $include-html-keystroke-classes  {\r\n    .keystroke,\r\n    kbd {\r\n      @include keystroke;\r\n      @include radius($keystroke-radius);\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n$include-html-panel-classes: $include-html-classes !default;\r\n\r\n// We use these to control the background and border styles\r\n$panel-bg: scale-color($white, $lightness: -5%) !default;\r\n$panel-border-style: solid !default;\r\n$panel-border-size: 1px !default;\r\n\r\n// We use this % to control how much we darken things on hover\r\n$panel-function-factor: -11% !default;\r\n$panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor) !default;\r\n\r\n// We use these to set default inner padding and bottom margin\r\n$panel-margin-bottom: rem-calc(20) !default;\r\n$panel-padding: rem-calc(20) !default;\r\n\r\n// We use these to set default font colors\r\n$panel-font-color: $oil !default;\r\n$panel-font-color-alt: $white !default;\r\n\r\n$panel-header-adjust: true !default;\r\n$callout-panel-link-color: $primary-color !default;\r\n$callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%) !default;\r\n//\r\n// @mixins\r\n//\r\n// We use this mixin to create panels.\r\n// $bg - Sets the panel background color. Default: $panel-pg || scale-color($white, $lightness: -5%) !default\r\n// $padding - Sets the panel padding amount. Default: $panel-padding || rem-calc(20)\r\n// $adjust - Sets the font color based on the darkness of the bg & resets header line-heights for panels. Default: $panel-header-adjust || true\r\n@mixin panel($bg:$panel-bg, $padding:$panel-padding, $adjust:$panel-header-adjust) {\r\n\r\n  @if $bg {\r\n    $bg-lightness: lightness($bg);\r\n\r\n    border-style: $panel-border-style;\r\n    border-width: $panel-border-size;\r\n    border-color: scale-color($bg, $lightness: $panel-function-factor);\r\n    margin-bottom: $panel-margin-bottom;\r\n    padding: $padding;\r\n\r\n    background: $bg;\r\n    @if $bg-lightness >= 50% { color: $panel-font-color; }\r\n    @else { color: $panel-font-color-alt; }\r\n\r\n    // Respect the padding, fool.\r\n    &>:first-child { margin-top: 0; }\r\n    &>:last-child { margin-bottom: 0; }\r\n\r\n    @if $adjust {\r\n      // We set the font color based on the darkness of the bg.\r\n      @if $bg-lightness >= 50% { \r\n        h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color; }\r\n      }\r\n      @else { \r\n        h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color-alt; }\r\n      }\r\n\r\n      // reset header line-heights for panels\r\n      h1,h2,h3,h4,h5,h6 {\r\n        line-height: 1; margin-bottom: rem-calc(20) / 2;\r\n        &.subheader { line-height: 1.4; }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@include exports(\"panel\") {\r\n  @if $include-html-panel-classes {\r\n\r\n    /* Panels */\r\n    .panel { @include panel;\r\n\r\n      &.callout {\r\n        @include panel(scale-color($primary-color, $lightness: 94%));\r\n        a:not(.button) {\r\n          color: $callout-panel-link-color;\r\n\r\n          &:hover,\r\n          &:focus {\r\n            color: $callout-panel-link-color-hover;\r\n          }\r\n        }\r\n      }\r\n\r\n      &.radius {\r\n        @include radius;\r\n      }\r\n\r\n    }\r\n\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n@import \"grid\";\r\n\r\n//\r\n// @name _reveal.scss\r\n// @dependencies _global.scss\r\n//\r\n\r\n$include-html-reveal-classes: $include-html-classes !default;\r\n\r\n// We use these to control the style of the reveal overlay.\r\n$reveal-overlay-bg: rgba($black, .45) !default;\r\n$reveal-overlay-bg-old: $black !default;\r\n\r\n// We use these to control the style of the modal itself.\r\n$reveal-modal-bg: $white !default;\r\n$reveal-position-top: rem-calc(100) !default;\r\n$reveal-default-width: 80% !default;\r\n$reveal-max-width: $row-width !default;\r\n$reveal-modal-padding: rem-calc(20) !default;\r\n$reveal-box-shadow: 0 0 10px rgba($black,.4) !default;\r\n\r\n// We use these to style the reveal close button\r\n$reveal-close-font-size: rem-calc(40) !default;\r\n$reveal-close-top: rem-calc(10) !default;\r\n$reveal-close-side: rem-calc(22) !default;\r\n$reveal-close-color: $base !default;\r\n$reveal-close-weight: $font-weight-bold !default;\r\n\r\n// We use this to set the default radius used throughout the core.\r\n$reveal-radius: $global-radius !default;\r\n$reveal-round: $global-rounded !default;\r\n\r\n// We use these to control the modal border\r\n$reveal-border-style: solid !default;\r\n$reveal-border-width: 1px !default;\r\n$reveal-border-color: $steel !default;\r\n\r\n$reveal-modal-class: \"reveal-modal\" !default;\r\n$close-reveal-modal-class: \"close-reveal-modal\" !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n// We use this to create the reveal background overlay styles\r\n@mixin reveal-bg( $include-z-index-value: true ) {\r\n  //position: fixed;\r\n  position: absolute; // allows modal background to extend beyond window position\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: $reveal-overlay-bg-old; // Autoprefixer should be used to avoid such variables needed when Foundation for Sites can do so in the near future.\r\n  background: $reveal-overlay-bg;\r\n  z-index: if( $include-z-index-value, 1004, auto );\r\n  display: none;\r\n  #{$default-float}: 0;\r\n}\r\n\r\n// We use this mixin to create the structure of a reveal modal\r\n//\r\n// $base-style - Provides reveal base styles, can be set to false to override. Default: true, Options: false\r\n// $width - Sets reveal width Default: $reveal-default-width || 80%\r\n//\r\n@mixin reveal-modal-base( $base-style: true, $width:$reveal-default-width, $max-width:$reveal-max-width, $border-radius: $reveal-radius) {\r\n  @if $base-style {\r\n    visibility: hidden;\r\n    display: none;\r\n    position: absolute;\r\n    z-index: 1005;\r\n    width: 100vw;\r\n    top:0;\r\n    border-radius: $border-radius;\r\n    #{$default-float}: 0;\r\n\r\n    @media #{$small-only} {\r\n      min-height:100vh;\r\n    }\r\n\r\n    // Make sure rows don't have a min-width on them\r\n    .column, .columns { min-width: 0; }\r\n\r\n    // Get rid of margin from first and last element inside modal\r\n    & > :first-child { margin-top: 0; }\r\n\r\n    & > :last-child { margin-bottom: 0; }\r\n  }\r\n\r\n  @if $width {\r\n    @media #{$medium-up} {\r\n      width: $width;\r\n      max-width: $max-width;\r\n      left: 0;\r\n      right: 0;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n}\r\n\r\n// We use this to style the reveal modal defaults\r\n//\r\n// $bg - Sets background color of reveal modal. Default: $reveal-modal-bg || $white\r\n// $padding - Padding to apply to reveal modal. Default: $reveal-modal-padding.\r\n// $border - Choose whether reveal uses a border. Default: true, Options: false\r\n// $border-style - Set reveal border style. Default: $reveal-border-style || solid\r\n// $border-width - Width of border (i.e. 1px). Default: $reveal-border-width.\r\n// $border-color - Color of border. Default: $reveal-border-color.\r\n// $box-shadow - Choose whether or not to include the default box-shadow. Default: true, Options: false\r\n// $radius - If true, set to modal radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false\r\n// $top-offset - Default: $reveal-position-top || 50px\r\n@mixin reveal-modal-style(\r\n  $bg:false,\r\n  $padding:false,\r\n  $border:false,\r\n  $border-style:$reveal-border-style,\r\n  $border-width:$reveal-border-width,\r\n  $border-color:$reveal-border-color,\r\n  $box-shadow:false,\r\n  $radius:false,\r\n  $top-offset:false) {\r\n\r\n  @if $bg { background-color: $bg; }\r\n  @if $padding != false { padding: $padding; }\r\n\r\n  @if $border { border: $border-style $border-width $border-color; }\r\n\r\n  // We can choose whether or not to include the default box-shadow.\r\n  @if $box-shadow {\r\n    box-shadow: $reveal-box-shadow;\r\n  }\r\n\r\n  // We can control how much radius is used on the modal\r\n  @if $radius == true { @include radius($reveal-radius); }\r\n  @else if $radius { @include radius($radius); }\r\n\r\n  @if $top-offset {\r\n    @media #{$medium-up} {\r\n      top: $top-offset;\r\n    }\r\n  }\r\n}\r\n\r\n// We use this to create a close button for the reveal modal\r\n//\r\n// $color - Default: $reveal-close-color || $base\r\n@mixin reveal-close($color:$reveal-close-color) {\r\n  font-size: $reveal-close-font-size;\r\n  line-height: 1;\r\n  position: absolute;\r\n  top: $reveal-close-top;\r\n  #{$opposite-direction}: $reveal-close-side;\r\n  color: $color;\r\n  font-weight: $reveal-close-weight;\r\n  cursor: $cursor-pointer-value;\r\n}\r\n\r\n@include exports(\"reveal\") {\r\n  @if $include-html-reveal-classes {\r\n\r\n    // Reveal Modals\r\n    .reveal-modal-bg { @include reveal-bg; }\r\n\r\n    .#{$reveal-modal-class} {\r\n      @include reveal-modal-base;\r\n      @include reveal-modal-style(\r\n        $bg:$reveal-modal-bg,\r\n        $padding:$reveal-modal-padding,\r\n        $border:true,\r\n        $box-shadow:true,\r\n        $radius:false,\r\n        $top-offset:$reveal-position-top\r\n      );\r\n      @include reveal-modal-style($padding:$reveal-modal-padding * 1.5);\r\n\r\n      &.radius { @include reveal-modal-style($radius:true); }\r\n      &.round  { @include reveal-modal-style($radius:$reveal-round); }\r\n      &.collapse { @include reveal-modal-style($padding:0); }\r\n      &.tiny  { @include reveal-modal-base(false, 30%); }\r\n      &.small { @include reveal-modal-base(false, 40%); }\r\n      &.medium  { @include reveal-modal-base(false, 60%); }\r\n      &.large { @include reveal-modal-base(false, 70%); }\r\n      &.xlarge { @include reveal-modal-base(false, 95%); }\r\n      &.full {\r\n        @include reveal-modal-base(false, 100vw);\r\n        top:0;\r\n        left:0;\r\n        height:100%;\r\n        height: 100vh;\r\n        min-height:100vh;\r\n        max-width: none !important;\r\n        margin-left: 0 !important;\r\n      }\r\n\r\n      .#{$close-reveal-modal-class} { @include reveal-close; }\r\n    }\r\n\r\n    dialog {\r\n      @extend .#{$reveal-modal-class};\r\n      display: none;\r\n\r\n      &::backdrop, & + .backdrop {\r\n        @include reveal-bg(false);\r\n      }\r\n\r\n      &[open]{\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    // Reveal Print Styles: It should be invisible, adds no value being printed.\r\n    @media print {\r\n      dialog, .#{$reveal-modal-class} { \r\n        display: none;\r\n        background: $white !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @variables\r\n//\r\n\r\n$include-html-nav-classes: $include-html-classes !default;\r\n\r\n// We use this to control padding.\r\n$side-nav-padding: rem-calc(14 0) !default;\r\n\r\n// We use these to control list styles.\r\n$side-nav-list-type: none !default;\r\n$side-nav-list-position: outside !default;\r\n$side-nav-list-margin: rem-calc(0 0 7 0) !default;\r\n\r\n// We use these to control link styles.\r\n$side-nav-link-color: $primary-color !default;\r\n$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%) !default;\r\n$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%) !default;\r\n$side-nav-link-bg-hover: hsla(0, 0, 0, 0.025) !default;\r\n$side-nav-link-margin: 0 !default;\r\n$side-nav-link-padding: rem-calc(7 14) !default;\r\n$side-nav-font-size: rem-calc(14) !default;\r\n$side-nav-font-weight: $font-weight-normal !default;\r\n$side-nav-font-weight-active: $side-nav-font-weight !default;\r\n$side-nav-font-family: $body-font-family !default;\r\n$side-nav-font-family-active: $side-nav-font-family !default;\r\n\r\n// We use these to control heading styles.\r\n$side-nav-heading-color: $side-nav-link-color !default;\r\n$side-nav-heading-font-size: $side-nav-font-size !default;\r\n$side-nav-heading-font-weight: bold !default;\r\n$side-nav-heading-text-transform: uppercase !default;\r\n\r\n// We use these to control border styles\r\n$side-nav-divider-size: 1px !default;\r\n$side-nav-divider-style: solid !default;\r\n$side-nav-divider-color: scale-color($white, $lightness: 10%) !default;\r\n\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n\r\n// We use this to style the side-nav\r\n//\r\n// $divider-color - Border color of divider. Default: $side-nav-divider-color.\r\n// $font-size - Font size of nav items. Default: $side-nav-font-size.\r\n// $link-color - Color of navigation links. Default: $side-nav-link-color.\r\n// $link-color-hover - Color of navigation links when hovered. Default: $side-nav-link-color-hover.\r\n@mixin side-nav(\r\n  $divider-color:$side-nav-divider-color,\r\n  $font-size:$side-nav-font-size,\r\n  $link-color:$side-nav-link-color,\r\n  $link-color-hover:$side-nav-link-color-hover,\r\n  $link-bg-hover:$side-nav-link-bg-hover) {\r\n  display: block;\r\n  margin: 0;\r\n  padding: $side-nav-padding;\r\n  list-style-type: $side-nav-list-type;\r\n  list-style-position: $side-nav-list-position;\r\n  font-family: $side-nav-font-family;\r\n\r\n  li {\r\n    margin: $side-nav-list-margin;\r\n    font-size: $font-size;\r\n    font-weight: $side-nav-font-weight;\r\n\r\n    a:not(.button) {\r\n      display: block;\r\n      color: $link-color;\r\n      margin: $side-nav-link-margin;\r\n      padding: $side-nav-link-padding;\r\n      &:hover,\r\n      &:focus {\r\n        background: $link-bg-hover;\r\n        color: $link-color-hover;\r\n      }\r\n    }\r\n\r\n    &.active > a:first-child:not(.button) {\r\n      color: $side-nav-link-color-active;\r\n      font-weight: $side-nav-font-weight-active;\r\n      font-family: $side-nav-font-family-active;\r\n    }\r\n\r\n    &.divider {\r\n      border-top: $side-nav-divider-size $side-nav-divider-style;\r\n      height: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n      border-top-color: $divider-color;\r\n    }\r\n\r\n    &.heading {\r\n      color: $side-nav-heading-color;\r\n      font: {\r\n        size: $side-nav-heading-font-size;\r\n        weight: $side-nav-heading-font-weight;\r\n      }\r\n      text-transform: $side-nav-heading-text-transform;\r\n    }\r\n  }\r\n}\r\n\r\n@include exports(\"side-nav\") {\r\n  @if $include-html-nav-classes {\r\n    .side-nav { @include side-nav; }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @name _sub-nav.scss\r\n// @dependencies _global.scss\r\n//\r\n\r\n//\r\n// @variables\r\n//\r\n\r\n$include-html-nav-classes: $include-html-classes !default;\r\n\r\n// We use these to control margin and padding\r\n$sub-nav-list-margin: rem-calc(-4 0 18) !default;\r\n$sub-nav-list-padding-top: rem-calc(4) !default;\r\n\r\n// We use this to control the definition\r\n$sub-nav-font-family: $body-font-family !default;\r\n$sub-nav-font-size: rem-calc(14) !default;\r\n$sub-nav-font-color: $aluminum !default;\r\n$sub-nav-font-weight: $font-weight-normal !default;\r\n$sub-nav-text-decoration: none !default;\r\n$sub-nav-padding: rem-calc(3 16) !default;\r\n$sub-nav-border-radius: 3px !default;\r\n$sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%) !default;\r\n\r\n\r\n// We use these to control the active item styles\r\n\r\n$sub-nav-active-font-weight: $font-weight-normal !default;\r\n$sub-nav-active-bg: $primary-color !default;\r\n$sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%) !default;\r\n$sub-nav-active-color: $white !default;\r\n$sub-nav-active-padding: $sub-nav-padding !default;\r\n$sub-nav-active-cursor: default !default;\r\n\r\n$sub-nav-item-divider: \"\" !default;\r\n$sub-nav-item-divider-margin: rem-calc(12) !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n\r\n// Create a sub-nav item\r\n//\r\n// $font-color - Font color. Default: $sub-nav-font-color.\r\n// $font-size - Font size. Default: $sub-nav-font-size.\r\n// $active-bg - Background of active nav item. Default: $sub-nav-active-bg.\r\n// $active-bg-hover - Background of active nav item, when hovered. Default: $sub-nav-active-bg-hover.\r\n@mixin sub-nav(\r\n  $font-color: $sub-nav-font-color,\r\n  $font-size: $sub-nav-font-size,\r\n  $active-bg: $sub-nav-active-bg,\r\n  $active-bg-hover: $sub-nav-active-bg-hover) {\r\n  display: block;\r\n  width: auto;\r\n  overflow: hidden;\r\n  margin: $sub-nav-list-margin;\r\n  padding-top: $sub-nav-list-padding-top;\r\n\r\n  dt {\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  dt,\r\n  dd,\r\n  li {\r\n    float: $default-float;\r\n    display: inline;\r\n    margin-#{$default-float}: rem-calc(16);\r\n    margin-bottom: 0;\r\n    font-family: $sub-nav-font-family;\r\n    font-weight: $sub-nav-font-weight;\r\n    font-size: $font-size;\r\n    color: $font-color;\r\n\r\n    a {\r\n      text-decoration: $sub-nav-text-decoration;\r\n      color: $sub-nav-font-color;\r\n      padding: $sub-nav-padding;\r\n      &:hover {\r\n        color: $sub-nav-font-color-hover;\r\n      }\r\n    }\r\n\r\n    &.active a {\r\n      @include radius($sub-nav-border-radius);\r\n      font-weight: $sub-nav-active-font-weight;\r\n      background: $active-bg;\r\n      padding: $sub-nav-active-padding;\r\n      cursor: $sub-nav-active-cursor;\r\n      color: $sub-nav-active-color;\r\n      &:hover {\r\n        background: $active-bg-hover;\r\n      }\r\n    }\r\n    @if $sub-nav-item-divider != \"\" {\r\n      margin-#{$default-float}: 0;\r\n\r\n      &:before {\r\n        content: \"#{$sub-nav-item-divider}\";\r\n        margin: 0 $sub-nav-item-divider-margin;\r\n      }\r\n\r\n      &:first-child:before {\r\n        content: \"\";\r\n        margin: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@include exports(\"sub-nav\") {\r\n  @if $include-html-nav-classes {\r\n    .sub-nav { @include sub-nav; }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @name _tables.scss\r\n// @dependencies _global.scss\r\n//\r\n\r\n//\r\n// @variables\r\n//\r\n\r\n$include-html-table-classes: $include-html-classes !default;\r\n\r\n// These control the background color for the table and even rows\r\n$table-bg: $white !default;\r\n$table-even-row-bg: $snow !default;\r\n\r\n// These control the table cell border style\r\n$table-border-style: solid !default;\r\n$table-border-size: 1px !default;\r\n$table-border-color: $gainsboro !default;\r\n\r\n// These control the table head styles\r\n$table-head-bg: $white-smoke !default;\r\n$table-head-font-size: rem-calc(14) !default;\r\n$table-head-font-color: $jet !default;\r\n$table-head-font-weight: $font-weight-bold !default;\r\n$table-head-padding: rem-calc(8 10 10) !default;\r\n\r\n// These control the table foot styles\r\n$table-foot-bg: $table-head-bg !default;\r\n$table-foot-font-size: $table-head-font-size !default;\r\n$table-foot-font-color: $table-head-font-color !default;\r\n$table-foot-font-weight: $table-head-font-weight !default;\r\n$table-foot-padding: $table-head-padding !default;\r\n\r\n// These control the caption\r\n$table-caption-bg: transparent !default;\r\n$table-caption-font-color: $table-head-font-color !default;\r\n$table-caption-font-size: rem-calc(16) !default;\r\n$table-caption-font-weight: bold !default;\r\n\r\n// These control the row padding and font styles\r\n$table-row-padding: rem-calc(9 10) !default;\r\n$table-row-font-size: rem-calc(14) !default;\r\n$table-row-font-color: $jet !default;\r\n$table-line-height: rem-calc(18) !default;\r\n\r\n// These are for controlling the layout, display and margin of tables\r\n$table-layout: auto !default;\r\n$table-display: table-cell !default;\r\n$table-margin-bottom: rem-calc(20) !default;\r\n\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n@mixin table {\r\n  background: $table-bg;\r\n  margin-bottom: $table-margin-bottom;\r\n  border: $table-border-style $table-border-size $table-border-color;\r\n  table-layout: $table-layout;\r\n\r\n  caption {\r\n    background: $table-caption-bg;\r\n    color: $table-caption-font-color;\r\n    font: {\r\n      size: $table-caption-font-size;\r\n      weight: $table-caption-font-weight;\r\n    }\r\n  }\r\n\r\n  thead {\r\n    background: $table-head-bg;\r\n\r\n    tr {\r\n      th,\r\n      td {\r\n        padding: $table-head-padding;\r\n        font-size: $table-head-font-size;\r\n        font-weight: $table-head-font-weight;\r\n        color: $table-head-font-color;\r\n      }\r\n    }\r\n  }\r\n\r\n  tfoot {\r\n    background: $table-foot-bg;\r\n\r\n    tr {\r\n      th,\r\n      td {\r\n        padding: $table-foot-padding;\r\n        font-size: $table-foot-font-size;\r\n        font-weight: $table-foot-font-weight;\r\n        color: $table-foot-font-color;\r\n      }\r\n    }\r\n  }\r\n\r\n  tr {\r\n    th,\r\n    td {\r\n      padding: $table-row-padding;\r\n      font-size: $table-row-font-size;\r\n      color: $table-row-font-color;\r\n      text-align: $default-float;\r\n    }\r\n\r\n    &.even,\r\n    &.alt,\r\n    &:nth-of-type(even) { background: $table-even-row-bg; }\r\n  }\r\n\r\n  thead tr th,\r\n  tfoot tr th,\r\n  tfoot tr td,\r\n  tbody tr th,\r\n  tbody tr td,\r\n  tr td { display: $table-display; line-height: $table-line-height; }\r\n}\r\n\r\n\r\n@include exports(\"table\") {\r\n  @if $include-html-table-classes {\r\n    table {\r\n      @include table;\r\n    }\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// @name _thumbs.scss\r\n// @dependencies _globals.scss\r\n//\r\n\r\n//\r\n// @variables\r\n//\r\n\r\n$include-html-media-classes: $include-html-classes !default;\r\n\r\n// We use these to control border styles\r\n$thumb-border-style: solid !default;\r\n$thumb-border-width: 4px !default;\r\n$thumb-border-color: $white !default;\r\n$thumb-box-shadow: 0 0 0 1px rgba($black,.2) !default;\r\n$thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5) !default;\r\n\r\n// Radius and transition speed for thumbs\r\n$thumb-radius: $global-radius !default;\r\n$thumb-transition-speed: 200ms !default;\r\n\r\n//\r\n// @mixins\r\n//\r\n\r\n// We use this to create image thumbnail styles.\r\n//\r\n// $border-width - Width of border around thumbnail. Default: $thumb-border-width.\r\n// $box-shadow - Box shadow to apply to thumbnail. Default: $thumb-box-shadow.\r\n// $box-shadow-hover - Box shadow to apply on hover. Default: $thumb-box-shadow-hover.\r\n@mixin thumb(\r\n  $border-width:$thumb-border-width, \r\n  $box-shadow:$thumb-box-shadow, \r\n  $box-shadow-hover:$thumb-box-shadow-hover) {\r\n  line-height: 0;\r\n  display: inline-block;\r\n  border: $thumb-border-style $border-width $thumb-border-color;\r\n  max-width: 100%;\r\n  box-shadow: $box-shadow;\r\n\r\n  &:hover,\r\n  &:focus {\r\n    box-shadow: $box-shadow-hover;\r\n  }\r\n}\r\n\r\n\r\n@include exports(\"thumb\") {\r\n  @if $include-html-media-classes {\r\n\r\n    /* Image Thumbnails */\r\n    .th {\r\n      @include thumb;\r\n      @include single-transition(all,$thumb-transition-speed,ease-out);\r\n\r\n      &.radius { @include radius($thumb-radius); }\r\n    }\r\n  }\r\n}","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n$include-html-type-classes: $include-html-classes !default;\r\n\r\n// We use these to control header font styles\r\n$header-font-family: $body-font-family !default;\r\n$header-font-weight: $font-weight-normal !default;\r\n$header-font-style: $font-weight-normal !default;\r\n$header-font-color: $jet !default;\r\n$header-line-height: 1.4 !default;\r\n$header-top-margin: .2rem !default;\r\n$header-bottom-margin: .5rem !default;\r\n$header-text-rendering: optimizeLegibility !default;\r\n\r\n// We use these to control header font sizes\r\n$h1-font-size: rem-calc(44) !default;\r\n$h2-font-size: rem-calc(37) !default;\r\n$h3-font-size: rem-calc(27) !default;\r\n$h4-font-size: rem-calc(23) !default;\r\n$h5-font-size: rem-calc(18) !default;\r\n$h6-font-size: 1rem !default;\r\n\r\n// We use these to control header size reduction on small screens\r\n$h1-font-reduction: rem-calc(10) !default;\r\n$h2-font-reduction: rem-calc(10) !default;\r\n$h3-font-reduction: rem-calc(5) !default;\r\n$h4-font-reduction: rem-calc(5) !default;\r\n$h5-font-reduction: 0 !default;\r\n$h6-font-reduction: 0 !default;\r\n\r\n// These control how subheaders are styled.\r\n$subheader-line-height: 1.4 !default;\r\n$subheader-font-color: scale-color($header-font-color, $lightness: 35%) !default;\r\n$subheader-font-weight: $font-weight-normal !default;\r\n$subheader-top-margin: .2rem !default;\r\n$subheader-bottom-margin: .5rem !default;\r\n\r\n// A general <small> styling\r\n$small-font-size: 60% !default;\r\n$small-font-color: scale-color($header-font-color, $lightness: 35%) !default;\r\n\r\n// We use these to style paragraphs\r\n$paragraph-font-family: inherit !default;\r\n$paragraph-font-weight: $font-weight-normal !default;\r\n$paragraph-font-size: 1rem !default;\r\n$paragraph-line-height: 1.6 !default;\r\n$paragraph-margin-bottom: rem-calc(20) !default;\r\n$paragraph-aside-font-size: rem-calc(14) !default;\r\n$paragraph-aside-line-height: 1.35 !default;\r\n$paragraph-aside-font-style: italic !default;\r\n$paragraph-text-rendering: optimizeLegibility !default;\r\n\r\n// We use these to style <code> tags\r\n$code-color: $oil !default;\r\n$code-font-family: $font-family-monospace !default;\r\n$code-font-weight: $font-weight-normal !default;\r\n$code-background-color: scale-color($secondary-color, $lightness: 70%) !default;\r\n$code-border-size: 1px !default;\r\n$code-border-style: solid !default;\r\n$code-border-color: scale-color($code-background-color, $lightness: -10%) !default;\r\n$code-padding: rem-calc(2) rem-calc(5) rem-calc(1) !default;\r\n\r\n// We use these to style anchors\r\n$anchor-text-decoration: none !default;\r\n$anchor-text-decoration-hover: none !default;\r\n$anchor-font-color: $primary-color !default;\r\n$anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%) !default;\r\n\r\n// We use these to style the <hr> element\r\n$hr-border-width: 1px !default;\r\n$hr-border-style: solid !default;\r\n$hr-border-color: $gainsboro !default;\r\n$hr-margin: rem-calc(20) !default;\r\n\r\n// We use these to style lists\r\n$list-font-family: $paragraph-font-family !default;\r\n$list-font-size: $paragraph-font-size !default;\r\n$list-line-height: $paragraph-line-height !default;\r\n$list-margin-bottom: $paragraph-margin-bottom !default;\r\n$list-style-position: outside !default;\r\n$list-side-margin: 1.1rem !default;\r\n$list-ordered-side-margin: 1.4rem !default;\r\n$list-side-margin-no-bullet: 0 !default;\r\n$list-nested-margin: rem-calc(20) !default;\r\n$definition-list-header-weight: $font-weight-bold !default;\r\n$definition-list-header-margin-bottom: .3rem !default;\r\n$definition-list-margin-bottom: rem-calc(12) !default;\r\n\r\n// We use these to style blockquotes\r\n$blockquote-font-color: scale-color($header-font-color, $lightness: 35%) !default;\r\n$blockquote-padding: rem-calc(9 20 0 19) !default;\r\n$blockquote-border: 1px solid $gainsboro !default;\r\n$blockquote-cite-font-size: rem-calc(13) !default;\r\n$blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%) !default;\r\n$blockquote-cite-link-color: $blockquote-cite-font-color !default;\r\n\r\n// Acronym styles\r\n$acronym-underline: 1px dotted $gainsboro !default;\r\n\r\n// We use these to control padding and margin\r\n$microformat-padding: rem-calc(10 12) !default;\r\n$microformat-margin: rem-calc(0 0 20 0) !default;\r\n\r\n// We use these to control the border styles\r\n$microformat-border-width: 1px !default;\r\n$microformat-border-style: solid !default;\r\n$microformat-border-color: $gainsboro !default;\r\n\r\n// We use these to control full name font styles\r\n$microformat-fullname-font-weight: $font-weight-bold !default;\r\n$microformat-fullname-font-size: rem-calc(15) !default;\r\n\r\n// We use this to control the summary font styles\r\n$microformat-summary-font-weight: $font-weight-bold !default;\r\n\r\n// We use this to control abbr padding\r\n$microformat-abbr-padding: rem-calc(0 1) !default;\r\n\r\n// We use this to control abbr font styles\r\n$microformat-abbr-font-weight: $font-weight-bold !default;\r\n$microformat-abbr-font-decoration: none !default;\r\n\r\n// Text alignment class names\r\n$align-class-names:\r\n  small-only,\r\n  small,\r\n  medium-only,\r\n  medium,\r\n  large-only,\r\n  large,\r\n  xlarge-only,\r\n  xlarge,\r\n  xxlarge-only,\r\n  xxlarge;\r\n\r\n// Text alignment breakpoints\r\n$align-class-breakpoints:\r\n  $small-only,\r\n  $small-up,\r\n  $medium-only,\r\n  $medium-up,\r\n  $large-only,\r\n  $large-up,\r\n  $xlarge-only,\r\n  $xlarge-up,\r\n  $xxlarge-only,\r\n  $xxlarge-up;\r\n\r\n// Generates text align and justify classes\r\n@mixin align-classes{\r\n  .text-left    { text-align: left !important; }\r\n  .text-right   { text-align: right !important; }\r\n  .text-center  { text-align: center !important; }\r\n  .text-justify { text-align: justify !important; }\r\n\r\n  @for $i from 1 through length($align-class-names) {\r\n    @media #{(nth($align-class-breakpoints, $i))} {\r\n      .#{(nth($align-class-names, $i))}-text-left { text-align: left !important; }\r\n      .#{(nth($align-class-names, $i))}-text-right   { text-align: right !important; }\r\n      .#{(nth($align-class-names, $i))}-text-center  { text-align: center !important; }\r\n      .#{(nth($align-class-names, $i))}-text-justify { text-align: justify !important; }\r\n    }\r\n  }\r\n}\r\n\r\n//\r\n// Typography Placeholders\r\n//\r\n\r\n// These will throw a deprecation warning if used within a media query.\r\n@mixin lead {\r\n  font-size: $paragraph-font-size + rem-calc(3.5);\r\n  line-height: 1.6;\r\n}\r\n\r\n@mixin subheader {\r\n  line-height: $subheader-line-height;\r\n  color: $subheader-font-color;\r\n  font-weight: $subheader-font-weight;\r\n  margin-top: $subheader-top-margin;\r\n  margin-bottom: $subheader-bottom-margin;\r\n}\r\n@include exports(\"type\") {\r\n  @if $include-html-type-classes {\r\n    // Responsive Text alignment\r\n    @include align-classes;\r\n\r\n    /* Typography resets */\r\n    div,\r\n    dl,\r\n    dt,\r\n    dd,\r\n    ul,\r\n    ol,\r\n    li,\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4,\r\n    h5,\r\n    h6,\r\n    pre,\r\n    form,\r\n    p,\r\n    blockquote,\r\n    th,\r\n    td {\r\n      margin:0;\r\n      padding:0;\r\n    }\r\n\r\n    /* Default Link Styles */\r\n    a {\r\n      color: $anchor-font-color;\r\n      text-decoration: $anchor-text-decoration;\r\n      line-height: inherit;\r\n\r\n      &:hover,\r\n      &:focus {\r\n        color: $anchor-font-color-hover;\r\n        @if $anchor-text-decoration-hover != $anchor-text-decoration {\r\n        \ttext-decoration: $anchor-text-decoration-hover;\r\n        }\r\n      }\r\n\r\n      img { border:none; }\r\n    }\r\n\r\n    /* Default paragraph styles */\r\n    p {\r\n      font-family: $paragraph-font-family;\r\n      font-weight: $paragraph-font-weight;\r\n      font-size: $paragraph-font-size;\r\n      line-height: $paragraph-line-height;\r\n      margin-bottom: $paragraph-margin-bottom;\r\n      text-rendering: $paragraph-text-rendering;\r\n\r\n      &.lead { @include lead; }\r\n\r\n      & aside {\r\n        font-size: $paragraph-aside-font-size;\r\n        line-height: $paragraph-aside-line-height;\r\n        font-style: $paragraph-aside-font-style;\r\n      }\r\n    }\r\n\r\n    /* Default header styles */\r\n    h1, h2, h3, h4, h5, h6 {\r\n      font-family: $header-font-family;\r\n      font-weight: $header-font-weight;\r\n      font-style: $header-font-style;\r\n      color: $header-font-color;\r\n      text-rendering: $header-text-rendering;\r\n      margin-top: $header-top-margin;\r\n      margin-bottom: $header-bottom-margin;\r\n      line-height: $header-line-height;\r\n\r\n      small {\r\n        font-size: $small-font-size;\r\n        color: $small-font-color;\r\n        line-height: 0;\r\n      }\r\n    }\r\n\r\n    h1 { font-size: $h1-font-size - $h1-font-reduction; }\r\n    h2 { font-size: $h2-font-size - $h2-font-reduction; }\r\n    h3 { font-size: $h3-font-size - $h3-font-reduction; }\r\n    h4 { font-size: $h4-font-size - $h4-font-reduction; }\r\n    h5 { font-size: $h5-font-size - $h5-font-reduction; }\r\n    h6 { font-size: $h6-font-size - $h6-font-reduction; }\r\n\r\n    .subheader { @include subheader; }\r\n\r\n    hr {\r\n      border: $hr-border-style $hr-border-color;\r\n      border-width: $hr-border-width 0 0;\r\n      clear: both;\r\n      margin: $hr-margin 0 ($hr-margin - rem-calc($hr-border-width));\r\n      height: 0;\r\n    }\r\n\r\n    /* Helpful Typography Defaults */\r\n    em,\r\n    i {\r\n      font-style: italic;\r\n      line-height: inherit;\r\n    }\r\n\r\n    strong,\r\n    b {\r\n      font-weight: $font-weight-bold;\r\n      line-height: inherit;\r\n    }\r\n\r\n    small {\r\n      font-size: $small-font-size;\r\n      line-height: inherit;\r\n    }\r\n\r\n    code {\r\n      font-family: $code-font-family;\r\n      font-weight: $code-font-weight;\r\n      color: $code-color;\r\n      background-color: $code-background-color;\r\n      border-width: $code-border-size;\r\n      border-style: $code-border-style;\r\n      border-color: $code-border-color;\r\n      padding: $code-padding;\r\n    }\r\n\r\n    /* Lists */\r\n    ul,\r\n    ol,\r\n    dl {\r\n      font-size: $list-font-size;\r\n      line-height: $list-line-height;\r\n      margin-bottom: $list-margin-bottom;\r\n      list-style-position: $list-style-position;\r\n      font-family: $list-font-family;\r\n    }\r\n\r\n    ul {\r\n      margin-#{$default-float}: $list-side-margin;\r\n      &.no-bullet {\r\n        margin-#{$default-float}: $list-side-margin-no-bullet;\r\n        li {\r\n          ul,\r\n          ol {\r\n            margin-#{$default-float}: $list-nested-margin;\r\n            margin-bottom: 0;\r\n            list-style: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Unordered Lists */\r\n    ul {\r\n      li {\r\n        ul,\r\n        ol {\r\n          margin-#{$default-float}: $list-nested-margin;\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n      &.square,\r\n      &.circle,\r\n      &.disc {\r\n        li ul { list-style: inherit; }\r\n      }\r\n\r\n      &.square { list-style-type: square; margin-#{$default-float}: $list-side-margin;}\r\n      &.circle { list-style-type: circle; margin-#{$default-float}: $list-side-margin;}\r\n      &.disc { list-style-type: disc; margin-#{$default-float}: $list-side-margin;}\r\n      &.no-bullet { list-style: none; }\r\n    }\r\n\r\n    /* Ordered Lists */\r\n    ol {\r\n      margin-#{$default-float}: $list-ordered-side-margin;\r\n      li {\r\n        ul,\r\n        ol {\r\n          margin-#{$default-float}: $list-nested-margin;\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n    }\r\n\r\n    /* Definition Lists */\r\n    dl {\r\n      dt {\r\n        margin-bottom: $definition-list-header-margin-bottom;\r\n        font-weight: $definition-list-header-weight;\r\n      }\r\n      dd { margin-bottom: $definition-list-margin-bottom; }\r\n    }\r\n\r\n    /* Abbreviations */\r\n    abbr,\r\n    acronym {\r\n      text-transform: uppercase;\r\n      font-size: 90%;\r\n      color: $body-font-color;\r\n      cursor: $cursor-help-value;\r\n    }\r\n    abbr {\r\n      text-transform: none;\r\n      &[title] {\r\n        border-bottom: $acronym-underline;\r\n      }\r\n    }\r\n\r\n    /* Blockquotes */\r\n    blockquote {\r\n      margin: 0 0 $paragraph-margin-bottom;\r\n      padding: $blockquote-padding;\r\n      border-#{$default-float}: $blockquote-border;\r\n\r\n      cite {\r\n        display: block;\r\n        font-size: $blockquote-cite-font-size;\r\n        color: $blockquote-cite-font-color;\r\n        &:before {\r\n          content: \"\\2014 \\0020\";\r\n        }\r\n\r\n        a,\r\n        a:visited {\r\n          color: $blockquote-cite-link-color;\r\n        }\r\n      }\r\n    }\r\n    blockquote,\r\n    blockquote p {\r\n      line-height: $paragraph-line-height;\r\n      color: $blockquote-font-color;\r\n    }\r\n\r\n    /* Microformats */\r\n    .vcard {\r\n      display: inline-block;\r\n      margin: $microformat-margin;\r\n      border: $microformat-border-width $microformat-border-style $microformat-border-color;\r\n      padding: $microformat-padding;\r\n\r\n      li {\r\n        margin: 0;\r\n        display: block;\r\n      }\r\n      .fn {\r\n        font-weight: $microformat-fullname-font-weight;\r\n        font-size: $microformat-fullname-font-size;\r\n      }\r\n    }\r\n\r\n    .vevent {\r\n      .summary { font-weight: $microformat-summary-font-weight; }\r\n\r\n      abbr {\r\n        cursor: $cursor-default-value;\r\n        text-decoration: $microformat-abbr-font-decoration;\r\n        font-weight: $microformat-abbr-font-weight;\r\n        border: none;\r\n        padding: $microformat-abbr-padding;\r\n      }\r\n    }\r\n\r\n\r\n    @media #{$medium-up} {\r\n      h1,h2,h3,h4,h5,h6 { line-height: $header-line-height; }\r\n      h1 { font-size: $h1-font-size; }\r\n      h2 { font-size: $h2-font-size; }\r\n      h3 { font-size: $h3-font-size; }\r\n      h4 { font-size: $h4-font-size; }\r\n      h5 { font-size: $h5-font-size; }\r\n      h6 { font-size: $h6-font-size; }\r\n    }\r\n\r\n    // Only include these styles if you want them.\r\n    @if $include-print-styles {\r\n      /*\r\n       * Print styles.\r\n       *\r\n       * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/\r\n       * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)\r\n      */\r\n      .print-only { display: none !important; }\r\n      @media print {\r\n        * {\r\n          background: transparent !important;\r\n          color: $black !important; /* Black prints faster: h5bp.com/s */\r\n          box-shadow: none !important;\r\n          text-shadow: none !important;\r\n        }\r\n\r\n        a,\r\n        a:visited { text-decoration: underline;}\r\n        a[href]:after { content: \" (\" attr(href) \")\"; }\r\n\r\n        abbr[title]:after { content: \" (\" attr(title) \")\"; }\r\n\r\n        // Don't show links for images, or javascript/internal links\r\n        .ir a:after,\r\n        a[href^=\"javascript:\"]:after,\r\n        a[href^=\"#\"]:after { content: \"\"; }\r\n\r\n        pre,\r\n        blockquote {\r\n          border: 1px solid $aluminum;\r\n          page-break-inside: avoid;\r\n        }\r\n\r\n        thead { display: table-header-group; /* h5bp.com/t */ }\r\n\r\n        tr,\r\n        img { page-break-inside: avoid; }\r\n\r\n        img { max-width: 100% !important; }\r\n\r\n        @page { margin: 0.5cm; }\r\n\r\n        p,\r\n        h2,\r\n        h3 {\r\n          orphans: 3;\r\n          widows: 3;\r\n        }\r\n\r\n        h2,\r\n        h3 { page-break-after: avoid; }\r\n\r\n        .hide-on-print { display: none !important; }\r\n        .print-only { display: block !important; }\r\n        .hide-for-print { display: none !important; }\r\n        .show-for-print { display: inherit !important; }\r\n      }\r\n    }\r\n\r\n  }\r\n}\r\n","// Foundation by ZURB\r\n// foundation.zurb.com\r\n// Licensed under MIT Open Source\r\n\r\n@import \"global\";\r\n\r\n//\r\n// Foundation Visibility Classes\r\n//\r\n$include-html-visibility-classes: $include-html-classes !default;\r\n$include-accessibility-classes: true !default;\r\n$include-table-visibility-classes: true !default;\r\n$include-legacy-visibility-classes: true !default;\r\n\r\n//\r\n// Media Class Names\r\n//\r\n// Visibility Breakpoints\r\n$visibility-breakpoint-sizes:\r\n  small,\r\n  medium,\r\n  large,\r\n  xlarge,\r\n  xxlarge;\r\n\r\n$visibility-breakpoint-queries:\r\n  unquote($small-up),\r\n  unquote($medium-up),\r\n  unquote($large-up),\r\n  unquote($xlarge-up),\r\n  unquote($xxlarge-up);\r\n\r\n@mixin visibility-loop {\r\n  @each $current-visibility-breakpoint in $visibility-breakpoint-sizes {\r\n    $visibility-inherit-list: ();\r\n    $visibility-none-list: ();\r\n\r\n    $visibility-visible-list: ();\r\n    $visibility-hidden-list: ();\r\n\r\n    $visibility-table-list: ();\r\n    $visibility-table-header-group-list: ();\r\n    $visibility-table-row-group-list: ();\r\n    $visibility-table-row-list: ();\r\n    $visibility-table-cell-list: ();\r\n\r\n    @each $visibility-comparison-breakpoint in $visibility-breakpoint-sizes {\r\n      @if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) < index($visibility-breakpoint-sizes, $current-visibility-breakpoint) {\r\n        // Smaller than current breakpoint\r\n\r\n        $visibility-inherit-list: append($visibility-inherit-list, unquote(\r\n          '.hide-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-none-list: append($visibility-none-list, unquote(\r\n          '.show-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-visible-list: append($visibility-visible-list, unquote(\r\n          '.hidden-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-hidden-list: append($visibility-hidden-list, unquote(\r\n          '.visible-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-list: append($visibility-table-list, unquote(\r\n          'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\r\n          'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\r\n          'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-row-list: append($visibility-table-row-list, unquote(\r\n          'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\r\n          'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n\r\n        // Foundation 4 compatibility:\r\n        // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes\r\n        // for small, medium, and large breakpoints only\r\n        @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {\r\n          $visibility-inherit-list: append($visibility-inherit-list, unquote(\r\n            '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-none-list: append($visibility-none-list, unquote(\r\n            '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-visible-list: append($visibility-visible-list, unquote(\r\n            '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-hidden-list: append($visibility-hidden-list, unquote(\r\n            '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-list: append($visibility-table-list, unquote(\r\n            'table.hide-for-#{$visibility-comparison-breakpoint}, table.hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\r\n            'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\r\n            'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-row-list: append($visibility-table-row-list, unquote(\r\n            'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\r\n            'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.hide-for-#{$visibility-comparison-breakpoint}-down, td.hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n        }\r\n\r\n      } @else if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) > index($visibility-breakpoint-sizes, $current-visibility-breakpoint) {\r\n        // Larger than current breakpoint\r\n\r\n        $visibility-inherit-list: append($visibility-inherit-list, unquote(\r\n          '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-none-list: append($visibility-none-list, unquote(\r\n          '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-visible-list: append($visibility-visible-list, unquote(\r\n          '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-hidden-list: append($visibility-hidden-list, unquote(\r\n          '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-list: append($visibility-table-list, unquote(\r\n          'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\r\n          'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\r\n          'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-row-list: append($visibility-table-row-list, unquote(\r\n          'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\r\n          'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.hide-for-#{$visibility-comparison-breakpoint}-up, td.hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n\r\n        // Foundation 4 compatibility:\r\n        // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes\r\n        // for small, medium, and large breakpoints only\r\n        @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {\r\n          $visibility-inherit-list: append($visibility-inherit-list, unquote(\r\n            '.hide-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-none-list: append($visibility-none-list, unquote(\r\n            '.show-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-visible-list: append($visibility-visible-list, unquote(\r\n            '.hidden-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-hidden-list: append($visibility-hidden-list, unquote(\r\n            '.visible-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-list: append($visibility-table-list, unquote(\r\n            'table.hide-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\r\n            'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\r\n            'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-row-list: append($visibility-table-row-list, unquote(\r\n            'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\r\n            'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n        }\r\n\r\n      } @else {\r\n        // Current breakpoint\r\n\r\n        $visibility-inherit-list: append($visibility-inherit-list, unquote(\r\n          '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-none-list: append($visibility-none-list, unquote(\r\n          '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-visible-list: append($visibility-visible-list, unquote(\r\n          '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-hidden-list: append($visibility-hidden-list, unquote(\r\n          '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-list: append($visibility-table-list, unquote(\r\n          'table.show-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\r\n          'thead.show-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\r\n          'tbody.show-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-row-list: append($visibility-table-row-list, unquote(\r\n          'tr.show-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n        $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\r\n          'th.show-for-#{$visibility-comparison-breakpoint}-only, td.show-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up'\r\n        ), comma);\r\n\r\n        // Foundation 4 compatibility:\r\n        // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes\r\n        // for small, medium, and large breakpoints only\r\n        @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {\r\n          $visibility-inherit-list: append($visibility-inherit-list, unquote(\r\n            '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-none-list: append($visibility-none-list, unquote(\r\n            '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-visible-list: append($visibility-visible-list, unquote(\r\n            '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-hidden-list: append($visibility-hidden-list, unquote(\r\n            '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-list: append($visibility-table-list, unquote(\r\n            'table.show-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\r\n            'thead.show-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\r\n            'tbody.show-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-row-list: append($visibility-table-row-list, unquote(\r\n            'tr.show-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n          $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\r\n            'th.show-for-#{$visibility-comparison-breakpoint}, td.show-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down'\r\n          ), comma);\r\n        }\r\n      }\r\n    }\r\n\r\n    /* #{$current-visibility-breakpoint} displays */\r\n    @media #{nth($visibility-breakpoint-queries, index($visibility-breakpoint-sizes, $current-visibility-breakpoint))} {\r\n      #{$visibility-inherit-list} {\r\n        display: inherit !important;\r\n      }\r\n      #{$visibility-none-list} {\r\n        display: none !important;\r\n      }\r\n      @if $include-accessibility-classes != false {\r\n        #{$visibility-visible-list} {\r\n          @include element-invisible-off;\r\n        }\r\n        #{$visibility-hidden-list} {\r\n          @include element-invisible;\r\n        }\r\n      }\r\n      @if $include-table-visibility-classes != false {\r\n        #{$visibility-table-list} {\r\n          display: table !important;\r\n        }\r\n        #{$visibility-table-header-group-list} {\r\n          display: table-header-group !important;\r\n        }\r\n        #{$visibility-table-row-group-list} {\r\n          display: table-row-group !important;\r\n        }\r\n        #{$visibility-table-row-list} {\r\n          display: table-row !important;\r\n        }\r\n        #{$visibility-table-cell-list} {\r\n          display: table-cell !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n@if $include-html-visibility-classes != false {\r\n\r\n  @include visibility-loop;\r\n\r\n  /* Orientation targeting */\r\n  .show-for-landscape,\r\n  .hide-for-portrait { display: inherit !important; }\r\n  .hide-for-landscape,\r\n  .show-for-portrait { display: none !important; }\r\n\r\n  /* Specific visibility for tables */\r\n  table {\r\n    &.hide-for-landscape,\r\n    &.show-for-portrait { display: table !important; }\r\n  }\r\n  thead {\r\n    &.hide-for-landscape,\r\n    &.show-for-portrait { display: table-header-group !important; }\r\n  }\r\n  tbody {\r\n    &.hide-for-landscape,\r\n    &.show-for-portrait { display: table-row-group !important; }\r\n  }\r\n  tr {\r\n    &.hide-for-landscape,\r\n    &.show-for-portrait { display: table-row !important; }\r\n  }\r\n  td,\r\n  th {\r\n    &.hide-for-landscape,\r\n    &.show-for-portrait { display: table-cell !important; }\r\n  }\r\n\r\n  @media #{$landscape} {\r\n    .show-for-landscape,\r\n    .hide-for-portrait { display: inherit !important; }\r\n    .hide-for-landscape,\r\n    .show-for-portrait { display: none !important; }\r\n\r\n    /* Specific visibility for tables */\r\n    table {\r\n      &.show-for-landscape,\r\n      &.hide-for-portrait { display: table !important; }\r\n    }\r\n    thead {\r\n      &.show-for-landscape,\r\n      &.hide-for-portrait { display: table-header-group !important; }\r\n    }\r\n    tbody {\r\n      &.show-for-landscape,\r\n      &.hide-for-portrait { display: table-row-group !important; }\r\n    }\r\n    tr {\r\n      &.show-for-landscape,\r\n      &.hide-for-portrait { display: table-row !important; }\r\n    }\r\n    td,\r\n    th {\r\n      &.show-for-landscape,\r\n      &.hide-for-portrait { display: table-cell !important; }\r\n    }\r\n  }\r\n\r\n  @media #{$portrait} {\r\n    .show-for-portrait,\r\n    .hide-for-landscape { display: inherit !important; }\r\n    .hide-for-portrait,\r\n    .show-for-landscape { display: none !important; }\r\n\r\n    /* Specific visibility for tables */\r\n    table {\r\n      &.show-for-portrait,\r\n      &.hide-for-landscape { display: table !important; }\r\n    }\r\n    thead {\r\n      &.show-for-portrait,\r\n      &.hide-for-landscape { display: table-header-group !important; }\r\n    }\r\n    tbody {\r\n      &.show-for-portrait,\r\n      &.hide-for-landscape { display: table-row-group !important; }\r\n    }\r\n    tr {\r\n      &.show-for-portrait,\r\n      &.hide-for-landscape { display: table-row !important; }\r\n    }\r\n    td,\r\n    th {\r\n      &.show-for-portrait,\r\n      &.hide-for-landscape { display: table-cell !important; }\r\n    }\r\n  }\r\n\r\n  /* Touch-enabled device targeting */\r\n  .show-for-touch { display: none !important; }\r\n  .hide-for-touch { display: inherit !important; }\r\n  .touch .show-for-touch { display: inherit !important; }\r\n  .touch .hide-for-touch { display: none !important; }\r\n\r\n  /* Specific visibility for tables */\r\n  table.hide-for-touch { display: table !important; }\r\n  .touch table.show-for-touch { display: table !important; }\r\n  thead.hide-for-touch { display: table-header-group !important; }\r\n  .touch thead.show-for-touch { display: table-header-group !important; }\r\n  tbody.hide-for-touch { display: table-row-group !important; }\r\n  .touch tbody.show-for-touch { display: table-row-group !important; }\r\n  tr.hide-for-touch { display: table-row !important; }\r\n  .touch tr.show-for-touch { display: table-row !important; }\r\n  td.hide-for-touch { display: table-cell !important; }\r\n  .touch td.show-for-touch { display: table-cell !important; }\r\n  th.hide-for-touch { display: table-cell !important; }\r\n  .touch th.show-for-touch { display: table-cell !important; }\r\n\r\n\r\n  /* Print visibility */\r\n  @media print {\r\n    .show-for-print { display: block; }\r\n    .hide-for-print { display: none; }\r\n\r\n    table.show-for-print { display: table !important; }\r\n    thead.show-for-print { display: table-header-group !important; }\r\n    tbody.show-for-print { display: table-row-group !important; }\r\n    tr.show-for-print { display: table-row !important; }\r\n    td.show-for-print { display: table-cell !important; }\r\n    th.show-for-print { display: table-cell !important; }\r\n\r\n  }\r\n\r\n}\r\n","@charset \"utf-8\";\r\n/* TOC – Typography\r\n\r\nCheck typography variables › _3_typography_settings.scss\r\n\r\n- Links\r\n- Customize Foundation Typography\r\n- Headlines\r\n- Images\r\n- Lists\r\n- Tables\r\n- Code\r\n- Quotes\r\n- Typography for Articles\r\n- Smaller Fontsize for Bigteaser on small devices\r\n- Additional typographical elements\r\n- Footnotes\r\n- Icon Font\r\n\r\n*/\r\n\r\n\r\n\r\n/* Links\r\n------------------------------------------------------------------- */\r\n\r\na,\r\na:link {\r\n    transition: all .4s;\r\n}\r\n\r\na:visited {\r\n    border-bottom: $grey-2;\r\n}\r\n\r\na:hover {\r\n    color: darken( $ci-1, 10% );\r\n}\r\n\r\na:focus {\r\n    color: lighten( $ci-1, 20% );\r\n}\r\n\r\na:active {\r\n    color: darken( $ci-1, 20% );\r\n}\r\n\r\n\r\n\r\n/* Customize Foundation Typography\r\n------------------------------------------------------------------- */\r\n\r\np {\r\n    -webkit-hyphens: auto;\r\n    -moz-hyphens: auto;\r\n    -ms-hyphens: auto;\r\n    hyphens: auto;\r\n    -ms-word-break: normal;\r\n    /* Non standard for webkit */\r\n    word-break: normal;\r\n}\r\np a,\r\narticle a {\r\n    font-weight: bold;\r\n    border-bottom: 1px dotted;\r\n}\r\np a:hover,\r\narticle a:hover {\r\n    border-bottom: 2px solid;\r\n}\r\np a.button,\r\n.button,\r\n.button:hover {\r\n    border: 0;\r\n    color: #fff;\r\n}\r\np.button a {\r\n    border: 0;\r\n    color: #fff;\r\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n\r\n\r\n/* Headlines\r\n------------------------------------------------------------------- */\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n    font-family: $header-font-family;\r\n    font-weight: normal;\r\n    padding: 0;\r\n}\r\n\r\nh1 {\r\n    font-size: $font-size-h1;\r\n    margin-top: 0;\r\n}\r\nh2 {\r\n    font-size: $font-size-h2;\r\n    margin: 1.563em 0 0 0;\r\n}\r\n    .blog-index h2 {\r\n        margin-top: 0;\r\n    }\r\nh3 {\r\n    font-size: $font-size-h3;\r\n    margin: 1.152em 0 0 0;\r\n}\r\nh4 {\r\n    font-size: $font-size-h4;\r\n    margin: 1.152em 0 0 0;\r\n}\r\nh5 {\r\n    font-size: $font-size-h5;\r\n    margin: 1em 0 0 0;\r\n}\r\n\r\n\r\n\r\n/* Images\r\n------------------------------------------------------------------- */\r\n\r\nimg { border-radius: $global-radius;}\r\n    img.alignleft,\r\n    img.left        { float: left; margin:5px 15px 5px 0; }\r\n    img.alignright,\r\n    img.right       { float: right; margin:5px 0 5px 15px; }\r\n    img.aligncenter,\r\n    img.center      { display: block; margin:0 auto 10px; }\r\n\r\nfigure {\r\n    margin: 0 0 rem-calc(30) 0;\r\n}\r\n#masthead-with-background-color figure,\r\n#masthead-with-pattern figure {\r\n    margin: 0;\r\n}\r\nfigcaption,\r\n.masthead-caption {\r\n    color: $grey-10;\r\n    font-family: $font-family-sans-serif;\r\n    font-size: rem-calc(13);\r\n    padding-top: rem-calc(2);\r\n}\r\nfigcaption a,\r\n.masthead-caption a {\r\n    border-bottom: 1px dotted $grey-4;\r\n    color: $grey-10;\r\n}\r\nfigcaption a:hover,\r\n.masthead-caption a:hover {\r\n    border-bottom: 2px solid $primary-color;\r\n    color: $primary-color;\r\n}\r\n.masthead-caption {\r\n    padding-right: 10px;\r\n    text-align: right;\r\n}\r\n\r\n\r\n\r\n/* Tables\r\n------------------------------------------------------------------- */\r\n\r\ntd {\r\n    vertical-align: top;\r\n}\r\n\r\n\r\n\r\n/* Code\r\n------------------------------------------------------------------- */\r\n\r\npre {\r\n    overflow: auto;\r\n    margin-bottom: rem-calc(20);\r\n    padding: 5px;\r\n    background-color: $code-background-color;\r\n    border-radius: $global-radius;\r\n}\r\npre code {\r\n    padding: rem-calc(2) rem-calc(5) rem-calc(1) rem-calc(0);\r\n    border: 0;\r\n}\r\n\r\ncode {\r\n    font-size: rem-calc(14);\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\r\n/* Lists\r\n------------------------------------------------------------------- */\r\n\r\nul, ol {\r\n    margin-left: 20px;\r\n    padding: 0;\r\n}\r\nli {\r\n    margin-left: 0;\r\n}\r\n\r\n.no-bullet {\r\n    list-style: none;\r\n    margin-left: 0;\r\n}\r\n\r\nli {\r\n    > ul,\r\n    > ol {\r\n         margin-bottom: 0;\r\n    }\r\n}\r\n\r\ndl {\r\n\r\n}\r\ndt:first-child {\r\n    padding-top: 0px;\r\n}\r\ndt {\r\n    font-weight: bold;\r\n    padding-top: 30px;\r\n}\r\ndd {\r\n}\r\narticle dl dt   { line-height: 1.3; }\r\narticle dl dd   { line-height: 1.6; margin-bottom: rem-calc(12); margin-left: rem-calc(24); }\r\n\r\n\r\n\r\n/* Quotes\r\n------------------------------------------------------------------- */\r\n\r\nblockquote {\r\n    font-style: italic;\r\n    position: relative;\r\n    border: none;\r\n    margin: 0 30px 30px 30px;\r\n    color:  $grey-11;\r\n}\r\n\r\n    blockquote p {font-style: italic; color: $grey-10; }\r\n\r\n    blockquote:before {\r\n        display:block;content:\"\\00BB\";\r\n        font-size:80px;\r\n        line-height: 0;\r\n        position:absolute;\r\n        left:-25px;\r\n        top: auto;\r\n        color: $grey-11;\r\n    }\r\n    blockquote:after {\r\n        display:block;\r\n        content:\"\\00AB\";\r\n        font-size:80px;\r\n        line-height: 0;\r\n        position:absolute;\r\n        right:-10px;\r\n        bottom: 20px;\r\n        color: $grey-11;\r\n    }\r\n    blockquote cite:before {\r\n        content:\"\\2014 \\0020\"\r\n    }\r\n    blockquote cite a,blockquote cite a:visited {\r\n        color: $grey-10;\r\n    }\r\ncite {\r\n    padding-top: 5px;\r\n}\r\n\r\nbutton, .button {\r\n    letter-spacing: 1px;\r\n}\r\n\r\nmark {\r\n    background-color: scale-color($warning-color, $lightness: 60%);\r\n}\r\n\r\n\r\n\r\n/* Typography for Articles\r\n------------------------------------------------------------------- */\r\n\r\n.subheadline {\r\n    font-size: rem-calc(16);\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n}\r\n.teaser {\r\n    font-size: rem-calc(20);\r\n}\r\n.big-teaser {\r\n    font-style: italic; font-weight: 300;\r\n}\r\n.big-teaser a {\r\n    font-style: italic; font-weight: 400;\r\n}\r\n\r\n/* Smaller Fontsize for Bigteaser on small devices */\r\n@media only screen {\r\n    .big-teaser {\r\n        font-size: rem-calc(20);\r\n    }\r\n}\r\n@media only screen and (min-width: 40.063em) {\r\n    .big-teaser         {\r\n        font-size: rem-calc(29);\r\n    }\r\n}\r\n\r\n\r\n\r\n/* Additional typographical elements\r\n------------------------------------------------------------------- */\r\n\r\n.sans           { font-family: $font-family-sans-serif; }\r\n.serif          { font-family: $font-family-serif; }\r\n\r\n.font-size-h1   { font-size: $font-size-h1; }\r\n.font-size-h2   { font-size: $font-size-h2; }\r\n.font-size-h3   { font-size: $font-size-h3; }\r\n.font-size-h4   { font-size: $font-size-h4; }\r\n.font-size-h5   { font-size: $font-size-h5; }\r\n.font-size-p    { font-size: $font-size-p; }\r\n\r\n\r\n\r\n/* Footnotes\r\n------------------------------------------------------------------- */\r\n\r\n.footnotes:before {\r\n    content: \"\";\r\n    position: absolute;\r\n    height: 1px;\r\n    width: 60px;\r\n    margin-top: -10px;\r\n    border-bottom: 1px solid $grey-2;\r\n}\r\n.footnotes {\r\n    margin-top: 60px;\r\n}\r\n.footnotes ol {\r\n    font-size: $font-size-small;\r\n}\r\n.footnotes p {\r\n    font-size: inherit;\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\r\n\r\n/* Icon Font\r\n   See the icon-set/preview in /assets/fonts/iconfont-preview.html\r\n------------------------------------------------------------------- */\r\n\r\n@font-face {\r\n  font-family: 'iconfont';\r\n  src: url('../fonts/iconfont.eot'); /* IE9 Compat Modes */\r\n  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\r\n       url('../fonts/iconfont.woff') format('woff'), /* Pretty Modern Browsers */\r\n       url('../fonts/iconfont.ttf')  format('truetype'), /* Safari, Android, iOS */\r\n       url('../fonts/iconfont.svg#svgFontName') format('svg'); /* Legacy iOS */\r\n}\r\n\r\n.iconfont       { font-family: iconfont; }\r\n.iconfont-48    { font-size: 48px; }\r\n\r\n\r\n[data-icon]:before { content: attr(data-icon); }\r\n\r\n[data-icon]:before,\r\n.icon-archive:before,\r\n.icon-browser:before,\r\n.icon-calendar:before,\r\n.icon-camera:before,\r\n.icon-chat:before,\r\n.icon-check:before,\r\n.icon-chevron-down:before,\r\n.icon-chevron-left:before,\r\n.icon-chevron-right:before,\r\n.icon-chevron-up:before,\r\n.icon-circle-with-cross:before,\r\n.icon-circle-with-minus:before,\r\n.icon-circle-with-plus:before,\r\n.icon-cloud:before,\r\n.icon-code:before,\r\n.icon-cog:before,\r\n.icon-dropbox:before,\r\n.icon-edit:before,\r\n.icon-export:before,\r\n.icon-eye:before,\r\n.icon-facebook:before,\r\n.icon-feather:before,\r\n.icon-github:before,\r\n.icon-globe:before,\r\n.icon-googleplus:before,\r\n.icon-heart:before,\r\n.icon-heart-outlined:before,\r\n.icon-home:before,\r\n.icon-instagram:before,\r\n.icon-lab-flask:before,\r\n.icon-leaf:before,\r\n.icon-linkedin:before,\r\n.icon-mail:before,\r\n.icon-message:before,\r\n.icon-mic:before,\r\n.icon-network:before,\r\n.icon-paper-plane:before,\r\n.icon-pinterest:before,\r\n.icon-price-tag:before,\r\n.icon-rocket:before,\r\n.icon-rss:before,\r\n.icon-soundcloud:before,\r\n.icon-star:before,\r\n.icon-star-outlined:before,\r\n.icon-thumbs-down:before,\r\n.icon-thumbs-up:before,\r\n.icon-tree:before,\r\n.icon-tumblr:before,\r\n.icon-twitter:before,\r\n.icon-upload-to-cloud:before,\r\n.icon-video:before,\r\n.icon-vimeo:before,\r\n.icon-warning:before,\r\n.icon-xing:before,\r\n.icon-youtube:before {\r\n  display: inline-block;\r\nfont-family: \"iconfont\";\r\nfont-style: normal;\r\nfont-weight: normal;\r\nfont-variant: normal;\r\nline-height: 1;\r\ntext-decoration: inherit;\r\ntext-rendering: optimizeLegibility;\r\ntext-transform: none;\r\n-moz-osx-font-smoothing: grayscale;\r\n-webkit-font-smoothing: antialiased;\r\nfont-smoothing: antialiased;\r\n}\r\n\r\n.icon-archive:before { content: \"\\f100\"; }\r\n.icon-browser:before { content: \"\\f101\"; }\r\n.icon-calendar:before { content: \"\\f133\"; }\r\n.icon-camera:before { content: \"\\f102\"; }\r\n.icon-chat:before { content: \"\\f103\"; }\r\n.icon-check:before { content: \"\\f104\"; }\r\n.icon-chevron-down:before { content: \"\\f105\"; }\r\n.icon-chevron-left:before { content: \"\\f106\"; }\r\n.icon-chevron-right:before { content: \"\\f107\"; }\r\n.icon-chevron-up:before { content: \"\\f108\"; }\r\n.icon-circle-with-cross:before { content: \"\\f109\"; }\r\n.icon-circle-with-minus:before { content: \"\\f10a\"; }\r\n.icon-circle-with-plus:before { content: \"\\f10b\"; }\r\n.icon-cloud:before { content: \"\\f10c\"; }\r\n.icon-code:before { content: \"\\f10d\"; }\r\n.icon-cog:before { content: \"\\f10e\"; }\r\n.icon-dropbox:before { content: \"\\f10f\"; }\r\n.icon-edit:before { content: \"\\f110\"; }\r\n.icon-export:before { content: \"\\f111\"; }\r\n.icon-eye:before { content: \"\\f112\"; }\r\n.icon-facebook:before { content: \"\\f113\"; }\r\n.icon-feather:before { content: \"\\f114\"; }\r\n.icon-github:before { content: \"\\f115\"; }\r\n.icon-globe:before { content: \"\\f116\"; }\r\n.icon-googleplus:before { content: \"\\f136\"; }\r\n.icon-heart:before { content: \"\\f117\"; }\r\n.icon-heart-outlined:before { content: \"\\f118\"; }\r\n.icon-home:before { content: \"\\f119\"; }\r\n.icon-instagram:before { content: \"\\f11a\"; }\r\n.icon-lab-flask:before { content: \"\\f11b\"; }\r\n.icon-leaf:before { content: \"\\f11c\"; }\r\n.icon-linkedin:before { content: \"\\f11d\"; }\r\n.icon-mail:before { content: \"\\f11e\"; }\r\n.icon-message:before { content: \"\\f11f\"; }\r\n.icon-mic:before { content: \"\\f120\"; }\r\n.icon-network:before { content: \"\\f121\"; }\r\n.icon-paper-plane:before { content: \"\\f122\"; }\r\n.icon-pinterest:before { content: \"\\f123\"; }\r\n.icon-price-tag:before { content: \"\\f124\"; }\r\n.icon-rocket:before { content: \"\\f125\"; }\r\n.icon-rss:before { content: \"\\f126\"; }\r\n.icon-soundcloud:before { content: \"\\f127\"; }\r\n.icon-star:before { content: \"\\f128\"; }\r\n.icon-star-outlined:before { content: \"\\f129\"; }\r\n.icon-thumbs-down:before { content: \"\\f12a\"; }\r\n.icon-thumbs-up:before { content: \"\\f12b\"; }\r\n.icon-tree:before { content: \"\\f134\"; }\r\n.icon-tumblr:before { content: \"\\f12c\"; }\r\n.icon-twitter:before { content: \"\\f12d\"; }\r\n.icon-upload-to-cloud:before { content: \"\\f12e\"; }\r\n.icon-video:before { content: \"\\f12f\"; }\r\n.icon-vimeo:before { content: \"\\f130\"; }\r\n.icon-warning:before { content: \"\\f131\"; }\r\n.icon-xing:before { content: \"\\f135\"; }\r\n.icon-youtube:before { content: \"\\f132\"; }\r\n","@charset \"utf-8\";\r\n/* TOC\r\n\r\n- Adjustments: Video Layout\r\n- Navigation\r\n- Search\r\n- Masthead\r\n- Masthead › small-only\r\n- Masthead › medium-only\r\n- Masthead › large-only\r\n- Masthead › xlarge-up\r\n- Breadcrumb\r\n- Meta\r\n- Jump to top\r\n- Footer\r\n- Subfooter\r\n- CSS-Classes to add margin at top or bottom\r\n\r\n*/\r\n\r\n\r\n\r\n/* Adjustments: Video Layout\r\n------------------------------------------------------------------- */\r\n\r\nbody.video,\r\nbody.video #masthead-no-image-header { background: #000; }\r\nbody.video #masthead-no-image-header { margin-bottom: 60px; }\r\nbody.video h1,\r\nbody.video h2,\r\nbody.video h3,\r\nbody.video h4,\r\nbody.video h5,\r\nbody.video h6,\r\nbody.video p,\r\nbody.video a,\r\nbody.video blockquote:before,\r\nbody.video blockquote:after,\r\nbody.video cite a,\r\nbody.video cite a:visited {\r\n  color: #fff;\r\n}\r\nbody.video cite {\r\n  color: #fff;\r\n}\r\n\r\n\r\n\r\n/* Navigation\r\n------------------------------------------------------------------- */\r\n\r\n#navigation {\r\n    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);\r\n    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);\r\n\r\n    [class^='icon-']:before, [class*=' icon-']:before {\r\n        margin-right: rem-calc(8);\r\n    }\r\n}\r\n\r\n\r\n\r\n/* Search\r\n------------------------------------------------------------------- */\r\n\r\n.no-js form#search {\r\n  display: none;\r\n}\r\n\r\n\r\n\r\n/* Masthead\r\n------------------------------------------------------------------- */\r\n\r\n/* Pages with full hero image — keep but offset by nav */\r\n#masthead {\r\n    background-color: $primary-color;\r\n    margin-top: 64px;\r\n}\r\n\r\n/* No-image header — hidden; modern nav replaces it */\r\n#masthead-no-image-header {\r\n    background-color: transparent;\r\n    height: 0 !important;\r\n    min-height: 0 !important;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    margin: 0;\r\n    display: none !important;\r\n}\r\n\r\n#masthead-with-text {\r\n    text-align: center;\r\n    font-size: rem-calc(54);\r\n    font-family: $header-font-family;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 2px 3px rgba(0,0,0,.4);\r\n    margin-top: 64px;\r\n}\r\n\r\n/* Masthead › small-only\r\n------------------------------------------------------------------- */\r\n\r\n@media #{$small-only} {\r\n    #logo img {\r\n        display: none;\r\n    }\r\n    #masthead {\r\n        margin-top: 64px;\r\n        height: 160px;\r\n    }\r\n    #masthead-with-pattern {\r\n        padding: 15px 0;\r\n        margin-top: 64px;\r\n    }\r\n    #masthead-with-background-color {\r\n        padding: 15px 0;\r\n        margin-top: 64px;\r\n    }\r\n    #masthead-with-text {\r\n        height: 180px;\r\n        padding: 30px 0;\r\n        font-size: rem-calc(30);\r\n        margin-top: 64px;\r\n    }\r\n    #masthead-no-image-header {\r\n        display: none !important;\r\n        height: 0 !important;\r\n    }\r\n}\r\n\r\n\r\n/* Masthead › medium-only\r\n------------------------------------------------------------------- */\r\n\r\n@media #{$medium-only} {\r\n    #logo img {\r\n        margin-top: 60px;\r\n    }\r\n    #masthead {\r\n        height: 280px;\r\n    }\r\n    #masthead-with-pattern {\r\n        padding: 20px 0;\r\n    }\r\n    #masthead-with-background-color {\r\n        padding: 20px 0;\r\n    }\r\n    #masthead-with-text {\r\n        padding: 60px 0;\r\n        height: 300px;\r\n    }\r\n}\r\n\r\n\r\n/* Masthead › large-only\r\n------------------------------------------------------------------- */\r\n\r\n@media #{$large-only} {\r\n    #logo img {\r\n        margin-top: 80px;\r\n    }\r\n    #masthead {\r\n        height: 310px;\r\n    }\r\n    #masthead-with-pattern {\r\n        padding: 30px 0;\r\n    }\r\n    #masthead-with-background-color {\r\n        padding: 30px 0;\r\n    }\r\n    #masthead-with-text {\r\n        height: 330px;\r\n        padding: 60px 0;\r\n    }\r\n}\r\n\r\n\r\n/* Masthead › xlarge-up\r\n------------------------------------------------------------------- */\r\n\r\n@media #{$xlarge-up} {\r\n    #logo img {\r\n        margin-top: 110px;\r\n    }\r\n    #masthead {\r\n        height: 380px;\r\n    }\r\n    #masthead-with-pattern {\r\n        padding: 45px 0;\r\n    }\r\n    #masthead-with-background-color {\r\n        padding: 45px 0;\r\n    }\r\n    #masthead-with-text {\r\n        padding: 95px 0;\r\n        height: 400px;\r\n    }\r\n}\r\n\r\n\r\n#title-image-small {\r\n    height: 240px;\r\n}\r\n#title-image-large {\r\n    height: 520px;\r\n}\r\n#title-image-index-small {\r\n    height: 120px;\r\n}\r\n#title-image-index-large {\r\n    height: 260px;\r\n}\r\n\r\n\r\n\r\n/* Breadcrumb\r\n------------------------------------------------------------------- */\r\n\r\n#breadcrumb {\r\n    background: scale-color($grey-1, $lightness: 55%);\r\n    border-top: 1px solid scale-color($grey-1, $lightness: 45%);\r\n    border-bottom: 1px solid scale-color($grey-1, $lightness: 45%);\r\n}\r\n.breadcrumbs>.current {\r\n  font-weight: bold;\r\n}\r\n\r\n\r\n/* Meta\r\n------------------------------------------------------------------- */\r\n\r\n#page-meta, #page-meta a {\r\n    color: $grey-5;\r\n}\r\n\r\n#page-meta .button {\r\n    background: $grey-5;\r\n    border: 0;\r\n}\r\n#page-meta .button {\r\n    color: #fff;\r\n}\r\n#page-meta .button:hover {\r\n    background: $primary-color;\r\n}\r\n.meta-info p {\r\n  font-size: rem-calc(13);\r\n  color: scale-color($grey-1, $lightness: 40%);\r\n}\r\n  .meta-info a {\r\n    text-decoration: underline;\r\n    color: scale-color($grey-1, $lightness: 40%);\r\n  }\r\n  .meta-info a:hover {\r\n    text-decoration: none;\r\n    color: $secondary-color;\r\n  }\r\n\r\n\r\n\r\n/* Jump to top\r\n------------------------------------------------------------------- */\r\n\r\n#up-to-top {\r\n    padding: 160px 0 10px 0;\r\n}\r\n#up-to-top a {\r\n    font-size: 24px;\r\n    padding: 5px;\r\n    border-radius: 3px;\r\n}\r\n#up-to-top a:hover {\r\n    background: $grey-2;\r\n}\r\n\r\n\r\n\r\n/* Footer\r\n------------------------------------------------------------------- */\r\n\r\n#footer-content p,\r\n#footer-content li {\r\n    font-size: rem-calc(13);\r\n    font-weight: 300;\r\n}\r\n\r\n#footer {\r\n    padding-top: 30px;\r\n    padding-bottom: 20px;\r\n    background: $footer-bg;\r\n    color: $footer-color;\r\n    }\r\n\r\n    #footer a {\r\n        color: $footer-link-color;\r\n    }\r\n    #footer h4,\r\n    #footer h5 {\r\n        letter-spacing: 1px;\r\n        color: #fff;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n\r\n\r\n/* Subfooter\r\n------------------------------------------------------------------- */\r\n\r\n#subfooter {\r\n    background: $subfooter-bg;\r\n    color: $subfooter-color;\r\n    padding-top: 30px;\r\n}\r\n\r\n#subfooter-left ul.inline-list {\r\n    float: left;\r\n}\r\n\r\n.credits a {\r\n    color: $subfooter-link-color;\r\n    border: 0;\r\n    text-transform: uppercase;\r\n    &:hover {\r\n        color: #fff;\r\n  }\r\n}\r\n\r\n.social-icons {\r\n    margin-bottom: 10px !important;\r\n\r\n// Beware of SCSS-Syntax here\r\n  li {\r\n    padding: 0 0 20px 0;\r\n  }\r\n  a {\r\n    font-size: rem-calc(23);\r\n    display: block;\r\n    width: 36px;\r\n    border-radius: 50%;\r\n    color: $subfooter-bg;\r\n    background: $subfooter-color;\r\n    text-align: center;\r\n    &:hover {\r\n      background: $subfooter-bg;\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n/* CSS-Classes to add margin at top or bottom\r\n------------------------------------------------------------------- */\r\n\r\n.t10 { margin-top: 10px !important; }\r\n.t15 { margin-top: 15px !important; }\r\n.t20 { margin-top: 20px !important; }\r\n.t30 { margin-top: 30px !important; }\r\n.t50 { margin-top: 50px !important; }\r\n.t60 { margin-top: 60px !important; }\r\n.t70 { margin-top: 70px !important; }\r\n.t80 { margin-top: 80px !important; }\r\n.t90 { margin-top: 90px !important; }\r\n\r\n.b15 { margin-bottom: 15px !important; }\r\n.b20 { margin-bottom: 20px !important; }\r\n.b30 { margin-bottom: 30px !important; }\r\n.b60 { margin-bottom: 60px !important; }\r\n\r\n.l15 { margin-left: 15px !important; }\r\n.r15 { margin-right: 15px !important; }\r\n\r\n.pl20 { padding-left: 20px !important; }\r\n.pr5  { padding-right: 5px !important; }\r\n.pr10 { padding-right: 10px !important; }\r\n.pr20 { padding-right: 20px !important; }\r\n","@charset \"utf-8\";\r\n/* TOC\r\n\r\n- Table of Contents (Index)\r\n- Panel\r\n- Shadows\r\n- Alerts\r\n- Breadcrumb\r\n- Button\r\n- Side-Nav\r\n- Accordion\r\n- Lazy Load XT\r\n- Frontpage Widget\r\n\r\n*/\r\n\r\n\r\n\r\n/* Table of Contents (Index)\r\n------------------------------------------------------------------- */\r\n\r\n#toc ul,\r\n#toc ul ul,\r\n#toc ul ul ul {\r\n    list-style: none;\r\n    margin-left: 30px;\r\n}\r\n#toc ul {\r\n    margin-left: 0;\r\n    margin-top: $spacing-unit;\r\n}\r\n\r\n\r\n\r\n/* Panel\r\n------------------------------------------------------------------- */\r\n\r\n.border-dotted {\r\n  border: 1px dotted $grey-5;\r\n  padding: rem-calc(20);\r\n  border-radius: $global-radius;\r\n}\r\n\r\n\r\n\r\n /* Shadows\r\n------------------------------------------------------------------- */\r\n\r\n.shadow-no      {text-shadow: rgba(0, 0, 0, 0) 0 0 0;}\r\n.shadow-black   {text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 2px;}\r\n.shadow-white   {text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 2px;}\r\n\r\n\r\n\r\n /* Alerts\r\n------------------------------------------------------------------- */\r\n\r\n.alert-box {\r\n  font-family: $font-family-sans-serif;\r\n  text-shadow: 0px 1px 1px rgba(0,0,0,0.9);\r\n}\r\n  .alert-box p {\r\n    margin-bottom: 0;\r\n  }\r\n  .alert-box a {\r\n    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);\r\n    color: #fff;\r\n    border-bottom: 1px dotted #fff;\r\n  }\r\n  .alert-box a:hover {\r\n    border-bottom: 1px solid #fff;\r\n  }\r\n  .alert-box.terminal {\r\n    background: $grey-12; \r\n    color: #fff; \r\n    border-color: scale-color($grey-12, $lightness: -14%);\r\n    font-family: $font-family-monospace;\r\n  }\r\n  .alert-box.terminal::before {\r\n    content: \"$ \";\r\n    color: $ci-6;\r\n    float: left;\r\n    margin: .25em .5em 0 0;\r\n  }\r\n  .alert-box.text {\r\n    background-color: $grey-2;\r\n    text-shadow: 0px 0px 0px rgba(0,0,0,0.9);\r\n    border-color: scale-color($grey-2, $lightness: -14%);\r\n    color: $grey-12;\r\n  }\r\n\r\n\r\n\r\n/* Button\r\n------------------------------------------------------------------- */\r\n\r\nbutton, .button         { letter-spacing: 1px; }\r\n  button.grey, .button.grey { background: $grey-10; }\r\n  button.grey:hover,\r\n  button.grey:focus,\r\n  .button.grey:hover,\r\n  .button.grey:focus      { background-color: $grey-16; }\r\n\r\n\r\n\r\n/* Side-Nav\r\n------------------------------------------------------------------- */\r\n\r\n.side-nav li.title { text-transform: uppercase;}\r\n.side-nav li { border-top: 1px solid $grey-3;}\r\n.side-nav li a:not(.button) { border-bottom: 0; padding: 0.4375rem 0rem; }\r\n.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: $grey-1; }\r\n\r\n.homepage p { margin: 0; padding: 0; color: $grey-10; }\r\n\r\n\r\n\r\n/* Accordion\r\n------------------------------------------------------------------- */\r\n\r\ndl.accordion  { border-top: 1px solid $grey-2;  }\r\n.accordion dd   { border-bottom: 1px solid $grey-2;  }\r\ndd.accordion-navigation span { padding-right: 12px; }\r\ndd.accordion-navigation span:before { content: \"\\F107\" }\r\ndd.accordion-navigation.active span:before { content: \"\\F105\" }\r\ndd.accordion-navigation.active span:before { content: \"\\F105\" }\r\n\r\n\r\n\r\n/* Lazy Load XT\r\n------------------------------------------------------------------- */\r\n\r\n/*! Lazy Load XT v1.0.6 2014-11-19\r\n * http://ressio.github.io/lazy-load-xt\r\n * (C) 2014 RESS.io\r\n * Licensed under MIT */\r\nimg.lazy {\r\n  display: none;\r\n}\r\n.lazy-hidden {\r\n    opacity: 0;\r\n}\r\n.lazy-loaded {\r\n    -webkit-transition: opacity 0.7s;\r\n    -moz-transition: opacity 0.7s;\r\n    -ms-transition: opacity 0.7s;\r\n    -o-transition: opacity 0.7s;\r\n    transition: opacity 0.7s;\r\n    opacity: 1;\r\n}\r\n\r\n*:target:not([id^='fn:']):not([id^='fnref:']) {\r\n  &::before {\r\n    content: \" \";\r\n    width: 0;\r\n    height: 0;\r\n\r\n    display: block;\r\n    padding-top: 50px;\r\n    margin-top: -50px;\r\n  }\r\n}\r\n\r\n/* Ensure top-level menu items and their backgrounds are plain white */\r\n.top-bar {\r\n  background-color: #ffffff !important; /* nav bar background */\r\n  border-bottom: 1px solid rgba(15,23,42,0.06);\r\n}\r\n\r\n/* Make each top-level menu item sit on white (Home, About, Use Cases, Publications, Contact) */\r\n.top-bar .left li > a,\r\n.top-bar .right li > a,\r\n.top-bar .has-dropdown > a {\r\n  background-color: #ffffff !important; /* keep item background white */\r\n  color: #0f172a !important;\r\n  padding: 0.5rem 0.9rem;\r\n  border-radius: 8px;\r\n}\r\n\r\n/* Keep dropdown container and dropdown items white by default */\r\n.top-bar .dropdown,\r\n.top-bar .has-dropdown .dropdown {\r\n  background: #ffffff !important;\r\n  border: 1px solid rgba(15,23,42,0.06) !important;\r\n}\r\n\r\n/* Hover / active state (still uses site accent) */\r\n.top-bar .left li > a:hover,\r\n.top-bar .right li > a:hover,\r\n.top-bar .has-dropdown > a:hover,\r\n.top-bar .dropdown li a:hover,\r\n.top-bar li.active > a {\r\n  background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%) !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n/* Mobile: ensure panel background remains white */\r\n@media (max-width: 720px) {\r\n  .top-bar .top-bar-section { background: #ffffff !important; }\r\n  .top-bar .left li a,\r\n  .top-bar .right li a { display: block; padding: 0.7rem 1rem; background: #ffffff !important; }\r\n}\r\n\r\n/* Final safety: remove any green background utility classes used by Foundation */\r\n.top-bar .dropdown .success,\r\n.top-bar .dropdown .alert,\r\n.top-bar .dropdown .label {\r\n  background: transparent !important;\r\n  color: inherit !important;\r\n}\r\n\r\n/* Small visual polish */\r\n.top-bar .left li a:hover,\r\n.top-bar .right li a:hover { transform: translateY(-1px); }\r\n\r\n/* Remove rounded corners from top-level nav items and dropdowns */\r\n.top-bar .left li > a,\r\n.top-bar .right li > a,\r\n.top-bar .has-dropdown > a,\r\n.top-bar .dropdown li a {\r\n  border-radius: 0 !important;\r\n}\r\n\r\n/* Ensure dropdown container is not rounded */\r\n.top-bar .dropdown,\r\n.top-bar .has-dropdown .dropdown {\r\n  border-radius: 0 !important;\r\n}\r\n\r\n/* Remove rounded corners on hover/active states */\r\n.top-bar .left li > a:hover,\r\n.top-bar .right li > a:hover,\r\n.top-bar .has-dropdown > a:hover,\r\n.top-bar .dropdown li a:hover,\r\n.top-bar li.active > a,\r\n.top-bar li.has-dropdown.active > a {\r\n  border-radius: 0 !important;\r\n}\r\n","@charset \"utf-8\";\r\n/* Syntax highlighting styles\r\n------------------------------------------------------------------- */\r\n\r\n.highlight {\r\n    background: #fff;\r\n    .c     { color: #998; font-style: italic } // Comment\r\n    .err   { color: #a61717; background-color: #e3d2d2 } // Error\r\n    .k     { font-weight: bold } // Keyword\r\n    .o     { font-weight: bold } // Operator\r\n    .cm    { color: #998; font-style: italic } // Comment.Multiline\r\n    .cp    { color: #999; font-weight: bold } // Comment.Preproc\r\n    .c1    { color: #998; font-style: italic } // Comment.Single\r\n    .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special\r\n    .gd    { color: #000; background-color: #fdd } // Generic.Deleted\r\n    .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific\r\n    .ge    { font-style: italic } // Generic.Emph\r\n    .gr    { color: #a00 } // Generic.Error\r\n    .gh    { color: #999 } // Generic.Heading\r\n    .gi    { color: #000; background-color: #dfd } // Generic.Inserted\r\n    .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific\r\n    .go    { color: #888 } // Generic.Output\r\n    .gp    { color: #555 } // Generic.Prompt\r\n    .gs    { font-weight: bold } // Generic.Strong\r\n    .gu    { color: #aaa } // Generic.Subheading\r\n    .gt    { color: #a00 } // Generic.Traceback\r\n    .kc    { font-weight: bold } // Keyword.Constant\r\n    .kd    { font-weight: bold } // Keyword.Declaration\r\n    .kp    { font-weight: bold } // Keyword.Pseudo\r\n    .kr    { font-weight: bold } // Keyword.Reserved\r\n    .kt    { color: #458; font-weight: bold } // Keyword.Type\r\n    .m     { color: #099 } // Literal.Number\r\n    .s     { color: #d14 } // Literal.String\r\n    .na    { color: #008080 } // Name.Attribute\r\n    .nb    { color: #0086B3 } // Name.Builtin\r\n    .nc    { color: #458; font-weight: bold } // Name.Class\r\n    .no    { color: #008080 } // Name.Constant\r\n    .ni    { color: #800080 } // Name.Entity\r\n    .ne    { color: #900; font-weight: bold } // Name.Exception\r\n    .nf    { color: #900; font-weight: bold } // Name.Function\r\n    .nn    { color: #555 } // Name.Namespace\r\n    .nt    { color: #000080 } // Name.Tag\r\n    .nv    { color: #008080 } // Name.Variable\r\n    .ow    { font-weight: bold } // Operator.Word\r\n    .w     { color: #bbb } // Text.Whitespace\r\n    .mf    { color: #099 } // Literal.Number.Float\r\n    .mh    { color: #099 } // Literal.Number.Hex\r\n    .mi    { color: #099 } // Literal.Number.Integer\r\n    .mo    { color: #099 } // Literal.Number.Oct\r\n    .sb    { color: #d14 } // Literal.String.Backtick\r\n    .sc    { color: #d14 } // Literal.String.Char\r\n    .sd    { color: #d14 } // Literal.String.Doc\r\n    .s2    { color: #d14 } // Literal.String.Double\r\n    .se    { color: #d14 } // Literal.String.Escape\r\n    .sh    { color: #d14 } // Literal.String.Heredoc\r\n    .si    { color: #d14 } // Literal.String.Interpol\r\n    .sx    { color: #d14 } // Literal.String.Other\r\n    .sr    { color: #009926 } // Literal.String.Regex\r\n    .s1    { color: #d14 } // Literal.String.Single\r\n    .ss    { color: #990073 } // Literal.String.Symbol\r\n    .bp    { color: #999 } // Name.Builtin.Pseudo\r\n    .vc    { color: #008080 } // Name.Variable.Class\r\n    .vg    { color: #008080 } // Name.Variable.Global\r\n    .vi    { color: #008080 } // Name.Variable.Instance\r\n    .il    { color: #099 } // Literal.Number.Integer.Long\r\n}\r\n","@charset \"utf-8\";\n\n@import \"functions.scss\";\n@import \"01_settings_colors.scss\";\n@import \"02_settings_typography.scss\";\n@import \"03_settings_mixins_media_queries.scss\";\n@import \"04_settings_global.scss\";\n@import \"05_normalize.scss\"; // normalize.css v3.0.2\n\n@import \"foundation-components/top-bar\";\n@import \"foundation-components/accordion\";\n@import \"foundation-components/alert-boxes\";\n@import \"foundation-components/breadcrumbs\";\n@import \"foundation-components/block-grid\";\n@import \"foundation-components/button-groups\";\n@import \"foundation-components/buttons\";\n@import \"foundation-components/clearing\";\n@import \"foundation-components/dropdown\";\n@import \"foundation-components/dropdown-buttons\";\n@import \"foundation-components/flex-video\";\n@import \"foundation-components/forms\";\n@import \"foundation-components/grid\";\n@import \"foundation-components/inline-lists\";\n@import \"foundation-components/keystrokes\";\n@import \"foundation-components/panels\";\n@import \"foundation-components/reveal\";\n@import \"foundation-components/side-nav\";\n@import \"foundation-components/sub-nav\";\n@import \"foundation-components/tables\";\n@import \"foundation-components/thumbs\";\n@import \"foundation-components/top-bar\";\n@import \"foundation-components/type\";\n@import \"foundation-components/visibility\";\n\n@import \"06_typography.scss\";\n@import \"07_layout.scss\";\n@import \"foundation-components/grid\";\n@import \"09_elements.scss\";\n\n\n\n@import \"11_syntax-highlighting.scss\";\n\n\n/* Bootstrap blog theme */\n\n/*\n * Globals\n */\n\n/*\n * Override Bootstrap's default container.\n */\n\n@media (min-width: 1200px) {\n  .container {\n    width: 970px;\n  }\n}\n\n\n/*\n * Centered image\n */\n\n.centered-image {\n  margin: 0 auto;\n  display: block;\n}\n\n\n/*\n * Masthead for nav\n */\n\n.blog-masthead {\n  background-color: #428bca;\n  -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);\n          box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);\n}\n\n/* Nav links */\n.blog-nav-item {\n  position: relative;\n  display: inline-block;\n  padding: 10px;\n  font-weight: 500;\n  color: #fff;\n}\n.blog-nav-item:hover,\n.blog-nav-item:focus {\n  color: #fff;\n  text-decoration: none;\n}\n\n/* Active state gets a caret at the bottom */\n.blog-nav .active {\n  color: #fff;\n}\n.blog-nav .active:after {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  width: 0;\n  height: 0;\n  margin-left: -5px;\n  vertical-align: middle;\n  content: \" \";\n  border-right: 5px solid transparent;\n  border-bottom: 5px solid;\n  border-left: 5px solid transparent;\n}\n\n\n/*\n * Blog name and description\n */\n\n.blog-header {\n  padding-top: 20px;\n  padding-bottom: 20px;\n}\n.blog-title {\n  margin-top: 30px;\n  margin-bottom: 0;\n  font-size: 50px;\n  font-weight: normal;\n}\n.blog-description {\n  font-size: 20px;\n  color: #999;\n}\n\n\n/*\n * Main column and sidebar layout\n */\n\n.blog-main {\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n/* Sidebar modules for boxing content */\n.sidebar-module {\n  padding: 15px;\n  margin: 0 -15px 15px;\n}\n.sidebar-module-inset {\n  padding: 15px;\n  background-color: #f5f5f5;\n  border-radius: 4px;\n}\n.sidebar-module-inset p:last-child,\n.sidebar-module-inset ul:last-child,\n.sidebar-module-inset ol:last-child {\n  margin-bottom: 0;\n}\n\n\n/* Pagination */\n.pager {\n  margin-bottom: 60px;\n  text-align: left;\n}\n.pager > li > a {\n  width: 140px;\n  padding: 10px 20px;\n  text-align: center;\n  border-radius: 30px;\n}\n\n\n/*\n * Blog posts\n */\n\n.blog-post {\n  margin-bottom: 30px;\n  padding: 10px 20px; /* I don't understand why this is needed... */\n}\n.blog-post-title {\n  margin-bottom: 5px;\n  font-size: 24px;\n}\n.blog-post-meta {\n  margin-bottom: 20px;\n  color: #999;\n}\n\n\n/*\n * Footer\n */\n\n.blog-footer {\n  padding: 40px 0;\n  color: #999;\n  text-align: center;\n  background-color: #f9f9f9;\n  border-top: 1px solid #e5e5e5;\n}\n.blog-footer p:last-child {\n  margin-bottom: 0;\n}\n\n.navbar-nav {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n\n.navbar {\n  font-weight: 500;\n  background-color: #555555;\n  min-height: 40px;\n  font-size: 14px;\n}\n\n.navbar-brand {\n height: 40px;\n padding: 9.5px 15px;\n font-size: 15px;\n}\n\n.navbar-default .navbar-nav > li > a:focus,\n.navbar-default .navbar-nav > li > a:hover,\n.navbar-default .navbar-brand:hover{\n  color: #f39c12;\n}\n\n.navbar-nav>li>a {\n\t\tpadding-top: 9.5px;\n\t\tpadding-bottom: 9.5px\n}\n\na {\n  color: #cc5555;\n}\n\na:hover {\n  color: #f39c12;\n}\n\nbody {\n  color: #333333;\n  font-size: 16.5px;\n}\n\n.btn-primary {\n  background-color: #555555;\n  border-color: #555555;\n}\n\n.announcement {\n    background-color: #f39c12;\n    border-color: #f39c12;\n    color: #ffffff;\n    padding: 15px;\n    margin-bottom: 21px;\n    border: 1px solid transparent;\n    border-radius: 4px;\n    margin-left: -15px;\n    margin-right: -15px;\n}\n\n.lead {\n  font-size: 20px;\n}\n.event-announce > a:hover {\n\tcolor: #333333;\n}\n\n\n.alert {\n  padding: 8px;\n}\n\n.list-simple {\n  padding-left: 15px;\n}\n\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > a:focus {\n    background-color: #555555;\n}\n\n[role=\"button\"] {\n    font-size: 17px;\n}\n\n.alignleft {\n  float: left;\n}\n.alignright {\n  float: right;\n}\n\n/* COLORFUL BIG LINK */\n\n.big-link-container {\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n}\n\n.big-link-container a {\n  text-decoration: none;\n  color: inherit;\n  width: 100%;\n  min-height: 100pt;\n  padding: 15pt;\n  border-radius: 10px 20px;\n  background-color: #f9f2f4;\n}\n\n.big-link-container a:first-line {\n  font-weight: bold;\n  color: #cc5555;\n}\n\n/* TRAINING GROUP */\n\n/* LIST OF MODULES */\n\n.training-module {\n  width: 100%;\n  min-height: 100pt;\n  display: grid;\n  padding: 5pt;\n  border-radius: 10px 20px;\n}\n\n.tm-stable {\n  background-color: #f1f9f1;\n}\n\n.tm-alpha {\n  background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, #f9f2f4 20px, #f9f2f4 40px);\n}\n.tm-beta {\n  background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, #f9f9f1 10px, #f9f9f1 40px);\n}\n\n.training-module-name {\n  text-align: center;\n  font-weight: bold;\n  padding-bottom: 10pt;\n  font-size: 17px;\n}\n\n\n.training-module-status {\n  padding-top: 10pt;\n  text-align: center;\n}\n\n.training-module-webpage {\n  text-align: center;\n  display: block;\n  align-self: end;\n  padding-top: 10pt;\n}\n\n.training-module-repository {\n  padding-top: 10pt;\n  vertical-align: bottom;\n  text-align: center;\n  display: block;\n  align-self: end;\n}\n\n\n.training-module-videos {\n  text-align: center;\n  display: block;\n  align-self: end;\n}\n\n.training-module-container {\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n}\n\n.training table {\n    padding: 0;\n    width: 100%;\n  }\n.training table tr {\n    border: 1px solid #cccccc;\n    background-color: white;\n    margin: 0;\n    padding: 0;\n  }\n.training table tr:nth-child(2n) {\n  background-color: #f8f8f8;\n}\n.training table tr th {\n  font-weight: bold;\n  border: 1px solid #cccccc;\n  text-align: left;\n  margin: 0;\n  padding: 6px 13px;\n}\n.training table tr td {\n  border: 1px solid #cccccc;\n  text-align: left;\n  margin: 0;\n  padding: 6px 13px;\n}\n.training table tr th :first-child, .training table tr td :first-child {\n  margin-top: 0;\n}\n.training table tr th :last-child, .training table tr td :last-child {\n  margin-bottom: 0;\n}\n"],"file":"styles_feeling_responsive.css"}
\ No newline at end of file
diff --git a/_site/assets/xslt/atom.xslt b/_site/assets/xslt/atom.xslt
index 29cbf24..05a8357 100644
--- a/_site/assets/xslt/atom.xslt
+++ b/_site/assets/xslt/atom.xslt
@@ -10,11 +10,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Atom Feed (Styled)</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -38,13 +41,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/assets/xslt/atom.xslt">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/xslt/atom.xslt">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="Atom Feed (Styled)">
 	<meta property="og:description" content="EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;">
-	<meta property="og:url" content="http://localhost:4000/assets/xslt/atom.xslt">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/xslt/atom.xslt">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -56,38 +59,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -99,222 +102,334 @@
 	<body id="top-of-page">
 		<xsl:text disable-output-escaping="yes"><![CDATA[
 		
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
 
 
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
-          
-          
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
+
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
+
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-
-              
-
-
-
-          
           
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
+                
+              </li>
+            
 
-          
           
         
-
-              
-
-
-
-          
           
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="">
+                
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
+                
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
+                      
+                    </li>
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
+                      
+                    </li>
+                  
+                </ul>
+              </li>
+            
 
           
-          
-        
-        
-      </ul>
-
-      <ul class="left">
         
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
               </li>
-              <li class="divider"></li>
-
             
-            
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="/team/">Team</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/support/">Research Support</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+      </ul>
+    </nav>
 
-              
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
 
-          
-          
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-              <li>
-                
-                  <a  href="/overview/">Publications</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
             
+          </li>
           
-        
-
+            <li class="mobile-sub">
               
-
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
           
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 		
 <div id="masthead-no-image-header">
     <div class="row">
         <div class="small-12 columns">
       
-              <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                  <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+              <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                  <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
               </a>
       
         </div><!-- /.small-12.columns -->
@@ -374,75 +489,85 @@
 </ul>
 
 		<xsl:text disable-output-escaping="yes"><![CDATA[
-		<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+		<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 		
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/assets/xslt/rss.xslt b/_site/assets/xslt/rss.xslt
index e6786b7..d3dd763 100644
--- a/_site/assets/xslt/rss.xslt
+++ b/_site/assets/xslt/rss.xslt
@@ -10,11 +10,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>RSS Feed (Styled)</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -38,13 +41,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/assets/xslt/rss.xslt">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/xslt/rss.xslt">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="RSS Feed (Styled)">
 	<meta property="og:description" content="EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;">
-	<meta property="og:url" content="http://localhost:4000/assets/xslt/rss.xslt">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/xslt/rss.xslt">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -56,38 +59,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -99,222 +102,334 @@
 	<body id="top-of-page">
 		<xsl:text disable-output-escaping="yes"><![CDATA[
 		
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
 
 
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
-          
-          
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
+
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
+
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-
-              
-
-
-
-          
           
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
+                
+              </li>
+            
 
-          
           
         
-
-              
-
-
-
-          
           
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="">
+                
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
+                
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
+                      
+                    </li>
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
+                      
+                    </li>
+                  
+                </ul>
+              </li>
+            
 
           
-          
-        
-        
-      </ul>
-
-      <ul class="left">
         
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
               </li>
-              <li class="divider"></li>
-
             
-            
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="/team/">Team</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/support/">Research Support</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+      </ul>
+    </nav>
 
-              
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
 
-          
-          
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-              <li>
-                
-                  <a  href="/overview/">Publications</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
             
+          </li>
           
-        
-
+            <li class="mobile-sub">
               
-
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
           
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 		
 <div id="masthead-no-image-header">
     <div class="row">
         <div class="small-12 columns">
       
-              <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                  <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+              <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                  <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
               </a>
       
         </div><!-- /.small-12.columns -->
@@ -374,75 +489,85 @@
 </ul>
 
 		<xsl:text disable-output-escaping="yes"><![CDATA[
-		<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+		<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 		
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/atom.xml b/_site/atom.xml
index dbf9a90..ad871ee 100644
--- a/_site/atom.xml
+++ b/_site/atom.xml
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<?xml-stylesheet type="text/xsl" href="/assets/xslt/atom.xslt" ?>
-<?xml-stylesheet type="text/css" href="/assets/css/atom.css" ?>
+<?xml-stylesheet type="text/xsl" href="/ADAPTIVEEXPERIMENTS/assets/xslt/atom.xslt" ?>
+<?xml-stylesheet type="text/css" href="/ADAPTIVEEXPERIMENTS/assets/css/atom.css" ?>
 <feed xmlns="http://www.w3.org/2005/Atom">
-	<id>http://localhost:4000/</id>
+	<id>http://localhost:4000/ADAPTIVEEXPERIMENTS/</id>
 	<title>EASI</title>
-	<updated>2025-12-15T15:38:32-06:00</updated>
+	<updated>2026-04-06T23:57:36-05:00</updated>
 
 	<subtitle>EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;</subtitle>
 
@@ -19,8 +19,8 @@
 		</author>
 	
 
-	<link href="http://localhost:4000/atom.xml" rel="self" type="application/rss+xml" />
-	<link href="http://localhost:4000/" rel="alternate" type="text/html" />
+	<link href="http://localhost:4000/ADAPTIVEEXPERIMENTS/atom.xml" rel="self" type="application/rss+xml" />
+	<link href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" rel="alternate" type="text/html" />
 
 	<generator uri="http://jekyllrb.com" version="4.3.3">Jekyll</generator>
 
diff --git a/_site/blog/archive/index.html b/_site/blog/archive/index.html
index 8b21b2c..216e5d1 100644
--- a/_site/blog/archive/index.html
+++ b/_site/blog/archive/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Post Archive</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/blog/archive/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/blog/archive/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="Post Archive">
 	<meta property="og:description" content="See below for a history of all EASI news and updates. Click on a headline to read the teaser.">
-	<meta property="og:url" content="http://localhost:4000/blog/archive/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/blog/archive/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
 
-              
 
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
-          
-          
-        
-        
-      </ul>
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-      <ul class="left">
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
                 
               </li>
-              <li class="divider"></li>
-
             
-            
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="/team/">Team</a></li>
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
                       
-                    
-
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
                       
-
+                    </li>
+                  
+                    <li role="none">
                       
-                        <li><a  href="/support/">Research Support</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
                       
-                    
-                  </ul>
-
+                    </li>
+                  
+                </ul>
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+          
 
-              
+            
+            
+            
+            
+
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
+                
+              </li>
+            
 
           
+        
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/overview/">Publications</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
               </li>
-              <li class="divider"></li>
+            
+
+          
+        
+      </ul>
+    </nav>
 
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-          
+          </li>
         
 
-              
+      
+    
+      
 
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
+          
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
           
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
+        
+
+      
+    
+      
+
         
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -310,8 +425,8 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
     <div class="row">
         <div class="small-12 columns">
       
-            <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+            <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
             </a>
       
         </div><!-- /.small-12.columns -->
@@ -322,11 +437,11 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
 
 
 <nav class="breadcrumbs" role="menubar" aria-label="breadcrumbs">
- <a href="http://localhost:4000">Start</a>
+ <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS">Start</a>
  
    
     
-        <a href="http://localhost:4000/blog/">blog</a>
+        <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/blog/">blog</a>
     
   
     
@@ -354,69 +469,79 @@ <h1>Post Archive</h1>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -424,7 +549,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/blog/index.html b/_site/blog/index.html
index 784ac52..d0a8c4d 100644
--- a/_site/blog/index.html
+++ b/_site/blog/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Blog of Feeling Responsive</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	<meta name="robots" content="noindex">
-	<link rel="canonical" href="http://localhost:4000/blog/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/blog/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="Blog of Feeling Responsive">
 	<meta property="og:description" content="This is the Feeling Responsive Blog Template.">
-	<meta property="og:url" content="http://localhost:4000/blog/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/blog/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="blog-index">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
 
-              
 
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
-          
-          
-        
-        
-      </ul>
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-      <ul class="left">
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
                 
               </li>
-              <li class="divider"></li>
-
             
-            
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="/team/">Team</a></li>
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
                       
-                    
-
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
                       
-
+                    </li>
+                  
+                    <li role="none">
                       
-                        <li><a  href="/support/">Research Support</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
                       
-                    
-                  </ul>
-
+                    </li>
+                  
+                </ul>
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+          
 
-              
+            
+            
+            
+            
+
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
+                
+              </li>
+            
 
           
+        
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/overview/">Publications</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
               </li>
-              <li class="divider"></li>
+            
+
+          
+        
+      </ul>
+    </nav>
 
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-          
+          </li>
         
 
-              
+      
+    
+      
 
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
+          
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
           
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
+        
+
+      
+    
+      
+
         
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -310,8 +425,8 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
     <div class="row">
         <div class="small-12 columns">
       
-            <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+            <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
             </a>
       
         </div><!-- /.small-12.columns -->
@@ -334,7 +449,7 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
 <nav id="pagination">
     
 
-    <a class="radius button small" href="http://localhost:4000/blog/archive/" title="Blog Archive">Blog Archive</a>
+    <a class="radius button small" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/blog/archive/" title="Blog Archive">Blog Archive</a>
 
     
   </nav>
@@ -368,69 +483,79 @@ <h3>Sidebar</h3>
 </div><!-- /.row -->
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -438,7 +563,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/contact/index.html b/_site/contact/index.html
index 9d66a23..6b8d192 100644
--- a/_site/contact/index.html
+++ b/_site/contact/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Questions?</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/contact/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/contact/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="Questions?">
 	<meta property="og:description" content="Get in touch with us">
-	<meta property="og:url" content="http://localhost:4000/contact/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/contact/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="post">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
 
-              
 
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
-          
-          
-        
-        
-      </ul>
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-      <ul class="left">
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
                 
-
-                  <ul class="dropdown">
-                    
-
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
                       
-
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
                       
-                        <li><a  href="/team/">Team</a></li>
+                    </li>
+                  
+                    <li role="none">
                       
-                    
-
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
                       
-
-                      
-                        <li><a  href="/support/">Research Support</a></li>
-                      
-                    
-                  </ul>
-
+                    </li>
+                  
+                </ul>
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+          
 
-              
+            
+            
+            
+            
+
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
+                
+              </li>
+            
 
           
+        
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="active">
                 
-                  <a  href="/overview/">Publications</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
               </li>
-              <li class="divider"></li>
+            
+
+          
+        
+      </ul>
+    </nav>
 
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-          
+          </li>
         
 
-              
+      
+    
+      
 
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
+          
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li class="active">
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -348,69 +463,79 @@ <h3 id="for-questions-please-contact">For questions, please contact:</h3>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
+      </div>
 
-
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -418,7 +543,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/easi/index.html b/_site/easi/index.html
index 58ce1ff..9af2114 100644
--- a/_site/easi/index.html
+++ b/_site/easi/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Experiments-as-a-Service (EASI)</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/easi/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/easi/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="Experiments-as-a-Service (EASI)">
 	<meta property="og:description" content="EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;">
-	<meta property="og:url" content="http://localhost:4000/easi/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/easi/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="page-fullwidth">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
-
-
-
-          
-          
-        
-
-              
 
 
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
-          
-          
-        
-
-              
-
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-          
-          
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-        
-      </ul>
-
-      <ul class="left">
-        
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
                 
-
-                  <ul class="dropdown">
-                    
-
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
                       
-
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
                       
-                        <li><a  href="/team/">Team</a></li>
+                    </li>
+                  
+                    <li role="none">
                       
-                    
-
-                      
-
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
                       
-                        <li><a  href="/support/">Research Support</a></li>
-                      
-                    
-                  </ul>
-
+                    </li>
+                  
+                </ul>
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+          
 
-              
+            
+            
+            
+            
+
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
+                
+              </li>
+            
 
           
+        
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/overview/">Publications</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
               </li>
-              <li class="divider"></li>
+            
+
+          
+        
+      </ul>
+    </nav>
 
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-          
+          </li>
         
 
-              
+      
+    
+      
 
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
+          
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
           
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -342,7 +457,7 @@ <h3 id="how-can-i-get-started-with-easi">How can I get started with EASI?</h3>
 
 <p>To get started with EASI, visit the <a href="https://upgrade-platform.gitbook.io/upgrade-documentation/developer-guide/usage-guide">UpGrade documentation</a> and follow the instructions to create and configure your own experiment instance.</p>
 
-<p>If you need assistance creating an instance or configuring an experiment, reach out to any of the project leaders for support on the <a href="/team/" class="btn" style="margin-top:0.5rem;">Team page</a></p>
+<p>If you need assistance creating an instance or configuring an experiment, reach out to any of the project leaders for support on the <a href="/ADAPTIVEEXPERIMENTS/team/" class="btn" style="margin-top:0.5rem;">Team page</a></p>
 
 <h3 id="what-are-the-benefits-of-using-easi">What are the benefits of using EASI?</h3>
 
@@ -395,69 +510,79 @@ <h3 id="what-is-the-current-user-base-of-easi">What is the current user base of
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
+      </div>
 
-
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -465,7 +590,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/feed.xml b/_site/feed.xml
index f9967eb..e0548bd 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<?xml-stylesheet type="text/xsl" href="http://localhost:4000/assets/xslt/rss.xslt" ?>
-<?xml-stylesheet type="text/css" href="http://localhost:4000/assets/css/rss.css" ?>
+<?xml-stylesheet type="text/xsl" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/xslt/rss.xslt" ?>
+<?xml-stylesheet type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/rss.css" ?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
 	<channel>
 		<title>EASI</title>
 		<description>EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;</description>
-		<link>http://localhost:4000/</link>
-		<atom:link href="http://localhost:4000/feed.xml" rel="self" type="application/rss+xml" />
+		<link>http://localhost:4000/ADAPTIVEEXPERIMENTS/</link>
+		<atom:link href="http://localhost:4000/ADAPTIVEEXPERIMENTS/feed.xml" rel="self" type="application/rss+xml" />
 		
 	</channel>
 </rss>
diff --git a/_site/humans.txt b/_site/humans.txt
index b42ae3a..8805881 100644
--- a/_site/humans.txt
+++ b/_site/humans.txt
@@ -16,7 +16,7 @@ Theme: http://phlow.github.io/feeling-responsive/
 
 /* SITE */
 
-Last Updated: 2025/12/15
+Last Updated: 2026/04/06
 Standards: HTML5, CSS3
 Software: Sublime Text, Chrome, Jekyll, Git, Imageoptim, JPEGMini, Gulp.js, Sass
 Components: Foundation Framework, Modernizr, jQuery, Backstretch.js, Reveal
diff --git a/_site/index.html b/_site/index.html
index 103cbcd..a3f9275 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>EASI</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/index.html">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/index.html">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="EASI">
 	<meta property="og:description" content="EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;">
-	<meta property="og:url" content="http://localhost:4000/index.html">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/index.html">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="frontpage">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
 
 
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
-          
-          
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
+
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
+
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-
-              
-
-
-
-          
           
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="active">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
+                
+              </li>
+            
 
-          
           
         
-
-              
-
-
-
           
-          
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="">
+                
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
+                
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
+                      
+                    </li>
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
+                      
+                    </li>
+                  
+                </ul>
+              </li>
+            
 
           
-          
-        
-        
-      </ul>
-
-      <ul class="left">
         
-
-              
-
-          
           
 
             
             
-              <li class="active">
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="/team/">Team</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/support/">Research Support</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
+              </li>
+            
 
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
+          
+        
+      </ul>
+    </nav>
 
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
 
-                      
+  </div>
+</header>
 
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
-                      
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
+            
+          </li>
+        
 
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
+      
+    
+      
 
-              </li>
-              <li class="divider"></li>
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
           
-        
-
+            <li class="mobile-sub">
               
-
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
           
+          <li><div class="easi-mobile-divider"></div></li>
 
-            
-            
-              <li>
-                
-                  <a  href="/overview/">Publications</a>
-                
-              </li>
-              <li class="divider"></li>
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-          
+          </li>
         
 
-              
-
-          
-          
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
             
-          
-        
+          </li>
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -309,8 +424,8 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
     <div class="row">
         <div class="small-12 columns">
       
-              <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                  <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+              <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                  <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
               </a>
       
         </div><!-- /.small-12.columns -->
@@ -361,14 +476,14 @@ <h2 class="font-size-h3 t10">Adaptive Experiments</h2>
 
 <div class="medium-4 columns frontpage-widget">
 	
-		<a href="http://localhost:4000/easi">
+		<a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/easi">
 			<img src="https://adaptiveexperiments.github.io/images/upgrade_step2.png" alt="" />
 		</a>
 	
 	<h2 class="font-size-h3 t10">Why EASI?</h2>
 
 	<p>Run randomized and adaptive experiments (Thompson sampling & Bayesian inference) to get answers with fewer participants. Monitor results in real time with dashboards and alerts, and keep experiments reproducible with versioned configs and analysis pipelines.</p>
-	<p><a class="button tiny radius" href="http://localhost:4000/easi">More ›</a></p>
+	<p><a class="button tiny radius" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/easi">More ›</a></p>
 </div>
 	
 
@@ -438,7 +553,7 @@ <h2 class="font-size-h3 t10">Participate and get started:</h2>
     <div class="hero-copy">
       <figure class="hero-figure" aria-hidden="false">
         <a href="https://upgrade-demo.carnegielearning.com/login" target="_blank" rel="noopener noreferrer" aria-label="Open demo in new tab">
-          <img src="/images/upgrade_demo.png" alt="UpGrade" />
+          <img src="/ADAPTIVEEXPERIMENTS/images/upgrade_demo.png" alt="UpGrade" />
         </a>
       </figure>
 
@@ -452,7 +567,7 @@ <h1 style="margin: 0 0 0.5rem; font-size: 2.25rem; line-height: 1.05;">Project G
         <li>C–Adaptation: Enable research into adaptive experimentation by providing a testbed for algorithms that dynamically analyze data from experiments, to enhance learning faster with less participants</li>
       </ul>
       <p>
-        <a href="/easi/" class="btn" style="margin-right:0.5rem;">Why EASI?</a>
+        <a href="/ADAPTIVEEXPERIMENTS/easi/" class="btn" style="margin-right:0.5rem;">Why EASI?</a>
         <a href="https://upgrade-platform.gitbook.io/upgrade-documentation/" class="btn" style="margin-right:0.5rem;" target="_blank" rel="noopener noreferrer">Run your Experiment</a>
         <a href="https://www.upgradeplatform.org/" class="btn" target="_blank" rel="noopener noreferrer">View on UpGrade</a>
       </p>
@@ -491,69 +606,79 @@ <h2 id="how-it-works">How it works</h2>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
+      </div>
 
-
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -561,7 +686,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/mooclet/index.html b/_site/mooclet/index.html
index 1de3795..4d7a462 100644
--- a/_site/mooclet/index.html
+++ b/_site/mooclet/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>The MOOClet/AdapComp Framework</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/mooclet/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/mooclet/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="The MOOClet/AdapComp Framework">
 	<meta property="og:description" content="EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;">
-	<meta property="og:url" content="http://localhost:4000/mooclet/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/mooclet/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="page-fullwidth">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
 
-      <ul class="right">
-        
 
-              
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-          
-          
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-
-              
-
-
-
-          
           
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
+                
+              </li>
+            
 
-          
           
         
-
-              
-
-
-
           
-          
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="">
+                
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
+                
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
+                      
+                    </li>
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
+                      
+                    </li>
+                  
+                </ul>
+              </li>
+            
 
           
-          
-        
-        
-      </ul>
-
-      <ul class="left">
         
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="/team/">Team</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/support/">Research Support</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+      </ul>
+    </nav>
 
-              
-
-          
-          
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-              <li>
-                
-                  <a  href="/overview/">Publications</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
             
+          </li>
           
-        
-
+            <li class="mobile-sub">
               
-
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
           
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -309,8 +424,8 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
     <div class="row">
         <div class="small-12 columns">
       
-              <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                  <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+              <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                  <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
               </a>
       
         </div><!-- /.small-12.columns -->
@@ -383,69 +498,79 @@ <h2 id="relevant-publication">Relevant Publication</h2>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -453,7 +578,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/oli/index.html b/_site/oli/index.html
index 46dae5c..3abaf0e 100644
--- a/_site/oli/index.html
+++ b/_site/oli/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Open Learning Initiative</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/oli/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/oli/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="Open Learning Initiative">
 	<meta property="og:description" content="">
-	<meta property="og:url" content="http://localhost:4000/oli/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/oli/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="post">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
 
-          
-          
-        
 
-              
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-          
-          
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-        
-      </ul>
-
-      <ul class="left">
-        
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
                       
-                        <li><a  href="/team/">Team</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
                       
-                    
-
-                      
-
+                    </li>
+                  
+                    <li role="none">
                       
-                        <li><a  href="/support/">Research Support</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
                       
-                    
-                  </ul>
-
+                    </li>
+                  
+                </ul>
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+          
 
-              
+            
+            
+            
+            
+
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
+                
+              </li>
+            
 
           
+        
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/overview/">Publications</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
               </li>
-              <li class="divider"></li>
+            
+
+          
+        
+      </ul>
+    </nav>
+
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-          
+          </li>
         
 
-              
+      
+    
+      
 
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
+          
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -309,8 +424,8 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
     <div class="row">
         <div class="small-12 columns">
       
-              <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                  <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+              <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                  <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
               </a>
       
         </div><!-- /.small-12.columns -->
@@ -359,69 +474,79 @@ <h2 id="this-page-is-coming-soon-">This page is coming soon ….</h2>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -429,7 +554,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/overview/index.html b/_site/overview/index.html
index ac7ab6b..3e8ed5c 100644
--- a/_site/overview/index.html
+++ b/_site/overview/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Publications</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/overview/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/overview/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="Publications">
 	<meta property="og:description" content="EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;">
-	<meta property="og:url" content="http://localhost:4000/overview/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/overview/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="page-fullwidth">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
 
 
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
-          
-          
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
+
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
+
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-
-              
-
-
-
-          
           
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
+                
+              </li>
+            
 
-          
           
         
-
-              
-
-
-
           
-          
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="">
+                
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
+                
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
+                      
+                    </li>
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
+                      
+                    </li>
+                  
+                </ul>
+              </li>
+            
 
           
-          
-        
-        
-      </ul>
-
-      <ul class="left">
         
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="active">
                 
-                  <a  href="/">About</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="/team/">Team</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/support/">Research Support</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
+              </li>
+            
 
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
+          
+        
+      </ul>
+    </nav>
 
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
 
-                      
+  </div>
+</header>
 
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
-                      
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
+            
+          </li>
+        
 
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
+      
+    
+      
 
-              </li>
-              <li class="divider"></li>
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
             
+          </li>
           
-        
-
+            <li class="mobile-sub">
               
-
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
           
+          <li><div class="easi-mobile-divider"></div></li>
 
-            
-            
-              <li class="active">
-                
-                  <a  href="/overview/">Publications</a>
-                
-              </li>
-              <li class="divider"></li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-          
+          </li>
         
 
-              
-
-          
-          
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
             
-          
-        
+          </li>
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -387,62 +502,63 @@ <h1>Publications</h1>
 <div class="pub-container">
   <div class="pub-grid">
 
+    
     <div class="pub-card">
       <div class="pub-title">Journals</div>
       <ul class="pub-list">
+        
+        
         <li>
           <div class="pub-meta">
-            Hulleman, C. S., &amp; Harackiewicz, J. M. (2009). Promoting interest and performance in high school science classes. Science, 326(5958), 1410–1412.
-            <div><a class="pub-link" href="https://doi.org/10.1126/science.1177067" target="_blank" rel="noopener noreferrer">Read DOI</a></div>
+            Badru, Lawal and Carver, J.. (2026). Personalizing Supplementary Materials in Software Engineering: Impact of Preferences, Learning Styles, and Gender. ACM Transactions on Computing Education.
+            
+            <div><a class="pub-link" href="https://doi.org/10.1145/3806053" target="_blank" rel="noopener noreferrer">Read DOI</a></div>
+            
           </div>
         </li>
-
+        
         <li>
           <div class="pub-meta">
-            [Add journal article title here]. Author(s). (Year). Journal name, volume(issue), pages.
-            <div><a class="pub-link" href="#" target="_blank" rel="noopener noreferrer">Link</a></div>
+            Hulleman, C. S., &amp; Harackiewicz, J. M.. (2009). Promoting interest and performance in high school science classes. Science, 326(5958), 1410–1412.
+            
+            <div><a class="pub-link" href="https://doi.org/10.1126/science.1177067" target="_blank" rel="noopener noreferrer">Read DOI</a></div>
+            
           </div>
         </li>
+        
       </ul>
     </div>
 
+    
     <div class="pub-card">
       <div class="pub-title">Conferences</div>
       <ul class="pub-list">
+        
+        
         <li>
           <div class="pub-meta">
-            [Add conference paper title here]. Author(s). (Year). In Proceedings of [Conference Name].
-            <div><a class="pub-link" href="#" target="_blank" rel="noopener noreferrer">Proceedings / PDF</a></div>
-          </div>
-        </li>
-
-        <li>
-          <div class="pub-meta">
-            [Example placeholder] Improving adaptive allocation for classroom experiments — Author A, Author B. (20XX). In Proceedings of ExampleConf.
+            Badru, Lawal and An, M. and Stamper, J. and Carver, J.. (2025). Optimizing Learning: A Comparative Study of Adaptive Experiments and Randomization in a Software Engineering Course. In Proceedings of Palermo '25: Sixth Annual Workshop on A/B Testing and Platform-Enabled Learning Engineering (PELE), Learning@Scale 2025. Palermo, Italy.
+            
+            <div><a class="pub-link" href="https://www.researchgate.net/profile/Awwal-Badru/publication/395297168_Optimizing_Learning_A_Comparative_Study_of_Adaptive_Experiments_and_Randomization_in_a_Software_Engineering_Course/links/68badc0ee69154767c2a2c9f/Optimizing-Learning-A-Comparative-Study-of-Adaptive-Experiments-and-Randomization-in-a-Software-Engineering-Course.pdf" target="_blank" rel="noopener noreferrer">Read Proceedings</a></div>
+            
           </div>
         </li>
+        
       </ul>
     </div>
 
+    
     <div class="pub-card">
       <div class="pub-title">Workshops &amp; Tutorials</div>
       <ul class="pub-list">
-        <li>
-          <div class="pub-meta">
-            Optimizing Learning: "A Comparative Study of Adaptive Experiments and Randomization in a Software Engineering Course."  
-            Authors: Lawal Badru, Marshall An, John Stamper, Jeffrey Carver. (2025)  
-            Workshop: A/B Testing and Platform-Enabled Learning Engineering — Learning @ Scale 2025, Palermo, Italy.
-            <div><a class="pub-link" href="https://www.researchgate.net/profile/Awwal-Badru/publication/395297168_Optimizing_Learning_A_Comparative_Study_of_Adaptive_Experiments_and_Randomization_in_a_Software_Engineering_Course/links/68badc0ee69154767c2a2c9f/Optimizing-Learning-A-Comparative-Study-of-Adaptive-Experiments-and-Randomization-in-a-Software-Engineering-Course.pdf" target="_blank" rel="noopener noreferrer">Paper (PDF)</a></div>
-          </div>
-        </li>
-
+        
+        
         <li style="margin-top:1rem;">
           <div class="pub-meta">
             EASI Workshops — Workshop materials and hands‑on tutorials for researchers and instructors.
-            <div><a class="pub-link" href="/workshops/">Workshop page</a></div>
+            <div><a class="pub-link" href="/ADAPTIVEEXPERIMENTS/workshops/">Workshop page</a></div>
           </div>
         </li>
-
       </ul>
     </div>
 
@@ -465,69 +581,79 @@ <h3>How to contribute</h3>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -535,7 +661,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/robots.txt b/_site/robots.txt
index 44883ac..2afae26 100644
--- a/_site/robots.txt
+++ b/_site/robots.txt
@@ -1,2 +1,2 @@
 User-agent: *
-Sitemap: http://localhost:4000/sitemap.xml
+Sitemap: http://localhost:4000/ADAPTIVEEXPERIMENTS/sitemap.xml
diff --git a/_site/search/index.html b/_site/search/index.html
index 05a2f6d..d2d4bd0 100644
--- a/_site/search/index.html
+++ b/_site/search/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Search</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/search/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/search/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="Search">
 	<meta property="og:description" content="EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;">
-	<meta property="og:url" content="http://localhost:4000/search/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/search/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="post">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
 
-          
-          
-        
 
-              
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-          
-          
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-        
-      </ul>
-
-      <ul class="left">
-        
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
                       
-                        <li><a  href="/team/">Team</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
                       
-                    
-
-                      
-
+                    </li>
+                  
+                    <li role="none">
                       
-                        <li><a  href="/support/">Research Support</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
                       
-                    
-                  </ul>
-
+                    </li>
+                  
+                </ul>
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+          
 
-              
+            
+            
+            
+            
+
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
+                
+              </li>
+            
 
           
+        
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/overview/">Publications</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
               </li>
-              <li class="divider"></li>
+            
+
+          
+        
+      </ul>
+    </nav>
+
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-          
+          </li>
         
 
-              
+      
+    
+      
 
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
+          
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -309,8 +424,8 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
     <div class="row">
         <div class="small-12 columns">
       
-              <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                  <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+              <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                  <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
               </a>
       
         </div><!-- /.small-12.columns -->
@@ -340,7 +455,7 @@ <h1>Search</h1>
 <script language="Javascript" type="text/javascript">
 	function google_search() {
 		var query = document.getElementById("google-search").value;
-		window.open("https://www.google.com/search?q=" + query + "+site:" + "http%3A%2F%2Flocalhost%3A4000%2F");
+		window.open("https://www.google.com/search?q=" + query + "+site:" + "http%3A%2F%2Flocalhost%3A4000%2FADAPTIVEEXPERIMENTS%2F");
 	}
 </script>
 
@@ -348,8 +463,8 @@ <h1>Search</h1>
 	<input type="text" id="google-search" placeholder="Enter search term and hit enter" />
 </form>
 <noscript>
-	Search <a href="https://www.google.com/search?q=site:http%3A%2F%2Flocalhost%3A4000%2F" target="_blank">Google</a> for:
-	<pre><code>search-term site:http://localhost:4000/</code></pre>
+	Search <a href="https://www.google.com/search?q=site:http%3A%2F%2Flocalhost%3A4000%2FADAPTIVEEXPERIMENTS%2F" target="_blank">Google</a> for:
+	<pre><code>search-term site:http://localhost:4000/ADAPTIVEEXPERIMENTS/</code></pre>
 </noscript>
 
 
@@ -370,69 +485,79 @@ <h1>Search</h1>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -440,7 +565,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/sitemap.xml b/_site/sitemap.xml
index 143a6a2..dcd7716 100644
--- a/_site/sitemap.xml
+++ b/_site/sitemap.xml
@@ -5,9 +5,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/404.html</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/404.html</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -20,9 +20,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/about/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/about/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -35,9 +35,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/adaptive/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/adaptive/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -50,9 +50,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/agenda/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/agenda/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -65,9 +65,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/blog/archive/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/blog/archive/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -82,9 +82,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/atom.xml</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/atom.xml</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -99,9 +99,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/contact/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/contact/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -114,9 +114,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/easi/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/easi/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -129,9 +129,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/feed.xml</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/feed.xml</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -144,9 +144,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/humans.txt</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -159,9 +159,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/blog/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/blog/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -174,9 +174,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -189,9 +189,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/mooclet/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/mooclet/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -204,9 +204,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/oli/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/oli/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -219,9 +219,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/overview/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/overview/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -234,9 +234,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/robots.txt</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/robots.txt</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -253,9 +253,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/search/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/search/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -268,9 +268,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/sitemap.xml</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/sitemap.xml</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -285,9 +285,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/support/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/support/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -300,9 +300,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/team/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/team/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -315,9 +315,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/training_material/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/training_material/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -330,9 +330,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/upgrade/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/upgrade/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
@@ -345,9 +345,9 @@
 
 	
 	<url>
-	<loc>http://localhost:4000/workshops/</loc>
+	<loc>http://localhost:4000/ADAPTIVEEXPERIMENTS/workshops/</loc>
 	
-		<lastmod>2025-12-15T15:38:32-06:00</lastmod>
+		<lastmod>2026-04-06T23:57:36-05:00</lastmod>
 	
 	
 		<changefreq>monthly</changefreq>
diff --git a/_site/support/index.html b/_site/support/index.html
index 398a5b8..bc6f7f1 100644
--- a/_site/support/index.html
+++ b/_site/support/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>EASI</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/support/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/support/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="EASI">
 	<meta property="og:description" content="EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;">
-	<meta property="og:url" content="http://localhost:4000/support/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/support/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="post">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
 
 
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
-          
-          
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
+
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
+
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-
-              
-
-
-
           
-          
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
+                
+              </li>
+            
 
-          
           
         
-
-              
-
-
-
-          
           
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="">
+                
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
+                
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
+                      
+                    </li>
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
+                      
+                    </li>
+                  
+                </ul>
+              </li>
+            
 
           
-          
-        
         
-      </ul>
-
-      <ul class="left">
-        
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
               </li>
-              <li class="divider"></li>
-
             
-            
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="/team/">Team</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/support/">Research Support</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+      </ul>
+    </nav>
 
-              
-
-          
-          
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-              <li>
-                
-                  <a  href="/overview/">Publications</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
             
+          </li>
           
-        
-
+            <li class="mobile-sub">
               
-
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
           
+          <li><div class="easi-mobile-divider"></div></li>
 
+        
+
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -341,7 +456,7 @@ <h2 id="resources-to-create-your-own-instance-and-run-experiments">Resources to
 </div>
 
 <figure class="support-figure">
-  <img src="/images/upgrade_experiment.png" alt="UpGrade + AdapComp (Mooclet) experiment setup overview" />
+  <img src="/ADAPTIVEEXPERIMENTS/images/upgrade_experiment.png" alt="UpGrade + AdapComp (Mooclet) experiment setup overview" />
 </figure>
 
 <p>Suggested flow:
@@ -351,7 +466,7 @@ <h2 id="resources-to-create-your-own-instance-and-run-experiments">Resources to
 4) Run, monitor, and iterate.</p>
 
 <p>If you need assistance, reach out to any of the project leaders on the Team page:
-<a href="/team/" class="pub-link" style="margin-top:0.5rem;">Team</a></p>
+<a href="/ADAPTIVEEXPERIMENTS/team/" class="pub-link" style="margin-top:0.5rem;">Team</a></p>
 
 			</div>
 
@@ -370,69 +485,79 @@ <h2 id="resources-to-create-your-own-instance-and-run-experiments">Resources to
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -440,7 +565,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/team/index.html b/_site/team/index.html
index b0bfa21..914441b 100644
--- a/_site/team/index.html
+++ b/_site/team/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>EASI Team</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/team/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/team/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="EASI Team">
 	<meta property="og:description" content="EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;">
-	<meta property="og:url" content="http://localhost:4000/team/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/team/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="page-fullwidth">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
 
 
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
-          
-          
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
+
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
+
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-
-              
-
-
-
-          
           
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
+                
+              </li>
+            
 
-          
           
         
-
-              
-
-
-
-          
           
-        
-
-              
 
+            
+            
+            
+            
 
+            
+              <li class="">
+                
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
+                
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
+                      
+                    </li>
+                  
+                    <li role="none">
+                      
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
+                      
+                    </li>
+                  
+                </ul>
+              </li>
+            
 
-          
           
         
-        
-      </ul>
-
-      <ul class="left">
-        
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="/team/">Team</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/support/">Research Support</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
+              </li>
+            
 
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
+          
+        
+      </ul>
+    </nav>
 
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
 
-                      
+  </div>
+</header>
 
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
-                      
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
+            
+          </li>
+        
 
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
+      
+    
+      
 
-              </li>
-              <li class="divider"></li>
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
             
+          </li>
           
-        
-
+            <li class="mobile-sub">
               
-
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
           
+          <li><div class="easi-mobile-divider"></div></li>
 
-            
-            
-              <li>
-                
-                  <a  href="/overview/">Publications</a>
-                
-              </li>
-              <li class="divider"></li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-          
+          </li>
         
 
-              
-
-          
-          
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
             
-          
-        
+          </li>
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -366,7 +481,7 @@ <h2 class="section-title">Project Leaders</h2>
       <ul class="leaders-list">
 
         <li class="person">
-          <img src="/images/stock-images/bier.jpg" alt="Norman Bier" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
+          <img src="/ADAPTIVEEXPERIMENTS/images/stock-images/bier.jpg" alt="Norman Bier" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
           <div class="person-meta">
             <div class="person-name"><a href="https://www.linkedin.com/in/norman-bier-9792b03/">Norman Bier</a></div>
             <div class="person-role">Carnegie Mellon University</div>
@@ -374,7 +489,7 @@ <h2 class="section-title">Project Leaders</h2>
         </li>
 
         <li class="person">
-          <img src="/images/stock-images/Carver.jpg" alt="Jeffrey Carver" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
+          <img src="/ADAPTIVEEXPERIMENTS/images/stock-images/Carver.jpg" alt="Jeffrey Carver" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
           <div class="person-meta">
             <div class="person-name"><a href="https://carver.cs.ua.edu/">Jeffrey Carver</a></div>
             <div class="person-role">University of Alabama</div>
@@ -382,7 +497,7 @@ <h2 class="section-title">Project Leaders</h2>
         </li>
 
         <li class="person">
-          <img src="/images/stock-images/April.jpg" alt="April Murphy" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
+          <img src="/ADAPTIVEEXPERIMENTS/images/stock-images/April.jpg" alt="April Murphy" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
           <div class="person-meta">
             <div class="person-name"><a href="https://www.linkedin.com/in/aprildmurphy/"> April Murphy</a></div>
             <div class="person-role">Carnegie Learning</div>
@@ -390,7 +505,7 @@ <h2 class="section-title">Project Leaders</h2>
         </li>
 
         <li class="person">
-          <img src="/images/stock-images/Steve.jpg" alt="Steve Ritter" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
+          <img src="/ADAPTIVEEXPERIMENTS/images/stock-images/Steve.jpg" alt="Steve Ritter" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
           <div class="person-meta">
             <div class="person-name"><a href="https://www.linkedin.com/in/steve-ritter-455427/"> Steve Ritter</a> </div>
             <div class="person-role">Carnegie Learning</div>
@@ -398,7 +513,7 @@ <h2 class="section-title">Project Leaders</h2>
         </li>
 
         <li class="person">
-          <img src="/images/stock-images/john-stamper.jpg" alt="John Stamper" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
+          <img src="/ADAPTIVEEXPERIMENTS/images/stock-images/john-stamper.jpg" alt="John Stamper" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
           <div class="person-meta">
             <div class="person-name"><a href="https://www.hcii.cmu.edu/people/john-stamper">John Stamper</a></div>
             <div class="person-role">Carnegie Mellon University</div>
@@ -406,7 +521,7 @@ <h2 class="section-title">Project Leaders</h2>
         </li>
 
         <li class="person">
-          <img src="/images/stock-images/joseph.png" alt="Joseph Jay Williams" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
+          <img src="/ADAPTIVEEXPERIMENTS/images/stock-images/joseph.png" alt="Joseph Jay Williams" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
           <div class="person-meta">
             <div class="person-name"><a href="https://www.josephjaywilliams.com/">Joseph Jay Williams</a></div>
             <div class="person-role">University of Toronto</div>
@@ -421,7 +536,7 @@ <h2 class="section-title">Graduate Students</h2>
       <ul class="team-list">
 
         <li class="person">
-          <img src="/images/stock-images/Marshall.jpg" alt="Marshall An" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
+          <img src="/ADAPTIVEEXPERIMENTS/images/stock-images/Marshall.jpg" alt="Marshall An" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
           <div class="person-meta">
             <div class="person-name"><a href="https://www.hcii.cmu.edu/people/marshall"> Marshall An </a></div>
             <div class="person-role">PhD Student (Human–Computer Interaction), Carnegie Mellon University</div>
@@ -429,7 +544,7 @@ <h2 class="section-title">Graduate Students</h2>
         </li>
 
         <li class="person">
-          <img src="/images/awwal.jpeg" alt="Awwal Badru" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
+          <img src="/ADAPTIVEEXPERIMENTS/images/awwal.jpeg" alt="Awwal Badru" onerror="this.onerror=null;this.src='https://via.placeholder.com/84?text=Photo'" />
           <div class="person-meta">
             <div class="person-name"><a href="https://awwal-badru.github.io/"> Awwal Badru </a></div>
             <div class="person-role">PhD Student (Computer Science), University of Alabama</div>
@@ -451,69 +566,79 @@ <h2 class="section-title">Graduate Students</h2>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -521,7 +646,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/training_material/index.html b/_site/training_material/index.html
index 4711b8a..864cd2d 100644
--- a/_site/training_material/index.html
+++ b/_site/training_material/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Training Material</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/training_material/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/training_material/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="Training Material">
 	<meta property="og:description" content="EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;">
-	<meta property="og:url" content="http://localhost:4000/training_material/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/training_material/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="post">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
 
-          
-          
-        
 
-              
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-          
-          
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-        
-      </ul>
-
-      <ul class="left">
-        
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
                       
-                        <li><a  href="/team/">Team</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
                       
-                    
-
-                      
-
+                    </li>
+                  
+                    <li role="none">
                       
-                        <li><a  href="/support/">Research Support</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
                       
-                    
-                  </ul>
-
+                    </li>
+                  
+                </ul>
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+          
 
-              
+            
+            
+            
+            
+
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
+                
+              </li>
+            
 
           
+        
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/overview/">Publications</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
               </li>
-              <li class="divider"></li>
+            
+
+          
+        
+      </ul>
+    </nav>
+
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-          
+          </li>
         
 
-              
+      
+    
+      
 
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
+          
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -309,8 +424,8 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
     <div class="row">
         <div class="small-12 columns">
       
-              <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                  <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+              <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                  <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
               </a>
       
         </div><!-- /.small-12.columns -->
@@ -356,69 +471,79 @@ <h2 id="this-page-is-coming-soon-">This page is coming soon ….</h2>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
-
+      </div>
 
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -426,7 +551,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/upgrade/index.html b/_site/upgrade/index.html
index eee2d8f..6720ae0 100644
--- a/_site/upgrade/index.html
+++ b/_site/upgrade/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>UpGrade</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -26,20 +29,20 @@
 
 
 	<!-- Search Engine Optimization -->
-	<meta name="description" content="">
+	<meta name="description" content="Powering the next generation of adaptive experiments in education">
 	<meta name="google-site-verification" content="Vk0IOJ2jwG_qEoG7fuEXYqv0m2rLa8P778Fi_GrsgEQ">
 	<meta name="msvalidate.01" content="0FB4C028ABCF07C908C54386ABD2D97F" >
 	
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/upgrade/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/upgrade/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="UpGrade">
-	<meta property="og:description" content="">
-	<meta property="og:url" content="http://localhost:4000/upgrade/">
+	<meta property="og:description" content="Powering the next generation of adaptive experiments in education">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/upgrade/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -90,217 +93,329 @@
 	
 
 </head>
-<body id="top-of-page" class="post">
+<body id="top-of-page" class="page-fullwidth">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-
-              
 
 
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
-          
-          
-        
-
-              
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-
-          
-          
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-        
-      </ul>
-
-      <ul class="left">
-        
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
                       
-                        <li><a  href="/team/">Team</a></li>
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
                       
-                    
-
+                    </li>
+                  
+                    <li role="none">
                       
-
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
                       
-                        <li><a  href="/support/">Research Support</a></li>
-                      
-                    
-                  </ul>
-
+                    </li>
+                  
+                </ul>
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+          
 
-              
+            
+            
+            
+            
+
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
+                
+              </li>
+            
 
           
+        
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/overview/">Publications</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
               </li>
-              <li class="divider"></li>
+            
+
+          
+        
+      </ul>
+    </nav>
 
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-          
+          </li>
         
 
-              
+      
+    
+      
 
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
+          
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
 
+      
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
+        
+
+      
+    
+      
+
         
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -309,8 +424,8 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
     <div class="row">
         <div class="small-12 columns">
       
-              <a id="logo" href="http://localhost:4000/" title="EASI – Experiments-As-A-Service-Infrastructure">
-                  <img src="http://localhost:4000/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
+              <a id="logo" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" title="EASI – Experiments-As-A-Service-Infrastructure">
+                  <img src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/easi_new_logo.png" alt="EASI – Experiments-As-A-Service-Infrastructure">
               </a>
       
         </div><!-- /.small-12.columns -->
@@ -320,108 +435,822 @@ <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree
 
 
 
-	<div class="row t30">
-	<div class="medium-8 columns medium-offset-2 end">
-		<article itemscope itemtype="http://schema.org/Article">
+	
+
+
+<div class="row t30">
+	<div class="medium-12 columns">
+		<article>
 			<header>
 				
-
-				<div itemprop="name">
-					
-					<h1>UpGrade</h1>
-				</div>
+				<h1>UpGrade</h1>
 			</header>
 
-
 			
-			<p class="teaser" itemprop="description">
-				
+			<p class="teaser">
+				Powering the next generation of adaptive experiments in education
 			</p>
 			
 
-			<div itemprop="articleSection">
-			<h2 id="this-page-is-coming-soon-">This page is coming soon ….</h2>
-
-			</div>
+			<style>
+/* ── Google Font ─────────────────────────────── */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
+
+/* ── Reset & base ───────────────────────────── */
+.arch-section {
+  font-family: 'Inter', 'Lato', sans-serif;
+  margin: 0 auto 2.5rem;
+  max-width: 1200px;
+}
+
+.arch-intro {
+  text-align: center;
+  margin: 0 auto 1.8rem;
+  max-width: 700px;
+  color: #4a5568;
+  font-size: 1.05rem;
+  line-height: 1.7;
+}
+.arch-intro strong { color: #2d3748; }
+
+/* ── Section title chip ─────────────────────── */
+.arch-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  background: linear-gradient(135deg, #0e3a4a, #0c3040);
+  color: #22d3ee;
+  font-size: .75rem;
+  font-weight: 700;
+  letter-spacing: .12em;
+  text-transform: uppercase;
+  padding: 6px 16px;
+  border-radius: 999px;
+  margin-bottom: 1.2rem;
+  border: 1px solid rgba(34,211,238,.25);
+}
+
+/* ════════════════════════════════════════════════
+   DESKTOP DIAGRAM  (≥ 768px)
+════════════════════════════════════════════════ */
+.diag-shell {
+  background: linear-gradient(145deg, #0d1b2a 0%, #112240 55%, #0a1628 100%);
+  border-radius: 20px;
+  box-shadow: 0 24px 64px rgba(0,0,0,.45), 0 0 0 1px rgba(100,180,255,.1);
+  overflow: hidden;
+}
+
+/* toolbar */
+.diag-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 22px;
+  background: rgba(255,255,255,.035);
+  border-bottom: 1px solid rgba(255,255,255,.07);
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.diag-toolbar-label {
+  color: #7ab8f5;
+  font-size: .78rem;
+  font-weight: 700;
+  letter-spacing: .14em;
+  text-transform: uppercase;
+}
+.diag-hint {
+  color: #3d5470;
+  font-size: .75rem;
+  font-style: italic;
+}
+
+/* SVG canvas */
+#diagSvg {
+  display: block;
+  width: 100%;
+  height: auto;
+  min-height: 360px;
+}
+
+/* node hover/active */
+.d-node { cursor: pointer; transition: filter .22s ease; }
+.d-node:hover { filter: brightness(1.2) drop-shadow(0 0 10px rgba(120,200,255,.5)); }
+.d-node.active { filter: brightness(1.28) drop-shadow(0 0 18px rgba(120,200,255,.8)); }
+.d-node rect, .d-node ellipse { transition: stroke-width .2s; }
+.d-node.active rect, .d-node.active ellipse { stroke-width: 3.5 !important; }
+.d-node .pulse-ring { opacity: 0; transition: opacity .3s; }
+.d-node.active .pulse-ring { opacity: 1; }
+
+/* edges */
+.d-edge { stroke-linecap: round; stroke-linejoin: round; transition: stroke .25s, stroke-opacity .25s; }
+.d-edge.dim { stroke-opacity: .12 !important; }
+
+/* info panel */
+#infoBox {
+  position: relative;
+  margin: 0;
+  padding: 0;
+  background: transparent;
+  overflow: hidden;
+  max-height: 0;
+  transition: max-height .35s cubic-bezier(.4,0,.2,1), padding .35s;
+}
+#infoBox.open {
+  max-height: 220px;
+  padding: 18px 24px;
+  border-top: 1px solid rgba(255,255,255,.07);
+}
+.ib-inner { display: flex; align-items: flex-start; gap: 16px; }
+.ib-icon { font-size: 2rem; line-height: 1; flex-shrink: 0; margin-top: 2px; }
+.ib-body h4 { margin: 0 0 5px; color: #7dd3fc; font-size: 1rem; font-weight: 700; }
+.ib-body p { margin: 0; color: #8fa8c8; font-size: .85rem; line-height: 1.6; }
+.ib-close {
+  position: absolute; top: 12px; right: 16px;
+  background: none; border: none;
+  color: #3d5470; font-size: 1.1rem;
+  cursor: pointer; padding: 0; line-height: 1;
+  transition: color .2s;
+}
+.ib-close:hover { color: #7ab8f5; }
+
+/* legend */
+.diag-legend {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 18px;
+  padding: 14px 22px;
+  border-top: 1px solid rgba(255,255,255,.06);
+  justify-content: center;
+}
+.lg-item { display: flex; align-items: center; gap: 7px; font-size: .76rem; color: #4a6080; }
+.lg-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
+
+/* ════════════════════════════════════════════════
+   MOBILE CARD FLOW  (< 768px)
+════════════════════════════════════════════════ */
+.arch-flow {
+  display: none; /* hidden on desktop */
+  flex-direction: column;
+  gap: 0;
+}
+
+.af-card {
+  background: linear-gradient(135deg, #0f1f35 0%, #0a1628 100%);
+  border-radius: 16px;
+  border: 1.5px solid rgba(255,255,255,.1);
+  padding: 18px 20px;
+  position: relative;
+  transition: transform .2s, box-shadow .2s;
+  box-shadow: 0 6px 24px rgba(0,0,0,.35);
+}
+.af-card:active { transform: scale(.98); }
+
+.af-card-icon { font-size: 1.8rem; margin-bottom: 8px; display: block; }
+.af-card-title { font-size: 1rem; font-weight: 700; margin: 0 0 4px; }
+.af-card-subtitle { font-size: .75rem; opacity: .65; margin: 0 0 8px; }
+.af-card-desc { font-size: .82rem; line-height: 1.55; opacity: .78; margin: 0; }
+
+/* colour themes */
+.af-card.actor   { border-color: rgba(96,165,250,.4); }
+.af-card.actor   .af-card-title { color: #93c5fd; }
+.af-card.core    { border-color: rgba(34,211,238,.4); }
+.af-card.core    .af-card-title { color: #67e8f9; }
+.af-card.algo    { border-color: rgba(129,140,248,.4); }
+.af-card.algo    .af-card-title { color: #a5b4fc; }
+.af-card.out     { border-color: rgba(74,222,128,.4); }
+.af-card.out     .af-card-title { color: #86efac; }
+.af-card.plat    { border-color: rgba(167,139,250,.4); }
+.af-card.plat    .af-card-title { color: #c4b5fd; }
+.af-card.partner { border-color: rgba(251,146,60,.4); }
+.af-card.partner .af-card-title { color: #fdba74; }
+.af-card.yours   { border-color: rgba(56,189,248,.45); }
+.af-card.yours   .af-card-title { color: #7dd3fc; }
+.af-card.data    { border-color: rgba(148,163,184,.3); }
+.af-card.data    .af-card-title { color: #cbd5e1; }
+.af-card.analytics { border-color: rgba(56,189,248,.5); }
+.af-card.analytics .af-card-title { color: #7dd3fc; }
+
+/* connector arrow between cards */
+.af-arrow {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 36px;
+  color: #2d5a8e;
+  font-size: 1.3rem;
+  flex-shrink: 0;
+}
+.af-arrow.dashed { color: #3d5470; }
+
+/* partner grid inside the mobile view */
+.af-partners {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+  margin-top: 10px;
+}
+.af-partner-card {
+  background: linear-gradient(135deg, #1a1000 0%, #120d00 100%);
+  border: 1.5px solid rgba(251,146,60,.3);
+  border-radius: 12px;
+  padding: 12px 14px;
+}
+.af-partner-card .af-card-icon { font-size: 1.4rem; margin-bottom: 4px; }
+.af-partner-card .af-card-title { font-size: .88rem; color: #fdba74; }
+.af-partner-card .af-card-subtitle { font-size: .72rem; color: rgba(253,186,116,.55); }
+
+/* section label badge on mobile */
+.af-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: .65rem;
+  font-weight: 700;
+  letter-spacing: .1em;
+  text-transform: uppercase;
+  padding: 3px 10px;
+  border-radius: 999px;
+  margin-bottom: 8px;
+}
+.af-badge.easi-badge { background: rgba(34,211,238,.12); color: #22d3ee; border: 1px solid rgba(34,211,238,.25); }
+.af-badge.algo-badge { background: rgba(129,140,248,.12); color: #818cf8; border: 1px solid rgba(129,140,248,.25); }
+
+/* ── How-it-works table ──────────────────────── */
+.how-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: .92rem;
+  margin-top: 1.4rem;
+}
+.how-table th {
+  background: #112240;
+  color: #7ab8f5;
+  padding: 11px 16px;
+  text-align: left;
+  font-weight: 700;
+  border-bottom: 2px solid rgba(122,184,245,.25);
+}
+.how-table td {
+  padding: 10px 16px;
+  border-bottom: 1px solid rgba(255,255,255,.05);
+  color: #4a5568;
+  vertical-align: top;
+}
+.how-table tr:hover td { background: rgba(122,184,245,.04); }
+
+/* ── Responsive breakpoints ─────────────────── */
+@media (max-width: 767px) {
+  .diag-shell { display: none; }          /* hide SVG on mobile */
+  .arch-flow  { display: flex; }           /* show card flow */
+  .arch-intro { font-size: .95rem; }
+  .how-table th, .how-table td { padding: 9px 10px; font-size: .82rem; }
+}
+
+@media (min-width: 768px) and (max-width: 1024px) {
+  #diagSvg { min-height: 280px; }
+}
+</style>
+
+<div class="arch-section">
+
+  <div style="text-align:center">
+    <span class="arch-chip">🏗 EASI System Architecture</span>
+  </div>
+
+  <p class="arch-intro">
+    EASI connects researchers, adaptive algorithms, and learning platforms into a unified experimentation ecosystem.
+    <strong>Click any node</strong> to explore each component — or scroll the cards below on mobile.
+  </p>
+
+  <!-- ══════════════════════════════════════════
+       DESKTOP SVG DIAGRAM
+  ══════════════════════════════════════════ -->
+  <div class="diag-shell">
+
+    <div class="diag-toolbar">
+      <span class="diag-toolbar-label">System Architecture Overview</span>
+      <span class="diag-hint">Click a node · hover to highlight</span>
+    </div>
+
+    <svg id="diagSvg" viewBox="-10 0 1160 490" preserveAspectRatio="xMidYMid meet" aria-label="EASI Architecture Diagram">
+      <defs>
+        <marker id="arr" markerWidth="9" markerHeight="7" refX="8" refY="3.5" orient="auto">
+          <polygon points="0 0, 9 3.5, 0 7" fill="#2d5a8e" />
+        </marker>
+        <marker id="arr-hi" markerWidth="9" markerHeight="7" refX="8" refY="3.5" orient="auto">
+          <polygon points="0 0, 9 3.5, 0 7" fill="#7dd3fc" />
+        </marker>
+        <marker id="arr-dash" markerWidth="9" markerHeight="7" refX="8" refY="3.5" orient="auto">
+          <polygon points="0 0, 9 3.5, 0 7" fill="#4a6080" />
+        </marker>
+        <filter id="glow">
+          <feGaussianBlur stdDeviation="3.5" result="blur" />
+          <feMerge><feMergeNode in="blur" /><feMergeNode in="SourceGraphic" /></feMerge>
+        </filter>
+        <filter id="nshadow" x="-20%" y="-20%" width="140%" height="140%">
+          <feDropShadow dx="0" dy="3" stdDeviation="5" flood-color="#000" flood-opacity=".5" />
+        </filter>
+        <linearGradient id="gActor" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#1d3a6e" /><stop offset="100%" stop-color="#1a3058" />
+        </linearGradient>
+        <linearGradient id="gCore" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#0f4c5c" /><stop offset="100%" stop-color="#0c3d4a" />
+        </linearGradient>
+        <linearGradient id="gAlgo" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#2d1b69" /><stop offset="100%" stop-color="#221455" />
+        </linearGradient>
+        <linearGradient id="gOut" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#0d3d20" /><stop offset="100%" stop-color="#0a3019" />
+        </linearGradient>
+        <linearGradient id="gPlat" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#2e1b7a" /><stop offset="100%" stop-color="#231560" />
+        </linearGradient>
+        <linearGradient id="gPartner" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#3d1f00" /><stop offset="100%" stop-color="#2e1700" />
+        </linearGradient>
+        <linearGradient id="gFuture" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#1a2030" /><stop offset="100%" stop-color="#131820" />
+        </linearGradient>
+        <linearGradient id="gData" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#1a2535" /><stop offset="100%" stop-color="#13202e" />
+        </linearGradient>
+        <linearGradient id="gAnalytics" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#053356" /><stop offset="100%" stop-color="#042840" />
+        </linearGradient>
+        <linearGradient id="gSubEasi" x1="0" y1="0" x2="0" y2="1">
+          <stop offset="0%" stop-color="#0e3a4a" stop-opacity=".6" />
+          <stop offset="100%" stop-color="#092836" stop-opacity=".3" />
+        </linearGradient>
+        <linearGradient id="gSubAlgo" x1="0" y1="0" x2="0" y2="1">
+          <stop offset="0%" stop-color="#1f1055" stop-opacity=".5" />
+          <stop offset="100%" stop-color="#160b40" stop-opacity=".25" />
+        </linearGradient>
+      </defs>
+
+      <!-- Subgraph backgrounds -->
+      <rect x="230" y="136" width="200" height="92" rx="16" fill="url(#gSubEasi)" stroke="#22d3ee" stroke-width="1.2" stroke-opacity=".4" />
+      <text x="330" y="128" text-anchor="middle" font-size="13" fill="#22d3ee" opacity=".85" font-weight="700" letter-spacing="1.2">UPGRADE INFRASTRUCTURE</text>
+
+      <rect x="230" y="18" width="200" height="92" rx="16" fill="url(#gSubAlgo)" stroke="#818cf8" stroke-width="1.2" stroke-opacity=".4" />
+      <text x="330" y="10" text-anchor="middle" font-size="13" fill="#818cf8" opacity=".85" font-weight="700" letter-spacing="1.2">ADAPTIVE ALGORITHM</text>
+
+      <!-- EDGES -->
+      <path class="d-edge" id="e-AB" d="M 148 208 L 230 185" stroke="#2d5a8e" stroke-width="2.5" fill="none" marker-end="url(#arr)" />
+      <path class="d-edge" id="e-MB" d="M 330 92 L 330 138" stroke="#4a6080" stroke-width="2" fill="none" stroke-dasharray="6,4" marker-end="url(#arr-dash)" />
+      <path class="d-edge" id="e-BE" d="M 430 180 L 480 180" stroke="#2d5a8e" stroke-width="2.5" fill="none" marker-end="url(#arr)" />
+      <path class="d-edge" id="e-EF" d="M 630 180 L 680 180" stroke="#2d5a8e" stroke-width="2.5" fill="none" marker-end="url(#arr)" />
+      <path class="d-edge" id="e-FG" d="M 820 158 Q 860 65 893 55" stroke="#2d5a8e" stroke-width="2.2" fill="none" marker-end="url(#arr)" />
+      <path class="d-edge" id="e-FH" d="M 820 168 Q 858 138 893 142" stroke="#2d5a8e" stroke-width="2.2" fill="none" marker-end="url(#arr)" />
+      <path class="d-edge" id="e-FI" d="M 820 182 L 893 198" stroke="#2d5a8e" stroke-width="2.2" fill="none" marker-end="url(#arr)" />
+      <path class="d-edge" id="e-FJ" d="M 820 192 Q 860 265 893 278" stroke="#4a6080" stroke-width="1.8" fill="none" stroke-dasharray="6,4" marker-end="url(#arr-dash)" />
+      <path class="d-edge" id="e-FK" d="M 820 198 Q 856 345 893 352" stroke="#4a6080" stroke-width="1.8" fill="none" stroke-dasharray="6,4" marker-end="url(#arr-dash)" />
+      <path class="d-edge" id="e-FL" d="M 820 202 Q 852 420 893 428" stroke="#4a6080" stroke-width="1.5" fill="none" stroke-dasharray="5,4" marker-end="url(#arr-dash)" />
+      <path class="d-edge" id="e-GM" d="M 1028 55 Q 1070 170 1050 238" stroke="#4a6080" stroke-width="1.8" fill="none" marker-end="url(#arr)" />
+      <path class="d-edge" id="e-HM" d="M 1028 142 Q 1058 198 1050 238" stroke="#4a6080" stroke-width="1.8" fill="none" marker-end="url(#arr)" />
+      <path class="d-edge" id="e-IM" d="M 1028 198 L 1050 238" stroke="#4a6080" stroke-width="1.8" fill="none" marker-end="url(#arr)" />
+      <path class="d-edge" id="e-JM" d="M 1028 278 Q 1058 268 1050 282" stroke="#4a6080" stroke-width="1.5" fill="none" marker-end="url(#arr)" />
+      <path class="d-edge" id="e-KM" d="M 1028 352 Q 1065 320 1050 305" stroke="#4a6080" stroke-width="1.5" fill="none" marker-end="url(#arr)" />
+      <path class="d-edge" id="e-MN" d="M 1068 305 L 1068 355" stroke="#2d5a8e" stroke-width="2.5" fill="none" marker-end="url(#arr)" />
+
+      <!-- NODES -->
+
+      <!-- A: Researchers -->
+      <g class="d-node" id="node-A" data-id="A" transform="translate(15,168)">
+        <ellipse cx="68" cy="42" rx="68" ry="42" fill="url(#gActor)" stroke="#60a5fa" stroke-width="2.2" filter="url(#nshadow)" />
+        <ellipse class="pulse-ring" cx="68" cy="42" rx="78" ry="52" fill="none" stroke="#60a5fa" stroke-width="1.8" stroke-opacity=".4" />
+        <text x="68" y="28" text-anchor="middle" font-size="18" fill="#93c5fd">👩‍🔬</text>
+        <text x="68" y="48" text-anchor="middle" font-size="13" fill="#bfdbfe" font-weight="700">Researchers /</text>
+        <text x="68" y="64" text-anchor="middle" font-size="13" fill="#bfdbfe" font-weight="700">Educators</text>
+      </g>
+
+      <!-- MOOClet -->
+      <g class="d-node" id="node-MOOClet" data-id="MOOClet" transform="translate(230,28)">
+        <rect width="200" height="72" rx="13" fill="url(#gAlgo)" stroke="#818cf8" stroke-width="2.2" filter="url(#nshadow)" />
+        <rect class="pulse-ring" x="-6" y="-6" width="212" height="84" rx="17" fill="none" stroke="#818cf8" stroke-width="1.8" stroke-opacity=".4" />
+        <text x="100" y="26" text-anchor="middle" font-size="18" fill="#a5b4fc">🤖</text>
+        <text x="100" y="46" text-anchor="middle" font-size="14" fill="#c7d2fe" font-weight="700">MOOClet Engine</text>
+        <text x="100" y="62" text-anchor="middle" font-size="11" fill="#8c93b4">Adaptive Algorithms</text>
+      </g>
+
+      <!-- B: Experiment Engine -->
+      <g class="d-node" id="node-B" data-id="B" transform="translate(230,146)">
+        <rect width="200" height="72" rx="13" fill="url(#gCore)" stroke="#22d3ee" stroke-width="2.2" filter="url(#nshadow)" />
+        <rect class="pulse-ring" x="-6" y="-6" width="212" height="84" rx="17" fill="none" stroke="#22d3ee" stroke-width="1.8" stroke-opacity=".4" />
+        <text x="100" y="26" text-anchor="middle" font-size="18" fill="#67e8f9">⚙️</text>
+        <text x="100" y="46" text-anchor="middle" font-size="14" fill="#cffafe" font-weight="700">Experiment Engine</text>
+        <text x="100" y="62" text-anchor="middle" font-size="11" fill="#4a9aa0">UpGrade (EASI)</text>
+      </g>
+
+      <!-- E: Personalized Interventions -->
+      <g class="d-node" id="node-E" data-id="E" transform="translate(480,146)">
+        <rect width="160" height="72" rx="13" fill="url(#gOut)" stroke="#4ade80" stroke-width="2.2" filter="url(#nshadow)" />
+        <rect class="pulse-ring" x="-6" y="-6" width="172" height="84" rx="17" fill="none" stroke="#4ade80" stroke-width="1.8" stroke-opacity=".4" />
+        <text x="80" y="26" text-anchor="middle" font-size="18" fill="#86efac">🎯</text>
+        <text x="80" y="46" text-anchor="middle" font-size="13" fill="#bbf7d0" font-weight="700">Personalized</text>
+        <text x="80" y="62" text-anchor="middle" font-size="13" fill="#bbf7d0" font-weight="700">Interventions</text>
+      </g>
+
+      <!-- F: Learning Platforms Hub -->
+      <g class="d-node" id="node-F" data-id="F" transform="translate(680,146)">
+        <rect width="148" height="72" rx="13" fill="url(#gPlat)" stroke="#a78bfa" stroke-width="2.2" filter="url(#nshadow)" />
+        <rect class="pulse-ring" x="-6" y="-6" width="160" height="84" rx="17" fill="none" stroke="#a78bfa" stroke-width="1.8" stroke-opacity=".4" />
+        <text x="74" y="26" text-anchor="middle" font-size="18" fill="#c4b5fd">🔗</text>
+        <text x="74" y="46" text-anchor="middle" font-size="13" fill="#ddd6fe" font-weight="700">Learning</text>
+        <text x="74" y="62" text-anchor="middle" font-size="13" fill="#ddd6fe" font-weight="700">Platforms</text>
+      </g>
+
+      <!-- G: OLI Torus -->
+      <g class="d-node" id="node-G" data-id="G" transform="translate(893,22)">
+        <rect width="148" height="70" rx="12" fill="url(#gPartner)" stroke="#fb923c" stroke-width="2.2" filter="url(#nshadow)" />
+        <rect class="pulse-ring" x="-6" y="-6" width="160" height="82" rx="16" fill="none" stroke="#fb923c" stroke-width="1.8" stroke-opacity=".4" />
+        <text x="74" y="24" text-anchor="middle" font-size="16" fill="#fdba74">📘</text>
+        <text x="74" y="44" text-anchor="middle" font-size="13" fill="#fed7aa" font-weight="700">OLI Torus</text>
+        <text x="74" y="58" text-anchor="middle" font-size="11" fill="#9a6540">CMU Platform</text>
+      </g>
+
+      <!-- H: MATHia -->
+      <g class="d-node" id="node-H" data-id="H" transform="translate(893,112)">
+        <rect width="148" height="70" rx="12" fill="url(#gPartner)" stroke="#fb923c" stroke-width="2.2" filter="url(#nshadow)" />
+        <rect class="pulse-ring" x="-6" y="-6" width="160" height="82" rx="16" fill="none" stroke="#fb923c" stroke-width="1.8" stroke-opacity=".4" />
+        <text x="74" y="24" text-anchor="middle" font-size="16" fill="#fdba74">📐</text>
+        <text x="74" y="44" text-anchor="middle" font-size="13" fill="#fed7aa" font-weight="700">MATHia</text>
+        <text x="74" y="58" text-anchor="middle" font-size="11" fill="#9a6540">Carnegie Learning</text>
+      </g>
+
+      <!-- I: Your Platform -->
+      <g class="d-node" id="node-I" data-id="I" transform="translate(893,182)">
+        <rect width="148" height="70" rx="12" fill="url(#gFuture)" stroke="#38bdf8" stroke-width="2.2" filter="url(#nshadow)" />
+        <rect class="pulse-ring" x="-6" y="-6" width="160" height="82" rx="16" fill="none" stroke="#38bdf8" stroke-width="1.8" stroke-opacity=".4" />
+        <text x="74" y="24" text-anchor="middle" font-size="16" fill="#7dd3fc">🚀</text>
+        <text x="74" y="44" text-anchor="middle" font-size="13" fill="#bae6fd" font-weight="700">Your Platform</text>
+        <text x="74" y="58" text-anchor="middle" font-size="11" fill="#3d7e96">Plug in here!</text>
+      </g>
+
+      <!-- J: Future Partner 1 -->
+      <g class="d-node" id="node-J" data-id="J" transform="translate(893,262)">
+        <rect width="148" height="62" rx="12" fill="url(#gFuture)" stroke="#475569" stroke-width="1.8" stroke-dasharray="7,4" filter="url(#nshadow)" />
+        <text x="74" y="24" text-anchor="middle" font-size="16" fill="#94a3b8">🔮</text>
+        <text x="74" y="42" text-anchor="middle" font-size="13" fill="#94a3b8" font-weight="600">Future Partner 1</text>
+        <text x="74" y="56" text-anchor="middle" font-size="11" fill="#4b5563">Coming soon</text>
+      </g>
+
+      <!-- K: Future Partner 2 -->
+      <g class="d-node" id="node-K" data-id="K" transform="translate(893,340)">
+        <rect width="148" height="62" rx="12" fill="url(#gFuture)" stroke="#475569" stroke-width="1.8" stroke-dasharray="7,4" filter="url(#nshadow)" />
+        <text x="74" y="24" text-anchor="middle" font-size="16" fill="#94a3b8">🔮</text>
+        <text x="74" y="42" text-anchor="middle" font-size="13" fill="#94a3b8" font-weight="600">Future Partner 2</text>
+        <text x="74" y="56" text-anchor="middle" font-size="11" fill="#4b5563">Coming soon</text>
+      </g>
+
+      <!-- L: More Integrations -->
+      <g class="d-node" id="node-L" data-id="L" transform="translate(893,418)">
+        <rect width="148" height="56" rx="12" fill="url(#gFuture)" stroke="#374151" stroke-width="1.2" stroke-dasharray="5,4" filter="url(#nshadow)" opacity=".75" />
+        <text x="74" y="24" text-anchor="middle" font-size="15" fill="#64748b">···</text>
+        <text x="74" y="42" text-anchor="middle" font-size="12" fill="#64748b">More Integrations</text>
+      </g>
+
+      <!-- M: Course Data -->
+      <g class="d-node" id="node-M" data-id="M" transform="translate(1002,238)">
+        <rect width="120" height="70" rx="12" fill="url(#gData)" stroke="#94a3b8" stroke-width="2.2" filter="url(#nshadow)" />
+        <rect class="pulse-ring" x="-6" y="-6" width="132" height="82" rx="16" fill="none" stroke="#94a3b8" stroke-width="1.8" stroke-opacity=".4" />
+        <text x="60" y="24" text-anchor="middle" font-size="17" fill="#cbd5e1">📊</text>
+        <text x="60" y="44" text-anchor="middle" font-size="13" fill="#cbd5e1" font-weight="700">Course</text>
+        <text x="60" y="60" text-anchor="middle" font-size="13" fill="#cbd5e1" font-weight="700">Data</text>
+      </g>
+
+      <!-- N: Analytics -->
+      <g class="d-node" id="node-N" data-id="N" transform="translate(996,355)">
+        <rect width="132" height="78" rx="13" fill="url(#gAnalytics)" stroke="#38bdf8" stroke-width="2.4" filter="url(#nshadow)" />
+        <rect class="pulse-ring" x="-6" y="-6" width="144" height="90" rx="17" fill="none" stroke="#38bdf8" stroke-width="1.8" stroke-opacity=".4" />
+        <text x="66" y="26" text-anchor="middle" font-size="17" fill="#7dd3fc">📈</text>
+        <text x="66" y="47" text-anchor="middle" font-size="13" fill="#bae6fd" font-weight="700">Experiment</text>
+        <text x="66" y="63" text-anchor="middle" font-size="12" fill="#bae6fd" font-weight="700">Data &amp; Analytics</text>
+      </g>
+
+    </svg>
+
+    <!-- Info Panel -->
+    <div id="infoBox">
+      <button class="ib-close" id="ibClose">✕</button>
+      <div class="ib-inner">
+        <div class="ib-icon" id="ibIcon">📦</div>
+        <div class="ib-body">
+          <h4 id="ibTitle">Node</h4>
+          <p id="ibDesc">Select a node to learn more.</p>
+        </div>
+      </div>
+    </div>
+
+    <!-- Legend -->
+    <div class="diag-legend">
+      <div class="lg-item"><div class="lg-dot" style="background:#60a5fa"></div>Researchers</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#22d3ee"></div>EASI Core</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#818cf8"></div>Adaptive Algorithm</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#4ade80"></div>Interventions</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#a78bfa"></div>Platforms Hub</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#fb923c"></div>Partners</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#38bdf8"></div>Your Platform / Analytics</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#475569;border:1px dashed #64748b"></div>Future</div>
+    </div>
+  </div><!-- /.diag-shell -->
+
+  <!-- ══════════════════════════════════════════
+       MOBILE CARD FLOW
+  ══════════════════════════════════════════ -->
+  <div class="arch-flow" aria-label="EASI Architecture - Mobile View">
+
+    <!-- Researchers -->
+    <div class="af-card actor">
+      <span class="af-card-icon">👩‍🔬</span>
+      <p class="af-card-title">Researchers &amp; Educators</p>
+      <p class="af-card-subtitle">Experiment designers</p>
+      <p class="af-card-desc">Domain experts who design adaptive experiments, define intervention logic, set research hypotheses, and interpret causal outcomes to improve educational effectiveness.</p>
+    </div>
+
+    <div class="af-arrow">↓</div>
+
+    <!-- MOOClet -->
+    <div class="af-card algo">
+      <span class="af-badge algo-badge">⚡ Adaptive Algorithm</span>
+      <span class="af-card-icon">🤖</span>
+      <p class="af-card-title">MOOClet Engine</p>
+      <p class="af-card-subtitle">Adaptive Algorithms</p>
+      <p class="af-card-desc">A modular adaptive algorithm framework supporting contextual bandits, Thompson sampling, and other real-time personalization policies.</p>
+    </div>
+
+    <div class="af-arrow dashed">↕</div>
+
+    <!-- Experiment Engine -->
+    <div class="af-card core">
+      <span class="af-badge easi-badge">🏗 EASI Infrastructure</span>
+      <span class="af-card-icon">⚙️</span>
+      <p class="af-card-title">Experiment Engine</p>
+      <p class="af-card-subtitle">UpGrade (EASI)</p>
+      <p class="af-card-desc">Core infrastructure that manages randomization, treatment assignment, and policy updates at scale across multiple learning platforms — without disrupting learners.</p>
+    </div>
+
+    <div class="af-arrow">↓</div>
+
+    <!-- Personalized Interventions -->
+    <div class="af-card out">
+      <span class="af-card-icon">🎯</span>
+      <p class="af-card-title">Personalized Interventions</p>
+      <p class="af-card-desc">Customized learning nudges, hints, scaffolding, and content variants delivered to individual learners in real time, driven by algorithmic decisions.</p>
+    </div>
+
+    <div class="af-arrow">↓</div>
+
+    <!-- Learning Platforms -->
+    <div class="af-card plat">
+      <span class="af-card-icon">🔗</span>
+      <p class="af-card-title">Learning Platforms Hub</p>
+      <p class="af-card-desc">Educational platforms that surface UpGrade-driven interventions to learners and stream back rich interaction data for continuous model improvement.</p>
+
+      <div class="af-partners">
+        <div class="af-partner-card">
+          <span class="af-card-icon">📘</span>
+          <p class="af-card-title">OLI Torus</p>
+          <p class="af-card-subtitle">CMU Platform</p>
+        </div>
+        <div class="af-partner-card">
+          <span class="af-card-icon">📐</span>
+          <p class="af-card-title">MATHia</p>
+          <p class="af-card-subtitle">Carnegie Learning</p>
+        </div>
+        <div class="af-partner-card" style="border-color:rgba(56,189,248,.35)">
+          <span class="af-card-icon">🚀</span>
+          <p class="af-card-title" style="color:#7dd3fc">Your Platform</p>
+          <p class="af-card-subtitle" style="color:rgba(56,189,248,.55)">Plug in here!</p>
+        </div>
+        <div class="af-partner-card" style="border-color:rgba(71,85,105,.35);border-style:dashed">
+          <span class="af-card-icon" style="font-size:1.2rem">🔮</span>
+          <p class="af-card-title" style="color:#94a3b8">Future Partners</p>
+          <p class="af-card-subtitle" style="color:#4b5563">Coming soon</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="af-arrow">↓</div>
+
+    <!-- Course Data -->
+    <div class="af-card data">
+      <span class="af-card-icon">📊</span>
+      <p class="af-card-title">Course Data</p>
+      <p class="af-card-desc">Raw interaction data — page views, problem attempts, time-on-task, hints requested — collected across all partner platforms and funneled into the analytics pipeline.</p>
+    </div>
+
+    <div class="af-arrow">↓</div>
+
+    <!-- Analytics -->
+    <div class="af-card analytics">
+      <span class="af-card-icon">📈</span>
+      <p class="af-card-title">Experiment Data &amp; Analytics</p>
+      <p class="af-card-desc">Aggregated, anonymized experimental results used to evaluate causal effects, update adaptive policies, produce publication-ready findings, and drive evidence-based educational decisions.</p>
+    </div>
+
+  </div><!-- /.arch-flow -->
+
+</div>
+<!-- /.arch-section -->
 
-			
+<script>
+(function () {
+  var INFO = {
+    A: { icon:'👩‍🔬', title:'Researchers & Educators', desc:'Domain experts who design adaptive experiments, define intervention logic, set research hypotheses, and interpret causal outcomes to continuously improve educational effectiveness.' },
+    MOOClet: { icon:'🤖', title:'MOOClet Engine', desc:'A modular adaptive algorithm framework supporting contextual bandits, Thompson sampling, and other real-time personalization policies. Plugs directly into UpGrade to power smart treatment assignment.' },
+    B: { icon:'⚙️', title:'UpGrade Experiment Engine (EASI)', desc:'The core infrastructure that manages randomization, treatment assignment, and policy updates at scale across multiple learning platforms — without disrupting the learner experience.' },
+    E: { icon:'🎯', title:'Personalized Interventions', desc:'Customized learning nudges, hints, scaffolding, and content variants delivered to individual learners in real time, driven by algorithmic decisions from the MOOClet engine.' },
+    F: { icon:'🔗', title:'Learning Platforms / Partners', desc:'Integrated educational platforms that surface UpGrade-driven interventions to learners and stream back rich interaction data for continuous model improvement and causal analysis.' },
+    G: { icon:'📘', title:'OLI Torus', desc:"Carnegie Mellon's Open Learning Initiative courseware platform offering rich adaptive course authoring and delivery capabilities, natively integrated with the EASI infrastructure." },
+    H: { icon:'📐', title:'MATHia', desc:"Carnegie Learning's AI-powered math tutoring platform, leveraging EASI experiments to personalize problem sequences and feedback strategies for K–12 students at scale." },
+    I: { icon:'🚀', title:'Your Platform Here', desc:'EASI is open-source and designed for extensibility. Bring your own LMS, tutoring system, or ed-tech tool and integrate with the UpGrade REST API in minutes.' },
+    J: { icon:'🔮', title:'Future Partner 1', desc:'The EASI ecosystem is growing. New platform partnerships are being established to expand the reach of adaptive experimentation across diverse learning contexts worldwide.' },
+    K: { icon:'🔮', title:'Future Partner 2', desc:'Additional future integrations will further diversify the learner populations and educational contexts in which EASI-driven experiments run.' },
+    L: { icon:'…', title:'More Integrations', desc:"EASI's REST API and webhook architecture allow integration with virtually any digital learning environment. The ecosystem is designed to scale horizontally with minimal friction." },
+    M: { icon:'📊', title:'Course Data', desc:'Raw interaction data — page views, problem attempts, time-on-task, hints requested — collected across all partner platforms and funneled into the analytics pipeline for causal analysis.' },
+    N: { icon:'📈', title:'Experiment Data & Analytics', desc:'Aggregated, anonymized experimental results used to evaluate causal effects, update adaptive policies, produce publication-ready findings, and drive evidence-based educational decisions.' }
+  };
+
+  var NODE_EDGES = {
+    A:['e-AB'], MOOClet:['e-MB'], B:['e-AB','e-MB','e-BE'],
+    E:['e-BE','e-EF'], F:['e-EF','e-FG','e-FH','e-FI','e-FJ','e-FK','e-FL'],
+    G:['e-FG','e-GM'], H:['e-FH','e-HM'], I:['e-FI','e-IM'],
+    J:['e-FJ','e-JM'], K:['e-FK','e-KM'], L:['e-FL'],
+    M:['e-GM','e-HM','e-IM','e-JM','e-KM','e-MN'], N:['e-MN']
+  };
+
+  var allNodes = document.querySelectorAll('.d-node');
+  var allEdges = document.querySelectorAll('.d-edge');
+  var infoBox  = document.getElementById('infoBox');
+  var ibIcon   = document.getElementById('ibIcon');
+  var ibTitle  = document.getElementById('ibTitle');
+  var ibDesc   = document.getElementById('ibDesc');
+  var ibClose  = document.getElementById('ibClose');
+  var activeId = null;
+
+  function clearAll() {
+    allNodes.forEach(function(n){ n.classList.remove('active'); });
+    allEdges.forEach(function(e){
+      e.classList.remove('dim');
+      e.style.stroke = '';
+      var me = e.getAttribute('marker-end');
+      if (me) e.setAttribute('marker-end', me.replace('arr-hi','arr'));
+    });
+    if (infoBox) infoBox.classList.remove('open');
+    activeId = null;
+  }
+
+  function activateNode(id) {
+    if (activeId === id) { clearAll(); return; }
+    clearAll();
+    activeId = id;
+    var el = document.getElementById('node-' + id);
+    if (el) el.classList.add('active');
+    var connected = NODE_EDGES[id] || [];
+    allEdges.forEach(function(edge) {
+      if (connected.indexOf(edge.id) === -1) {
+        edge.classList.add('dim');
+      } else {
+        edge.style.stroke = '#7dd3fc';
+      }
+    });
+    var info = INFO[id];
+    if (info && infoBox) {
+      ibIcon.textContent  = info.icon;
+      ibTitle.textContent = info.title;
+      ibDesc.textContent  = info.desc;
+      infoBox.classList.add('open');
+    }
+  }
+
+  allNodes.forEach(function(node) {
+    node.addEventListener('click', function(e) {
+      e.stopPropagation();
+      activateNode(node.getAttribute('data-id'));
+    });
+  });
+
+  if (ibClose) ibClose.addEventListener('click', clearAll);
+  var svg = document.getElementById('diagSvg');
+  if (svg) svg.addEventListener('click', function(e){ if (e.target === this) clearAll(); });
+
+  /* idle edge pulse animation */
+  var solidEdges = document.querySelectorAll('.d-edge:not([stroke-dasharray])');
+  var t = 0;
+  function animateEdges() {
+    t += 0.012;
+    var op = 0.55 + Math.sin(t) * 0.18;
+    solidEdges.forEach(function(e){
+      if (!e.classList.contains('dim') && !activeId) e.style.strokeOpacity = op;
+    });
+    requestAnimationFrame(animateEdges);
+  }
+  animateEdges();
+})();
+</script>
 
-			
-		</article>
-	</div><!-- /.medium-8.columns -->
+<hr />
 
+<h3 id="how-it-works">How It Works</h3>
 
-	
+<table class="how-table">
+  <thead>
+    <tr><th>Layer</th><th>Role</th></tr>
+  </thead>
+  <tbody>
+    <tr><td><strong>Researchers / Educators</strong></td><td>Define experiment designs, hypotheses, and intervention variants</td></tr>
+    <tr><td><strong>UpGrade (EASI)</strong></td><td>Manages randomization, treatment assignment, and real-time policy updates</td></tr>
+    <tr><td><strong>MOOClet Engine</strong></td><td>Supplies adaptive algorithms (bandits, contextual models) to UpGrade</td></tr>
+    <tr><td><strong>Learning Platforms</strong></td><td>Deliver interventions to learners and stream interaction data back</td></tr>
+    <tr><td><strong>Analytics</strong></td><td>Enables causal inference, publication-ready results, and continuous improvement</td></tr>
+  </tbody>
+</table>
 
+<blockquote>
+  <p><strong>Want to integrate your platform?</strong> UpGrade is open-source. Visit the <a href="https://upgrade-platform.gitbook.io/upgrade-documentation">UpGrade documentation</a> to get started.</p>
+</blockquote>
 
-	
+		</article>
+	</div><!-- /.medium-12.columns -->
 </div><!-- /.row -->
 
 
+
+
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
+      </div>
 
-
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -429,7 +1258,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/_site/workshops/index.html b/_site/workshops/index.html
index 39cbe69..9f613cf 100644
--- a/_site/workshops/index.html
+++ b/_site/workshops/index.html
@@ -5,11 +5,14 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Workshops</title>
 
-    <link rel="stylesheet" type="text/css" href="http://localhost:4000/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/styles_feeling_responsive.css">
+    <link rel="stylesheet" type="text/css" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/css/modern-theme.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
   
 
-	<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
+	<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/modernizr.min.js"></script>
 
 	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
 	<script>
@@ -33,13 +36,13 @@
 	<link rel="author" href="https://plus.google.com/u/0/118311555303973066167">
 	
 	
-	<link rel="canonical" href="http://localhost:4000/workshops/">
+	<link rel="canonical" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/workshops/">
 
 
 	<!-- Facebook Open Graph -->
 	<meta property="og:title" content="Workshops">
 	<meta property="og:description" content="EASI is an NSF funded project entitled &quot;Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings&quot;">
-	<meta property="og:url" content="http://localhost:4000/workshops/">
+	<meta property="og:url" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/workshops/">
 	<meta property="og:locale" content="en_EN">
 	<meta property="og:type" content="website">
 	<meta property="og:site_name" content="EASI">
@@ -51,38 +54,38 @@
 
 <!-- Twitter card even if site has no twitter handle (above) -->
 	
-	  <meta name="twitter:image" content="http://localhost:4000/assets/img/android-chrome-512x512.png">
+	  <meta name="twitter:image" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/android-chrome-512x512.png">
 	
 
 
-	<link type="text/plain" rel="author" href="http://localhost:4000/humans.txt">
+	<link type="text/plain" rel="author" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/humans.txt">
 
 	
 
 	
 
-	<link rel="icon" sizes="32x32" href="http://localhost:4000/assets/img/favicon-32x32.png">
+	<link rel="icon" sizes="32x32" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/favicon-32x32.png">
 
-	<link rel="icon" sizes="192x192" href="http://localhost:4000/assets/img/touch-icon-192x192.png">
+	<link rel="icon" sizes="192x192" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/touch-icon-192x192.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/assets/img/apple-touch-icon-180x180-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-180x180-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/assets/img/apple-touch-icon-152x152-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-152x152-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/assets/img/apple-touch-icon-144x144-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-144x144-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/assets/img/apple-touch-icon-120x120-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-120x120-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/assets/img/apple-touch-icon-114x114-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-114x114-precomposed.png">
 
 	
-	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/assets/img/apple-touch-icon-76x76-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-76x76-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/assets/img/apple-touch-icon-72x72-precomposed.png">
+	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-72x72-precomposed.png">
 
-	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/assets/img/apple-touch-icon-precomposed.png">	
+	<link rel="apple-touch-icon-precomposed" href="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/apple-touch-icon-precomposed.png">	
 
-	<meta name="msapplication-TileImage" content="http://localhost:4000/assets/img/msapplication_tileimage.png">
+	<meta name="msapplication-TileImage" content="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/img/msapplication_tileimage.png">
 
 	<meta name="msapplication-TileColor" content="#fabb00">
 
@@ -93,214 +96,326 @@
 <body id="top-of-page" class="post">
 	
 	
-<div id="navigation" class="sticky">
-  <nav class="top-bar" role="navigation" data-topbar>
-    <ul class="title-area">
-      <li class="name">
-      <h1 class="show-for-small-only"><a href="http://localhost:4000" class="icon-tree"> EASI</a></h1>
-    </li>
-       <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-      <li class="toggle-topbar menu-icon"><a href="#"><span>Nav</span></a></li>
-    </ul>
-    <section class="top-bar-section">
-
-      <ul class="right">
-        
-
-              
-
-
-
-          
-          
-        
-
-              
 
 
+<div id="navigation" class="sticky" style="display:none!important;height:0;overflow:hidden" aria-hidden="true">
+  <nav class="top-bar" role="navigation" data-topbar></nav>
+</div>
 
-          
-          
-        
-
-              
-
+<!-- ═══ Modern Nav Bar ═══════════════════════════════════════ -->
+<header id="easi-nav" role="banner">
+  <div class="easi-nav-inner">
 
+    <!-- Logo -->
+    <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/" class="easi-nav-logo" aria-label="EASI Home">
+      <div class="easi-nav-logo-badge">E</div>
+      <div class="easi-nav-logo-text">
+        <span class="easi-nav-logo-title">Experiments-As-a-Service-Infrastructure</span>
+        <span class="easi-nav-logo-sub">(EASI) &middot; Adaptive Experiments</span>
+      </div>
+    </a>
 
-          
-          
+    <!-- Desktop Links -->
+    <nav aria-label="Main navigation">
+      <ul class="easi-nav-links" role="list">
         
-
-              
-
-
-
-          
-          
-        
-
-              
-
-
-
-          
-          
-        
-        
-      </ul>
-
-      <ul class="left">
-        
-
-              
-
-          
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/">Home</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
                 
               </li>
-              <li class="divider"></li>
-
-            
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">About</a>
+                  <a href="javascript:void(0)" aria-haspopup="true" aria-expanded="false">
                 
-
-                  <ul class="dropdown">
-                    
-
+                    About
+                    <span class="nav-chevron" aria-hidden="true">▾</span>
+                  </a>
+                <ul class="easi-dropdown" role="menu">
+                  
+                    <li role="none">
                       
-
+                        <a href="/ADAPTIVEEXPERIMENTS/team/" role="menuitem">Team</a>
                       
-                        <li><a  href="/team/">Team</a></li>
+                    </li>
+                  
+                    <li role="none">
                       
-                    
-
-                      
-
+                        <a href="/ADAPTIVEEXPERIMENTS/support/" role="menuitem">Research Support</a>
                       
-                        <li><a  href="/support/">Research Support</a></li>
-                      
-                    
-                  </ul>
-
+                    </li>
+                  
+                </ul>
               </li>
-              <li class="divider"></li>
             
-          
-        
-
-              
 
           
+        
           
 
             
             
+            
+            
 
-              <li class="has-dropdown">
+            
+              <li class="">
                 
-                  <a  href="/">Partners</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
                 
-
-                  <ul class="dropdown">
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.carnegielearning.com/solutions/math/mathia" target="_blank">Mathia</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://www.upgradeplatform.org" target="_blank">UpGrade</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="https://oli.cmu.edu" target="_blank">OLI</a></li>
-                      
-                    
-
-                      
-
-                      
-                        <li><a  href="/mooclet/">MOOClet</a></li>
-                      
-                    
-                  </ul>
-
               </li>
-              <li class="divider"></li>
             
+
           
         
+          
 
-              
+            
+            
+            
+            
+
+            
+              <li class="">
+                
+                  <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
+                
+              </li>
+            
 
           
+        
           
 
             
             
-              <li>
+            
+            
+
+            
+              <li class="">
                 
-                  <a  href="/overview/">Publications</a>
+                  <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
                 
               </li>
-              <li class="divider"></li>
+            
+
+          
+        
+      </ul>
+    </nav>
 
+    <!-- Right side: CTA + hamburger -->
+    <div class="easi-nav-cta">
+      <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener" class="easi-nav-btn">
+        GitHub ↗
+      </a>
+      <button class="easi-hamburger" id="easiHamburger" aria-label="Toggle menu" aria-expanded="false" aria-controls="easi-mobile-drawer">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+
+  </div>
+</header>
+
+<!-- ═══ Mobile Drawer ════════════════════════════════════════ -->
+<nav id="easi-mobile-drawer" aria-label="Mobile navigation" aria-hidden="true">
+  <ul class="easi-mobile-links" role="list">
+    
+      
+
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/">Home</a>
             
-          
+          </li>
         
 
-              
+      
+    
+      
 
+        
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/">About</a>
+            
+          </li>
+          
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/team/">↳ Team</a>
+              
+            </li>
           
+            <li class="mobile-sub">
+              
+                <a href="/ADAPTIVEEXPERIMENTS/support/">↳ Research Support</a>
+              
+            </li>
           
+          <li><div class="easi-mobile-divider"></div></li>
+
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/upgrade">Partners</a>
             
-              <li>
-                
-                  <a  href="/contact/">Contact</a>
-                
-              </li>
-              <li class="divider"></li>
+          </li>
+        
+
+      
+    
+      
 
+        
+          <li>
             
+              <a href="/ADAPTIVEEXPERIMENTS/overview/">Publications</a>
             
-          
+          </li>
         
+
+      
+    
+      
+
         
-      </ul>
-    </section>
-  </nav>
-</div><!-- /#navigation -->
+          <li>
+            
+              <a href="/ADAPTIVEEXPERIMENTS/contact/">Contact</a>
+            
+          </li>
+        
+
+      
+    
+  </ul>
+
+  <div class="easi-mobile-cta">
+    <a href="https://github.com/CarnegieLearningWeb/UpGrade" target="_blank" rel="noopener">
+      View on GitHub ↗
+    </a>
+  </div>
+</nav>
+
+
+<script>
+(function () {
+  /* ── Hamburger / Mobile Drawer ──────────────────── */
+  var btn    = document.getElementById('easiHamburger');
+  var drawer = document.getElementById('easi-mobile-drawer');
+
+  if (btn && drawer) {
+    btn.addEventListener('click', function (e) {
+      e.stopPropagation();
+      var isOpen = drawer.classList.toggle('open');
+      btn.classList.toggle('open', isOpen);
+      btn.setAttribute('aria-expanded', String(isOpen));
+      drawer.setAttribute('aria-hidden',  String(!isOpen));
+    });
+
+    // Close drawer on outside click
+    document.addEventListener('click', function (e) {
+      if (!btn.contains(e.target) && !drawer.contains(e.target)) {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      }
+    });
+
+    // Close drawer when a link inside it is clicked
+    drawer.querySelectorAll('a').forEach(function (a) {
+      a.addEventListener('click', function () {
+        drawer.classList.remove('open');
+        btn.classList.remove('open');
+        btn.setAttribute('aria-expanded', 'false');
+        drawer.setAttribute('aria-hidden', 'true');
+      });
+    });
+  }
+
+  /* ── Desktop Dropdown — click-to-open ──────────── */
+  var ddTriggers = document.querySelectorAll('.easi-nav-links > li > a[aria-haspopup="true"]');
+
+  ddTriggers.forEach(function (trigger) {
+    var parentLi = trigger.parentElement;
+
+    // Click on trigger toggles the dropdown
+    trigger.addEventListener('click', function (e) {
+      // Only intercept when a dropdown exists on this item
+      var dropdown = parentLi.querySelector('.easi-dropdown');
+      if (!dropdown) return;
+
+      e.preventDefault(); // stop navigation on the parent link; sub-links still work
+      var isOpen = parentLi.classList.toggle('dd-open');
+      trigger.setAttribute('aria-expanded', String(isOpen));
+
+      // Close all other open dropdowns
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        if (li !== parentLi) {
+          li.classList.remove('dd-open');
+          var t = li.querySelector('a[aria-haspopup]');
+          if (t) t.setAttribute('aria-expanded', 'false');
+        }
+      });
+    });
+  });
+
+  // Close any open dropdown when clicking outside the nav
+  document.addEventListener('click', function (e) {
+    if (!e.target.closest('#easi-nav')) {
+      document.querySelectorAll('.easi-nav-links > li.dd-open').forEach(function (li) {
+        li.classList.remove('dd-open');
+        var t = li.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      });
+    }
+  });
+
+  // Close dropdown when a sub-link is clicked
+  document.querySelectorAll('.easi-dropdown a').forEach(function (a) {
+    a.addEventListener('click', function () {
+      var parentLi = a.closest('.easi-nav-links > li');
+      if (parentLi) {
+        parentLi.classList.remove('dd-open');
+        var t = parentLi.querySelector('a[aria-haspopup]');
+        if (t) t.setAttribute('aria-expanded', 'false');
+      }
+    });
+  });
+})();
+</script>
 
 	
 
@@ -344,69 +459,79 @@ <h1>Workshops</h1>
 
 
 	
-	<div id="up-to-top" class="row">
-  <div class="small-12 columns" style="text-align: right;">
-    <a class="iconfont" href="#top-of-page">&#xf108;</a>
-  </div><!-- /.small-12.columns -->
-</div><!-- /.row -->
+	<!-- ═══ Back-to-Top ════════════════════════════════════════════ -->
+<div id="up-to-top" class="row">
+  <div class="small-12 columns" style="text-align:right">
+    <a href="#top-of-page" title="Back to top" aria-label="Back to top">&#xf108;</a>
+  </div>
+</div>
 
+<!-- ═══ Modern Footer ══════════════════════════════════════════ -->
+<footer id="footer-content">
 
-<footer id="footer-content" class="bg-grau">
   <div id="footer">
-    <div class="row">
-      <div class="medium-6 large-8 columns">
-        <h5 class="shadow-black">About This Site</h5>
-
-        <p class="shadow-black">
+    <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
+
+      <!-- Col 1: About -->
+      <div class="medium-5 large-5 columns" style="padding-right:40px">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px">
+          <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div>
+          <div>
+            <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div>
+            <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div>
+          </div>
+        </div>
+        <h5>About This Site</h5>
+        <p>
           EASI is an NSF funded project entitled "Experiments-As-a-Service-Infrastructure (EASI) to enable a collaborative ecosystem of experimentation in real-world educational settings"
-          <a href="http://localhost:4000/about/">More ›</a>
-          <br>
-          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.
-          <br>
+          <a href="http://localhost:4000/ADAPTIVEEXPERIMENTS/about/">More ›</a>
+        </p>
+        <p style="margin-top:10px">
+          Content on this site, except where indicated otherwise, is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 license</a>.<br>
           Any opinions, findings, conclusions or recommendations expressed in this material are those of the developers and do not necessarily reflect the views of the National Science Foundation.
         </p>
-      </div><!-- /.large-6.columns -->
+      </div>
 
-
-      <div class="small-6 medium-3 large-3 large-offset-1 columns">
+      <!-- Col 2: Links -->
+      <div class="small-6 medium-3 large-3 columns" style="padding-left:20px">
         
-
-          <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
           
-          </ul>
-      </div><!-- /.large-4.columns -->
-
-
+        </ul>
+      </div>
 
+      <!-- Col 3: Network + NSF Logo -->
+      <div class="small-6 medium-4 large-4 columns">
+        <div style="margin-bottom:20px">
+          <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px">
+          <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p>
+        </div>
 
-      <div class="small-6 medium-3 large-3 columns">
-        <img src="https://adaptiveexperiments.github.io/images/nsf-transparent.png" width="970"> <!-- add NSF logo IAC -->
         
-
-        <ul class="no-bullet shadow-black">
+        <ul class="no-bullet">
         
         </ul>
-      </div><!-- /.large-3.columns -->
-    </div><!-- /.row -->
+      </div>
 
+    </div><!-- /.row -->
   </div><!-- /#footer -->
 
-
+  <!-- Sub-footer -->
   <div id="subfooter">
-    <nav class="row">
+    <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px">
       <section id="subfooter-left" class="small-12 medium-6 columns credits">
         <p>Created with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>
       </section>
-
-      <section id="subfooter-right" class="small-12 medium-6 columns">
-        <ul class="inline-list social-icons">
-        
-          <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
-        
+      <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right">
+        <ul class="inline-list social-icons" style="justify-content:flex-end">
+          
+            <li><a href="https://github.com/AdaptiveExperiments/AdaptiveExperiments.github.io" target="_blank" rel="noopener" class="icon-github" title="Adaptive Experiments GitHub Organization"></a></li>
+          
         </ul>
       </section>
     </nav>
   </div><!-- /#subfooter -->
+
 </footer>
 
 	
@@ -414,7 +539,7 @@ <h5 class="shadow-black">About This Site</h5>
 	
 
 
-<script src="http://localhost:4000/assets/js/javascript.min.js"></script>
+<script src="http://localhost:4000/ADAPTIVEEXPERIMENTS/assets/js/javascript.min.js"></script>
 
 
 
diff --git a/assets/css/modern-theme.css b/assets/css/modern-theme.css
new file mode 100644
index 0000000..6a02795
--- /dev/null
+++ b/assets/css/modern-theme.css
@@ -0,0 +1,595 @@
+/*
+ * EASI Modern Theme Override
+ * Injected after styles_feeling_responsive.css
+ * Design: Light body · Dark nav + footer · Cyan accent
+ */
+
+/* ── Google Font ──────────────────────────────── */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
+
+/* ── Design Tokens ────────────────────────────── */
+:root {
+  --easi-navy:       #0a1628;
+  --easi-navy-mid:   #112240;
+  --easi-navy-light: #1e3a5f;
+  --easi-cyan:       #22d3ee;
+  --easi-cyan-dim:   #0e7490;
+  --easi-accent:     #38bdf8;
+  --easi-green:      #4ade80;
+
+  --body-bg:         #f8fafc;
+  --body-text:       #1e293b;
+  --body-muted:      #64748b;
+  --border-subtle:   rgba(0,0,0,.07);
+
+  --nav-height:      72px;
+  --nav-bg:          rgba(10,22,40,.95);
+  --nav-blur:        blur(18px);
+  --nav-border:      rgba(34,211,238,.12);
+
+  --radius-sm:  8px;
+  --radius-md:  14px;
+  --radius-lg:  20px;
+  --radius-xl:  28px;
+
+  --shadow-sm:  0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
+  --shadow-md:  0 4px 16px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.06);
+  --shadow-lg:  0 12px 40px rgba(0,0,0,.14), 0 4px 12px rgba(0,0,0,.08);
+  --shadow-xl:  0 24px 64px rgba(0,0,0,.20);
+
+  --transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+/* ── Base ─────────────────────────────────────── */
+html { scroll-behavior: smooth; }
+
+body {
+  font-family: 'Inter', 'Lato', sans-serif !important;
+  background: var(--body-bg) !important;
+  color: var(--body-text) !important;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Push page content below fixed nav */
+body > div:not(#navigation):first-of-type,
+#masthead-no-image-header,
+#masthead,
+#masthead-with-text,
+#masthead-with-pattern,
+#masthead-with-background-color {
+  margin-top: 0;
+}
+
+/* ── Scrollbar ────────────────────────────────── */
+::-webkit-scrollbar { width: 6px; height: 6px; }
+::-webkit-scrollbar-track { background: var(--body-bg); }
+::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 99px; }
+::-webkit-scrollbar-thumb:hover { background: var(--easi-cyan-dim); }
+
+/* ── Typography ───────────────────────────────── */
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Inter', sans-serif !important;
+  color: var(--body-text);
+  letter-spacing: -0.015em;
+}
+
+h1 { font-weight: 800; }
+h2 { font-weight: 700; }
+h3, h4 { font-weight: 600; }
+
+p, li, td {
+  font-family: 'Inter', sans-serif !important;
+  line-height: 1.75;
+  color: var(--body-text);
+}
+
+a {
+  color: var(--easi-cyan-dim);
+  transition: color var(--transition);
+}
+a:hover { color: var(--easi-cyan); }
+
+/* ── ═══════════════════════════════════════════
+   MODERN NAV BAR
+═══════════════════════════════════════════ */
+
+/* Hide original Foundation nav completely */
+#navigation { display: none !important; }
+
+/* Modern nav */
+#easi-nav {
+  position: fixed;
+  top: 0; left: 0; right: 0;
+  z-index: 9000;
+  height: var(--nav-height);
+  background: var(--nav-bg);
+  backdrop-filter: var(--nav-blur);
+  -webkit-backdrop-filter: var(--nav-blur);
+  border-bottom: 1px solid var(--nav-border);
+  box-shadow: 0 4px 24px rgba(0,0,0,.3);
+  display: flex;
+  align-items: center;
+  padding: 0 clamp(16px, 4vw, 40px);
+}
+
+.easi-nav-inner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  max-width: 1400px;
+  margin: 0 auto;
+}
+
+/* Logo / wordmark */
+.easi-nav-logo {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  text-decoration: none !important;
+  flex-shrink: 0;
+}
+.easi-nav-logo-badge {
+  width: 42px;
+  height: 42px;
+  border-radius: 12px;
+  background: linear-gradient(135deg, var(--easi-cyan) 0%, var(--easi-accent) 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  font-weight: 900;
+  color: var(--easi-navy);
+  box-shadow: 0 0 16px rgba(34,211,238,.35);
+  letter-spacing: -1px;
+  flex-shrink: 0;
+}
+.easi-nav-logo-text {
+  display: flex;
+  flex-direction: column;
+  line-height: 1;
+}
+.easi-nav-logo-title {
+  font-size: 1.1rem;
+  font-weight: 800;
+  color: #f0f9ff;
+  letter-spacing: -0.02em;
+  white-space: nowrap;
+}
+.easi-nav-logo-sub {
+  font-size: .75rem;
+  font-weight: 500;
+  color: var(--easi-cyan);
+  letter-spacing: .08em;
+  text-transform: uppercase;
+  opacity: .9;
+}
+
+/* Desktop links */
+.easi-nav-links {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.easi-nav-links > li {
+  position: relative;
+  margin: 0;
+  padding: 0;
+}
+
+.easi-nav-links > li > a {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 8px 14px;
+  border-radius: var(--radius-sm);
+  font-size: .875rem;
+  font-weight: 500;
+  color: rgba(240,249,255,.82) !important;
+  text-decoration: none !important;
+  transition: background var(--transition), color var(--transition);
+  white-space: nowrap;
+}
+.easi-nav-links > li > a:hover {
+  background: rgba(34,211,238,.1);
+  color: #f0f9ff !important;
+}
+.easi-nav-links > li.active > a,
+.easi-nav-links > li > a[aria-current="page"] {
+  color: var(--easi-cyan) !important;
+  background: rgba(34,211,238,.1);
+}
+.easi-nav-links > li.active > a::after {
+  content: '';
+  position: absolute;
+  bottom: -1px; left: 14px; right: 14px;
+  height: 2px;
+  background: var(--easi-cyan);
+  border-radius: 99px;
+}
+
+/* Dropdown chevron */
+.easi-nav-links > li > a .nav-chevron {
+  font-size: .65rem;
+  opacity: .6;
+  transition: transform var(--transition);
+}
+.easi-nav-links > li:hover > a .nav-chevron {
+  transform: rotate(180deg);
+  opacity: 1;
+}
+
+/* Dropdown panel */
+.easi-dropdown {
+  display: none;
+  position: absolute;
+  top: calc(100% + 2px); /* tighter gap so hover doesn't break */
+  left: 50%;
+  transform: translateX(-50%);
+  min-width: 200px;
+  background: rgba(10,22,40,.97);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  border: 1px solid rgba(34,211,238,.15);
+  border-radius: var(--radius-md);
+  box-shadow: var(--shadow-xl);
+  overflow: hidden;
+  list-style: none;
+  margin: 0;
+  padding: 6px;
+  z-index: 9100;
+  /* invisible bridge so mouse moving from link to dropdown doesn't
+     trigger a mouseleave on the parent <li> */
+  padding-top: 10px;
+  margin-top: -8px;
+}
+.easi-nav-links > li:hover .easi-dropdown,
+.easi-nav-links > li:focus-within .easi-dropdown,
+.easi-nav-links > li.dd-open .easi-dropdown {
+  display: block;
+  animation: dropFadeIn .15s ease;
+}
+@keyframes dropFadeIn {
+  from { opacity: 0; transform: translateX(-50%) translateY(-6px); }
+  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
+}
+
+.easi-dropdown li { margin: 0; padding: 0; }
+.easi-dropdown a {
+  display: block;
+  padding: 10px 14px;
+  font-size: .85rem;
+  font-weight: 500;
+  color: rgba(240,249,255,.75) !important;
+  text-decoration: none !important;
+  border-radius: var(--radius-sm);
+  transition: background var(--transition), color var(--transition);
+}
+.easi-dropdown a:hover {
+  background: rgba(34,211,238,.12);
+  color: #f0f9ff !important;
+}
+
+/* CTA button */
+.easi-nav-cta {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-shrink: 0;
+}
+.easi-nav-btn {
+  padding: 8px 18px;
+  background: linear-gradient(135deg, var(--easi-cyan), var(--easi-accent));
+  color: var(--easi-navy) !important;
+  font-size: .82rem;
+  font-weight: 700;
+  border-radius: 999px;
+  text-decoration: none !important;
+  transition: opacity var(--transition), transform var(--transition), box-shadow var(--transition);
+  box-shadow: 0 0 16px rgba(34,211,238,.3);
+  white-space: nowrap;
+}
+.easi-nav-btn:hover {
+  opacity: .88;
+  transform: translateY(-1px);
+  box-shadow: 0 0 24px rgba(34,211,238,.45);
+  color: var(--easi-navy) !important;
+}
+
+/* Hamburger */
+.easi-hamburger {
+  display: none;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 5px;
+  width: 38px;
+  height: 38px;
+  background: rgba(34,211,238,.1);
+  border: 1px solid rgba(34,211,238,.2);
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+  padding: 0;
+  transition: background var(--transition);
+}
+.easi-hamburger:hover { background: rgba(34,211,238,.18); }
+.easi-hamburger span {
+  display: block;
+  width: 18px;
+  height: 2px;
+  background: var(--easi-cyan);
+  border-radius: 99px;
+  transition: transform var(--transition), opacity var(--transition);
+}
+.easi-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
+.easi-hamburger.open span:nth-child(2) { opacity: 0; }
+.easi-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
+
+/* Mobile drawer */
+#easi-mobile-drawer {
+  display: none;
+  position: fixed;
+  top: var(--nav-height);
+  left: 0; right: 0;
+  background: rgba(10,22,40,.98);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  border-bottom: 1px solid rgba(34,211,238,.12);
+  z-index: 8999;
+  padding: 12px 16px 20px;
+  animation: drawerSlideDown .22s ease;
+  box-shadow: 0 10px 30px rgba(0,0,0,.4);
+}
+#easi-mobile-drawer.open { display: block; }
+@keyframes drawerSlideDown {
+  from { opacity: 0; transform: translateY(-12px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+.easi-mobile-links {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.easi-mobile-links li { margin: 2px 0; }
+.easi-mobile-links a {
+  display: block;
+  padding: 12px 16px;
+  font-size: .95rem;
+  font-weight: 500;
+  color: rgba(240,249,255,.8) !important;
+  text-decoration: none !important;
+  border-radius: var(--radius-sm);
+  transition: background var(--transition), color var(--transition);
+}
+.easi-mobile-links a:hover {
+  background: rgba(34,211,238,.1);
+  color: #f0f9ff !important;
+}
+.easi-mobile-links .mobile-sub a {
+  padding-left: 28px;
+  font-size: .88rem;
+  color: rgba(240,249,255,.55) !important;
+}
+.easi-mobile-links .mobile-sub a:hover { color: var(--easi-cyan) !important; }
+.easi-mobile-divider {
+  height: 1px;
+  background: rgba(255,255,255,.06);
+  margin: 6px 0;
+}
+.easi-mobile-cta {
+  margin-top: 12px;
+  padding: 0 4px;
+}
+.easi-mobile-cta a {
+  display: block;
+  text-align: center;
+  padding: 12px;
+  background: linear-gradient(135deg, var(--easi-cyan), var(--easi-accent));
+  color: var(--easi-navy) !important;
+  font-weight: 700;
+  border-radius: 999px;
+  text-decoration: none !important;
+}
+
+/* ── Responsive nav ────────────────────────────── */
+@media (max-width: 767px) {
+  /* Hide desktop links and GitHub pill — keep .easi-nav-cta so hamburger stays visible */
+  .easi-nav-links { display: none; }
+  .easi-nav-btn   { display: none; }   /* hide GitHub button on mobile */
+  .easi-hamburger { display: flex; }   /* show hamburger */
+}
+
+/* ── ═══════════════════════════════════════════
+   MASTHEAD — slim it down; nav replaces it
+═══════════════════════════════════════════ */
+
+/* Push all page content below fixed nav */
+#masthead-no-image-header {
+  height: 0 !important;
+  min-height: 0 !important;
+  overflow: hidden !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  background: transparent !important;
+}
+
+/* Pages WITH a hero image: just add a top offset so image isn't under nav */
+#masthead {
+  margin-top: var(--nav-height) !important;
+}
+
+/*
+ * GLOBAL body top padding — pushes ALL page content below the 64px fixed nav.
+ * Applied here rather than per-layout so every page type (page, page-fullwidth,
+ * frontpage, post, video, blog) gets the offset automatically.
+ */
+html {
+  scroll-padding-top: calc(var(--nav-height) + 16px);
+}
+
+body {
+  padding-top: var(--nav-height) !important;
+}
+
+/* Remove the old per-layout margin overrides (now redundant) */
+body.page .row.t30:first-of-type,
+body.page-fullwidth .row.t30:first-of-type {
+  margin-top: 32px !important;
+}
+
+/* Ensure page h1 isn't clipped when navigating via anchor */
+body.post .row:first-of-type,
+body.page article,
+body.page-fullwidth article {
+  scroll-margin-top: calc(var(--nav-height) + 16px);
+}
+
+/* ── ═══════════════════════════════════════════
+   PAGE CONTENT POLISH
+═══════════════════════════════════════════ */
+
+/* Articles */
+article {
+  border-radius: var(--radius-lg);
+}
+
+/* Teaser / subheadline */
+.teaser {
+  color: var(--body-muted) !important;
+  font-size: 1.1rem !important;
+  line-height: 1.65 !important;
+}
+
+/* Page h1 */
+article h1 {
+  font-size: clamp(1.6rem, 3vw, 2.4rem);
+  margin-bottom: .4em;
+  background: linear-gradient(135deg, var(--easi-navy) 40%, var(--easi-cyan-dim));
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+/* Tables */
+table {
+  border-radius: var(--radius-md);
+  overflow: hidden;
+  box-shadow: var(--shadow-sm);
+}
+
+/* Code */
+pre, code {
+  border-radius: var(--radius-sm);
+  font-family: 'JetBrains Mono', 'Fira Code', monospace;
+}
+
+/* Blockquote (redesign) */
+blockquote {
+  border-left: 3px solid var(--easi-cyan) !important;
+  background: rgba(34,211,238,.04);
+  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
+  padding: 16px 20px !important;
+  margin: 1.5rem 0 !important;
+  color: var(--body-muted) !important;
+  font-style: normal !important;
+}
+
+/* ── ═══════════════════════════════════════════
+   FOOTER
+═══════════════════════════════════════════ */
+
+/* Back-to-top arrow */
+#up-to-top {
+  background: var(--body-bg);
+  padding: 40px 0 0 !important;
+}
+#up-to-top a {
+  color: #94a3b8 !important;
+  font-size: 1.2rem;
+  padding: 8px 12px;
+  border-radius: var(--radius-sm);
+  transition: color var(--transition), background var(--transition);
+}
+#up-to-top a:hover {
+  background: rgba(34,211,238,.1);
+  color: var(--easi-cyan) !important;
+}
+
+#footer-content {
+  background: var(--easi-navy) !important;
+}
+
+#footer {
+  background: var(--easi-navy) !important;
+  border-top: 1px solid rgba(34,211,238,.12) !important;
+  padding: 48px 24px 32px !important;
+}
+
+#footer h4, #footer h5 {
+  color: var(--easi-cyan) !important;
+  font-family: 'Inter', sans-serif !important;
+  font-size: .72rem !important;
+  font-weight: 700 !important;
+  letter-spacing: .14em !important;
+  text-transform: uppercase !important;
+  margin-bottom: 16px !important;
+}
+
+#footer p, #footer li {
+  color: rgba(240,249,255,.55) !important;
+  font-size: .87rem !important;
+  line-height: 1.7 !important;
+}
+
+#footer a {
+  color: rgba(56,189,248,.8) !important;
+  transition: color var(--transition);
+}
+#footer a:hover { color: var(--easi-cyan) !important; }
+
+#footer ul.no-bullet li { padding: 3px 0; }
+
+#subfooter {
+  background: #060e1a !important;
+  border-top: 1px solid rgba(255,255,255,.05) !important;
+  padding: 20px 24px !important;
+}
+
+#subfooter .credits a,
+#subfooter .credits p {
+  color: rgba(255,255,255,.3) !important;
+  font-size: .78rem;
+}
+#subfooter .credits a:hover { color: rgba(34,211,238,.7) !important; }
+
+/* Footer NSF logo sizing */
+#footer img[src*="nsf"] {
+  width: 180px !important;
+  height: auto;
+  opacity: .92;
+  margin-bottom: 16px;
+  display: block;
+}
+
+/* ── ═══════════════════════════════════════════
+   GLOBAL UTILITIES
+═══════════════════════════════════════════ */
+
+.sr-only {
+  position: absolute; width: 1px; height: 1px;
+  padding: 0; margin: -1px; overflow: hidden;
+  clip: rect(0,0,0,0); white-space: nowrap; border: 0;
+}
+
+/* Smooth appearance for page content */
+.row { animation: pageFadeIn .4s ease; }
+@keyframes pageFadeIn {
+  from { opacity: 0; transform: translateY(8px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
diff --git a/pages/overview.md b/pages/overview.md
index c74cc15..1719486 100644
--- a/pages/overview.md
+++ b/pages/overview.md
@@ -75,62 +75,63 @@ permalink: "/overview/"
 <div class="pub-container">
   <div class="pub-grid">
 
+    {% comment %} JOURNALS {% endcomment %}
     <div class="pub-card">
       <div class="pub-title">Journals</div>
       <ul class="pub-list">
+        {% assign journals = site.data.publications | where: "type", "Journal" | sort: "year" | reverse %}
+        {% for pub in journals %}
         <li>
           <div class="pub-meta">
-            Hulleman, C. S., & Harackiewicz, J. M. (2009). Promoting interest and performance in high school science classes. Science, 326(5958), 1410–1412.
-            <div><a class="pub-link" href="https://doi.org/10.1126/science.1177067" target="_blank" rel="noopener noreferrer">Read DOI</a></div>
-          </div>
-        </li>
-
-        <li>
-          <div class="pub-meta">
-            [Add journal article title here]. Author(s). (Year). Journal name, volume(issue), pages.
-            <div><a class="pub-link" href="#" target="_blank" rel="noopener noreferrer">Link</a></div>
+            {{ pub.author }}. ({{ pub.year }}). {{ pub.title }}. {{ pub.journal }}{% if pub.volume %}, {{ pub.volume }}{% endif %}{% if pub.issue %}({{ pub.issue }}){% endif %}{% if pub.pages %}, {{ pub.pages }}{% endif %}.
+            {% if pub.url or pub.doi %}
+            <div><a class="pub-link" href="{% if pub.url %}{{ pub.url }}{% else %}https://doi.org/{{ pub.doi }}{% endif %}" target="_blank" rel="noopener noreferrer">{% if pub.doi %}Read DOI{% else %}Read More{% endif %}</a></div>
+            {% endif %}
           </div>
         </li>
+        {% endfor %}
       </ul>
     </div>
 
+    {% comment %} CONFERENCES {% endcomment %}
     <div class="pub-card">
       <div class="pub-title">Conferences</div>
       <ul class="pub-list">
+        {% assign conferences = site.data.publications | where: "type", "Conference" | sort: "year" | reverse %}
+        {% for pub in conferences %}
         <li>
           <div class="pub-meta">
-            [Add conference paper title here]. Author(s). (Year). In Proceedings of [Conference Name].
-            <div><a class="pub-link" href="#" target="_blank" rel="noopener noreferrer">Proceedings / PDF</a></div>
-          </div>
-        </li>
-
-        <li>
-          <div class="pub-meta">
-            [Example placeholder] Improving adaptive allocation for classroom experiments — Author A, Author B. (20XX). In Proceedings of ExampleConf.
+            {{ pub.author }}. ({{ pub.year }}). {{ pub.title }}. In Proceedings of {{ pub.booktitle }}.{% if pub.address %} {{ pub.address }}.{% endif %}
+            {% if pub.url or pub.doi %}
+            <div><a class="pub-link" href="{% if pub.url %}{{ pub.url }}{% else %}https://doi.org/{{ pub.doi }}{% endif %}" target="_blank" rel="noopener noreferrer">{% if pub.doi %}Read DOI{% else %}Read Proceedings{% endif %}</a></div>
+            {% endif %}
           </div>
         </li>
+        {% endfor %}
       </ul>
     </div>
 
+    {% comment %} WORKSHOPS & TUTORIALS — Static or from data if needed {% endcomment %}
     <div class="pub-card">
       <div class="pub-title">Workshops & Tutorials</div>
       <ul class="pub-list">
+        {% assign workshops = site.data.publications | where: "type", "Workshop" | sort: "year" | reverse %}
+        {% for pub in workshops %}
         <li>
           <div class="pub-meta">
-            Optimizing Learning: "A Comparative Study of Adaptive Experiments and Randomization in a Software Engineering Course."  
-            Authors: Lawal Badru, Marshall An, John Stamper, Jeffrey Carver. (2025)  
-            Workshop: A/B Testing and Platform-Enabled Learning Engineering — Learning @ Scale 2025, Palermo, Italy.
-            <div><a class="pub-link" href="https://www.researchgate.net/profile/Awwal-Badru/publication/395297168_Optimizing_Learning_A_Comparative_Study_of_Adaptive_Experiments_and_Randomization_in_a_Software_Engineering_Course/links/68badc0ee69154767c2a2c9f/Optimizing-Learning-A-Comparative-Study-of-Adaptive-Experiments-and-Randomization-in-a-Software-Engineering-Course.pdf" target="_blank" rel="noopener noreferrer">Paper (PDF)</a></div>
+            {{ pub.author }}. ({{ pub.year }}). {{ pub.title }}. {{ pub.booktitle }}.{% if pub.address %} {{ pub.address }}.{% endif %}
+            {% if pub.url %}
+            <div><a class="pub-link" href="{{ pub.url }}" target="_blank" rel="noopener noreferrer">Read More</a></div>
+            {% endif %}
           </div>
         </li>
-
+        {% endfor %}
         <li style="margin-top:1rem;">
           <div class="pub-meta">
             EASI Workshops — Workshop materials and hands‑on tutorials for researchers and instructors.
             <div><a class="pub-link" href="{{ '/workshops/' | relative_url }}">Workshop page</a></div>
           </div>
         </li>
-
       </ul>
     </div>
 
diff --git a/pages/upgrade.md b/pages/upgrade.md
index 08d85d3..ad66e6b 100644
--- a/pages/upgrade.md
+++ b/pages/upgrade.md
@@ -1,10 +1,741 @@
 ---
-layout: page
+layout: page-fullwidth
 show_meta: false
 title: "UpGrade"
-#subheadline: "Developing the adaptive experiment templates for the researchers"
-teaser: ""
+teaser: "Powering the next generation of adaptive experiments in education"
 header:
 permalink: "/upgrade/"
 ---
-## This page is coming soon ....
\ No newline at end of file
+
+<style>
+/* ── Google Font ─────────────────────────────── */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
+
+/* ── Reset & base ───────────────────────────── */
+.arch-section {
+  font-family: 'Inter', 'Lato', sans-serif;
+  margin: 0 auto 2.5rem;
+  max-width: 1200px;
+}
+
+.arch-intro {
+  text-align: center;
+  margin: 0 auto 1.8rem;
+  max-width: 700px;
+  color: #4a5568;
+  font-size: 1.05rem;
+  line-height: 1.7;
+}
+.arch-intro strong { color: #2d3748; }
+
+/* ── Section title chip ─────────────────────── */
+.arch-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  background: linear-gradient(135deg, #0e3a4a, #0c3040);
+  color: #22d3ee;
+  font-size: .75rem;
+  font-weight: 700;
+  letter-spacing: .12em;
+  text-transform: uppercase;
+  padding: 6px 16px;
+  border-radius: 999px;
+  margin-bottom: 1.2rem;
+  border: 1px solid rgba(34,211,238,.25);
+}
+
+/* ════════════════════════════════════════════════
+   DESKTOP DIAGRAM  (≥ 768px)
+════════════════════════════════════════════════ */
+.diag-shell {
+  background: linear-gradient(145deg, #0d1b2a 0%, #112240 55%, #0a1628 100%);
+  border-radius: 20px;
+  box-shadow: 0 24px 64px rgba(0,0,0,.45), 0 0 0 1px rgba(100,180,255,.1);
+  overflow: hidden;
+}
+
+/* toolbar */
+.diag-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 22px;
+  background: rgba(255,255,255,.035);
+  border-bottom: 1px solid rgba(255,255,255,.07);
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.diag-toolbar-label {
+  color: #7ab8f5;
+  font-size: .78rem;
+  font-weight: 700;
+  letter-spacing: .14em;
+  text-transform: uppercase;
+}
+.diag-hint {
+  color: #3d5470;
+  font-size: .75rem;
+  font-style: italic;
+}
+
+/* SVG canvas */
+#diagSvg {
+  display: block;
+  width: 100%;
+  height: auto;
+  min-height: 360px;
+}
+
+/* node hover/active */
+.d-node { cursor: pointer; transition: filter .22s ease; }
+.d-node:hover { filter: brightness(1.2) drop-shadow(0 0 10px rgba(120,200,255,.5)); }
+.d-node.active { filter: brightness(1.28) drop-shadow(0 0 18px rgba(120,200,255,.8)); }
+.d-node rect, .d-node ellipse { transition: stroke-width .2s; }
+.d-node.active rect, .d-node.active ellipse { stroke-width: 3.5 !important; }
+.d-node .pulse-ring { opacity: 0; transition: opacity .3s; }
+.d-node.active .pulse-ring { opacity: 1; }
+
+/* edges */
+.d-edge { stroke-linecap: round; stroke-linejoin: round; transition: stroke .25s, stroke-opacity .25s; }
+.d-edge.dim { stroke-opacity: .12 !important; }
+
+/* info panel */
+#infoBox {
+  position: relative;
+  margin: 0;
+  padding: 0;
+  background: transparent;
+  overflow: hidden;
+  max-height: 0;
+  transition: max-height .35s cubic-bezier(.4,0,.2,1), padding .35s;
+}
+#infoBox.open {
+  max-height: 220px;
+  padding: 18px 24px;
+  border-top: 1px solid rgba(255,255,255,.07);
+}
+.ib-inner { display: flex; align-items: flex-start; gap: 16px; }
+.ib-icon { font-size: 2rem; line-height: 1; flex-shrink: 0; margin-top: 2px; }
+.ib-body h4 { margin: 0 0 5px; color: #7dd3fc; font-size: 1rem; font-weight: 700; }
+.ib-body p { margin: 0; color: #8fa8c8; font-size: .85rem; line-height: 1.6; }
+.ib-close {
+  position: absolute; top: 12px; right: 16px;
+  background: none; border: none;
+  color: #3d5470; font-size: 1.1rem;
+  cursor: pointer; padding: 0; line-height: 1;
+  transition: color .2s;
+}
+.ib-close:hover { color: #7ab8f5; }
+
+/* legend */
+.diag-legend {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 18px;
+  padding: 14px 22px;
+  border-top: 1px solid rgba(255,255,255,.06);
+  justify-content: center;
+}
+.lg-item { display: flex; align-items: center; gap: 7px; font-size: .76rem; color: #4a6080; }
+.lg-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
+
+/* ════════════════════════════════════════════════
+   MOBILE CARD FLOW  (< 768px)
+════════════════════════════════════════════════ */
+.arch-flow {
+  display: none; /* hidden on desktop */
+  flex-direction: column;
+  gap: 0;
+}
+
+.af-card {
+  background: linear-gradient(135deg, #0f1f35 0%, #0a1628 100%);
+  border-radius: 16px;
+  border: 1.5px solid rgba(255,255,255,.1);
+  padding: 18px 20px;
+  position: relative;
+  transition: transform .2s, box-shadow .2s;
+  box-shadow: 0 6px 24px rgba(0,0,0,.35);
+}
+.af-card:active { transform: scale(.98); }
+
+.af-card-icon { font-size: 1.8rem; margin-bottom: 8px; display: block; }
+.af-card-title { font-size: 1rem; font-weight: 700; margin: 0 0 4px; }
+.af-card-subtitle { font-size: .75rem; opacity: .65; margin: 0 0 8px; }
+.af-card-desc { font-size: .82rem; line-height: 1.55; opacity: .78; margin: 0; }
+
+/* colour themes */
+.af-card.actor   { border-color: rgba(96,165,250,.4); }
+.af-card.actor   .af-card-title { color: #93c5fd; }
+.af-card.core    { border-color: rgba(34,211,238,.4); }
+.af-card.core    .af-card-title { color: #67e8f9; }
+.af-card.algo    { border-color: rgba(129,140,248,.4); }
+.af-card.algo    .af-card-title { color: #a5b4fc; }
+.af-card.out     { border-color: rgba(74,222,128,.4); }
+.af-card.out     .af-card-title { color: #86efac; }
+.af-card.plat    { border-color: rgba(167,139,250,.4); }
+.af-card.plat    .af-card-title { color: #c4b5fd; }
+.af-card.partner { border-color: rgba(251,146,60,.4); }
+.af-card.partner .af-card-title { color: #fdba74; }
+.af-card.yours   { border-color: rgba(56,189,248,.45); }
+.af-card.yours   .af-card-title { color: #7dd3fc; }
+.af-card.data    { border-color: rgba(148,163,184,.3); }
+.af-card.data    .af-card-title { color: #cbd5e1; }
+.af-card.analytics { border-color: rgba(56,189,248,.5); }
+.af-card.analytics .af-card-title { color: #7dd3fc; }
+
+/* connector arrow between cards */
+.af-arrow {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 36px;
+  color: #2d5a8e;
+  font-size: 1.3rem;
+  flex-shrink: 0;
+}
+.af-arrow.dashed { color: #3d5470; }
+
+/* partner grid inside the mobile view */
+.af-partners {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+  margin-top: 10px;
+}
+.af-partner-card {
+  background: linear-gradient(135deg, #1a1000 0%, #120d00 100%);
+  border: 1.5px solid rgba(251,146,60,.3);
+  border-radius: 12px;
+  padding: 12px 14px;
+}
+.af-partner-card .af-card-icon { font-size: 1.4rem; margin-bottom: 4px; }
+.af-partner-card .af-card-title { font-size: .88rem; color: #fdba74; }
+.af-partner-card .af-card-subtitle { font-size: .72rem; color: rgba(253,186,116,.55); }
+
+/* section label badge on mobile */
+.af-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: .65rem;
+  font-weight: 700;
+  letter-spacing: .1em;
+  text-transform: uppercase;
+  padding: 3px 10px;
+  border-radius: 999px;
+  margin-bottom: 8px;
+}
+.af-badge.easi-badge { background: rgba(34,211,238,.12); color: #22d3ee; border: 1px solid rgba(34,211,238,.25); }
+.af-badge.algo-badge { background: rgba(129,140,248,.12); color: #818cf8; border: 1px solid rgba(129,140,248,.25); }
+
+/* ── How-it-works table ──────────────────────── */
+.how-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: .92rem;
+  margin-top: 1.4rem;
+}
+.how-table th {
+  background: #112240;
+  color: #7ab8f5;
+  padding: 11px 16px;
+  text-align: left;
+  font-weight: 700;
+  border-bottom: 2px solid rgba(122,184,245,.25);
+}
+.how-table td {
+  padding: 10px 16px;
+  border-bottom: 1px solid rgba(255,255,255,.05);
+  color: #4a5568;
+  vertical-align: top;
+}
+.how-table tr:hover td { background: rgba(122,184,245,.04); }
+
+/* ── Responsive breakpoints ─────────────────── */
+@media (max-width: 767px) {
+  .diag-shell { display: none; }          /* hide SVG on mobile */
+  .arch-flow  { display: flex; }           /* show card flow */
+  .arch-intro { font-size: .95rem; }
+  .how-table th, .how-table td { padding: 9px 10px; font-size: .82rem; }
+}
+
+@media (min-width: 768px) and (max-width: 1024px) {
+  #diagSvg { min-height: 280px; }
+}
+</style>
+
+<div class="arch-section">
+
+  <div style="text-align:center">
+    <span class="arch-chip">🏗 EASI System Architecture</span>
+  </div>
+
+  <p class="arch-intro">
+    EASI connects researchers, adaptive algorithms, and learning platforms into a unified experimentation ecosystem.
+    <strong>Click any node</strong> to explore each component — or scroll the cards below on mobile.
+  </p>
+
+  <!-- ══════════════════════════════════════════
+       DESKTOP SVG DIAGRAM
+  ══════════════════════════════════════════ -->
+  <div class="diag-shell">
+
+    <div class="diag-toolbar">
+      <span class="diag-toolbar-label">System Architecture Overview</span>
+      <span class="diag-hint">Click a node · hover to highlight</span>
+    </div>
+
+    <svg id="diagSvg" viewBox="-10 0 1160 490" preserveAspectRatio="xMidYMid meet" aria-label="EASI Architecture Diagram">
+      <defs>
+        <marker id="arr" markerWidth="9" markerHeight="7" refX="8" refY="3.5" orient="auto">
+          <polygon points="0 0, 9 3.5, 0 7" fill="#2d5a8e"/>
+        </marker>
+        <marker id="arr-hi" markerWidth="9" markerHeight="7" refX="8" refY="3.5" orient="auto">
+          <polygon points="0 0, 9 3.5, 0 7" fill="#7dd3fc"/>
+        </marker>
+        <marker id="arr-dash" markerWidth="9" markerHeight="7" refX="8" refY="3.5" orient="auto">
+          <polygon points="0 0, 9 3.5, 0 7" fill="#4a6080"/>
+        </marker>
+        <filter id="glow">
+          <feGaussianBlur stdDeviation="3.5" result="blur"/>
+          <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+        </filter>
+        <filter id="nshadow" x="-20%" y="-20%" width="140%" height="140%">
+          <feDropShadow dx="0" dy="3" stdDeviation="5" flood-color="#000" flood-opacity=".5"/>
+        </filter>
+        <linearGradient id="gActor" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#1d3a6e"/><stop offset="100%" stop-color="#1a3058"/>
+        </linearGradient>
+        <linearGradient id="gCore" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#0f4c5c"/><stop offset="100%" stop-color="#0c3d4a"/>
+        </linearGradient>
+        <linearGradient id="gAlgo" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#2d1b69"/><stop offset="100%" stop-color="#221455"/>
+        </linearGradient>
+        <linearGradient id="gOut" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#0d3d20"/><stop offset="100%" stop-color="#0a3019"/>
+        </linearGradient>
+        <linearGradient id="gPlat" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#2e1b7a"/><stop offset="100%" stop-color="#231560"/>
+        </linearGradient>
+        <linearGradient id="gPartner" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#3d1f00"/><stop offset="100%" stop-color="#2e1700"/>
+        </linearGradient>
+        <linearGradient id="gFuture" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#1a2030"/><stop offset="100%" stop-color="#131820"/>
+        </linearGradient>
+        <linearGradient id="gData" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#1a2535"/><stop offset="100%" stop-color="#13202e"/>
+        </linearGradient>
+        <linearGradient id="gAnalytics" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="#053356"/><stop offset="100%" stop-color="#042840"/>
+        </linearGradient>
+        <linearGradient id="gSubEasi" x1="0" y1="0" x2="0" y2="1">
+          <stop offset="0%" stop-color="#0e3a4a" stop-opacity=".6"/>
+          <stop offset="100%" stop-color="#092836" stop-opacity=".3"/>
+        </linearGradient>
+        <linearGradient id="gSubAlgo" x1="0" y1="0" x2="0" y2="1">
+          <stop offset="0%" stop-color="#1f1055" stop-opacity=".5"/>
+          <stop offset="100%" stop-color="#160b40" stop-opacity=".25"/>
+        </linearGradient>
+      </defs>
+
+      <!-- Subgraph backgrounds -->
+      <rect x="230" y="136" width="200" height="92" rx="16"
+            fill="url(#gSubEasi)" stroke="#22d3ee" stroke-width="1.2" stroke-opacity=".4"/>
+      <text x="330" y="128" text-anchor="middle" font-size="13" fill="#22d3ee" opacity=".85" font-weight="700" letter-spacing="1.2">UPGRADE INFRASTRUCTURE</text>
+
+      <rect x="230" y="18" width="200" height="92" rx="16"
+            fill="url(#gSubAlgo)" stroke="#818cf8" stroke-width="1.2" stroke-opacity=".4"/>
+      <text x="330" y="10" text-anchor="middle" font-size="13" fill="#818cf8" opacity=".85" font-weight="700" letter-spacing="1.2">ADAPTIVE ALGORITHM</text>
+
+      <!-- EDGES -->
+      <path class="d-edge" id="e-AB" d="M 148 208 L 230 185"
+        stroke="#2d5a8e" stroke-width="2.5" fill="none" marker-end="url(#arr)"/>
+      <path class="d-edge" id="e-MB" d="M 330 92 L 330 138"
+        stroke="#4a6080" stroke-width="2" fill="none" stroke-dasharray="6,4" marker-end="url(#arr-dash)"/>
+      <path class="d-edge" id="e-BE" d="M 430 180 L 480 180"
+        stroke="#2d5a8e" stroke-width="2.5" fill="none" marker-end="url(#arr)"/>
+      <path class="d-edge" id="e-EF" d="M 630 180 L 680 180"
+        stroke="#2d5a8e" stroke-width="2.5" fill="none" marker-end="url(#arr)"/>
+      <path class="d-edge" id="e-FG" d="M 820 158 Q 860 65 893 55"
+        stroke="#2d5a8e" stroke-width="2.2" fill="none" marker-end="url(#arr)"/>
+      <path class="d-edge" id="e-FH" d="M 820 168 Q 858 138 893 142"
+        stroke="#2d5a8e" stroke-width="2.2" fill="none" marker-end="url(#arr)"/>
+      <path class="d-edge" id="e-FI" d="M 820 182 L 893 198"
+        stroke="#2d5a8e" stroke-width="2.2" fill="none" marker-end="url(#arr)"/>
+      <path class="d-edge" id="e-FJ" d="M 820 192 Q 860 265 893 278"
+        stroke="#4a6080" stroke-width="1.8" fill="none" stroke-dasharray="6,4" marker-end="url(#arr-dash)"/>
+      <path class="d-edge" id="e-FK" d="M 820 198 Q 856 345 893 352"
+        stroke="#4a6080" stroke-width="1.8" fill="none" stroke-dasharray="6,4" marker-end="url(#arr-dash)"/>
+      <path class="d-edge" id="e-FL" d="M 820 202 Q 852 420 893 428"
+        stroke="#4a6080" stroke-width="1.5" fill="none" stroke-dasharray="5,4" marker-end="url(#arr-dash)"/>
+      <path class="d-edge" id="e-GM" d="M 1028 55 Q 1070 170 1050 238"
+        stroke="#4a6080" stroke-width="1.8" fill="none" marker-end="url(#arr)"/>
+      <path class="d-edge" id="e-HM" d="M 1028 142 Q 1058 198 1050 238"
+        stroke="#4a6080" stroke-width="1.8" fill="none" marker-end="url(#arr)"/>
+      <path class="d-edge" id="e-IM" d="M 1028 198 L 1050 238"
+        stroke="#4a6080" stroke-width="1.8" fill="none" marker-end="url(#arr)"/>
+      <path class="d-edge" id="e-JM" d="M 1028 278 Q 1058 268 1050 282"
+        stroke="#4a6080" stroke-width="1.5" fill="none" marker-end="url(#arr)"/>
+      <path class="d-edge" id="e-KM" d="M 1028 352 Q 1065 320 1050 305"
+        stroke="#4a6080" stroke-width="1.5" fill="none" marker-end="url(#arr)"/>
+      <path class="d-edge" id="e-MN" d="M 1068 305 L 1068 355"
+        stroke="#2d5a8e" stroke-width="2.5" fill="none" marker-end="url(#arr)"/>
+
+      <!-- NODES -->
+
+      <!-- A: Researchers -->
+      <g class="d-node" id="node-A" data-id="A" transform="translate(15,168)">
+        <ellipse cx="68" cy="42" rx="68" ry="42" fill="url(#gActor)" stroke="#60a5fa" stroke-width="2.2" filter="url(#nshadow)"/>
+        <ellipse class="pulse-ring" cx="68" cy="42" rx="78" ry="52" fill="none" stroke="#60a5fa" stroke-width="1.8" stroke-opacity=".4"/>
+        <text x="68" y="28" text-anchor="middle" font-size="18" fill="#93c5fd">👩‍🔬</text>
+        <text x="68" y="48" text-anchor="middle" font-size="13" fill="#bfdbfe" font-weight="700">Researchers /</text>
+        <text x="68" y="64" text-anchor="middle" font-size="13" fill="#bfdbfe" font-weight="700">Educators</text>
+      </g>
+
+      <!-- MOOClet -->
+      <g class="d-node" id="node-MOOClet" data-id="MOOClet" transform="translate(230,28)">
+        <rect width="200" height="72" rx="13" fill="url(#gAlgo)" stroke="#818cf8" stroke-width="2.2" filter="url(#nshadow)"/>
+        <rect class="pulse-ring" x="-6" y="-6" width="212" height="84" rx="17" fill="none" stroke="#818cf8" stroke-width="1.8" stroke-opacity=".4"/>
+        <text x="100" y="26" text-anchor="middle" font-size="18" fill="#a5b4fc">🤖</text>
+        <text x="100" y="46" text-anchor="middle" font-size="14" fill="#c7d2fe" font-weight="700">MOOClet Engine</text>
+        <text x="100" y="62" text-anchor="middle" font-size="11" fill="#8c93b4">Adaptive Algorithms</text>
+      </g>
+
+      <!-- B: Experiment Engine -->
+      <g class="d-node" id="node-B" data-id="B" transform="translate(230,146)">
+        <rect width="200" height="72" rx="13" fill="url(#gCore)" stroke="#22d3ee" stroke-width="2.2" filter="url(#nshadow)"/>
+        <rect class="pulse-ring" x="-6" y="-6" width="212" height="84" rx="17" fill="none" stroke="#22d3ee" stroke-width="1.8" stroke-opacity=".4"/>
+        <text x="100" y="26" text-anchor="middle" font-size="18" fill="#67e8f9">⚙️</text>
+        <text x="100" y="46" text-anchor="middle" font-size="14" fill="#cffafe" font-weight="700">Experiment Engine</text>
+        <text x="100" y="62" text-anchor="middle" font-size="11" fill="#4a9aa0">UpGrade (EASI)</text>
+      </g>
+
+      <!-- E: Personalized Interventions -->
+      <g class="d-node" id="node-E" data-id="E" transform="translate(480,146)">
+        <rect width="160" height="72" rx="13" fill="url(#gOut)" stroke="#4ade80" stroke-width="2.2" filter="url(#nshadow)"/>
+        <rect class="pulse-ring" x="-6" y="-6" width="172" height="84" rx="17" fill="none" stroke="#4ade80" stroke-width="1.8" stroke-opacity=".4"/>
+        <text x="80" y="26" text-anchor="middle" font-size="18" fill="#86efac">🎯</text>
+        <text x="80" y="46" text-anchor="middle" font-size="13" fill="#bbf7d0" font-weight="700">Personalized</text>
+        <text x="80" y="62" text-anchor="middle" font-size="13" fill="#bbf7d0" font-weight="700">Interventions</text>
+      </g>
+
+      <!-- F: Learning Platforms Hub -->
+      <g class="d-node" id="node-F" data-id="F" transform="translate(680,146)">
+        <rect width="148" height="72" rx="13" fill="url(#gPlat)" stroke="#a78bfa" stroke-width="2.2" filter="url(#nshadow)"/>
+        <rect class="pulse-ring" x="-6" y="-6" width="160" height="84" rx="17" fill="none" stroke="#a78bfa" stroke-width="1.8" stroke-opacity=".4"/>
+        <text x="74" y="26" text-anchor="middle" font-size="18" fill="#c4b5fd">🔗</text>
+        <text x="74" y="46" text-anchor="middle" font-size="13" fill="#ddd6fe" font-weight="700">Learning</text>
+        <text x="74" y="62" text-anchor="middle" font-size="13" fill="#ddd6fe" font-weight="700">Platforms</text>
+      </g>
+
+      <!-- G: OLI Torus -->
+      <g class="d-node" id="node-G" data-id="G" transform="translate(893,22)">
+        <rect width="148" height="70" rx="12" fill="url(#gPartner)" stroke="#fb923c" stroke-width="2.2" filter="url(#nshadow)"/>
+        <rect class="pulse-ring" x="-6" y="-6" width="160" height="82" rx="16" fill="none" stroke="#fb923c" stroke-width="1.8" stroke-opacity=".4"/>
+        <text x="74" y="24" text-anchor="middle" font-size="16" fill="#fdba74">📘</text>
+        <text x="74" y="44" text-anchor="middle" font-size="13" fill="#fed7aa" font-weight="700">OLI Torus</text>
+        <text x="74" y="58" text-anchor="middle" font-size="11" fill="#9a6540">CMU Platform</text>
+      </g>
+
+      <!-- H: MATHia -->
+      <g class="d-node" id="node-H" data-id="H" transform="translate(893,112)">
+        <rect width="148" height="70" rx="12" fill="url(#gPartner)" stroke="#fb923c" stroke-width="2.2" filter="url(#nshadow)"/>
+        <rect class="pulse-ring" x="-6" y="-6" width="160" height="82" rx="16" fill="none" stroke="#fb923c" stroke-width="1.8" stroke-opacity=".4"/>
+        <text x="74" y="24" text-anchor="middle" font-size="16" fill="#fdba74">📐</text>
+        <text x="74" y="44" text-anchor="middle" font-size="13" fill="#fed7aa" font-weight="700">MATHia</text>
+        <text x="74" y="58" text-anchor="middle" font-size="11" fill="#9a6540">Carnegie Learning</text>
+      </g>
+
+      <!-- I: Your Platform -->
+      <g class="d-node" id="node-I" data-id="I" transform="translate(893,182)">
+        <rect width="148" height="70" rx="12" fill="url(#gFuture)" stroke="#38bdf8" stroke-width="2.2" filter="url(#nshadow)"/>
+        <rect class="pulse-ring" x="-6" y="-6" width="160" height="82" rx="16" fill="none" stroke="#38bdf8" stroke-width="1.8" stroke-opacity=".4"/>
+        <text x="74" y="24" text-anchor="middle" font-size="16" fill="#7dd3fc">🚀</text>
+        <text x="74" y="44" text-anchor="middle" font-size="13" fill="#bae6fd" font-weight="700">Your Platform</text>
+        <text x="74" y="58" text-anchor="middle" font-size="11" fill="#3d7e96">Plug in here!</text>
+      </g>
+
+      <!-- J: Future Partner 1 -->
+      <g class="d-node" id="node-J" data-id="J" transform="translate(893,262)">
+        <rect width="148" height="62" rx="12" fill="url(#gFuture)" stroke="#475569" stroke-width="1.8" stroke-dasharray="7,4" filter="url(#nshadow)"/>
+        <text x="74" y="24" text-anchor="middle" font-size="16" fill="#94a3b8">🔮</text>
+        <text x="74" y="42" text-anchor="middle" font-size="13" fill="#94a3b8" font-weight="600">Future Partner 1</text>
+        <text x="74" y="56" text-anchor="middle" font-size="11" fill="#4b5563">Coming soon</text>
+      </g>
+
+      <!-- K: Future Partner 2 -->
+      <g class="d-node" id="node-K" data-id="K" transform="translate(893,340)">
+        <rect width="148" height="62" rx="12" fill="url(#gFuture)" stroke="#475569" stroke-width="1.8" stroke-dasharray="7,4" filter="url(#nshadow)"/>
+        <text x="74" y="24" text-anchor="middle" font-size="16" fill="#94a3b8">🔮</text>
+        <text x="74" y="42" text-anchor="middle" font-size="13" fill="#94a3b8" font-weight="600">Future Partner 2</text>
+        <text x="74" y="56" text-anchor="middle" font-size="11" fill="#4b5563">Coming soon</text>
+      </g>
+
+      <!-- L: More Integrations -->
+      <g class="d-node" id="node-L" data-id="L" transform="translate(893,418)">
+        <rect width="148" height="56" rx="12" fill="url(#gFuture)" stroke="#374151" stroke-width="1.2" stroke-dasharray="5,4" filter="url(#nshadow)" opacity=".75"/>
+        <text x="74" y="24" text-anchor="middle" font-size="15" fill="#64748b">···</text>
+        <text x="74" y="42" text-anchor="middle" font-size="12" fill="#64748b">More Integrations</text>
+      </g>
+
+      <!-- M: Course Data -->
+      <g class="d-node" id="node-M" data-id="M" transform="translate(1002,238)">
+        <rect width="120" height="70" rx="12" fill="url(#gData)" stroke="#94a3b8" stroke-width="2.2" filter="url(#nshadow)"/>
+        <rect class="pulse-ring" x="-6" y="-6" width="132" height="82" rx="16" fill="none" stroke="#94a3b8" stroke-width="1.8" stroke-opacity=".4"/>
+        <text x="60" y="24" text-anchor="middle" font-size="17" fill="#cbd5e1">📊</text>
+        <text x="60" y="44" text-anchor="middle" font-size="13" fill="#cbd5e1" font-weight="700">Course</text>
+        <text x="60" y="60" text-anchor="middle" font-size="13" fill="#cbd5e1" font-weight="700">Data</text>
+      </g>
+
+      <!-- N: Analytics -->
+      <g class="d-node" id="node-N" data-id="N" transform="translate(996,355)">
+        <rect width="132" height="78" rx="13" fill="url(#gAnalytics)" stroke="#38bdf8" stroke-width="2.4" filter="url(#nshadow)"/>
+        <rect class="pulse-ring" x="-6" y="-6" width="144" height="90" rx="17" fill="none" stroke="#38bdf8" stroke-width="1.8" stroke-opacity=".4"/>
+        <text x="66" y="26" text-anchor="middle" font-size="17" fill="#7dd3fc">📈</text>
+        <text x="66" y="47" text-anchor="middle" font-size="13" fill="#bae6fd" font-weight="700">Experiment</text>
+        <text x="66" y="63" text-anchor="middle" font-size="12" fill="#bae6fd" font-weight="700">Data &amp; Analytics</text>
+      </g>
+
+    </svg>
+
+    <!-- Info Panel -->
+    <div id="infoBox">
+      <button class="ib-close" id="ibClose">✕</button>
+      <div class="ib-inner">
+        <div class="ib-icon" id="ibIcon">📦</div>
+        <div class="ib-body">
+          <h4 id="ibTitle">Node</h4>
+          <p id="ibDesc">Select a node to learn more.</p>
+        </div>
+      </div>
+    </div>
+
+    <!-- Legend -->
+    <div class="diag-legend">
+      <div class="lg-item"><div class="lg-dot" style="background:#60a5fa"></div>Researchers</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#22d3ee"></div>EASI Core</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#818cf8"></div>Adaptive Algorithm</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#4ade80"></div>Interventions</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#a78bfa"></div>Platforms Hub</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#fb923c"></div>Partners</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#38bdf8"></div>Your Platform / Analytics</div>
+      <div class="lg-item"><div class="lg-dot" style="background:#475569;border:1px dashed #64748b"></div>Future</div>
+    </div>
+  </div><!-- /.diag-shell -->
+
+  <!-- ══════════════════════════════════════════
+       MOBILE CARD FLOW
+  ══════════════════════════════════════════ -->
+  <div class="arch-flow" aria-label="EASI Architecture - Mobile View">
+
+    <!-- Researchers -->
+    <div class="af-card actor">
+      <span class="af-card-icon">👩‍🔬</span>
+      <p class="af-card-title">Researchers &amp; Educators</p>
+      <p class="af-card-subtitle">Experiment designers</p>
+      <p class="af-card-desc">Domain experts who design adaptive experiments, define intervention logic, set research hypotheses, and interpret causal outcomes to improve educational effectiveness.</p>
+    </div>
+
+    <div class="af-arrow">↓</div>
+
+    <!-- MOOClet -->
+    <div class="af-card algo">
+      <span class="af-badge algo-badge">⚡ Adaptive Algorithm</span>
+      <span class="af-card-icon">🤖</span>
+      <p class="af-card-title">MOOClet Engine</p>
+      <p class="af-card-subtitle">Adaptive Algorithms</p>
+      <p class="af-card-desc">A modular adaptive algorithm framework supporting contextual bandits, Thompson sampling, and other real-time personalization policies.</p>
+    </div>
+
+    <div class="af-arrow dashed">↕</div>
+
+    <!-- Experiment Engine -->
+    <div class="af-card core">
+      <span class="af-badge easi-badge">🏗 EASI Infrastructure</span>
+      <span class="af-card-icon">⚙️</span>
+      <p class="af-card-title">Experiment Engine</p>
+      <p class="af-card-subtitle">UpGrade (EASI)</p>
+      <p class="af-card-desc">Core infrastructure that manages randomization, treatment assignment, and policy updates at scale across multiple learning platforms — without disrupting learners.</p>
+    </div>
+
+    <div class="af-arrow">↓</div>
+
+    <!-- Personalized Interventions -->
+    <div class="af-card out">
+      <span class="af-card-icon">🎯</span>
+      <p class="af-card-title">Personalized Interventions</p>
+      <p class="af-card-desc">Customized learning nudges, hints, scaffolding, and content variants delivered to individual learners in real time, driven by algorithmic decisions.</p>
+    </div>
+
+    <div class="af-arrow">↓</div>
+
+    <!-- Learning Platforms -->
+    <div class="af-card plat">
+      <span class="af-card-icon">🔗</span>
+      <p class="af-card-title">Learning Platforms Hub</p>
+      <p class="af-card-desc">Educational platforms that surface UpGrade-driven interventions to learners and stream back rich interaction data for continuous model improvement.</p>
+
+      <div class="af-partners">
+        <div class="af-partner-card">
+          <span class="af-card-icon">📘</span>
+          <p class="af-card-title">OLI Torus</p>
+          <p class="af-card-subtitle">CMU Platform</p>
+        </div>
+        <div class="af-partner-card">
+          <span class="af-card-icon">📐</span>
+          <p class="af-card-title">MATHia</p>
+          <p class="af-card-subtitle">Carnegie Learning</p>
+        </div>
+        <div class="af-partner-card" style="border-color:rgba(56,189,248,.35)">
+          <span class="af-card-icon">🚀</span>
+          <p class="af-card-title" style="color:#7dd3fc">Your Platform</p>
+          <p class="af-card-subtitle" style="color:rgba(56,189,248,.55)">Plug in here!</p>
+        </div>
+        <div class="af-partner-card" style="border-color:rgba(71,85,105,.35);border-style:dashed">
+          <span class="af-card-icon" style="font-size:1.2rem">🔮</span>
+          <p class="af-card-title" style="color:#94a3b8">Future Partners</p>
+          <p class="af-card-subtitle" style="color:#4b5563">Coming soon</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="af-arrow">↓</div>
+
+    <!-- Course Data -->
+    <div class="af-card data">
+      <span class="af-card-icon">📊</span>
+      <p class="af-card-title">Course Data</p>
+      <p class="af-card-desc">Raw interaction data — page views, problem attempts, time-on-task, hints requested — collected across all partner platforms and funneled into the analytics pipeline.</p>
+    </div>
+
+    <div class="af-arrow">↓</div>
+
+    <!-- Analytics -->
+    <div class="af-card analytics">
+      <span class="af-card-icon">📈</span>
+      <p class="af-card-title">Experiment Data &amp; Analytics</p>
+      <p class="af-card-desc">Aggregated, anonymized experimental results used to evaluate causal effects, update adaptive policies, produce publication-ready findings, and drive evidence-based educational decisions.</p>
+    </div>
+
+  </div><!-- /.arch-flow -->
+
+</div><!-- /.arch-section -->
+
+<script>
+(function () {
+  var INFO = {
+    A: { icon:'👩‍🔬', title:'Researchers & Educators', desc:'Domain experts who design adaptive experiments, define intervention logic, set research hypotheses, and interpret causal outcomes to continuously improve educational effectiveness.' },
+    MOOClet: { icon:'🤖', title:'MOOClet Engine', desc:'A modular adaptive algorithm framework supporting contextual bandits, Thompson sampling, and other real-time personalization policies. Plugs directly into UpGrade to power smart treatment assignment.' },
+    B: { icon:'⚙️', title:'UpGrade Experiment Engine (EASI)', desc:'The core infrastructure that manages randomization, treatment assignment, and policy updates at scale across multiple learning platforms — without disrupting the learner experience.' },
+    E: { icon:'🎯', title:'Personalized Interventions', desc:'Customized learning nudges, hints, scaffolding, and content variants delivered to individual learners in real time, driven by algorithmic decisions from the MOOClet engine.' },
+    F: { icon:'🔗', title:'Learning Platforms / Partners', desc:'Integrated educational platforms that surface UpGrade-driven interventions to learners and stream back rich interaction data for continuous model improvement and causal analysis.' },
+    G: { icon:'📘', title:'OLI Torus', desc:"Carnegie Mellon's Open Learning Initiative courseware platform offering rich adaptive course authoring and delivery capabilities, natively integrated with the EASI infrastructure." },
+    H: { icon:'📐', title:'MATHia', desc:"Carnegie Learning's AI-powered math tutoring platform, leveraging EASI experiments to personalize problem sequences and feedback strategies for K–12 students at scale." },
+    I: { icon:'🚀', title:'Your Platform Here', desc:'EASI is open-source and designed for extensibility. Bring your own LMS, tutoring system, or ed-tech tool and integrate with the UpGrade REST API in minutes.' },
+    J: { icon:'🔮', title:'Future Partner 1', desc:'The EASI ecosystem is growing. New platform partnerships are being established to expand the reach of adaptive experimentation across diverse learning contexts worldwide.' },
+    K: { icon:'🔮', title:'Future Partner 2', desc:'Additional future integrations will further diversify the learner populations and educational contexts in which EASI-driven experiments run.' },
+    L: { icon:'…', title:'More Integrations', desc:"EASI's REST API and webhook architecture allow integration with virtually any digital learning environment. The ecosystem is designed to scale horizontally with minimal friction." },
+    M: { icon:'📊', title:'Course Data', desc:'Raw interaction data — page views, problem attempts, time-on-task, hints requested — collected across all partner platforms and funneled into the analytics pipeline for causal analysis.' },
+    N: { icon:'📈', title:'Experiment Data & Analytics', desc:'Aggregated, anonymized experimental results used to evaluate causal effects, update adaptive policies, produce publication-ready findings, and drive evidence-based educational decisions.' }
+  };
+
+  var NODE_EDGES = {
+    A:['e-AB'], MOOClet:['e-MB'], B:['e-AB','e-MB','e-BE'],
+    E:['e-BE','e-EF'], F:['e-EF','e-FG','e-FH','e-FI','e-FJ','e-FK','e-FL'],
+    G:['e-FG','e-GM'], H:['e-FH','e-HM'], I:['e-FI','e-IM'],
+    J:['e-FJ','e-JM'], K:['e-FK','e-KM'], L:['e-FL'],
+    M:['e-GM','e-HM','e-IM','e-JM','e-KM','e-MN'], N:['e-MN']
+  };
+
+  var allNodes = document.querySelectorAll('.d-node');
+  var allEdges = document.querySelectorAll('.d-edge');
+  var infoBox  = document.getElementById('infoBox');
+  var ibIcon   = document.getElementById('ibIcon');
+  var ibTitle  = document.getElementById('ibTitle');
+  var ibDesc   = document.getElementById('ibDesc');
+  var ibClose  = document.getElementById('ibClose');
+  var activeId = null;
+
+  function clearAll() {
+    allNodes.forEach(function(n){ n.classList.remove('active'); });
+    allEdges.forEach(function(e){
+      e.classList.remove('dim');
+      e.style.stroke = '';
+      var me = e.getAttribute('marker-end');
+      if (me) e.setAttribute('marker-end', me.replace('arr-hi','arr'));
+    });
+    if (infoBox) infoBox.classList.remove('open');
+    activeId = null;
+  }
+
+  function activateNode(id) {
+    if (activeId === id) { clearAll(); return; }
+    clearAll();
+    activeId = id;
+    var el = document.getElementById('node-' + id);
+    if (el) el.classList.add('active');
+    var connected = NODE_EDGES[id] || [];
+    allEdges.forEach(function(edge) {
+      if (connected.indexOf(edge.id) === -1) {
+        edge.classList.add('dim');
+      } else {
+        edge.style.stroke = '#7dd3fc';
+      }
+    });
+    var info = INFO[id];
+    if (info && infoBox) {
+      ibIcon.textContent  = info.icon;
+      ibTitle.textContent = info.title;
+      ibDesc.textContent  = info.desc;
+      infoBox.classList.add('open');
+    }
+  }
+
+  allNodes.forEach(function(node) {
+    node.addEventListener('click', function(e) {
+      e.stopPropagation();
+      activateNode(node.getAttribute('data-id'));
+    });
+  });
+
+  if (ibClose) ibClose.addEventListener('click', clearAll);
+  var svg = document.getElementById('diagSvg');
+  if (svg) svg.addEventListener('click', function(e){ if (e.target === this) clearAll(); });
+
+  /* idle edge pulse animation */
+  var solidEdges = document.querySelectorAll('.d-edge:not([stroke-dasharray])');
+  var t = 0;
+  function animateEdges() {
+    t += 0.012;
+    var op = 0.55 + Math.sin(t) * 0.18;
+    solidEdges.forEach(function(e){
+      if (!e.classList.contains('dim') && !activeId) e.style.strokeOpacity = op;
+    });
+    requestAnimationFrame(animateEdges);
+  }
+  animateEdges();
+})();
+</script>
+
+---
+
+### How It Works
+
+<table class="how-table">
+  <thead>
+    <tr><th>Layer</th><th>Role</th></tr>
+  </thead>
+  <tbody>
+    <tr><td><strong>Researchers / Educators</strong></td><td>Define experiment designs, hypotheses, and intervention variants</td></tr>
+    <tr><td><strong>UpGrade (EASI)</strong></td><td>Manages randomization, treatment assignment, and real-time policy updates</td></tr>
+    <tr><td><strong>MOOClet Engine</strong></td><td>Supplies adaptive algorithms (bandits, contextual models) to UpGrade</td></tr>
+    <tr><td><strong>Learning Platforms</strong></td><td>Deliver interventions to learners and stream interaction data back</td></tr>
+    <tr><td><strong>Analytics</strong></td><td>Enables causal inference, publication-ready results, and continuous improvement</td></tr>
+  </tbody>
+</table>
+
+> **Want to integrate your platform?** UpGrade is open-source. Visit the [UpGrade documentation](https://upgrade-platform.gitbook.io/upgrade-documentation) to get started.
\ No newline at end of file