]> git.ipfire.org Git - thirdparty/foundation/foundation-emails.git/commitdiff
Set up Supercollider-powered documentation
authorGeoff Kimball <geoff@zurb.com>
Mon, 24 Aug 2015 22:42:51 +0000 (15:42 -0700)
committerGeoff Kimball <geoff@zurb.com>
Mon, 24 Aug 2015 22:42:51 +0000 (15:42 -0700)
12 files changed:
.gitignore
docs/assets/scss/_foundation.scss [new file with mode: 0644]
docs/assets/scss/docs.scss [new file with mode: 0644]
docs/layouts/component.html [new file with mode: 0644]
docs/layouts/default.html [new file with mode: 0644]
docs/pages/index.md [new file with mode: 0644]
docs/partials/component-list.html [new file with mode: 0644]
docs/partials/footer.html [new file with mode: 0644]
gulpfile.js
lib/handlebars.js [new file with mode: 0644]
lib/marked.js [new file with mode: 0644]
package.json

index 2345c62f162c05e13fa6fe27a61be525d1f12240..e3402bd37e3d90c6952012442933b22d84a2d8c3 100644 (file)
@@ -3,4 +3,5 @@ node_modules/
 .sass-cache/
 npm-debug.log
 temp/
-dist/
\ No newline at end of file
+dist/
+_build/
\ No newline at end of file
diff --git a/docs/assets/scss/_foundation.scss b/docs/assets/scss/_foundation.scss
new file mode 100644 (file)
index 0000000..9654db2
--- /dev/null
@@ -0,0 +1,4902 @@
+@charset "UTF-8";
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+  margin: 0; }
+
+/* HTML5 display definitions
+   ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  /* 1 */
+  vertical-align: baseline;
+  /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none; }
+
+/* Links
+   ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+  background-color: transparent; }
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+a:active,
+a:hover {
+  outline: 0; }
+
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+  font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+/* Embedded content
+   ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* Grouping content
+   ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+  margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+  box-sizing: content-box;
+  height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+  overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+/* Forms
+   ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+  margin: 0;
+  /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+  overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"], input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+  cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+  line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ *    (include `-moz` to future-proof).
+ */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  /* 2 */
+  box-sizing: content-box; }
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+  overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+  font-weight: bold; }
+
+/* Tables
+   ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+td,
+th {
+  padding: 0; }
+
+.slideInDown.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  -webkit-transform: translateY(-100%);
+      -ms-transform: translateY(-100%);
+          transform: translateY(-100%);
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden; }
+
+.slideInDown.mui-enter.mui-enter-active {
+  -webkit-transform: translateY(0);
+      -ms-transform: translateY(0);
+          transform: translateY(0); }
+
+.slideInLeft.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  -webkit-transform: translateX(-100%);
+      -ms-transform: translateX(-100%);
+          transform: translateX(-100%);
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden; }
+
+.slideInLeft.mui-enter.mui-enter-active {
+  -webkit-transform: translateX(0);
+      -ms-transform: translateX(0);
+          transform: translateX(0); }
+
+.slideInUp.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  -webkit-transform: translateY(100%);
+      -ms-transform: translateY(100%);
+          transform: translateY(100%);
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden; }
+
+.slideInUp.mui-enter.mui-enter-active {
+  -webkit-transform: translateY(0);
+      -ms-transform: translateY(0);
+          transform: translateY(0); }
+
+.slideInRight.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  -webkit-transform: translateX(100%);
+      -ms-transform: translateX(100%);
+          transform: translateX(100%);
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden; }
+
+.slideInRight.mui-enter.mui-enter-active {
+  -webkit-transform: translateX(0);
+      -ms-transform: translateX(0);
+          transform: translateX(0); }
+
+.slideOutDown.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  -webkit-transform: translateY(0);
+      -ms-transform: translateY(0);
+          transform: translateY(0);
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden; }
+
+.slideOutDown.mui-leave.mui-leave-active {
+  -webkit-transform: translateY(-100%);
+      -ms-transform: translateY(-100%);
+          transform: translateY(-100%); }
+
+.slideOutRight.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  -webkit-transform: translateX(0);
+      -ms-transform: translateX(0);
+          transform: translateX(0);
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden; }
+
+.slideOutRight.mui-leave.mui-leave-active {
+  -webkit-transform: translateX(100%);
+      -ms-transform: translateX(100%);
+          transform: translateX(100%); }
+
+.slideOutUp.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  -webkit-transform: translateY(0);
+      -ms-transform: translateY(0);
+          transform: translateY(0);
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden; }
+
+.slideOutUp.mui-leave.mui-leave-active {
+  -webkit-transform: translateY(-100%);
+      -ms-transform: translateY(-100%);
+          transform: translateY(-100%); }
+
+.slideOutLeft.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  -webkit-transform: translateX(0);
+      -ms-transform: translateX(0);
+          transform: translateX(0);
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden; }
+
+.slideOutLeft.mui-leave.mui-leave-active {
+  -webkit-transform: translateX(-100%);
+      -ms-transform: translateX(-100%);
+          transform: translateX(-100%); }
+
+.fadeIn.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  opacity: 0;
+  transition-property: opacity; }
+
+.fadeIn.mui-enter.mui-enter-active {
+  opacity: 1; }
+
+.fadeOut.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  opacity: 1;
+  transition-property: opacity; }
+
+.fadeOut.mui-leave.mui-leave-active {
+  opacity: 0; }
+
+.hingeInFromTop.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: perspective(2000px) rotateX(-90deg);
+          transform: perspective(2000px) rotateX(-90deg);
+  -webkit-transform-origin: top;
+      -ms-transform-origin: top;
+          transform-origin: top;
+  opacity: 0; }
+
+.hingeInFromTop.mui-enter.mui-enter-active {
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+  opacity: 1; }
+
+.hingeInFromRight.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: perspective(2000px) rotateY(-90deg);
+          transform: perspective(2000px) rotateY(-90deg);
+  -webkit-transform-origin: right;
+      -ms-transform-origin: right;
+          transform-origin: right;
+  opacity: 0; }
+
+.hingeInFromRight.mui-enter.mui-enter-active {
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+  opacity: 1; }
+
+.hingeInFromBottom.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: perspective(2000px) rotateX(90deg);
+          transform: perspective(2000px) rotateX(90deg);
+  -webkit-transform-origin: bottom;
+      -ms-transform-origin: bottom;
+          transform-origin: bottom;
+  opacity: 0; }
+
+.hingeInFromBottom.mui-enter.mui-enter-active {
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+  opacity: 1; }
+
+.hingeInFromLeft.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: perspective(2000px) rotateY(90deg);
+          transform: perspective(2000px) rotateY(90deg);
+  -webkit-transform-origin: left;
+      -ms-transform-origin: left;
+          transform-origin: left;
+  opacity: 0; }
+
+.hingeInFromLeft.mui-enter.mui-enter-active {
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+  opacity: 1; }
+
+.hingeInFromMiddleX.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: perspective(2000px) rotateX(-90deg);
+          transform: perspective(2000px) rotateX(-90deg);
+  -webkit-transform-origin: center;
+      -ms-transform-origin: center;
+          transform-origin: center;
+  opacity: 0; }
+
+.hingeInFromMiddleX.mui-enter.mui-enter-active {
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+  opacity: 1; }
+
+.hingeInFromMiddleY.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: perspective(2000px) rotateY(-90deg);
+          transform: perspective(2000px) rotateY(-90deg);
+  -webkit-transform-origin: center;
+      -ms-transform-origin: center;
+          transform-origin: center;
+  opacity: 0; }
+
+.hingeInFromMiddleY.mui-enter.mui-enter-active {
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+  opacity: 1; }
+
+.hingeOutFromTop.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transform-origin: top;
+      -ms-transform-origin: top;
+          transform-origin: top;
+  opacity: 1; }
+
+.hingeOutFromTop.mui-leave.mui-leave-active {
+  -webkit-transform: perspective(2000px) rotateX(-90deg);
+          transform: perspective(2000px) rotateX(-90deg);
+  opacity: 0; }
+
+.hingeOutFromRight.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transform-origin: right;
+      -ms-transform-origin: right;
+          transform-origin: right;
+  opacity: 1; }
+
+.hingeOutFromRight.mui-leave.mui-leave-active {
+  -webkit-transform: perspective(2000px) rotateY(-90deg);
+          transform: perspective(2000px) rotateY(-90deg);
+  opacity: 0; }
+
+.hingeOutFromBottom.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transform-origin: bottom;
+      -ms-transform-origin: bottom;
+          transform-origin: bottom;
+  opacity: 1; }
+
+.hingeOutFromBottom.mui-leave.mui-leave-active {
+  -webkit-transform: perspective(2000px) rotateX(90deg);
+          transform: perspective(2000px) rotateX(90deg);
+  opacity: 0; }
+
+.hingeOutFromLeft.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transform-origin: left;
+      -ms-transform-origin: left;
+          transform-origin: left;
+  opacity: 1; }
+
+.hingeOutFromLeft.mui-leave.mui-leave-active {
+  -webkit-transform: perspective(2000px) rotateY(90deg);
+          transform: perspective(2000px) rotateY(90deg);
+  opacity: 0; }
+
+.hingeOutFromMiddleX.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transform-origin: center;
+      -ms-transform-origin: center;
+          transform-origin: center;
+  opacity: 1; }
+
+.hingeOutFromMiddleX.mui-leave.mui-leave-active {
+  -webkit-transform: perspective(2000px) rotateX(-90deg);
+          transform: perspective(2000px) rotateX(-90deg);
+  opacity: 0; }
+
+.hingeOutFromMiddleY.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transform-origin: center;
+      -ms-transform-origin: center;
+          transform-origin: center;
+  opacity: 1; }
+
+.hingeOutFromMiddleY.mui-leave.mui-leave-active {
+  -webkit-transform: perspective(2000px) rotateY(-90deg);
+          transform: perspective(2000px) rotateY(-90deg);
+  opacity: 0; }
+
+.scaleInUp.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, property;
+  transition-property: transform, property;
+  -webkit-transform: scale(0.5);
+      -ms-transform: scale(0.5);
+          transform: scale(0.5);
+  opacity: 0; }
+
+.scaleInUp.mui-enter.mui-enter-active {
+  -webkit-transform: scale(1);
+      -ms-transform: scale(1);
+          transform: scale(1);
+  opacity: 1; }
+
+.scaleInDown.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, property;
+  transition-property: transform, property;
+  -webkit-transform: scale(1.5);
+      -ms-transform: scale(1.5);
+          transform: scale(1.5);
+  opacity: 0; }
+
+.scaleInDown.mui-enter.mui-enter-active {
+  -webkit-transform: scale(1);
+      -ms-transform: scale(1);
+          transform: scale(1);
+  opacity: 1; }
+
+.scaleOutUp.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, property;
+  transition-property: transform, property;
+  -webkit-transform: scale(1);
+      -ms-transform: scale(1);
+          transform: scale(1);
+  opacity: 1; }
+
+.scaleOutUp.mui-leave.mui-leave-active {
+  -webkit-transform: scale(1.5);
+      -ms-transform: scale(1.5);
+          transform: scale(1.5);
+  opacity: 0; }
+
+.scaleOutDown.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, property;
+  transition-property: transform, property;
+  -webkit-transform: scale(1);
+      -ms-transform: scale(1);
+          transform: scale(1);
+  opacity: 1; }
+
+.scaleOutDown.mui-leave.mui-leave-active {
+  -webkit-transform: scale(0.5);
+      -ms-transform: scale(0.5);
+          transform: scale(0.5);
+  opacity: 0; }
+
+.spinIn.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: rotate(-270deg);
+      -ms-transform: rotate(-270deg);
+          transform: rotate(-270deg);
+  opacity: 0; }
+
+.spinIn.mui-enter.mui-enter-active {
+  -webkit-transform: rotate(0);
+      -ms-transform: rotate(0);
+          transform: rotate(0);
+  opacity: 1; }
+
+.spinOut.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: rotate(0);
+      -ms-transform: rotate(0);
+          transform: rotate(0);
+  opacity: 1; }
+
+.spinOut.mui-leave.mui-leave-active {
+  -webkit-transform: rotate(270deg);
+      -ms-transform: rotate(270deg);
+          transform: rotate(270deg);
+  opacity: 0; }
+
+.spinInCCW.mui-enter {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: rotate(270deg);
+      -ms-transform: rotate(270deg);
+          transform: rotate(270deg);
+  opacity: 0; }
+
+.spinInCCW.mui-enter.mui-enter-active {
+  -webkit-transform: rotate(0);
+      -ms-transform: rotate(0);
+          transform: rotate(0);
+  opacity: 1; }
+
+.spinOutCCW.mui-leave {
+  transition-duration: 500ms;
+  transition-timing-function: linear;
+  transition-property: -webkit-transform, opacity;
+  transition-property: transform, opacity;
+  -webkit-transform: rotate(0);
+      -ms-transform: rotate(0);
+          transform: rotate(0);
+  opacity: 1; }
+
+.spinOutCCW.mui-leave.mui-leave-active {
+  -webkit-transform: rotate(-270deg);
+      -ms-transform: rotate(-270deg);
+          transform: rotate(-270deg);
+  opacity: 0; }
+
+.slow {
+  transition-duration: 750ms !important; }
+
+.fast {
+  transition-duration: 250ms !important; }
+
+.linear {
+  transition-timing-function: linear !important; }
+
+.ease {
+  transition-timing-function: ease !important; }
+
+.easeIn {
+  transition-timing-function: ease-in !important; }
+
+.easeOut {
+  transition-timing-function: ease-out !important; }
+
+.easeInOut {
+  transition-timing-function: ease-in-out !important; }
+
+.bounceIn {
+  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
+
+.bounceOut {
+  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
+
+.bounceInOut {
+  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
+
+.short-delay {
+  transition-delay: 300ms !important; }
+
+.long-delay {
+  transition-delay: 700ms !important; }
+
+@-webkit-keyframes shake-7 {
+  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
+    -webkit-transform: translateX(7%);
+            transform: translateX(7%); }
+  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
+    -webkit-transform: translateX(-7%);
+            transform: translateX(-7%); } }
+
+@keyframes shake-7 {
+  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
+    -webkit-transform: translateX(7%);
+            transform: translateX(7%); }
+  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
+    -webkit-transform: translateX(-7%);
+            transform: translateX(-7%); } }
+
+@-webkit-keyframes spin-cw-360deg {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@keyframes spin-cw-360deg {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@-webkit-keyframes spin-ccw--360deg {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(-360deg);
+            transform: rotate(-360deg); } }
+
+@keyframes spin-ccw--360deg {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(-360deg);
+            transform: rotate(-360deg); } }
+
+@-webkit-keyframes wiggle-7deg {
+  40%, 50%, 60% {
+    -webkit-transform: rotate(7deg);
+            transform: rotate(7deg); }
+  35%, 45%, 55%, 65% {
+    -webkit-transform: rotate(-7deg);
+            transform: rotate(-7deg); }
+  0%, 30%, 70%, 100% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); } }
+
+@keyframes wiggle-7deg {
+  40%, 50%, 60% {
+    -webkit-transform: rotate(7deg);
+            transform: rotate(7deg); }
+  35%, 45%, 55%, 65% {
+    -webkit-transform: rotate(-7deg);
+            transform: rotate(-7deg); }
+  0%, 30%, 70%, 100% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); } }
+
+.mui-animate.infinite {
+  -webkit-animation-iteration-count: infinite;
+          animation-iteration-count: infinite; }
+
+.mui-animate.slow {
+  transition-duration: 750ms !important; }
+
+.mui-animate.fast {
+  transition-duration: 250ms !important; }
+
+.mui-animate.linear {
+  transition-timing-function: linear !important; }
+
+.mui-animate.ease {
+  transition-timing-function: ease !important; }
+
+.mui-animate.easeIn {
+  transition-timing-function: ease-in !important; }
+
+.mui-animate.easeOut {
+  transition-timing-function: ease-out !important; }
+
+.mui-animate.easeInOut {
+  transition-timing-function: ease-in-out !important; }
+
+.mui-animate.bounceIn {
+  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
+
+.mui-animate.bounceOut {
+  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
+
+.mui-animate.bounceInOut {
+  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
+
+.mui-animate.short-delay {
+  transition-timing-function: 300ms !important; }
+
+.mui-animate.long-delay {
+  transition-timing-function: 700ms !important; }
+
+.accordion {
+  list-style-type: none;
+  background: #fefefe;
+  border: 1px solid #f3f3f3;
+  margin-left: 0; }
+  .accordion > .accordion-item .content {
+    padding: 1.25rem 1rem;
+    display: none;
+    border-bottom: 1px solid #f3f3f3; }
+  .accordion > .accordion-item > a {
+    display: block;
+    padding: 1.25rem 1rem;
+    line-height: 1;
+    font-size: 12px;
+    color: #2199e8;
+    position: relative;
+    border-bottom: 1px solid #f3f3f3; }
+    .accordion > .accordion-item > a:last-child {
+      border-bottom: 0 solid #f3f3f3; }
+    .accordion > .accordion-item > a:hover,
+    .accordion > .accordion-item > a:focus {
+      background: #f3f3f3; }
+    .accordion > .accordion-item > a::before {
+      content: '+';
+      position: absolute;
+      right: 1rem;
+      top: 50%;
+      margin-top: -0.5rem;
+      font-size: 0.9rem; }
+  .accordion > .accordion-item:last-child a {
+    border-bottom: 0 solid #f3f3f3; }
+  .accordion > .is-active > a {
+    background: #f3f3f3; }
+    .accordion > .is-active > a::before {
+      content: '-'; }
+
+.close-button {
+  position: absolute;
+  color: #8a8a8a;
+  right: 1rem;
+  top: 0.5rem;
+  font-size: 2em;
+  line-height: 1;
+  cursor: pointer; }
+  .close-button:hover {
+    color: #0a0a0a; }
+
+.is-drilldown {
+  position: relative;
+  overflow: hidden; }
+
+.is-drilldown-sub {
+  position: absolute;
+  top: 0;
+  left: 100%;
+  width: 100%;
+  background: #fefefe;
+  transition: -webkit-transform 0.15s linear;
+  transition: transform 0.15s linear; }
+  .is-drilldown-sub.is-active {
+    -webkit-transform: translateX(-100%);
+        -ms-transform: translateX(-100%);
+            transform: translateX(-100%); }
+
+.dropdown.menu-bar .has-submenu {
+  position: relative; }
+
+.dropdown.menu-bar .submenu {
+  display: none;
+  position: absolute;
+  top: 100%;
+  width: auto;
+  white-space: nowrap;
+  background: #fefefe;
+  z-index: 1; }
+  .dropdown.menu-bar .submenu:not(.js-dropdown-nohover) > .has-submenu:hover > .dropdown.menu-bar .submenu,
+  .dropdown.menu-bar .submenu.js-dropdown-active {
+    display: block; }
+
+.dropdown.menu-bar.vertical > li > .submenu {
+  top: 0;
+  left: 100%; }
+
+.dropdown-pane {
+  background-color: #fefefe;
+  border: 1px solid #cacaca;
+  display: block;
+  padding: 1rem;
+  position: absolute;
+  visibility: hidden;
+  width: 300px;
+  z-index: 10; }
+  .dropdown-pane.tiny {
+    width: 100px; }
+  .dropdown-pane.small {
+    width: 200px; }
+  .dropdown-pane.large {
+    width: 400px; }
+  .dropdown-pane.is-open {
+    visibility: visible; }
+
+.slider-fill {
+  background: #cacaca;
+  display: inline-block;
+  height: 0.5rem;
+  position: absolute; }
+
+.slider-handle {
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+          transform: translateY(-50%);
+  background: #2199e8;
+  cursor: pointer;
+  display: inline-block;
+  z-index: 1;
+  height: 1.4rem;
+  width: 1.4rem;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation; }
+  .slider-handle:hover {
+    background: #1583cc; }
+
+.slider {
+  background: #f3f3f3;
+  position: relative;
+  height: 0.5rem;
+  margin-top: 1.25rem;
+  margin-bottom: 2.25rem; }
+  .slider.disabled,
+  .slider.slider[disabled] {
+    cursor: not-allowed;
+    opacity: 0.5; }
+    .slider.disabled .slider-handle,
+    .slider.slider[disabled] .slider-handle {
+      cursor: not-allowed; }
+  .slider.vertical {
+    display: inline-block;
+    height: 12.5rem;
+    width: 0.5rem;
+    margin: 0 1.25rem; }
+    .slider.vertical .slider-fill {
+      top: 0;
+      width: 0.5rem; }
+    .slider.vertical .slider-handle {
+      position: absolute;
+      left: 50%;
+      -webkit-transform: translateX(-50%);
+          -ms-transform: translateX(-50%);
+              transform: translateX(-50%);
+      top: 0;
+      height: 1.4rem;
+      width: 1.4rem; }
+
+body.is-reveal-open {
+  overflow: hidden; }
+
+.switch {
+  border: 0;
+  margin-bottom: 1rem;
+  outline: 0;
+  padding: 0;
+  position: relative;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none; }
+  .switch.tiny .switch-handle {
+    height: 1.5rem;
+    width: 3rem; }
+    .switch.tiny .switch-handle:after {
+      height: 1rem;
+      width: 1rem; }
+    .switch.tiny .switch-handle .switch-active, .switch.tiny .switch-handle .switch-disabled {
+      font-size: 0.625rem; }
+  .switch.small .switch-handle {
+    height: 1.75rem;
+    width: 3.5rem; }
+    .switch.small .switch-handle:after {
+      height: 1.25rem;
+      width: 1.25rem; }
+    .switch.small .switch-handle .switch-active, .switch.small .switch-handle .switch-disabled {
+      font-size: 0.75rem; }
+  .switch.large .switch-handle {
+    height: 2.5rem;
+    width: 5rem; }
+    .switch.large .switch-handle:after {
+      height: 2rem;
+      width: 2rem; }
+    .switch.large .switch-handle .switch-active, .switch.large .switch-handle .switch-disabled {
+      font-size: 1rem; }
+  .switch.tiny .switch-input:checked ~ .switch-handle:after {
+    left: 1.75rem; }
+  .switch.small .switch-input:checked ~ .switch-handle:after {
+    left: 2rem; }
+  .switch.large .switch-input:checked ~ .switch-handle:after {
+    left: 2.75rem; }
+
+.switch-handle {
+  background: #cacaca;
+  cursor: pointer;
+  display: block;
+  margin-bottom: 1rem;
+  position: relative;
+  text-indent: 100%;
+  width: 4rem;
+  height: 2rem;
+  transition: all 0.25s ease-out;
+  border-radius: 0; }
+  .switch-handle:after {
+    background: #fefefe;
+    content: '';
+    display: block;
+    position: absolute;
+    height: 1.5rem;
+    left: 0.25rem;
+    top: 0.25rem;
+    width: 1.5rem;
+    transition: all 0.25s ease-out;
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0); }
+
+.switch-input {
+  opacity: 0;
+  position: absolute; }
+  .switch-input ~ .switch-handle {
+    margin-left: 0;
+    margin-right: 0; }
+  .switch-input:checked ~ .switch-handle {
+    background: #2199e8; }
+    .switch-input:checked ~ .switch-handle:after {
+      left: 2.25rem; }
+  .switch-input:checked ~ .switch-handle .switch-active {
+    display: block; }
+  .switch-input:checked ~ .switch-handle .switch-disabled {
+    display: none; }
+  .switch-input:focus ~ .switch-handle {
+    outline: thin dotted #333;
+    outline: 5px auto -webkit-focus-ring-color;
+    outline-offset: -2px;
+    overflow: hidden; }
+
+.switch-active, .switch-disabled {
+  position: absolute;
+  padding: 0;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+          transform: translateY(-50%);
+  color: #fefefe;
+  font-weight: bold;
+  font-size: 0.875rem; }
+
+.switch-active {
+  left: -90%;
+  display: none; }
+
+.switch-disabled {
+  right: 15%; }
+
+.tabs {
+  margin: 0;
+  list-style-type: none;
+  background: #fefefe;
+  border: 1px solid #f3f3f3; }
+  .tabs::before,
+  .tabs::after {
+    content: ' ';
+    display: table; }
+  .tabs::after {
+    clear: both; }
+  .tabs.simple > li > a {
+    padding: 0; }
+    .tabs.simple > li > a:hover {
+      background: transparent; }
+  .tabs.vertical > li {
+    width: auto;
+    float: none;
+    display: block; }
+  .tabs.primary {
+    background: #2199e8; }
+    .tabs.primary > li > a {
+      color: #fefefe; }
+      .tabs.primary > li > a:hover,
+      .tabs.primary > li > a:focus {
+        background: #1893e4; }
+
+.tabs-title {
+  float: left; }
+  .tabs-title > a {
+    display: block;
+    padding: 1.25rem 1.5rem;
+    line-height: 1;
+    font-size: 12px;
+    color: #2199e8; }
+    .tabs-title > a:hover,
+    .tabs-title > a:focus,
+    .tabs-title > a[aria-selected="true"] {
+      background: #f3f3f3; }
+
+.tabs-content {
+  background: #fefefe;
+  transition: all 0.5s ease;
+  border: 1px solid #f3f3f3;
+  border-top: 0; }
+  .tabs-content.vertical {
+    border: 1px solid #f3f3f3;
+    border-left: 0; }
+
+.tabs-panel {
+  display: none;
+  padding: 1rem; }
+  .tabs-panel.is-active {
+    display: block; }
+
+.has-tip {
+  border-bottom: dotted 1px #8a8a8a;
+  font-weight: bold;
+  position: relative;
+  display: inline-block; }
+  .has-tip:hover {
+    cursor: help; }
+
+.tooltip {
+  background-color: #0a0a0a;
+  color: #fefefe;
+  font-size: 80%;
+  padding: 0.75rem;
+  position: absolute;
+  z-index: 10;
+  top: calc(100% + 0.6495rem);
+  max-width: 10rem !important; }
+  .tooltip::before {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 0.75rem;
+    border-color: transparent transparent #0a0a0a;
+    border-bottom-style: solid;
+    bottom: 100%;
+    position: absolute;
+    left: 50%;
+    -webkit-transform: translateX(-50%);
+        -ms-transform: translateX(-50%);
+            transform: translateX(-50%); }
+  .tooltip.top::before {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 0.75rem;
+    border-color: #0a0a0a transparent transparent;
+    border-top-style: solid;
+    top: 100%;
+    bottom: auto; }
+  .tooltip.left::before {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 0.75rem;
+    border-color: transparent transparent transparent #0a0a0a;
+    border-left-style: solid;
+    bottom: auto;
+    left: 100%;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+            transform: translateY(-50%); }
+  .tooltip.right::before {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 0.75rem;
+    border-color: transparent #0a0a0a transparent transparent;
+    border-right-style: solid;
+    bottom: auto;
+    left: auto;
+    right: 100%;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+            transform: translateY(-50%); }
+
+.foundation-mq {
+  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
+
+html,
+body {
+  font-size: 100%;
+  box-sizing: border-box; }
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit; }
+
+body {
+  padding: 0;
+  margin: 0;
+  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-weight: normal;
+  line-height: 1.5;
+  color: #0a0a0a;
+  background: #fefefe;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+img {
+  max-width: 100%;
+  height: auto;
+  -ms-interpolation-mode: bicubic;
+  display: inline-block;
+  vertical-align: middle; }
+
+textarea {
+  height: auto;
+  min-height: 50px; }
+
+select {
+  width: 100%; }
+
+#map_canvas img,
+#map_canvas embed,
+#map_canvas object,
+.map_canvas img,
+.map_canvas embed,
+.map_canvas object,
+.mqa-display img,
+.mqa-display embed,
+.mqa-display object {
+  max-width: none !important; }
+
+button {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background: transparent;
+  padding: 0;
+  border: 0;
+  line-height: 1; }
+
+.row {
+  max-width: rem-calc(1000);
+  margin-left: auto;
+  margin-right: auto; }
+  .row::before,
+  .row::after {
+    content: ' ';
+    display: table; }
+  .row::after {
+    clear: both; }
+  .row.collapse > .column, .row.collapse > .columns {
+    padding-left: 0;
+    padding-right: 0; }
+  .row .row,
+  .column-row .row {
+    margin-left: -0.9375rem;
+    margin-right: -0.9375rem; }
+    .row .row.collapse,
+    .column-row .row.collapse {
+      margin-left: 0;
+      margin-right: 0; }
+  @media screen {
+    .row.small-collapse > .column, .row.small-collapse > .columns {
+      padding-left: 0;
+      padding-right: 0; }
+    .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
+      padding-left: 0.9375rem;
+      padding-right: 0.9375rem; } }
+  @media screen and (min-width: 40em) {
+    .row.medium-collapse > .column, .row.medium-collapse > .columns {
+      padding-left: 0;
+      padding-right: 0; }
+    .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
+      padding-left: 0.9375rem;
+      padding-right: 0.9375rem; } }
+  @media screen and (min-width: 64em) {
+    .row.large-collapse > .column, .row.large-collapse > .columns {
+      padding-left: 0;
+      padding-right: 0; }
+    .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
+      padding-left: 0.9375rem;
+      padding-right: 0.9375rem; } }
+  .row.expanded {
+    max-width: none; }
+
+.column, .columns {
+  width: 100%;
+  float: left;
+  padding-left: 0.9375rem;
+  padding-right: 0.9375rem; }
+  .column.end, .end.columns {
+    float: right; }
+
+.column-row {
+  max-width: rem-calc(1000);
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 0.9375rem;
+  padding-right: 0.9375rem; }
+  .column-row .row {
+    margin-left: -0.9375rem;
+    margin-right: -0.9375rem; }
+
+@media screen {
+  .small-1 {
+    width: 8.33333%; }
+  .small-push-1 {
+    position: relative;
+    left: 8.33333%; }
+  .small-pull-1 {
+    position: relative;
+    left: -8.33333%; }
+  .small-offset-0 {
+    margin-left: 0%; }
+  .small-2 {
+    width: 16.66667%; }
+  .small-push-2 {
+    position: relative;
+    left: 16.66667%; }
+  .small-pull-2 {
+    position: relative;
+    left: -16.66667%; }
+  .small-offset-1 {
+    margin-left: 8.33333%; }
+  .small-3 {
+    width: 25%; }
+  .small-push-3 {
+    position: relative;
+    left: 25%; }
+  .small-pull-3 {
+    position: relative;
+    left: -25%; }
+  .small-offset-2 {
+    margin-left: 16.66667%; }
+  .small-4 {
+    width: 33.33333%; }
+  .small-push-4 {
+    position: relative;
+    left: 33.33333%; }
+  .small-pull-4 {
+    position: relative;
+    left: -33.33333%; }
+  .small-offset-3 {
+    margin-left: 25%; }
+  .small-5 {
+    width: 41.66667%; }
+  .small-push-5 {
+    position: relative;
+    left: 41.66667%; }
+  .small-pull-5 {
+    position: relative;
+    left: -41.66667%; }
+  .small-offset-4 {
+    margin-left: 33.33333%; }
+  .small-6 {
+    width: 50%; }
+  .small-push-6 {
+    position: relative;
+    left: 50%; }
+  .small-pull-6 {
+    position: relative;
+    left: -50%; }
+  .small-offset-5 {
+    margin-left: 41.66667%; }
+  .small-7 {
+    width: 58.33333%; }
+  .small-push-7 {
+    position: relative;
+    left: 58.33333%; }
+  .small-pull-7 {
+    position: relative;
+    left: -58.33333%; }
+  .small-offset-6 {
+    margin-left: 50%; }
+  .small-8 {
+    width: 66.66667%; }
+  .small-push-8 {
+    position: relative;
+    left: 66.66667%; }
+  .small-pull-8 {
+    position: relative;
+    left: -66.66667%; }
+  .small-offset-7 {
+    margin-left: 58.33333%; }
+  .small-9 {
+    width: 75%; }
+  .small-push-9 {
+    position: relative;
+    left: 75%; }
+  .small-pull-9 {
+    position: relative;
+    left: -75%; }
+  .small-offset-8 {
+    margin-left: 66.66667%; }
+  .small-10 {
+    width: 83.33333%; }
+  .small-push-10 {
+    position: relative;
+    left: 83.33333%; }
+  .small-pull-10 {
+    position: relative;
+    left: -83.33333%; }
+  .small-offset-9 {
+    margin-left: 75%; }
+  .small-11 {
+    width: 91.66667%; }
+  .small-push-11 {
+    position: relative;
+    left: 91.66667%; }
+  .small-pull-11 {
+    position: relative;
+    left: -91.66667%; }
+  .small-offset-10 {
+    margin-left: 83.33333%; }
+  .small-12 {
+    width: 100%; }
+  .small-offset-11 {
+    margin-left: 91.66667%; }
+  .small-up-1 .column, .small-up-1 .columns {
+    width: 100%;
+    float: left; }
+    .small-up-1 .column:nth-of-type(1n), .small-up-1 .columns:nth-of-type(1n) {
+      clear: none; }
+    .small-up-1 .column:nth-of-type(1n+1), .small-up-1 .columns:nth-of-type(1n+1) {
+      clear: both; }
+  .small-up-2 .column, .small-up-2 .columns {
+    width: 50%;
+    float: left; }
+    .small-up-2 .column:nth-of-type(1n), .small-up-2 .columns:nth-of-type(1n) {
+      clear: none; }
+    .small-up-2 .column:nth-of-type(2n+1), .small-up-2 .columns:nth-of-type(2n+1) {
+      clear: both; }
+  .small-up-3 .column, .small-up-3 .columns {
+    width: 33.33333%;
+    float: left; }
+    .small-up-3 .column:nth-of-type(1n), .small-up-3 .columns:nth-of-type(1n) {
+      clear: none; }
+    .small-up-3 .column:nth-of-type(3n+1), .small-up-3 .columns:nth-of-type(3n+1) {
+      clear: both; }
+  .small-up-4 .column, .small-up-4 .columns {
+    width: 25%;
+    float: left; }
+    .small-up-4 .column:nth-of-type(1n), .small-up-4 .columns:nth-of-type(1n) {
+      clear: none; }
+    .small-up-4 .column:nth-of-type(4n+1), .small-up-4 .columns:nth-of-type(4n+1) {
+      clear: both; }
+  .small-up-5 .column, .small-up-5 .columns {
+    width: 20%;
+    float: left; }
+    .small-up-5 .column:nth-of-type(1n), .small-up-5 .columns:nth-of-type(1n) {
+      clear: none; }
+    .small-up-5 .column:nth-of-type(5n+1), .small-up-5 .columns:nth-of-type(5n+1) {
+      clear: both; }
+  .small-up-6 .column, .small-up-6 .columns {
+    width: 16.66667%;
+    float: left; }
+    .small-up-6 .column:nth-of-type(1n), .small-up-6 .columns:nth-of-type(1n) {
+      clear: none; }
+    .small-up-6 .column:nth-of-type(6n+1), .small-up-6 .columns:nth-of-type(6n+1) {
+      clear: both; }
+  .small-center {
+    margin-left: auto;
+    margin-right: auto; }
+  .small-uncenter,
+  .small-push-0,
+  .small-pull-0 {
+    position: static;
+    margin-left: 0;
+    margin-right: 0; } }
+
+@media screen and (min-width: 40em) {
+  .medium-1 {
+    width: 8.33333%; }
+  .medium-push-1 {
+    position: relative;
+    left: 8.33333%; }
+  .medium-pull-1 {
+    position: relative;
+    left: -8.33333%; }
+  .medium-offset-0 {
+    margin-left: 0%; }
+  .medium-2 {
+    width: 16.66667%; }
+  .medium-push-2 {
+    position: relative;
+    left: 16.66667%; }
+  .medium-pull-2 {
+    position: relative;
+    left: -16.66667%; }
+  .medium-offset-1 {
+    margin-left: 8.33333%; }
+  .medium-3 {
+    width: 25%; }
+  .medium-push-3 {
+    position: relative;
+    left: 25%; }
+  .medium-pull-3 {
+    position: relative;
+    left: -25%; }
+  .medium-offset-2 {
+    margin-left: 16.66667%; }
+  .medium-4 {
+    width: 33.33333%; }
+  .medium-push-4 {
+    position: relative;
+    left: 33.33333%; }
+  .medium-pull-4 {
+    position: relative;
+    left: -33.33333%; }
+  .medium-offset-3 {
+    margin-left: 25%; }
+  .medium-5 {
+    width: 41.66667%; }
+  .medium-push-5 {
+    position: relative;
+    left: 41.66667%; }
+  .medium-pull-5 {
+    position: relative;
+    left: -41.66667%; }
+  .medium-offset-4 {
+    margin-left: 33.33333%; }
+  .medium-6 {
+    width: 50%; }
+  .medium-push-6 {
+    position: relative;
+    left: 50%; }
+  .medium-pull-6 {
+    position: relative;
+    left: -50%; }
+  .medium-offset-5 {
+    margin-left: 41.66667%; }
+  .medium-7 {
+    width: 58.33333%; }
+  .medium-push-7 {
+    position: relative;
+    left: 58.33333%; }
+  .medium-pull-7 {
+    position: relative;
+    left: -58.33333%; }
+  .medium-offset-6 {
+    margin-left: 50%; }
+  .medium-8 {
+    width: 66.66667%; }
+  .medium-push-8 {
+    position: relative;
+    left: 66.66667%; }
+  .medium-pull-8 {
+    position: relative;
+    left: -66.66667%; }
+  .medium-offset-7 {
+    margin-left: 58.33333%; }
+  .medium-9 {
+    width: 75%; }
+  .medium-push-9 {
+    position: relative;
+    left: 75%; }
+  .medium-pull-9 {
+    position: relative;
+    left: -75%; }
+  .medium-offset-8 {
+    margin-left: 66.66667%; }
+  .medium-10 {
+    width: 83.33333%; }
+  .medium-push-10 {
+    position: relative;
+    left: 83.33333%; }
+  .medium-pull-10 {
+    position: relative;
+    left: -83.33333%; }
+  .medium-offset-9 {
+    margin-left: 75%; }
+  .medium-11 {
+    width: 91.66667%; }
+  .medium-push-11 {
+    position: relative;
+    left: 91.66667%; }
+  .medium-pull-11 {
+    position: relative;
+    left: -91.66667%; }
+  .medium-offset-10 {
+    margin-left: 83.33333%; }
+  .medium-12 {
+    width: 100%; }
+  .medium-offset-11 {
+    margin-left: 91.66667%; }
+  .medium-up-1 .column, .medium-up-1 .columns {
+    width: 100%;
+    float: left; }
+    .medium-up-1 .column:nth-of-type(1n), .medium-up-1 .columns:nth-of-type(1n) {
+      clear: none; }
+    .medium-up-1 .column:nth-of-type(1n+1), .medium-up-1 .columns:nth-of-type(1n+1) {
+      clear: both; }
+  .medium-up-2 .column, .medium-up-2 .columns {
+    width: 50%;
+    float: left; }
+    .medium-up-2 .column:nth-of-type(1n), .medium-up-2 .columns:nth-of-type(1n) {
+      clear: none; }
+    .medium-up-2 .column:nth-of-type(2n+1), .medium-up-2 .columns:nth-of-type(2n+1) {
+      clear: both; }
+  .medium-up-3 .column, .medium-up-3 .columns {
+    width: 33.33333%;
+    float: left; }
+    .medium-up-3 .column:nth-of-type(1n), .medium-up-3 .columns:nth-of-type(1n) {
+      clear: none; }
+    .medium-up-3 .column:nth-of-type(3n+1), .medium-up-3 .columns:nth-of-type(3n+1) {
+      clear: both; }
+  .medium-up-4 .column, .medium-up-4 .columns {
+    width: 25%;
+    float: left; }
+    .medium-up-4 .column:nth-of-type(1n), .medium-up-4 .columns:nth-of-type(1n) {
+      clear: none; }
+    .medium-up-4 .column:nth-of-type(4n+1), .medium-up-4 .columns:nth-of-type(4n+1) {
+      clear: both; }
+  .medium-up-5 .column, .medium-up-5 .columns {
+    width: 20%;
+    float: left; }
+    .medium-up-5 .column:nth-of-type(1n), .medium-up-5 .columns:nth-of-type(1n) {
+      clear: none; }
+    .medium-up-5 .column:nth-of-type(5n+1), .medium-up-5 .columns:nth-of-type(5n+1) {
+      clear: both; }
+  .medium-up-6 .column, .medium-up-6 .columns {
+    width: 16.66667%;
+    float: left; }
+    .medium-up-6 .column:nth-of-type(1n), .medium-up-6 .columns:nth-of-type(1n) {
+      clear: none; }
+    .medium-up-6 .column:nth-of-type(6n+1), .medium-up-6 .columns:nth-of-type(6n+1) {
+      clear: both; }
+  .medium-center {
+    margin-left: auto;
+    margin-right: auto; }
+  .medium-uncenter,
+  .medium-push-0,
+  .medium-pull-0 {
+    position: static;
+    margin-left: 0;
+    margin-right: 0; } }
+
+@media screen and (min-width: 64em) {
+  .large-1 {
+    width: 8.33333%; }
+  .large-push-1 {
+    position: relative;
+    left: 8.33333%; }
+  .large-pull-1 {
+    position: relative;
+    left: -8.33333%; }
+  .large-offset-0 {
+    margin-left: 0%; }
+  .large-2 {
+    width: 16.66667%; }
+  .large-push-2 {
+    position: relative;
+    left: 16.66667%; }
+  .large-pull-2 {
+    position: relative;
+    left: -16.66667%; }
+  .large-offset-1 {
+    margin-left: 8.33333%; }
+  .large-3 {
+    width: 25%; }
+  .large-push-3 {
+    position: relative;
+    left: 25%; }
+  .large-pull-3 {
+    position: relative;
+    left: -25%; }
+  .large-offset-2 {
+    margin-left: 16.66667%; }
+  .large-4 {
+    width: 33.33333%; }
+  .large-push-4 {
+    position: relative;
+    left: 33.33333%; }
+  .large-pull-4 {
+    position: relative;
+    left: -33.33333%; }
+  .large-offset-3 {
+    margin-left: 25%; }
+  .large-5 {
+    width: 41.66667%; }
+  .large-push-5 {
+    position: relative;
+    left: 41.66667%; }
+  .large-pull-5 {
+    position: relative;
+    left: -41.66667%; }
+  .large-offset-4 {
+    margin-left: 33.33333%; }
+  .large-6 {
+    width: 50%; }
+  .large-push-6 {
+    position: relative;
+    left: 50%; }
+  .large-pull-6 {
+    position: relative;
+    left: -50%; }
+  .large-offset-5 {
+    margin-left: 41.66667%; }
+  .large-7 {
+    width: 58.33333%; }
+  .large-push-7 {
+    position: relative;
+    left: 58.33333%; }
+  .large-pull-7 {
+    position: relative;
+    left: -58.33333%; }
+  .large-offset-6 {
+    margin-left: 50%; }
+  .large-8 {
+    width: 66.66667%; }
+  .large-push-8 {
+    position: relative;
+    left: 66.66667%; }
+  .large-pull-8 {
+    position: relative;
+    left: -66.66667%; }
+  .large-offset-7 {
+    margin-left: 58.33333%; }
+  .large-9 {
+    width: 75%; }
+  .large-push-9 {
+    position: relative;
+    left: 75%; }
+  .large-pull-9 {
+    position: relative;
+    left: -75%; }
+  .large-offset-8 {
+    margin-left: 66.66667%; }
+  .large-10 {
+    width: 83.33333%; }
+  .large-push-10 {
+    position: relative;
+    left: 83.33333%; }
+  .large-pull-10 {
+    position: relative;
+    left: -83.33333%; }
+  .large-offset-9 {
+    margin-left: 75%; }
+  .large-11 {
+    width: 91.66667%; }
+  .large-push-11 {
+    position: relative;
+    left: 91.66667%; }
+  .large-pull-11 {
+    position: relative;
+    left: -91.66667%; }
+  .large-offset-10 {
+    margin-left: 83.33333%; }
+  .large-12 {
+    width: 100%; }
+  .large-offset-11 {
+    margin-left: 91.66667%; }
+  .large-up-1 .column, .large-up-1 .columns {
+    width: 100%;
+    float: left; }
+    .large-up-1 .column:nth-of-type(1n), .large-up-1 .columns:nth-of-type(1n) {
+      clear: none; }
+    .large-up-1 .column:nth-of-type(1n+1), .large-up-1 .columns:nth-of-type(1n+1) {
+      clear: both; }
+  .large-up-2 .column, .large-up-2 .columns {
+    width: 50%;
+    float: left; }
+    .large-up-2 .column:nth-of-type(1n), .large-up-2 .columns:nth-of-type(1n) {
+      clear: none; }
+    .large-up-2 .column:nth-of-type(2n+1), .large-up-2 .columns:nth-of-type(2n+1) {
+      clear: both; }
+  .large-up-3 .column, .large-up-3 .columns {
+    width: 33.33333%;
+    float: left; }
+    .large-up-3 .column:nth-of-type(1n), .large-up-3 .columns:nth-of-type(1n) {
+      clear: none; }
+    .large-up-3 .column:nth-of-type(3n+1), .large-up-3 .columns:nth-of-type(3n+1) {
+      clear: both; }
+  .large-up-4 .column, .large-up-4 .columns {
+    width: 25%;
+    float: left; }
+    .large-up-4 .column:nth-of-type(1n), .large-up-4 .columns:nth-of-type(1n) {
+      clear: none; }
+    .large-up-4 .column:nth-of-type(4n+1), .large-up-4 .columns:nth-of-type(4n+1) {
+      clear: both; }
+  .large-up-5 .column, .large-up-5 .columns {
+    width: 20%;
+    float: left; }
+    .large-up-5 .column:nth-of-type(1n), .large-up-5 .columns:nth-of-type(1n) {
+      clear: none; }
+    .large-up-5 .column:nth-of-type(5n+1), .large-up-5 .columns:nth-of-type(5n+1) {
+      clear: both; }
+  .large-up-6 .column, .large-up-6 .columns {
+    width: 16.66667%;
+    float: left; }
+    .large-up-6 .column:nth-of-type(1n), .large-up-6 .columns:nth-of-type(1n) {
+      clear: none; }
+    .large-up-6 .column:nth-of-type(6n+1), .large-up-6 .columns:nth-of-type(6n+1) {
+      clear: both; }
+  .large-center {
+    margin-left: auto;
+    margin-right: auto; }
+  .large-uncenter,
+  .large-push-0,
+  .large-pull-0 {
+    position: static;
+    margin-left: 0;
+    margin-right: 0; } }
+
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+form,
+p,
+blockquote,
+th,
+td {
+  margin: 0;
+  padding: 0; }
+
+p {
+  font-size: inherit;
+  line-height: 1.6;
+  margin-bottom: 1rem;
+  text-rendering: optimizeLegibility; }
+
+em,
+i {
+  font-style: italic;
+  line-height: inherit; }
+
+strong,
+b {
+  font-weight: bold;
+  line-height: inherit; }
+
+small {
+  font-size: 80%;
+  line-height: inherit; }
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-weight: normal;
+  font-style: normal;
+  color: #0a0a0a;
+  text-rendering: optimizeLegibility;
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  line-height: 1.4; }
+  h1 small,
+  h2 small,
+  h3 small,
+  h4 small,
+  h5 small,
+  h6 small {
+    color: #cacaca;
+    line-height: 0; }
+
+h1 {
+  font-size: 1.383rem; }
+  @media screen and (min-width: 40em) {
+    h1 {
+      font-size: 1.80203rem; } }
+  @media screen and (min-width: 64em) {
+    h1 {
+      font-size: 3.05176rem; } }
+
+h2 {
+  font-size: 1.29616rem; }
+  @media screen and (min-width: 40em) {
+    h2 {
+      font-size: 1.60181rem; } }
+  @media screen and (min-width: 64em) {
+    h2 {
+      font-size: 2.44141rem; } }
+
+h3 {
+  font-size: 1.21477rem; }
+  @media screen and (min-width: 40em) {
+    h3 {
+      font-size: 1.42383rem; } }
+  @media screen and (min-width: 64em) {
+    h3 {
+      font-size: 1.95312rem; } }
+
+h4 {
+  font-size: 1.13849rem; }
+  @media screen and (min-width: 40em) {
+    h4 {
+      font-size: 1.26562rem; } }
+  @media screen and (min-width: 64em) {
+    h4 {
+      font-size: 1.5625rem; } }
+
+h5 {
+  font-size: 1.067rem; }
+  @media screen and (min-width: 40em) {
+    h5 {
+      font-size: 1.125rem; } }
+  @media screen and (min-width: 64em) {
+    h5 {
+      font-size: 1.25rem; } }
+
+h6 {
+  font-size: 1rem; }
+
+a {
+  color: #2199e8;
+  text-decoration: none;
+  line-height: inherit;
+  cursor: pointer; }
+  a:hover,
+  a:focus {
+    color: #1585cf; }
+  a img {
+    border: 0; }
+
+hr {
+  max-width: rem-calc(1000);
+  height: 0;
+  border-top: 0;
+  border-bottom: 1px solid #cacaca;
+  margin: 1.25rem 0;
+  clear: both; }
+
+ul,
+ol,
+dl {
+  line-height: 1.6;
+  margin-bottom: 1rem;
+  list-style-position: outside; }
+
+li {
+  font-size: inherit; }
+
+ul {
+  list-style-type: disc;
+  margin-left: 1.25rem; }
+
+ol {
+  margin-left: 1.25rem; }
+
+ul ul, ol ol {
+  margin-left: 1.25rem;
+  margin-bottom: 0;
+  list-style-type: inherit; }
+
+dl {
+  margin-bottom: 1rem; }
+  dl dt {
+    margin-bottom: 0.3rem;
+    font-weight: bold; }
+
+blockquote {
+  margin: 0 0 1rem;
+  padding: 0.5625rem 1.25rem 0 1.1875rem;
+  border-left: 1px solid #cacaca; }
+  blockquote, blockquote p {
+    line-height: 1.6;
+    color: #8a8a8a; }
+
+cite {
+  display: block;
+  font-size: 0.8125rem;
+  color: #8a8a8a; }
+  cite:before {
+    content: '\2014 \0020'; }
+
+abbr,
+acronym {
+  color: #0a0a0a;
+  cursor: help;
+  border-bottom: 1px dotted #0a0a0a; }
+
+code {
+  font-family: Consolas, "Liberation Mono", Courier, monospace;
+  font-weight: normal;
+  color: #0a0a0a;
+  background-color: #f3f3f3;
+  border: 1px solid #cacaca;
+  padding: 0.125rem 0.3125rem 0.0625rem; }
+
+kbd {
+  padding: 0.125rem 0.25rem 0;
+  margin: 0;
+  background-color: #f3f3f3;
+  color: #0a0a0a;
+  font-family: Consolas, "Liberation Mono", Courier, monospace; }
+
+.subheader {
+  margin-top: 0.2rem;
+  margin-bottom: 0.5rem;
+  font-weight: normal;
+  line-height: 1.4;
+  color: #8a8a8a; }
+
+.lead {
+  font-size: 125%;
+  line-height: 1.6; }
+
+.stat {
+  font-size: 2.5rem;
+  line-height: 1; }
+  p + .stat {
+    margin-top: -1rem; }
+
+.no-bullet {
+  margin-left: 0;
+  list-style: none; }
+
+.antialiased {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+.text-left {
+  text-align: left; }
+
+@media screen and (min-width: 40em) {
+  .medium-text-left {
+    text-align: left; } }
+
+@media screen and (min-width: 64em) {
+  .large-text-left {
+    text-align: left; } }
+
+.text-right {
+  text-align: right; }
+
+@media screen and (min-width: 40em) {
+  .medium-text-right {
+    text-align: right; } }
+
+@media screen and (min-width: 64em) {
+  .large-text-right {
+    text-align: right; } }
+
+.text-center {
+  text-align: center; }
+
+@media screen and (min-width: 40em) {
+  .medium-text-center {
+    text-align: center; } }
+
+@media screen and (min-width: 64em) {
+  .large-text-center {
+    text-align: center; } }
+
+.text-justify {
+  text-align: justify; }
+
+@media screen and (min-width: 40em) {
+  .medium-text-justify {
+    text-align: justify; } }
+
+@media screen and (min-width: 64em) {
+  .large-text-justify {
+    text-align: justify; } }
+
+.show-for-print {
+  display: none !important; }
+
+@media print {
+  * {
+    background: transparent !important;
+    color: black !important;
+    box-shadow: none !important;
+    text-shadow: none !important; }
+  .show-for-print {
+    display: block !important; }
+  .hide-for-print {
+    display: none !important; }
+  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:visited {
+    text-decoration: underline; }
+  a[href]:after {
+    content: " (" attr(href) ")"; }
+  .ir a:after,
+  a[href^='javascript:']:after,
+  a[href^='#']:after {
+    content: ''; }
+  abbr[title]:after {
+    content: " (" attr(title) ")"; }
+  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: 0.5cm; }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3; }
+  h2,
+  h3 {
+    page-break-after: avoid; } }
+
+.button {
+  display: inline-block;
+  text-align: center;
+  line-height: 1;
+  cursor: pointer;
+  -webkit-appearance: none;
+  transition: all 0.25s ease-out;
+  vertical-align: middle;
+  border: 1px solid transparent;
+  padding: 0.85em 1em;
+  margin: 0 1rem 1rem 0;
+  font-size: 0.9rem;
+  background: #2199e8;
+  color: #fff; }
+  .button:hover, .button:focus {
+    background: #1583cc;
+    color: #fff; }
+  .button.tiny {
+    font-size: 0.63rem; }
+  .button.small {
+    font-size: 0.72rem; }
+  .button.large {
+    font-size: 1.17rem; }
+  .button.expanded {
+    display: block;
+    width: 100%;
+    margin-left: 0;
+    margin-right: 0; }
+  .button.primary {
+    background: #2199e8;
+    color: #fff; }
+    .button.primary:hover, .button.primary:focus {
+      background: #147cc0;
+      color: #fff; }
+  .button.secondary {
+    background: #777;
+    color: #fff; }
+    .button.secondary:hover, .button.secondary:focus {
+      background: #5f5f5f;
+      color: #fff; }
+  .button.success {
+    background: #3adb76;
+    color: #fff; }
+    .button.success:hover, .button.success:focus {
+      background: #22bb5b;
+      color: #fff; }
+  .button.alert {
+    background: #ec5840;
+    color: #fff; }
+    .button.alert:hover, .button.alert:focus {
+      background: #da3116;
+      color: #fff; }
+  .button.warning {
+    background: #ffae00;
+    color: #fff; }
+    .button.warning:hover, .button.warning:focus {
+      background: #cc8b00;
+      color: #fff; }
+  .button.hollow {
+    border: 1px solid #2199e8;
+    color: #2199e8; }
+    .button.hollow,
+    .button.hollow:hover {
+      background: transparent; }
+    .button.hollow:hover, .button.hollow:focus {
+      border-color: #0c4d78;
+      color: #0c4d78; }
+    .button.hollow.primary {
+      border: 1px solid #2199e8;
+      color: #2199e8; }
+      .button.hollow.primary:hover, .button.hollow.primary:focus {
+        border-color: #0c4d78;
+        color: #0c4d78; }
+    .button.hollow.secondary {
+      border: 1px solid #777;
+      color: #777; }
+      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
+        border-color: #3b3b3b;
+        color: #3b3b3b; }
+    .button.hollow.success {
+      border: 1px solid #3adb76;
+      color: #3adb76; }
+      .button.hollow.success:hover, .button.hollow.success:focus {
+        border-color: #157539;
+        color: #157539; }
+    .button.hollow.alert {
+      border: 1px solid #ec5840;
+      color: #ec5840; }
+      .button.hollow.alert:hover, .button.hollow.alert:focus {
+        border-color: #881f0e;
+        color: #881f0e; }
+    .button.hollow.warning {
+      border: 1px solid #ffae00;
+      color: #ffae00; }
+      .button.hollow.warning:hover, .button.hollow.warning:focus {
+        border-color: #805700;
+        color: #805700; }
+  .button.disabled {
+    opacity: 0.25;
+    cursor: default;
+    pointer-events: none; }
+  .button.dropdown::after {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 0.4em;
+    border-color: #fefefe transparent transparent;
+    border-top-style: solid;
+    position: relative;
+    top: 0.2em;
+    display: inline-block;
+    margin-left: 1em;
+    vertical-align: middle; }
+  .button.dropdown:empty::after {
+    margin-left: 0;
+    float: none;
+    top: 0.2em; }
+  .button.dropdown::after {
+    float: right;
+    top: 0.4em; }
+
+[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"],
+textarea {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  height: 2.4375rem;
+  padding: 0.5rem;
+  border: 1px solid #cacaca;
+  margin: 0 0 1rem;
+  font-family: inherit;
+  font-size: 1rem;
+  color: #8a8a8a;
+  background-color: #fefefe;
+  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
+  border-radius: 0;
+  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
+  -webkit-appearance: none;
+  -moz-appearance: none; }
+  [type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus,
+  textarea:focus {
+    border: 1px solid #8a8a8a;
+    background: #fefefe;
+    outline: none;
+    box-shadow: 0 0 5px #cacaca;
+    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
+
+textarea {
+  max-width: 100%; }
+  textarea[rows] {
+    height: auto; }
+
+input:disabled,
+input[readonly],
+textarea:disabled,
+textarea[readonly] {
+  background-color: #f3f3f3;
+  cursor: default; }
+
+[type="submit"],
+[type="button"] {
+  border-radius: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none; }
+
+[type="file"],
+[type="checkbox"],
+[type="radio"],
+select {
+  margin: 0 0 1rem; }
+
+[type="checkbox"] + label,
+[type="radio"] + label {
+  display: inline-block;
+  margin-left: 0.5rem;
+  margin-right: 1rem;
+  margin-bottom: 0;
+  vertical-align: baseline; }
+
+label > [type="checkbox"],
+label > [type="label"] {
+  margin-right: 0.5rem; }
+
+[type="file"] {
+  width: 100%; }
+
+label {
+  display: block;
+  margin: 0;
+  font-size: 0.875rem;
+  font-weight: normal;
+  line-height: 1.8;
+  color: #0a0a0a; }
+  label.right {
+    float: none;
+    text-align: right; }
+  label.middle {
+    margin: 0 0 1rem;
+    padding: 0.5625rem 0; }
+
+.help-text {
+  margin-top: -0.5rem;
+  font-size: 0.8125rem;
+  font-style: italic;
+  color: #333; }
+
+.input-group {
+  display: table;
+  width: 100%;
+  margin-bottom: 1rem; }
+
+.input-group-label, .input-group-field, .input-group-button {
+  display: table-cell;
+  margin: 0;
+  vertical-align: middle; }
+
+.input-group-label {
+  text-align: center;
+  height: 100%;
+  padding: 0;
+  background: #f3f3f3;
+  color: #0a0a0a;
+  border: 1px solid #cacaca; }
+  .input-group-label:first-child {
+    border-right: 0; }
+  .input-group-label:last-child {
+    border-left: 0; }
+
+.input-group-button {
+  height: 100%;
+  padding: 0;
+  text-align: center; }
+
+fieldset {
+  border: 0;
+  padding: 0;
+  margin: 0; }
+
+legend {
+  margin-bottom: 0.5rem; }
+
+.fieldset {
+  border: 1px solid #cacaca;
+  padding: 1.25rem;
+  margin: 1.125rem 0; }
+  .fieldset legend {
+    background: #fefefe;
+    padding: 0 0.1875rem;
+    margin: 0;
+    margin-left: -0.1875rem; }
+
+select {
+  height: 2.4375rem;
+  padding: 0.5rem;
+  border: 1px solid #cacaca;
+  font-size: 1rem;
+  font-family: inherit;
+  line-height: normal;
+  color: #8a8a8a;
+  background-color: #fafafa;
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: #333333"></polygon></svg>');
+  background-size: 9px 6px;
+  background-position: right 0.5rem center;
+  background-repeat: no-repeat;
+  border-radius: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none; }
+  @media screen and (min-width: 0 \0) {
+    select {
+      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
+  select:disabled {
+    background-color: #f3f3f3;
+    cursor: default; }
+  select::-ms-expand {
+    display: none; }
+  select[multiple] {
+    height: auto; }
+
+.is-invalid-input:not(:focus) {
+  background-color: rgba(236, 88, 64, 0.1);
+  border-color: #ec5840; }
+
+.is-invalid-label {
+  color: #ec5840; }
+
+.form-error {
+  display: none;
+  margin-top: -0.5rem;
+  margin-bottom: 1rem;
+  font-size: 0.75rem;
+  font-weight: bold;
+  color: #ec5840; }
+  .form-error.is-visible {
+    display: block; }
+
+.hide {
+  display: none !important; }
+
+.invisible {
+  visibility: hidden !important; }
+
+@media screen and (min-width: 0em) and (max-width: 39.9375em) {
+  .hide-for-small-only {
+    display: none !important; } }
+
+.show-for-small-only {
+  display: none !important; }
+  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
+    .show-for-small-only {
+      display: block !important; } }
+
+@media screen and (min-width: 40em) {
+  .hide-for-medium {
+    display: none !important; } }
+
+.show-for-medium {
+  display: none !important; }
+  @media screen and (min-width: 40em) {
+    .show-for-medium {
+      display: block !important; } }
+
+@media screen and (min-width: 40em) and (max-width: 63.9375em) {
+  .hide-for-medium-only {
+    display: none !important; } }
+
+.show-for-medium-only {
+  display: none !important; }
+  @media screen and (min-width: 40em) and (max-width: 63.9375em) {
+    .show-for-medium-only {
+      display: block !important; } }
+
+@media screen and (min-width: 64em) {
+  .hide-for-large {
+    display: none !important; } }
+
+.show-for-large {
+  display: none !important; }
+  @media screen and (min-width: 64em) {
+    .show-for-large {
+      display: block !important; } }
+
+@media screen and (min-width: 64em) and (max-width: 74.9375em) {
+  .hide-for-large-only {
+    display: none !important; } }
+
+.show-for-large-only {
+  display: none !important; }
+  @media screen and (min-width: 64em) and (max-width: 74.9375em) {
+    .show-for-large-only {
+      display: block !important; } }
+
+.show-for-sr, .show-on-focus {
+  position: absolute !important;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0); }
+
+.show-on-focus:active,
+.show-on-focus:focus {
+  position: static !important;
+  height: auto;
+  width: auto;
+  overflow: visible;
+  clip: auto; }
+
+@media screen and (orientation: portrait) {
+  .hide-for-portrait {
+    display: none !important; }
+  .show-for-portrait {
+    display: block !important; } }
+
+@media screen and (orientation: landscape) {
+  .hide-for-landscape {
+    display: none !important; }
+  .show-for-landscape {
+    display: block !important; } }
+
+.float-left {
+  float: left !important; }
+
+.float-right {
+  float: right !important; }
+
+.float-center {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.clearfix::before,
+.clearfix::after {
+  content: ' ';
+  display: table; }
+
+.clearfix::after {
+  clear: both; }
+
+.badge {
+  display: inline-block;
+  padding: 0.5em;
+  min-width: 2.4em;
+  font-size: 0.8rem;
+  text-align: center;
+  border-radius: 50%;
+  background: #2199e8;
+  color: #fefefe; }
+  .badge.secondary {
+    background: #777;
+    color: #fefefe; }
+  .badge.success {
+    background: #3adb76;
+    color: #fefefe; }
+  .badge.alert {
+    background: #ec5840;
+    color: #fefefe; }
+  .badge.warning {
+    background: #ffae00;
+    color: #fefefe; }
+
+.breadcrumbs {
+  list-style: none;
+  margin: 0 0 1rem 0; }
+  .breadcrumbs::before,
+  .breadcrumbs::after {
+    content: ' ';
+    display: table; }
+  .breadcrumbs::after {
+    clear: both; }
+  .breadcrumbs li {
+    float: left;
+    color: #0a0a0a;
+    font-size: 0.6875rem;
+    cursor: default;
+    text-transform: uppercase; }
+    .breadcrumbs li:not(:last-child)::after {
+      color: #cacaca;
+      content: '/';
+      margin: 0 0.75rem;
+      position: relative;
+      top: 1px; }
+  .breadcrumbs a {
+    color: #2199e8; }
+    .breadcrumbs a:hover {
+      text-decoration: underline; }
+  .breadcrumbs .disabled {
+    opacity: 0.25; }
+
+.button-group {
+  margin-bottom: 1rem;
+  font-size: 0.9rem; }
+  .button-group::before,
+  .button-group::after {
+    content: ' ';
+    display: table; }
+  .button-group::after {
+    clear: both; }
+  .button-group .button {
+    float: left;
+    margin: 0;
+    font-size: inherit; }
+    .button-group .button:not(:last-child) {
+      border-right: 1px solid #fefefe; }
+  .button-group.tiny {
+    font-size: 0.63rem; }
+  .button-group.small {
+    font-size: 0.72rem; }
+  .button-group.large {
+    font-size: 1.17rem; }
+  .button-group.expanded .button:nth-last-child(2):first-child,
+  .button-group.expanded .button:nth-last-child(2):first-child ~ li {
+    width: 50%; }
+  .button-group.expanded .button:nth-last-child(3):first-child,
+  .button-group.expanded .button:nth-last-child(3):first-child ~ li {
+    width: 33.33333%; }
+  .button-group.expanded .button:nth-last-child(4):first-child,
+  .button-group.expanded .button:nth-last-child(4):first-child ~ li {
+    width: 25%; }
+  .button-group.expanded .button:nth-last-child(5):first-child,
+  .button-group.expanded .button:nth-last-child(5):first-child ~ li {
+    width: 20%; }
+  .button-group.expanded .button:nth-last-child(6):first-child,
+  .button-group.expanded .button:nth-last-child(6):first-child ~ li {
+    width: 16.66667%; }
+  .button-group.primary .button {
+    background: #2199e8;
+    color: #fff; }
+    .button-group.primary .button:hover, .button-group.primary .button:focus {
+      background: #1583cc;
+      color: #fff; }
+  .button-group.secondary .button {
+    background: #777;
+    color: #fff; }
+    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
+      background: #1583cc;
+      color: #fff; }
+  .button-group.success .button {
+    background: #3adb76;
+    color: #fff; }
+    .button-group.success .button:hover, .button-group.success .button:focus {
+      background: #1583cc;
+      color: #fff; }
+  .button-group.alert .button {
+    background: #ec5840;
+    color: #fff; }
+    .button-group.alert .button:hover, .button-group.alert .button:focus {
+      background: #1583cc;
+      color: #fff; }
+  .button-group.warning .button {
+    background: #ffae00;
+    color: #fff; }
+    .button-group.warning .button:hover, .button-group.warning .button:focus {
+      background: #1583cc;
+      color: #fff; }
+  .button-group.stacked .button,
+  .button-group.stacked-for-small .button {
+    width: 100%;
+    border-right: 0; }
+  @media screen and (min-width: 40em) {
+    .button-group.stacked-for-small .button {
+      width: auto; }
+      .button-group.stacked-for-small .button:not(:last-child) {
+        border-right: 1px solid #fefefe; } }
+
+.callout {
+  margin: 0 0 1rem 0;
+  padding: 1rem;
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  position: relative;
+  background-color: white; }
+  .callout > :first-child {
+    margin-top: 0; }
+  .callout > :last-child {
+    margin-bottom: 0; }
+  .callout a {
+    color: #e6e6e6; }
+    .callout a:hover {
+      color: #cccccc; }
+  .callout.primary {
+    background-color: #c5e4f9; }
+    .callout.primary a {
+      color: #168bd8; }
+      .callout.primary a:hover {
+        color: #126daa; }
+  .callout.secondary {
+    background-color: gainsboro; }
+    .callout.secondary a {
+      color: #6b6b6b; }
+      .callout.secondary a:hover {
+        color: #525252; }
+  .callout.success {
+    background-color: #ccf6db; }
+    .callout.success a {
+      color: #27d367; }
+      .callout.success a:hover {
+        color: #1fa852; }
+  .callout.alert {
+    background-color: #fad4cd; }
+    .callout.alert a {
+      color: #e94025; }
+      .callout.alert a:hover {
+        color: #c72d14; }
+  .callout.warning {
+    background-color: #ffeabd; }
+    .callout.warning a {
+      color: #e69d00; }
+      .callout.warning a:hover {
+        color: #b37a00; }
+
+.card {
+  border: 1px solid #f3f3f3;
+  margin-bottom: 0.5rem;
+  background: #fefefe;
+  border-radius: 3px;
+  box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
+  overflow: hidden;
+  color: #0a0a0a; }
+  .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
+    color: inherit; }
+  .card ul {
+    margin-bottom: 0; }
+  .card.primary {
+    border: 0;
+    margin-bottom: 0.5rem;
+    background: #2199e8;
+    border-radius: 3px;
+    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
+    overflow: hidden;
+    color: #fefefe; }
+    .card.primary h1, .card.primary h2, .card.primary h3, .card.primary h4, .card.primary h5, .card.primary h6 {
+      color: inherit; }
+    .card.primary ul {
+      margin-bottom: 0; }
+    .card.primary .card-divider {
+      background: #1790df;
+      padding: 1rem; }
+  .card.secondary {
+    border: 0;
+    margin-bottom: 0.5rem;
+    background: #777;
+    border-radius: 3px;
+    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
+    overflow: hidden;
+    color: #fefefe; }
+    .card.secondary h1, .card.secondary h2, .card.secondary h3, .card.secondary h4, .card.secondary h5, .card.secondary h6 {
+      color: inherit; }
+    .card.secondary ul {
+      margin-bottom: 0; }
+    .card.secondary .card-divider {
+      background: #6f6f6f;
+      padding: 1rem; }
+  .card.success {
+    border: 0;
+    margin-bottom: 0.5rem;
+    background: #3adb76;
+    border-radius: 3px;
+    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
+    overflow: hidden;
+    color: #fefefe; }
+    .card.success h1, .card.success h2, .card.success h3, .card.success h4, .card.success h5, .card.success h6 {
+      color: inherit; }
+    .card.success ul {
+      margin-bottom: 0; }
+    .card.success .card-divider {
+      background: #2ad86b;
+      padding: 1rem; }
+  .card.alert {
+    border: 0;
+    margin-bottom: 0.5rem;
+    background: #ec5840;
+    border-radius: 3px;
+    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
+    overflow: hidden;
+    color: #fefefe; }
+    .card.alert h1, .card.alert h2, .card.alert h3, .card.alert h4, .card.alert h5, .card.alert h6 {
+      color: inherit; }
+    .card.alert ul {
+      margin-bottom: 0; }
+    .card.alert .card-divider {
+      background: #ea472d;
+      padding: 1rem; }
+  .card.warning {
+    border: 0;
+    margin-bottom: 0.5rem;
+    background: #ffae00;
+    border-radius: 3px;
+    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
+    overflow: hidden;
+    color: #fefefe; }
+    .card.warning h1, .card.warning h2, .card.warning h3, .card.warning h4, .card.warning h5, .card.warning h6 {
+      color: inherit; }
+    .card.warning ul {
+      margin-bottom: 0; }
+    .card.warning .card-divider {
+      background: #eda200;
+      padding: 1rem; }
+
+.card-divider {
+  background: #f3f3f3;
+  padding: 1rem; }
+
+.card-section {
+  padding: 1rem; }
+
+.flex-video {
+  position: relative;
+  height: 0;
+  padding-top: 1.5625rem;
+  padding-bottom: 75%;
+  margin-bottom: 1rem;
+  overflow: hidden; }
+  .flex-video iframe,
+  .flex-video object,
+  .flex-video embed,
+  .flex-video video {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%; }
+  .flex-video.widescreen {
+    padding-bottom: 56.25%; }
+  .flex-video.vimeo {
+    padding-top: 0; }
+
+.label {
+  display: inline-block;
+  padding: 0.33333rem 0.5rem;
+  font-size: 0.8rem;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: default;
+  background: #2199e8;
+  color: #fefefe; }
+  .label.secondary {
+    background: #777;
+    color: #fefefe; }
+  .label.success {
+    background: #3adb76;
+    color: #fefefe; }
+  .label.alert {
+    background: #ec5840;
+    color: #fefefe; }
+  .label.warning {
+    background: #ffae00;
+    color: #fefefe; }
+
+.media-object {
+  margin-bottom: 1rem;
+  display: block; }
+  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
+    .media-object.stack-for-small .media-object-section {
+      display: block;
+      padding: 0;
+      padding-bottom: 1rem; }
+      .media-object.stack-for-small .media-object-section img {
+        width: 100%; } }
+
+.media-object-section {
+  display: table-cell;
+  vertical-align: top; }
+  .media-object-section:first-child {
+    padding-right: 1rem; }
+  .media-object-section:last-child:not( + :first-child) {
+    padding-left: 1rem; }
+  .media-object-section.middle {
+    vertical-align: middle; }
+  .media-object-section.bottom {
+    vertical-align: bottom; }
+
+.menu-bar {
+  margin: 0;
+  list-style-type: none; }
+  .menu-bar::before,
+  .menu-bar::after {
+    content: ' ';
+    display: table; }
+  .menu-bar::after {
+    clear: both; }
+  .menu-bar > .is-active > a {
+    background: #eee; }
+  .menu-bar > li > a {
+    display: block;
+    padding: 0.7rem 1rem;
+    line-height: 1;
+    color: #2199e8; }
+    .menu-bar > li > a:hover,
+    .menu-bar > li > a:focus {
+      background: #eee; }
+  .menu-bar > li > a > img,
+  .menu-bar > li > a > i {
+    vertical-align: middle; }
+  .menu-bar > li > a > span {
+    vertical-align: middle; }
+  .menu-bar > li > a > img,
+  .menu-bar > li > a > i {
+    display: inline-block;
+    margin-right: 0.25rem; }
+  .menu-bar > li {
+    float: left; }
+  .menu-bar.vertical > li {
+    width: 100%;
+    float: none; }
+  .menu-bar.medium-horizontal > li {
+    float: left; }
+  .menu-bar.medium-vertical > li {
+    width: 100%;
+    float: none; }
+  .menu-bar.large-horizontal > li {
+    float: left; }
+  .menu-bar.large-vertical > li {
+    width: 100%;
+    float: none; }
+  .menu-bar.simple > li > a {
+    padding: 0;
+    margin-right: 1rem; }
+    .menu-bar.simple > li > a:hover {
+      background: transparent; }
+  .menu-bar.align-right > li {
+    float: right; }
+  .menu-bar.expanded > li:nth-last-child(2):first-child,
+  .menu-bar.expanded > li:nth-last-child(2):first-child ~ li {
+    width: 50%; }
+  .menu-bar.expanded > li:nth-last-child(3):first-child,
+  .menu-bar.expanded > li:nth-last-child(3):first-child ~ li {
+    width: 33.33333%; }
+  .menu-bar.expanded > li:nth-last-child(4):first-child,
+  .menu-bar.expanded > li:nth-last-child(4):first-child ~ li {
+    width: 25%; }
+  .menu-bar.expanded > li:nth-last-child(5):first-child,
+  .menu-bar.expanded > li:nth-last-child(5):first-child ~ li {
+    width: 20%; }
+  .menu-bar.expanded > li:nth-last-child(6):first-child,
+  .menu-bar.expanded > li:nth-last-child(6):first-child ~ li {
+    width: 16.66667%; }
+  .menu-bar.expanded > li:first-child:last-child {
+    width: 100%; }
+  .menu-bar.primary {
+    background: #2199e8; }
+    .menu-bar.primary > li > a {
+      color: #fefefe; }
+      .menu-bar.primary > li > a:hover,
+      .menu-bar.primary > li > a:focus {
+        background: #1893e4; }
+  .menu-bar.icon-top > li > a {
+    text-align: center; }
+    .menu-bar.icon-top > li > a > img,
+    .menu-bar.icon-top > li > a > i {
+      display: block;
+      margin: 0 auto 0.25rem; }
+  .menu-bar.nested > li > a {
+    padding-left: 2rem; }
+
+body {
+  overflow-x: hidden;
+  height: 100%; }
+
+.is-off-canvas-open {
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden; }
+
+.js-off-canvas-exit {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(254, 254, 254, 0.25);
+  cursor: pointer;
+  transition: background 0.5s ease; }
+  .is-off-canvas-open .js-off-canvas-exit {
+    display: block; }
+
+.off-canvas {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 250px;
+  min-height: 100%;
+  background: 250px;
+  -webkit-transform: translateX(-250px);
+      -ms-transform: translateX(-250px);
+          transform: translateX(-250px);
+  transition: -webkit-transform 0.5s ease;
+  transition: transform 0.5s ease;
+  z-index: 1000; }
+  .is-off-canvas-open .off-canvas {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0); }
+
+.main-content {
+  background: #fefefe;
+  transition: -webkit-transform 0.5s ease;
+  transition: transform 0.5s ease;
+  box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); }
+  .is-off-canvas-open .main-content {
+    -webkit-transform: translateX(250px);
+        -ms-transform: translateX(250px);
+            transform: translateX(250px); }
+  .off-canvas-overlap .is-off-canvas-open .main-content {
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none; }
+
+@media screen {
+  .reveal-for-small .off-canvas {
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none;
+    transition: none; }
+  .reveal-for-small .main-content {
+    padding-left: 250px;
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none; } }
+
+@media screen and (min-width: 40em) {
+  .reveal-for-medium .off-canvas {
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none;
+    transition: none; }
+  .reveal-for-medium .main-content {
+    padding-left: 250px;
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none; } }
+
+@media screen and (min-width: 64em) {
+  .reveal-for-large .off-canvas {
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none;
+    transition: none; }
+  .reveal-for-large .main-content {
+    padding-left: 250px;
+    -webkit-transform: none;
+        -ms-transform: none;
+            transform: none; } }
+
+.orbit {
+  position: relative; }
+
+.orbit-container {
+  list-style: none;
+  margin: 0;
+  position: relative; }
+
+.orbit-figure {
+  margin: 0; }
+
+.orbit-image {
+  margin: 0;
+  max-width: 100%;
+  width: 100%; }
+
+.orbit-caption {
+  background-color: rgba(10, 10, 10, 0.5);
+  color: #fefefe;
+  padding: 1rem;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  margin-bottom: 0; }
+
+.orbit-control {
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+          transform: translateY(-50%);
+  z-index: 10;
+  color: #fefefe;
+  padding: 1rem; }
+  .orbit-control:hover, .orbit-control:active, .orbit-control:focus {
+    background-color: rgba(10, 10, 10, 0.5); }
+
+.orbit-previous {
+  left: 0; }
+
+.orbit-next {
+  left: auto;
+  right: 0; }
+
+.orbit-bullets-container {
+  margin-top: 0.8rem;
+  margin-bottom: 0.8rem;
+  position: relative;
+  text-align: center; }
+  .orbit-bullets-container button {
+    width: 1.2rem;
+    height: 1.2rem;
+    background-color: #cacaca;
+    border-radius: 50%;
+    margin: 0.1rem; }
+    .orbit-bullets-container button:hover {
+      background-color: #8a8a8a; }
+    .orbit-bullets-container button.is-active {
+      background-color: #8a8a8a; }
+
+.pagination {
+  margin-left: 0;
+  margin-bottom: 1rem; }
+  .pagination::before,
+  .pagination::after {
+    content: ' ';
+    display: table; }
+  .pagination::after {
+    clear: both; }
+  .pagination li {
+    font-size: 0.875rem;
+    margin-right: 0.0625rem;
+    display: none; }
+    .pagination li:last-child,
+    .pagination li:first-child {
+      display: inline-block; }
+    @media screen and (min-width: 40em) {
+      .pagination li {
+        display: inline-block; } }
+  .pagination a,
+  .pagination button {
+    color: #0a0a0a;
+    display: block;
+    padding: 0.1875rem 0.625rem; }
+    .pagination a:hover,
+    .pagination button:hover {
+      background: #f3f3f3; }
+  .pagination [aria-label="previous"]::before {
+    content: '«';
+    display: inline-block;
+    margin-right: 0.75rem; }
+  .pagination [aria-label="next"]::after {
+    content: '»';
+    display: inline-block;
+    margin-left: 0.75rem; }
+  .pagination .current a,
+  .pagination .current button {
+    background: #2199e8;
+    color: #fefefe;
+    cursor: default; }
+  .pagination .disabled a,
+  .pagination .disabled button {
+    color: #cacaca;
+    cursor: default; }
+    .pagination .disabled a:hover,
+    .pagination .disabled button:hover {
+      background: transparent; }
+  .pagination .ellipsis::after {
+    content: '…';
+    padding: 0.1875rem 0.625rem;
+    color: #cacaca; }
+
+.progress {
+  background-color: #cacaca;
+  height: 1rem;
+  margin-bottom: 1rem; }
+  .progress.primary .progress-meter {
+    background-color: #2199e8; }
+  .progress.secondary .progress-meter {
+    background-color: #777; }
+  .progress.success .progress-meter {
+    background-color: #3adb76; }
+  .progress.alert .progress-meter {
+    background-color: #ec5840; }
+  .progress.warning .progress-meter {
+    background-color: #ffae00; }
+
+.progress-meter {
+  position: relative;
+  display: block;
+  width: 0%;
+  height: 100%;
+  background-color: #2199e8; }
+  .progress-meter .progress-meter-text {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%, -50%);
+        -ms-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%);
+    margin: 0;
+    font-size: 0.75rem;
+    font-weight: bold;
+    color: #fefefe;
+    white-space: nowrap; }
+
+.reveal-overlay {
+  display: none;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1005;
+  background-color: rgba(10, 10, 10, 0.45);
+  overflow-y: scroll; }
+
+.reveal {
+  display: none;
+  z-index: 1006;
+  padding: 1rem;
+  border: 1px solid #cacaca;
+  margin: 100px auto 0 100px;
+  background-color: #fefefe; }
+  @media screen and (min-width: 40em) {
+    .reveal {
+      min-height: 0; } }
+  .reveal .column,
+  .reveal .columns,
+  .reveal .columns {
+    min-width: 0; }
+  .reveal > :last-child {
+    margin-bottom: 0; }
+  @media screen and (min-width: 40em) {
+    .reveal {
+      width: 600px;
+      max-width: rem-calc(1000); } }
+  .reveal.collapse {
+    padding: 0; }
+  @media screen and (min-width: 40em) {
+    .reveal .reveal {
+      left: auto;
+      right: auto;
+      margin: 0 auto; } }
+  @media screen and (min-width: 40em) {
+    .reveal.tiny {
+      width: 30%;
+      max-width: rem-calc(1000); } }
+  @media screen and (min-width: 40em) {
+    .reveal.small {
+      width: 50%;
+      max-width: rem-calc(1000); } }
+  @media screen and (min-width: 40em) {
+    .reveal.large {
+      width: 90%;
+      max-width: rem-calc(1000); } }
+  .reveal.full {
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    height: 100vh;
+    min-height: 100vh;
+    max-width: none;
+    margin-left: 0; }
+
+table {
+  margin-bottom: 1rem; }
+  thead,
+  tbody,
+  tfoot {
+    border: 1px solid #f1f1f1;
+    background-color: #fefefe; }
+  caption {
+    font-weight: bold;
+    padding: 0.5rem 0.625rem 0.625rem; }
+  thead,
+  tfoot {
+    background: #f8f8f8;
+    color: #0a0a0a; }
+    thead tr,
+    tfoot tr {
+      background: transparent; }
+    thead th,
+    thead td,
+    tfoot th,
+    tfoot td {
+      padding: 0.5rem 0.625rem 0.625rem;
+      font-weight: bold;
+      text-align: left; }
+  tbody tr:nth-child(even) {
+    background-color: #f1f1f1; }
+  tbody th,
+  tbody td {
+    padding: 0.5rem 0.625rem 0.625rem; }
+
+@media screen and (max-width: 63.9375em) {
+  table.stack thead {
+    display: none; }
+  table.stack tfoot {
+    display: none; }
+  table.stack tr,
+  table.stack th,
+  table.stack td {
+    display: block; }
+  table.stack td {
+    border-top: 0; } }
+
+table.scroll {
+  display: block;
+  width: 100%;
+  overflow-y: scroll; }
+
+table.hover tr:hover {
+  background-color: #f9f9f9; }
+
+table.hover tr:nth-of-type(even):hover {
+  background-color: #ececec; }
+
+.thumbnail {
+  border: solid 4px #fefefe;
+  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
+  display: inline-block;
+  line-height: 0;
+  max-width: 100%;
+  transition: box-shadow 200ms ease-out; }
+  .thumbnail:hover,
+  .thumbnail:focus {
+    box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); }
+
+.docs-header,
+.docs-site-title,
+.docs-page-title,
+.docs-page-lead,
+.docs-heading,
+.docs-menu,
+.docs-sub-menu,
+.docs-big-index strong,
+.docs-small-index h4,
+.twitter-typeahead {
+  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }
+
+a > code {
+  background: transparent;
+  border: 0;
+  padding: 0;
+  color: #2199e8; }
+
+.docs-header {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  background: #2199e8;
+  color: #fefefe; }
+
+.docs-site-title {
+  font-size: 1rem;
+  font-weight: bold;
+  margin: 0;
+  display: inline-block;
+  margin-right: 1rem; }
+  .docs-site-title a {
+    color: #fefefe; }
+    .docs-site-title a:hover {
+      opacity: 0.75; }
+  .docs-site-title em {
+    font-style: normal;
+    opacity: 0.75; }
+
+.docs-header-link {
+  position: relative;
+  color: #fefefe;
+  font-weight: bold;
+  padding-right: 16px;
+  font-size: 0.75rem;
+  display: block;
+  margin-top: 0.5rem; }
+  .docs-header-link::after {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 5px;
+    border-color: #fefefe transparent transparent;
+    border-top-style: solid;
+    position: absolute;
+    top: 3px;
+    right: 0; }
+  .docs-header-link:hover {
+    opacity: 0.75; }
+  @media screen and (min-width: 40em) {
+    .docs-header-link {
+      font-size: 1rem;
+      float: right;
+      margin-top: 4px; }
+      .docs-header-link::after {
+        top: 6px; } }
+
+.docs-versions-menu {
+  background: #fff;
+  width: 200px;
+  box-shadow: 0 2px 10px rgba(10, 10, 10, 0.25);
+  position: absolute;
+  top: 5.3rem;
+  right: 0;
+  z-index: 1; }
+
+.zurb-footer-top {
+  padding: 40px 0;
+  color: white; }
+  .zurb-footer-top .row .columns::before,
+  .zurb-footer-top .row .columns::after {
+    content: ' ';
+    display: table; }
+  .zurb-footer-top .row .columns::after {
+    clear: both; }
+  .zurb-footer-top.zurb {
+    background-position: 10px 7px; }
+  .zurb-footer-top .property {
+    text-align: center; }
+    .zurb-footer-top .property .property-info {
+      padding-top: 37px; }
+    .zurb-footer-top .property h2 {
+      margin: 0;
+      padding: 0 !important; }
+      .zurb-footer-top .property h2 a {
+        transition: all 0.25s ease-in-out;
+        font-family: "zurb-logo";
+        font-weight: normal;
+        font-size: em-calc(18px);
+        padding: 0; }
+        .zurb-footer-top .property h2 a:hover {
+          opacity: 0.8; }
+        .zurb-footer-top .property h2 a.services {
+          width: 190px; }
+        .zurb-footer-top .property h2 a span {
+          display: none; }
+        .zurb-footer-top .property h2 a strong {
+          font-size: 17px;
+          margin-left: -7px; }
+    .zurb-footer-top .property h3 {
+      font-size: 1.4rem;
+      font-weight: bold;
+      color: white;
+      margin-bottom: 20px; }
+    .zurb-footer-top .property h4 {
+      font-size: 1.1rem;
+      font-weight: 200;
+      color: white;
+      margin-bottom: 10px;
+      text-transform: none; }
+    .zurb-footer-top .property p, .zurb-footer-top .property li, .zurb-footer-top .property a {
+      font-size: 13px;
+      line-height: 21px;
+      color: white; }
+    .zurb-footer-top .property a {
+      font-weight: bold;
+      color: white; }
+  .zurb-footer-top .learn-links,
+  .zurb-footer-top .support-links,
+  .zurb-footer-top .connect-links {
+    padding: 50px 0 0 0;
+    border-left: 1px solid rgba(255, 255, 255, 0.2);
+    background: url("../img/icons/footer-top-icons.png") no-repeat center 0;
+    height: 220px;
+    margin-bottom: 30px; }
+    .zurb-footer-top .learn-links ul,
+    .zurb-footer-top .support-links ul,
+    .zurb-footer-top .connect-links ul {
+      margin-left: 0px !important;
+      list-style: none; }
+    .zurb-footer-top .learn-links li,
+    .zurb-footer-top .support-links li,
+    .zurb-footer-top .connect-links li {
+      line-height: 20px; }
+  .zurb-footer-top .learn-links {
+    background-position: center -325px; }
+  .zurb-footer-top .support-links {
+    background-position: center -635px; }
+  .zurb-footer-top .connect-links {
+    padding: 50px 20px 0;
+    background-position: center -9px; }
+    .zurb-footer-top .connect-links .button {
+      font-size: 12px;
+      font-weight: normal;
+      background: rgba(0, 0, 0, 0.1);
+      color: #FFF !important;
+      font-weight: bold;
+      text-shadow: none;
+      box-shadow: none;
+      border: none;
+      padding: 6px 16px; }
+  .zurb-footer-top .global {
+    border-top: 1px solid rgba(255, 255, 255, 0.2); }
+    .zurb-footer-top .global .footer-link-block {
+      font-weight: normal;
+      display: block;
+      margin: 30px 0 0 0; }
+      .zurb-footer-top .global .footer-link-block.services {
+        background: url("../img/icons/footer-studios.png") left top no-repeat; }
+      .zurb-footer-top .global .footer-link-block.foundation {
+        background: url("../img/icons/footer-foundation.png") left top no-repeat; }
+      .zurb-footer-top .global .footer-link-block.apps {
+        background: url("../img/icons/footer-products.png") left top no-repeat; }
+      .zurb-footer-top .global .footer-link-block.expo {
+        background: url("../img/icons/footer-expo.png") left top no-repeat; }
+      .zurb-footer-top .global .footer-link-block span {
+        display: block;
+        color: white;
+        font-size: 0.75rem;
+        padding-left: 40px;
+        line-height: 18px; }
+        .zurb-footer-top .global .footer-link-block span.title {
+          font-size: 1.0rem;
+          margin-bottom: 5px; }
+
+.zurb-footer-bottom {
+  background: #333;
+  padding: 24px 0 10px; }
+  .zurb-footer-bottom .design-border {
+    border-bottom: 1px solid #484848;
+    padding-bottom: 5px;
+    margin-bottom: 25px; }
+  .zurb-footer-bottom .zurb-logo {
+    color: #858585;
+    font-weight: normal;
+    background: url("../img/icons/footer-icons.png") no-repeat 0 3px;
+    padding: 23px 0 0 0 !important;
+    font-size: em-calc(16px);
+    display: inline-block;
+    width: 90px; }
+    .zurb-footer-bottom .zurb-logo:hover {
+      opacity: 0.8; }
+  .zurb-footer-bottom .zurb-links {
+    margin: 0;
+    display: inline-block;
+    padding-bottom: 0px; }
+    .zurb-footer-bottom .zurb-links li {
+      display: block;
+      float: left;
+      margin-left: 6px;
+      text-transform: uppercase;
+      font-weight: 700;
+      font-size: 0.75rem; }
+    .zurb-footer-bottom .zurb-links a {
+      color: #666;
+      padding: 3px 6px; }
+      .zurb-footer-bottom .zurb-links a:hover {
+        color: #777; }
+  .zurb-footer-bottom .copyright {
+    margin: 6px 0 0;
+    font-size: 0.75rem;
+    color: #666; }
+  .zurb-footer-bottom .home-social {
+    display: block;
+    float: right;
+    margin-bottom: 8px; }
+    .zurb-footer-bottom .home-social li {
+      list-style: none;
+      display: block;
+      float: left;
+      margin-left: 10px; }
+      .zurb-footer-bottom .home-social li:first-child {
+        margin-left: 0; }
+    .zurb-footer-bottom .home-social a {
+      display: block;
+      height: 50px;
+      width: 50px;
+      background: url("../img/icons/social.png") no-repeat center 0; }
+      .zurb-footer-bottom .home-social a:hover {
+        opacity: 0.8; }
+      .zurb-footer-bottom .home-social a.twitter {
+        background-position: center 0; }
+      .zurb-footer-bottom .home-social a.facebook {
+        background-position: center -200px; }
+      .zurb-footer-bottom .home-social a.mail {
+        background-position: center -400px; }
+
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
+  .zurb-footer-top .property {
+    padding-top: 0px; }
+    .zurb-footer-top .property .learn-links,
+    .zurb-footer-top .property .support-links,
+    .zurb-footer-top .property .connect-links {
+      height: 240px;
+      padding: 50px 10px 0; } }
+
+@media only screen and (max-width: 767px) {
+  .zurb-footer-top .property .property-info {
+    padding-top: 0px; }
+  .zurb-footer-top .property .learn-links,
+  .zurb-footer-top .property .support-links,
+  .zurb-footer-top .property .connect-links {
+    border: none;
+    height: auto;
+    padding: 80px 20px 0;
+    margin: 4px 0 0 0;
+    border-top: 1px dotted rgba(255, 255, 255, 0.2); }
+    .zurb-footer-top .property .learn-links li a,
+    .zurb-footer-top .property .support-links li a,
+    .zurb-footer-top .property .connect-links li a {
+      font-size: 15px;
+      line-height: 2; }
+    .zurb-footer-top .property .learn-links p,
+    .zurb-footer-top .property .learn-links a,
+    .zurb-footer-top .property .support-links p,
+    .zurb-footer-top .property .support-links a,
+    .zurb-footer-top .property .connect-links p, .zurb-footer-top .property .connect-links a {
+      font-size: 16px; }
+  .zurb-footer-top .property .learn-links {
+    background-position: center -300px;
+    padding-top: 76px 20px 0; }
+  .zurb-footer-top .property .support-links {
+    padding: 76px 20px 0;
+    background-position: center -618px; }
+  .zurb-footer-top .property .connect-links {
+    padding: 76px 20px 14px;
+    background-position: center 10px; }
+  .zurb-footer-top .global {
+    border: none; }
+  .zurb-footer-top .footer-link-block.services {
+    border-top: 1px dotted rgba(255, 255, 255, 0.2);
+    padding-top: 40px;
+    margin-top: 0;
+    background-position: center 10px !important; }
+  .zurb-footer-top .footer-link-block span {
+    font-size: em-calc(11px);
+    line-height: 16px; }
+  .zurb-footer-bottom {
+    text-align: center; }
+    .zurb-footer-bottom .columns {
+      padding: 0; }
+    .zurb-footer-bottom .zurb-logo {
+      display: block;
+      margin: 0 auto; }
+    .zurb-footer-bottom .zurb-links {
+      margin: 16px 0 10px; }
+    .zurb-footer-bottom .home-social {
+      float: none;
+      margin: 0 0 20px 0;
+      text-align: center;
+      height: 44px;
+      display: inline-block; } }
+
+@media only screen and (max-width: 767px) {
+  .zurb-footer-top .property .connect-links {
+    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
+    margin-bottom: 20px; }
+  .zurb-footer-top .global .footer-link-block {
+    padding-top: 50px;
+    text-align: center;
+    margin: 0 !important;
+    clear: both; }
+    .zurb-footer-top .global .footer-link-block span {
+      padding-left: 0px; }
+    .zurb-footer-top .global .footer-link-block.services {
+      border-top: 0;
+      background-position: center 15px !important; }
+    .zurb-footer-top .global .footer-link-block.foundation {
+      background-position: center 15px !important; }
+    .zurb-footer-top .global .footer-link-block.apps {
+      padding-top: 80px;
+      background-position: center 45px !important; }
+    .zurb-footer-top .global .footer-link-block.expo {
+      padding-top: 80px;
+      background-position: center 45px !important; }
+  .zurb-footer-top .property .learn-links {
+    background: none;
+    border: none;
+    padding-top: 0;
+    margin: 0; } }
+
+@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
+  .zurb-footer-top .info-padding {
+    background-image: url("../img/icons/footer-large-icon-retina.png");
+    background-size: 100px 400px; }
+  .zurb-footer-bottom ul.home-social li a {
+    background-image: url("../img/icons/social-retina.png");
+    background-size: 50px 600px; }
+  .zurb-footer-top .global .footer-link-block {
+    font-weight: normal;
+    display: block;
+    margin: 30px 0 0 0; }
+    .zurb-footer-top .global .footer-link-block.services {
+      background: url("../img/icons/footer-studios-retina.png") left top no-repeat; }
+    .zurb-footer-top .global .footer-link-block.foundation {
+      background-image: url("../img/icons/footer-foundation-retina.png") left top no-repeat; }
+    .zurb-footer-top .global .footer-link-block.apps {
+      background-image: url("../img/icons/footer-products-retina.png") left top no-repeat; }
+    .zurb-footer-top .global .footer-link-block.expo {
+      background-image: url("../img/icons/footer-expo-retina.png") left top no-repeat; }
+  .zurb-footer-bottom a.zurb-logo {
+    background-image: url("../img/icons/footer-icons-retina.png");
+    background-size: 100px 1400px; }
+  .zurb-footer-top .property .learn-links,
+  .zurb-footer-top .property .support-links,
+  .zurb-footer-top .property .connect-links {
+    background-image: url("../img/icons/footer-top-icons-retina.png");
+    background-size: 100px 1400px; } }
+
+@media only screen and (max-width: 320px), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
+  .zurb-footer-top .info-padding {
+    background-image: url("../img/icons/footer-large-icon-retina.png");
+    background-size: 100px 400px; }
+  .zurb-footer-bottom ul.home-social li a {
+    background-image: url("../img/icons/social-retina.png");
+    background-size: 50px 600px; }
+  .zurb-footer-top .global .footer-link-block {
+    font-weight: normal;
+    display: block;
+    margin: 30px 0 0 0; }
+    .zurb-footer-top .global .footer-link-block.services {
+      background: url("../img/icons/footer-studios-retina.png") left top no-repeat;
+      background-size: 30px; }
+    .zurb-footer-top .global .footer-link-block.foundation {
+      background: url("../img/icons/footer-foundation-retina.png") left top no-repeat;
+      background-size: 30px; }
+    .zurb-footer-top .global .footer-link-block.apps {
+      background: url("../img/icons/footer-products-retina.png") left top no-repeat;
+      background-size: 30px; }
+    .zurb-footer-top .global .footer-link-block.expo {
+      background: url("../img/icons/footer-expo-retina.png") left top no-repeat;
+      background-size: 30px; }
+  .zurb-footer-bottom .zurb-logo {
+    background-image: url("../img/icons/footer-icons-retina.png");
+    background-size: 100px 1400px; }
+  .zurb-footer-top .property .support-links,
+  .zurb-footer-top .property .connect-links {
+    background-image: url("../img/icons/footer-top-icons-retina.png");
+    background-size: 100px 1400px; } }
+
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
+  .zurb-footer-top .property .learn-links {
+    background: none; } }
+
+.zurb-footer-top.bg-blue {
+  background: #2DAEBF; }
+
+.zurb-footer-top.bg-fblue {
+  background: #074e68; }
+
+.zurb-footer-top.bg-green {
+  background: #B8D30B; }
+
+.zurb-footer-top.bg-dgreen {
+  background: #afc908; }
+
+.zurb-footer-top.bg-magenta {
+  background: #A9014B; }
+
+.zurb-footer-top.bg-orange {
+  background: #FF5C00; }
+
+.zurb-footer-top.bg-lorange {
+  background: #FF6908; }
+
+.zurb-footer-top.bg-oyellow {
+  background: #FC9200; }
+
+.zurb-footer-top.bg-loyellow {
+  background: #FFB515; }
+
+.zurb-footer-top.bg-navy {
+  background: #074e68; }
+
+.docs-menu.menu-bar {
+  margin-top: 0.5rem;
+  background: #fafafa;
+  padding-top: 1rem;
+  padding-bottom: 1rem; }
+  .docs-menu.menu-bar li small {
+    color: #999;
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 60%;
+    display: block;
+    margin-top: 5px; }
+  .docs-menu.menu-bar a {
+    font-size: .85rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem; }
+    .docs-menu.menu-bar a:hover {
+      background: rgba(0, 0, 0, 0.05); }
+
+.docs-menu-title {
+  text-transform: uppercase;
+  font-size: 0.75rem;
+  color: #999;
+  font-weight: bold;
+  line-height: 1;
+  padding-left: 0.9rem;
+  margin-bottom: 0.5rem; }
+  .docs-menu-title:not(:first-of-type) {
+    margin-top: 1rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid #e9e9e9; }
+
+.docs-menu-ph {
+  opacity: 0.5;
+  pointer-events: none; }
+
+.docs-sub-menu {
+  font-size: 0.85rem;
+  margin-top: 1rem; }
+
+.docs-newsletter {
+  padding: 20px 0;
+  background: #085a78;
+  padding: 10px 0 10px 0;
+  margin-top: 2rem; }
+  .docs-newsletter h5 {
+    font-size: 20px;
+    font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
+    font-weight: 400;
+    margin-bottom: 0px;
+    margin-top: 10px;
+    color: #fff;
+    line-height: 24px; }
+  .docs-newsletter p {
+    clear: both;
+    font-size: 13px;
+    padding-top: 2px;
+    color: #fff; }
+  .docs-newsletter a {
+    color: #fff; }
+  .docs-newsletter .row.collapse form input[type="text"] {
+    font-size: 17px;
+    font-weight: 200;
+    color: #999;
+    border: 0; }
+  .docs-newsletter .row.collapse form .button {
+    border: 0;
+    box-shadow: none;
+    background: #257696; }
+  .docs-newsletter .row.collapse form .button:hover {
+    background: #1b566d; }
+
+.docs-page-title {
+  margin-top: 0.5rem; }
+
+.docs-component section {
+  position: relative; }
+
+.docs-heading {
+  position: relative; }
+
+.docs-heading-icon {
+  display: none;
+  position: absolute;
+  right: 100%;
+  width: 2rem;
+  font-size: 2rem;
+  top: 0.4rem;
+  margin-right: -0.1rem; }
+  .docs-heading-icon::before {
+    font-family: "foundation-icons";
+    content: "\f165";
+    color: #999; }
+  .docs-heading-icon:hover,
+  .docs-heading:hover .docs-heading-icon {
+    display: block; }
+  h3 > .docs-heading-icon {
+    font-size: 1.6rem;
+    top: 0.25rem;
+    margin-right: -0.3rem; }
+  h4 > .docs-heading-icon {
+    font-size: 1.6rem;
+    top: 0.25rem;
+    margin-right: -0.3rem; }
+
+.docs-code, pre {
+  position: relative; }
+  .docs-code code, pre code {
+    display: block;
+    overflow-x: auto;
+    padding: 1rem;
+    background: #f9f9f9;
+    margin-bottom: 1.5rem; }
+  .docs-reference .docs-code code, .docs-reference pre code {
+    padding: 0.75rem;
+    margin-bottom: 0.75rem; }
+
+.docs-code.kitchen-sink {
+  border: 1px solid #cacaca;
+  max-height: 300px;
+  overflow-y: scroll;
+  margin-bottom: 1rem; }
+  .docs-code.kitchen-sink code {
+    border: 0; }
+
+.docs-code .bash {
+  border: 0;
+  background: #333;
+  color: white;
+  border-radius: 4px;
+  position: relative;
+  padding-top: 2rem; }
+  .docs-code .bash::before {
+    content: '$ ';
+    color: #ccc; }
+  .docs-code .bash::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 1.25rem;
+    background: #777;
+    border-radius: 4px 4px 0 0; }
+
+.docs-code-copy {
+  position: absolute;
+  top: 0;
+  right: 0;
+  background: #2199e8;
+  color: white;
+  font-size: 0.8rem;
+  padding: 0.75rem 1rem;
+  z-index: 1; }
+  .docs-code-copy:hover,
+  .docs-code-copy.zeroclipboard-is-hover {
+    background: #1893e4; }
+
+.docs-code-toggle {
+  display: block;
+  margin-bottom: 0.5rem;
+  font-weight: bold; }
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  color: #333;
+  background: #f8f8f8;
+  -webkit-text-size-adjust: none; }
+
+.hljs-comment,
+.diff .hljs-header,
+.hljs-javadoc {
+  color: #998;
+  font-style: italic; }
+
+.hljs-keyword,
+.css .rule .hljs-keyword,
+.hljs-winutils,
+.nginx .hljs-title,
+.hljs-subst,
+.hljs-request,
+.hljs-status {
+  color: #333;
+  font-weight: bold; }
+
+.hljs-number,
+.hljs-hexcolor,
+.ruby .hljs-constant {
+  color: #008080; }
+
+.hljs-string,
+.hljs-tag .hljs-value,
+.hljs-phpdoc,
+.hljs-dartdoc,
+.tex .hljs-formula {
+  color: #d14; }
+
+.hljs-title,
+.hljs-id,
+.scss .hljs-preprocessor {
+  color: #900;
+  font-weight: bold; }
+
+.hljs-list .hljs-keyword,
+.hljs-subst {
+  font-weight: normal; }
+
+.hljs-class .hljs-title,
+.hljs-type,
+.vhdl .hljs-literal,
+.tex .hljs-command {
+  color: #458;
+  font-weight: bold; }
+
+.hljs-tag,
+.hljs-tag .hljs-title,
+.hljs-rule .hljs-property,
+.django .hljs-tag .hljs-keyword {
+  color: #000080;
+  font-weight: normal; }
+
+.hljs-attribute,
+.hljs-variable,
+.lisp .hljs-body,
+.hljs-name {
+  color: #008080; }
+
+.hljs-regexp {
+  color: #009926; }
+
+.hljs-symbol,
+.ruby .hljs-symbol .hljs-string,
+.lisp .hljs-keyword,
+.clojure .hljs-keyword,
+.scheme .hljs-keyword,
+.tex .hljs-special,
+.hljs-prompt {
+  color: #990073; }
+
+.hljs-built_in {
+  color: #0086b3; }
+
+.hljs-preprocessor,
+.hljs-pragma,
+.hljs-pi,
+.hljs-doctype,
+.hljs-shebang,
+.hljs-cdata {
+  color: #999;
+  font-weight: bold; }
+
+.hljs-deletion {
+  background: #fdd; }
+
+.hljs-addition {
+  background: #dfd; }
+
+.diff .hljs-change {
+  background: #0086b3; }
+
+.hljs-chunk {
+  color: #aaa; }
+
+.hljs-at_rule {
+  color: #333; }
+
+.hljs-at_rule .hljs-keyword {
+  color: #a71d5d;
+  font-weight: normal; }
+
+.hljs-at_rule .hljs-preprocessor {
+  color: #0086b3;
+  font-weight: normal; }
+
+.scss .hljs-attribute {
+  color: #008080; }
+
+.scss .hljs-function {
+  color: #008080; }
+
+.scss .hljs-class {
+  color: #795da3; }
+
+.docs-variable-table {
+  width: 100%;
+  border: 0; }
+  @media screen and (max-width: 63.9375em) {
+    .docs-variable-table thead {
+      display: none; }
+    .docs-variable-table tfoot {
+      display: none; }
+    .docs-variable-table tr,
+    .docs-variable-table th,
+    .docs-variable-table td {
+      display: block; }
+    .docs-variable-table td {
+      border-top: 0; } }
+  .docs-variable-table thead {
+    border: 0;
+    background: transparent;
+    border-bottom: 2px solid #cacaca; }
+    .docs-variable-table thead th {
+      text-align: left;
+      white-space: nowrap; }
+  .docs-variable-table tbody {
+    border: 0; }
+  .docs-variable-table code {
+    background: transparent;
+    color: #222;
+    border: 0;
+    padding: 0; }
+  .docs-variable-table td:first-child {
+    white-space: nowrap; }
+    .docs-variable-table td:first-child code {
+      font-weight: bold; }
+  .docs-variable-table .map {
+    white-space: nowrap; }
+  .docs-variable-table td > p:last-child {
+    margin-bottom: 0; }
+  .docs-variable-table code > span {
+    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
+  .docs-variable-table tbody tr:hover {
+    background: transparent; }
+  .docs-variable-table tbody tr:nth-of-type(even):hover {
+    background: #f3f3f3; }
+
+.row.display {
+  background: #eee;
+  font-size: 11px;
+  margin-bottom: 10px;
+  line-height: 2rem;
+  border: solid 1px #c6c6c6;
+  margin-left: 0 !important;
+  margin-right: 0 !important; }
+  .row.display .columns:nth-child(2),
+  .row.display .columns.small-centered,
+  .row.display .columns.large-centered {
+    background: #e1e1e1; }
+  .row.display .columns.color-end {
+    background: #d4d4d4; }
+
+.row.display-end {
+  background: #fff;
+  font-size: 11px;
+  margin-bottom: 10px;
+  line-height: 2rem;
+  border: solid 1px #c6c6c6;
+  margin-left: 0 !important;
+  margin-right: 0 !important; }
+  .row.display-end .columns {
+    background: #e1e1e1;
+    border-left: 1px solid #c6c6c6; }
+    .row.display-end .columns.color-end {
+      background: #d4d4d4; }
+
+#docs-flex-grid .docs-code-live .row {
+  max-width: rem-calc(1000);
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap;
+  margin-left: auto;
+  margin-right: auto; }
+  #docs-flex-grid .docs-code-live .row #docs-flex-grid .docs-code-live .row,
+  .column-row #docs-flex-grid .docs-code-live .row {
+    margin-left: -0.9375rem;
+    margin-right: -0.9375rem; }
+
+#docs-flex-grid .docs-code-live .column,
+#docs-flex-grid .docs-code-live .columns {
+  -webkit-flex: 1 1 0;
+      -ms-flex: 1 1 0;
+          flex: 1 1 0;
+  padding-left: 0.9375rem;
+  padding-right: 0.9375rem; }
+
+@media screen {
+  #docs-flex-grid .docs-code-live .small-1 {
+    -webkit-flex: 0 0 8.33333%;
+        -ms-flex: 0 0 8.33333%;
+            flex: 0 0 8.33333%; }
+  #docs-flex-grid .docs-code-live .small-2 {
+    -webkit-flex: 0 0 16.66667%;
+        -ms-flex: 0 0 16.66667%;
+            flex: 0 0 16.66667%; }
+  #docs-flex-grid .docs-code-live .small-3 {
+    -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%; }
+  #docs-flex-grid .docs-code-live .small-4 {
+    -webkit-flex: 0 0 33.33333%;
+        -ms-flex: 0 0 33.33333%;
+            flex: 0 0 33.33333%; }
+  #docs-flex-grid .docs-code-live .small-5 {
+    -webkit-flex: 0 0 41.66667%;
+        -ms-flex: 0 0 41.66667%;
+            flex: 0 0 41.66667%; }
+  #docs-flex-grid .docs-code-live .small-6 {
+    -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%; }
+  #docs-flex-grid .docs-code-live .small-7 {
+    -webkit-flex: 0 0 58.33333%;
+        -ms-flex: 0 0 58.33333%;
+            flex: 0 0 58.33333%; }
+  #docs-flex-grid .docs-code-live .small-8 {
+    -webkit-flex: 0 0 66.66667%;
+        -ms-flex: 0 0 66.66667%;
+            flex: 0 0 66.66667%; }
+  #docs-flex-grid .docs-code-live .small-9 {
+    -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+            flex: 0 0 75%; }
+  #docs-flex-grid .docs-code-live .small-10 {
+    -webkit-flex: 0 0 83.33333%;
+        -ms-flex: 0 0 83.33333%;
+            flex: 0 0 83.33333%; }
+  #docs-flex-grid .docs-code-live .small-11 {
+    -webkit-flex: 0 0 91.66667%;
+        -ms-flex: 0 0 91.66667%;
+            flex: 0 0 91.66667%; }
+  #docs-flex-grid .docs-code-live .small-12 {
+    -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%; } }
+
+@media screen and (min-width: 40em) {
+  #docs-flex-grid .docs-code-live .medium-1 {
+    -webkit-flex: 0 0 8.33333%;
+        -ms-flex: 0 0 8.33333%;
+            flex: 0 0 8.33333%; }
+  #docs-flex-grid .docs-code-live .medium-2 {
+    -webkit-flex: 0 0 16.66667%;
+        -ms-flex: 0 0 16.66667%;
+            flex: 0 0 16.66667%; }
+  #docs-flex-grid .docs-code-live .medium-3 {
+    -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%; }
+  #docs-flex-grid .docs-code-live .medium-4 {
+    -webkit-flex: 0 0 33.33333%;
+        -ms-flex: 0 0 33.33333%;
+            flex: 0 0 33.33333%; }
+  #docs-flex-grid .docs-code-live .medium-5 {
+    -webkit-flex: 0 0 41.66667%;
+        -ms-flex: 0 0 41.66667%;
+            flex: 0 0 41.66667%; }
+  #docs-flex-grid .docs-code-live .medium-6 {
+    -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%; }
+  #docs-flex-grid .docs-code-live .medium-7 {
+    -webkit-flex: 0 0 58.33333%;
+        -ms-flex: 0 0 58.33333%;
+            flex: 0 0 58.33333%; }
+  #docs-flex-grid .docs-code-live .medium-8 {
+    -webkit-flex: 0 0 66.66667%;
+        -ms-flex: 0 0 66.66667%;
+            flex: 0 0 66.66667%; }
+  #docs-flex-grid .docs-code-live .medium-9 {
+    -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+            flex: 0 0 75%; }
+  #docs-flex-grid .docs-code-live .medium-10 {
+    -webkit-flex: 0 0 83.33333%;
+        -ms-flex: 0 0 83.33333%;
+            flex: 0 0 83.33333%; }
+  #docs-flex-grid .docs-code-live .medium-11 {
+    -webkit-flex: 0 0 91.66667%;
+        -ms-flex: 0 0 91.66667%;
+            flex: 0 0 91.66667%; }
+  #docs-flex-grid .docs-code-live .medium-12 {
+    -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%; } }
+
+@media screen and (min-width: 64em) {
+  #docs-flex-grid .docs-code-live .large-1 {
+    -webkit-flex: 0 0 8.33333%;
+        -ms-flex: 0 0 8.33333%;
+            flex: 0 0 8.33333%; }
+  #docs-flex-grid .docs-code-live .large-2 {
+    -webkit-flex: 0 0 16.66667%;
+        -ms-flex: 0 0 16.66667%;
+            flex: 0 0 16.66667%; }
+  #docs-flex-grid .docs-code-live .large-3 {
+    -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%; }
+  #docs-flex-grid .docs-code-live .large-4 {
+    -webkit-flex: 0 0 33.33333%;
+        -ms-flex: 0 0 33.33333%;
+            flex: 0 0 33.33333%; }
+  #docs-flex-grid .docs-code-live .large-5 {
+    -webkit-flex: 0 0 41.66667%;
+        -ms-flex: 0 0 41.66667%;
+            flex: 0 0 41.66667%; }
+  #docs-flex-grid .docs-code-live .large-6 {
+    -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%; }
+  #docs-flex-grid .docs-code-live .large-7 {
+    -webkit-flex: 0 0 58.33333%;
+        -ms-flex: 0 0 58.33333%;
+            flex: 0 0 58.33333%; }
+  #docs-flex-grid .docs-code-live .large-8 {
+    -webkit-flex: 0 0 66.66667%;
+        -ms-flex: 0 0 66.66667%;
+            flex: 0 0 66.66667%; }
+  #docs-flex-grid .docs-code-live .large-9 {
+    -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+            flex: 0 0 75%; }
+  #docs-flex-grid .docs-code-live .large-10 {
+    -webkit-flex: 0 0 83.33333%;
+        -ms-flex: 0 0 83.33333%;
+            flex: 0 0 83.33333%; }
+  #docs-flex-grid .docs-code-live .large-11 {
+    -webkit-flex: 0 0 91.66667%;
+        -ms-flex: 0 0 91.66667%;
+            flex: 0 0 91.66667%; }
+  #docs-flex-grid .docs-code-live .large-12 {
+    -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%; } }
+
+@media screen and (min-width: 40em) {
+  #docs-flex-grid .docs-code-live .medium-expand {
+    -webkit-flex: 1 1 0;
+        -ms-flex: 1 1 0;
+            flex: 1 1 0; } }
+
+@media screen and (min-width: 64em) {
+  #docs-flex-grid .docs-code-live .large-expand {
+    -webkit-flex: 1 1 0;
+        -ms-flex: 1 1 0;
+            flex: 1 1 0; } }
+
+#docs-flex-grid .docs-code-live .shrink {
+  -webkit-flex: 0 0 auto;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto; }
+
+#docs-flex-grid .docs-code-live .row.medium-unstack .column, #docs-flex-grid .docs-code-live .row.medium-unstack .columns {
+  -webkit-flex: 0 0 100%;
+      -ms-flex: 0 0 100%;
+          flex: 0 0 100%; }
+  @media screen and (min-width: 40em) {
+    #docs-flex-grid .docs-code-live .row.medium-unstack .column, #docs-flex-grid .docs-code-live .row.medium-unstack .columns {
+      -webkit-flex: 1 1 0;
+          -ms-flex: 1 1 0;
+              flex: 1 1 0; } }
+
+#docs-flex-grid .docs-code-live .row.large-unstack .column, #docs-flex-grid .docs-code-live .row.large-unstack .columns {
+  -webkit-flex: 0 0 100%;
+      -ms-flex: 0 0 100%;
+          flex: 0 0 100%; }
+  @media screen and (min-width: 64em) {
+    #docs-flex-grid .docs-code-live .row.large-unstack .column, #docs-flex-grid .docs-code-live .row.large-unstack .columns {
+      -webkit-flex: 1 1 0;
+          -ms-flex: 1 1 0;
+              flex: 1 1 0; } }
+
+@media screen {
+  #docs-flex-grid .docs-code-live .small-order-1 {
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  #docs-flex-grid .docs-code-live .small-order-2 {
+    -webkit-order: 2;
+        -ms-flex-order: 2;
+            order: 2; }
+  #docs-flex-grid .docs-code-live .small-order-3 {
+    -webkit-order: 3;
+        -ms-flex-order: 3;
+            order: 3; }
+  #docs-flex-grid .docs-code-live .small-order-4 {
+    -webkit-order: 4;
+        -ms-flex-order: 4;
+            order: 4; }
+  #docs-flex-grid .docs-code-live .small-order-5 {
+    -webkit-order: 5;
+        -ms-flex-order: 5;
+            order: 5; }
+  #docs-flex-grid .docs-code-live .small-order-6 {
+    -webkit-order: 6;
+        -ms-flex-order: 6;
+            order: 6; } }
+
+@media screen and (min-width: 40em) {
+  #docs-flex-grid .docs-code-live .medium-order-1 {
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  #docs-flex-grid .docs-code-live .medium-order-2 {
+    -webkit-order: 2;
+        -ms-flex-order: 2;
+            order: 2; }
+  #docs-flex-grid .docs-code-live .medium-order-3 {
+    -webkit-order: 3;
+        -ms-flex-order: 3;
+            order: 3; }
+  #docs-flex-grid .docs-code-live .medium-order-4 {
+    -webkit-order: 4;
+        -ms-flex-order: 4;
+            order: 4; }
+  #docs-flex-grid .docs-code-live .medium-order-5 {
+    -webkit-order: 5;
+        -ms-flex-order: 5;
+            order: 5; }
+  #docs-flex-grid .docs-code-live .medium-order-6 {
+    -webkit-order: 6;
+        -ms-flex-order: 6;
+            order: 6; } }
+
+@media screen and (min-width: 64em) {
+  #docs-flex-grid .docs-code-live .large-order-1 {
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  #docs-flex-grid .docs-code-live .large-order-2 {
+    -webkit-order: 2;
+        -ms-flex-order: 2;
+            order: 2; }
+  #docs-flex-grid .docs-code-live .large-order-3 {
+    -webkit-order: 3;
+        -ms-flex-order: 3;
+            order: 3; }
+  #docs-flex-grid .docs-code-live .large-order-4 {
+    -webkit-order: 4;
+        -ms-flex-order: 4;
+            order: 4; }
+  #docs-flex-grid .docs-code-live .large-order-5 {
+    -webkit-order: 5;
+        -ms-flex-order: 5;
+            order: 5; }
+  #docs-flex-grid .docs-code-live .large-order-6 {
+    -webkit-order: 6;
+        -ms-flex-order: 6;
+            order: 6; } }
+
+#docs-flex-grid .docs-code-live .row.align-right {
+  -webkit-justify-content: flex-end;
+      -ms-flex-pack: end;
+          justify-content: flex-end; }
+
+#docs-flex-grid .docs-code-live .row.align-center {
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center; }
+
+#docs-flex-grid .docs-code-live .row.align-justify {
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between; }
+
+#docs-flex-grid .docs-code-live .row.align-spaced {
+  -webkit-justify-content: space-around;
+      -ms-flex-pack: distribute;
+          justify-content: space-around; }
+
+#docs-flex-grid .docs-code-live .row.align-top {
+  -webkit-align-items: flex-start;
+      -ms-flex-align: start;
+          align-items: flex-start; }
+
+#docs-flex-grid .docs-code-live .column.align-top, #docs-flex-grid .docs-code-live .align-top.columns {
+  -webkit-align-self: flex-start;
+      -ms-flex-item-align: start;
+          align-self: flex-start; }
+
+#docs-flex-grid .docs-code-live .row.align-bottom {
+  -webkit-align-items: flex-end;
+      -ms-flex-align: end;
+          align-items: flex-end; }
+
+#docs-flex-grid .docs-code-live .column.align-bottom, #docs-flex-grid .docs-code-live .align-bottom.columns {
+  -webkit-align-self: flex-end;
+      -ms-flex-item-align: end;
+          align-self: flex-end; }
+
+#docs-flex-grid .docs-code-live .row.align-middle {
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center; }
+
+#docs-flex-grid .docs-code-live .column.align-middle, #docs-flex-grid .docs-code-live .align-middle.columns {
+  -webkit-align-self: center;
+      -ms-flex-item-align: center;
+          align-self: center; }
+
+#docs-flex-grid .docs-code-live .row.align-stretch {
+  -webkit-align-items: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch; }
+
+#docs-flex-grid .docs-code-live .column.align-stretch, #docs-flex-grid .docs-code-live .align-stretch.columns {
+  -webkit-align-self: stretch;
+      -ms-flex-item-align: stretch;
+          align-self: stretch; }
+
+#docs-flex-grid .docs-code-live .row {
+  background: #f9f9f9;
+  font-size: 11px;
+  margin-bottom: 10px;
+  line-height: 2rem;
+  border: solid 1px #c6c6c6;
+  margin-left: 0;
+  margin-right: 0;
+  margin-bottom: 1.5rem; }
+
+#docs-flex-grid .docs-code-live .column,
+#docs-flex-grid .docs-code-live .columns,
+#docs-flex-grid .docs-code-live .columns {
+  float: none;
+  width: auto;
+  margin-right: -1px; }
+  #docs-flex-grid .docs-code-live .column:nth-child(odd),
+  #docs-flex-grid .docs-code-live .columns:nth-child(odd),
+  #docs-flex-grid .docs-code-live .columns:nth-child(odd) {
+    background: #eee; }
+  #docs-flex-grid .docs-code-live .column:nth-child(even),
+  #docs-flex-grid .docs-code-live .columns:nth-child(even),
+  #docs-flex-grid .docs-code-live .columns:nth-child(even) {
+    background: #ddd; }
+
+.docs-example-modal {
+  display: block;
+  position: static;
+  width: 100%;
+  max-width: none;
+  margin-bottom: 1rem; }
+
+.docs-example-burger {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  cursor: pointer;
+  width: 30px;
+  height: 23px; }
+  .docs-example-burger::after {
+    content: '';
+    position: absolute;
+    display: block;
+    width: 100%;
+    height: 4px;
+    background: #0a0a0a;
+    box-shadow: 0 9px 0 #0a0a0a, 0 18px 0 #0a0a0a; }
+  .docs-example-burger:hover::after {
+    background: #8a8a8a;
+    box-shadow: 0 9px 0 #8a8a8a, 0 18px 0 #8a8a8a; }
+
+.docs-color-block {
+  border: 1px solid #ccc;
+  padding: 0.5rem;
+  margin-bottom: 1rem;
+  text-align: center; }
+  .docs-color-block > div:first-child {
+    width: 100%;
+    height: 50px;
+    margin-bottom: 0.5rem; }
+  .docs-color-block > p {
+    margin: 0; }
+  .docs-color-block-primary {
+    background: #2199e8; }
+  .docs-color-block-secondary {
+    background: #777; }
+  .docs-color-block-success {
+    background: #3adb76; }
+  .docs-color-block-warning {
+    background: #ffae00; }
+  .docs-color-block-alert {
+    background: #ec5840; }
+  .docs-color-block-white {
+    background: #fefefe; }
+  .docs-color-block-light-gray {
+    background: #f3f3f3; }
+  .docs-color-block-medium-gray {
+    background: #cacaca; }
+  .docs-color-block-dark-gray {
+    background: #8a8a8a; }
+  .docs-color-block-black {
+    background: #0a0a0a; }
+
+.docs-big-index .column a, .docs-big-index .columns a {
+  color: #0a0a0a; }
+
+.docs-big-index .column strong, .docs-big-index .columns strong {
+  color: #2199e8;
+  font-size: 1.25rem;
+  display: block;
+  margin-bottom: 0.25rem; }
+
+.docs-big-index .column a:hover, .docs-big-index .columns a:hover {
+  color: #2199e8; }
+  .docs-big-index .column a:hover strong, .docs-big-index .columns a:hover strong {
+    color: #4faeed; }
+
+.docs-small-index ul {
+  list-style-type: none;
+  margin-left: 0; }
+
+.docs-small-index li {
+  margin-bottom: 0.25rem; }
+
+.docs-building-blocks .column a, .docs-building-blocks .columns a {
+  display: block; }
+
+.docs-building-blocks .column p, .docs-building-blocks .columns p {
+  font-size: 1.25rem;
+  font-weight: bold;
+  margin-bottom: 0.5rem; }
+
+.docs-building-blocks .column img, .docs-building-blocks .columns img {
+  border: 1px solid #cacaca; }
+
+.twitter-typeahead {
+  display: block !important;
+  position: relative; }
+  .twitter-typeahead::before {
+    content: "\f16c";
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0.6rem;
+    z-index: 1;
+    font-family: 'foundation-icons';
+    font-size: 1.6rem;
+    color: #2199e8; }
+
+.tt-input,
+.tt-hint {
+  right: 0;
+  padding-left: 2.4rem;
+  margin-bottom: 0.5rem;
+  box-shadow: none;
+  border-width: 0 0 1px 0; }
+  .tt-input:hover,
+  .tt-hint:hover {
+    box-shadow: none; }
+  .tt-input:focus,
+  .tt-hint:focus {
+    border-width: 0 0 1px 0; }
+
+.tt-menu {
+  background: white;
+  width: 100%;
+  border: 1px solid #ccc; }
+
+.tt-suggestion {
+  padding: 1rem; }
+  .tt-suggestion::before,
+  .tt-suggestion::after {
+    content: ' ';
+    display: table; }
+  .tt-suggestion::after {
+    clear: both; }
+  .tt-suggestion:hover,
+  .tt-suggestion.tt-cursor {
+    background: #2199e8;
+    color: #fff;
+    cursor: pointer; }
+    .tt-suggestion:hover .meta,
+    .tt-suggestion.tt-cursor .meta {
+      color: #fff; }
+  .tt-suggestion .name {
+    font-weight: bold;
+    float: left;
+    width: 40%; }
+  .tt-suggestion .meta {
+    text-transform: uppercase;
+    font-size: 0.8rem;
+    color: #8a8a8a;
+    margin-left: 0.5rem; }
+  .tt-suggestion .desc {
+    float: left;
+    width: 60%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis; }
+
+.tt-empty {
+  padding: 1rem; }
+  .tt-empty:before {
+    content: ':(';
+    font-weight: bold;
+    font-size: 2rem;
+    color: #999;
+    margin-left: 1rem;
+    margin-right: 2rem; }
+
+.docs-compat-table {
+  width: 100%;
+  background: transparent;
+  margin-bottom: 2rem; }
+  .docs-compat-table tbody {
+    border-color: #cacaca; }
+  .docs-compat-table tr {
+    border-bottom: 1px solid #cacaca; }
+  .docs-compat-table tr,
+  .docs-compat-table tr:nth-child(even) {
+    background: transparent; }
+  .docs-compat-table tr:nth-child(even) td:first-child {
+    background: #f3f3f3; }
+  .docs-compat-table td:first-child {
+    border-right: 1px solid #cacaca; }
+  .docs-compat-table .works {
+    background: rgba(58, 219, 118, 0.15);
+    color: #3adb76;
+    font-size: 1.25rem;
+    font-weight: bold;
+    text-align: center; }
+    .docs-compat-table .works::before {
+      display: inline-block;
+      content: '✔';
+      margin-right: 0.5rem; }
+
+.docs-notice-added, .docs-notice-deprecated {
+  position: absolute;
+  top: 0;
+  right: 0;
+  font-weight: bold;
+  color: #ffae00;
+  font-size: 0.8rem;
+  line-height: 2.8; }
+
+.docs-notice-deprecated {
+  color: #ec5840; }
+
+.docs-deprecated {
+  opacity: 0.25;
+  transition: opacity 0.1s ease-out; }
+  .docs-deprecated:hover {
+    opacity: 1; }
+
+.docs-topbar {
+  background: #333;
+  font-size: 0.8125rem;
+  font-weight: bold; }
+  .docs-topbar .menu-bar a {
+    height: 45px;
+    line-height: 45px;
+    color: white;
+    padding-top: 0;
+    padding-bottom: 0; }
+    .docs-topbar .menu-bar a:hover,
+    .docs-topbar .menu-bar a:focus {
+      background: #222; }
+  .docs-topbar .menu-bar:first-child {
+    border-right: 1px solid #4e4e4e; }
+  .docs-topbar .menu-bar:last-child {
+    border-left: 1px solid #4e4e4e; }
+  .docs-topbar .menu-bar li:not(:last-child) {
+    border-right: 1px solid #4e4e4e; }
+  .docs-topbar .docs-menu-title {
+    margin: 0; }
+
+.menu-group::before,
+.menu-group::after {
+  content: ' ';
+  display: table; }
+
+.menu-group::after {
+  clear: both; }
+
+.menu-group ul:first-child {
+  float: left; }
+
+.menu-group ul:last-child {
+  float: right; }
diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
new file mode 100644 (file)
index 0000000..8867cda
--- /dev/null
@@ -0,0 +1 @@
+@import 'foundation';
diff --git a/docs/layouts/component.html b/docs/layouts/component.html
new file mode 100644 (file)
index 0000000..bc8046a
--- /dev/null
@@ -0,0 +1,314 @@
+<article class="docs-component" id="docs-{{escape title}}">
+
+<h1 class="docs-page-title">{{ title }}</h1>
+
+<p class="lead docs-page-lead">{{ description }}</p>
+
+<hr>
+
+{{!-- Start container for docs and table of contents --}}
+<div class="row">
+
+{{!-- Start container for table of contents --}}
+<nav>
+  <div class="large-3 large-push-9 columns">
+    <ul class="vertical menu-bar docs-sub-menu" data-docs-toc>
+      <li class="docs-menu-title">On this page:</li>
+    </ul>
+    <ul class="vertical menu-bar docs-sub-menu">
+      <li class="docs-menu-title">Contribute:</li>
+      <li><a href="{{ editLink fileName }}">Edit this Page</a></li>
+      <li><a href="{{ issueLink title }}">Report a Bug</a></li>
+      {{ sourceLink _adapterData }}
+    </ul>
+  </div>
+</nav>
+{{!-- End container for table of contents --}}
+
+{{!-- Start container for docs --}}
+<div class="large-9 large-pull-3 columns">
+
+{{ docs }}
+
+{{#if sass}}
+<hr>
+
+<section>
+  {{#heading 2}}Sass Reference{{/heading}}
+
+  {{#if sass.variable}}
+  <section>
+    {{#heading 3 'sass-variables'}}Variables{{/heading}}
+
+    <p>The default styles of this component can be customized using these Sass variables in your project's <a href="sass.html#the-settings-file">settings file</a>.</p>
+
+    <table class="docs-variable-table">
+      <thead>
+        <tr><th>Name</th><th>Type</th><th>Default Value</th><th>Description</th></tr>
+      </thead>
+      {{#each sass.variable}}
+      <tr>
+        <td class="name"><code>${{this.context.name}}</code></td>
+        <td>{{sassTypes this.type}}</td>
+        <td class="{{toLower this.type}}"><code>{{sassValue this.context.value}}</code></td>
+        <td>{{md this.description}}</td>
+      </tr>
+      {{/each}}
+    </table>
+  </section>
+  {{/if}}
+
+  {{#if sass.mixin}}
+  {{#if sass.variable}}<hr>{{/if}}
+
+  <section>
+    {{#heading 3 'sass-mixins'}}Mixins{{/heading}}
+
+    <p>We use these mixins to build the final CSS output of this component. You can use the mixins yourself to build your own class structure out of our components.</p>
+
+    {{#each sass.mixin}}
+    <section {{#if this.deprecated }}class="docs-deprecated"{{/if}}>
+      {{#heading 4}}{{this.context.name}}{{/heading}}
+
+      {{#if this.since}}
+        <p class="docs-notice-added">Added in {{this.since.0.version}}</p>
+      {{/if}}
+
+      {{#if this.deprecated}}
+        <p class="docs-notice-deprecated">Deprecated in {{this.deprecated}}</p>
+      {{/if}}
+
+      <div class="docs-code">
+        <pre><code>{{writeMixin this}}</code></pre>
+      </div>
+
+      {{md this.description}}
+
+      {{externalLink this.link}}
+
+      {{#if this.parameter}}
+      <table class="docs-variable-table">
+        <thead>
+          <tr><th>Parameter</th><th>Type</th><th>Default Value</th><th>Description</th></tr>
+        </thead>
+        {{#each this.parameter}}
+        <tr>
+          <td><code>${{this.name}}</code></td>
+          <td>{{sassTypes this.type}}</td>
+          <td><code>{{sassValue this.default}}</code></td>
+          <td>{{md this.description}}</td>
+        </tr>
+        {{/each}}
+      </table>
+      {{/if}}
+    </section>
+
+    {{#unless @last}}<hr>{{/unless}}
+
+    {{#if sass.function}}
+      <hr>
+    {{/if}}
+
+    {{/each}}
+  </section>
+  {{/if}}
+
+  {{#if sass.function}}
+  <hr>
+
+  <section>
+    {{#heading 3 'sass-functions'}}Functions{{/heading}}
+
+    {{#each sass.function}}
+    <section {{#if this.deprecated }}class="docs-deprecated"{{/if}}>
+      {{#heading 4}}{{this.context.name}}{{/heading}}
+
+      {{#if this.since}}
+        <p class="docs-notice-added">Added in {{this.since.0.version}}</p>
+      {{/if}}
+
+      {{#if this.deprecated}}
+        <p class="docs-notice-deprecated">Deprecated in {{this.deprecated.version}}</p>
+      {{/if}}
+
+      <div class="docs-code">
+        <pre><code>{{writeFunction this}}</code></pre>
+      </div>
+
+      {{md this.description}}
+
+      {{externalLink this.link}}
+
+      {{#if this.parameter}}
+      <table class="docs-variable-table">
+        <thead>
+          <tr><th>Parameter</th><th>Type</th><th>Default Value</th><th>Description</th></tr>
+        </thead>
+        {{#each this.parameter}}
+        <tr>
+          <td><code>${{this.name}}</code></td>
+          <td>{{sassTypes this.type}}</td>
+          <td><code>{{sassValue this.default}}</code></td>
+          <td>{{md this.description}}</td>
+        </tr>
+        {{/each}}
+      </table>
+      {{/if}}
+    </section>
+
+    {{#unless @last}}<hr>{{/unless}}
+    {{/each}}
+  </section>
+  {{/if}}
+
+</section>
+{{/if}}
+
+{{#if js}}
+<hr>
+
+<section>
+  {{#heading 2}}JavaScript Reference{{/heading}}
+
+  {{#each js.class}}
+  <section>
+    {{#heading 3 'js-class'}}Foundation.{{this.name}}{{/heading}}
+
+    {{md this.description}}
+
+    <div class="docs-code"><pre><code>var elem = new Foundation.{{this.name}}(element, options);</code></pre></div>
+
+    {{#if this.fires}}
+      <p><strong>Fires these events:</strong>
+      {{#each this.fires}}
+        {{this}}
+      {{/each}}
+      </p>
+    {{/if}}
+
+    {{#if this.params}}
+    <table class="docs-variable-table">
+      <thead>
+        <tr><th>Name</th><th>Type</th><th>Description</th></tr>
+      </thead>
+      {{#each this.params}}
+      <tr>
+        <td><code>{{this.name}}</code></td>
+        <td>{{this.type.names.[0]}}</td>
+        <td>{{this.description}}</td>
+      </tr>
+      {{/each}}
+    </table>
+    {{/if}}
+  </section>
+  {{/each}}
+
+  <hr>
+
+  {{#if js.member}}
+  <section>
+    {{#heading 3 'js-options'}}Plugin Options{{/heading}}
+
+    <p>Use these options to customize an instance of {{title}}. Plugin options can be set as individual data attributes, one combined <code>data-options</code> attribute, or as an object passed to the plugin's constructor. <a href="#">Learn more about how JavaScript plugins are initialized.</a></p>
+
+    <table class="docs-variable-table">
+      <thead>
+        <tr><th>Name</th><th>Description</th><th>Example</th></tr>
+      </thead>
+      {{#each js.member}}
+      <tr>
+        <td>{{this.name}}</td>
+        <td>{{this.description}}</td>
+        <td><code>Sample!</code></td>
+      </tr>
+      {{/each}}
+    </table>
+  </section>
+  {{/if}}
+
+  <hr>
+
+  {{#if js.event}}
+  <section>
+    {{#heading 3 'js-events'}}Events{{/heading}}
+
+    <p>These events will fire from any element with a {{title}} plugin attached.</p>
+
+    <table class="docs-variable-table">
+      <thead>
+        <tr><th>Name</th><th>Description</th></tr>
+      </thead>
+      {{#each js.event}}
+        <tr>
+          <td>{{this.name}}.zf.{{../title}}</td>
+          <td>{{this.description}}</td>
+        </tr>
+      {{/each}}
+    </table>
+  </section>
+  {{/if}}
+
+  <hr>
+
+  {{#if js.function}}
+  <section>
+    {{#heading 3 'js-functions'}}Functions{{/heading}}
+
+    {{#each js.function}}
+    <section>
+      {{#heading 4 'js-class'}}{{../../js.class.0.name}}.{{this.name}}{{/heading}}
+
+      {{md this.description}}
+
+      {{#if this.fires}}
+        <p><strong>Fires these events:</strong>
+        {{#each this.fires}}
+          {{this}}
+        {{/each}}
+        </p>
+      {{/if}}
+
+      {{#if this.params}}
+      <table class="docs-variable-table">
+        <thead>
+          <tr><th>Name</th><th>Type</th><th>Description</th></tr>
+        </thead>
+        {{#each this.params}}
+        <tr>
+          <td><code>{{this.name}}</code></td>
+          <td>{{this.type.names.[0]}}</td>
+          <td>{{this.description}}</td>
+        </tr>
+        {{/each}}
+      </table>
+      {{/if}}
+
+      {{#unless @last}}<hr>{{/unless}}
+    </section>
+    {{/each}}
+  </section>
+  {{/if}}
+</section>
+{{/if}}
+
+{{#if sass}}
+<hr>
+
+<section class="docs-building-blocks">
+  {{#heading 2 'building-blocks'}}Building Blocks using {{title}}{{/heading}}
+
+  <p><a href="http://zurb.com/building-blocks">Building Blocks</a> is a ZURB-curated resource with useful code snippets that use Foundation components. Here are a few for this component:</p>
+
+  <div class="row up-1 medium-up-2 large-up-3" data-building-blocks>
+    
+  </div>
+</section>
+{{/if}}
+
+</div>
+{{!-- End container for docs --}}
+
+</div>
+{{!-- End container for docs and table of contents --}}
+
+</article>
diff --git a/docs/layouts/default.html b/docs/layouts/default.html
new file mode 100644 (file)
index 0000000..0e50ace
--- /dev/null
@@ -0,0 +1,71 @@
+<!doctype html>
+<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
+<html class="no-js" lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta class="foundation-mq">
+    <title>Foundation for Emails</title>
+
+    <link href="assets/css/docs.css" rel="stylesheet" />
+    <link href="//cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
+  </head>
+  <body data-off-canvas id="body">
+
+    <div class="off-canvas">
+      <ul class="vertical menu-bar">
+        <li><a href="#">Foundation</a></li>
+        <li><a href="#">Dot</a></li>
+        <li><a href="#">ZURB</a></li>
+        <li><a href="#">Com</a></li>
+        <li><a href="#">Slash</a></li>
+        <li><a href="#">Sites</a></li>
+      </ul>
+    </div>
+
+    <div class="main-content" data-off-canvas-content>
+      <div class="menu-group docs-topbar">
+        <ul class="menu-bar">
+          <li class="docs-topbar-title"><a href="#">Foundation</a></li>
+        </ul>
+        <ul class="menu-bar">
+          <li><a href="#">Learn</a></li>
+          <li><a href="#">Develop</a></li>
+          <li><a href="#">Support</a></li>
+          <li><a href="#">Business</a></li>
+          <li><a href="#">Docs</a></li>
+        </ul>
+      </div>
+
+      <div class="expanded column-row docs-header">
+        <h1 class="docs-site-title"><a href="index.html">Foundation for Emails Documentation <em>Version 2.0.0-alpha</em></a></h1>
+        <button type="button" class="docs-header-link" data-toggle="docs-versions-menu">Older Versions</button>
+
+        <div class="docs-versions-menu hide" id="docs-versions-menu" data-toggler=".hide">
+          <ul class="menu-bar vertical">
+            <li><a href="http://foundation.zurb.com/sites/docs/v5">Foundation 5</a></li>
+            <li><a href="http://foundation.zurb.com/sites/docs/v4">Foundation 4</a></li>
+            <li><a href="http://foundation.zurb.com/sites/docs/v3">Foundation 3</a></li>
+            <li><a href="http://foundation.zurb.com/sites/docs/v2">Foundation 2</a></li>
+          </ul>
+        </div>
+      </div>
+
+      <input type="text" class="docs-search" data-docs-search placeholder="Find a page, component, variable, mixin, function...">
+
+      <div class="expanded row">
+        <div class="medium-8 large-10 medium-push-4 large-push-2 columns">
+{{> body}}
+        </div>
+        <div class="medium-4 large-2 medium-pull-8 large-pull-10 columns">
+          {{> component-list}}
+        </div>
+      </div>
+
+      {{> footer}}
+    </div>
+
+    <script src="assets/js/foundation.js"></script>
+    <script src="assets/js/docs.js"></script>
+  </body>
+</html>
diff --git a/docs/pages/index.md b/docs/pages/index.md
new file mode 100644 (file)
index 0000000..01611f0
--- /dev/null
@@ -0,0 +1,5 @@
+---
+title: Foundation for Emails
+---
+
+Don't stop believing.
diff --git a/docs/partials/component-list.html b/docs/partials/component-list.html
new file mode 100644 (file)
index 0000000..b1337a2
--- /dev/null
@@ -0,0 +1,72 @@
+<ul class="vertical menu-bar docs-menu">
+  <li class="docs-menu-title">Getting Started</li>
+  <li><a href="installation.html">Installation</a></li>
+  <li><a href="starter-projects.html">Starter Projects</a></li>
+  <li><a href="compatibility.html">Compatibility</a></li>
+  <li><a href="accessibility.html">Accessibility</a></li>
+  <li><a href="kitchen-sink.html">Kitchen Sink</a></li>
+
+  <li class="docs-menu-title">General</li>
+  <li><a href="global.html">Global Styles</a></li>
+  <li><a href="rtl.html">Right-to-Left Support</a></li>
+  <li><a href="sass.html">Sass</a></li>
+  <li><a href="javascript.html">JavaScript</a></li>
+  <li><a href="media-queries.html">Media Queries</a></li>
+  <li><a href="grid.html">Grid</a></li>
+  <li><a href="flex-grid.html">Flex Grid</a></li>
+  <li><a href="forms.html">Forms</a></li>
+  <li><a href="visibility.html">Visibility Classes</a></li>
+  <li><a href="float-classes.html">Float Classes</a></li>
+
+  <li class="docs-menu-title">Typography</li>
+  <li><a href="typography-base.html">Base Styles</a></li>
+  <li><a href="typography-helpers.html">Helper Classes</a></li>
+  <li><a href="modular-scale.html">Modular Scale</a></li>
+
+  <li class="docs-menu-title">Controls</li>
+  <li><a href="button.html">Button</a></li>
+  <li><a href="button-group.html">Button Group</a></li>
+  <li><a href="close-button.html">Close Button</a></li>
+  <li><a href="range-slider.html">Range Slider</a></li>
+  <li><a href="switch.html">Switch</a></li>
+
+  <li class="docs-menu-title">Navigation</li>
+  <li><a href="accordion-menu.html">Accordion Menu</a></li>
+  <li><a href="breadcrumbs.html">Breadcrumbs</a></li>
+  <li><a href="drilldown.html">Drilldown</a></li>
+  <li><a href="dropdown.html">Dropdown</a></li>
+  <li><a href="magellan.html">Magellan</a></li>
+  <li><a href="menu-bar.html">Menu Bar</a></li>
+  <li><a href="pagination.html">Pagination</a></li>
+  <li><a href="responsive-menu.html">Responsive Menu</a></li>
+
+  <li class="docs-menu-title">Containers</li>
+  <li><a href="accordion.html">Accordion</a></li>
+  <li><a href="callout.html">Callout</a></li>
+  <li><a href="card.html">Card</a></li>
+  <li><a href="media-object.html">Media Object</a></li>
+  <li><a href="off-canvas.html">Off-canvas</a></li>
+  <li><a href="reveal.html">Reveal <small>Modal</small></a></li>
+  <li><a href="table.html">Table</a></li>
+  <li><a href="tabs.html">Tabs</a></li>
+
+  <li class="docs-menu-title">Media</li>
+  <li><a href="badge.html">Badge</a></li>
+  <li><a href="flex-video.html">Flex Video</a></li>
+  <li><a href="label.html">Label</a></li>
+  <li><a href="orbit.html">Orbit <small>Carousel</small></a></li>
+  <li><a href="progress-bar.html">Progress Bar</a></li>
+  <li><a href="thumbnail.html">Thumbnail</a></li>
+  <li><a href="tooltip.html">Tooltip</a></li>
+  
+  <li class="docs-menu-title">Plugins</li>
+  <li><a href="abide.html">Abide <small>Form Validation</small></a></li>
+  <li><a href="equalizer.html">Equalizer <small>Column Alignment</small></a></li>
+  <li><a href="interchange.html">Interchange <small>Responsive Content</small></a></li>
+  <li><a href="toggler.html">Toggler <small>CSS Helper</small></a></li>
+  <li class="docs-menu-ph"><a href="sticky.html">Sticky <small>Header/Sidebar</small></a></li>
+
+  <li class="docs-menu-title">Sass</li>
+  <li><a href="sass-functions.html">Functions</a></li>
+  <li><a href="sass-mixins.html">Mixins</a></li>
+</ul>
\ No newline at end of file
diff --git a/docs/partials/footer.html b/docs/partials/footer.html
new file mode 100644 (file)
index 0000000..8fd6f72
--- /dev/null
@@ -0,0 +1,113 @@
+<div class="docs-newsletter">
+  <div class="row">
+    <div class="medium-8 columns">
+      <h5>Stay on top of what&rsquo;s happening in <a href="http://zurb.com/responsive">responsive design</a>.</h5>
+      <p>Sign up to receive monthly Responsive Reading highlights. <a href="http://zurb.com/responsive/reading">Read Last Month's Edition &raquo;</a></p>
+    </div>
+    <div class="medium-4 columns">
+      <form action="http://zurb.createsend.com/t/y/s/xlitlu/" method="post" id="subForm">
+        <div class="row collapse margintop-20px">
+          <div class="small-8 medium-8 columns">
+            <input id="fieldEmail" name="cm-xlitlu-xlitlu" type="email" placeholder="signup@example.com">
+          </div>
+          <div class="small-4 medium-4 columns">
+            <input type="submit" href="#" class="postfix button" value="Sign Up">
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+
+<div class="zurb-footer-top bg-fblue">
+  <div class="row property">
+    <div class="medium-4 columns">
+      <div class="property-info">
+        <h3>Foundation for Sites</h3>
+        <p>Foundation is a responsive front-end framework made by <a href="http://zurb.com">ZURB</a>, a product design company in Campbell, CA. This framework is the result of building web products &amp; services since 1998.
+        </p>
+      </div>
+    </div>
+
+    <div class="medium-8 columns">
+      <div class="row collapse">
+        <div class="medium-4 columns">
+          <div class="learn-links">
+            <h4 class="hide-for-small">Want more?</h4>
+            <ul>
+              <li><a href="http://foundation.zurb.com/apps">Foundation for Apps</a></li>
+              <li><a href="http://zurb.com/ink/">Ink Responsive Emails</a></li>
+              <li><a href="http://zurb.com/notable">Notable Design Apps</a></li>
+              <li><a href="http://zurb.com/university/courses">Training</a></li>
+              <li><a href="http://zurb.com/library">Design Resources</a></li>
+            </ul>
+          </div>
+        </div>
+          <div class="medium-4 columns">
+            <div class="support-links">
+            <h4 class="hide-for-small">Talk to us</h4>
+            <p>Tweet us at <br> <a href="https://twitter.com/zurbfoundation">@ZURBfoundation</a></p>
+            <p><a href="http://foundation.zurb.com/business/business-support.html">Business Support</a></p>
+            <p>Or check our <a href="http://foundation.zurb.com/support/support.html">support page</a></p>
+            </div>
+          </div>
+        <div class="medium-4 columns">
+          <div class="connect-links">
+            <h4 class="hide-for-small">Stay Updated</h4>
+            <p>Keep up with the latest on Foundation. Find us on <a href="https://github.com/zurb/foundation">Github</a>.</p>
+            <a href="http://zurb.com/news" class="small button">Stay Connected</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="row global">
+    <div class="medium-3 small-6 columns">
+      <a href="http://zurb.com/studios" class="footer-link-block services">
+        <span class="title">Studios</span>
+        <span>Helping more than 200 startups succeed since 1998.</span>
+      </a>
+    </div>
+    <div class="medium-3 small-6 columns">
+      <a href="http://foundation.zurb.com/" class="footer-link-block foundation">
+        <span class="title">Foundation</span>
+        <span>The most advanced front-end framework in the world.</span>
+      </a>
+    </div>
+    <div class="medium-3 small-6 columns">
+      <a href="http://zurb.com/notable" class="footer-link-block apps">
+        <span class="title">Notable Design Apps</span>
+        <span>Prototype, iterate and collect feedback on your products.</span>
+      </a>
+    </div>
+    <div class="medium-3 small-6 columns">
+      <a href="http://zurb.com/university" class="footer-link-block expo">
+        <span class="title">University</span>
+        <span>Ideas, thoughts and design resources shared with you.</span>
+      </a>
+    </div>
+  </div>
+</div>
+
+<div class="zurb-footer-bottom">
+  <div class="row">
+    <div class="medium-4 medium-push-8 columns">
+      <ul class="home-social">
+          <li><a href="http://www.twitter.com/ZURB" class="twitter"></a></li>
+          <li><a href="http://www.facebook.com/ZURB" class="facebook"></a></li>
+          <li><a href="http://zurb.com/contact" class="mail"></a></li>
+        </ul>
+     </div>
+     <div class="medium-8 medium-pull-4 columns">
+        <a href="http://www.zurb.com" class="zurb-logo regular"></a>
+        <ul class="zurb-links">
+          <li><a href="http://zurb.com/about">About</a></li>
+          <li><a href="http://zurb.com/blog">Blog</a></li>
+          <li><a href="http://zurb.com/news">News<span class="show-for-medium-up"> &amp; Events</span></a></li>
+          <li><a href="http://zurb.com/contact">Contact</a></li>
+          <li><a href="http://zurb.com/sitemap">Sitemap</a></li>
+       </ul>
+       <p class="copyright">&copy; 1998&dash;2015 ZURB, Inc. All rights reserved.</p>
+    </div>
+  </div>
+</div>
\ No newline at end of file
index 6b121185c78f9fc7ba24ab8e5b0b2ac58fbe81b3..de668b1c651f78f1935d8752a05508989f900159 100644 (file)
-'use strict'
-
-// Foundation for Emails
-//
-// The tasks are grouped into these categories:
-//   1. Libraries
-//   2. Variables
-//   3. Cleaning files
-//   4. Stylesheets
-//   5. HTML
-//   6. Testing
-//   7. Utility Tasks
-
-// 1. LIBRARIES
-// - - - - - - - - - - - - - - -
-
-var gulp       = require('gulp'),
-    // Gulp utilities
-    rename     = require('gulp-rename'),
-    connect    = require('gulp-connect'),
-    path       = require('path'),
-    map        = require('vinyl-map'),
-    fs         = require('fs'),
-    rimraf     = require('rimraf'),
-    scssLint = require('gulp-scss-lint'),
-    // HTML stuff
-    minifyHTML = require('gulp-minify-html'),
-    inkyGulp   = require('gulp-inky'),
-    Handlebars = require('handlebars'),
-    globLobLaw = require('glob'),
-    // CSS stuff
-    extractMQ  = require('media-query-extractor'),
-    inject     = require('gulp-inject'),
-    sass       = require('gulp-ruby-sass'),
-    inlineCss  = require('gulp-inline-css');
-
-// 2. VARIABLES
-// - - - - - - - - - - - - - - -
-
-var dirs = {
-  styles: './scss',
-  dist: './dist',
-  spec: './spec',
-  src: './src',
-  temp: './temp'
-};
-
-// 3. CLEANIN' FILES
-// - - - - - - - - - - - - - - -
-
-// Clean dist directory
-gulp.task('clean:dist', function(cb) {
-  rimraf(dirs.dist, cb);
-});
-
-// Clean temp directory
-gulp.task('clean:inline', function(cb) {
-  rimraf(dirs.dist + '/inline', cb);
-});
-
-
-// 4. STYLESHEETS
-// - - - - - - - - - - - - - - -
-
-// Compile SASS files
-gulp.task('sass', function() {
-  return gulp.src(dirs.styles + '/**/*.scss')
-    .pipe(sass({ "sourcemap=none": true, style: 'compact' }))
-    .pipe(gulp.dest(dirs.dist + '/css'))
-    .pipe(connect.reload())
-});
-
-// Inline Styles
-gulp.task('inline', ['clean:inline'], function() {
-  return gulp.src(dirs.dist + '/*.html')
-    .pipe(inlineCss())
-    .pipe(rename({
-      suffix: '-inline'
+var $ = require('gulp-load-plugins')();
+var gulp = require('gulp');
+var sequence = require('run-sequence');
+var shipyard = require('shipyard');
+var supercollider = require('supercollider');
+var rimraf = require('rimraf');
+
+gulp.task('clean', function(cb) {
+  rimraf('_build', cb);
+});
+
+gulp.task('copy', function() {
+  return gulp.src(['docs/assets/**/*', '!docs/assets/scss/**/*'])
+    .pipe(gulp.dest('_build/assets'));
+});
+
+gulp.task('html', function() {
+  return gulp.src('docs/pages/**/*')
+    .pipe($.cached('docs'))
+    .pipe(supercollider.init({
+      template: 'docs/layouts/component.html',
+      adapters: ['sass', 'js'],
+      marked: require('./lib/marked'),
+      handlebars: require('./lib/handlebars')
     }))
-    .pipe(gulp.dest(dirs.dist + '/inline'))
-});
-
-// extract media queries into new CSS file called inkMQ.css
-// any remaining styles will go into ink-noMQ.css
-gulp.task('extract-mq', function () {
-  extractMQ( dirs.dist + '/css/ink.css', dirs.dist + '/css/ink-noMQ.css', ['only screen and (max-width: 600px)|./dist/css/inkMQ.css']);
-});
-
-// inject media queries into the head of the inlined email
-gulp.task('inject-mq', ['extract-mq'], function() {
-  gulp.src(dirs.dist + '/inline/*.html')
-    .pipe(inject(gulp.src(dirs.dist + '/css/inkMQ.css'), {
-      starttag: '<!-- inject:mq-css -->',
-      transform: function (filePath, file) {
-        // return file contents as string
-        return "<style>\n" + file.contents.toString('utf8') + "\n</style>"
-      }
+    .pipe(shipyard({
+      layouts: 'docs/layouts/',
+      partials: 'docs/partials/**/*.html'
     }))
-    .pipe(gulp.dest(dirs.dist + '/inline'));
-})
-
-// 5. HTML
-// - - - - - - - - - - - - - - -
-
-// Minify and smoosh together HTML
-gulp.task('minify-html', function() {
-  var opts = {
-    comments: false,
-    spare: true
-  };
-
-  gulp.src(dirs.dist)
-    .pipe(minifyHTML(opts))
-    .pipe(connect.reload())
+    .pipe(gulp.dest('_build'));
 });
 
-// Helper function to compile Handlebars partials
-
-var htmlParse = function(settings) {
-  var partials = globLobLaw.sync(settings.partials);
-  var layout   = fs.readFileSync(settings.layout);
-  
-  // Find partials and register with Handlebars
-  for (var i in partials) {
-    var file = fs.readFileSync(partials[i]);
-    var name = path.basename(partials[i], '.handlebars');
-    Handlebars.registerPartial(name, file.toString());
-  }
-
-  // Compile pages with the above helpers
-  return map(function(code, filename) {
-    var pageTemplate = Handlebars.compile(code.toString() + '\n');
-    var layoutTemplate = Handlebars.compile(layout.toString());
-
-    Handlebars.registerPartial('body', pageTemplate);
-    return layoutTemplate();
-  });
-}
-
-// Compile Handlebars partials and
-// rename .handlebars to .html
-// run through Inky parser
-
-gulp.task('inky-parse', function() {
-  gulp.src('src/pages/*.handlebars')
-    .pipe(htmlParse({
-      layout: 'src/layouts/default.html',
-      partials: 'src/partials/**/*.handlebars'
-    }))
-    .pipe(rename({
-      extname: '.html'
+gulp.task('sass', function() {
+  return gulp.src('docs/assets/scss/docs.scss')
+    .pipe($.sass().on('error', $.sass.logError))
+    .pipe($.autoprefixer({
+      browsers: ['last 2 versions', 'ie >= 9']
     }))
-    .pipe(inkyGulp())
-    .pipe(gulp.dest(dirs.dist))
-    .pipe(connect.reload());
-
+    .pipe(gulp.dest('_build/assets/css'));
 });
 
-// 6. Testing
-// - - - - - - - - - - - - - - -
-
-// Eventual Litmus/Mailgun integration
-// gulp.task('test', function () {
-
-// });
-
-// Lints Sass files for formatting issues
-gulp.task('lint', ['lint:sass']);
-gulp.task('lint:sass', function() {
+gulp.task('lint', function() {
   return gulp.src('scss/**/*.scss')
-    .pipe(scssLint({
+    .pipe($.scssLint({
       'config': 'config/scss-lint.yml'
     }));
 });
 
-// 7. Utility Tasks
-// - - - - - - - - - - - - - - -
-
-// Serve
-// Starts a server
-// Default Port: 8080
-gulp.task('serve', function() {
-  return connect.server({
-    root: dirs.dist,
-    livereload: true
-  });
-});
-
-// Watch
-// Start a server
-// Watch all HTML files and SCSS files for changes
-// Live reloads on change
-gulp.task('watch', ['serve'], function() {
-  gulp.watch([dirs.src + '/*/*.*'], ['inky-parse']);
-  gulp.watch([dirs.styles + '/**/*.scss'], ['sass']);
-
+gulp.task('build', function(cb) {
+  sequence('clean', ['copy', 'html', 'sass'], cb);
 });
 
-// Build
-// Builds initial template folders
-// Should only have to run once
-gulp.task('build', ['clean:dist', 'sass'], function() {
-  gulp.start('inky-parse');
+gulp.task('default', ['build'], function() {
+  gulp.watch('docs/**/*', ['html']);
+  gulp.watch('docs/assets/scss/**/*', ['sass']);
 });
-
-// Deploy
-// When you're all ready to send your email
-// Minify the html, inline the css, inject media queries in the head
-gulp.task('deploy', ['minify-html', 'inline'], function() {
-  gulp.start('inject-mq');
-});
-
-// Default task
-gulp.task('default', ['serve', 'watch']);
diff --git a/lib/handlebars.js b/lib/handlebars.js
new file mode 100644 (file)
index 0000000..8baf7ba
--- /dev/null
@@ -0,0 +1,191 @@
+var marked      = require('marked');
+var multiline   = require('multiline');
+var handlebars  = require('handlebars');
+var hljs        = require('highlight.js');
+var format      = require('string-template');
+var querystring = require('querystring');
+
+var ISSUE_TEXT = multiline(function() {/*
+**How can we reproduce this bug?**
+
+1. Step one
+2. Step two
+3. Step three
+
+**What did you expect to happen?**
+
+**What happened instead?**
+
+**Test case**
+
+Give us a link to a [CodePen](http://codepen.io) or [JSFiddle](http://jsfiddle.net) that recreates the issue.
+*/});
+
+// Converts Markdown to HTML
+handlebars.registerHelper('md', function(text) {
+  return marked(text);
+});
+
+// Creates a heading with an anchor link
+handlebars.registerHelper('heading', function(level, anchor, options) {
+  // Allow for optional second parameter
+  if (typeof anchor === 'object') {
+    options = anchor;
+    anchor = options.fn(this);
+  }
+
+  var escapedText = anchor.toLowerCase().replace(/[^\w]+/g, '-');
+
+  return format('<h{0} id="{1}" class="docs-heading"><a class="docs-heading-icon" href="#{1}"></a>{2}</h{0}>', [level, escapedText, options.fn(this)]);
+});
+
+// Escapes a string for use as a URL hash
+handlebars.registerHelper('escape', function(text) {
+  if (typeof text === 'undefined') return '';
+
+  return text.toLowerCase().replace(/[^\w]+/g, '-');
+});
+
+// Capitalizes the first letter of a string
+handlebars.registerHelper('toUpper', function(str) {
+  return str[0].toUpperCase() + str.slice(1);
+});
+
+// Makes an entire string lowercase
+handlebars.registerHelper('toLower', function(str) {
+  if (typeof str === 'undefined') str = '';
+  return str.toLowerCase();
+});
+
+// Formats a mixin using a SassDoc mixin object to look like this:
+// @include mixinName($param, $param) { }
+handlebars.registerHelper('writeMixin', function(mixin) {
+  var name = mixin['context']['name'];
+  var params = mixin['parameter'];
+
+  var str = '@include ';
+  str += name;
+
+  if (params) str += '(';
+
+  for (var i in params) {
+    str += '$' + params[i]['name'] + ', ';
+  }
+
+  if (params) str = str.slice(0, -2) + ')';
+  
+  if (typeof mixin.content === 'string') {
+    str += ' { }';
+  }
+  else {
+    str += ';'
+  }
+
+  str = hljs.highlight('scss', str).value;
+
+  return str;
+});
+
+// Formats a function using a SassDoc function object to look like this:
+// function($param, $param)
+handlebars.registerHelper('writeFunction', function(func) {
+  var name = func['context']['name'];
+  var params = func['parameter'];
+
+  var str = '';
+  str += name + '(';
+
+  for (var i in params) {
+    str += '$' + params[i]['name'] + ', ';
+  }
+  if (params) str = str.slice(0, -2);
+  str += ')';
+
+  str = hljs.highlight('scss', str).value;
+
+  return str;
+});
+
+// Formats a variable declaration using a SassDoc variable object to look like this:
+// $name: $value;
+handlebars.registerHelper('writeVariable', function(variable) {
+  var name = variable['context']['name'];
+  var value = variable['context']['value'];
+  var str = '$' + name + ': ' + value + ';';
+  str = hljs.highlight('scss', str).value;
+
+  return str;
+});
+
+// Adds an external link, pulled from a SassDock @link annotation.
+handlebars.registerHelper('externalLink', function(link) {
+  if (!link) return '';
+
+  return format('<p><strong>Learn more:</strong> <a href="{0}">{1}</a></p>', [link[0].url, link[0].caption]);
+});
+
+// Format Sass variable types to read "x or y or z"
+handlebars.registerHelper('sassTypes', function(types) {
+  if (typeof types === 'undefined') return '';
+
+  var types = types.replace(' ', '').split('|');
+  var output = '';
+
+  for (var i in types) {
+    output += types[i] + ' or ';
+  }
+
+  return output.slice(0, -4);
+});
+
+// Format a Sass value to pretty-print a map, or "None" if there's no value
+handlebars.registerHelper('sassValue', function(value) {
+  if (typeof value === 'undefined') return '<span style="color: #999;">None</span>';
+
+  if (value[0] === '(' && value[value.length - 1] === ')') {
+    value = value.slice(1, -1).split(',').join('<br>');
+  }
+
+  return value;
+});
+
+handlebars.registerHelper('editLink', function(value) {
+  return format('https://github.com/zurb/foundation-sites-6/edit/master/{0}', [value.replace('.html', '.md')]);
+});
+
+handlebars.registerHelper('issueLink', function(name) {
+  return 'https://github.com/zurb/foundation-sites-6/issues/new?' + querystring.stringify({
+    title: format('[{0}] Issue Name', [name]),
+    body: ISSUE_TEXT
+  });
+});
+
+handlebars.registerHelper('sourceLink', function(files) {
+  var output = '';
+  var text = {
+    'sass': 'Sass',
+    'js': 'JavaScript'
+  }
+  var both = files.sass && files.js;
+
+  for (var i in files) {
+    var module = files[i];
+    if (typeof module === 'string') module = [module];
+    module = module.filter(function(val) {
+      return val[0] !== '!';
+    }).map(function(val) {
+      if (val.indexOf('*') > -1) {
+        val = val.split('*')[0];
+      }
+      return val;
+    })[0];
+    output += format('<li><a href="{0}">{1}</a></li>', [
+      'https://github.com/zurb/foundation-sites-6/tree/master/' + module,
+      (both ? 'View ' + text[i] + ' Source' : 'View Source')
+    ]);
+  }
+
+  return output;
+});
+
+module.exports = handlebars;
diff --git a/lib/marked.js b/lib/marked.js
new file mode 100644 (file)
index 0000000..4397d03
--- /dev/null
@@ -0,0 +1,33 @@
+var marked = require('marked');
+var format = require('string-template');
+var hljs   = require('highlight.js');
+
+var mdRenderer = new marked.Renderer();
+
+// Adds an anchor link to each heading created
+mdRenderer.heading = function(text, level) {
+  var escapedText = text.toLowerCase().replace(/[^\w]+/g, '-');
+
+  return format('<h{0} id="{1}" class="docs-heading"><a class="docs-heading-icon" href="#{1}"></a>{2}</h{0}>', [level, escapedText, text]);
+}
+
+// Adds special formatting to each code block created
+// If the language is suffixed with "_example", the raw HTML is printed after the code sample, creating a live example.
+mdRenderer.code = function(code, language) {
+  var extraOutput = '';
+
+  if (typeof language === 'undefined') language = 'html';
+
+  // If the language is *_example, live code will print out along with the sample
+  if (language.match(/_example$/)) {
+    extraOutput = format('\n\n<div class="docs-code-live">{0}</div>', [code]);
+    language = language.replace(/_example$/, '');
+  }
+
+  var renderedCode = hljs.highlight(language, code).value;
+  var output = format('<div class="docs-code" data-docs-code><pre><code class="{0}">{1}</code></pre></div>', [language, renderedCode]);
+
+  return output + extraOutput;
+}
+
+module.exports = mdRenderer;
index 4a41af5a6e06e448dd1157f83b40e29cdaebd878..a43884b03989363b936b35653dd3eb21084b68ef 100644 (file)
@@ -7,18 +7,29 @@
     "test": "cd test && gulp"
   },
   "devDependencies": {
+    "foundation-settings-parser": "git://github.com/zurb/foundation-settings-parser.git#v1",
     "gulp": "^3.8.11",
+    "gulp-autoprefixer": "^2.3.1",
+    "gulp-cached": "^1.1.0",
     "gulp-htmlmin": "^1.1.1",
     "gulp-inject": "^1.2.0",
     "gulp-inky": "git://github.com/zurb/gulp-inky.git",
     "gulp-inline-css": "^2.0.0",
-    "gulp-load-plugins": "^0.10.0",
+    "gulp-load-plugins": "^1.0.0-rc.1",
     "gulp-ruby-sass": "^1.0.5",
+    "gulp-sass": "^2.0.4",
+    "gulp-scss-lint": "^0.2.4",
     "gulp-webserver": "^0.9.1",
+    "handlebars": "^3.0.3",
+    "highlight.js": "^8.7.0",
+    "marked": "^0.3.5",
     "media-query-extractor": "^0.1.1",
-    "rimraf": "^2.3.3",
-    "run-sequence": "^1.1.0",
+    "multiline": "^1.0.2",
+    "rimraf": "^2.4.2",
+    "run-sequence": "^1.1.2",
     "shipyard": "git://github.com/gakimball/shipyard.git",
+    "string-template": "^0.2.1",
+    "supercollider": "git://github.com/gakimball/supercollider.git",
     "yargs": "^3.9.0"
   }
 }