From 2d4184fa965a02dd572885aea0336ad776c6403d Mon Sep 17 00:00:00 2001
From: khawkins <khawkins98@gmail.com>
Date: Thu, 17 Nov 2016 10:12:52 +0000
Subject: [PATCH] Update to Foundation 6.2.4
Most notably adds jQuery v3 compatibility.
---
libraries/foundation-6/.sass-lint.yml | 409 +++++
libraries/foundation-6/.scss-lint.yml | 189 --
libraries/foundation-6/.travis.yml | 5 +-
libraries/foundation-6/.versions | 2 +-
libraries/foundation-6/README.md | 11 +-
libraries/foundation-6/bower.json | 3 +-
libraries/foundation-6/composer.json | 1 -
libraries/foundation-6/css/foundation.css | 1608 +++++++----------
libraries/foundation-6/css/foundation.min.css | 4 +-
.../foundation-6/customizer/complete.json | 2 +-
libraries/foundation-6/customizer/config.yml | 9 +-
.../foundation-6/dist/foundation-flex.css | 667 +++----
.../foundation-6/dist/foundation-flex.min.css | 2 +-
.../foundation-6/dist/foundation-rtl.css | 252 +--
.../foundation-6/dist/foundation-rtl.min.css | 2 +-
libraries/foundation-6/dist/foundation.css | 204 ++-
libraries/foundation-6/dist/foundation.js | 405 +++--
.../foundation-6/dist/foundation.min.css | 2 +-
libraries/foundation-6/dist/foundation.min.js | 8 +-
.../dist/plugins/foundation.abide.js | 3 +-
.../dist/plugins/foundation.accordion.js | 31 +-
.../dist/plugins/foundation.accordionMenu.js | 20 +-
.../dist/plugins/foundation.core.js | 2 +-
.../dist/plugins/foundation.drilldown.js | 32 +-
.../dist/plugins/foundation.dropdown.js | 18 +-
.../dist/plugins/foundation.dropdownMenu.js | 73 +-
.../dist/plugins/foundation.equalizer.js | 5 +-
.../dist/plugins/foundation.interchange.js | 3 +-
.../dist/plugins/foundation.magellan.js | 7 +-
.../dist/plugins/foundation.offcanvas.js | 75 +-
.../dist/plugins/foundation.orbit.js | 53 +-
.../dist/plugins/foundation.responsiveMenu.js | 1 -
.../plugins/foundation.responsiveToggle.js | 1 -
.../dist/plugins/foundation.reveal.js | 8 +-
.../dist/plugins/foundation.slider.js | 17 +-
.../dist/plugins/foundation.sticky.js | 20 +-
.../dist/plugins/foundation.tabs.js | 1 -
.../dist/plugins/foundation.toggler.js | 1 -
.../dist/plugins/foundation.tooltip.js | 12 +-
.../dist/plugins/foundation.util.box.js | 4 +-
.../dist/plugins/foundation.util.keyboard.js | 6 +-
.../plugins/foundation.util.mediaQuery.js | 2 +-
.../dist/plugins/foundation.util.nest.js | 4 +-
.../foundation.util.timerAndImageLoader.js | 4 +-
.../dist/plugins/foundation.util.triggers.js | 2 +-
.../assets/img/icons/foundation-favicon.ico | Bin 0 -> 121170 bytes
.../foundation-6/docs/assets/js/docs.ad.js | 16 +
libraries/foundation-6/docs/assets/js/docs.js | 46 +
.../docs/assets/scss/_course-callout.scss | 57 +
.../foundation-6/docs/assets/scss/docs.scss | 167 +-
.../docs/assets/scss/examples/_grid.scss | 1 -
.../scss/examples/_responsive-embed.scss | 5 +
.../docs/assets/scss/examples/_top-bar.scss | 5 -
.../foundation-6/docs/layout/default.html | 19 +-
libraries/foundation-6/docs/pages/abide.md | 68 +-
.../foundation-6/docs/pages/accordion-menu.md | 84 +-
libraries/foundation-6/docs/pages/badge.md | 4 +-
.../docs/pages/base-typography.md | 6 +-
.../foundation-6/docs/pages/breadcrumbs.md | 2 +-
libraries/foundation-6/docs/pages/callout.md | 2 +-
libraries/foundation-6/docs/pages/card.md | 220 +++
.../foundation-6/docs/pages/drilldown-menu.md | 126 ++
.../foundation-6/docs/pages/dropdown-menu.md | 6 +-
.../foundation-6/docs/pages/equalizer.md | 2 +-
.../foundation-6/docs/pages/flex-grid.md | 8 +-
.../foundation-6/docs/pages/flex-video.md | 33 -
libraries/foundation-6/docs/pages/flexbox.md | 49 +-
.../foundation-6/docs/pages/float-classes.md | 4 +
libraries/foundation-6/docs/pages/global.md | 2 +-
libraries/foundation-6/docs/pages/grid.md | 51 +-
libraries/foundation-6/docs/pages/index.md | 3 +-
.../foundation-6/docs/pages/installation.md | 5 +-
.../foundation-6/docs/pages/kitchen-sink.md | 194 +-
libraries/foundation-6/docs/pages/label.md | 4 +-
.../foundation-6/docs/pages/media-object.md | 4 +-
libraries/foundation-6/docs/pages/menu.md | 14 +-
.../foundation-6/docs/pages/navigation.md | 134 +-
.../foundation-6/docs/pages/off-canvas.md | 39 +-
libraries/foundation-6/docs/pages/panini.md | 8 +
.../foundation-6/docs/pages/progress-bar.md | 4 +-
.../docs/pages/responsive-accordion-tabs.md | 119 ++
.../docs/pages/responsive-embed.md | 40 +
.../docs/pages/responsive-navigation.md | 39 +-
libraries/foundation-6/docs/pages/reveal.md | 2 +-
libraries/foundation-6/docs/pages/sass.md | 2 +-
libraries/foundation-6/docs/pages/slider.md | 9 +
.../docs/pages/starter-projects.md | 12 +-
libraries/foundation-6/docs/pages/sticky.md | 2 +-
.../foundation-6/docs/pages/style-sherpa.md | 2 +-
libraries/foundation-6/docs/pages/table.md | 42 +
libraries/foundation-6/docs/pages/tabs.md | 80 +-
.../foundation-6/docs/pages/thumbnail.md | 8 +-
libraries/foundation-6/docs/pages/tooltip.md | 2 +-
.../docs/pages/typography-base.md | 2 +-
.../foundation-6/docs/pages/visibility.md | 4 +-
.../docs/partials/component-list.html | 8 +-
.../foundation-6/docs/partials/footer.html | 60 +-
.../docs/partials/navigation.html | 39 +-
.../foundation-6/docs/partials/off-canvi.html | 44 +-
.../docs/partials/toc-template.hbs | 3 +
libraries/foundation-6/gulp/config.js | 77 +
.../gulp/{ => tasks}/babel-error.js | 0
libraries/foundation-6/gulp/tasks/check.js | 26 +
.../foundation-6/gulp/{ => tasks}/clean.js | 0
.../foundation-6/gulp/{ => tasks}/copy.js | 8 +-
.../gulp/{ => tasks}/customizer.js | 6 +-
.../foundation-6/gulp/{ => tasks}/deploy.js | 38 +-
.../foundation-6/gulp/{ => tasks}/docs.js | 0
.../gulp/{ => tasks}/javascript.js | 26 +-
.../foundation-6/gulp/{ => tasks}/lint.js | 20 +-
.../foundation-6/gulp/{ => tasks}/sass.js | 35 +-
.../foundation-6/gulp/{ => tasks}/test.js | 7 +-
libraries/foundation-6/gulpfile.js | 2 +-
libraries/foundation-6/js/foundation.abide.js | 28 +
.../foundation-6/js/foundation.accordion.js | 39 +-
.../js/foundation.accordionMenu.js | 76 +-
libraries/foundation-6/js/foundation.core.js | 8 +-
.../foundation-6/js/foundation.drilldown.js | 106 +-
.../foundation-6/js/foundation.dropdown.js | 48 +-
.../js/foundation.dropdownMenu.js | 74 +-
.../foundation-6/js/foundation.equalizer.js | 12 +-
.../foundation-6/js/foundation.interchange.js | 7 +-
libraries/foundation-6/js/foundation.js | 405 +++--
.../foundation-6/js/foundation.magellan.js | 11 +-
libraries/foundation-6/js/foundation.min.js | 8 +-
.../foundation-6/js/foundation.offcanvas.js | 68 +-
libraries/foundation-6/js/foundation.orbit.js | 101 +-
.../js/foundation.responsiveToggle.js | 62 +-
.../foundation-6/js/foundation.reveal.js | 61 +-
.../foundation-6/js/foundation.slider.js | 86 +-
.../foundation-6/js/foundation.sticky.js | 17 +-
libraries/foundation-6/js/foundation.tabs.js | 196 +-
.../foundation-6/js/foundation.tooltip.js | 33 +-
.../foundation-6/js/foundation.util.box.js | 6 +-
.../js/foundation.util.keyboard.js | 1 +
.../js/foundation.util.mediaQuery.js | 18 +-
.../foundation-6/js/foundation.util.motion.js | 8 +-
.../foundation-6/js/foundation.util.nest.js | 27 +-
.../js/foundation.util.timerAndImageLoader.js | 9 +-
.../js/foundation.util.triggers.js | 85 +-
.../foundation.zf.responsiveAccordionTabs.js | 240 +++
libraries/foundation-6/meteor-README.md | 9 +-
libraries/foundation-6/package.js | 4 +-
libraries/foundation-6/package.json | 30 +-
libraries/foundation-6/scss/_global.scss | 461 +----
.../scss/components/_accordion-menu.scss | 25 +-
.../scss/components/_accordion.scss | 28 +-
.../foundation-6/scss/components/_badge.scss | 6 +-
.../scss/components/_breadcrumbs.scss | 12 +-
.../scss/components/_button-group.scss | 60 +-
.../foundation-6/scss/components/_button.scss | 59 +-
.../scss/components/_callout.scss | 4 +-
.../foundation-6/scss/components/_card.scss | 121 ++
.../scss/components/_close-button.scss | 67 +-
.../scss/components/_drilldown.scss | 14 +-
.../scss/components/_dropdown-menu.scss | 28 +-
.../scss/components/_dropdown.scss | 21 +-
.../scss/components/_flex-video.scss | 64 +-
.../foundation-6/scss/components/_float.scss | 2 +-
.../foundation-6/scss/components/_label.scss | 4 +-
.../scss/components/_media-object.scss | 5 +-
.../foundation-6/scss/components/_menu.scss | 57 +-
.../scss/components/_off-canvas.scss | 44 +-
.../foundation-6/scss/components/_orbit.scss | 15 +-
.../scss/components/_pagination.scss | 27 +-
.../scss/components/_progress-bar.scss | 2 +-
.../scss/components/_responsive-embed.scss | 84 +
.../foundation-6/scss/components/_reveal.scss | 32 +-
.../foundation-6/scss/components/_slider.scss | 7 +-
.../foundation-6/scss/components/_sticky.scss | 6 +-
.../foundation-6/scss/components/_switch.scss | 83 +-
.../foundation-6/scss/components/_table.scss | 130 +-
.../foundation-6/scss/components/_tabs.scss | 16 +-
.../scss/components/_thumbnail.scss | 21 +-
.../scss/components/_title-bar.scss | 15 +-
.../scss/components/_tooltip.scss | 25 +-
.../scss/components/_top-bar.scss | 23 +-
.../foundation-6/scss/forms/_checkbox.scss | 3 +-
libraries/foundation-6/scss/forms/_error.scss | 3 +-
.../foundation-6/scss/forms/_fieldset.scss | 14 +-
.../foundation-6/scss/forms/_input-group.scss | 34 +-
libraries/foundation-6/scss/forms/_label.scss | 2 +
libraries/foundation-6/scss/forms/_meter.scss | 19 +-
.../foundation-6/scss/forms/_progress.scss | 18 +-
libraries/foundation-6/scss/forms/_range.scss | 35 +-
.../foundation-6/scss/forms/_select.scss | 34 +-
libraries/foundation-6/scss/forms/_text.scss | 39 +-
libraries/foundation-6/scss/foundation.scss | 11 +-
.../foundation-6/scss/grid/_classes.scss | 50 +-
libraries/foundation-6/scss/grid/_column.scss | 34 +-
.../foundation-6/scss/grid/_flex-grid.scss | 151 +-
libraries/foundation-6/scss/grid/_grid.scss | 8 -
libraries/foundation-6/scss/grid/_gutter.scss | 69 +-
libraries/foundation-6/scss/grid/_layout.scss | 31 +-
.../foundation-6/scss/grid/_position.scss | 11 +-
libraries/foundation-6/scss/grid/_row.scss | 46 +-
.../foundation-6/scss/settings/_settings.scss | 81 +-
.../foundation-6/scss/typography/_base.scss | 51 +-
.../scss/typography/_helpers.scss | 1 +
.../foundation-6/scss/typography/_print.scss | 10 +-
.../scss/typography/_typography.scss | 2 -
.../foundation-6/scss/util/_breakpoint.scss | 49 +-
libraries/foundation-6/scss/util/_color.scss | 16 +-
libraries/foundation-6/scss/util/_flex.scss | 23 +-
libraries/foundation-6/scss/util/_mixins.scss | 47 +-
.../foundation-6/scss/util/_selector.scss | 5 +-
libraries/foundation-6/scss/util/_unit.scss | 7 +-
libraries/foundation-6/scss/util/_value.scss | 33 +
.../test/javascript/components/accordion.js | 150 +-
.../javascript/components/accordionMenu.js | 185 +-
.../test/javascript/components/drilldown.js | 229 ++-
.../test/javascript/components/dropdown.js | 74 +-
.../test/javascript/components/interchange.js | 209 ++-
.../test/javascript/components/magellan.js | 77 +-
.../test/javascript/components/offcanvas.js | 246 ++-
.../test/javascript/components/orbit.js | 205 ++-
.../test/javascript/components/reveal.js | 255 ++-
.../test/javascript/components/slider.js | 170 +-
.../test/javascript/components/tabs.js | 148 +-
.../test/javascript/components/toggler.js | 16 +-
.../test/javascript/components/tooltip.js | 162 +-
.../test/javascript/util/keyboard.js | 191 ++
.../foundation-6/test/sass/_components.scss | 8 +-
.../foundation-6/test/sass/_selector.scss | 10 +
.../test/visual/accordion-menu/keyboard.html | 39 +-
.../drilldown/drilldown-menu-auto-height.html | 267 +++
.../drilldown/drilldown-menu-scroll-top.html | 196 ++
.../visual/drilldown/long-drilldown-menu.html | 50 -
.../test/visual/drilldown/long-titles.html | 73 +
.../right-aligned-dropdown-menu.html | 8 +-
.../test/visual/flex-grid/top-bar.html | 49 +
.../test/visual/grid/centered-columns.html | 61 +
.../test/visual/magellan/active-item.html | 97 +
.../test/visual/magellan/unordered-links.html | 76 +
.../responsive-accordion-tabs.html | 457 +++++
.../dropdown-on-right-middle.html | 2 +-
.../reveal/element-outside-dom-click.html | 33 +
.../test/visual/sticky/simple-menu.html | 109 ++
238 files changed, 10175 insertions(+), 4411 deletions(-)
create mode 100644 libraries/foundation-6/.sass-lint.yml
delete mode 100644 libraries/foundation-6/.scss-lint.yml
create mode 100644 libraries/foundation-6/docs/assets/img/icons/foundation-favicon.ico
create mode 100644 libraries/foundation-6/docs/assets/js/docs.ad.js
create mode 100644 libraries/foundation-6/docs/assets/scss/_course-callout.scss
create mode 100644 libraries/foundation-6/docs/assets/scss/examples/_responsive-embed.scss
delete mode 100644 libraries/foundation-6/docs/assets/scss/examples/_top-bar.scss
create mode 100644 libraries/foundation-6/docs/pages/card.md
delete mode 100644 libraries/foundation-6/docs/pages/flex-video.md
create mode 100644 libraries/foundation-6/docs/pages/responsive-accordion-tabs.md
create mode 100644 libraries/foundation-6/docs/pages/responsive-embed.md
create mode 100644 libraries/foundation-6/docs/partials/toc-template.hbs
create mode 100644 libraries/foundation-6/gulp/config.js
rename libraries/foundation-6/gulp/{ => tasks}/babel-error.js (100%)
create mode 100644 libraries/foundation-6/gulp/tasks/check.js
rename libraries/foundation-6/gulp/{ => tasks}/clean.js (100%)
rename libraries/foundation-6/gulp/{ => tasks}/copy.js (52%)
rename libraries/foundation-6/gulp/{ => tasks}/customizer.js (95%)
rename libraries/foundation-6/gulp/{ => tasks}/deploy.js (86%)
rename libraries/foundation-6/gulp/{ => tasks}/docs.js (100%)
rename libraries/foundation-6/gulp/{ => tasks}/javascript.js (58%)
rename libraries/foundation-6/gulp/{ => tasks}/lint.js (55%)
rename libraries/foundation-6/gulp/{ => tasks}/sass.js (74%)
rename libraries/foundation-6/gulp/{ => tasks}/test.js (89%)
create mode 100644 libraries/foundation-6/js/foundation.zf.responsiveAccordionTabs.js
create mode 100644 libraries/foundation-6/scss/components/_card.scss
create mode 100644 libraries/foundation-6/scss/components/_responsive-embed.scss
create mode 100644 libraries/foundation-6/test/javascript/util/keyboard.js
create mode 100644 libraries/foundation-6/test/visual/drilldown/drilldown-menu-auto-height.html
create mode 100644 libraries/foundation-6/test/visual/drilldown/drilldown-menu-scroll-top.html
delete mode 100644 libraries/foundation-6/test/visual/drilldown/long-drilldown-menu.html
create mode 100644 libraries/foundation-6/test/visual/drilldown/long-titles.html
create mode 100644 libraries/foundation-6/test/visual/flex-grid/top-bar.html
create mode 100644 libraries/foundation-6/test/visual/grid/centered-columns.html
create mode 100644 libraries/foundation-6/test/visual/magellan/active-item.html
create mode 100644 libraries/foundation-6/test/visual/magellan/unordered-links.html
create mode 100644 libraries/foundation-6/test/visual/responsive-accordion-tabs/responsive-accordion-tabs.html
create mode 100644 libraries/foundation-6/test/visual/reveal/element-outside-dom-click.html
create mode 100644 libraries/foundation-6/test/visual/sticky/simple-menu.html
diff --git a/libraries/foundation-6/.sass-lint.yml b/libraries/foundation-6/.sass-lint.yml
new file mode 100644
index 00000000..af8d97d3
--- /dev/null
+++ b/libraries/foundation-6/.sass-lint.yml
@@ -0,0 +1,409 @@
+# The following scss-lint Linters are not yet supported by sass-lint:
+# ElsePlacement, PropertyCount, SelectorDepth, UnnecessaryParentReference
+#
+# The following settings/values are unsupported by sass-lint:
+# Linter Indentation, option "allow_non_nested_indentation"
+# Linter Indentation, option "character"
+# Linter PropertySortOrder, option "separate_groups"
+# Linter SpaceBeforeBrace, option "allow_single_line_padding"
+
+files:
+ include: 'scss/**/*.scss'
+
+options:
+ formatter: stylish
+ merge-default-rules: false
+
+rules:
+ border-zero:
+ - 1
+ - convention: '0'
+
+ brace-style:
+ - 1
+ - style: stroustrup
+ - allow-single-line: true
+
+ class-name-format:
+ - 1
+ - convention: '([a-z0-9]+-?)+'
+
+ clean-import-paths:
+ - 1
+ - filename-extension: false
+ leading-underscore: false
+
+ empty-line-between-blocks:
+ - 1
+ - ignore-single-line-rulesets: true
+
+ extends-before-declarations: 1
+
+ extends-before-mixins: 1
+
+ final-newline:
+ - 1
+ - include: true
+
+ force-attribute-nesting: 1
+
+ force-element-nesting: 1
+
+ force-pseudo-nesting: 1
+
+ function-name-format:
+ - 1
+ - allow-leading-underscore: true
+ convention: hyphenatedlowercase
+
+ hex-length:
+ - 1
+ - style: short
+
+ hex-notation:
+ - 1
+ - style: lowercase
+
+ id-name-format:
+ - 1
+ - convention: '([a-z0-9]+-?)+'
+
+ indentation:
+ - 1
+ - size: 2
+
+ leading-zero:
+ - 1
+ - include: true
+
+ mixin-name-format:
+ - 1
+ - allow-leading-underscore: true
+ convention: hyphenatedlowercase
+
+ mixins-before-declarations: 1
+
+ nesting-depth:
+ - 1
+ - max-depth: 3
+
+ no-color-keywords: 1
+
+ no-color-literals: 1
+
+ no-css-comments: 0
+
+ no-debug: 1
+
+ no-duplicate-properties: 1
+
+ no-empty-rulesets: 1
+
+ no-ids: 1
+
+ no-important: 0
+
+ no-invalid-hex: 1
+
+ no-mergeable-selectors: 1
+
+ no-misspelled-properties:
+ - 1
+ - extra-properties: []
+
+ no-qualifying-elements:
+ - 1
+ - allow-element-with-attribute: false
+ allow-element-with-class: false
+ allow-element-with-id: false
+
+ no-trailing-zero: 1
+
+ no-url-protocols: 1
+
+ no-vendor-prefixes:
+ - 1
+ - ignore-non-standard: true
+
+ placeholder-in-extend: 1
+
+ placeholder-name-format:
+ - 1
+ - convention: '([a-z0-9]+-?)+'
+
+ property-sort-order:
+ - 1
+ -
+ ignore-custom-properties: true
+ order:
+ # Specific - CSS property order
+ # https://gist.github.com/ncoden/d42f55df7c7970f548a02cd3468f9c86
+
+ # Position
+ - 'position'
+ - 'top'
+ - 'right'
+ - 'bottom'
+ - 'left'
+ - 'z-index'
+
+ # Disposition
+ - 'display'
+
+ - 'flex'
+ - 'flex-basis'
+ - 'flex-direction'
+ - 'flex-flow'
+ - 'flex-grow'
+ - 'flex-shrink'
+ - 'flex-wrap'
+ - 'justify-content'
+ - 'order'
+
+ - 'box-align'
+ - 'box-flex'
+ - 'box-orient'
+ - 'box-pack'
+
+ - 'align-content'
+ - 'align-items'
+ - 'align-self'
+
+ - 'columns'
+ - 'column-gap'
+ - 'column-fill'
+ - 'column-rule'
+ - 'column-span'
+ - 'column-count'
+ - 'column-width'
+
+ - 'vertical-align'
+ - 'float'
+ - 'clear'
+
+ # Dimension
+ - 'box-sizing'
+
+ - 'width'
+ - 'min-width'
+ - 'max-width'
+
+ - 'height'
+ - 'min-height'
+ - 'max-height'
+
+ - 'margin'
+ - 'margin-top'
+ - 'margin-right'
+ - 'margin-bottom'
+ - 'margin-left'
+ - 'margin-collapse'
+ - 'margin-top-collapse'
+ - 'margin-right-collapse'
+ - 'margin-bottom-collapse'
+ - 'margin-left-collapse'
+
+ - 'padding'
+ - 'padding-top'
+ - 'padding-right'
+ - 'padding-bottom'
+ - 'padding-left'
+
+
+ # Global appearance
+ - 'appearance'
+ - 'opacity'
+ - 'filter'
+ - 'visibility'
+
+ - 'size'
+ - 'resize'
+ - 'zoom'
+
+ - 'transform'
+ - 'transform-box'
+ - 'transform-origin'
+ - 'transform-style'
+
+ # Border
+ - 'outline'
+ - 'outline-color'
+ - 'outline-offset'
+ - 'outline-style'
+ - 'outline-width'
+
+ - 'border'
+ - 'border-top'
+ - 'border-right'
+ - 'border-bottom'
+ - 'border-left'
+ - 'border-width'
+ - 'border-top-width'
+ - 'border-right-width'
+ - 'border-bottom-width'
+ - 'border-left-width'
+
+ - 'border-style'
+ - 'border-top-style'
+ - 'border-right-style'
+ - 'border-bottom-style'
+ - 'border-left-style'
+
+ - 'border-radius'
+ - 'border-top-left-radius'
+ - 'border-top-right-radius'
+ - 'border-bottom-right-radius'
+ - 'border-bottom-left-radius'
+ - 'border-radius-topleft'
+ - 'border-radius-topright'
+ - 'border-radius-bottomright'
+ - 'border-radius-bottomleft'
+
+ - 'border-color'
+ - 'border-top-color'
+ - 'border-right-color'
+ - 'border-bottom-color'
+ - 'border-left-color'
+
+ - 'border-collapse'
+ - 'border-spacing'
+
+ # Background
+ - 'background'
+ - 'background-image'
+ - 'background-color'
+ - 'background-attachment'
+ - 'background-clip'
+ - 'background-origin'
+ - 'background-position'
+ - 'background-repeat'
+ - 'background-size'
+
+ # Shadow
+ - 'box-shadow'
+
+ # Animation
+ - 'animation'
+ - 'animation-delay'
+ - 'animation-duration'
+ - 'animation-iteration-count'
+ - 'animation-name'
+ - 'animation-play-state'
+ - 'animation-timing-function'
+ - 'animation-fill-mode'
+
+ - 'transition'
+ - 'transition-delay'
+ - 'transition-duration'
+ - 'transition-property'
+ - 'transition-timing-function'
+
+
+ # Content
+ - 'content'
+
+ - 'list-style'
+ - 'list-style-image'
+ - 'list-style-position'
+ - 'list-style-type'
+
+ - 'overflow'
+ - 'overflow-x'
+ - 'overflow-y'
+ - 'clip'
+
+ # Text
+ - 'font'
+ - 'font-family'
+ - 'font-size'
+ - 'font-smoothing'
+ - 'osx-font-smoothing'
+ - 'font-style'
+ - 'font-variant'
+ - 'font-weight'
+ - 'src'
+
+ - 'word-spacing'
+ - 'letter-spacing'
+ - 'line-height'
+
+ - 'color'
+ - 'direction'
+ - 'text-align'
+ - 'text-decoration'
+ - 'text-indent'
+ - 'text-overflow'
+ - 'text-rendering'
+ - 'text-size-adjust'
+ - 'text-shadow'
+ - 'text-transform'
+
+ - 'white-space'
+ - 'word-break'
+ - 'word-wrap'
+ - 'hyphens'
+ - 'quotes'
+
+ # Divers
+ - 'pointer-events'
+ - 'cursor'
+
+ - 'backface-visibility'
+ - 'caption-side'
+ - 'empty-cells'
+ - 'table-layout'
+ - 'user-select'
+
+ - 'interpolation-mode'
+ - 'marks'
+ - 'page'
+ - 'set-link-source'
+ - 'unicode-bidi'
+ - 'speak'
+
+ quotes:
+ - 1
+ - style: single
+
+ shorthand-values: 1
+
+ single-line-per-selector: 0
+
+ space-after-bang:
+ - 1
+ - include: false
+
+ space-after-colon:
+ - 1
+ - include: true
+
+ space-after-comma: 1
+
+ space-before-bang:
+ - 1
+ - include: true
+
+ space-before-brace:
+ - 1
+ - include: true
+
+ space-before-colon: 1
+
+ space-between-parens:
+ - 1
+ - include: false
+
+ trailing-semicolon: 1
+
+ url-quotes: 1
+
+ variable-for-property:
+ - 0
+ - properties: []
+
+ variable-name-format:
+ - 1
+ - allow-leading-underscore: true
+ convention: hyphenatedlowercase
+
+ zero-unit: 1
diff --git a/libraries/foundation-6/.scss-lint.yml b/libraries/foundation-6/.scss-lint.yml
deleted file mode 100644
index d267fd0b..00000000
--- a/libraries/foundation-6/.scss-lint.yml
+++ /dev/null
@@ -1,189 +0,0 @@
-# Default application configuration that all configurations inherit from.
-
-scss_files: "scss/**/*.scss"
-
-linters:
- BangFormat:
- enabled: true
- space_before_bang: true
- space_after_bang: false
-
- BorderZero:
- enabled: true
- convention: zero # or `none`
-
- ColorKeyword:
- enabled: true
-
- ColorVariable:
- enabled: true
-
- Comment:
- enabled: false
-
- DebugStatement:
- enabled: true
-
- DeclarationOrder:
- enabled: true
-
- DuplicateProperty:
- enabled: true
-
- ElsePlacement:
- enabled: true
- style: new_line # or 'same_line'
-
- EmptyLineBetweenBlocks:
- enabled: true
- ignore_single_line_blocks: true
-
- EmptyRule:
- enabled: true
-
- FinalNewline:
- enabled: true
- present: true
-
- HexLength:
- enabled: true
- style: short # or 'long'
-
- HexNotation:
- enabled: true
- style: lowercase # or 'uppercase'
-
- HexValidation:
- enabled: true
-
- IdSelector:
- enabled: true
-
- ImportantRule:
- enabled: false
-
- ImportPath:
- enabled: true
- leading_underscore: false
- filename_extension: false
-
- Indentation:
- enabled: true
- allow_non_nested_indentation: false
- character: space # or 'tab'
- width: 2
-
- LeadingZero:
- enabled: true
- style: include_zero # or 'include_zero'
-
- MergeableSelector:
- enabled: true
- force_nesting: true
-
- NameFormat:
- enabled: true
- allow_leading_underscore: true
- convention: hyphenated_lowercase # or 'BEM', or a regex pattern
-
- NestingDepth:
- enabled: true
- max_depth: 3
-
- PlaceholderInExtend:
- enabled: true
-
- PropertyCount:
- enabled: false
- include_nested: false
- max_properties: 10
-
- PropertySortOrder:
- enabled: false
- ignore_unspecified: false
- separate_groups: false
-
- PropertySpelling:
- enabled: true
- extra_properties: []
-
- QualifyingElement:
- enabled: true
- allow_element_with_attribute: false
- allow_element_with_class: false
- allow_element_with_id: false
-
- SelectorDepth:
- enabled: true
- max_depth: 3
-
- SelectorFormat:
- enabled: true
- convention: '([a-z0-9]+-?)+'
-
- Shorthand:
- enabled: true
-
- SingleLinePerProperty:
- enabled: true
- allow_single_line_rule_sets: false
-
- SingleLinePerSelector:
- enabled: false
-
- SpaceAfterComma:
- enabled: true
-
- SpaceAfterPropertyColon:
- enabled: true
- style: one_space # or 'no_space', or 'at_least_one_space', or 'aligned'
-
- SpaceAfterPropertyName:
- enabled: true
-
- SpaceBeforeBrace:
- enabled: true
- style: space # or 'new_line'
- allow_single_line_padding: true
-
- SpaceBetweenParens:
- enabled: true
- spaces: 0
-
- StringQuotes:
- enabled: true
- style: single_quotes # or double_quotes
-
- TrailingSemicolon:
- enabled: true
-
- TrailingZero:
- enabled: false
-
- UnnecessaryMantissa:
- enabled: true
-
- UnnecessaryParentReference:
- enabled: true
-
- UrlFormat:
- enabled: true
-
- UrlQuotes:
- enabled: true
-
- VariableForProperty:
- enabled: false
- properties: []
-
- VendorPrefixes:
- enabled: true
- identifier_list: base
- include: []
- exclude: []
-
- ZeroUnit:
- enabled: true
-
- Compass::*:
- enabled: false
\ No newline at end of file
diff --git a/libraries/foundation-6/.travis.yml b/libraries/foundation-6/.travis.yml
index 6b21648c..6771e7c0 100644
--- a/libraries/foundation-6/.travis.yml
+++ b/libraries/foundation-6/.travis.yml
@@ -1,9 +1,6 @@
language: node_js
node_js:
- - "0.12"
-before_install:
- - rvm install 2.2.2
+ - "4.0"
install:
- npm install -g bower
- npm install
- - gem install scss_lint
diff --git a/libraries/foundation-6/.versions b/libraries/foundation-6/.versions
index eb5c7f6e..fa7d7b5e 100644
--- a/libraries/foundation-6/.versions
+++ b/libraries/foundation-6/.versions
@@ -11,4 +11,4 @@ modules-runtime@0.6.3
promise@0.6.7
random@1.0.9
underscore@1.0.8
-zurb:foundation-sites@6.2.2_2
+zurb:foundation-sites@6.2.4
diff --git a/libraries/foundation-6/README.md b/libraries/foundation-6/README.md
index 1c201776..bc227914 100644
--- a/libraries/foundation-6/README.md
+++ b/libraries/foundation-6/README.md
@@ -1,6 +1,12 @@
# [Foundation for Sites](http://foundation.zurb.com)
-[](https://badge.fury.io/js/foundation-sites) [](https://badge.fury.io/bo/foundation-sites) [](https://badge.fury.io/rb/foundation-rails) [](https://david-dm.org/zurb/foundation-sites#info=devDependencies) [](https://gitter.im/zurb/foundation-sites?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
+[](https://travis-ci.org/zurb/foundation-sites)
+[](https://badge.fury.io/js/foundation-sites)
+[](https://badge.fury.io/bo/foundation-sites)
+[](https://badge.fury.io/rb/foundation-rails)
+[](https://david-dm.org/zurb/foundation-sites)
+[](https://david-dm.org/zurb/foundation-sites?type=dev)
+[](https://gitter.im/zurb/foundation-sites?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototype to production, building sites or apps that work on any kind of device with Foundation. Includes a fully customizable, responsive grid, a large library of Sass mixins, commonly used JavaScript plugins, and full accessibility support.
@@ -14,14 +20,13 @@ Lastly, if you're rolling your own setup, you can install Foundation through a v
## Documentation
-The documentation can be found at <https://foundation.zurb.com/sites/docs>. To run the documentation locally on your machine, you need [Node.js](https://nodejs.org/en/) and [Ruby](https://www.ruby-lang.org/en/) installed on your computer. (Your Node.js version must be 0.12 or higher.)
+The documentation can be found at <https://foundation.zurb.com/sites/docs>. To run the documentation locally on your machine, you need [Node.js](https://nodejs.org/en/) installed on your computer. (Your Node.js version must be **4.0** or higher.)
Run these commands to set up the documentation:
```bash
git clone https://github.com/zurb/foundation-sites
cd foundation-sites
-gem install scss-lint
npm install
```
diff --git a/libraries/foundation-6/bower.json b/libraries/foundation-6/bower.json
index 7a09234e..a7813a51 100644
--- a/libraries/foundation-6/bower.json
+++ b/libraries/foundation-6/bower.json
@@ -1,6 +1,7 @@
{
"name": "foundation-sites",
- "version": "6.2.3",
+ "version": "6.2.4",
+ "license": "MIT",
"main": [
"scss/foundation.scss",
"dist/foundation.js"
diff --git a/libraries/foundation-6/composer.json b/libraries/foundation-6/composer.json
index 034cca47..c2e2825b 100644
--- a/libraries/foundation-6/composer.json
+++ b/libraries/foundation-6/composer.json
@@ -1,7 +1,6 @@
{
"name": "zurb/foundation-sites",
"description": "The most advanced responsive front-end framework in the world.",
- "version": "6.2.1",
"keywords": [
"css",
"scss",
diff --git a/libraries/foundation-6/css/foundation.css b/libraries/foundation-6/css/foundation.css
index 05899193..3da8281a 100644
--- a/libraries/foundation-6/css/foundation.css
+++ b/libraries/foundation-6/css/foundation.css
@@ -5,368 +5,12 @@
* foundation.zurb.com
* Licensed under MIT Open Source
*/
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS and IE text size adjust after device 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/10/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 of focused elements when they are also in an
- * active/hover state.
- */
-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: not-allowed; }
-
-/**
- * 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.
- */
-input[type="search"] {
- -webkit-appearance: textfield;
- /* 1 */
- box-sizing: content-box;
- /* 2 */ }
-
-/**
- * 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.
- * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
- */
-/* 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; }
-
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
html {
- font-size: 100%;
- box-sizing: border-box; }
+ box-sizing: border-box;
+ font-size: 100%; }
*,
*::before,
@@ -374,22 +18,22 @@ html {
box-sizing: inherit; }
body {
- padding: 0;
margin: 0;
+ padding: 0;
+ background: white;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: 1.5;
color: #222;
- background: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
img {
+ display: inline-block;
+ vertical-align: middle;
max-width: 100%;
height: auto;
- -ms-interpolation-mode: bicubic;
- display: inline-block;
- vertical-align: middle; }
+ -ms-interpolation-mode: bicubic; }
textarea {
height: auto;
@@ -400,9 +44,6 @@ select {
width: 100%;
border-radius: 0; }
-#map_canvas img,
-#map_canvas embed,
-#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
@@ -412,12 +53,11 @@ select {
max-width: none !important; }
button {
- -webkit-appearance: none;
- -moz-appearance: none;
- background: transparent;
padding: 0;
+ appearance: none;
border: 0;
border-radius: 0;
+ background: transparent;
line-height: 1; }
[data-whatinput='mouse'] button {
outline: 0; }
@@ -430,42 +70,51 @@ button {
.row {
max-width: 75rem;
- margin-left: auto;
- margin-right: auto; }
+ margin-right: auto;
+ margin-left: auto; }
.row::before, .row::after {
- content: ' ';
- display: table; }
+ display: table;
+ content: ' '; }
.row::after {
clear: both; }
.row.collapse > .column, .row.collapse > .columns {
- padding-left: 0;
- padding-right: 0; }
+ padding-right: 0;
+ padding-left: 0; }
.row .row {
- max-width: none;
- margin-left: -0.625rem;
- margin-right: -0.625rem; }
- @media screen and (min-width: 40em) {
+ margin-right: -0.625rem;
+ margin-left: -0.625rem; }
+ @media print, screen and (min-width: 40em) {
+ .row .row {
+ margin-right: -0.9375rem;
+ margin-left: -0.9375rem; } }
+ @media print, screen and (min-width: 64em) {
.row .row {
- margin-left: -0.9375rem;
- margin-right: -0.9375rem; } }
+ margin-right: -0.9375rem;
+ margin-left: -0.9375rem; } }
.row .row.collapse {
- margin-left: 0;
- margin-right: 0; }
+ margin-right: 0;
+ margin-left: 0; }
.row.expanded {
max-width: none; }
.row.expanded .row {
- margin-left: auto;
- margin-right: auto; }
+ margin-right: auto;
+ margin-left: auto; }
+ .row.gutter-small > .column, .row.gutter-small > .columns {
+ padding-right: 0.625rem;
+ padding-left: 0.625rem; }
+ .row.gutter-medium > .column, .row.gutter-medium > .columns {
+ padding-right: 0.9375rem;
+ padding-left: 0.9375rem; }
.column, .columns {
width: 100%;
float: left;
- padding-left: 0.625rem;
- padding-right: 0.625rem; }
- @media screen and (min-width: 40em) {
+ padding-right: 0.625rem;
+ padding-left: 0.625rem; }
+ @media print, screen and (min-width: 40em) {
.column, .columns {
- padding-left: 0.9375rem;
- padding-right: 0.9375rem; } }
+ padding-right: 0.9375rem;
+ padding-left: 0.9375rem; } }
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: right; }
.column.end:last-child:last-child, .end.columns:last-child:last-child {
@@ -473,11 +122,12 @@ button {
.column.row.row, .row.row.columns {
float: none; }
- .row .column.row.row, .row .row.row.columns {
- padding-left: 0;
- padding-right: 0;
- margin-left: 0;
- margin-right: 0; }
+
+.row .column.row.row, .row .row.row.columns {
+ margin-right: 0;
+ margin-left: 0;
+ padding-right: 0;
+ padding-left: 0; }
.small-1 {
width: 8.33333%; }
@@ -640,8 +290,8 @@ button {
margin-left: 91.66667%; }
.small-up-1 > .column, .small-up-1 > .columns {
- width: 100%;
- float: left; }
+ float: left;
+ width: 100%; }
.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) {
@@ -650,8 +300,8 @@ button {
float: left; }
.small-up-2 > .column, .small-up-2 > .columns {
- width: 50%;
- float: left; }
+ float: left;
+ width: 50%; }
.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) {
@@ -660,8 +310,8 @@ button {
float: left; }
.small-up-3 > .column, .small-up-3 > .columns {
- width: 33.33333%;
- float: left; }
+ float: left;
+ width: 33.33333%; }
.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) {
@@ -670,8 +320,8 @@ button {
float: left; }
.small-up-4 > .column, .small-up-4 > .columns {
- width: 25%;
- float: left; }
+ float: left;
+ width: 25%; }
.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) {
@@ -680,8 +330,8 @@ button {
float: left; }
.small-up-5 > .column, .small-up-5 > .columns {
- width: 20%;
- float: left; }
+ float: left;
+ width: 20%; }
.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) {
@@ -690,8 +340,8 @@ button {
float: left; }
.small-up-6 > .column, .small-up-6 > .columns {
- width: 16.66667%;
- float: left; }
+ float: left;
+ width: 16.66667%; }
.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) {
@@ -700,8 +350,8 @@ button {
float: left; }
.small-up-7 > .column, .small-up-7 > .columns {
- width: 14.28571%;
- float: left; }
+ float: left;
+ width: 14.28571%; }
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
@@ -710,8 +360,8 @@ button {
float: left; }
.small-up-8 > .column, .small-up-8 > .columns {
- width: 12.5%;
- float: left; }
+ float: left;
+ width: 12.5%; }
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
@@ -720,32 +370,37 @@ button {
float: left; }
.small-collapse > .column, .small-collapse > .columns {
- padding-left: 0;
- padding-right: 0; }
+ padding-right: 0;
+ padding-left: 0; }
+
+.small-collapse .row {
+ margin-right: 0;
+ margin-left: 0; }
-.small-collapse .row,
.expanded.row .small-collapse.row {
- margin-left: 0;
- margin-right: 0; }
+ margin-right: 0;
+ margin-left: 0; }
.small-uncollapse > .column, .small-uncollapse > .columns {
- padding-left: 0.625rem;
- padding-right: 0.625rem; }
+ padding-right: 0.625rem;
+ padding-left: 0.625rem; }
.small-centered {
- float: none;
- margin-left: auto;
- margin-right: auto; }
+ margin-right: auto;
+ margin-left: auto; }
+ .small-centered, .small-centered:last-child:not(:first-child) {
+ float: none;
+ clear: both; }
.small-uncentered,
.small-push-0,
.small-pull-0 {
position: static;
- margin-left: 0;
+ float: left;
margin-right: 0;
- float: left; }
+ margin-left: 0; }
-@media screen and (min-width: 40em) {
+@media print, screen and (min-width: 40em) {
.medium-1 {
width: 8.33333%; }
.medium-push-1 {
@@ -861,8 +516,8 @@ button {
.medium-offset-11 {
margin-left: 91.66667%; }
.medium-up-1 > .column, .medium-up-1 > .columns {
- width: 100%;
- float: left; }
+ float: left;
+ width: 100%; }
.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) {
@@ -870,8 +525,8 @@ button {
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
float: left; }
.medium-up-2 > .column, .medium-up-2 > .columns {
- width: 50%;
- float: left; }
+ float: left;
+ width: 50%; }
.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) {
@@ -879,8 +534,8 @@ button {
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
float: left; }
.medium-up-3 > .column, .medium-up-3 > .columns {
- width: 33.33333%;
- float: left; }
+ float: left;
+ width: 33.33333%; }
.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) {
@@ -888,8 +543,8 @@ button {
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
float: left; }
.medium-up-4 > .column, .medium-up-4 > .columns {
- width: 25%;
- float: left; }
+ float: left;
+ width: 25%; }
.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) {
@@ -897,8 +552,8 @@ button {
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
float: left; }
.medium-up-5 > .column, .medium-up-5 > .columns {
- width: 20%;
- float: left; }
+ float: left;
+ width: 20%; }
.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) {
@@ -906,8 +561,8 @@ button {
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
float: left; }
.medium-up-6 > .column, .medium-up-6 > .columns {
- width: 16.66667%;
- float: left; }
+ float: left;
+ width: 16.66667%; }
.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) {
@@ -915,8 +570,8 @@ button {
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
float: left; }
.medium-up-7 > .column, .medium-up-7 > .columns {
- width: 14.28571%;
- float: left; }
+ float: left;
+ width: 14.28571%; }
.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
@@ -924,8 +579,8 @@ button {
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
float: left; }
.medium-up-8 > .column, .medium-up-8 > .columns {
- width: 12.5%;
- float: left; }
+ float: left;
+ width: 12.5%; }
.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
@@ -933,28 +588,32 @@ button {
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
float: left; }
.medium-collapse > .column, .medium-collapse > .columns {
- padding-left: 0;
- padding-right: 0; }
- .medium-collapse .row,
+ padding-right: 0;
+ padding-left: 0; }
+ .medium-collapse .row {
+ margin-right: 0;
+ margin-left: 0; }
.expanded.row .medium-collapse.row {
- margin-left: 0;
- margin-right: 0; }
+ margin-right: 0;
+ margin-left: 0; }
.medium-uncollapse > .column, .medium-uncollapse > .columns {
- padding-left: 0.9375rem;
- padding-right: 0.9375rem; }
+ padding-right: 0.9375rem;
+ padding-left: 0.9375rem; }
.medium-centered {
- float: none;
- margin-left: auto;
- margin-right: auto; }
+ margin-right: auto;
+ margin-left: auto; }
+ .medium-centered, .medium-centered:last-child:not(:first-child) {
+ float: none;
+ clear: both; }
.medium-uncentered,
.medium-push-0,
.medium-pull-0 {
position: static;
- margin-left: 0;
+ float: left;
margin-right: 0;
- float: left; } }
+ margin-left: 0; } }
-@media screen and (min-width: 64em) {
+@media print, screen and (min-width: 64em) {
.large-1 {
width: 8.33333%; }
.large-push-1 {
@@ -1070,8 +729,8 @@ button {
.large-offset-11 {
margin-left: 91.66667%; }
.large-up-1 > .column, .large-up-1 > .columns {
- width: 100%;
- float: left; }
+ float: left;
+ width: 100%; }
.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) {
@@ -1079,8 +738,8 @@ button {
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
float: left; }
.large-up-2 > .column, .large-up-2 > .columns {
- width: 50%;
- float: left; }
+ float: left;
+ width: 50%; }
.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) {
@@ -1088,8 +747,8 @@ button {
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
float: left; }
.large-up-3 > .column, .large-up-3 > .columns {
- width: 33.33333%;
- float: left; }
+ float: left;
+ width: 33.33333%; }
.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) {
@@ -1097,8 +756,8 @@ button {
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
float: left; }
.large-up-4 > .column, .large-up-4 > .columns {
- width: 25%;
- float: left; }
+ float: left;
+ width: 25%; }
.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) {
@@ -1106,8 +765,8 @@ button {
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
float: left; }
.large-up-5 > .column, .large-up-5 > .columns {
- width: 20%;
- float: left; }
+ float: left;
+ width: 20%; }
.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) {
@@ -1115,8 +774,8 @@ button {
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
float: left; }
.large-up-6 > .column, .large-up-6 > .columns {
- width: 16.66667%;
- float: left; }
+ float: left;
+ width: 16.66667%; }
.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) {
@@ -1124,8 +783,8 @@ button {
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
float: left; }
.large-up-7 > .column, .large-up-7 > .columns {
- width: 14.28571%;
- float: left; }
+ float: left;
+ width: 14.28571%; }
.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
@@ -1133,8 +792,8 @@ button {
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
float: left; }
.large-up-8 > .column, .large-up-8 > .columns {
- width: 12.5%;
- float: left; }
+ float: left;
+ width: 12.5%; }
.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
@@ -1142,26 +801,30 @@ button {
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
float: left; }
.large-collapse > .column, .large-collapse > .columns {
- padding-left: 0;
- padding-right: 0; }
- .large-collapse .row,
+ padding-right: 0;
+ padding-left: 0; }
+ .large-collapse .row {
+ margin-right: 0;
+ margin-left: 0; }
.expanded.row .large-collapse.row {
- margin-left: 0;
- margin-right: 0; }
+ margin-right: 0;
+ margin-left: 0; }
.large-uncollapse > .column, .large-uncollapse > .columns {
- padding-left: 0.9375rem;
- padding-right: 0.9375rem; }
+ padding-right: 0.9375rem;
+ padding-left: 0.9375rem; }
.large-centered {
- float: none;
- margin-left: auto;
- margin-right: auto; }
+ margin-right: auto;
+ margin-left: auto; }
+ .large-centered, .large-centered:last-child:not(:first-child) {
+ float: none;
+ clear: both; }
.large-uncentered,
.large-push-0,
.large-pull-0 {
position: static;
- margin-left: 0;
+ float: left;
margin-right: 0;
- float: left; } }
+ margin-left: 0; } }
div,
dl,
@@ -1186,9 +849,9 @@ td {
padding: 0; }
p {
+ margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
- margin-bottom: 1rem;
text-rendering: optimizeLegibility; }
em,
@@ -1211,22 +874,22 @@ h3,
h4,
h5,
h6 {
+ margin-top: 0;
+ margin-bottom: 0.5rem;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- font-weight: normal;
font-style: normal;
+ font-weight: normal;
+ line-height: 1.4;
color: inherit;
- text-rendering: optimizeLegibility;
- margin-top: 0;
- margin-bottom: 0.5rem;
- line-height: 1.4; }
+ text-rendering: optimizeLegibility; }
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
- color: #999;
- line-height: 0; }
+ line-height: 0;
+ color: #999; }
h1 {
font-size: 1.5rem; }
@@ -1246,7 +909,7 @@ h5 {
h6 {
font-size: 1rem; }
-@media screen and (min-width: 40em) {
+@media print, screen and (min-width: 40em) {
h1 {
font-size: 3rem; }
h2 {
@@ -1261,9 +924,9 @@ h6 {
font-size: 1rem; } }
a {
+ line-height: inherit;
color: #007c82;
text-decoration: none;
- line-height: inherit;
cursor: pointer; }
a:hover, a:focus {
color: #006b70; }
@@ -1271,28 +934,28 @@ a {
border: 0; }
hr {
+ clear: both;
max-width: 75rem;
height: 0;
- border-right: 0;
+ margin: 1.25rem auto;
border-top: 0;
+ border-right: 0;
border-bottom: 1px solid #999;
- border-left: 0;
- margin: 1.25rem auto;
- clear: both; }
+ border-left: 0; }
ul,
ol,
dl {
- line-height: 1.6;
margin-bottom: 1rem;
- list-style-position: outside; }
+ list-style-position: outside;
+ line-height: 1.6; }
li {
font-size: inherit; }
ul {
- list-style-type: disc;
- margin-left: 1.25rem; }
+ margin-left: 1.25rem;
+ list-style-type: disc; }
ol {
margin-left: 1.25rem; }
@@ -1320,27 +983,27 @@ cite {
font-size: 0.8125rem;
color: #8a8a8a; }
cite:before {
- content: '\2014 \0020'; }
+ content: "— "; }
abbr {
+ border-bottom: 1px dotted #0a0a0a;
color: #222;
- cursor: help;
- border-bottom: 1px dotted #0a0a0a; }
+ cursor: help; }
code {
+ padding: 0.125rem 0.3125rem 0.0625rem;
+ border: 1px solid #999;
+ background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
- color: #0a0a0a;
- background-color: #e6e6e6;
- border: 1px solid #999;
- padding: 0.125rem 0.3125rem 0.0625rem; }
+ color: #0a0a0a; }
kbd {
- padding: 0.125rem 0.25rem 0;
margin: 0;
+ padding: 0.125rem 0.25rem 0;
background-color: #e6e6e6;
- color: #0a0a0a;
- font-family: Consolas, "Liberation Mono", Courier, monospace; }
+ font-family: Consolas, "Liberation Mono", Courier, monospace;
+ color: #0a0a0a; }
.subheader {
margin-top: 0.2rem;
@@ -1375,7 +1038,7 @@ kbd {
.text-justify {
text-align: justify; }
-@media screen and (min-width: 40em) {
+@media print, screen and (min-width: 40em) {
.medium-text-left {
text-align: left; }
.medium-text-right {
@@ -1385,7 +1048,7 @@ kbd {
.medium-text-justify {
text-align: justify; } }
-@media screen and (min-width: 64em) {
+@media print, screen and (min-width: 64em) {
.large-text-left {
text-align: left; }
.large-text-right {
@@ -1401,8 +1064,8 @@ kbd {
@media print {
* {
background: transparent !important;
- color: black !important;
box-shadow: none !important;
+ color: black !important;
text-shadow: none !important; }
.show-for-print {
display: block !important; }
@@ -1459,23 +1122,23 @@ textarea {
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
+ margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #999;
- margin: 0 0 1rem;
+ border-radius: 0;
+ background-color: #fefefe;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 1rem;
+ font-weight: normal;
color: #0a0a0a;
- 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; }
+ 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 {
+ outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
- outline: none;
box-shadow: 0 0 5px #999;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
@@ -1496,9 +1159,8 @@ textarea[readonly] {
[type='submit'],
[type='button'] {
- border-radius: 0;
- -webkit-appearance: none;
- -moz-appearance: none; }
+ appearance: none;
+ border-radius: 0; }
input[type='search'] {
box-sizing: border-box; }
@@ -1511,10 +1173,10 @@ input[type='search'] {
[type='checkbox'] + label,
[type='radio'] + label {
display: inline-block;
+ vertical-align: baseline;
margin-left: 0.5rem;
margin-right: 1rem;
- margin-bottom: 0;
- vertical-align: baseline; }
+ margin-bottom: 0; }
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
cursor: pointer; }
@@ -1552,18 +1214,21 @@ label {
.input-group > :last-child > * {
border-radius: 0 0 0 0; }
-.input-group-label, .input-group-field, .input-group-button {
+.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
+.input-group-button input,
+.input-group-button button,
+.input-group-button label {
margin: 0;
white-space: nowrap;
display: table-cell;
vertical-align: middle; }
.input-group-label {
- text-align: center;
padding: 0 1rem;
+ border: 1px solid #999;
background: #e6e6e6;
color: #0a0a0a;
- border: 1px solid #999;
+ text-align: center;
white-space: nowrap;
width: 1%;
height: 100%; }
@@ -1580,57 +1245,67 @@ label {
padding-top: 0;
padding-bottom: 0;
text-align: center;
- height: 100%;
- width: 1%; }
+ width: 1%;
+ height: 100%; }
.input-group-button a,
.input-group-button input,
- .input-group-button button {
- margin: 0; }
+ .input-group-button button,
+ .input-group-button label {
+ height: 2.5rem;
+ padding-top: 0;
+ padding-bottom: 0;
+ font-size: 1rem; }
.input-group .input-group-button {
display: table-cell; }
fieldset {
- border: 0;
+ margin: 0;
padding: 0;
- margin: 0; }
+ border: 0; }
legend {
- margin-bottom: 0.5rem;
- max-width: 100%; }
+ max-width: 100%;
+ margin-bottom: 0.5rem; }
.fieldset {
- border: 1px solid #999;
+ margin: 1.125rem 0;
padding: 1.25rem;
- margin: 1.125rem 0; }
+ border: 1px solid #999; }
.fieldset legend {
- background: white;
- padding: 0 0.1875rem;
margin: 0;
- margin-left: -0.1875rem; }
+ margin-left: -0.1875rem;
+ padding: 0 0.1875rem;
+ background: white; }
select {
height: 2.4375rem;
+ margin: 0 0 1rem;
padding: 0.5rem;
+ appearance: none;
border: 1px solid #999;
- margin: 0 0 1rem;
- font-size: 1rem;
+ border-radius: 0;
+ background-color: #fefefe;
font-family: inherit;
+ font-size: 1rem;
line-height: normal;
color: #0a0a0a;
- background-color: #fefefe;
- border-radius: 0;
- -webkit-appearance: none;
- -moz-appearance: none;
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: rgb%28138, 138, 138%29'></polygon></svg>");
- background-size: 9px 6px;
- background-position: right -1rem center;
background-origin: content-box;
+ background-position: right -1rem center;
background-repeat: no-repeat;
- padding-right: 1.5rem; }
+ background-size: 9px 6px;
+ padding-right: 1.5rem;
+ transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
@media screen and (min-width: 0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
+ select:focus {
+ outline: none;
+ border: 1px solid #8a8a8a;
+ background-color: #fefefe;
+ box-shadow: 0 0 5px #999;
+ transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
select:disabled {
background-color: #e6e6e6;
cursor: not-allowed; }
@@ -1641,8 +1316,8 @@ select {
background-image: none; }
.is-invalid-input:not(:focus) {
- background-color: rgba(236, 88, 64, 0.1);
- border-color: #ec5840; }
+ border-color: #ec5840;
+ background-color: rgba(236, 88, 64, 0.1); }
.is-invalid-label {
color: #ec5840; }
@@ -1659,17 +1334,17 @@ select {
.button {
display: inline-block;
- text-align: center;
- line-height: 1;
- cursor: pointer;
- -webkit-appearance: none;
- transition: background-color 0.25s ease-out, color 0.25s ease-out;
vertical-align: middle;
+ margin: 0 0 1rem 0;
+ padding: 0.85em 1em;
+ -webkit-appearance: none;
border: 1px solid transparent;
border-radius: 0;
- padding: 0.85em 1em;
- margin: 0 0 1rem 0;
+ transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
+ line-height: 1;
+ text-align: center;
+ cursor: pointer;
background-color: #007c82;
color: #fefefe; }
[data-whatinput='mouse'] .button {
@@ -1686,8 +1361,8 @@ select {
.button.expanded {
display: block;
width: 100%;
- margin-left: 0;
- margin-right: 0; }
+ margin-right: 0;
+ margin-left: 0; }
.button.primary {
background-color: #007c82;
color: #fefefe; }
@@ -1762,29 +1437,59 @@ select {
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #007c82;
color: #fefefe; }
+ .button.disabled.primary, .button[disabled].primary {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus {
+ background-color: #007c82;
+ color: #fefefe; }
+ .button.disabled.secondary, .button[disabled].secondary {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
+ background-color: #999;
+ color: #fefefe; }
+ .button.disabled.success, .button[disabled].success {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
+ background-color: #3adb76;
+ color: #fefefe; }
+ .button.disabled.warning, .button[disabled].warning {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
+ background-color: #ffae00;
+ color: #fefefe; }
+ .button.disabled.alert, .button[disabled].alert {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
+ background-color: #ec5840;
+ color: #fefefe; }
.button.dropdown::after {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 0.4em;
- border-color: #fefefe transparent transparent;
- border-top-style: solid;
+ content: '';
border-bottom-width: 0;
+ border-top-style: solid;
+ border-color: #fefefe transparent transparent;
position: relative;
top: 0.4em;
+ display: inline-block;
float: right;
- margin-left: 1em;
- display: inline-block; }
+ margin-left: 1em; }
.button.arrow-only::after {
- margin-left: 0;
+ top: -0.1em;
float: none;
- top: -0.1em; }
+ margin-left: 0; }
.accordion {
- list-style-type: none;
+ margin-left: 0;
background: #fefefe;
- margin-left: 0; }
+ list-style-type: none; }
.accordion-item:first-child > :first-child {
border-radius: 0 0 0 0; }
@@ -1793,31 +1498,31 @@ select {
border-radius: 0 0 0 0; }
.accordion-title {
+ position: relative;
display: block;
padding: 1.25rem 1rem;
- line-height: 1;
- font-size: 0.75rem;
- color: #007c82;
- position: relative;
border: 1px solid #e6e6e6;
- border-bottom: 0; }
+ border-bottom: 0;
+ font-size: 0.75rem;
+ line-height: 1;
+ color: #007c82; }
:last-child:not(.is-active) > .accordion-title {
- border-radius: 0 0 0 0;
- border-bottom: 1px solid #e6e6e6; }
+ border-bottom: 1px solid #e6e6e6;
+ border-radius: 0 0 0 0; }
.accordion-title:hover, .accordion-title:focus {
background-color: #e6e6e6; }
.accordion-title::before {
- content: '+';
position: absolute;
- right: 1rem;
top: 50%;
- margin-top: -0.5rem; }
+ right: 1rem;
+ margin-top: -0.5rem;
+ content: '+'; }
.is-active > .accordion-title::before {
content: '–'; }
.accordion-content {
- padding: 1rem;
display: none;
+ padding: 1rem;
border: 1px solid #e6e6e6;
border-bottom: 0;
background-color: #fefefe;
@@ -1825,25 +1530,34 @@ select {
:last-child > .accordion-content:last-child {
border-bottom: 1px solid #e6e6e6; }
-.is-accordion-submenu-parent > a {
- position: relative; }
- .is-accordion-submenu-parent > a::after {
- content: '';
+.tree .is-accordion-submenu-none > a {
+ padding: 0;
+ line-height: 1.6; }
+
+.is-accordion-submenu-parent > span {
+ position: relative;
+ display: block;
+ color: #007c82;
+ cursor: pointer; }
+ .is-accordion-submenu-parent > span:hover {
+ color: #006b70; }
+ .is-accordion-submenu-parent > span::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
- border-color: #007c82 transparent transparent;
- border-top-style: solid;
+ content: '';
border-bottom-width: 0;
+ border-top-style: solid;
+ border-color: #007c82 transparent transparent;
position: absolute;
top: 50%;
- margin-top: -4px;
- right: 1rem; }
+ right: 1rem;
+ right: -4px; }
-.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
- transform-origin: 50% 50%;
- transform: scaleY(-1); }
+.is-accordion-submenu-parent[aria-expanded='true'] > span::after {
+ transform: scaleY(-1);
+ transform-origin: 50% 50%; }
.badge {
display: inline-block;
@@ -1867,26 +1581,26 @@ select {
color: #fefefe; }
.breadcrumbs {
- list-style: none;
- margin: 0 0 1rem 0; }
+ margin: 0 0 1rem 0;
+ list-style: none; }
.breadcrumbs::before, .breadcrumbs::after {
- content: ' ';
- display: table; }
+ display: table;
+ content: ' '; }
.breadcrumbs::after {
clear: both; }
.breadcrumbs li {
float: left;
- color: #0a0a0a;
font-size: 0.6875rem;
+ color: #0a0a0a;
cursor: default;
text-transform: uppercase; }
.breadcrumbs li:not(:last-child)::after {
- color: #999;
- content: "/";
- margin: 0 0.75rem;
position: relative;
top: 1px;
- opacity: 1; }
+ margin: 0 0.75rem;
+ opacity: 1;
+ content: "/";
+ color: #999; }
.breadcrumbs a {
color: #007c82; }
.breadcrumbs a:hover {
@@ -1899,8 +1613,8 @@ select {
margin-bottom: 1rem;
font-size: 0; }
.button-group::before, .button-group::after {
- content: ' ';
- display: table; }
+ display: table;
+ content: ' '; }
.button-group::after {
clear: both; }
.button-group .button {
@@ -1984,11 +1698,11 @@ select {
width: 100%; }
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
margin-bottom: 0; }
- @media screen and (min-width: 40em) {
+ @media print, screen and (min-width: 40em) {
.button-group.stacked-for-small .button {
width: auto;
margin-bottom: 0; } }
- @media screen and (min-width: 64em) {
+ @media print, screen and (min-width: 64em) {
.button-group.stacked-for-medium .button {
width: auto;
margin-bottom: 0; } }
@@ -2000,11 +1714,11 @@ select {
margin-right: 0; } }
.callout {
+ position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid rgba(10, 10, 10, 0.25);
border-radius: 0;
- position: relative;
color: #222;
background-color: white; }
.callout > :first-child {
@@ -2035,98 +1749,124 @@ select {
.close-button {
position: absolute;
color: #8a8a8a;
- right: 1rem;
- top: 0.5rem;
- font-size: 2em;
- line-height: 1;
cursor: pointer; }
[data-whatinput='mouse'] .close-button {
outline: 0; }
.close-button:hover, .close-button:focus {
color: #0a0a0a; }
+ .close-button.small {
+ right: 1rem;
+ top: 0.5rem;
+ font-size: 2em;
+ line-height: 1; }
+ .close-button, .close-button.medium {
+ right: 1rem;
+ top: 0.5rem;
+ font-size: 2em;
+ line-height: 1; }
-.menu {
+.menu, .tree {
margin: 0;
list-style-type: none; }
- .menu > li {
+ .menu > li, .tree > li {
display: table-cell;
vertical-align: middle; }
- [data-whatinput='mouse'] .menu > li {
+ [data-whatinput='mouse'] .menu > li, [data-whatinput='mouse'] .tree > li {
outline: 0; }
- .menu > li > a {
+ .menu > li > a, .tree > li > a {
display: block;
padding: 0.7rem 1rem;
line-height: 1; }
.menu input,
+ .menu select,
.menu a,
- .menu button {
+ .menu button, .tree input,
+ .tree select,
+ .tree a,
+ .tree button {
margin-bottom: 0; }
.menu > li > a img,
.menu > li > a i,
- .menu > li > a svg {
+ .menu > li > a svg, .tree > li > a img,
+ .tree > li > a i,
+ .tree > li > a svg {
vertical-align: middle; }
.menu > li > a img + span,
.menu > li > a i + span,
- .menu > li > a svg + span {
+ .menu > li > a svg + span, .tree > li > a img + span,
+ .tree > li > a i + span,
+ .tree > li > a svg + span {
vertical-align: middle; }
.menu > li > a img,
.menu > li > a i,
- .menu > li > a svg {
+ .menu > li > a svg, .tree > li > a img,
+ .tree > li > a i,
+ .tree > li > a svg {
margin-right: 0.25rem;
display: inline-block; }
- .menu > li {
+ .menu > li, .tree > li {
display: table-cell; }
- .menu.vertical > li {
+ .menu.vertical > li, .tree.vertical > li {
display: block; }
- @media screen and (min-width: 40em) {
- .menu.medium-horizontal > li {
+ @media print, screen and (min-width: 40em) {
+ .menu.medium-horizontal > li, .tree.medium-horizontal > li {
display: table-cell; }
- .menu.medium-vertical > li {
+ .menu.medium-vertical > li, .tree.medium-vertical > li {
display: block; } }
- @media screen and (min-width: 64em) {
- .menu.large-horizontal > li {
+ @media print, screen and (min-width: 64em) {
+ .menu.large-horizontal > li, .tree.large-horizontal > li {
display: table-cell; }
- .menu.large-vertical > li {
+ .menu.large-vertical > li, .tree.large-vertical > li {
display: block; } }
- .menu.simple li {
- line-height: 1;
+ .menu.simple li, .tree.simple li {
display: inline-block;
- margin-right: 1rem; }
- .menu.simple a {
+ margin-right: 1rem;
+ line-height: 1; }
+ .menu.simple a, .tree.simple a {
padding: 0; }
- .menu.align-right::before, .menu.align-right::after {
- content: ' ';
- display: table; }
- .menu.align-right::after {
+ .menu.align-right::before, .menu.align-right::after, .tree.align-right::before, .tree.align-right::after {
+ display: table;
+ content: ' '; }
+ .menu.align-right::after, .tree.align-right::after {
clear: both; }
- .menu.align-right > li {
+ .menu.align-right > li, .tree.align-right > li {
float: right; }
- .menu.expanded {
- width: 100%;
+ .menu.expanded, .tree.expanded {
display: table;
+ width: 100%;
table-layout: fixed; }
- .menu.expanded > li:first-child:last-child {
+ .menu.expanded > li:first-child:last-child, .tree.expanded > li:first-child:last-child {
width: 100%; }
- .menu.icon-top > li > a {
+ .menu.icon-top > li > a, .tree.icon-top > li > a {
text-align: center; }
.menu.icon-top > li > a img,
.menu.icon-top > li > a i,
- .menu.icon-top > li > a svg {
+ .menu.icon-top > li > a svg, .tree.icon-top > li > a img,
+ .tree.icon-top > li > a i,
+ .tree.icon-top > li > a svg {
display: block;
margin: 0 auto 0.25rem; }
- .menu.nested {
+ .menu.icon-top.vertical a > span, .tree.icon-top.vertical a > span {
+ margin: auto; }
+ .menu.nested, .tree.nested {
margin-left: 1rem; }
- .menu .active > a {
- color: #fefefe;
- background: #007c82; }
+ .menu .active > a, .tree .active > a {
+ background: #007c82;
+ color: #fefefe; }
+ .menu.menu-bordered li, .tree.menu-bordered li {
+ border: 1px solid #e6e6e6; }
+ .menu.menu-bordered li:not(:first-child), .tree.menu-bordered li:not(:first-child) {
+ border-top: 0; }
+ .menu.menu-hover li:hover, .tree.menu-hover li:hover {
+ background-color: #e6e6e6; }
.menu-text {
- font-weight: bold;
- color: inherit;
- line-height: 1;
padding-top: 0;
padding-bottom: 0;
- padding: 0.7rem 1rem; }
+ padding: 0.7rem 1rem;
+ font-weight: bold;
+ line-height: 1;
+ color: inherit; }
.menu-centered {
text-align: center; }
@@ -2140,19 +1880,18 @@ select {
position: relative;
display: inline-block;
vertical-align: middle;
- cursor: pointer;
width: 20px;
- height: 16px; }
+ height: 16px;
+ cursor: pointer; }
.menu-icon::after {
- content: '';
position: absolute;
+ top: 0;
+ left: 0;
display: block;
width: 100%;
height: 2px;
background: #fefefe;
- top: 0;
- left: 0;
- box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; }
+ content: ''; }
.menu-icon:hover::after {
background: #999;
box-shadow: 0 7px 0 #999, 0 14px 0 #999; }
@@ -2161,19 +1900,18 @@ select {
position: relative;
display: inline-block;
vertical-align: middle;
- cursor: pointer;
width: 20px;
- height: 16px; }
+ height: 16px;
+ cursor: pointer; }
.menu-icon.dark::after {
- content: '';
position: absolute;
+ top: 0;
+ left: 0;
display: block;
width: 100%;
height: 2px;
background: #0a0a0a;
- top: 0;
- left: 0;
- box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; }
+ content: ''; }
.menu-icon.dark:hover::after {
background: #8a8a8a;
box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
@@ -2182,14 +1920,15 @@ select {
position: relative;
overflow: hidden; }
.is-drilldown li {
- display: block !important; }
+ display: block; }
+ .is-drilldown.animate-height {
+ transition: height 0.5s; }
.is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
- height: 100%;
width: 100%;
background: #fefefe;
transition: transform 0.15s linear; }
@@ -2203,44 +1942,44 @@ select {
.is-drilldown-submenu-parent > a {
position: relative; }
.is-drilldown-submenu-parent > a::after {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 6px;
- border-color: transparent transparent transparent #007c82;
- border-left-style: solid;
+ content: '';
border-right-width: 0;
+ border-left-style: solid;
+ border-color: transparent transparent transparent #007c82;
position: absolute;
top: 50%;
- margin-top: -6px;
- right: 1rem; }
+ right: 1rem;
+ margin-top: -6px; }
.js-drilldown-back > a::before {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 6px;
- border-color: transparent #007c82 transparent transparent;
- border-right-style: solid;
- border-left-width: 0;
+ content: '';
border-left-width: 0;
+ border-right-style: solid;
+ border-color: transparent #007c82 transparent transparent;
display: inline-block;
vertical-align: middle;
- margin-right: 0.75rem; }
+ margin-right: 0.75rem;
+ border-left-width: 0; }
.dropdown-pane {
- background-color: white;
- border: 1px solid #999;
- border-radius: 0;
+ position: absolute;
+ z-index: 10;
display: block;
- font-size: 1rem;
+ width: 300px;
padding: 1rem;
- position: absolute;
visibility: hidden;
- width: 300px;
- z-index: 10; }
+ border: 1px solid #999;
+ border-radius: 0;
+ background-color: white;
+ font-size: 1rem; }
.dropdown-pane.is-open {
visibility: visible; }
@@ -2254,28 +1993,28 @@ select {
width: 400px; }
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
- left: auto;
+ top: 100%;
right: 0;
- top: 100%; }
+ left: auto; }
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
+ top: 100%;
right: auto;
- left: 0;
- top: 100%; }
+ left: 0; }
.dropdown.menu > li.is-dropdown-submenu-parent > a {
- padding-right: 1.5rem;
- position: relative; }
+ position: relative;
+ padding-right: 1.5rem; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
- border-color: #007c82 transparent transparent;
- border-top-style: solid;
+ content: '';
border-bottom-width: 0;
+ border-top-style: solid;
+ border-color: #007c82 transparent transparent;
right: 5px;
margin-top: -2px; }
@@ -2289,8 +2028,8 @@ select {
top: 0; }
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
- left: auto;
- right: 100%; }
+ right: 100%;
+ left: auto; }
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
@@ -2298,138 +2037,138 @@ select {
.dropdown.menu.vertical > li > a::after {
right: 14px;
- margin-top: -3px; }
+ margin-top: -5px; }
.dropdown.menu.vertical > li.opens-left > a::after {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
- border-color: transparent #007c82 transparent transparent;
+ content: '';
+ border-left-width: 0;
border-right-style: solid;
- border-left-width: 0; }
+ border-color: transparent #007c82 transparent transparent; }
.dropdown.menu.vertical > li.opens-right > a::after {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
- border-color: transparent transparent transparent #007c82;
+ content: '';
+ border-right-width: 0;
border-left-style: solid;
- border-right-width: 0; }
+ border-color: transparent transparent transparent #007c82; }
-@media screen and (min-width: 40em) {
+@media print, screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
- left: auto;
+ top: 100%;
right: 0;
- top: 100%; }
+ left: auto; }
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
+ top: 100%;
right: auto;
- left: 0;
- top: 100%; }
+ left: 0; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
- padding-right: 1.5rem;
- position: relative; }
+ position: relative;
+ padding-right: 1.5rem; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
- border-color: #007c82 transparent transparent;
- border-top-style: solid;
+ content: '';
border-bottom-width: 0;
+ border-top-style: solid;
+ border-color: #007c82 transparent transparent;
right: 5px;
margin-top: -2px; }
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
- left: auto;
- right: 100%; }
+ right: 100%;
+ left: auto; }
.dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.medium-vertical > li > a::after {
right: 14px;
- margin-top: -3px; }
+ margin-top: -5px; }
.dropdown.menu.medium-vertical > li.opens-left > a::after {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
- border-color: transparent #007c82 transparent transparent;
+ content: '';
+ border-left-width: 0;
border-right-style: solid;
- border-left-width: 0; }
+ border-color: transparent #007c82 transparent transparent; }
.dropdown.menu.medium-vertical > li.opens-right > a::after {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
- border-color: transparent transparent transparent #007c82;
+ content: '';
+ border-right-width: 0;
border-left-style: solid;
- border-right-width: 0; } }
+ border-color: transparent transparent transparent #007c82; } }
-@media screen and (min-width: 64em) {
+@media print, screen and (min-width: 64em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
- left: auto;
+ top: 100%;
right: 0;
- top: 100%; }
+ left: auto; }
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
+ top: 100%;
right: auto;
- left: 0;
- top: 100%; }
+ left: 0; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
- padding-right: 1.5rem;
- position: relative; }
+ position: relative;
+ padding-right: 1.5rem; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
- border-color: #007c82 transparent transparent;
- border-top-style: solid;
+ content: '';
border-bottom-width: 0;
+ border-top-style: solid;
+ border-color: #007c82 transparent transparent;
right: 5px;
margin-top: -2px; }
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
- left: auto;
- right: 100%; }
+ right: 100%;
+ left: auto; }
.dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.large-vertical > li > a::after {
right: 14px;
- margin-top: -3px; }
+ margin-top: -5px; }
.dropdown.menu.large-vertical > li.opens-left > a::after {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
- border-color: transparent #007c82 transparent transparent;
+ content: '';
+ border-left-width: 0;
border-right-style: solid;
- border-left-width: 0; }
+ border-color: transparent #007c82 transparent transparent; }
.dropdown.menu.large-vertical > li.opens-right > a::after {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
- border-color: transparent transparent transparent #007c82;
+ content: '';
+ border-right-width: 0;
border-left-style: solid;
- border-right-width: 0; } }
+ border-color: transparent transparent transparent #007c82; } }
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
- left: auto;
- right: 0; }
+ right: 0;
+ left: auto; }
.is-dropdown-menu.vertical {
width: 100px; }
@@ -2447,42 +2186,42 @@ select {
top: 100%;
left: auto; }
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
- left: auto;
- right: 100%; }
+ right: 100%;
+ left: auto; }
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.is-dropdown-submenu {
- display: none;
position: absolute;
top: 0;
left: 100%;
- min-width: 200px;
z-index: 1;
- background: #fefefe;
- border: 1px solid #999; }
+ display: none;
+ min-width: 200px;
+ border: 1px solid #999;
+ background: #fefefe; }
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px;
- margin-top: -3px; }
+ margin-top: -5px; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
- border-color: transparent #007c82 transparent transparent;
+ content: '';
+ border-left-width: 0;
border-right-style: solid;
- border-left-width: 0; }
+ border-color: transparent #007c82 transparent transparent; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
- border-color: transparent transparent transparent #007c82;
+ content: '';
+ border-right-width: 0;
border-left-style: solid;
- border-right-width: 0; }
+ border-color: transparent transparent transparent #007c82; }
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px; }
.is-dropdown-submenu > li {
@@ -2490,13 +2229,16 @@ select {
.is-dropdown-submenu.js-dropdown-active {
display: block; }
-.flex-video {
+.responsive-embed, .flex-video {
position: relative;
height: 0;
- padding-bottom: 75%;
margin-bottom: 1rem;
+ padding-bottom: 75%;
overflow: hidden; }
- .flex-video iframe,
+ .responsive-embed iframe,
+ .responsive-embed object,
+ .responsive-embed embed,
+ .responsive-embed video, .flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
@@ -2505,19 +2247,17 @@ select {
left: 0;
width: 100%;
height: 100%; }
- .flex-video.widescreen {
+ .responsive-embed.widescreen, .flex-video.widescreen {
padding-bottom: 56.25%; }
- .flex-video.vimeo {
- padding-top: 0; }
.label {
display: inline-block;
padding: 0.33333rem 0;
+ border-radius: 0;
font-size: 0.8rem;
line-height: 1;
white-space: nowrap;
cursor: default;
- border-radius: 0;
background: white;
color: #007c82; }
.label.secondary {
@@ -2534,8 +2274,8 @@ select {
color: #fefefe; }
.media-object {
- margin-bottom: 1rem;
- display: block; }
+ display: block;
+ margin-bottom: 1rem; }
.media-object img {
max-width: none; }
@media screen and (max-width: 39.9375em) {
@@ -2565,66 +2305,73 @@ body {
height: 100%; }
.off-canvas-wrapper {
+ position: relative;
width: 100%;
overflow-x: hidden;
- position: relative;
+ overflow-y: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: auto; }
.off-canvas-wrapper-inner {
position: relative;
width: 100%;
+ min-height: 100%;
transition: transform 0.5s ease; }
.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
- content: ' ';
- display: table; }
+ display: table;
+ content: ' '; }
.off-canvas-wrapper-inner::after {
clear: both; }
.off-canvas-content,
.off-canvas-content {
+ z-index: 1;
min-height: 100%;
+ padding-bottom: 0.1px;
background: white;
transition: transform 0.5s ease;
backface-visibility: hidden;
- z-index: 1;
- padding-bottom: 0.1px;
box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); }
.js-off-canvas-exit {
- display: none;
position: absolute;
top: 0;
left: 0;
+ display: none;
width: 100%;
height: 100%;
background: rgba(254, 254, 254, 0.25);
- cursor: pointer;
- transition: background 0.5s ease; }
+ transition: background 0.5s ease;
+ cursor: pointer; }
.off-canvas {
position: absolute;
- background: #e6e6e6;
z-index: -1;
max-height: 100%;
- overflow-y: auto;
- transform: translateX(0); }
+ transform: translateX(0) translateY(0);
+ background: #e6e6e6;
+ overflow-y: auto; }
[data-whatinput='mouse'] .off-canvas {
outline: 0; }
.off-canvas.position-left {
- left: -250px;
top: 0;
+ left: -250px;
width: 250px; }
.is-open-left {
transform: translateX(250px); }
.off-canvas.position-right {
- right: -250px;
top: 0;
+ right: -250px;
width: 250px; }
.is-open-right {
transform: translateX(-250px); }
+ .off-canvas.position-top {
+ top: -250px;
+ width: 100%; }
+ .is-open-top {
+ transform: translateY(250px); }
-@media screen and (min-width: 40em) {
+@media print, screen and (min-width: 40em) {
.position-left.reveal-for-medium {
left: 0;
z-index: auto;
@@ -2636,9 +2383,15 @@ body {
z-index: auto;
position: fixed; }
.position-right.reveal-for-medium ~ .off-canvas-content {
- margin-right: 250px; } }
+ margin-right: 250px; }
+ .position-top.reveal-for-medium {
+ top: 0;
+ z-index: auto;
+ position: fixed; }
+ .position-top.reveal-for-medium ~ .off-canvas-content {
+ margin-top: 250px; } }
-@media screen and (min-width: 64em) {
+@media print, screen and (min-width: 64em) {
.position-left.reveal-for-large {
left: 0;
z-index: auto;
@@ -2650,20 +2403,26 @@ body {
z-index: auto;
position: fixed; }
.position-right.reveal-for-large ~ .off-canvas-content {
- margin-right: 250px; } }
+ margin-right: 250px; }
+ .position-top.reveal-for-large {
+ top: 0;
+ z-index: auto;
+ position: fixed; }
+ .position-top.reveal-for-large ~ .off-canvas-content {
+ margin-top: 250px; } }
.orbit {
position: relative; }
.orbit-container {
position: relative;
+ height: 0;
margin: 0;
- overflow: hidden;
- list-style: none; }
+ list-style: none;
+ overflow: hidden; }
.orbit-slide {
- width: 100%;
- max-height: 100%; }
+ width: 100%; }
.orbit-slide.no-motionui.is-active {
top: 0;
left: 0; }
@@ -2672,18 +2431,18 @@ body {
margin: 0; }
.orbit-image {
- margin: 0;
width: 100%;
- max-width: 100%; }
+ max-width: 100%;
+ margin: 0; }
.orbit-caption {
position: absolute;
bottom: 0;
width: 100%;
- padding: 1rem;
margin-bottom: 0;
- color: #fefefe;
- background-color: rgba(10, 10, 10, 0.5); }
+ padding: 1rem;
+ background-color: rgba(10, 10, 10, 0.5);
+ color: #fefefe; }
.orbit-previous, .orbit-next {
position: absolute;
@@ -2715,8 +2474,8 @@ body {
width: 1.2rem;
height: 1.2rem;
margin: 0.1rem;
- background-color: #999;
- border-radius: 50%; }
+ border-radius: 50%;
+ background-color: #999; }
.orbit-bullets button:hover {
background-color: #8a8a8a; }
.orbit-bullets button.is-active {
@@ -2726,26 +2485,26 @@ body {
margin-left: 0;
margin-bottom: 1rem; }
.pagination::before, .pagination::after {
- content: ' ';
- display: table; }
+ display: table;
+ content: ' '; }
.pagination::after {
clear: both; }
.pagination li {
- font-size: 0.875rem;
margin-right: 0.0625rem;
border-radius: 0;
+ font-size: 0.875rem;
display: none; }
.pagination li:last-child, .pagination li:first-child {
display: inline-block; }
- @media screen and (min-width: 40em) {
+ @media print, screen and (min-width: 40em) {
.pagination li {
display: inline-block; } }
.pagination a,
.pagination button {
- color: #0a0a0a;
display: block;
padding: 0.1875rem 0.625rem;
- border-radius: 0; }
+ border-radius: 0;
+ color: #0a0a0a; }
.pagination a:hover,
.pagination button:hover {
background: #e6e6e6; }
@@ -2761,27 +2520,27 @@ body {
.pagination .disabled:hover {
background: transparent; }
.pagination .ellipsis::after {
- content: '\2026';
padding: 0.1875rem 0.625rem;
+ content: '\2026';
color: #0a0a0a; }
.pagination-previous a::before,
.pagination-previous.disabled::before {
- content: '\00ab';
display: inline-block;
- margin-right: 0.5rem; }
+ margin-right: 0.5rem;
+ content: '\00ab'; }
.pagination-next a::after,
.pagination-next.disabled::after {
- content: '\00bb';
display: inline-block;
- margin-left: 0.5rem; }
+ margin-left: 0.5rem;
+ content: '\00bb'; }
.progress {
- background-color: #999;
height: 1rem;
margin-bottom: 1rem;
- border-radius: 0; }
+ border-radius: 0;
+ background-color: #999; }
.progress.primary .progress-meter {
background-color: #007c82; }
.progress.secondary .progress-meter {
@@ -2844,10 +2603,10 @@ body {
display: inline-block;
width: 1.4rem;
height: 1.4rem;
+ border-radius: 0;
background-color: #007c82;
transition: all 0.2s ease-in-out;
- touch-action: manipulation;
- border-radius: 0; }
+ touch-action: manipulation; }
[data-whatinput='mouse'] .slider-handle {
outline: 0; }
.slider-handle:hover {
@@ -2882,7 +2641,7 @@ body {
position: relative; }
.sticky {
- position: absolute;
+ position: relative;
z-index: 0;
transform: translate3d(0, 0, 0); }
@@ -2895,9 +2654,9 @@ body {
bottom: 0; }
.sticky.is-anchored {
- position: absolute;
- left: auto;
- right: auto; }
+ position: relative;
+ right: auto;
+ left: auto; }
.sticky.is-anchored.is-at-bottom {
bottom: 0; }
@@ -2906,36 +2665,36 @@ body.is-reveal-open {
html.is-reveal-open,
html.is-reveal-open body {
- height: 100%;
+ min-height: 100%;
overflow: hidden;
user-select: none; }
.reveal-overlay {
- display: none;
position: fixed;
top: 0;
+ right: 0;
bottom: 0;
left: 0;
- right: 0;
z-index: 1005;
+ display: none;
background-color: rgba(10, 10, 10, 0.45);
overflow-y: scroll; }
.reveal {
- display: none;
z-index: 1006;
+ display: none;
padding: 1rem;
border: 1px solid #999;
- background-color: #fefefe;
border-radius: 0;
+ background-color: #fefefe;
position: relative;
top: 100px;
- margin-left: auto;
margin-right: auto;
+ margin-left: auto;
overflow-y: auto; }
[data-whatinput='mouse'] .reveal {
outline: 0; }
- @media screen and (min-width: 40em) {
+ @media print, screen and (min-width: 40em) {
.reveal {
min-height: 0; } }
.reveal .column, .reveal .columns,
@@ -2943,26 +2702,26 @@ html.is-reveal-open body {
min-width: 0; }
.reveal > :last-child {
margin-bottom: 0; }
- @media screen and (min-width: 40em) {
+ @media print, screen and (min-width: 40em) {
.reveal {
width: 600px;
max-width: 75rem; } }
- @media screen and (min-width: 40em) {
+ @media print, screen and (min-width: 40em) {
.reveal .reveal {
- left: auto;
right: auto;
+ left: auto;
margin: 0 auto; } }
.reveal.collapse {
padding: 0; }
- @media screen and (min-width: 40em) {
+ @media print, screen and (min-width: 40em) {
.reveal.tiny {
width: 30%;
max-width: 75rem; } }
- @media screen and (min-width: 40em) {
+ @media print, screen and (min-width: 40em) {
.reveal.small {
width: 50%;
max-width: 75rem; } }
- @media screen and (min-width: 40em) {
+ @media print, screen and (min-width: 40em) {
.reveal.large {
width: 90%;
max-width: 75rem; } }
@@ -2970,10 +2729,10 @@ html.is-reveal-open body {
top: 0;
left: 0;
width: 100%;
+ max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
- max-width: none;
margin-left: 0;
border: 0;
border-radius: 0; }
@@ -2982,10 +2741,10 @@ html.is-reveal-open body {
top: 0;
left: 0;
width: 100%;
+ max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
- max-width: none;
margin-left: 0;
border: 0;
border-radius: 0; } }
@@ -2994,44 +2753,44 @@ html.is-reveal-open body {
.switch {
height: 2rem;
+ position: relative;
margin-bottom: 1rem;
outline: 0;
- position: relative;
- user-select: none;
- color: #fefefe;
+ font-size: 0.875rem;
font-weight: bold;
- font-size: 0.875rem; }
+ color: #fefefe;
+ user-select: none; }
.switch-input {
- opacity: 0;
position: absolute;
- margin-bottom: 0; }
+ margin-bottom: 0;
+ opacity: 0; }
.switch-paddle {
- background: #999;
- cursor: pointer;
- display: block;
position: relative;
+ display: block;
width: 4rem;
height: 2rem;
- transition: all 0.25s ease-out;
border-radius: 0;
+ background: #999;
+ transition: all 0.25s ease-out;
+ font-weight: inherit;
color: inherit;
- font-weight: inherit; }
+ cursor: pointer; }
input + .switch-paddle {
margin: 0; }
.switch-paddle::after {
- background: #fefefe;
- content: '';
- display: block;
position: absolute;
- height: 1.5rem;
- left: 0.25rem;
top: 0.25rem;
+ left: 0.25rem;
+ display: block;
width: 1.5rem;
- transition: all 0.25s ease-out;
+ height: 1.5rem;
transform: translate3d(0, 0, 0);
- border-radius: 0; }
+ border-radius: 0;
+ background: #fefefe;
+ transition: all 0.25s ease-out;
+ content: ''; }
input:checked ~ .switch-paddle {
background: #007c82; }
input:checked ~ .switch-paddle::after {
@@ -3062,6 +2821,8 @@ html.is-reveal-open body {
height: 1.5rem;
font-size: 0.625rem; }
.switch.tiny .switch-paddle::after {
+ top: 0.25rem;
+ left: 0.25rem;
width: 1rem;
height: 1rem; }
.switch.tiny input:checked ~ .switch-paddle::after {
@@ -3074,6 +2835,8 @@ html.is-reveal-open body {
height: 1.75rem;
font-size: 0.75rem; }
.switch.small .switch-paddle::after {
+ top: 0.25rem;
+ left: 0.25rem;
width: 1.25rem;
height: 1.25rem; }
.switch.small input:checked ~ .switch-paddle::after {
@@ -3086,6 +2849,8 @@ html.is-reveal-open body {
height: 2.5rem;
font-size: 1rem; }
.switch.large .switch-paddle::after {
+ top: 0.25rem;
+ left: 0.25rem;
width: 2rem;
height: 2rem; }
.switch.large input:checked ~ .switch-paddle::after {
@@ -3101,8 +2866,8 @@ table {
border: 1px solid #f1f1f1;
background-color: #fefefe; }
table caption {
- font-weight: 700;
- padding: 0.5rem 0.625rem 0.625rem; }
+ padding: 0.5rem 0.625rem 0.625rem;
+ font-weight: 700; }
table thead {
background: #f8f8f8;
color: #222; }
@@ -3119,11 +2884,18 @@ table {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: 700;
text-align: left; }
- table tbody tr:nth-child(even) {
- background-color: #f1f1f1; }
table tbody th,
table tbody td {
padding: 0.5rem 0.625rem 0.625rem; }
+ table tbody tr:nth-child(even) {
+ border-bottom: 0;
+ background-color: #f1f1f1; }
+ table.unstriped tbody {
+ background-color: #fefefe; }
+ table.unstriped tbody tr {
+ border-bottom: 0;
+ border-bottom: 1px solid #f1f1f1;
+ background-color: #fefefe; }
@media screen and (max-width: 63.9375em) {
table.stack thead {
@@ -3142,10 +2914,16 @@ table.scroll {
width: 100%;
overflow-x: auto; }
-table.hover tr:hover {
+table.hover thead tr:hover {
+ background-color: #f3f3f3; }
+
+table.hover tfoot tr:hover {
+ background-color: #ececec; }
+
+table.hover tbody tr:hover {
background-color: #f9f9f9; }
-table.hover tr:nth-of-type(even):hover {
+table.hover:not(.unstriped) tr:nth-of-type(even):hover {
background-color: #ececec; }
.table-scroll {
@@ -3155,19 +2933,19 @@ table.hover tr:nth-of-type(even):hover {
.tabs {
margin: 0;
- list-style-type: none;
+ border: 1px solid #e6e6e6;
background: #fefefe;
- border: 1px solid #e6e6e6; }
+ list-style-type: none; }
.tabs::before, .tabs::after {
- content: ' ';
- display: table; }
+ display: table;
+ content: ' '; }
.tabs::after {
clear: both; }
.tabs.vertical > li {
- width: auto;
+ display: block;
float: none;
- display: block; }
+ width: auto; }
.tabs.simple > li > a {
padding: 0; }
@@ -3186,18 +2964,18 @@ table.hover tr:nth-of-type(even):hover {
.tabs-title > a {
display: block;
padding: 1.25rem 1.5rem;
- line-height: 1;
- font-size: 0.75rem; }
+ font-size: 0.75rem;
+ line-height: 1; }
.tabs-title > a:hover {
background: #fefefe; }
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
background: #e6e6e6; }
.tabs-content {
- background: #fefefe;
- transition: all 0.5s ease;
border: 1px solid #e6e6e6;
- border-top: 0; }
+ border-top: 0;
+ background: #fefefe;
+ transition: all 0.5s ease; }
.tabs-content.vertical {
border: 1px solid #e6e6e6;
@@ -3206,28 +2984,32 @@ table.hover tr:nth-of-type(even):hover {
.tabs-panel {
display: none;
padding: 1rem; }
- .tabs-panel.is-active {
+ .tabs-panel[aria-hidden="false"] {
display: block; }
.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;
+ margin-bottom: 1rem;
+ border: solid 4px #fefefe;
border-radius: 0;
- margin-bottom: 1rem; }
- .thumbnail:hover, .thumbnail:focus {
+ box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
+ line-height: 0; }
+
+a.thumbnail {
+ transition: box-shadow 200ms ease-out; }
+ a.thumbnail:hover, a.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(0, 124, 130, 0.5); }
+ a.thumbnail image {
+ box-shadow: none; }
.title-bar {
+ padding: 0.5rem;
background: #0a0a0a;
- color: #fefefe;
- padding: 0.5rem; }
+ color: #fefefe; }
.title-bar::before, .title-bar::after {
- content: ' ';
- display: table; }
+ display: table;
+ content: ' '; }
.title-bar::after {
clear: both; }
.title-bar .menu-icon {
@@ -3242,105 +3024,84 @@ table.hover tr:nth-of-type(even):hover {
text-align: right; }
.title-bar-title {
- font-weight: bold;
- vertical-align: middle;
- display: inline-block; }
-
-.menu-icon.dark {
- position: relative;
display: inline-block;
vertical-align: middle;
- cursor: pointer;
- width: 20px;
- height: 16px; }
- .menu-icon.dark::after {
- content: '';
- position: absolute;
- display: block;
- width: 100%;
- height: 2px;
- background: #0a0a0a;
- top: 0;
- left: 0;
- box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; }
- .menu-icon.dark:hover::after {
- background: #8a8a8a;
- box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
+ font-weight: bold; }
.has-tip {
- border-bottom: dotted 1px #8a8a8a;
- font-weight: 700;
position: relative;
display: inline-block;
+ border-bottom: dotted 1px #8a8a8a;
+ font-weight: 700;
cursor: help; }
.tooltip {
- background-color: #0a0a0a;
- color: #fefefe;
- font-size: 80%;
- padding: 0.75rem;
position: absolute;
- z-index: 10;
top: calc(100% + 0.6495rem);
+ z-index: 1200;
max-width: 10rem !important;
- border-radius: 0; }
+ padding: 0.75rem;
+ border-radius: 0;
+ background-color: #0a0a0a;
+ font-size: 80%;
+ color: #fefefe; }
.tooltip::before {
- content: '';
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
- border-color: transparent transparent #0a0a0a;
- border-bottom-style: solid;
+ content: '';
border-top-width: 0;
- bottom: 100%;
+ border-bottom-style: solid;
+ border-color: transparent transparent #0a0a0a;
position: absolute;
+ bottom: 100%;
left: 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;
+ content: '';
border-bottom-width: 0;
+ border-top-style: solid;
+ border-color: #0a0a0a transparent transparent;
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;
+ content: '';
border-right-width: 0;
+ border-left-style: solid;
+ border-color: transparent transparent transparent #0a0a0a;
+ top: 50%;
bottom: auto;
left: 100%;
- top: 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;
+ content: '';
border-left-width: 0;
+ border-right-style: solid;
+ border-color: transparent #0a0a0a transparent transparent;
+ top: 50%;
+ right: 100%;
bottom: auto;
left: auto;
- right: 100%;
- top: 50%;
transform: translateY(-50%); }
.top-bar {
padding: 0.5rem; }
.top-bar::before, .top-bar::after {
- content: ' ';
- display: table; }
+ display: table;
+ content: ' '; }
.top-bar::after {
clear: both; }
.top-bar,
@@ -3357,7 +3118,7 @@ table.hover tr:nth-of-type(even):hover {
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: 100%; }
- @media screen and (min-width: 40em) {
+ @media print, screen and (min-width: 40em) {
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: auto; } }
@@ -3371,8 +3132,9 @@ table.hover tr:nth-of-type(even):hover {
width: 100%; } }
.top-bar-title {
+ display: inline-block;
float: left;
- margin-right: 1rem; }
+ margin: 1rem; }
.top-bar-left {
float: left; }
@@ -3394,7 +3156,7 @@ table.hover tr:nth-of-type(even):hover {
.show-for-small-only {
display: none !important; } }
-@media screen and (min-width: 40em) {
+@media print, screen and (min-width: 40em) {
.hide-for-medium {
display: none !important; } }
@@ -3410,7 +3172,7 @@ table.hover tr:nth-of-type(even):hover {
.show-for-medium-only {
display: none !important; } }
-@media screen and (min-width: 64em) {
+@media print, screen and (min-width: 64em) {
.hide-for-large {
display: none !important; } }
@@ -3436,8 +3198,8 @@ table.hover tr:nth-of-type(even):hover {
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
- height: auto;
width: auto;
+ height: auto;
overflow: visible;
clip: auto; }
@@ -3473,12 +3235,12 @@ table.hover tr:nth-of-type(even):hover {
.float-center {
display: block;
- margin-left: auto;
- margin-right: auto; }
+ margin-right: auto;
+ margin-left: auto; }
.clearfix::before, .clearfix::after {
- content: ' ';
- display: table; }
+ display: table;
+ content: ' '; }
.clearfix::after {
clear: both; }
diff --git a/libraries/foundation-6/css/foundation.min.css b/libraries/foundation-6/css/foundation.min.css
index 7545be4c..1da452a2 100644
--- a/libraries/foundation-6/css/foundation.min.css
+++ b/libraries/foundation-6/css/foundation.min.css
@@ -1,3 +1 @@
-@charset "UTF-8";
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;box-sizing:border-box}body{padding:0;margin:0;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:400;line-height:1.5;color:#222;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a,small{line-height:inherit}a{background-color:transparent;color:#007c82;text-decoration:none;cursor:pointer}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}h1{font-size:2em}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;max-width:100%;height:auto;-ms-interpolation-mode:bicubic;display:inline-block;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;max-width:75rem;height:0;border-right:0;border-top:0;border-bottom:1px solid #999;border-left:0;margin:1.25rem auto;clear:both}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}pre,samp{font-family:monospace,monospace}button,input,optgroup{color:inherit;font:inherit;margin:0}select,textarea{font:inherit;margin:0}button{overflow:visible;cursor:pointer}button,select{text-transform:none}html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:not-allowed}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0;margin-bottom:.5rem;max-width:100%}textarea{overflow:auto;height:auto;min-height:50px}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:1rem;border-radius:0}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}*,::after,::before{box-sizing:inherit}button,select{-webkit-appearance:none;-moz-appearance:none;border-radius:0}select{width:100%;height:2.4375rem;margin:0 0 1rem;font-size:1rem;font-family:inherit;color:#0a0a0a;background-color:#fefefe;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: rgb%28138, 138, 138%29'></polygon></svg>");background-size:9px 6px;background-position:right -1rem center;background-origin:content-box;background-repeat:no-repeat;padding:.5rem 1.5rem .5rem .5rem;border:1px solid #999;line-height:normal}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{background:0 0;padding:0;border:0;line-height:1}[data-whatinput=mouse] button{outline:0}.is-visible{display:block!important}.is-hidden{display:none!important}.row{max-width:75rem;margin-left:auto;margin-right:auto}.row::after,.row::before{content:' ';display:table}.row::after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row .row{max-width:none;margin-left:-.625rem;margin-right:-.625rem}@media screen and (min-width:40em){.row .row{margin-left:-.9375rem;margin-right:-.9375rem}}.row .row.collapse{margin-left:0;margin-right:0}.media-object img,.row.expanded{max-width:none}.row.expanded .row{margin-left:auto;margin-right:auto}.column,.columns{width:100%;float:left;padding-left:.625rem;padding-right:.625rem}@media screen and (min-width:40em){.column,.columns{padding-left:.9375rem;padding-right:.9375rem}}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.small-1{width:8.33333%}.small-pull-1,.small-push-1{position:relative;left:8.33333%}.small-pull-1{left:-8.33333%}.small-offset-0{margin-left:0%}.small-2{width:16.66667%}.small-pull-2,.small-push-2{position:relative;left:16.66667%}.small-pull-2{left:-16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{width:25%}.small-pull-3,.small-push-3{position:relative;left:25%}.small-pull-3{left:-25%}.small-offset-2{margin-left:16.66667%}.small-4{width:33.33333%}.small-pull-4,.small-push-4{position:relative;left:33.33333%}.small-pull-4{left:-33.33333%}.small-offset-3{margin-left:25%}.small-5{width:41.66667%}.small-pull-5,.small-push-5{position:relative;left:41.66667%}.small-pull-5{left:-41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{width:50%}.small-pull-6,.small-push-6{position:relative;left:50%}.small-pull-6{left:-50%}.small-offset-5{margin-left:41.66667%}.small-7{width:58.33333%}.small-pull-7,.small-push-7{position:relative;left:58.33333%}.small-pull-7{left:-58.33333%}.small-offset-6{margin-left:50%}.small-8{width:66.66667%}.small-pull-8,.small-push-8{position:relative;left:66.66667%}.small-pull-8{left:-66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{width:75%}.small-pull-9,.small-push-9{position:relative;left:75%}.small-pull-9{left:-75%}.small-offset-8{margin-left:66.66667%}.small-10{width:83.33333%}.small-pull-10,.small-push-10{position:relative;left:83.33333%}.small-pull-10{left:-83.33333%}.small-offset-9{margin-left:75%}.small-11{width:91.66667%}.small-pull-11,.small-push-11{position:relative;left:91.66667%}.small-pull-11{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-1>.column:last-child,.small-up-1>.columns:last-child{float:left}.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-2>.column:last-child,.small-up-2>.columns:last-child{float:left}.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-3>.column:last-child,.small-up-3>.columns:last-child{float:left}.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-4>.column:last-child,.small-up-4>.columns:last-child{float:left}.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-5>.column:last-child,.small-up-5>.columns:last-child{float:left}.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-up-6>.column:last-child,.small-up-6>.columns:last-child{float:left}.small-up-7>.column,.small-up-7>.columns{width:14.28571%;float:left}.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){clear:none}.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){clear:both}.small-up-7>.column:last-child,.small-up-7>.columns:last-child{float:left}.small-up-8>.column,.small-up-8>.columns{width:12.5%;float:left}.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){clear:none}.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){clear:both}.small-up-8>.column:last-child,.small-up-8>.columns:last-child{float:left}.small-collapse>.column,.small-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .small-collapse.row,.small-collapse .row{margin-left:0;margin-right:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-left:.625rem;padding-right:.625rem}.small-centered{float:none;margin-left:auto;margin-right:auto}.small-pull-0,.small-push-0,.small-uncentered{position:static;margin-left:0;margin-right:0;float:left}@media screen and (min-width:40em){.medium-1{width:8.33333%}.medium-pull-1,.medium-push-1{position:relative;left:8.33333%}.medium-pull-1{left:-8.33333%}.medium-offset-0{margin-left:0%}.medium-2{width:16.66667%}.medium-pull-2,.medium-push-2{position:relative;left:16.66667%}.medium-pull-2{left:-16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{width:25%}.medium-pull-3,.medium-push-3{position:relative;left:25%}.medium-pull-3{left:-25%}.medium-offset-2{margin-left:16.66667%}.medium-4{width:33.33333%}.medium-pull-4,.medium-push-4{position:relative;left:33.33333%}.medium-pull-4{left:-33.33333%}.medium-offset-3{margin-left:25%}.medium-5{width:41.66667%}.medium-pull-5,.medium-push-5{position:relative;left:41.66667%}.medium-pull-5{left:-41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{width:50%}.medium-pull-6,.medium-push-6{position:relative;left:50%}.medium-pull-6{left:-50%}.medium-offset-5{margin-left:41.66667%}.medium-7{width:58.33333%}.medium-pull-7,.medium-push-7{position:relative;left:58.33333%}.medium-pull-7{left:-58.33333%}.medium-offset-6{margin-left:50%}.medium-8{width:66.66667%}.medium-pull-8,.medium-push-8{position:relative;left:66.66667%}.medium-pull-8{left:-66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{width:75%}.medium-pull-9,.medium-push-9{position:relative;left:75%}.medium-pull-9{left:-75%}.medium-offset-8{margin-left:66.66667%}.medium-10{width:83.33333%}.medium-pull-10,.medium-push-10{position:relative;left:83.33333%}.medium-pull-10{left:-83.33333%}.medium-offset-9{margin-left:75%}.medium-11{width:91.66667%}.medium-pull-11,.medium-push-11{position:relative;left:91.66667%}.medium-pull-11{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-1>.column:last-child,.medium-up-1>.columns:last-child{float:left}.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-2>.column:last-child,.medium-up-2>.columns:last-child{float:left}.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-3>.column:last-child,.medium-up-3>.columns:last-child{float:left}.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-4>.column:last-child,.medium-up-4>.columns:last-child{float:left}.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-5>.column:last-child,.medium-up-5>.columns:last-child{float:left}.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-up-6>.column:last-child,.medium-up-6>.columns:last-child{float:left}.medium-up-7>.column,.medium-up-7>.columns{width:14.28571%;float:left}.medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){clear:none}.medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){clear:both}.medium-up-7>.column:last-child,.medium-up-7>.columns:last-child{float:left}.medium-up-8>.column,.medium-up-8>.columns{width:12.5%;float:left}.medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){clear:none}.medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){clear:both}.medium-up-8>.column:last-child,.medium-up-8>.columns:last-child{float:left}.medium-collapse>.column,.medium-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .medium-collapse.row,.medium-collapse .row{margin-left:0;margin-right:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}.medium-centered{float:none;margin-left:auto;margin-right:auto}.medium-pull-0,.medium-push-0,.medium-uncentered{position:static;margin-left:0;margin-right:0;float:left}}@media screen and (min-width:64em){.large-1{width:8.33333%}.large-pull-1,.large-push-1{position:relative;left:8.33333%}.large-pull-1{left:-8.33333%}.large-offset-0{margin-left:0%}.large-2{width:16.66667%}.large-pull-2,.large-push-2{position:relative;left:16.66667%}.large-pull-2{left:-16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{width:25%}.large-pull-3,.large-push-3{position:relative;left:25%}.large-pull-3{left:-25%}.large-offset-2{margin-left:16.66667%}.large-4{width:33.33333%}.large-pull-4,.large-push-4{position:relative;left:33.33333%}.large-pull-4{left:-33.33333%}.large-offset-3{margin-left:25%}.large-5{width:41.66667%}.large-pull-5,.large-push-5{position:relative;left:41.66667%}.large-pull-5{left:-41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{width:50%}.large-pull-6,.large-push-6{position:relative;left:50%}.large-pull-6{left:-50%}.large-offset-5{margin-left:41.66667%}.large-7{width:58.33333%}.large-pull-7,.large-push-7{position:relative;left:58.33333%}.large-pull-7{left:-58.33333%}.large-offset-6{margin-left:50%}.large-8{width:66.66667%}.large-pull-8,.large-push-8{position:relative;left:66.66667%}.large-pull-8{left:-66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{width:75%}.large-pull-9,.large-push-9{position:relative;left:75%}.large-pull-9{left:-75%}.large-offset-8{margin-left:66.66667%}.large-10{width:83.33333%}.large-pull-10,.large-push-10{position:relative;left:83.33333%}.large-pull-10{left:-83.33333%}.large-offset-9{margin-left:75%}.large-11{width:91.66667%}.large-pull-11,.large-push-11{position:relative;left:91.66667%}.large-pull-11{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-1>.column:last-child,.large-up-1>.columns:last-child{float:left}.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-2>.column:last-child,.large-up-2>.columns:last-child{float:left}.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-3>.column:last-child,.large-up-3>.columns:last-child{float:left}.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-4>.column:last-child,.large-up-4>.columns:last-child{float:left}.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-5>.column:last-child,.large-up-5>.columns:last-child{float:left}.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-up-6>.column:last-child,.large-up-6>.columns:last-child{float:left}.large-up-7>.column,.large-up-7>.columns{width:14.28571%;float:left}.large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){clear:none}.large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){clear:both}.large-up-7>.column:last-child,.large-up-7>.columns:last-child{float:left}.large-up-8>.column,.large-up-8>.columns{width:12.5%;float:left}.large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){clear:none}.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){clear:both}.large-up-8>.column:last-child,.large-up-8>.columns:last-child{float:left}.large-collapse>.column,.large-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .large-collapse.row,.large-collapse .row{margin-left:0;margin-right:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}.large-centered{float:none;margin-left:auto;margin-right:auto}.large-pull-0,.large-push-0,.large-uncentered{position:static;margin-left:0;margin-right:0;float:left}}blockquote,dd,div,dl,dt,form,li,ol,p,pre,td,th,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{padding:0}h1,h2,h3,h4,h5,h6,p{text-rendering:optimizeLegibility}p{font-size:inherit;line-height:1.6;margin-bottom:1rem}b,em,i,strong{line-height:inherit}em,i{font-style:italic}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:400;font-style:normal;color:inherit;margin:0;margin-bottom:.5rem;line-height:1.4}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#999;line-height:0}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1875rem}h4{font-size:1.125rem}h5{font-size:1.0625rem}h6{font-size:1rem}@media screen and (min-width:40em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9375rem}h4{font-size:1.5625rem}h5{font-size:1.25rem}h6{font-size:1rem}}a:focus,a:hover{color:#006b70}a img{border:0}dl,ol,ul{line-height:1.6;list-style-position:outside;margin-bottom:1rem}li{font-size:inherit}ul{list-style-type:disc}ol,ul{margin-left:1.25rem}ol ol,ol ul,ul ol,ul ul{margin-left:1.25rem;margin-bottom:0}dl dt{margin-bottom:.3rem;font-weight:700}blockquote{margin:0 0 1rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #999}.subheader,blockquote,blockquote p{line-height:1.6;color:#8a8a8a}cite{display:block;font-size:.8125rem;color:#8a8a8a}cite:before{content:'\2014 \0020'}abbr{color:#222;cursor:help;border-bottom:1px dotted #0a0a0a}code,kbd{background-color:#e6e6e6;color:#0a0a0a;font-family:Consolas,"Liberation Mono",Courier,monospace}code{font-weight:400;border:1px solid #999;padding:.125rem .3125rem .0625rem}kbd{padding:.125rem .25rem 0;margin:0}.subheader{margin-top:.2rem;margin-bottom:.5rem;font-weight:400;line-height:1.4}.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}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media screen and (min-width:40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media screen and (min-width:64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{*{background:0 0!important;color:#000!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,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^='#']:after,a[href^='javascript:']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #8a8a8a}thead{display:table-header-group}blockquote,img,pre,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;padding:.5rem;border:1px solid #999;margin:0 0 1rem;font-family:inherit;font-size:1rem;color:#0a0a0a;background-color:#fefefe;box-shadow:inset 0 1px 2px rgba(10,10,10,.1);border-radius:0;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none}[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus{border:1px solid #8a8a8a;background-color:#fefefe;outline:none;box-shadow:0 0 5px #999;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{max-width:100%}textarea[rows]{height:auto}input::placeholder,textarea::placeholder{color:#999}input:disabled,input[readonly],select:disabled,textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:not-allowed}[type=button],[type=submit]{border-radius:0;-webkit-appearance:none;-moz-appearance:none}input[type=search]{box-sizing:border-box}[type=checkbox],[type=file],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}[type=checkbox]+label[for],[type=radio]+label[for]{cursor:pointer}label>[type=checkbox],label>[type=radio]{margin-right:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;font-weight:400;line-height:1.8;color:#0a0a0a}label.middle{margin:0 0 1rem;padding:.5625rem 0}.help-text{margin-top:-.5rem;font-size:.8125rem;font-style:italic;color:#0a0a0a}.input-group{display:table;width:100%;margin-bottom:1rem}.input-group>:first-child{border-radius:0 0 0 0}.input-group>:last-child>*{border-radius:0 0 0 0}.input-group-button,.input-group-field,.input-group-label{margin:0;display:table-cell;vertical-align:middle}.input-group-button,.input-group-field{white-space:nowrap}.input-group-label{text-align:center;padding:0 1rem;background:#e6e6e6;color:#0a0a0a;border:1px solid #999;white-space:nowrap;width:1%;height:100%}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.input-group-field{border-radius:0;height:2.5rem}.input-group-button{padding-top:0;padding-bottom:0;text-align:center;height:100%;width:1%}.input-group-button a,.input-group-button button,.input-group-button input{margin:0}.input-group .input-group-button{display:table-cell}fieldset{border:0;padding:0;margin:0}.fieldset{border:1px solid #999;padding:1.25rem;margin:1.125rem 0}.fieldset legend{background:#fff;padding:0 .1875rem;margin:0;margin-left:-.1875rem}@media screen and (min-width:0\0){select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)}}select::-ms-expand{display:none}select[multiple]{height:auto;background-image:none}.is-invalid-input:not(:focus){background-color:rgba(236,88,64,.1);border-color:#ec5840}.form-error,.is-invalid-label{color:#ec5840}.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700}.form-error.is-visible{display:block}.button{display:inline-block;text-align:center;line-height:1;cursor:pointer;-webkit-appearance:none;transition:background-color .25s ease-out,color .25s ease-out;vertical-align:middle;border:1px solid transparent;border-radius:0;padding:.85em 1em;margin:0 0 1rem;font-size:.9rem;background-color:#007c82;color:#fefefe}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background-color:#00696f;color:#fefefe}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-left:0;margin-right:0}.button.primary{background-color:#007c82;color:#fefefe}.button.primary:focus,.button.primary:hover{background-color:#006368;color:#fefefe}.button.secondary{background-color:#999;color:#fefefe}.button.secondary:focus,.button.secondary:hover{background-color:#7a7a7a;color:#fefefe}.button.success{background-color:#3adb76;color:#fefefe}.button.success:focus,.button.success:hover{background-color:#22bb5b;color:#fefefe}.button.warning{background-color:#ffae00;color:#fefefe}.button.warning:focus,.button.warning:hover{background-color:#cc8b00;color:#fefefe}.button.alert{background-color:#ec5840;color:#fefefe}.button.alert:focus,.button.alert:hover{background-color:#da3116;color:#fefefe}.button.hollow{border:1px solid #007c82;color:#007c82}.button.hollow,.button.hollow:focus,.button.hollow:hover{background-color:transparent}.button.hollow.primary:focus,.button.hollow.primary:hover,.button.hollow:focus,.button.hollow:hover{border-color:#003e41;color:#003e41}.button.hollow.primary{border:1px solid #007c82;color:#007c82}.button.hollow.secondary{border:1px solid #999;color:#999}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#4d4d4d;color:#4d4d4d}.button.hollow.success{border:1px solid #3adb76;color:#3adb76}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#157539;color:#157539}.button.hollow.warning{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#805700;color:#805700}.button.hollow.alert{border:1px solid #ec5840;color:#ec5840}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#881f0e;color:#881f0e}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover{background-color:#007c82;color:#fefefe}.button.dropdown::after{content:'';width:0;height:0;border:inset .4em;border-color:#fefefe transparent transparent;border-top-style:solid;border-bottom-width:0;position:relative;top:.4em;float:right;margin-left:1em;display:inline-block}.button.arrow-only::after{margin-left:0;float:none;top:-.1em}.accordion{list-style-type:none;background:#fefefe;margin-left:0}.accordion-item:first-child>:first-child{border-radius:0 0 0 0}.accordion-item:last-child>:last-child{border-radius:0 0 0 0}.accordion-title{display:block;padding:1.25rem 1rem;line-height:1;font-size:.75rem;color:#007c82;position:relative;border:1px solid #e6e6e6;border-bottom:0}:last-child:not(.is-active)>.accordion-title{border-radius:0 0 0 0;border-bottom:1px solid #e6e6e6}.accordion-title:focus,.accordion-title:hover{background-color:#e6e6e6}.accordion-title::before{content:'+';position:absolute;right:1rem;top:50%;margin-top:-.5rem}.is-active>.accordion-title::before{content:'–'}.accordion-content{padding:1rem;display:none;border:1px solid #e6e6e6;border-bottom:0;background-color:#fefefe;color:#222}:last-child>.accordion-content:last-child{border-bottom:1px solid #e6e6e6}.is-accordion-submenu-parent>a{position:relative}.is-accordion-submenu-parent>a::after{content:'';display:block;width:0;height:0;border:inset 6px;border-color:#007c82 transparent transparent;border-top-style:solid;border-bottom-width:0;position:absolute;top:50%;margin-top:-4px;right:1rem}.is-accordion-submenu-parent[aria-expanded=true]>a::after{transform-origin:50% 50%;transform:scaleY(-1)}.badge{display:inline-block;padding:.3em;min-width:2.1em;text-align:center;border-radius:50%;background:#007c82;color:#fefefe}.badge.secondary{background:#999;color:#fefefe}.badge.success{background:#3adb76;color:#fefefe}.badge.warning{background:#ffae00;color:#fefefe}.badge.alert{background:#ec5840;color:#fefefe}.breadcrumbs{list-style:none;margin:0 0 1rem}.breadcrumbs::after,.breadcrumbs::before{content:' ';display:table}.breadcrumbs::after{clear:both}.breadcrumbs li{float:left;color:#0a0a0a;font-size:.6875rem;cursor:default;text-transform:uppercase}.breadcrumbs li:not(:last-child)::after{color:#999;content:"/";margin:0 .75rem;position:relative;top:1px;opacity:1}.breadcrumbs a{color:#007c82}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#999;cursor:not-allowed}.button-group{margin-bottom:1rem;font-size:0}.button-group::after,.button-group::before{content:' ';display:table}.button-group::after{clear:both}.button-group .button{margin:0 1px 1px 0;font-size:.9rem}.button-group .button:last-child{margin-right:0}.button-group.tiny .button{font-size:.6rem}.button-group.small .button{font-size:.75rem}.button-group.large .button{font-size:1.25rem}.button-group.expanded{margin-right:-1px}.button-group.expanded::after,.button-group.expanded::before,.no-js .dropdown.menu ul,.no-js [data-responsive-menu] ul{display:none}.button-group.expanded .button:first-child:nth-last-child(2),.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button{display:inline-block;width:calc(50% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(2):last-child,.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(3):last-child,.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(4):last-child,.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(5):last-child,.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(6):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(3),.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button{display:inline-block;width:calc(33.33333% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(4),.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button{display:inline-block;width:calc(25% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(5),.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button{display:inline-block;width:calc(20% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(6),.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button{display:inline-block;width:calc(16.66667% - 1px);margin-right:1px}.button-group.primary .button{background-color:#007c82;color:#fefefe}.button-group.primary .button:focus,.button-group.primary .button:hover{background-color:#006368;color:#fefefe}.button-group.secondary .button{background-color:#999;color:#fefefe}.button-group.secondary .button:focus,.button-group.secondary .button:hover{background-color:#7a7a7a;color:#fefefe}.button-group.success .button{background-color:#3adb76;color:#fefefe}.button-group.success .button:focus,.button-group.success .button:hover{background-color:#22bb5b;color:#fefefe}.button-group.warning .button{background-color:#ffae00;color:#fefefe}.button-group.warning .button:focus,.button-group.warning .button:hover{background-color:#cc8b00;color:#fefefe}.button-group.alert .button{background-color:#ec5840;color:#fefefe}.button-group.alert .button:focus,.button-group.alert .button:hover{background-color:#da3116;color:#fefefe}.button-group.stacked .button,.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button{width:100%}.button-group.stacked .button:last-child,.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child{margin-bottom:0}@media screen and (min-width:40em){.button-group.stacked-for-small .button{width:auto;margin-bottom:0}}@media screen and (min-width:64em){.button-group.stacked-for-medium .button{width:auto;margin-bottom:0}}@media screen and (max-width:39.9375em){.button-group.stacked-for-small.expanded{display:block}.button-group.stacked-for-small.expanded .button{display:block;margin-right:0}}.callout{margin:0 0 1rem;padding:1rem;border:1px solid rgba(10,10,10,.25);border-radius:0;position:relative;color:#222;background-color:#fff}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout.primary{background-color:#c6fcff}.callout.secondary{background-color:#f0f0f0}.callout.success{background-color:#e1faea}.callout.warning{background-color:#fff3d9}.callout.alert{background-color:#fce6e2}.callout.small{padding:.5rem}.callout.large{padding:3rem}.close-button{position:absolute;color:#8a8a8a;right:1rem;top:.5rem;font-size:2em;line-height:1;cursor:pointer}[data-whatinput=mouse] .close-button,[data-whatinput=mouse] .dropdown.menu a,[data-whatinput=mouse] .menu>li{outline:0}.close-button:focus,.close-button:hover{color:#0a0a0a}.menu{margin:0;list-style-type:none}.menu>li{display:table-cell}.menu>li>a{display:block;padding:.7rem 1rem;line-height:1}.menu a,.menu button,.menu input{margin-bottom:0}.menu>li,.menu>li>a i,.menu>li>a i+span,.menu>li>a img,.menu>li>a img+span,.menu>li>a svg,.menu>li>a svg+span{vertical-align:middle}.menu>li>a i,.menu>li>a img,.menu>li>a svg{margin-right:.25rem;display:inline-block}.menu.vertical>li{display:block}@media screen and (min-width:40em){.menu.medium-horizontal>li{display:table-cell}.menu.medium-vertical>li{display:block}}@media screen and (min-width:64em){.menu.large-horizontal>li{display:table-cell}.menu.large-vertical>li{display:block}}.menu.simple li{line-height:1;display:inline-block;margin-right:1rem}.menu.simple a{padding:0}.menu.align-right::after,.menu.align-right::before{content:' ';display:table}.menu.align-right::after{clear:both}.is-dropdown-menu.vertical.align-right,.menu.align-right>li{float:right}.menu.expanded{width:100%;display:table;table-layout:fixed}.menu.expanded>li:first-child:last-child{width:100%}.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg{display:block;margin:0 auto .25rem}.menu.nested{margin-left:1rem}.menu .active>a{color:#fefefe;background:#007c82}.menu-text{font-weight:700;color:inherit;line-height:1;padding-top:0;padding-bottom:0;padding:.7rem 1rem}.menu-centered,.menu.icon-top>li>a{text-align:center}.menu-centered>.menu,.menu-icon{display:inline-block}.menu-icon{position:relative;vertical-align:middle;cursor:pointer;width:20px;height:16px}.is-drilldown-submenu,.menu-icon::after{position:absolute;top:0;width:100%;background:#fefefe}.menu-icon::after{content:'';display:block;box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe;height:2px;left:0}.menu-icon:hover::after{background:#999;box-shadow:0 7px 0 #999,0 14px 0 #999}.is-drilldown{position:relative;overflow:hidden}.is-drilldown li{display:block!important}.is-drilldown-submenu{left:100%;z-index:-1;height:100%;transition:transform .15s linear}.is-drilldown-submenu.is-active{z-index:1;display:block;transform:translateX(-100%)}.is-drilldown-submenu.is-closing{transform:translateX(100%)}.is-drilldown-submenu-parent>a{position:relative}.is-drilldown-submenu-parent>a::after{content:'';display:block;width:0;height:0;border:inset 6px;border-color:transparent transparent transparent #007c82;border-left-style:solid;border-right-width:0;position:absolute;top:50%;margin-top:-6px;right:1rem}.js-drilldown-back>a::before{content:'';width:0;height:0;border:inset 6px;border-color:transparent #007c82 transparent transparent;border-right-style:solid;border-left-width:0;display:inline-block;vertical-align:middle;margin-right:.75rem}.dropdown-pane{background-color:#fff;border:1px solid #999;border-radius:0;display:block;font-size:1rem;padding:1rem;position:absolute;visibility:hidden;width:300px;z-index:10}.dropdown-pane.is-open{visibility:visible}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}.dropdown.menu>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu>li.is-dropdown-submenu-parent>a::after{content:'';display:block;width:0;height:0;border:inset 5px;border-color:#007c82 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}.dropdown.menu.vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.vertical>li>a::after,.is-dropdown-submenu .is-dropdown-submenu-parent>a::after{right:14px;margin-top:-3px}.dropdown.menu.vertical>li.opens-left>a::after,.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after{content:'';display:block;width:0;height:0;border:inset 5px;border-color:transparent #007c82 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.vertical>li.opens-right>a::after,.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after{content:'';display:block;width:0;height:0;border:inset 5px;border-color:transparent transparent transparent #007c82;border-left-style:solid;border-right-width:0}@media screen and (min-width:40em){.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{content:'';display:block;width:0;height:0;border:inset 5px;border-color:#007c82 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}.dropdown.menu.medium-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.medium-vertical>li>a::after{right:14px;margin-top:-3px}.dropdown.menu.medium-vertical>li.opens-left>a::after{content:'';display:block;width:0;height:0;border:inset 5px;border-color:transparent #007c82 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.medium-vertical>li.opens-right>a::after{content:'';display:block;width:0;height:0;border:inset 5px;border-color:transparent transparent transparent #007c82;border-left-style:solid;border-right-width:0}}@media screen and (min-width:64em){.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after{content:'';display:block;width:0;height:0;border:inset 5px;border-color:#007c82 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}.dropdown.menu.large-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.large-vertical>li>a::after{right:14px;margin-top:-3px}.dropdown.menu.large-vertical>li.opens-left>a::after{content:'';display:block;width:0;height:0;border:inset 5px;border-color:transparent #007c82 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.large-vertical>li.opens-right>a::after{content:'';display:block;width:0;height:0;border:inset 5px;border-color:transparent transparent transparent #007c82;border-left-style:solid;border-right-width:0}}.dropdown.menu.align-right .is-dropdown-submenu.first-sub{top:100%;left:auto;right:0}.is-dropdown-menu.vertical{width:100px}.is-dropdown-submenu-parent{position:relative}.is-dropdown-submenu-parent a::after{position:absolute;top:50%;right:5px;margin-top:-2px}.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu{top:100%;left:auto}.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu{left:auto;right:100%}.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu{right:auto;left:100%}.is-dropdown-submenu{display:none;position:absolute;top:0;left:100%;min-width:200px;z-index:1;background:#fefefe;border:1px solid #999}.is-dropdown-submenu .is-dropdown-submenu{margin-top:-1px}.is-dropdown-submenu>li{width:100%}.is-dropdown-submenu.js-dropdown-active{display:block}.flex-video{position:relative;height:0;padding-bottom:75%;margin-bottom:1rem;overflow:hidden}.flex-video embed,.flex-video iframe,.flex-video object,.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:.33333rem 0;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;border-radius:0;background:#fff;color:#007c82}.label.secondary{background:#999;color:#fefefe}.label.success{background:#3adb76;color:#fefefe}.label.warning{background:#ffae00;color:#fefefe}.label.alert{background:#ec5840;color:#fefefe}.media-object{margin-bottom:1rem;display:block}@media screen and (max-width:39.9375em){.media-object.stack-for-small .media-object-section{padding:0;padding-bottom:1rem;display:block}.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(:nth-child(2)){padding-left:1rem}.media-object-section>:last-child{margin-bottom:0}.media-object-section.middle{vertical-align:middle}.media-object-section.bottom{vertical-align:bottom}body,html{height:100%}.off-canvas-wrapper{width:100%;overflow-x:hidden;position:relative;backface-visibility:hidden;-webkit-overflow-scrolling:auto}.off-canvas-wrapper-inner{position:relative;width:100%;transition:transform .5s ease}.off-canvas-wrapper-inner::after,.off-canvas-wrapper-inner::before{content:' ';display:table}.off-canvas-wrapper-inner::after{clear:both}.off-canvas-content{min-height:100%;background:#fff;transition:transform .5s ease;backface-visibility:hidden;z-index:1;padding-bottom:.1px;box-shadow:0 0 10px rgba(10,10,10,.5)}.js-off-canvas-exit{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(254,254,254,.25);cursor:pointer;transition:background .5s ease}.off-canvas{position:absolute;background:#e6e6e6;z-index:-1;max-height:100%;overflow-y:auto;transform:translateX(0)}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.position-left{left:-250px;top:0;width:250px}.is-open-left{transform:translateX(250px)}.off-canvas.position-right{right:-250px;top:0;width:250px}.is-open-right{transform:translateX(-250px)}@media screen and (min-width:40em){.position-left.reveal-for-medium{left:0;z-index:auto;position:fixed}.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{right:0;z-index:auto;position:fixed}.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}}@media screen and (min-width:64em){.position-left.reveal-for-large{left:0;z-index:auto;position:fixed}.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{right:0;z-index:auto;position:fixed}.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}}.orbit,.orbit-container{position:relative}.orbit-container{margin:0;overflow:hidden;list-style:none}.orbit-slide{width:100%;max-height:100%}.orbit-slide.no-motionui.is-active{top:0;left:0}.orbit-figure{margin:0}.orbit-image{margin:0;width:100%;max-width:100%}.orbit-caption,.orbit-next,.orbit-previous{position:absolute;padding:1rem;color:#fefefe}.orbit-caption{bottom:0;width:100%;margin-bottom:0;background-color:rgba(10,10,10,.5)}.orbit-next,.orbit-previous{top:50%;transform:translateY(-50%);z-index:10}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover{background-color:rgba(10,10,10,.5)}.orbit-previous{left:0}.orbit-next{left:auto;right:0}.orbit-bullets{position:relative;margin-top:.8rem;margin-bottom:.8rem;text-align:center}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{width:1.2rem;height:1.2rem;margin:.1rem;background-color:#999;border-radius:50%}.orbit-bullets button.is-active,.orbit-bullets button:hover{background-color:#8a8a8a}.pagination{margin-left:0;margin-bottom:1rem}.pagination::after,.pagination::before{content:' ';display:table}.pagination::after{clear:both}.pagination li{font-size:.875rem;margin-right:.0625rem;border-radius:0;display:none}.pagination li:first-child,.pagination li:last-child{display:inline-block}@media screen and (min-width:40em){.pagination li{display:inline-block}}.pagination a,.pagination button{color:#0a0a0a;display:block;padding:.1875rem .625rem;border-radius:0}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination .current{padding:.1875rem .625rem;background:#007c82;color:#fefefe;cursor:default}.pagination .disabled{padding:.1875rem .625rem;color:#999;cursor:not-allowed}.pagination .disabled:hover,.tabs.simple>li>a:hover,table tfoot tr,table thead tr{background:0 0}.pagination .ellipsis::after{content:'\2026';padding:.1875rem .625rem;color:#0a0a0a}.pagination-previous a::before,.pagination-previous.disabled::before{content:'\00ab';display:inline-block;margin-right:.5rem}.pagination-next a::after,.pagination-next.disabled::after{content:'\00bb';display:inline-block;margin-left:.5rem}.progress{height:1rem;margin-bottom:1rem;border-radius:0}.progress.primary .progress-meter{background-color:#007c82}.progress,.progress.secondary .progress-meter{background-color:#999}.progress.success .progress-meter{background-color:#3adb76}.progress.warning .progress-meter{background-color:#ffae00}.progress.alert .progress-meter{background-color:#ec5840}.progress-meter{position:relative;display:block;width:0%;height:100%;background-color:#007c82}.progress-meter-text{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;margin:0;font-size:.75rem;font-weight:700;color:#fefefe;white-space:nowrap}.slider{position:relative;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;background-color:#e6e6e6;cursor:pointer;user-select:none;touch-action:none}.slider-fill,.slider-handle{position:absolute;left:0;display:inline-block;transition:all .2s ease-in-out}.slider-fill{max-width:100%;top:0;height:.5rem;background-color:#999}.slider-fill.is-dragging{transition:all 0s linear}.slider-handle{top:50%;transform:translateY(-50%);z-index:1;width:1.4rem;height:1.4rem;background-color:#007c82;touch-action:manipulation;border-radius:0}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#00696f}.slider-handle.is-dragging{transition:all 0s linear}.slider.disabled,.slider[disabled]{opacity:.25;cursor:not-allowed}.slider.vertical{display:inline-block;width:.5rem;height:12.5rem;margin:0 1.25rem;transform:scale(1,-1)}.slider.vertical .slider-fill{top:0;width:.5rem;max-height:100%}.slider.vertical .slider-handle{position:absolute;top:0;left:50%;width:1.4rem;height:1.4rem;transform:translateX(-50%)}.sticky-container{position:relative}.sticky{position:absolute;z-index:0;transform:translate3d(0,0,0)}.sticky.is-stuck{position:fixed;z-index:5}.sticky.is-stuck.is-at-top{top:0}.sticky.is-anchored.is-at-bottom,.sticky.is-stuck.is-at-bottom{bottom:0}.sticky.is-anchored{position:absolute;left:auto;right:auto}body.is-reveal-open{overflow:hidden}html.is-reveal-open,html.is-reveal-open body{height:100%;overflow:hidden;user-select:none}.reveal-overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1005;background-color:rgba(10,10,10,.45);overflow-y:scroll}.reveal{display:none;z-index:1006;padding:1rem;border:1px solid #999;background-color:#fefefe;border-radius:0;position:relative;top:100px;margin-left:auto;margin-right:auto;overflow-y:auto}[data-whatinput=mouse] .reveal{outline:0}@media screen and (min-width:40em){.reveal{min-height:0}}.reveal .column,.reveal .columns{min-width:0}.reveal>:last-child{margin-bottom:0}@media screen and (min-width:40em){.reveal{width:600px;max-width:75rem}.reveal .reveal{left:auto;right:auto;margin:0 auto}}.reveal.collapse,.tabs.simple>li>a{padding:0}@media screen and (min-width:40em){.reveal.tiny{width:30%;max-width:75rem}.reveal.large,.reveal.small{width:50%;max-width:75rem}.reveal.large{width:90%}}.reveal.full{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}@media screen and (max-width:39.9375em){.reveal{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}}.reveal.without-overlay{position:fixed}.switch{height:2rem;margin-bottom:1rem;outline:0;position:relative;user-select:none;color:#fefefe;font-weight:700;font-size:.875rem}.switch-input{opacity:0;position:absolute;margin-bottom:0}.switch-paddle,.switch-paddle::after{display:block;transition:all .25s ease-out;border-radius:0}.switch-paddle{background:#999;cursor:pointer;color:inherit;font-weight:inherit;position:relative;width:4rem;height:2rem}input+.switch-paddle{margin:0}.switch-paddle::after{background:#fefefe;content:'';position:absolute;height:1.5rem;left:.25rem;top:.25rem;width:1.5rem;transform:translate3d(0,0,0)}input:checked~.switch-paddle{background:#007c82}input:checked~.switch-paddle::after{left:2.25rem}[data-whatinput=mouse] input:focus~.switch-paddle{outline:0}.switch-active,.switch-inactive{position:absolute;top:50%;transform:translateY(-50%)}.switch-active{left:8%;display:none}input:checked+label>.switch-active{display:block}.switch-inactive{right:15%}input:checked+label>.switch-inactive{display:none}.switch.tiny{height:1.5rem}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle::after{width:1rem;height:1rem}.switch.tiny input:checked~.switch-paddle::after{left:1.75rem}.switch.small{height:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle::after{width:1.25rem;height:1.25rem}.switch.small input:checked~.switch-paddle::after{left:2rem}.switch.large{height:2.5rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle::after{width:2rem;height:2rem}.switch.large input:checked~.switch-paddle::after{left:2.75rem}table tbody,table tfoot,table thead{border:1px solid #f1f1f1;background-color:#fefefe}table caption{font-weight:700;padding:.5rem .625rem .625rem}table thead{background:#f8f8f8;color:#222}table tfoot{background:#f1f1f1;color:#222}table tfoot td,table tfoot th,table thead td,table thead th{padding:.5rem .625rem .625rem;font-weight:700;text-align:left}table tbody tr:nth-child(even){background-color:#f1f1f1}table tbody td,table tbody th{padding:.5rem .625rem .625rem}@media screen and (max-width:63.9375em){table.stack tfoot,table.stack thead{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}}table.scroll{display:block;width:100%;overflow-x:auto}table.hover tr:hover{background-color:#f9f9f9}table.hover tr:nth-of-type(even):hover{background-color:#ececec}.table-scroll{overflow-x:auto}.table-scroll table,.top-bar input.button{width:auto}.tabs{margin:0;list-style-type:none;background:#fefefe;border:1px solid #e6e6e6}.tabs::after,.tabs::before{content:' ';display:table}.tabs::after{clear:both}.tabs.vertical>li{width:auto;float:none;display:block}.tabs.primary{background:#007c82}.tabs.primary>li>a{color:#fefefe}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#008e95}.tabs-title{float:left}.tabs-title>a{display:block;padding:1.25rem 1.5rem;line-height:1;font-size:.75rem}.tabs-title>a:hover{background:#fefefe}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{background:#e6e6e6}.tabs-content{background:#fefefe;transition:all .5s ease;border:1px solid #e6e6e6;border-top:0}.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}.tabs-panel{display:none;padding:1rem}.tabs-panel.is-active{display:block}.thumbnail{border:solid 4px #fefefe;box-shadow:0 0 0 1px rgba(10,10,10,.2);display:inline-block;line-height:0;max-width:100%;transition:box-shadow 200ms ease-out;border-radius:0;margin-bottom:1rem}.thumbnail:focus,.thumbnail:hover{box-shadow:0 0 6px 1px rgba(0,124,130,.5)}.title-bar{background:#0a0a0a;color:#fefefe;padding:.5rem}.title-bar::after,.title-bar::before{content:' ';display:table}.title-bar::after{clear:both}.title-bar .menu-icon{margin-left:.25rem;margin-right:.25rem}.title-bar-left{float:left}.title-bar-right{float:right;text-align:right}.title-bar-title{font-weight:700;vertical-align:middle;display:inline-block}.has-tip,.menu-icon.dark{position:relative;display:inline-block}.menu-icon.dark{vertical-align:middle;width:20px;height:16px;cursor:pointer}.menu-icon.dark::after{content:'';position:absolute;display:block;width:100%;height:2px;background:#0a0a0a;top:0;left:0;box-shadow:0 7px 0 #0a0a0a,0 14px 0 #0a0a0a}.menu-icon.dark:hover::after{background:#8a8a8a;box-shadow:0 7px 0 #8a8a8a,0 14px 0 #8a8a8a}.has-tip{border-bottom:dotted 1px #8a8a8a;font-weight:700;cursor:help}.tooltip{background-color:#0a0a0a;color:#fefefe;font-size:80%;padding:.75rem;position:absolute;z-index:10;top:calc(100% + .6495rem);max-width:10rem!important;border-radius:0}.tooltip::before{content:'';display:block;width:0;height:0;border:inset .75rem;border-color:transparent transparent #0a0a0a;border-bottom-style:solid;border-top-width:0;bottom:100%;position:absolute;left:50%;transform:translateX(-50%)}.tooltip.left::before,.tooltip.right::before,.tooltip.top::before{content:'';display:block;width:0;height:0;border:inset .75rem;bottom:auto}.tooltip.top::before{border-color:#0a0a0a transparent transparent;border-top-style:solid;border-bottom-width:0;top:100%}.tooltip.left::before,.tooltip.right::before{top:50%;transform:translateY(-50%)}.tooltip.left::before{border-left-style:solid;border-right-width:0;border-color:transparent transparent transparent #0a0a0a;left:100%}.tooltip.right::before{border-color:transparent #0a0a0a transparent transparent;border-right-style:solid;border-left-width:0;left:auto;right:100%}.top-bar{padding:.5rem}.top-bar::after,.top-bar::before{content:' ';display:table}.top-bar::after{clear:both}.top-bar,.top-bar ul{background-color:#e6e6e6}.top-bar input{max-width:200px;margin-right:1rem}.top-bar .input-group-field{width:100%;margin-right:0}.top-bar .top-bar-left,.top-bar .top-bar-right{width:100%}@media screen and (min-width:40em){.top-bar .top-bar-left,.top-bar .top-bar-right{width:auto}}@media screen and (max-width:63.9375em){.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right{width:100%}}@media screen and (max-width:74.9375em){.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right{width:100%}}.top-bar-title{float:left;margin-right:1rem}.top-bar-left{float:left}.top-bar-right{float:right}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (max-width:39.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media screen and (min-width:40em){.hide-for-medium{display:none!important}}@media screen and (max-width:39.9375em){.show-for-medium{display:none!important}}@media screen and (min-width:40em) and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:39.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.show-for-large{display:none!important}}@media screen and (min-width:64em) and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!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}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-left:auto;margin-right:auto}.clearfix::after,.clearfix::before{content:' ';display:table}.clearfix::after{clear:both}
\ No newline at end of file
+@charset "UTF-8";.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{box-sizing:border-box;font-size:100%}*,::after,::before{box-sizing:inherit}body{margin:0;padding:0;background:#fff;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:400;line-height:1.5;color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}textarea{height:auto;min-height:50px}button,select{appearance:none;border-radius:0}select{width:100%;height:2.4375rem;margin:0 0 1rem;background-color:#fefefe;font-family:inherit;font-size:1rem;color:#0a0a0a;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: rgb%28138, 138, 138%29'></polygon></svg>");background-origin:content-box;background-position:right -1rem center;background-repeat:no-repeat;background-size:9px 6px;padding:.5rem 1.5rem .5rem .5rem;transition:box-shadow .5s,border-color .25s ease-in-out;border:1px solid #999;line-height:normal}.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{padding:0;border:0;background:0 0;line-height:1}[data-whatinput=mouse] button{outline:0}.is-visible{display:block!important}.is-hidden{display:none!important}.row{max-width:75rem;margin-right:auto;margin-left:auto}.row::after,.row::before{display:table;content:' '}.row::after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-right:0;padding-left:0}.row .row{margin-right:-.625rem;margin-left:-.625rem}@media print,screen and (min-width:40em){.row .row{margin-right:-.9375rem;margin-left:-.9375rem}}@media print,screen and (min-width:64em){.row .row{margin-right:-.9375rem;margin-left:-.9375rem}}.row .row.collapse{margin-right:0;margin-left:0}.media-object img,.row.expanded{max-width:none}.row.expanded .row{margin-right:auto;margin-left:auto}.row.gutter-small>.column,.row.gutter-small>.columns{padding-right:.625rem;padding-left:.625rem}.row.gutter-medium>.column,.row.gutter-medium>.columns{padding-right:.9375rem;padding-left:.9375rem}.column,.columns{width:100%;float:left;padding-right:.625rem;padding-left:.625rem}@media print,screen and (min-width:40em){.column,.columns{padding-right:.9375rem;padding-left:.9375rem}}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{margin-right:0;margin-left:0;padding-right:0;padding-left:0}.small-1{width:8.33333%}.small-pull-1,.small-push-1{position:relative;left:8.33333%}.small-pull-1{left:-8.33333%}.small-offset-0{margin-left:0%}.small-2{width:16.66667%}.small-pull-2,.small-push-2{position:relative;left:16.66667%}.small-pull-2{left:-16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{width:25%}.small-pull-3,.small-push-3{position:relative;left:25%}.small-pull-3{left:-25%}.small-offset-2{margin-left:16.66667%}.small-4{width:33.33333%}.small-pull-4,.small-push-4{position:relative;left:33.33333%}.small-pull-4{left:-33.33333%}.small-offset-3{margin-left:25%}.small-5{width:41.66667%}.small-pull-5,.small-push-5{position:relative;left:41.66667%}.small-pull-5{left:-41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{width:50%}.small-pull-6,.small-push-6{position:relative;left:50%}.small-pull-6{left:-50%}.small-offset-5{margin-left:41.66667%}.small-7{width:58.33333%}.small-pull-7,.small-push-7{position:relative;left:58.33333%}.small-pull-7{left:-58.33333%}.small-offset-6{margin-left:50%}.small-8{width:66.66667%}.small-pull-8,.small-push-8{position:relative;left:66.66667%}.small-pull-8{left:-66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{width:75%}.small-pull-9,.small-push-9{position:relative;left:75%}.small-pull-9{left:-75%}.small-offset-8{margin-left:66.66667%}.small-10{width:83.33333%}.small-pull-10,.small-push-10{position:relative;left:83.33333%}.small-pull-10{left:-83.33333%}.small-offset-9{margin-left:75%}.small-11{width:91.66667%}.small-pull-11,.small-push-11{position:relative;left:91.66667%}.small-pull-11{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{float:left;width:100%}.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-1>.column:last-child,.small-up-1>.columns:last-child{float:left}.small-up-2>.column,.small-up-2>.columns{float:left;width:50%}.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-2>.column:last-child,.small-up-2>.columns:last-child{float:left}.small-up-3>.column,.small-up-3>.columns{float:left;width:33.33333%}.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-3>.column:last-child,.small-up-3>.columns:last-child{float:left}.small-up-4>.column,.small-up-4>.columns{float:left;width:25%}.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-4>.column:last-child,.small-up-4>.columns:last-child{float:left}.small-up-5>.column,.small-up-5>.columns{float:left;width:20%}.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-5>.column:last-child,.small-up-5>.columns:last-child{float:left}.small-up-6>.column,.small-up-6>.columns{float:left;width:16.66667%}.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-up-6>.column:last-child,.small-up-6>.columns:last-child{float:left}.small-up-7>.column,.small-up-7>.columns{float:left;width:14.28571%}.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){clear:none}.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){clear:both}.small-up-7>.column:last-child,.small-up-7>.columns:last-child{float:left}.small-up-8>.column,.small-up-8>.columns{float:left;width:12.5%}.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){clear:none}.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){clear:both}.small-up-8>.column:last-child,.small-up-8>.columns:last-child{float:left}.small-collapse>.column,.small-collapse>.columns{padding-right:0;padding-left:0}.expanded.row .small-collapse.row,.small-collapse .row{margin-right:0;margin-left:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-right:.625rem;padding-left:.625rem}.small-centered{margin-right:auto;margin-left:auto}.small-centered,.small-centered:last-child:not(:first-child){float:none;clear:both}.small-pull-0,.small-push-0,.small-uncentered{position:static;float:left;margin-right:0;margin-left:0}@media print,screen and (min-width:40em){.medium-1{width:8.33333%}.medium-pull-1,.medium-push-1{position:relative;left:8.33333%}.medium-pull-1{left:-8.33333%}.medium-offset-0{margin-left:0%}.medium-2{width:16.66667%}.medium-pull-2,.medium-push-2{position:relative;left:16.66667%}.medium-pull-2{left:-16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{width:25%}.medium-pull-3,.medium-push-3{position:relative;left:25%}.medium-pull-3{left:-25%}.medium-offset-2{margin-left:16.66667%}.medium-4{width:33.33333%}.medium-pull-4,.medium-push-4{position:relative;left:33.33333%}.medium-pull-4{left:-33.33333%}.medium-offset-3{margin-left:25%}.medium-5{width:41.66667%}.medium-pull-5,.medium-push-5{position:relative;left:41.66667%}.medium-pull-5{left:-41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{width:50%}.medium-pull-6,.medium-push-6{position:relative;left:50%}.medium-pull-6{left:-50%}.medium-offset-5{margin-left:41.66667%}.medium-7{width:58.33333%}.medium-pull-7,.medium-push-7{position:relative;left:58.33333%}.medium-pull-7{left:-58.33333%}.medium-offset-6{margin-left:50%}.medium-8{width:66.66667%}.medium-pull-8,.medium-push-8{position:relative;left:66.66667%}.medium-pull-8{left:-66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{width:75%}.medium-pull-9,.medium-push-9{position:relative;left:75%}.medium-pull-9{left:-75%}.medium-offset-8{margin-left:66.66667%}.medium-10{width:83.33333%}.medium-pull-10,.medium-push-10{position:relative;left:83.33333%}.medium-pull-10{left:-83.33333%}.medium-offset-9{margin-left:75%}.medium-11{width:91.66667%}.medium-pull-11,.medium-push-11{position:relative;left:91.66667%}.medium-pull-11{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{float:left;width:100%}.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-1>.column:last-child,.medium-up-1>.columns:last-child{float:left}.medium-up-2>.column,.medium-up-2>.columns{float:left;width:50%}.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-2>.column:last-child,.medium-up-2>.columns:last-child{float:left}.medium-up-3>.column,.medium-up-3>.columns{float:left;width:33.33333%}.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-3>.column:last-child,.medium-up-3>.columns:last-child{float:left}.medium-up-4>.column,.medium-up-4>.columns{float:left;width:25%}.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-4>.column:last-child,.medium-up-4>.columns:last-child{float:left}.medium-up-5>.column,.medium-up-5>.columns{float:left;width:20%}.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-5>.column:last-child,.medium-up-5>.columns:last-child{float:left}.medium-up-6>.column,.medium-up-6>.columns{float:left;width:16.66667%}.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-up-6>.column:last-child,.medium-up-6>.columns:last-child{float:left}.medium-up-7>.column,.medium-up-7>.columns{float:left;width:14.28571%}.medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){clear:none}.medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){clear:both}.medium-up-7>.column:last-child,.medium-up-7>.columns:last-child{float:left}.medium-up-8>.column,.medium-up-8>.columns{float:left;width:12.5%}.medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){clear:none}.medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){clear:both}.medium-up-8>.column:last-child,.medium-up-8>.columns:last-child{float:left}.medium-collapse>.column,.medium-collapse>.columns{padding-right:0;padding-left:0}.expanded.row .medium-collapse.row,.medium-collapse .row{margin-right:0;margin-left:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-right:.9375rem;padding-left:.9375rem}.medium-centered{margin-right:auto;margin-left:auto}.medium-centered,.medium-centered:last-child:not(:first-child){float:none;clear:both}.medium-pull-0,.medium-push-0,.medium-uncentered{position:static;float:left;margin-right:0;margin-left:0}}@media print,screen and (min-width:64em){.large-1{width:8.33333%}.large-pull-1,.large-push-1{position:relative;left:8.33333%}.large-pull-1{left:-8.33333%}.large-offset-0{margin-left:0%}.large-2{width:16.66667%}.large-pull-2,.large-push-2{position:relative;left:16.66667%}.large-pull-2{left:-16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{width:25%}.large-pull-3,.large-push-3{position:relative;left:25%}.large-pull-3{left:-25%}.large-offset-2{margin-left:16.66667%}.large-4{width:33.33333%}.large-pull-4,.large-push-4{position:relative;left:33.33333%}.large-pull-4{left:-33.33333%}.large-offset-3{margin-left:25%}.large-5{width:41.66667%}.large-pull-5,.large-push-5{position:relative;left:41.66667%}.large-pull-5{left:-41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{width:50%}.large-pull-6,.large-push-6{position:relative;left:50%}.large-pull-6{left:-50%}.large-offset-5{margin-left:41.66667%}.large-7{width:58.33333%}.large-pull-7,.large-push-7{position:relative;left:58.33333%}.large-pull-7{left:-58.33333%}.large-offset-6{margin-left:50%}.large-8{width:66.66667%}.large-pull-8,.large-push-8{position:relative;left:66.66667%}.large-pull-8{left:-66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{width:75%}.large-pull-9,.large-push-9{position:relative;left:75%}.large-pull-9{left:-75%}.large-offset-8{margin-left:66.66667%}.large-10{width:83.33333%}.large-pull-10,.large-push-10{position:relative;left:83.33333%}.large-pull-10{left:-83.33333%}.large-offset-9{margin-left:75%}.large-11{width:91.66667%}.large-pull-11,.large-push-11{position:relative;left:91.66667%}.large-pull-11{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{float:left;width:100%}.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-1>.column:last-child,.large-up-1>.columns:last-child{float:left}.large-up-2>.column,.large-up-2>.columns{float:left;width:50%}.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-2>.column:last-child,.large-up-2>.columns:last-child{float:left}.large-up-3>.column,.large-up-3>.columns{float:left;width:33.33333%}.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-3>.column:last-child,.large-up-3>.columns:last-child{float:left}.large-up-4>.column,.large-up-4>.columns{float:left;width:25%}.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-4>.column:last-child,.large-up-4>.columns:last-child{float:left}.large-up-5>.column,.large-up-5>.columns{float:left;width:20%}.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-5>.column:last-child,.large-up-5>.columns:last-child{float:left}.large-up-6>.column,.large-up-6>.columns{float:left;width:16.66667%}.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-up-6>.column:last-child,.large-up-6>.columns:last-child{float:left}.large-up-7>.column,.large-up-7>.columns{float:left;width:14.28571%}.large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){clear:none}.large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){clear:both}.large-up-7>.column:last-child,.large-up-7>.columns:last-child{float:left}.large-up-8>.column,.large-up-8>.columns{float:left;width:12.5%}.large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){clear:none}.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){clear:both}.large-up-8>.column:last-child,.large-up-8>.columns:last-child{float:left}.large-collapse>.column,.large-collapse>.columns{padding-right:0;padding-left:0}.expanded.row .large-collapse.row,.large-collapse .row{margin-right:0;margin-left:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-right:.9375rem;padding-left:.9375rem}.large-centered{margin-right:auto;margin-left:auto}.large-centered,.large-centered:last-child:not(:first-child){float:none;clear:both}.large-pull-0,.large-push-0,.large-uncentered{position:static;float:left;margin-right:0;margin-left:0}}blockquote,dd,div,dl,dt,form,li,ol,p,pre,td,th,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{padding:0}h1,h2,h3,h4,h5,h6,p{text-rendering:optimizeLegibility}p{font-size:inherit;margin-bottom:1rem;line-height:1.6}em,i{font-style:italic}b,em,i,small,strong{line-height:inherit}b,strong{font-weight:700}small{font-size:80%}h1,h2,h3,h4,h5,h6{margin:0;margin-bottom:.5rem;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.4;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{line-height:0;color:#999}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1875rem}h4{font-size:1.125rem}h5{font-size:1.0625rem}h6{font-size:1rem}@media print,screen and (min-width:40em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9375rem}h4{font-size:1.5625rem}h5{font-size:1.25rem}h6{font-size:1rem}}a{line-height:inherit;color:#007c82;text-decoration:none;cursor:pointer}a:focus,a:hover{color:#006b70}a img{border:0}hr{clear:both;max-width:75rem;height:0;margin:1.25rem auto;border-top:0;border-right:0;border-bottom:1px solid #999;border-left:0}dl,ol,ul{list-style-position:outside;line-height:1.6;margin-bottom:1rem}li{font-size:inherit}ul{list-style-type:disc}ol,ul{margin-left:1.25rem}ol ol,ol ul,ul ol,ul ul{margin-left:1.25rem;margin-bottom:0}dl dt{margin-bottom:.3rem;font-weight:700}blockquote{margin:0 0 1rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #999}.subheader,blockquote,blockquote p{line-height:1.6;color:#8a8a8a}cite{display:block;font-size:.8125rem;color:#8a8a8a}cite:before{content:"— "}abbr{border-bottom:1px dotted #0a0a0a;color:#222;cursor:help}code,kbd{background-color:#e6e6e6;font-family:Consolas,"Liberation Mono",Courier,monospace;color:#0a0a0a}code{border:1px solid #999;font-weight:400;padding:.125rem .3125rem .0625rem}kbd{margin:0;padding:.125rem .25rem 0}.subheader{margin-top:.2rem;margin-bottom:.5rem;font-weight:400;line-height:1.4}.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}.text-left{text-align:left}.text-right{text-align:right}.menu.icon-top>li>a,.text-center,.tree.icon-top>li>a{text-align:center}.text-justify{text-align:justify}@media print,screen and (min-width:40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media print,screen and (min-width:64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{*{background:0 0!important;box-shadow:none!important;color:#000!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,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^='#']:after,a[href^='javascript:']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #8a8a8a}thead{display:table-header-group}blockquote,img,pre,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;margin:0 0 1rem;padding:.5rem;border:1px solid #999;border-radius:0;background-color:#fefefe;box-shadow:inset 0 1px 2px rgba(10,10,10,.1);font-family:inherit;font-size:1rem;font-weight:400;color:#0a0a0a;transition:box-shadow .5s,border-color .25s ease-in-out;appearance:none}[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{outline:none;border:1px solid #8a8a8a;background-color:#fefefe;box-shadow:0 0 5px #999;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{max-width:100%}textarea[rows]{height:auto}input::placeholder,textarea::placeholder{color:#999}input:disabled,input[readonly],select:disabled,textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:not-allowed}[type=button],[type=submit]{appearance:none;border-radius:0}input[type=search]{box-sizing:border-box}[type=checkbox],[type=file],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;vertical-align:baseline;margin-left:.5rem;margin-right:1rem;margin-bottom:0}[type=checkbox]+label[for],[type=radio]+label[for]{cursor:pointer}label>[type=checkbox],label>[type=radio]{margin-right:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;font-weight:400;line-height:1.8;color:#0a0a0a}label.middle{margin:0 0 1rem;padding:.5625rem 0}.help-text{margin-top:-.5rem;font-size:.8125rem;font-style:italic;color:#0a0a0a}.input-group{display:table;width:100%;margin-bottom:1rem}.input-group>:first-child{border-radius:0 0 0 0}.input-group>:last-child>*{border-radius:0 0 0 0}.input-group-label{margin:0;display:table-cell;vertical-align:middle}.input-group-button,.input-group-button a,.input-group-button button,.input-group-button input,.input-group-button label,.input-group-field{margin:0;white-space:nowrap;display:table-cell;vertical-align:middle}.input-group-label{padding:0 1rem;border:1px solid #999;background:#e6e6e6;color:#0a0a0a;text-align:center;white-space:nowrap;width:1%;height:100%}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.input-group-field{border-radius:0;height:2.5rem}.input-group-button{padding-top:0;padding-bottom:0;text-align:center;width:1%;height:100%}.input-group-button a,.input-group-button button,.input-group-button input,.input-group-button label{height:2.5rem;padding-top:0;padding-bottom:0;font-size:1rem}.input-group .input-group-button{display:table-cell}fieldset{margin:0;padding:0;border:0}legend{max-width:100%;margin-bottom:.5rem}.fieldset{margin:1.125rem 0;padding:1.25rem;border:1px solid #999}.fieldset legend{margin:0;margin-left:-.1875rem;padding:0 .1875rem;background:#fff}@media screen and (min-width:0\0){select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)}}select::-ms-expand{display:none}select[multiple]{height:auto;background-image:none}.is-invalid-input:not(:focus){border-color:#ec5840;background-color:rgba(236,88,64,.1)}.form-error,.is-invalid-label{color:#ec5840}.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700}.form-error.is-visible{display:block}.button{display:inline-block;vertical-align:middle;margin:0 0 1rem;padding:.85em 1em;-webkit-appearance:none;border:1px solid transparent;border-radius:0;transition:background-color .25s ease-out,color .25s ease-out;font-size:.9rem;line-height:1;text-align:center;cursor:pointer;background-color:#007c82;color:#fefefe}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background-color:#00696f;color:#fefefe}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-right:0;margin-left:0}.button.primary{background-color:#007c82;color:#fefefe}.button.primary:focus,.button.primary:hover{background-color:#006368;color:#fefefe}.button.secondary{background-color:#999;color:#fefefe}.button.secondary:focus,.button.secondary:hover{background-color:#7a7a7a;color:#fefefe}.button.success{background-color:#3adb76;color:#fefefe}.button.success:focus,.button.success:hover{background-color:#22bb5b;color:#fefefe}.button.warning{background-color:#ffae00;color:#fefefe}.button.warning:focus,.button.warning:hover{background-color:#cc8b00;color:#fefefe}.button.alert{background-color:#ec5840;color:#fefefe}.button.alert:focus,.button.alert:hover{background-color:#da3116;color:#fefefe}.button.hollow{border:1px solid #007c82;color:#007c82}.button.hollow,.button.hollow:focus,.button.hollow:hover{background-color:transparent}.button.hollow.primary:focus,.button.hollow.primary:hover,.button.hollow:focus,.button.hollow:hover{border-color:#003e41;color:#003e41}.button.hollow.primary{border:1px solid #007c82;color:#007c82}.button.hollow.secondary{border:1px solid #999;color:#999}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#4d4d4d;color:#4d4d4d}.button.hollow.success{border:1px solid #3adb76;color:#3adb76}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#157539;color:#157539}.button.hollow.warning{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#805700;color:#805700}.button.hollow.alert{border:1px solid #ec5840;color:#ec5840}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#881f0e;color:#881f0e}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.disabled.primary:focus,.button.disabled.primary:hover,.button.disabled:focus,.button.disabled:hover,.button[disabled].primary:focus,.button[disabled].primary:hover,.button[disabled]:focus,.button[disabled]:hover{background-color:#007c82;color:#fefefe}.button.disabled.alert,.button.disabled.primary,.button.disabled.secondary,.button.disabled.success,.button.disabled.warning,.button[disabled].alert,.button[disabled].primary,.button[disabled].secondary,.button[disabled].success,.button[disabled].warning{opacity:.25;cursor:not-allowed}.button.disabled.secondary:focus,.button.disabled.secondary:hover,.button[disabled].secondary:focus,.button[disabled].secondary:hover{background-color:#999;color:#fefefe}.button.disabled.success:focus,.button.disabled.success:hover,.button[disabled].success:focus,.button[disabled].success:hover{background-color:#3adb76;color:#fefefe}.button.disabled.warning:focus,.button.disabled.warning:hover,.button[disabled].warning:focus,.button[disabled].warning:hover{background-color:#ffae00;color:#fefefe}.button.disabled.alert:focus,.button.disabled.alert:hover,.button[disabled].alert:focus,.button[disabled].alert:hover{background-color:#ec5840;color:#fefefe}.button.dropdown::after{width:0;height:0;border:inset .4em;content:'';border-bottom-width:0;border-top-style:solid;border-color:#fefefe transparent transparent;position:relative;top:.4em;display:inline-block;float:right;margin-left:1em}.button.arrow-only::after{top:-.1em;float:none;margin-left:0}.accordion{margin-left:0;background:#fefefe;list-style-type:none}.accordion-item:first-child>:first-child{border-radius:0 0 0 0}.accordion-item:last-child>:last-child{border-radius:0 0 0 0}.accordion-title{position:relative;display:block;padding:1.25rem 1rem;border:1px solid #e6e6e6;border-bottom:0;font-size:.75rem;line-height:1;color:#007c82}:last-child:not(.is-active)>.accordion-title{border-bottom:1px solid #e6e6e6;border-radius:0 0 0 0}.accordion-title:focus,.accordion-title:hover{background-color:#e6e6e6}.accordion-title::before{position:absolute;top:50%;right:1rem;margin-top:-.5rem;content:'+'}.is-active>.accordion-title::before{content:'–'}.accordion-content{display:none;padding:1rem;border:1px solid #e6e6e6;border-bottom:0;background-color:#fefefe;color:#222}:last-child>.accordion-content:last-child{border-bottom:1px solid #e6e6e6}.tree .is-accordion-submenu-none>a{padding:0;line-height:1.6}.is-accordion-submenu-parent>span{position:relative;display:block;color:#007c82;cursor:pointer}.is-accordion-submenu-parent>span:hover{color:#006b70}.is-accordion-submenu-parent>span::after{display:block;width:0;height:0;border:inset 6px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#007c82 transparent transparent;position:absolute;top:50%;right:1rem;right:-4px}.is-accordion-submenu-parent[aria-expanded=true]>span::after{transform:scaleY(-1);transform-origin:50% 50%}.badge{display:inline-block;padding:.3em;min-width:2.1em;text-align:center;border-radius:50%;background:#007c82;color:#fefefe}.badge.secondary{background:#999;color:#fefefe}.badge.success{background:#3adb76;color:#fefefe}.badge.warning{background:#ffae00;color:#fefefe}.badge.alert{background:#ec5840;color:#fefefe}.breadcrumbs{margin:0 0 1rem;list-style:none}.breadcrumbs::after,.breadcrumbs::before{display:table;content:' '}.breadcrumbs::after{clear:both}.breadcrumbs li{float:left;font-size:.6875rem;color:#0a0a0a;cursor:default;text-transform:uppercase}.breadcrumbs li:not(:last-child)::after{position:relative;top:1px;margin:0 .75rem;opacity:1;content:"/";color:#999}.breadcrumbs a{color:#007c82}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#999;cursor:not-allowed}.button-group{margin-bottom:1rem;font-size:0}.button-group::after,.button-group::before{display:table;content:' '}.button-group::after{clear:both}.button-group .button{margin:0 1px 1px 0;font-size:.9rem}.button-group .button:last-child{margin-right:0}.button-group.tiny .button{font-size:.6rem}.button-group.small .button{font-size:.75rem}.button-group.large .button{font-size:1.25rem}.button-group.expanded{margin-right:-1px}.button-group.expanded::after,.button-group.expanded::before,.no-js .dropdown.menu ul,.no-js [data-responsive-menu] ul{display:none}.button-group.expanded .button:first-child:nth-last-child(2),.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button{display:inline-block;width:calc(50% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(2):last-child,.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(3):last-child,.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(4):last-child,.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(5):last-child,.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(6):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(3),.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button{display:inline-block;width:calc(33.33333% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(4),.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button{display:inline-block;width:calc(25% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(5),.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button{display:inline-block;width:calc(20% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(6),.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button{display:inline-block;width:calc(16.66667% - 1px);margin-right:1px}.button-group.primary .button{background-color:#007c82;color:#fefefe}.button-group.primary .button:focus,.button-group.primary .button:hover{background-color:#006368;color:#fefefe}.button-group.secondary .button{background-color:#999;color:#fefefe}.button-group.secondary .button:focus,.button-group.secondary .button:hover{background-color:#7a7a7a;color:#fefefe}.button-group.success .button{background-color:#3adb76;color:#fefefe}.button-group.success .button:focus,.button-group.success .button:hover{background-color:#22bb5b;color:#fefefe}.button-group.warning .button{background-color:#ffae00;color:#fefefe}.button-group.warning .button:focus,.button-group.warning .button:hover{background-color:#cc8b00;color:#fefefe}.button-group.alert .button{background-color:#ec5840;color:#fefefe}.button-group.alert .button:focus,.button-group.alert .button:hover{background-color:#da3116;color:#fefefe}.button-group.stacked .button,.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button{width:100%}.button-group.stacked .button:last-child,.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child{margin-bottom:0}@media print,screen and (min-width:40em){.button-group.stacked-for-small .button{width:auto;margin-bottom:0}}@media print,screen and (min-width:64em){.button-group.stacked-for-medium .button{width:auto;margin-bottom:0}}@media screen and (max-width:39.9375em){.button-group.stacked-for-small.expanded{display:block}.button-group.stacked-for-small.expanded .button{display:block;margin-right:0}}.callout{position:relative;margin:0 0 1rem;padding:1rem;border:1px solid rgba(10,10,10,.25);border-radius:0;color:#222;background-color:#fff}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout.primary{background-color:#c6fcff}.callout.secondary{background-color:#f0f0f0}.callout.success{background-color:#e1faea}.callout.warning{background-color:#fff3d9}.callout.alert{background-color:#fce6e2}.callout.small{padding:.5rem}.callout.large{padding:3rem}.close-button{position:absolute;color:#8a8a8a;cursor:pointer}[data-whatinput=mouse] .close-button,[data-whatinput=mouse] .dropdown.menu a,[data-whatinput=mouse] .menu>li,[data-whatinput=mouse] .tree>li{outline:0}.close-button:focus,.close-button:hover{color:#0a0a0a}.close-button,.close-button.medium,.close-button.small{right:1rem;top:.5rem;font-size:2em;line-height:1}.menu,.tree{margin:0;list-style-type:none}.menu>li,.tree>li{display:table-cell}.menu>li>a,.tree>li>a{display:block;padding:.7rem 1rem;line-height:1}.menu a,.menu button,.menu input,.menu select,.tree a,.tree button,.tree input,.tree select{margin-bottom:0}.menu>li,.menu>li>a i,.menu>li>a i+span,.menu>li>a img,.menu>li>a img+span,.menu>li>a svg,.menu>li>a svg+span,.tree>li,.tree>li>a i,.tree>li>a i+span,.tree>li>a img,.tree>li>a img+span,.tree>li>a svg,.tree>li>a svg+span{vertical-align:middle}.menu>li>a i,.menu>li>a img,.menu>li>a svg,.tree>li>a i,.tree>li>a img,.tree>li>a svg{margin-right:.25rem;display:inline-block}.is-drilldown li,.menu.vertical>li,.tree.vertical>li{display:block}@media print,screen and (min-width:40em){.menu.medium-horizontal>li,.tree.medium-horizontal>li{display:table-cell}.menu.medium-vertical>li,.tree.medium-vertical>li{display:block}}@media print,screen and (min-width:64em){.menu.large-horizontal>li,.tree.large-horizontal>li{display:table-cell}.menu.large-vertical>li,.tree.large-vertical>li{display:block}}.menu.simple li,.tree.simple li{display:inline-block;margin-right:1rem;line-height:1}.menu.simple a,.tree.simple a{padding:0}.menu.align-right::after,.menu.align-right::before,.tree.align-right::after,.tree.align-right::before{display:table;content:' '}.menu.align-right::after,.tree.align-right::after{clear:both}.is-dropdown-menu.vertical.align-right,.menu.align-right>li,.tree.align-right>li{float:right}.menu.expanded,.tree.expanded{display:table;width:100%;table-layout:fixed}.menu.expanded>li:first-child:last-child,.tree.expanded>li:first-child:last-child{width:100%}.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg,.tree.icon-top>li>a i,.tree.icon-top>li>a img,.tree.icon-top>li>a svg{display:block;margin:0 auto .25rem}.menu.icon-top.vertical a>span,.tree.icon-top.vertical a>span{margin:auto}.menu.nested,.tree.nested{margin-left:1rem}.menu .active>a,.tree .active>a{background:#007c82;color:#fefefe}.menu.menu-bordered li,.tree.menu-bordered li{border:1px solid #e6e6e6}.menu.menu-bordered li:not(:first-child),.tree.menu-bordered li:not(:first-child){border-top:0}.menu.menu-hover li:hover,.tree.menu-hover li:hover{background-color:#e6e6e6}.menu-text{padding-top:0;padding-bottom:0;padding:.7rem 1rem;font-weight:700;line-height:1;color:inherit}.menu-centered{text-align:center}.menu-centered>.menu{display:inline-block}.menu-icon,.menu-icon.dark{position:relative;display:inline-block;vertical-align:middle;width:20px;height:16px;cursor:pointer}.menu-icon.dark::after,.menu-icon::after{position:absolute;top:0;left:0;display:block;width:100%;height:2px;content:''}.menu-icon::after{background:#fefefe}.menu-icon:hover::after{background:#999;box-shadow:0 7px 0 #999,0 14px 0 #999}.menu-icon.dark::after{background:#0a0a0a}.menu-icon.dark:hover::after{background:#8a8a8a;box-shadow:0 7px 0 #8a8a8a,0 14px 0 #8a8a8a}.is-drilldown{position:relative;overflow:hidden}.is-drilldown.animate-height{transition:height .5s}.is-drilldown-submenu{position:absolute;top:0;left:100%;z-index:-1;width:100%;background:#fefefe;transition:transform .15s linear}.is-drilldown-submenu.is-active{z-index:1;display:block;transform:translateX(-100%)}.is-drilldown-submenu.is-closing{transform:translateX(100%)}.is-drilldown-submenu-parent>a{position:relative}.is-drilldown-submenu-parent>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #007c82;position:absolute;top:50%;right:1rem;margin-top:-6px}.js-drilldown-back>a::before{width:0;height:0;border:inset 6px;content:'';border-right-style:solid;border-color:transparent #007c82 transparent transparent;display:inline-block;vertical-align:middle;margin-right:.75rem;border-left-width:0}.dropdown-pane{position:absolute;z-index:10;display:block;width:300px;padding:1rem;visibility:hidden;border:1px solid #999;border-radius:0;background-color:#fff;font-size:1rem}.dropdown-pane.is-open{visibility:visible}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}.dropdown.menu.align-right .is-dropdown-submenu.first-sub,.dropdown.menu>li.opens-left>.is-dropdown-submenu{top:100%;right:0;left:auto}.dropdown.menu>li.opens-right>.is-dropdown-submenu{top:100%;right:auto;left:0}.dropdown.menu>li.is-dropdown-submenu-parent>a{position:relative;padding-right:1.5rem}.dropdown.menu>li.is-dropdown-submenu-parent>a::after{display:block;width:0;height:0;border:inset 5px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#007c82 transparent transparent;right:5px;margin-top:-2px}.dropdown.menu.vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu{right:100%;left:auto}.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.vertical>li>a::after,.is-dropdown-submenu .is-dropdown-submenu-parent>a::after{right:14px;margin-top:-5px}.dropdown.menu.vertical>li.opens-left>a::after,.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after{display:block;width:0;height:0;border:inset 5px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #007c82 transparent transparent}.dropdown.menu.vertical>li.opens-right>a::after,.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after{display:block;width:0;height:0;border:inset 5px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #007c82}@media print,screen and (min-width:40em){.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{top:100%;right:0;left:auto}.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu{top:100%;right:auto;left:0}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{position:relative;padding-right:1.5rem}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{display:block;width:0;height:0;border:inset 5px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#007c82 transparent transparent;right:5px;margin-top:-2px}.dropdown.menu.medium-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu{right:100%;left:auto}.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.medium-vertical>li>a::after{right:14px;margin-top:-5px}.dropdown.menu.medium-vertical>li.opens-left>a::after{display:block;width:0;height:0;border:inset 5px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #007c82 transparent transparent}.dropdown.menu.medium-vertical>li.opens-right>a::after{display:block;width:0;height:0;border:inset 5px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #007c82}}@media print,screen and (min-width:64em){.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu{top:100%;right:0;left:auto}.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu{top:100%;right:auto;left:0}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a{position:relative;padding-right:1.5rem}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after{display:block;width:0;height:0;border:inset 5px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#007c82 transparent transparent;right:5px;margin-top:-2px}.dropdown.menu.large-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu{right:100%;left:auto}.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.large-vertical>li>a::after{right:14px;margin-top:-5px}.dropdown.menu.large-vertical>li.opens-left>a::after{display:block;width:0;height:0;border:inset 5px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #007c82 transparent transparent}.dropdown.menu.large-vertical>li.opens-right>a::after{display:block;width:0;height:0;border:inset 5px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #007c82}}.is-dropdown-menu.vertical{width:100px}.is-dropdown-submenu-parent{position:relative}.is-dropdown-submenu-parent a::after{position:absolute;top:50%;right:5px;margin-top:-2px}.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu{top:100%;left:auto}.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu{right:100%;left:auto}.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu{right:auto;left:100%}.is-dropdown-submenu{position:absolute;top:0;left:100%;z-index:1;display:none;min-width:200px;border:1px solid #999;background:#fefefe}.is-dropdown-submenu .is-dropdown-submenu{margin-top:-1px}.is-dropdown-submenu>li{width:100%}.is-dropdown-submenu.js-dropdown-active{display:block}.flex-video,.responsive-embed{position:relative;height:0;margin-bottom:1rem;padding-bottom:75%;overflow:hidden}.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video,.responsive-embed embed,.responsive-embed iframe,.responsive-embed object,.responsive-embed video{position:absolute;top:0;left:0;width:100%;height:100%}.flex-video.widescreen,.responsive-embed.widescreen{padding-bottom:56.25%}.label{display:inline-block;padding:.33333rem 0;border-radius:0;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;background:#fff;color:#007c82}.label.secondary{background:#999;color:#fefefe}.label.success{background:#3adb76;color:#fefefe}.label.warning{background:#ffae00;color:#fefefe}.label.alert{background:#ec5840;color:#fefefe}.media-object{display:block;margin-bottom:1rem}@media screen and (max-width:39.9375em){.media-object.stack-for-small .media-object-section{padding:0;padding-bottom:1rem;display:block}.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(:nth-child(2)){padding-left:1rem}.media-object-section>:last-child{margin-bottom:0}.media-object-section.middle{vertical-align:middle}.media-object-section.bottom{vertical-align:bottom}body,html{height:100%}.off-canvas-wrapper{position:relative;width:100%;overflow-x:hidden;overflow-y:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:auto}.off-canvas-wrapper-inner{position:relative;width:100%;min-height:100%;transition:transform .5s ease}.off-canvas-wrapper-inner::after,.off-canvas-wrapper-inner::before{display:table;content:' '}.off-canvas-wrapper-inner::after{clear:both}.off-canvas-content{z-index:1;min-height:100%;padding-bottom:.1px;background:#fff;transition:transform .5s ease;backface-visibility:hidden;box-shadow:0 0 10px rgba(10,10,10,.5)}.js-off-canvas-exit{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background:rgba(254,254,254,.25);transition:background .5s ease;cursor:pointer}.off-canvas{position:absolute;z-index:-1;max-height:100%;transform:translateX(0) translateY(0);background:#e6e6e6;overflow-y:auto}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.position-left{top:0;left:-250px;width:250px}.is-open-left{transform:translateX(250px)}.off-canvas.position-right{top:0;right:-250px;width:250px}.is-open-right{transform:translateX(-250px)}.off-canvas.position-top{top:-250px;width:100%}.is-open-top{transform:translateY(250px)}@media print,screen and (min-width:40em){.position-left.reveal-for-medium{left:0;z-index:auto;position:fixed}.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{right:0;z-index:auto;position:fixed}.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}.position-top.reveal-for-medium{top:0;z-index:auto;position:fixed}.position-top.reveal-for-medium~.off-canvas-content{margin-top:250px}}@media print,screen and (min-width:64em){.position-left.reveal-for-large{left:0;z-index:auto;position:fixed}.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{right:0;z-index:auto;position:fixed}.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}.position-top.reveal-for-large{top:0;z-index:auto;position:fixed}.position-top.reveal-for-large~.off-canvas-content{margin-top:250px}}.orbit,.orbit-container{position:relative}.orbit-container{height:0;margin:0;list-style:none;overflow:hidden}.orbit-slide{width:100%}.orbit-slide.no-motionui.is-active{top:0;left:0}.orbit-figure{margin:0}.orbit-image{width:100%;max-width:100%;margin:0}.orbit-caption,.orbit-next,.orbit-previous{position:absolute;padding:1rem;color:#fefefe}.orbit-caption{bottom:0;width:100%;margin-bottom:0;background-color:rgba(10,10,10,.5)}.orbit-next,.orbit-previous{top:50%;transform:translateY(-50%);z-index:10}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover{background-color:rgba(10,10,10,.5)}.orbit-previous{left:0}.orbit-next{left:auto;right:0}.orbit-bullets{position:relative;margin-top:.8rem;margin-bottom:.8rem;text-align:center}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{width:1.2rem;height:1.2rem;margin:.1rem;border-radius:50%;background-color:#999}.orbit-bullets button.is-active,.orbit-bullets button:hover{background-color:#8a8a8a}.pagination{margin-left:0;margin-bottom:1rem}.pagination::after,.pagination::before{display:table;content:' '}.pagination::after{clear:both}.pagination li{margin-right:.0625rem;border-radius:0;font-size:.875rem;display:none}.pagination li:first-child,.pagination li:last-child{display:inline-block}@media print,screen and (min-width:40em){.pagination li{display:inline-block}}.pagination a,.pagination button{display:block;padding:.1875rem .625rem;border-radius:0;color:#0a0a0a}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination .current{padding:.1875rem .625rem;background:#007c82;color:#fefefe;cursor:default}.pagination .disabled{padding:.1875rem .625rem;color:#999;cursor:not-allowed}.pagination .disabled:hover,.tabs.simple>li>a:hover,table tfoot tr,table thead tr{background:0 0}.pagination .ellipsis::after{padding:.1875rem .625rem;content:'\2026';color:#0a0a0a}.pagination-previous a::before,.pagination-previous.disabled::before{display:inline-block;margin-right:.5rem;content:'\00ab'}.pagination-next a::after,.pagination-next.disabled::after{display:inline-block;margin-left:.5rem;content:'\00bb'}.progress{height:1rem;margin-bottom:1rem;border-radius:0}.progress.primary .progress-meter{background-color:#007c82}.progress,.progress.secondary .progress-meter{background-color:#999}.progress.success .progress-meter{background-color:#3adb76}.progress.warning .progress-meter{background-color:#ffae00}.progress.alert .progress-meter{background-color:#ec5840}.progress-meter{position:relative;display:block;width:0%;height:100%;background-color:#007c82}.progress-meter-text{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;margin:0;font-size:.75rem;font-weight:700;color:#fefefe;white-space:nowrap}.slider{position:relative;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;background-color:#e6e6e6;cursor:pointer;user-select:none;touch-action:none}.slider-fill,.slider-handle{position:absolute;left:0;display:inline-block;transition:all .2s ease-in-out}.slider-fill{max-width:100%;top:0;height:.5rem;background-color:#999}.slider-fill.is-dragging{transition:all 0s linear}.slider-handle{top:50%;transform:translateY(-50%);z-index:1;width:1.4rem;height:1.4rem;border-radius:0;background-color:#007c82;touch-action:manipulation}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#00696f}.slider-handle.is-dragging{transition:all 0s linear}.slider.disabled,.slider[disabled]{opacity:.25;cursor:not-allowed}.slider.vertical{display:inline-block;width:.5rem;height:12.5rem;margin:0 1.25rem;transform:scale(1,-1)}.slider.vertical .slider-fill{top:0;width:.5rem;max-height:100%}.slider.vertical .slider-handle{position:absolute;top:0;left:50%;width:1.4rem;height:1.4rem;transform:translateX(-50%)}.sticky,.sticky-container{position:relative}.sticky{z-index:0;transform:translate3d(0,0,0)}.sticky.is-stuck{position:fixed;z-index:5}.sticky.is-stuck.is-at-top{top:0}.sticky.is-anchored.is-at-bottom,.sticky.is-stuck.is-at-bottom{bottom:0}.sticky.is-anchored{position:relative;right:auto;left:auto}body.is-reveal-open{overflow:hidden}html.is-reveal-open,html.is-reveal-open body{min-height:100%;overflow:hidden;user-select:none}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1005;display:none;background-color:rgba(10,10,10,.45);overflow-y:scroll}.reveal{z-index:1006;display:none;padding:1rem;border:1px solid #999;border-radius:0;background-color:#fefefe;position:relative;top:100px;margin-right:auto;margin-left:auto;overflow-y:auto}[data-whatinput=mouse] .reveal{outline:0}@media print,screen and (min-width:40em){.reveal{min-height:0}}.reveal .column,.reveal .columns{min-width:0}.reveal>:last-child{margin-bottom:0}@media print,screen and (min-width:40em){.reveal{width:600px;max-width:75rem}.reveal .reveal{right:auto;left:auto;margin:0 auto}}.reveal.collapse,.tabs.simple>li>a{padding:0}@media print,screen and (min-width:40em){.reveal.tiny{width:30%;max-width:75rem}.reveal.large,.reveal.small{width:50%;max-width:75rem}.reveal.large{width:90%}}.reveal.full{top:0;left:0;width:100%;max-width:none;height:100%;height:100vh;min-height:100vh;margin-left:0;border:0;border-radius:0}@media screen and (max-width:39.9375em){.reveal{top:0;left:0;width:100%;max-width:none;height:100%;height:100vh;min-height:100vh;margin-left:0;border:0;border-radius:0}}.reveal.without-overlay{position:fixed}.switch{height:2rem;position:relative;margin-bottom:1rem;outline:0;font-size:.875rem;font-weight:700;color:#fefefe;user-select:none}.switch-input{position:absolute;margin-bottom:0;opacity:0}.switch-paddle,.switch-paddle::after{display:block;border-radius:0;transition:all .25s ease-out}.switch-paddle{background:#999;font-weight:inherit;color:inherit;cursor:pointer;position:relative;width:4rem;height:2rem}input+.switch-paddle{margin:0}.switch-paddle::after{position:absolute;top:.25rem;left:.25rem;width:1.5rem;height:1.5rem;transform:translate3d(0,0,0);background:#fefefe;content:''}input:checked~.switch-paddle{background:#007c82}input:checked~.switch-paddle::after{left:2.25rem}[data-whatinput=mouse] input:focus~.switch-paddle{outline:0}.switch-active,.switch-inactive{position:absolute;top:50%;transform:translateY(-50%)}.switch-active{left:8%;display:none}input:checked+label>.switch-active{display:block}.switch-inactive{right:15%}input:checked+label>.switch-inactive{display:none}.switch.tiny{height:1.5rem}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle::after{top:.25rem;left:.25rem;width:1rem;height:1rem}.switch.tiny input:checked~.switch-paddle::after{left:1.75rem}.switch.small{height:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle::after{top:.25rem;left:.25rem;width:1.25rem;height:1.25rem}.switch.small input:checked~.switch-paddle::after{left:2rem}.switch.large{height:2.5rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle::after{top:.25rem;left:.25rem;width:2rem;height:2rem}.switch.large input:checked~.switch-paddle::after{left:2.75rem}table{width:100%;margin-bottom:1rem;border-radius:0}table tbody,table tfoot,table thead{border:1px solid #f1f1f1;background-color:#fefefe}table caption{font-weight:700}table thead{background:#f8f8f8;color:#222}table tfoot{background:#f1f1f1;color:#222}table tfoot td,table tfoot th,table thead td,table thead th{padding:.5rem .625rem .625rem;font-weight:700;text-align:left}table caption,table tbody td,table tbody th{padding:.5rem .625rem .625rem}table tbody tr:nth-child(even){border-bottom:0;background-color:#f1f1f1}table.unstriped tbody{background-color:#fefefe}table.unstriped tbody tr{border-bottom:1px solid #f1f1f1;background-color:#fefefe}@media screen and (max-width:63.9375em){table.stack tfoot,table.stack thead{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}}table.scroll{display:block;width:100%;overflow-x:auto}table.hover thead tr:hover{background-color:#f3f3f3}table.hover tfoot tr:hover{background-color:#ececec}table.hover tbody tr:hover{background-color:#f9f9f9}table.hover:not(.unstriped) tr:nth-of-type(even):hover{background-color:#ececec}.table-scroll{overflow-x:auto}.table-scroll table,.top-bar input.button{width:auto}.tabs{margin:0;border:1px solid #e6e6e6;background:#fefefe;list-style-type:none}.tabs::after,.tabs::before{display:table;content:' '}.tabs::after{clear:both}.tabs.vertical>li{display:block;float:none;width:auto}.tabs.primary{background:#007c82}.tabs.primary>li>a{color:#fefefe}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#008e95}.tabs-title{float:left}.tabs-title>a{display:block;padding:1.25rem 1.5rem;font-size:.75rem;line-height:1}.tabs-title>a:hover{background:#fefefe}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{background:#e6e6e6}.tabs-content{border:1px solid #e6e6e6;border-top:0;background:#fefefe;transition:all .5s ease}.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}.tabs-panel{display:none;padding:1rem}.tabs-panel[aria-hidden=false]{display:block}.thumbnail{display:inline-block;max-width:100%;margin-bottom:1rem;border:solid 4px #fefefe;border-radius:0;box-shadow:0 0 0 1px rgba(10,10,10,.2);line-height:0}a.thumbnail{transition:box-shadow 200ms ease-out}a.thumbnail:focus,a.thumbnail:hover{box-shadow:0 0 6px 1px rgba(0,124,130,.5)}a.thumbnail image{box-shadow:none}.title-bar{padding:.5rem;background:#0a0a0a;color:#fefefe}.title-bar::after,.title-bar::before{display:table;content:' '}.title-bar::after{clear:both}.title-bar .menu-icon{margin-left:.25rem;margin-right:.25rem}.title-bar-left{float:left}.title-bar-right{float:right;text-align:right}.has-tip,.title-bar-title{display:inline-block;font-weight:700}.title-bar-title{vertical-align:middle}.has-tip{position:relative;border-bottom:dotted 1px #8a8a8a;cursor:help}.tooltip{position:absolute;top:calc(100% + .6495rem);z-index:1200;max-width:10rem!important;padding:.75rem;border-radius:0;background-color:#0a0a0a;font-size:80%;color:#fefefe}.tooltip::before{display:block;width:0;height:0;border:inset .75rem;content:'';border-top-width:0;border-bottom-style:solid;border-color:transparent transparent #0a0a0a;position:absolute;bottom:100%;left:50%;transform:translateX(-50%)}.tooltip.left::before,.tooltip.right::before,.tooltip.top::before{display:block;width:0;height:0;border:inset .75rem;content:'';bottom:auto}.tooltip.top::before{border-bottom-width:0;border-top-style:solid;border-color:#0a0a0a transparent transparent;top:100%}.tooltip.left::before,.tooltip.right::before{top:50%;transform:translateY(-50%)}.tooltip.left::before{border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #0a0a0a;left:100%}.tooltip.right::before{border-left-width:0;border-right-style:solid;border-color:transparent #0a0a0a transparent transparent;right:100%;left:auto}.top-bar{padding:.5rem}.top-bar::after,.top-bar::before{display:table;content:' '}.top-bar::after{clear:both}.top-bar,.top-bar ul{background-color:#e6e6e6}.top-bar input{max-width:200px;margin-right:1rem}.top-bar .input-group-field{width:100%;margin-right:0}.top-bar .top-bar-left,.top-bar .top-bar-right{width:100%}@media print,screen and (min-width:40em){.top-bar .top-bar-left,.top-bar .top-bar-right{width:auto}}@media screen and (max-width:63.9375em){.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right{width:100%}}@media screen and (max-width:74.9375em){.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right{width:100%}}.top-bar-title{display:inline-block;float:left;margin:1rem}.top-bar-left{float:left}.top-bar-right{float:right}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (max-width:39.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media print,screen and (min-width:40em){.hide-for-medium{display:none!important}}@media screen and (max-width:39.9375em){.show-for-medium{display:none!important}}@media screen and (min-width:40em) and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:39.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media print,screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.show-for-large{display:none!important}}@media screen and (min-width:64em) and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!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;width:auto;height:auto;overflow:visible;clip:auto}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-right:auto;margin-left:auto}.clearfix::after,.clearfix::before{display:table;content:' '}.clearfix::after{clear:both}
\ No newline at end of file
diff --git a/libraries/foundation-6/customizer/complete.json b/libraries/foundation-6/customizer/complete.json
index 9244c561..b5976414 100644
--- a/libraries/foundation-6/customizer/complete.json
+++ b/libraries/foundation-6/customizer/complete.json
@@ -18,7 +18,7 @@
"dropdown",
"dropdown_menu",
"equalizer",
- "flex_video",
+ "responsive_embed",
"interchange",
"label",
"magellan",
diff --git a/libraries/foundation-6/customizer/config.yml b/libraries/foundation-6/customizer/config.yml
index de290ce1..e1636799 100644
--- a/libraries/foundation-6/customizer/config.yml
+++ b/libraries/foundation-6/customizer/config.yml
@@ -85,9 +85,9 @@ dropdown_menu:
equalizer:
js: equalizer
-
-flex_video:
- sass: flex-video
+ js_utils:
+ - mediaQuery
+ - timerAndImageLoader
interchange:
js: interchange
@@ -134,6 +134,9 @@ progress_bar:
progress_element:
sass: progress-element
+responsive_embed:
+ sass: responsive-embed
+
responsive_menu:
js: responsiveMenu
js_utils:
diff --git a/libraries/foundation-6/dist/foundation-flex.css b/libraries/foundation-6/dist/foundation-flex.css
index 3e7e2886..12ca1435 100644
--- a/libraries/foundation-6/dist/foundation-flex.css
+++ b/libraries/foundation-6/dist/foundation-flex.css
@@ -1,7 +1,7 @@
@charset "UTF-8";
/**
* Foundation for Sites by ZURB
- * Version 6.2.3
+ * Version 6.2.4
* foundation.zurb.com
* Licensed under MIT Open Source
*/
@@ -438,14 +438,11 @@ button {
margin-left: auto;
margin-right: auto;
display: -webkit-box;
- display: -webkit-flex;
display: -ms-flexbox;
display: flex;
- -webkit-flex-flow: row wrap;
- -ms-flex-flow: row wrap;
- flex-flow: row wrap; }
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap; }
.row .row {
- max-width: none;
margin-left: -0.625rem;
margin-right: -0.625rem; }
@media screen and (min-width: 40em) {
@@ -457,10 +454,14 @@ button {
.row.collapse > .column, .row.collapse > .columns {
padding-left: 0;
padding-right: 0; }
+ .row.is-collapse-child,
+ .row.collapse > .column > .row,
+ .row.collapse > .columns > .row {
+ margin-left: 0;
+ margin-right: 0; }
.column, .columns {
-webkit-box-flex: 1;
- -webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
padding-left: 0.625rem;
@@ -474,15 +475,15 @@ button {
.column.row.row, .row.row.columns {
float: none;
display: block; }
- .row .column.row.row, .row .row.row.columns {
- padding-left: 0;
- padding-right: 0;
- margin-left: 0;
- margin-right: 0; }
+
+.row .column.row.row, .row .row.row.columns {
+ padding-left: 0;
+ padding-right: 0;
+ margin-left: 0;
+ margin-right: 0; }
.small-1 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
@@ -492,7 +493,6 @@ button {
.small-2 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
@@ -502,7 +502,6 @@ button {
.small-3 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
@@ -512,7 +511,6 @@ button {
.small-4 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
@@ -522,7 +520,6 @@ button {
.small-5 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
@@ -532,7 +529,6 @@ button {
.small-6 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
@@ -542,7 +538,6 @@ button {
.small-7 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
@@ -552,7 +547,6 @@ button {
.small-8 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
@@ -562,7 +556,6 @@ button {
.small-9 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
@@ -572,7 +565,6 @@ button {
.small-10 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
@@ -582,7 +574,6 @@ button {
.small-11 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
@@ -592,7 +583,6 @@ button {
.small-12 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@@ -602,124 +592,102 @@ button {
.small-order-1 {
-webkit-box-ordinal-group: 2;
- -webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.small-order-2 {
-webkit-box-ordinal-group: 3;
- -webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.small-order-3 {
-webkit-box-ordinal-group: 4;
- -webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.small-order-4 {
-webkit-box-ordinal-group: 5;
- -webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.small-order-5 {
-webkit-box-ordinal-group: 6;
- -webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.small-order-6 {
-webkit-box-ordinal-group: 7;
- -webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.small-up-1 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.small-up-1 > .column, .small-up-1 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.small-up-2 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.small-up-2 > .column, .small-up-2 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.small-up-3 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.small-up-3 > .column, .small-up-3 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small-up-4 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.small-up-4 > .column, .small-up-4 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.small-up-5 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.small-up-5 > .column, .small-up-5 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.small-up-6 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.small-up-6 > .column, .small-up-6 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.small-up-7 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.small-up-7 > .column, .small-up-7 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%; }
.small-up-8 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.small-up-8 > .column, .small-up-8 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; }
@@ -735,7 +703,6 @@ button {
@media screen and (min-width: 40em) {
.medium-1 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
@@ -743,7 +710,6 @@ button {
margin-left: 0%; }
.medium-2 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
@@ -751,7 +717,6 @@ button {
margin-left: 8.33333%; }
.medium-3 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
@@ -759,7 +724,6 @@ button {
margin-left: 16.66667%; }
.medium-4 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
@@ -767,7 +731,6 @@ button {
margin-left: 25%; }
.medium-5 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
@@ -775,7 +738,6 @@ button {
margin-left: 33.33333%; }
.medium-6 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
@@ -783,7 +745,6 @@ button {
margin-left: 41.66667%; }
.medium-7 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
@@ -791,7 +752,6 @@ button {
margin-left: 50%; }
.medium-8 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
@@ -799,7 +759,6 @@ button {
margin-left: 58.33333%; }
.medium-9 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
@@ -807,7 +766,6 @@ button {
margin-left: 66.66667%; }
.medium-10 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
@@ -815,7 +773,6 @@ button {
margin-left: 75%; }
.medium-11 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
@@ -823,7 +780,6 @@ button {
margin-left: 83.33333%; }
.medium-12 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@@ -831,111 +787,89 @@ button {
margin-left: 91.66667%; }
.medium-order-1 {
-webkit-box-ordinal-group: 2;
- -webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.medium-order-2 {
-webkit-box-ordinal-group: 3;
- -webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.medium-order-3 {
-webkit-box-ordinal-group: 4;
- -webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.medium-order-4 {
-webkit-box-ordinal-group: 5;
- -webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.medium-order-5 {
-webkit-box-ordinal-group: 6;
- -webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.medium-order-6 {
-webkit-box-ordinal-group: 7;
- -webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.medium-up-1 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.medium-up-1 > .column, .medium-up-1 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.medium-up-2 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.medium-up-2 > .column, .medium-up-2 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.medium-up-3 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.medium-up-3 > .column, .medium-up-3 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium-up-4 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.medium-up-4 > .column, .medium-up-4 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.medium-up-5 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.medium-up-5 > .column, .medium-up-5 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.medium-up-6 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.medium-up-6 > .column, .medium-up-6 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.medium-up-7 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.medium-up-7 > .column, .medium-up-7 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%; }
.medium-up-8 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.medium-up-8 > .column, .medium-up-8 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; } }
@@ -943,19 +877,16 @@ button {
@media screen and (min-width: 40em) and (min-width: 40em) {
.medium-expand {
-webkit-box-flex: 1;
- -webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
.row.medium-unstack > .column, .row.medium-unstack > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media screen and (min-width: 40em) {
.row.medium-unstack > .column, .row.medium-unstack > .columns {
-webkit-box-flex: 1;
- -webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
@@ -970,7 +901,6 @@ button {
@media screen and (min-width: 64em) {
.large-1 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
@@ -978,7 +908,6 @@ button {
margin-left: 0%; }
.large-2 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
@@ -986,7 +915,6 @@ button {
margin-left: 8.33333%; }
.large-3 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
@@ -994,7 +922,6 @@ button {
margin-left: 16.66667%; }
.large-4 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
@@ -1002,7 +929,6 @@ button {
margin-left: 25%; }
.large-5 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
@@ -1010,7 +936,6 @@ button {
margin-left: 33.33333%; }
.large-6 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
@@ -1018,7 +943,6 @@ button {
margin-left: 41.66667%; }
.large-7 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
@@ -1026,7 +950,6 @@ button {
margin-left: 50%; }
.large-8 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
@@ -1034,7 +957,6 @@ button {
margin-left: 58.33333%; }
.large-9 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
@@ -1042,7 +964,6 @@ button {
margin-left: 66.66667%; }
.large-10 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
@@ -1050,7 +971,6 @@ button {
margin-left: 75%; }
.large-11 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
@@ -1058,7 +978,6 @@ button {
margin-left: 83.33333%; }
.large-12 {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@@ -1066,111 +985,89 @@ button {
margin-left: 91.66667%; }
.large-order-1 {
-webkit-box-ordinal-group: 2;
- -webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.large-order-2 {
-webkit-box-ordinal-group: 3;
- -webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.large-order-3 {
-webkit-box-ordinal-group: 4;
- -webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.large-order-4 {
-webkit-box-ordinal-group: 5;
- -webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.large-order-5 {
-webkit-box-ordinal-group: 6;
- -webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.large-order-6 {
-webkit-box-ordinal-group: 7;
- -webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.large-up-1 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.large-up-1 > .column, .large-up-1 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.large-up-2 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.large-up-2 > .column, .large-up-2 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.large-up-3 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.large-up-3 > .column, .large-up-3 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.large-up-4 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.large-up-4 > .column, .large-up-4 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.large-up-5 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.large-up-5 > .column, .large-up-5 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.large-up-6 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.large-up-6 > .column, .large-up-6 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.large-up-7 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.large-up-7 > .column, .large-up-7 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 14.28571%;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%; }
.large-up-8 {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.large-up-8 > .column, .large-up-8 > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 12.5%;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; } }
@@ -1178,19 +1075,16 @@ button {
@media screen and (min-width: 64em) and (min-width: 64em) {
.large-expand {
-webkit-box-flex: 1;
- -webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
.row.large-unstack > .column, .row.large-unstack > .columns {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media screen and (min-width: 64em) {
.row.large-unstack > .column, .row.large-unstack > .columns {
-webkit-box-flex: 1;
- -webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
@@ -1204,30 +1098,25 @@ button {
.shrink {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%; }
.column.align-top, .align-top.columns {
- -webkit-align-self: flex-start;
- -ms-flex-item-align: start;
- align-self: flex-start; }
+ -ms-flex-item-align: start;
+ align-self: flex-start; }
.column.align-bottom, .align-bottom.columns {
- -webkit-align-self: flex-end;
- -ms-flex-item-align: end;
- align-self: flex-end; }
+ -ms-flex-item-align: end;
+ align-self: flex-end; }
.column.align-middle, .align-middle.columns {
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- align-self: center; }
+ -ms-flex-item-align: center;
+ align-self: center; }
.column.align-stretch, .align-stretch.columns {
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
- align-self: stretch; }
+ -ms-flex-item-align: stretch;
+ align-self: stretch; }
div,
dl,
@@ -1630,13 +1519,11 @@ label {
.input-group {
display: -webkit-box;
- display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 1rem;
-webkit-box-align: stretch;
- -webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.input-group > :first-child {
@@ -1656,15 +1543,12 @@ label {
border: 1px solid #cacaca;
white-space: nowrap;
-webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
- display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
- -webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.input-group-label:first-child {
@@ -1675,10 +1559,8 @@ label {
.input-group-field {
border-radius: 0;
-webkit-box-flex: 1;
- -webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
- width: auto;
height: auto; }
.input-group-button {
@@ -1686,7 +1568,6 @@ label {
padding-bottom: 0;
text-align: center;
-webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.input-group-button a,
@@ -1694,9 +1575,6 @@ label {
.input-group-button button {
margin: 0; }
-.input-group .input-group-button {
- display: table-cell; }
-
fieldset {
border: 0;
padding: 0;
@@ -1872,6 +1750,36 @@ select {
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #2199e8;
color: #fefefe; }
+ .button.disabled.primary, .button[disabled].primary {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus {
+ background-color: #2199e8;
+ color: #fefefe; }
+ .button.disabled.secondary, .button[disabled].secondary {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
+ background-color: #777;
+ color: #fefefe; }
+ .button.disabled.success, .button[disabled].success {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
+ background-color: #3adb76;
+ color: #fefefe; }
+ .button.disabled.warning, .button[disabled].warning {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
+ background-color: #ffae00;
+ color: #fefefe; }
+ .button.disabled.alert, .button[disabled].alert {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
+ background-color: #ec5840;
+ color: #fefefe; }
.button.dropdown::after {
content: '';
display: block;
@@ -1987,11 +1895,9 @@ select {
.breadcrumbs::before, .breadcrumbs::after {
content: ' ';
display: table;
- -webkit-flex-basis: 0;
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
-webkit-box-ordinal-group: 2;
- -webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.breadcrumbs::after {
@@ -2020,24 +1926,19 @@ select {
.button-group {
margin-bottom: 1rem;
display: -webkit-box;
- display: -webkit-flex;
display: -ms-flexbox;
display: flex;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
-webkit-box-align: stretch;
- -webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.button-group::before, .button-group::after {
content: ' ';
display: table;
- -webkit-flex-basis: 0;
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
-webkit-box-ordinal-group: 2;
- -webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.button-group::after {
@@ -2048,7 +1949,6 @@ select {
margin-bottom: 1px;
font-size: 0.9rem;
-webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.button-group .button:last-child {
@@ -2061,7 +1961,6 @@ select {
font-size: 1.25rem; }
.button-group.expanded .button {
-webkit-box-flex: 1;
- -webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
.button-group.primary .button {
@@ -2095,12 +1994,10 @@ select {
background-color: #da3116;
color: #fefefe; }
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
@@ -2108,14 +2005,12 @@ select {
@media screen and (min-width: 40em) {
.button-group.stacked-for-small .button {
-webkit-box-flex: 1;
- -webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
margin-bottom: 0; } }
@media screen and (min-width: 64em) {
.button-group.stacked-for-medium .button {
-webkit-box-flex: 1;
- -webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
margin-bottom: 0; } }
@@ -2177,22 +2072,17 @@ select {
list-style-type: none;
width: 100%;
display: -webkit-box;
- display: -webkit-flex;
display: -ms-flexbox;
display: flex;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
-webkit-box-align: center;
- -webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap; }
.menu > li {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
[data-whatinput='mouse'] .menu > li {
@@ -2207,97 +2097,78 @@ select {
margin-bottom: 0; }
.menu > li > a {
display: -webkit-box;
- display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.menu > li > a {
- -webkit-flex-flow: row nowrap;
- -ms-flex-flow: row nowrap;
- flex-flow: row nowrap; }
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap; }
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
margin-right: 0.25rem; }
.menu > li {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.menu.vertical {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.menu.vertical > li {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.menu.vertical > li > a {
-webkit-box-align: start;
- -webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
- -webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
@media screen and (min-width: 40em) {
.menu.medium-horizontal {
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap; }
.menu.medium-horizontal > li {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.menu.medium-vertical {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.menu.medium-vertical > li {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.menu.medium-vertical > li > a {
-webkit-box-align: start;
- -webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
- -webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; } }
@media screen and (min-width: 64em) {
.menu.large-horizontal {
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap; }
.menu.large-horizontal > li {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.menu.large-vertical {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.menu.large-vertical > li {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.menu.large-vertical > li > a {
-webkit-box-align: start;
- -webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
- -webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; } }
.menu.simple li {
@@ -2308,26 +2179,22 @@ select {
padding: 0; }
.menu.align-right {
-webkit-box-pack: end;
- -webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.menu.expanded > li {
-webkit-box-flex: 1;
- -webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
.menu.expanded > li:first-child:last-child {
width: 100%; }
.menu.icon-top > li > a {
- -webkit-flex-flow: column nowrap;
- -ms-flex-flow: column nowrap;
- flex-flow: column nowrap; }
+ -ms-flex-flow: column nowrap;
+ flex-flow: column nowrap; }
.menu.icon-top > li > a img,
.menu.icon-top > li > a i,
.menu.icon-top > li > a svg {
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
- align-self: stretch;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
text-align: center;
margin-bottom: 0.25rem; }
.menu.nested {
@@ -2409,7 +2276,6 @@ select {
top: 0;
left: 100%;
z-index: -1;
- height: 100%;
width: 100%;
background: #fefefe;
-webkit-transition: -webkit-transform 0.15s linear;
@@ -2761,33 +2627,28 @@ select {
.media-object {
margin-bottom: 1rem;
display: -webkit-box;
- display: -webkit-flex;
display: -ms-flexbox;
display: flex;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap; }
.media-object img {
max-width: none; }
@media screen and (max-width: 39.9375em) {
.media-object.stack-for-small {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; } }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; } }
@media screen and (max-width: 39.9375em) {
.media-object.stack-for-small .media-object-section {
padding: 0;
padding-bottom: 1rem;
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
max-width: 100%; }
.media-object.stack-for-small .media-object-section img {
width: 100%; } }
.media-object-section {
-webkit-box-flex: 0;
- -webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.media-object-section:first-child {
@@ -2798,7 +2659,6 @@ select {
margin-bottom: 0; }
.media-object-section.main-section {
-webkit-box-flex: 1;
- -webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
@@ -2817,16 +2677,15 @@ body {
.off-canvas-wrapper-inner {
position: relative;
width: 100%;
+ min-height: 100%;
-webkit-transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease; }
.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
content: ' ';
display: table;
- -webkit-flex-basis: 0;
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
-webkit-box-ordinal-group: 2;
- -webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.off-canvas-wrapper-inner::after {
@@ -2991,11 +2850,9 @@ body {
.pagination::before, .pagination::after {
content: ' ';
display: table;
- -webkit-flex-basis: 0;
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
-webkit-box-ordinal-group: 2;
- -webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.pagination::after {
@@ -3194,7 +3051,7 @@ body.is-reveal-open {
html.is-reveal-open,
html.is-reveal-open body {
- height: 100%;
+ min-height: 100%;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
@@ -3284,6 +3141,7 @@ html.is-reveal-open body {
position: fixed; }
.switch {
+ height: 2rem;
margin-bottom: 1rem;
outline: 0;
position: relative;
@@ -3297,7 +3155,8 @@ html.is-reveal-open body {
.switch-input {
opacity: 0;
- position: absolute; }
+ position: absolute;
+ margin-bottom: 0; }
.switch-paddle {
background: #cacaca;
@@ -3352,41 +3211,41 @@ html.is-reveal-open body {
input:checked + label > .switch-inactive {
display: none; }
-.switch.tiny .switch-paddle {
- width: 3rem;
- height: 1.5rem;
- font-size: 0.625rem; }
-
-.switch.tiny .switch-paddle::after {
- width: 1rem;
- height: 1rem; }
-
-.switch.tiny input:checked ~ .switch-paddle::after {
- left: 1.75rem; }
-
-.switch.small .switch-paddle {
- width: 3.5rem;
- height: 1.75rem;
- font-size: 0.75rem; }
-
-.switch.small .switch-paddle::after {
- width: 1.25rem;
- height: 1.25rem; }
-
-.switch.small input:checked ~ .switch-paddle::after {
- left: 2rem; }
-
-.switch.large .switch-paddle {
- width: 5rem;
- height: 2.5rem;
- font-size: 1rem; }
-
-.switch.large .switch-paddle::after {
- width: 2rem;
- height: 2rem; }
-
-.switch.large input:checked ~ .switch-paddle::after {
- left: 2.75rem; }
+.switch.tiny {
+ height: 1.5rem; }
+ .switch.tiny .switch-paddle {
+ width: 3rem;
+ height: 1.5rem;
+ font-size: 0.625rem; }
+ .switch.tiny .switch-paddle::after {
+ width: 1rem;
+ height: 1rem; }
+ .switch.tiny input:checked ~ .switch-paddle::after {
+ left: 1.75rem; }
+
+.switch.small {
+ height: 1.75rem; }
+ .switch.small .switch-paddle {
+ width: 3.5rem;
+ height: 1.75rem;
+ font-size: 0.75rem; }
+ .switch.small .switch-paddle::after {
+ width: 1.25rem;
+ height: 1.25rem; }
+ .switch.small input:checked ~ .switch-paddle::after {
+ left: 2rem; }
+
+.switch.large {
+ height: 2.5rem; }
+ .switch.large .switch-paddle {
+ width: 5rem;
+ height: 2.5rem;
+ font-size: 1rem; }
+ .switch.large .switch-paddle::after {
+ width: 2rem;
+ height: 2rem; }
+ .switch.large input:checked ~ .switch-paddle::after {
+ left: 2.75rem; }
table {
width: 100%;
@@ -3400,20 +3259,22 @@ table {
table caption {
font-weight: bold;
padding: 0.5rem 0.625rem 0.625rem; }
- table thead,
- table tfoot {
+ table thead {
background: #f8f8f8;
color: #0a0a0a; }
- table thead tr,
- table tfoot tr {
- background: transparent; }
- table thead th,
- table thead td,
- table tfoot th,
- table tfoot td {
- padding: 0.5rem 0.625rem 0.625rem;
- font-weight: bold;
- text-align: left; }
+ table tfoot {
+ background: #f1f1f1;
+ color: #0a0a0a; }
+ table thead tr,
+ table tfoot tr {
+ background: transparent; }
+ table thead th,
+ table thead td,
+ table tfoot th,
+ table tfoot td {
+ padding: 0.5rem 0.625rem 0.625rem;
+ font-weight: bold;
+ text-align: left; }
table tbody tr:nth-child(even) {
background-color: #f1f1f1; }
table tbody th,
@@ -3437,10 +3298,16 @@ table.scroll {
width: 100%;
overflow-x: auto; }
-table.hover tr:hover {
+table.hover thead tr:hover {
+ background-color: #f3f3f3; }
+
+table.hover tfoot tr:hover {
+ background-color: #ececec; }
+
+table.hover tbody tr:hover {
background-color: #f9f9f9; }
-table.hover tr:nth-of-type(even):hover {
+table.hover tbody tr:nth-of-type(even):hover {
background-color: #ececec; }
.table-scroll {
@@ -3456,11 +3323,9 @@ table.hover tr:nth-of-type(even):hover {
.tabs::before, .tabs::after {
content: ' ';
display: table;
- -webkit-flex-basis: 0;
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
-webkit-box-ordinal-group: 2;
- -webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.tabs::after {
@@ -3532,15 +3397,12 @@ table.hover tr:nth-of-type(even):hover {
color: #fefefe;
padding: 0.5rem;
display: -webkit-box;
- display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
- -webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
- -webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.title-bar .menu-icon {
@@ -3550,7 +3412,6 @@ table.hover tr:nth-of-type(even):hover {
.title-bar-left,
.title-bar-right {
-webkit-box-flex: 1;
- -webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
@@ -3562,29 +3423,6 @@ table.hover tr:nth-of-type(even):hover {
vertical-align: middle;
display: inline-block; }
-.menu-icon.dark {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- cursor: pointer;
- width: 20px;
- height: 16px; }
- .menu-icon.dark::after {
- content: '';
- position: absolute;
- display: block;
- width: 100%;
- height: 2px;
- background: #0a0a0a;
- top: 0;
- left: 0;
- -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
- box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; }
- .menu-icon.dark:hover::after {
- background: #8a8a8a;
- -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
- box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
-
.has-tip {
border-bottom: dotted 1px #8a8a8a;
font-weight: bold;
@@ -3662,24 +3500,19 @@ table.hover tr:nth-of-type(even):hover {
.top-bar {
display: -webkit-box;
- display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
- -webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
- -webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
padding: 0.5rem;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.top-bar,
.top-bar ul {
background-color: #e6e6e6; }
@@ -3694,49 +3527,44 @@ table.hover tr:nth-of-type(even):hover {
.top-bar .top-bar-left,
.top-bar .top-bar-right {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media screen and (min-width: 40em) {
.top-bar {
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
- .top-bar .top-bar-left,
- .top-bar .top-bar-right {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap; }
+ .top-bar .top-bar-left {
-webkit-box-flex: 1;
- -webkit-flex: 1 1 0px;
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; } }
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto; }
+ .top-bar .top-bar-right {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto; } }
@media screen and (max-width: 63.9375em) {
.top-bar.stacked-for-medium {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.top-bar.stacked-for-medium .top-bar-left,
.top-bar.stacked-for-medium .top-bar-right {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
@media screen and (max-width: 74.9375em) {
.top-bar.stacked-for-large {
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
.top-bar.stacked-for-large .top-bar-left,
.top-bar.stacked-for-large .top-bar-right {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
.top-bar-title {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 1rem; }
@@ -3744,7 +3572,6 @@ table.hover tr:nth-of-type(even):hover {
.top-bar-left,
.top-bar-right {
-webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
@@ -3847,11 +3674,9 @@ table.hover tr:nth-of-type(even):hover {
.clearfix::before, .clearfix::after {
content: ' ';
display: table;
- -webkit-flex-basis: 0;
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
-webkit-box-ordinal-group: 2;
- -webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
@@ -3860,168 +3685,138 @@ table.hover tr:nth-of-type(even):hover {
.align-right {
-webkit-box-pack: end;
- -webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.align-center {
-webkit-box-pack: center;
- -webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.align-justify {
-webkit-box-pack: justify;
- -webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.align-spaced {
- -webkit-justify-content: space-around;
- -ms-flex-pack: distribute;
- justify-content: space-around; }
+ -ms-flex-pack: distribute;
+ justify-content: space-around; }
.align-top {
-webkit-box-align: start;
- -webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.align-self-top {
- -webkit-align-self: flex-start;
- -ms-flex-item-align: start;
- align-self: flex-start; }
+ -ms-flex-item-align: start;
+ align-self: flex-start; }
.align-bottom {
-webkit-box-align: end;
- -webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.align-self-bottom {
- -webkit-align-self: flex-end;
- -ms-flex-item-align: end;
- align-self: flex-end; }
+ -ms-flex-item-align: end;
+ align-self: flex-end; }
.align-middle {
-webkit-box-align: center;
- -webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.align-self-middle {
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- align-self: center; }
+ -ms-flex-item-align: center;
+ align-self: center; }
.align-stretch {
-webkit-box-align: stretch;
- -webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.align-self-stretch {
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
- align-self: stretch; }
+ -ms-flex-item-align: stretch;
+ align-self: stretch; }
.small-order-1 {
-webkit-box-ordinal-group: 2;
- -webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.small-order-2 {
-webkit-box-ordinal-group: 3;
- -webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.small-order-3 {
-webkit-box-ordinal-group: 4;
- -webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.small-order-4 {
-webkit-box-ordinal-group: 5;
- -webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.small-order-5 {
-webkit-box-ordinal-group: 6;
- -webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.small-order-6 {
-webkit-box-ordinal-group: 7;
- -webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
@media screen and (min-width: 40em) {
.medium-order-1 {
-webkit-box-ordinal-group: 2;
- -webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.medium-order-2 {
-webkit-box-ordinal-group: 3;
- -webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.medium-order-3 {
-webkit-box-ordinal-group: 4;
- -webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.medium-order-4 {
-webkit-box-ordinal-group: 5;
- -webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.medium-order-5 {
-webkit-box-ordinal-group: 6;
- -webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.medium-order-6 {
-webkit-box-ordinal-group: 7;
- -webkit-order: 6;
-ms-flex-order: 6;
order: 6; } }
@media screen and (min-width: 64em) {
.large-order-1 {
-webkit-box-ordinal-group: 2;
- -webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.large-order-2 {
-webkit-box-ordinal-group: 3;
- -webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.large-order-3 {
-webkit-box-ordinal-group: 4;
- -webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.large-order-4 {
-webkit-box-ordinal-group: 5;
- -webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.large-order-5 {
-webkit-box-ordinal-group: 6;
- -webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.large-order-6 {
-webkit-box-ordinal-group: 7;
- -webkit-order: 6;
-ms-flex-order: 6;
order: 6; } }
diff --git a/libraries/foundation-6/dist/foundation-flex.min.css b/libraries/foundation-6/dist/foundation-flex.min.css
index bf55c8c8..8bc88de0 100644
--- a/libraries/foundation-6/dist/foundation-flex.min.css
+++ b/libraries/foundation-6/dist/foundation-flex.min.css
@@ -1,2 +1,2 @@
@charset "UTF-8";
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:not-allowed}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{font-size:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{padding:0;margin:0;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;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;border-radius:0}select{width:100%;border-radius:0}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{-webkit-appearance:none;-moz-appearance:none;background:transparent;padding:0;border:0;border-radius:0;line-height:1}[data-whatinput=mouse] button{outline:0}.is-visible{display:block!important}.is-hidden{display:none!important}.row{max-width:75rem;margin-left:auto;margin-right:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.row .row{max-width:none;margin-left:-.625rem;margin-right:-.625rem}@media screen and (min-width:40em){.row .row{margin-left:-.9375rem;margin-right:-.9375rem}}.row.expanded{max-width:none}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.column,.columns{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px;padding-left:.625rem;padding-right:.625rem;min-width:initial}@media screen and (min-width:40em){.column,.columns{padding-left:.9375rem;padding-right:.9375rem}}.column.row.row,.row.row.columns{float:none;display:block}.row .column.row.row,.row .row.row.columns{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.small-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.small-offset-0{margin-left:0}.small-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.small-offset-2{margin-left:16.66667%}.small-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.small-offset-3{margin-left:25%}.small-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.small-offset-5{margin-left:41.66667%}.small-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.small-offset-6{margin-left:50%}.small-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.small-offset-8{margin-left:66.66667%}.small-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.small-offset-9{margin-left:75%}.small-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.small-offset-10{margin-left:83.33333%}.small-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.small-offset-11{margin-left:91.66667%}.small-up-1{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-1>.column,.small-up-1>.columns{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.small-up-2{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-2>.column,.small-up-2>.columns{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.small-up-3{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-3>.column,.small-up-3>.columns{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.small-up-4{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-4>.column,.small-up-4>.columns{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.small-up-5{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-5>.column,.small-up-5>.columns{-webkit-box-flex:0;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.small-up-6{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-6>.column,.small-up-6>.columns{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.small-up-7{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-7>.column,.small-up-7>.columns{-webkit-box-flex:0;-webkit-flex:0 0 14.28571%;-ms-flex:0 0 14.28571%;flex:0 0 14.28571%;max-width:14.28571%}.small-up-8{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-8>.column,.small-up-8>.columns{-webkit-box-flex:0;-webkit-flex:0 0 12.5%;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.small-collapse>.column,.small-collapse>.columns{padding-left:0;padding-right:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-left:.625rem;padding-right:.625rem}@media screen and (min-width:40em){.medium-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.medium-offset-0{margin-left:0}.medium-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.medium-offset-2{margin-left:16.66667%}.medium-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.medium-offset-3{margin-left:25%}.medium-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.medium-offset-5{margin-left:41.66667%}.medium-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.medium-offset-6{margin-left:50%}.medium-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.medium-offset-8{margin-left:66.66667%}.medium-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.medium-offset-9{margin-left:75%}.medium-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.medium-offset-10{margin-left:83.33333%}.medium-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.medium-offset-11{margin-left:91.66667%}.medium-order-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.medium-order-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.medium-order-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.medium-order-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.medium-order-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.medium-order-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.medium-up-1{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-1>.column,.medium-up-1>.columns{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.medium-up-2{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-2>.column,.medium-up-2>.columns{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.medium-up-3{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-3>.column,.medium-up-3>.columns{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.medium-up-4{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-4>.column,.medium-up-4>.columns{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.medium-up-5{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-5>.column,.medium-up-5>.columns{-webkit-box-flex:0;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.medium-up-6{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-6>.column,.medium-up-6>.columns{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.medium-up-7{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-7>.column,.medium-up-7>.columns{-webkit-box-flex:0;-webkit-flex:0 0 14.28571%;-ms-flex:0 0 14.28571%;flex:0 0 14.28571%;max-width:14.28571%}.medium-up-8{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-8>.column,.medium-up-8>.columns{-webkit-box-flex:0;-webkit-flex:0 0 12.5%;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}}@media screen and (min-width:40em) and (min-width:40em){.medium-expand{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px}}.row.medium-unstack>.column,.row.medium-unstack>.columns{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width:40em){.row.medium-unstack>.column,.row.medium-unstack>.columns{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px}}@media screen and (min-width:40em){.medium-collapse>.column,.medium-collapse>.columns{padding-left:0;padding-right:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}}@media screen and (min-width:64em){.large-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.large-offset-0{margin-left:0}.large-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.large-offset-2{margin-left:16.66667%}.large-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.large-offset-3{margin-left:25%}.large-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.large-offset-5{margin-left:41.66667%}.large-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.large-offset-6{margin-left:50%}.large-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.large-offset-8{margin-left:66.66667%}.large-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.large-offset-9{margin-left:75%}.large-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.large-offset-10{margin-left:83.33333%}.large-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.large-offset-11{margin-left:91.66667%}.large-order-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.large-order-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.large-order-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.large-order-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.large-order-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.large-order-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.large-up-1{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-1>.column,.large-up-1>.columns{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.large-up-2{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-2>.column,.large-up-2>.columns{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.large-up-3{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-3>.column,.large-up-3>.columns{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.large-up-4{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-4>.column,.large-up-4>.columns{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.large-up-5{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-5>.column,.large-up-5>.columns{-webkit-box-flex:0;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.large-up-6{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-6>.column,.large-up-6>.columns{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.large-up-7{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-7>.column,.large-up-7>.columns{-webkit-box-flex:0;-webkit-flex:0 0 14.28571%;-ms-flex:0 0 14.28571%;flex:0 0 14.28571%;max-width:14.28571%}.large-up-8{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-8>.column,.large-up-8>.columns{-webkit-box-flex:0;-webkit-flex:0 0 12.5%;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}}@media screen and (min-width:64em) and (min-width:64em){.large-expand{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px}}.row.large-unstack>.column,.row.large-unstack>.columns{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width:64em){.row.large-unstack>.column,.row.large-unstack>.columns{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px}}@media screen and (min-width:64em){.large-collapse>.column,.large-collapse>.columns{padding-left:0;padding-right:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}}.shrink{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%}.align-top.columns,.column.align-top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.align-bottom.columns,.column.align-bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.align-middle.columns,.column.align-middle{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.align-stretch.columns,.column.align-stretch{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}p{font-size:inherit;line-height:1.6;margin-bottom:1rem;text-rendering:optimizeLegibility}em,i{font-style:italic}b,em,i,strong{line-height:inherit}b,strong{font-weight:700}small{font-size:80%;line-height:inherit}h1,h2,h3,h4,h5,h6{font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;font-style:normal;color:inherit;text-rendering:optimizeLegibility;margin-top:0;margin-bottom:.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.5rem}h2{font-size:1.25rem}h3{font-size:1.1875rem}h4{font-size:1.125rem}h5{font-size:1.0625rem}h6{font-size:1rem}@media screen and (min-width:40em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9375rem}h4{font-size:1.5625rem}h5{font-size:1.25rem}h6{font-size:1rem}}a{color:#2199e8;text-decoration:none;line-height:inherit;cursor:pointer}a:focus,a:hover{color:#1585cf}a img{border:0}hr{max-width:75rem;height:0;border-right:0;border-top:0;border-bottom:1px solid #cacaca;border-left:0;margin:1.25rem auto;clear:both}dl,ol,ul{line-height:1.6;margin-bottom:1rem;list-style-position:outside}li{font-size:inherit}ul{list-style-type:disc}ol,ul{margin-left:1.25rem}ol ol,ol ul,ul ol,ul ul{margin-left:1.25rem;margin-bottom:0}dl{margin-bottom:1rem}dl dt{margin-bottom:.3rem;font-weight:700}blockquote{margin:0 0 1rem;padding:.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:.8125rem;color:#8a8a8a}cite:before{content:'\2014 \0020'}abbr{color:#0a0a0a;cursor:help;border-bottom:1px dotted #0a0a0a}code{font-weight:400;border:1px solid #cacaca;padding:.125rem .3125rem .0625rem}code,kbd{font-family:Consolas,Liberation Mono,Courier,monospace;color:#0a0a0a;background-color:#e6e6e6}kbd{padding:.125rem .25rem 0;margin:0}.subheader{margin-top:.2rem;margin-bottom:.5rem;font-weight:400;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}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media screen and (min-width:40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media screen and (min-width:64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{*{background:transparent!important;color:#000!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,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^='#']:after,a[href^='javascript:']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #8a8a8a;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-family:inherit;font-size:1rem;color:#0a0a0a;background-color:#fefefe;box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);border-radius:0;-webkit-transition:-webkit-box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none}[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus{border:1px solid #8a8a8a;background-color:#fefefe;outline:none;box-shadow:0 0 5px #cacaca;-webkit-transition:-webkit-box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{max-width:100%}textarea[rows]{height:auto}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#cacaca}input::-moz-placeholder,textarea::-moz-placeholder{color:#cacaca}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#cacaca}input::placeholder,textarea::placeholder{color:#cacaca}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:not-allowed}[type=button],[type=submit]{border-radius:0;-webkit-appearance:none;-moz-appearance:none}input[type=search]{box-sizing:border-box}[type=checkbox],[type=file],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}[type=checkbox]+label[for],[type=radio]+label[for]{cursor:pointer}label>[type=checkbox],label>[type=radio]{margin-right:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;font-weight:400;line-height:1.8;color:#0a0a0a}label.middle{margin:0 0 1rem;padding:.5625rem 0}.help-text{margin-top:-.5rem;font-size:.8125rem;font-style:italic;color:#0a0a0a}.input-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;margin-bottom:1rem;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.input-group>:first-child,.input-group>:last-child>*{border-radius:0 0 0 0}.input-group-button,.input-group-field,.input-group-label{margin:0;white-space:nowrap}.input-group-label{text-align:center;padding:0 1rem;background:#e6e6e6;color:#0a0a0a;border:1px solid #cacaca;white-space:nowrap;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.input-group-field{border-radius:0;-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px;width:auto;height:auto}.input-group-button{padding-top:0;padding-bottom:0;text-align:center;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.input-group-button a,.input-group-button button,.input-group-button input{margin:0}.input-group .input-group-button{display:table-cell}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:.5rem;max-width:100%}.fieldset{border:1px solid #cacaca;padding:1.25rem;margin:1.125rem 0}.fieldset legend{background:#fefefe;padding:0 .1875rem;margin:0;margin-left:-.1875rem}select{height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-size:1rem;font-family:inherit;line-height:normal;color:#0a0a0a;background-color:#fefefe;border-radius:0;-webkit-appearance:none;-moz-appearance:none;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: rgb%28138, 138, 138%29'></polygon></svg>");background-size:9px 6px;background-position:right -1rem center;background-origin:content-box;background-repeat:no-repeat;padding-right:1.5rem}@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:#e6e6e6;cursor:not-allowed}select::-ms-expand{display:none}select[multiple]{height:auto;background-image:none}.is-invalid-input:not(:focus){background-color:rgba(236,88,64,.1);border-color:#ec5840}.form-error,.is-invalid-label{color:#ec5840}.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700}.form-error.is-visible{display:block}.button{display:inline-block;text-align:center;line-height:1;cursor:pointer;-webkit-appearance:none;-webkit-transition:background-color .25s ease-out,color .25s ease-out;transition:background-color .25s ease-out,color .25s ease-out;vertical-align:middle;border:1px solid transparent;border-radius:0;padding:.85em 1em;margin:0 0 1rem;font-size:.9rem;background-color:#2199e8;color:#fefefe}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background-color:#1583cc;color:#fefefe}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-left:0;margin-right:0}.button.primary{background-color:#2199e8;color:#fefefe}.button.primary:focus,.button.primary:hover{background-color:#147cc0;color:#fefefe}.button.secondary{background-color:#777;color:#fefefe}.button.secondary:focus,.button.secondary:hover{background-color:#5f5f5f;color:#fefefe}.button.success{background-color:#3adb76;color:#fefefe}.button.success:focus,.button.success:hover{background-color:#22bb5b;color:#fefefe}.button.warning{background-color:#ffae00;color:#fefefe}.button.warning:focus,.button.warning:hover{background-color:#cc8b00;color:#fefefe}.button.alert{background-color:#ec5840;color:#fefefe}.button.alert:focus,.button.alert:hover{background-color:#da3116;color:#fefefe}.button.hollow{border:1px solid #2199e8;color:#2199e8}.button.hollow,.button.hollow:focus,.button.hollow:hover{background-color:transparent}.button.hollow:focus,.button.hollow:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.primary{border:1px solid #2199e8;color:#2199e8}.button.hollow.primary:focus,.button.hollow.primary:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.secondary{border:1px solid #777;color:#777}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#3c3c3c;color:#3c3c3c}.button.hollow.success{border:1px solid #3adb76;color:#3adb76}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#157539;color:#157539}.button.hollow.warning{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#805700;color:#805700}.button.hollow.alert{border:1px solid #ec5840;color:#ec5840}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#881f0e;color:#881f0e}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover{background-color:#2199e8;color:#fefefe}.button.dropdown:after{content:'';display:block;width:0;height:0;border:.4em inset;border-color:#fefefe transparent transparent;border-top-style:solid;border-bottom-width:0;position:relative;top:.4em;float:right;margin-left:1em;display:inline-block}.button.arrow-only:after{margin-left:0;float:none;top:-.1em}.accordion{list-style-type:none;background:#fefefe;margin-left:0}.accordion-item:first-child>:first-child,.accordion-item:last-child>:last-child{border-radius:0 0 0 0}.accordion-title{display:block;padding:1.25rem 1rem;line-height:1;font-size:.75rem;color:#2199e8;position:relative;border:1px solid #e6e6e6;border-bottom:0}:last-child:not(.is-active)>.accordion-title{border-radius:0 0 0 0;border-bottom:1px solid #e6e6e6}.accordion-title:focus,.accordion-title:hover{background-color:#e6e6e6}.accordion-title:before{content:'+';position:absolute;right:1rem;top:50%;margin-top:-.5rem}.is-active>.accordion-title:before{content:'–'}.accordion-content{padding:1rem;display:none;border:1px solid #e6e6e6;border-bottom:0;background-color:#fefefe;color:#0a0a0a}:last-child>.accordion-content:last-child{border-bottom:1px solid #e6e6e6}.is-accordion-submenu-parent>a{position:relative}.is-accordion-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:6px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;position:absolute;top:50%;margin-top:-4px;right:1rem}.is-accordion-submenu-parent[aria-expanded=true]>a:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.badge{display:inline-block;padding:.3em;min-width:2.1em;font-size:.6rem;text-align:center;border-radius:50%;background:#2199e8;color:#fefefe}.badge.secondary{background:#777;color:#fefefe}.badge.success{background:#3adb76;color:#fefefe}.badge.warning{background:#ffae00;color:#fefefe}.badge.alert{background:#ec5840;color:#fefefe}.breadcrumbs{list-style:none;margin:0 0 1rem}.breadcrumbs:after,.breadcrumbs:before{content:' ';display:table;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.breadcrumbs:after{clear:both}.breadcrumbs li{float:left;color:#0a0a0a;font-size:.6875rem;cursor:default;text-transform:uppercase}.breadcrumbs li:not(:last-child):after{color:#cacaca;content:"/";margin:0 .75rem;position:relative;top:1px;opacity:1}.breadcrumbs a{color:#2199e8}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#cacaca;cursor:not-allowed}.button-group{margin-bottom:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.button-group:after,.button-group:before{content:' ';display:table;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.button-group:after{clear:both}.button-group .button{margin:0;margin-right:1px;margin-bottom:1px;font-size:.9rem;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.button-group .button:last-child{margin-right:0}.button-group.tiny .button{font-size:.6rem}.button-group.small .button{font-size:.75rem}.button-group.large .button{font-size:1.25rem}.button-group.expanded .button{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px}.button-group.primary .button{background-color:#2199e8;color:#fefefe}.button-group.primary .button:focus,.button-group.primary .button:hover{background-color:#147cc0;color:#fefefe}.button-group.secondary .button{background-color:#777;color:#fefefe}.button-group.secondary .button:focus,.button-group.secondary .button:hover{background-color:#5f5f5f;color:#fefefe}.button-group.success .button{background-color:#3adb76;color:#fefefe}.button-group.success .button:focus,.button-group.success .button:hover{background-color:#22bb5b;color:#fefefe}.button-group.warning .button{background-color:#ffae00;color:#fefefe}.button-group.warning .button:focus,.button-group.warning .button:hover{background-color:#cc8b00;color:#fefefe}.button-group.alert .button{background-color:#ec5840;color:#fefefe}.button-group.alert .button:focus,.button-group.alert .button:hover{background-color:#da3116;color:#fefefe}.button-group.stacked,.button-group.stacked-for-medium,.button-group.stacked-for-small{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button,.button-group.stacked .button{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked .button:last-child{margin-bottom:0}@media screen and (min-width:40em){.button-group.stacked-for-small .button{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px;margin-bottom:0}}@media screen and (min-width:64em){.button-group.stacked-for-medium .button{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px;margin-bottom:0}}@media screen and (max-width:39.9375em){.button-group.stacked-for-small.expanded{display:block}.button-group.stacked-for-small.expanded .button{display:block;margin-right:0}}.callout{margin:0 0 1rem;padding:1rem;border:1px solid hsla(0,0%,4%,.25);border-radius:0;position:relative;color:#0a0a0a;background-color:#fff}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout.primary{background-color:#def0fc}.callout.secondary{background-color:#ebebeb}.callout.success{background-color:#e1faea}.callout.warning{background-color:#fff3d9}.callout.alert{background-color:#fce6e2}.callout.small{padding:.5rem}.callout.large{padding:3rem}.close-button{position:absolute;color:#8a8a8a;right:1rem;top:.5rem;font-size:2em;line-height:1;cursor:pointer}[data-whatinput=mouse] .close-button{outline:0}.close-button:focus,.close-button:hover{color:#0a0a0a}.menu{margin:0;list-style-type:none;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}[data-whatinput=mouse] .menu>li{outline:0}.menu>li>a{display:block;padding:.7rem 1rem;line-height:1}.menu a,.menu button,.menu input{margin-bottom:0}.menu>li>a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row}.menu>li>a i,.menu>li>a img,.menu>li>a svg{margin-right:.25rem}.menu>li{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.menu.vertical{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.menu.vertical>li{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.menu.vertical>li>a{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}@media screen and (min-width:40em){.menu.medium-horizontal{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.menu.medium-horizontal>li{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.menu.medium-vertical{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.menu.medium-vertical>li{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.menu.medium-vertical>li>a{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}}@media screen and (min-width:64em){.menu.large-horizontal{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.menu.large-horizontal>li{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.menu.large-vertical{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.menu.large-vertical>li{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.menu.large-vertical>li>a{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}}.menu.simple li{line-height:1;display:inline-block;margin-right:1rem}.menu.simple a{padding:0}.menu.align-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.menu.expanded>li{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px}.menu.expanded>li:first-child:last-child{width:100%}.menu.icon-top>li>a{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column}.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;text-align:center;margin-bottom:.25rem}.menu.nested{margin-left:1rem}.menu .active>a{color:#fefefe;background:#2199e8}.menu-text{font-weight:700;color:inherit;line-height:1;padding-top:0;padding-bottom:0;padding:.7rem 1rem}.menu-centered{text-align:center}.menu-centered>.menu{display:inline-block}.no-js [data-responsive-menu] ul{display:none}.menu-icon{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;width:20px;height:16px}.menu-icon:after{content:'';position:absolute;display:block;width:100%;height:2px;background:#fefefe;top:0;left:0;box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe}.menu-icon:hover:after{background:#cacaca;box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca}.is-drilldown{position:relative;overflow:hidden}.is-drilldown li{display:block!important}.is-drilldown-submenu{position:absolute;top:0;left:100%;z-index:-1;height:100%;width:100%;background:#fefefe;-webkit-transition:-webkit-transform .15s linear;transition:transform .15s linear}.is-drilldown-submenu.is-active{z-index:1;display:block;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.is-drilldown-submenu.is-closing{-webkit-transform:translateX(100%);transform:translateX(100%)}.is-drilldown-submenu-parent>a{position:relative}.is-drilldown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:6px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0;position:absolute;top:50%;margin-top:-6px;right:1rem}.js-drilldown-back>a:before{content:'';display:block;width:0;height:0;border:6px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0;display:inline-block;vertical-align:middle;margin-right:.75rem}.dropdown-pane{background-color:#fefefe;border:1px solid #cacaca;border-radius:0;display:block;font-size:1rem;padding:1rem;position:absolute;visibility:hidden;width:300px;z-index:10}.dropdown-pane.is-open{visibility:visible}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}.dropdown.menu>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}[data-whatinput=mouse] .dropdown.menu a{outline:0}.no-js .dropdown.menu ul{display:none}.dropdown.menu.vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.vertical>li>a:after{right:14px;margin-top:-3px}.dropdown.menu.vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}@media screen and (min-width:40em){.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}.dropdown.menu.medium-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.medium-vertical>li>a:after{right:14px;margin-top:-3px}.dropdown.menu.medium-vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.medium-vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}}@media screen and (min-width:64em){.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}.dropdown.menu.large-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.large-vertical>li>a:after{right:14px;margin-top:-3px}.dropdown.menu.large-vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.large-vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}}.dropdown.menu.align-right .is-dropdown-submenu.first-sub{top:100%;left:auto;right:0}.is-dropdown-menu.vertical{width:100px}.is-dropdown-menu.vertical.align-right{float:right}.is-dropdown-submenu-parent{position:relative}.is-dropdown-submenu-parent a:after{position:absolute;top:50%;right:5px;margin-top:-2px}.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu{top:100%;left:auto}.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu{left:auto;right:100%}.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu{right:auto;left:100%}.is-dropdown-submenu{display:none;position:absolute;top:0;left:100%;min-width:200px;z-index:1;background:#fefefe;border:1px solid #cacaca}.is-dropdown-submenu .is-dropdown-submenu-parent>a:after{right:14px;margin-top:-3px}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}.is-dropdown-submenu .is-dropdown-submenu{margin-top:-1px}.is-dropdown-submenu>li{width:100%}.is-dropdown-submenu.js-dropdown-active{display:block}.flex-video{position:relative;height:0;padding-bottom:75%;margin-bottom:1rem;overflow:hidden}.flex-video embed,.flex-video iframe,.flex-video object,.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:.33333rem .5rem;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;border-radius:0;background:#2199e8;color:#fefefe}.label.secondary{background:#777;color:#fefefe}.label.success{background:#3adb76;color:#fefefe}.label.warning{background:#ffae00;color:#fefefe}.label.alert{background:#ec5840;color:#fefefe}.media-object{margin-bottom:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.media-object img{max-width:none}@media screen and (max-width:39.9375em){.media-object.stack-for-small{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:39.9375em){.media-object.stack-for-small .media-object-section{padding:0;padding-bottom:1rem;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.media-object.stack-for-small .media-object-section img{width:100%}}.media-object-section{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.media-object-section:first-child{padding-right:1rem}.media-object-section:last-child:not(:nth-child(2)){padding-left:1rem}.media-object-section>:last-child{margin-bottom:0}.media-object-section.main-section{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px}body,html{height:100%}.off-canvas-wrapper{width:100%;overflow-x:hidden;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:auto}.off-canvas-wrapper-inner{position:relative;width:100%;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.off-canvas-wrapper-inner:after,.off-canvas-wrapper-inner:before{content:' ';display:table;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.off-canvas-wrapper-inner:after{clear:both}.off-canvas-content{min-height:100%;background:#fefefe;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;padding-bottom:.1px;box-shadow:0 0 10px hsla(0,0%,4%,.5)}.js-off-canvas-exit{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.25);cursor:pointer;-webkit-transition:background .5s ease;transition:background .5s ease}.off-canvas{position:absolute;background:#e6e6e6;z-index:-1;max-height:100%;overflow-y:auto;-webkit-transform:translateX(0);transform:translateX(0)}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.position-left{left:-250px;top:0;width:250px}.is-open-left{-webkit-transform:translateX(250px);transform:translateX(250px)}.off-canvas.position-right{right:-250px;top:0;width:250px}.is-open-right{-webkit-transform:translateX(-250px);transform:translateX(-250px)}@media screen and (min-width:40em){.position-left.reveal-for-medium{left:0;z-index:auto;position:fixed}.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{right:0;z-index:auto;position:fixed}.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}}@media screen and (min-width:64em){.position-left.reveal-for-large{left:0;z-index:auto;position:fixed}.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{right:0;z-index:auto;position:fixed}.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}}.orbit,.orbit-container{position:relative}.orbit-container{margin:0;overflow:hidden;list-style:none}.orbit-slide{width:100%;max-height:100%}.orbit-slide.no-motionui.is-active{top:0;left:0}.orbit-figure{margin:0}.orbit-image{margin:0;width:100%;max-width:100%}.orbit-caption{bottom:0;width:100%;margin-bottom:0;background-color:hsla(0,0%,4%,.5)}.orbit-caption,.orbit-next,.orbit-previous{position:absolute;padding:1rem;color:#fefefe}.orbit-next,.orbit-previous{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover{background-color:hsla(0,0%,4%,.5)}.orbit-previous{left:0}.orbit-next{left:auto;right:0}.orbit-bullets{position:relative;margin-top:.8rem;margin-bottom:.8rem;text-align:center}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{width:1.2rem;height:1.2rem;margin:.1rem;background-color:#cacaca;border-radius:50%}.orbit-bullets button.is-active,.orbit-bullets button:hover{background-color:#8a8a8a}.pagination{margin-left:0;margin-bottom:1rem}.pagination:after,.pagination:before{content:' ';display:table;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.pagination:after{clear:both}.pagination li{font-size:.875rem;margin-right:.0625rem;border-radius:0;display:none}.pagination li:first-child,.pagination li:last-child{display:inline-block}@media screen and (min-width:40em){.pagination li{display:inline-block}}.pagination a,.pagination button{color:#0a0a0a;display:block;padding:.1875rem .625rem;border-radius:0}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination .current{padding:.1875rem .625rem;background:#2199e8;color:#fefefe;cursor:default}.pagination .disabled{padding:.1875rem .625rem;color:#cacaca;cursor:not-allowed}.pagination .disabled:hover{background:transparent}.pagination .ellipsis:after{content:'\2026';padding:.1875rem .625rem;color:#0a0a0a}.pagination-previous.disabled:before,.pagination-previous a:before{content:'\00ab';display:inline-block;margin-right:.5rem}.pagination-next.disabled:after,.pagination-next a:after{content:'\00bb';display:inline-block;margin-left:.5rem}.progress{background-color:#cacaca;height:1rem;margin-bottom:1rem;border-radius:0}.progress.primary .progress-meter{background-color:#2199e8}.progress.secondary .progress-meter{background-color:#777}.progress.success .progress-meter{background-color:#3adb76}.progress.warning .progress-meter{background-color:#ffae00}.progress.alert .progress-meter{background-color:#ec5840}.progress-meter{position:relative;display:block;width:0;height:100%;background-color:#2199e8}.progress-meter-text{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;margin:0;font-size:.75rem;font-weight:700;color:#fefefe;white-space:nowrap}.slider{position:relative;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;background-color:#e6e6e6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.slider-fill{position:absolute;top:0;left:0;display:inline-block;max-width:100%;height:.5rem;background-color:#cacaca;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.slider-fill.is-dragging{-webkit-transition:all 0s linear;transition:all 0s linear}.slider-handle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;left:0;z-index:1;display:inline-block;width:1.4rem;height:1.4rem;background-color:#2199e8;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-ms-touch-action:manipulation;touch-action:manipulation;border-radius:0}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#1583cc}.slider-handle.is-dragging{-webkit-transition:all 0s linear;transition:all 0s linear}.slider.disabled,.slider[disabled]{opacity:.25;cursor:not-allowed}.slider.vertical{display:inline-block;width:.5rem;height:12.5rem;margin:0 1.25rem;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.slider.vertical .slider-fill{top:0;width:.5rem;max-height:100%}.slider.vertical .slider-handle{position:absolute;top:0;left:50%;width:1.4rem;height:1.4rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.sticky-container{position:relative}.sticky{position:absolute;z-index:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.sticky.is-stuck{position:fixed;z-index:5}.sticky.is-stuck.is-at-top{top:0}.sticky.is-stuck.is-at-bottom{bottom:0}.sticky.is-anchored{position:absolute;left:auto;right:auto}.sticky.is-anchored.is-at-bottom{bottom:0}body.is-reveal-open{overflow:hidden}html.is-reveal-open,html.is-reveal-open body{height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reveal-overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1005;background-color:hsla(0,0%,4%,.45);overflow-y:scroll}.reveal{display:none;z-index:1006;padding:1rem;border:1px solid #cacaca;background-color:#fefefe;border-radius:0;position:relative;top:100px;margin-left:auto;margin-right:auto;overflow-y:auto}[data-whatinput=mouse] .reveal{outline:0}@media screen and (min-width:40em){.reveal{min-height:0}}.reveal .column,.reveal .columns{min-width:0}.reveal>:last-child{margin-bottom:0}@media screen and (min-width:40em){.reveal{width:600px;max-width:75rem}}@media screen and (min-width:40em){.reveal .reveal{left:auto;right:auto;margin:0 auto}}.reveal.collapse{padding:0}@media screen and (min-width:40em){.reveal.tiny{width:30%;max-width:75rem}}@media screen and (min-width:40em){.reveal.small{width:50%;max-width:75rem}}@media screen and (min-width:40em){.reveal.large{width:90%;max-width:75rem}}.reveal.full{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}@media screen and (max-width:39.9375em){.reveal{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}}.reveal.without-overlay{position:fixed}.switch{margin-bottom:1rem;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fefefe;font-weight:700;font-size:.875rem}.switch-input{opacity:0;position:absolute}.switch-paddle{background:#cacaca;cursor:pointer;display:block;position:relative;width:4rem;height:2rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;border-radius:0;color:inherit;font-weight:inherit}input+.switch-paddle{margin:0}.switch-paddle:after{background:#fefefe;content:'';display:block;position:absolute;height:1.5rem;left:.25rem;top:.25rem;width:1.5rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:0}input:checked~.switch-paddle{background:#2199e8}input:checked~.switch-paddle:after{left:2.25rem}[data-whatinput=mouse] input:focus~.switch-paddle{outline:0}.switch-active,.switch-inactive{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.switch-active{left:8%;display:none}input:checked+label>.switch-active{display:block}.switch-inactive{right:15%}input:checked+label>.switch-inactive{display:none}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle:after{width:1rem;height:1rem}.switch.tiny input:checked~.switch-paddle:after{left:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle:after{width:1.25rem;height:1.25rem}.switch.small input:checked~.switch-paddle:after{left:2rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle:after{width:2rem;height:2rem}.switch.large input:checked~.switch-paddle:after{left:2.75rem}table{width:100%;margin-bottom:1rem;border-radius:0}table tbody,table tfoot,table thead{border:1px solid #f1f1f1;background-color:#fefefe}table caption{font-weight:700;padding:.5rem .625rem .625rem}table tfoot,table thead{background:#f8f8f8;color:#0a0a0a}table tfoot tr,table thead tr{background:transparent}table tfoot td,table tfoot th,table thead td,table thead th{padding:.5rem .625rem .625rem;font-weight:700;text-align:left}table tbody tr:nth-child(even){background-color:#f1f1f1}table tbody td,table tbody th{padding:.5rem .625rem .625rem}@media screen and (max-width:63.9375em){table.stack tfoot,table.stack thead{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}}table.scroll{display:block;width:100%;overflow-x:auto}table.hover tr:hover{background-color:#f9f9f9}table.hover tr:nth-of-type(even):hover{background-color:#ececec}.table-scroll{overflow-x:auto}.table-scroll table{width:auto}.tabs{margin:0;list-style-type:none;background:#fefefe;border:1px solid #e6e6e6}.tabs:after,.tabs:before{content:' ';display:table;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.tabs:after{clear:both}.tabs.vertical>li{width:auto;float:none;display:block}.tabs.simple>li>a{padding:0}.tabs.simple>li>a:hover{background:transparent}.tabs.primary{background:#2199e8}.tabs.primary>li>a{color:#fefefe}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#1893e4}.tabs-title{float:left}.tabs-title>a{display:block;padding:1.25rem 1.5rem;line-height:1;font-size:.75rem}.tabs-title>a:hover{background:#fefefe}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{background:#e6e6e6}.tabs-content{background:#fefefe;-webkit-transition:all .5s ease;transition:all .5s ease;border:1px solid #e6e6e6;border-top:0}.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}.tabs-panel{display:none;padding:1rem}.tabs-panel.is-active{display:block}.thumbnail{border:4px solid #fefefe;box-shadow:0 0 0 1px hsla(0,0%,4%,.2);display:inline-block;line-height:0;max-width:100%;-webkit-transition:-webkit-box-shadow .2s ease-out;transition:box-shadow .2s ease-out;border-radius:0;margin-bottom:1rem}.thumbnail:focus,.thumbnail:hover{box-shadow:0 0 6px 1px rgba(33,153,232,.5)}.title-bar{background:#0a0a0a;color:#fefefe;padding:.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.title-bar .menu-icon{margin-left:.25rem;margin-right:.25rem}.title-bar-left,.title-bar-right{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px}.title-bar-right{text-align:right}.title-bar-title{font-weight:700}.menu-icon.dark,.title-bar-title{vertical-align:middle;display:inline-block}.menu-icon.dark{position:relative;cursor:pointer;width:20px;height:16px}.menu-icon.dark:after{content:'';position:absolute;display:block;width:100%;height:2px;background:#0a0a0a;top:0;left:0;box-shadow:0 7px 0 #0a0a0a,0 14px 0 #0a0a0a}.menu-icon.dark:hover:after{background:#8a8a8a;box-shadow:0 7px 0 #8a8a8a,0 14px 0 #8a8a8a}.has-tip{border-bottom:1px dotted #8a8a8a;font-weight:700;position:relative;display:inline-block;cursor:help}.tooltip{background-color:#0a0a0a;color:#fefefe;font-size:80%;padding:.75rem;position:absolute;z-index:10;top:calc(100% + .6495rem);max-width:10rem!important;border-radius:0}.tooltip:before{border-color:transparent transparent #0a0a0a;border-bottom-style:solid;border-top-width:0;bottom:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip.top:before,.tooltip:before{content:'';display:block;width:0;height:0;border:.75rem inset}.tooltip.top:before{border-color:#0a0a0a transparent transparent;border-top-style:solid;border-bottom-width:0;top:100%;bottom:auto}.tooltip.left:before{border-color:transparent transparent transparent #0a0a0a;border-left-style:solid;border-right-width:0;left:100%}.tooltip.left:before,.tooltip.right:before{content:'';display:block;width:0;height:0;border:.75rem inset;bottom:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.right:before{border-color:transparent #0a0a0a transparent transparent;border-right-style:solid;border-left-width:0;left:auto;right:100%}.top-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:.5rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar,.top-bar ul{background-color:#e6e6e6}.top-bar input{max-width:200px;margin-right:1rem}.top-bar .input-group-field{width:100%;margin-right:0}.top-bar input.button{width:auto}.top-bar .top-bar-left,.top-bar .top-bar-right{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media screen and (min-width:40em){.top-bar{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.top-bar .top-bar-left,.top-bar .top-bar-right{-webkit-box-flex:1;-webkit-flex:1 1 0px;-ms-flex:1 1 0px;flex:1 1 0px}}@media screen and (max-width:63.9375em){.top-bar.stacked-for-medium{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media screen and (max-width:74.9375em){.top-bar.stacked-for-large{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.top-bar-title{margin-right:1rem}.top-bar-left,.top-bar-right,.top-bar-title{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (max-width:39.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media screen and (min-width:40em){.hide-for-medium{display:none!important}}@media screen and (max-width:39.9375em){.show-for-medium{display:none!important}}@media screen and (min-width:40em) and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:39.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.show-for-large{display:none!important}}@media screen and (min-width:64em) and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!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}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{content:' ';display:table;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.clearfix:after{clear:both}.align-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.align-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.align-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.align-spaced{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.align-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.align-self-top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.align-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.align-self-bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.align-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.align-self-middle{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.align-stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.align-self-stretch{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.small-order-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.small-order-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.small-order-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.small-order-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.small-order-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.small-order-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}@media screen and (min-width:40em){.medium-order-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.medium-order-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.medium-order-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.medium-order-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.medium-order-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.medium-order-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}}@media screen and (min-width:64em){.large-order-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.large-order-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.large-order-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.large-order-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.large-order-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.large-order-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}}
\ No newline at end of file
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:not-allowed}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{font-size:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{padding:0;margin:0;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;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;border-radius:0}select{width:100%;border-radius:0}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{-webkit-appearance:none;-moz-appearance:none;background:transparent;padding:0;border:0;border-radius:0;line-height:1}[data-whatinput=mouse] button{outline:0}.is-visible{display:block!important}.is-hidden{display:none!important}.row{max-width:75rem;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.row .row{margin-left:-.625rem;margin-right:-.625rem}@media screen and (min-width:40em){.row .row{margin-left:-.9375rem;margin-right:-.9375rem}}.row.expanded{max-width:none}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row.collapse>.column>.row,.row.collapse>.columns>.row,.row.is-collapse-child{margin-left:0;margin-right:0}.column,.columns{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px;padding-left:.625rem;padding-right:.625rem;min-width:0}@media screen and (min-width:40em){.column,.columns{padding-left:.9375rem;padding-right:.9375rem}}.column.row.row,.row.row.columns{float:none;display:block}.row .column.row.row,.row .row.row.columns{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.small-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.small-offset-0{margin-left:0}.small-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.small-offset-2{margin-left:16.66667%}.small-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.small-offset-3{margin-left:25%}.small-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.small-offset-5{margin-left:41.66667%}.small-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.small-offset-6{margin-left:50%}.small-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.small-offset-8{margin-left:66.66667%}.small-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.small-offset-9{margin-left:75%}.small-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.small-offset-10{margin-left:83.33333%}.small-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.small-offset-11{margin-left:91.66667%}.small-up-1{-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-1>.column,.small-up-1>.columns{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.small-up-2{-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-2>.column,.small-up-2>.columns{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.small-up-3{-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-3>.column,.small-up-3>.columns{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.small-up-4{-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-4>.column,.small-up-4>.columns{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.small-up-5{-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-5>.column,.small-up-5>.columns{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.small-up-6{-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-6>.column,.small-up-6>.columns{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.small-up-7{-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-7>.column,.small-up-7>.columns{-webkit-box-flex:0;-ms-flex:0 0 14.28571%;flex:0 0 14.28571%;max-width:14.28571%}.small-up-8{-ms-flex-wrap:wrap;flex-wrap:wrap}.small-up-8>.column,.small-up-8>.columns{-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.small-collapse>.column,.small-collapse>.columns{padding-left:0;padding-right:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-left:.625rem;padding-right:.625rem}@media screen and (min-width:40em){.medium-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.medium-offset-0{margin-left:0}.medium-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.medium-offset-2{margin-left:16.66667%}.medium-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.medium-offset-3{margin-left:25%}.medium-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.medium-offset-5{margin-left:41.66667%}.medium-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.medium-offset-6{margin-left:50%}.medium-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.medium-offset-8{margin-left:66.66667%}.medium-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.medium-offset-9{margin-left:75%}.medium-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.medium-offset-10{margin-left:83.33333%}.medium-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.medium-offset-11{margin-left:91.66667%}.medium-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.medium-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.medium-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.medium-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.medium-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.medium-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.medium-up-1{-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-1>.column,.medium-up-1>.columns{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.medium-up-2{-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-2>.column,.medium-up-2>.columns{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.medium-up-3{-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-3>.column,.medium-up-3>.columns{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.medium-up-4{-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-4>.column,.medium-up-4>.columns{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.medium-up-5{-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-5>.column,.medium-up-5>.columns{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.medium-up-6{-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-6>.column,.medium-up-6>.columns{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.medium-up-7{-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-7>.column,.medium-up-7>.columns{-webkit-box-flex:0;-ms-flex:0 0 14.28571%;flex:0 0 14.28571%;max-width:14.28571%}.medium-up-8{-ms-flex-wrap:wrap;flex-wrap:wrap}.medium-up-8>.column,.medium-up-8>.columns{-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}}@media screen and (min-width:40em) and (min-width:40em){.medium-expand{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px}}.row.medium-unstack>.column,.row.medium-unstack>.columns{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width:40em){.row.medium-unstack>.column,.row.medium-unstack>.columns{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px}}@media screen and (min-width:40em){.medium-collapse>.column,.medium-collapse>.columns{padding-left:0;padding-right:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}}@media screen and (min-width:64em){.large-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.large-offset-0{margin-left:0}.large-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.large-offset-2{margin-left:16.66667%}.large-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.large-offset-3{margin-left:25%}.large-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.large-offset-5{margin-left:41.66667%}.large-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.large-offset-6{margin-left:50%}.large-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.large-offset-8{margin-left:66.66667%}.large-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.large-offset-9{margin-left:75%}.large-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.large-offset-10{margin-left:83.33333%}.large-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.large-offset-11{margin-left:91.66667%}.large-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.large-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.large-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.large-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.large-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.large-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.large-up-1{-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-1>.column,.large-up-1>.columns{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.large-up-2{-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-2>.column,.large-up-2>.columns{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.large-up-3{-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-3>.column,.large-up-3>.columns{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.large-up-4{-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-4>.column,.large-up-4>.columns{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.large-up-5{-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-5>.column,.large-up-5>.columns{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.large-up-6{-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-6>.column,.large-up-6>.columns{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.large-up-7{-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-7>.column,.large-up-7>.columns{-webkit-box-flex:0;-ms-flex:0 0 14.28571%;flex:0 0 14.28571%;max-width:14.28571%}.large-up-8{-ms-flex-wrap:wrap;flex-wrap:wrap}.large-up-8>.column,.large-up-8>.columns{-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}}@media screen and (min-width:64em) and (min-width:64em){.large-expand{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px}}.row.large-unstack>.column,.row.large-unstack>.columns{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width:64em){.row.large-unstack>.column,.row.large-unstack>.columns{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px}}@media screen and (min-width:64em){.large-collapse>.column,.large-collapse>.columns{padding-left:0;padding-right:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}}.shrink{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%}.align-top.columns,.column.align-top{-ms-flex-item-align:start;align-self:flex-start}.align-bottom.columns,.column.align-bottom{-ms-flex-item-align:end;align-self:flex-end}.align-middle.columns,.column.align-middle{-ms-flex-item-align:center;align-self:center}.align-stretch.columns,.column.align-stretch{-ms-flex-item-align:stretch;align-self:stretch}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}p{font-size:inherit;line-height:1.6;margin-bottom:1rem;text-rendering:optimizeLegibility}em,i{font-style:italic}b,em,i,strong{line-height:inherit}b,strong{font-weight:700}small{font-size:80%;line-height:inherit}h1,h2,h3,h4,h5,h6{font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;font-style:normal;color:inherit;text-rendering:optimizeLegibility;margin-top:0;margin-bottom:.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.5rem}h2{font-size:1.25rem}h3{font-size:1.1875rem}h4{font-size:1.125rem}h5{font-size:1.0625rem}h6{font-size:1rem}@media screen and (min-width:40em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9375rem}h4{font-size:1.5625rem}h5{font-size:1.25rem}h6{font-size:1rem}}a{color:#2199e8;text-decoration:none;line-height:inherit;cursor:pointer}a:focus,a:hover{color:#1585cf}a img{border:0}hr{max-width:75rem;height:0;border-right:0;border-top:0;border-bottom:1px solid #cacaca;border-left:0;margin:1.25rem auto;clear:both}dl,ol,ul{line-height:1.6;margin-bottom:1rem;list-style-position:outside}li{font-size:inherit}ul{list-style-type:disc}ol,ul{margin-left:1.25rem}ol ol,ol ul,ul ol,ul ul{margin-left:1.25rem;margin-bottom:0}dl{margin-bottom:1rem}dl dt{margin-bottom:.3rem;font-weight:700}blockquote{margin:0 0 1rem;padding:.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:.8125rem;color:#8a8a8a}cite:before{content:'\2014 \0020'}abbr{color:#0a0a0a;cursor:help;border-bottom:1px dotted #0a0a0a}code{font-weight:400;border:1px solid #cacaca;padding:.125rem .3125rem .0625rem}code,kbd{font-family:Consolas,Liberation Mono,Courier,monospace;color:#0a0a0a;background-color:#e6e6e6}kbd{padding:.125rem .25rem 0;margin:0}.subheader{margin-top:.2rem;margin-bottom:.5rem;font-weight:400;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}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media screen and (min-width:40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media screen and (min-width:64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{*{background:transparent!important;color:#000!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,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^='#']:after,a[href^='javascript:']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #8a8a8a;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-family:inherit;font-size:1rem;color:#0a0a0a;background-color:#fefefe;box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);border-radius:0;-webkit-transition:-webkit-box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none}[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus{border:1px solid #8a8a8a;background-color:#fefefe;outline:none;box-shadow:0 0 5px #cacaca;-webkit-transition:-webkit-box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{max-width:100%}textarea[rows]{height:auto}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#cacaca}input::-moz-placeholder,textarea::-moz-placeholder{color:#cacaca}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#cacaca}input::placeholder,textarea::placeholder{color:#cacaca}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:not-allowed}[type=button],[type=submit]{border-radius:0;-webkit-appearance:none;-moz-appearance:none}input[type=search]{box-sizing:border-box}[type=checkbox],[type=file],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}[type=checkbox]+label[for],[type=radio]+label[for]{cursor:pointer}label>[type=checkbox],label>[type=radio]{margin-right:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;font-weight:400;line-height:1.8;color:#0a0a0a}label.middle{margin:0 0 1rem;padding:.5625rem 0}.help-text{margin-top:-.5rem;font-size:.8125rem;font-style:italic;color:#0a0a0a}.input-group{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:1rem;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.input-group>:first-child,.input-group>:last-child>*{border-radius:0 0 0 0}.input-group-button,.input-group-field,.input-group-label{margin:0;white-space:nowrap}.input-group-label{text-align:center;padding:0 1rem;background:#e6e6e6;color:#0a0a0a;border:1px solid #cacaca;white-space:nowrap;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.input-group-field{border-radius:0;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px;height:auto}.input-group-button{padding-top:0;padding-bottom:0;text-align:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.input-group-button a,.input-group-button button,.input-group-button input{margin:0}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:.5rem;max-width:100%}.fieldset{border:1px solid #cacaca;padding:1.25rem;margin:1.125rem 0}.fieldset legend{background:#fefefe;padding:0 .1875rem;margin:0;margin-left:-.1875rem}select{height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-size:1rem;font-family:inherit;line-height:normal;color:#0a0a0a;background-color:#fefefe;border-radius:0;-webkit-appearance:none;-moz-appearance:none;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: rgb%28138, 138, 138%29'></polygon></svg>");background-size:9px 6px;background-position:right -1rem center;background-origin:content-box;background-repeat:no-repeat;padding-right:1.5rem}@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:#e6e6e6;cursor:not-allowed}select::-ms-expand{display:none}select[multiple]{height:auto;background-image:none}.is-invalid-input:not(:focus){background-color:rgba(236,88,64,.1);border-color:#ec5840}.form-error,.is-invalid-label{color:#ec5840}.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700}.form-error.is-visible{display:block}.button{display:inline-block;text-align:center;line-height:1;cursor:pointer;-webkit-appearance:none;-webkit-transition:background-color .25s ease-out,color .25s ease-out;transition:background-color .25s ease-out,color .25s ease-out;vertical-align:middle;border:1px solid transparent;border-radius:0;padding:.85em 1em;margin:0 0 1rem;font-size:.9rem;background-color:#2199e8;color:#fefefe}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background-color:#1583cc;color:#fefefe}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-left:0;margin-right:0}.button.primary{background-color:#2199e8;color:#fefefe}.button.primary:focus,.button.primary:hover{background-color:#147cc0;color:#fefefe}.button.secondary{background-color:#777;color:#fefefe}.button.secondary:focus,.button.secondary:hover{background-color:#5f5f5f;color:#fefefe}.button.success{background-color:#3adb76;color:#fefefe}.button.success:focus,.button.success:hover{background-color:#22bb5b;color:#fefefe}.button.warning{background-color:#ffae00;color:#fefefe}.button.warning:focus,.button.warning:hover{background-color:#cc8b00;color:#fefefe}.button.alert{background-color:#ec5840;color:#fefefe}.button.alert:focus,.button.alert:hover{background-color:#da3116;color:#fefefe}.button.hollow{border:1px solid #2199e8;color:#2199e8}.button.hollow,.button.hollow:focus,.button.hollow:hover{background-color:transparent}.button.hollow:focus,.button.hollow:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.primary{border:1px solid #2199e8;color:#2199e8}.button.hollow.primary:focus,.button.hollow.primary:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.secondary{border:1px solid #777;color:#777}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#3c3c3c;color:#3c3c3c}.button.hollow.success{border:1px solid #3adb76;color:#3adb76}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#157539;color:#157539}.button.hollow.warning{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#805700;color:#805700}.button.hollow.alert{border:1px solid #ec5840;color:#ec5840}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#881f0e;color:#881f0e}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover{background-color:#2199e8;color:#fefefe}.button.disabled.primary,.button[disabled].primary{opacity:.25;cursor:not-allowed}.button.disabled.primary:focus,.button.disabled.primary:hover,.button[disabled].primary:focus,.button[disabled].primary:hover{background-color:#2199e8;color:#fefefe}.button.disabled.secondary,.button[disabled].secondary{opacity:.25;cursor:not-allowed}.button.disabled.secondary:focus,.button.disabled.secondary:hover,.button[disabled].secondary:focus,.button[disabled].secondary:hover{background-color:#777;color:#fefefe}.button.disabled.success,.button[disabled].success{opacity:.25;cursor:not-allowed}.button.disabled.success:focus,.button.disabled.success:hover,.button[disabled].success:focus,.button[disabled].success:hover{background-color:#3adb76;color:#fefefe}.button.disabled.warning,.button[disabled].warning{opacity:.25;cursor:not-allowed}.button.disabled.warning:focus,.button.disabled.warning:hover,.button[disabled].warning:focus,.button[disabled].warning:hover{background-color:#ffae00;color:#fefefe}.button.disabled.alert,.button[disabled].alert{opacity:.25;cursor:not-allowed}.button.disabled.alert:focus,.button.disabled.alert:hover,.button[disabled].alert:focus,.button[disabled].alert:hover{background-color:#ec5840;color:#fefefe}.button.dropdown:after{content:'';display:block;width:0;height:0;border:.4em inset;border-color:#fefefe transparent transparent;border-top-style:solid;border-bottom-width:0;position:relative;top:.4em;float:right;margin-left:1em;display:inline-block}.button.arrow-only:after{margin-left:0;float:none;top:-.1em}.accordion{list-style-type:none;background:#fefefe;margin-left:0}.accordion-item:first-child>:first-child,.accordion-item:last-child>:last-child{border-radius:0 0 0 0}.accordion-title{display:block;padding:1.25rem 1rem;line-height:1;font-size:.75rem;color:#2199e8;position:relative;border:1px solid #e6e6e6;border-bottom:0}:last-child:not(.is-active)>.accordion-title{border-radius:0 0 0 0;border-bottom:1px solid #e6e6e6}.accordion-title:focus,.accordion-title:hover{background-color:#e6e6e6}.accordion-title:before{content:'+';position:absolute;right:1rem;top:50%;margin-top:-.5rem}.is-active>.accordion-title:before{content:'–'}.accordion-content{padding:1rem;display:none;border:1px solid #e6e6e6;border-bottom:0;background-color:#fefefe;color:#0a0a0a}:last-child>.accordion-content:last-child{border-bottom:1px solid #e6e6e6}.is-accordion-submenu-parent>a{position:relative}.is-accordion-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:6px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;position:absolute;top:50%;margin-top:-4px;right:1rem}.is-accordion-submenu-parent[aria-expanded=true]>a:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.badge{display:inline-block;padding:.3em;min-width:2.1em;font-size:.6rem;text-align:center;border-radius:50%;background:#2199e8;color:#fefefe}.badge.secondary{background:#777;color:#fefefe}.badge.success{background:#3adb76;color:#fefefe}.badge.warning{background:#ffae00;color:#fefefe}.badge.alert{background:#ec5840;color:#fefefe}.breadcrumbs{list-style:none;margin:0 0 1rem}.breadcrumbs:after,.breadcrumbs:before{content:' ';display:table;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.breadcrumbs:after{clear:both}.breadcrumbs li{float:left;color:#0a0a0a;font-size:.6875rem;cursor:default;text-transform:uppercase}.breadcrumbs li:not(:last-child):after{color:#cacaca;content:"/";margin:0 .75rem;position:relative;top:1px;opacity:1}.breadcrumbs a{color:#2199e8}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#cacaca;cursor:not-allowed}.button-group{margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.button-group:after,.button-group:before{content:' ';display:table;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.button-group:after{clear:both}.button-group .button{margin:0;margin-right:1px;margin-bottom:1px;font-size:.9rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.button-group .button:last-child{margin-right:0}.button-group.tiny .button{font-size:.6rem}.button-group.small .button{font-size:.75rem}.button-group.large .button{font-size:1.25rem}.button-group.expanded .button{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px}.button-group.primary .button{background-color:#2199e8;color:#fefefe}.button-group.primary .button:focus,.button-group.primary .button:hover{background-color:#147cc0;color:#fefefe}.button-group.secondary .button{background-color:#777;color:#fefefe}.button-group.secondary .button:focus,.button-group.secondary .button:hover{background-color:#5f5f5f;color:#fefefe}.button-group.success .button{background-color:#3adb76;color:#fefefe}.button-group.success .button:focus,.button-group.success .button:hover{background-color:#22bb5b;color:#fefefe}.button-group.warning .button{background-color:#ffae00;color:#fefefe}.button-group.warning .button:focus,.button-group.warning .button:hover{background-color:#cc8b00;color:#fefefe}.button-group.alert .button{background-color:#ec5840;color:#fefefe}.button-group.alert .button:focus,.button-group.alert .button:hover{background-color:#da3116;color:#fefefe}.button-group.stacked,.button-group.stacked-for-medium,.button-group.stacked-for-small{-ms-flex-wrap:wrap;flex-wrap:wrap}.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button,.button-group.stacked .button{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked .button:last-child{margin-bottom:0}@media screen and (min-width:40em){.button-group.stacked-for-small .button{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px;margin-bottom:0}}@media screen and (min-width:64em){.button-group.stacked-for-medium .button{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px;margin-bottom:0}}@media screen and (max-width:39.9375em){.button-group.stacked-for-small.expanded{display:block}.button-group.stacked-for-small.expanded .button{display:block;margin-right:0}}.callout{margin:0 0 1rem;padding:1rem;border:1px solid hsla(0,0%,4%,.25);border-radius:0;position:relative;color:#0a0a0a;background-color:#fff}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout.primary{background-color:#def0fc}.callout.secondary{background-color:#ebebeb}.callout.success{background-color:#e1faea}.callout.warning{background-color:#fff3d9}.callout.alert{background-color:#fce6e2}.callout.small{padding:.5rem}.callout.large{padding:3rem}.close-button{position:absolute;color:#8a8a8a;right:1rem;top:.5rem;font-size:2em;line-height:1;cursor:pointer}[data-whatinput=mouse] .close-button{outline:0}.close-button:focus,.close-button:hover{color:#0a0a0a}.menu{margin:0;list-style-type:none;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}[data-whatinput=mouse] .menu>li{outline:0}.menu>li>a{display:block;padding:.7rem 1rem;line-height:1}.menu a,.menu button,.menu input{margin-bottom:0}.menu>li>a{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row}.menu>li>a i,.menu>li>a img,.menu>li>a svg{margin-right:.25rem}.menu>li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.menu.vertical{-ms-flex-wrap:wrap;flex-wrap:wrap}.menu.vertical>li{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.menu.vertical>li>a{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media screen and (min-width:40em){.menu.medium-horizontal{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.menu.medium-horizontal>li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.menu.medium-vertical{-ms-flex-wrap:wrap;flex-wrap:wrap}.menu.medium-vertical>li{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.menu.medium-vertical>li>a{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media screen and (min-width:64em){.menu.large-horizontal{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.menu.large-horizontal>li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.menu.large-vertical{-ms-flex-wrap:wrap;flex-wrap:wrap}.menu.large-vertical>li{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.menu.large-vertical>li>a{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.menu.simple li{line-height:1;display:inline-block;margin-right:1rem}.menu.simple a{padding:0}.menu.align-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.menu.expanded>li{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px}.menu.expanded>li:first-child:last-child{width:100%}.menu.icon-top>li>a{-ms-flex-flow:column nowrap;flex-flow:column}.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg{-ms-flex-item-align:stretch;align-self:stretch;text-align:center;margin-bottom:.25rem}.menu.nested{margin-left:1rem}.menu .active>a{color:#fefefe;background:#2199e8}.menu-text{font-weight:700;color:inherit;line-height:1;padding-top:0;padding-bottom:0;padding:.7rem 1rem}.menu-centered{text-align:center}.menu-centered>.menu{display:inline-block}.no-js [data-responsive-menu] ul{display:none}.menu-icon{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;width:20px;height:16px}.menu-icon:after{content:'';position:absolute;display:block;width:100%;height:2px;background:#fefefe;top:0;left:0;box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe}.menu-icon:hover:after{background:#cacaca;box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca}.menu-icon.dark{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;width:20px;height:16px}.menu-icon.dark:after{content:'';position:absolute;display:block;width:100%;height:2px;background:#0a0a0a;top:0;left:0;box-shadow:0 7px 0 #0a0a0a,0 14px 0 #0a0a0a}.menu-icon.dark:hover:after{background:#8a8a8a;box-shadow:0 7px 0 #8a8a8a,0 14px 0 #8a8a8a}.is-drilldown{position:relative;overflow:hidden}.is-drilldown li{display:block!important}.is-drilldown-submenu{position:absolute;top:0;left:100%;z-index:-1;width:100%;background:#fefefe;-webkit-transition:-webkit-transform .15s linear;transition:transform .15s linear}.is-drilldown-submenu.is-active{z-index:1;display:block;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.is-drilldown-submenu.is-closing{-webkit-transform:translateX(100%);transform:translateX(100%)}.is-drilldown-submenu-parent>a{position:relative}.is-drilldown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:6px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0;position:absolute;top:50%;margin-top:-6px;right:1rem}.js-drilldown-back>a:before{content:'';display:block;width:0;height:0;border:6px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0;display:inline-block;vertical-align:middle;margin-right:.75rem}.dropdown-pane{background-color:#fefefe;border:1px solid #cacaca;border-radius:0;display:block;font-size:1rem;padding:1rem;position:absolute;visibility:hidden;width:300px;z-index:10}.dropdown-pane.is-open{visibility:visible}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}.dropdown.menu>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}[data-whatinput=mouse] .dropdown.menu a{outline:0}.no-js .dropdown.menu ul{display:none}.dropdown.menu.vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.vertical>li>a:after{right:14px;margin-top:-3px}.dropdown.menu.vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}@media screen and (min-width:40em){.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}.dropdown.menu.medium-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.medium-vertical>li>a:after{right:14px;margin-top:-3px}.dropdown.menu.medium-vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.medium-vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}}@media screen and (min-width:64em){.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}.dropdown.menu.large-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.large-vertical>li>a:after{right:14px;margin-top:-3px}.dropdown.menu.large-vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.large-vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}}.dropdown.menu.align-right .is-dropdown-submenu.first-sub{top:100%;left:auto;right:0}.is-dropdown-menu.vertical{width:100px}.is-dropdown-menu.vertical.align-right{float:right}.is-dropdown-submenu-parent{position:relative}.is-dropdown-submenu-parent a:after{position:absolute;top:50%;right:5px;margin-top:-2px}.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu{top:100%;left:auto}.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu{left:auto;right:100%}.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu{right:auto;left:100%}.is-dropdown-submenu{display:none;position:absolute;top:0;left:100%;min-width:200px;z-index:1;background:#fefefe;border:1px solid #cacaca}.is-dropdown-submenu .is-dropdown-submenu-parent>a:after{right:14px;margin-top:-3px}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}.is-dropdown-submenu .is-dropdown-submenu{margin-top:-1px}.is-dropdown-submenu>li{width:100%}.is-dropdown-submenu.js-dropdown-active{display:block}.flex-video{position:relative;height:0;padding-bottom:75%;margin-bottom:1rem;overflow:hidden}.flex-video embed,.flex-video iframe,.flex-video object,.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:.33333rem .5rem;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;border-radius:0;background:#2199e8;color:#fefefe}.label.secondary{background:#777;color:#fefefe}.label.success{background:#3adb76;color:#fefefe}.label.warning{background:#ffae00;color:#fefefe}.label.alert{background:#ec5840;color:#fefefe}.media-object{margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.media-object img{max-width:none}@media screen and (max-width:39.9375em){.media-object.stack-for-small{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:39.9375em){.media-object.stack-for-small .media-object-section{padding:0;padding-bottom:1rem;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.media-object.stack-for-small .media-object-section img{width:100%}}.media-object-section{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.media-object-section:first-child{padding-right:1rem}.media-object-section:last-child:not(:nth-child(2)){padding-left:1rem}.media-object-section>:last-child{margin-bottom:0}.media-object-section.main-section{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px}body,html{height:100%}.off-canvas-wrapper{width:100%;overflow-x:hidden;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:auto}.off-canvas-wrapper-inner{position:relative;width:100%;min-height:100%;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.off-canvas-wrapper-inner:after,.off-canvas-wrapper-inner:before{content:' ';display:table;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.off-canvas-wrapper-inner:after{clear:both}.off-canvas-content{min-height:100%;background:#fefefe;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;padding-bottom:.1px;box-shadow:0 0 10px hsla(0,0%,4%,.5)}.js-off-canvas-exit{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.25);cursor:pointer;-webkit-transition:background .5s ease;transition:background .5s ease}.off-canvas{position:absolute;background:#e6e6e6;z-index:-1;max-height:100%;overflow-y:auto;-webkit-transform:translateX(0);transform:translateX(0)}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.position-left{left:-250px;top:0;width:250px}.is-open-left{-webkit-transform:translateX(250px);transform:translateX(250px)}.off-canvas.position-right{right:-250px;top:0;width:250px}.is-open-right{-webkit-transform:translateX(-250px);transform:translateX(-250px)}@media screen and (min-width:40em){.position-left.reveal-for-medium{left:0;z-index:auto;position:fixed}.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{right:0;z-index:auto;position:fixed}.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}}@media screen and (min-width:64em){.position-left.reveal-for-large{left:0;z-index:auto;position:fixed}.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{right:0;z-index:auto;position:fixed}.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}}.orbit,.orbit-container{position:relative}.orbit-container{margin:0;overflow:hidden;list-style:none}.orbit-slide{width:100%;max-height:100%}.orbit-slide.no-motionui.is-active{top:0;left:0}.orbit-figure{margin:0}.orbit-image{margin:0;width:100%;max-width:100%}.orbit-caption{bottom:0;width:100%;margin-bottom:0;background-color:hsla(0,0%,4%,.5)}.orbit-caption,.orbit-next,.orbit-previous{position:absolute;padding:1rem;color:#fefefe}.orbit-next,.orbit-previous{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover{background-color:hsla(0,0%,4%,.5)}.orbit-previous{left:0}.orbit-next{left:auto;right:0}.orbit-bullets{position:relative;margin-top:.8rem;margin-bottom:.8rem;text-align:center}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{width:1.2rem;height:1.2rem;margin:.1rem;background-color:#cacaca;border-radius:50%}.orbit-bullets button.is-active,.orbit-bullets button:hover{background-color:#8a8a8a}.pagination{margin-left:0;margin-bottom:1rem}.pagination:after,.pagination:before{content:' ';display:table;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.pagination:after{clear:both}.pagination li{font-size:.875rem;margin-right:.0625rem;border-radius:0;display:none}.pagination li:first-child,.pagination li:last-child{display:inline-block}@media screen and (min-width:40em){.pagination li{display:inline-block}}.pagination a,.pagination button{color:#0a0a0a;display:block;padding:.1875rem .625rem;border-radius:0}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination .current{padding:.1875rem .625rem;background:#2199e8;color:#fefefe;cursor:default}.pagination .disabled{padding:.1875rem .625rem;color:#cacaca;cursor:not-allowed}.pagination .disabled:hover{background:transparent}.pagination .ellipsis:after{content:'\2026';padding:.1875rem .625rem;color:#0a0a0a}.pagination-previous.disabled:before,.pagination-previous a:before{content:'\00ab';display:inline-block;margin-right:.5rem}.pagination-next.disabled:after,.pagination-next a:after{content:'\00bb';display:inline-block;margin-left:.5rem}.progress{background-color:#cacaca;height:1rem;margin-bottom:1rem;border-radius:0}.progress.primary .progress-meter{background-color:#2199e8}.progress.secondary .progress-meter{background-color:#777}.progress.success .progress-meter{background-color:#3adb76}.progress.warning .progress-meter{background-color:#ffae00}.progress.alert .progress-meter{background-color:#ec5840}.progress-meter{position:relative;display:block;width:0;height:100%;background-color:#2199e8}.progress-meter-text{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;margin:0;font-size:.75rem;font-weight:700;color:#fefefe;white-space:nowrap}.slider{position:relative;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;background-color:#e6e6e6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.slider-fill{position:absolute;top:0;left:0;display:inline-block;max-width:100%;height:.5rem;background-color:#cacaca;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.slider-fill.is-dragging{-webkit-transition:all 0s linear;transition:all 0s linear}.slider-handle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;left:0;z-index:1;display:inline-block;width:1.4rem;height:1.4rem;background-color:#2199e8;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-ms-touch-action:manipulation;touch-action:manipulation;border-radius:0}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#1583cc}.slider-handle.is-dragging{-webkit-transition:all 0s linear;transition:all 0s linear}.slider.disabled,.slider[disabled]{opacity:.25;cursor:not-allowed}.slider.vertical{display:inline-block;width:.5rem;height:12.5rem;margin:0 1.25rem;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.slider.vertical .slider-fill{top:0;width:.5rem;max-height:100%}.slider.vertical .slider-handle{position:absolute;top:0;left:50%;width:1.4rem;height:1.4rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.sticky-container{position:relative}.sticky{position:absolute;z-index:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.sticky.is-stuck{position:fixed;z-index:5}.sticky.is-stuck.is-at-top{top:0}.sticky.is-stuck.is-at-bottom{bottom:0}.sticky.is-anchored{position:absolute;left:auto;right:auto}.sticky.is-anchored.is-at-bottom{bottom:0}body.is-reveal-open{overflow:hidden}html.is-reveal-open,html.is-reveal-open body{min-height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reveal-overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1005;background-color:hsla(0,0%,4%,.45);overflow-y:scroll}.reveal{display:none;z-index:1006;padding:1rem;border:1px solid #cacaca;background-color:#fefefe;border-radius:0;position:relative;top:100px;margin-left:auto;margin-right:auto;overflow-y:auto}[data-whatinput=mouse] .reveal{outline:0}@media screen and (min-width:40em){.reveal{min-height:0}}.reveal .column,.reveal .columns{min-width:0}.reveal>:last-child{margin-bottom:0}@media screen and (min-width:40em){.reveal{width:600px;max-width:75rem}}@media screen and (min-width:40em){.reveal .reveal{left:auto;right:auto;margin:0 auto}}.reveal.collapse{padding:0}@media screen and (min-width:40em){.reveal.tiny{width:30%;max-width:75rem}}@media screen and (min-width:40em){.reveal.small{width:50%;max-width:75rem}}@media screen and (min-width:40em){.reveal.large{width:90%;max-width:75rem}}.reveal.full{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}@media screen and (max-width:39.9375em){.reveal{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}}.reveal.without-overlay{position:fixed}.switch{height:2rem;margin-bottom:1rem;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fefefe;font-weight:700;font-size:.875rem}.switch-input{opacity:0;position:absolute;margin-bottom:0}.switch-paddle{background:#cacaca;cursor:pointer;display:block;position:relative;width:4rem;height:2rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;border-radius:0;color:inherit;font-weight:inherit}input+.switch-paddle{margin:0}.switch-paddle:after{background:#fefefe;content:'';display:block;position:absolute;height:1.5rem;left:.25rem;top:.25rem;width:1.5rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:0}input:checked~.switch-paddle{background:#2199e8}input:checked~.switch-paddle:after{left:2.25rem}[data-whatinput=mouse] input:focus~.switch-paddle{outline:0}.switch-active,.switch-inactive{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.switch-active{left:8%;display:none}input:checked+label>.switch-active{display:block}.switch-inactive{right:15%}input:checked+label>.switch-inactive{display:none}.switch.tiny{height:1.5rem}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle:after{width:1rem;height:1rem}.switch.tiny input:checked~.switch-paddle:after{left:1.75rem}.switch.small{height:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle:after{width:1.25rem;height:1.25rem}.switch.small input:checked~.switch-paddle:after{left:2rem}.switch.large{height:2.5rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle:after{width:2rem;height:2rem}.switch.large input:checked~.switch-paddle:after{left:2.75rem}table{width:100%;margin-bottom:1rem;border-radius:0}table tbody,table tfoot,table thead{border:1px solid #f1f1f1;background-color:#fefefe}table caption{font-weight:700;padding:.5rem .625rem .625rem}table thead{background:#f8f8f8;color:#0a0a0a}table tfoot{background:#f1f1f1;color:#0a0a0a}table tfoot tr,table thead tr{background:transparent}table tfoot td,table tfoot th,table thead td,table thead th{padding:.5rem .625rem .625rem;font-weight:700;text-align:left}table tbody tr:nth-child(even){background-color:#f1f1f1}table tbody td,table tbody th{padding:.5rem .625rem .625rem}@media screen and (max-width:63.9375em){table.stack tfoot,table.stack thead{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}}table.scroll{display:block;width:100%;overflow-x:auto}table.hover thead tr:hover{background-color:#f3f3f3}table.hover tfoot tr:hover{background-color:#ececec}table.hover tbody tr:hover{background-color:#f9f9f9}table.hover tbody tr:nth-of-type(even):hover{background-color:#ececec}.table-scroll{overflow-x:auto}.table-scroll table{width:auto}.tabs{margin:0;list-style-type:none;background:#fefefe;border:1px solid #e6e6e6}.tabs:after,.tabs:before{content:' ';display:table;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.tabs:after{clear:both}.tabs.vertical>li{width:auto;float:none;display:block}.tabs.simple>li>a{padding:0}.tabs.simple>li>a:hover{background:transparent}.tabs.primary{background:#2199e8}.tabs.primary>li>a{color:#fefefe}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#1893e4}.tabs-title{float:left}.tabs-title>a{display:block;padding:1.25rem 1.5rem;line-height:1;font-size:.75rem}.tabs-title>a:hover{background:#fefefe}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{background:#e6e6e6}.tabs-content{background:#fefefe;-webkit-transition:all .5s ease;transition:all .5s ease;border:1px solid #e6e6e6;border-top:0}.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}.tabs-panel{display:none;padding:1rem}.tabs-panel.is-active{display:block}.thumbnail{border:4px solid #fefefe;box-shadow:0 0 0 1px hsla(0,0%,4%,.2);display:inline-block;line-height:0;max-width:100%;-webkit-transition:-webkit-box-shadow .2s ease-out;transition:box-shadow .2s ease-out;border-radius:0;margin-bottom:1rem}.thumbnail:focus,.thumbnail:hover{box-shadow:0 0 6px 1px rgba(33,153,232,.5)}.title-bar{background:#0a0a0a;color:#fefefe;padding:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.title-bar .menu-icon{margin-left:.25rem;margin-right:.25rem}.title-bar-left,.title-bar-right{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px}.title-bar-right{text-align:right}.title-bar-title{vertical-align:middle}.has-tip,.title-bar-title{font-weight:700;display:inline-block}.has-tip{border-bottom:1px dotted #8a8a8a;position:relative;cursor:help}.tooltip{background-color:#0a0a0a;color:#fefefe;font-size:80%;padding:.75rem;position:absolute;z-index:10;top:calc(100% + .6495rem);max-width:10rem!important;border-radius:0}.tooltip:before{border:.75rem inset;border-color:transparent transparent #0a0a0a;border-bottom-style:solid;border-top-width:0;bottom:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip.top:before,.tooltip:before{content:'';display:block;width:0;height:0}.tooltip.top:before{border:.75rem inset;border-color:#0a0a0a transparent transparent;border-top-style:solid;border-bottom-width:0;top:100%;bottom:auto}.tooltip.left:before{border:.75rem inset;border-color:transparent transparent transparent #0a0a0a;border-left-style:solid;border-right-width:0;left:100%}.tooltip.left:before,.tooltip.right:before{content:'';display:block;width:0;height:0;bottom:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.right:before{border:.75rem inset;border-color:transparent #0a0a0a transparent transparent;border-right-style:solid;border-left-width:0;left:auto;right:100%}.top-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar,.top-bar ul{background-color:#e6e6e6}.top-bar input{max-width:200px;margin-right:1rem}.top-bar .input-group-field{width:100%;margin-right:0}.top-bar input.button{width:auto}.top-bar .top-bar-left,.top-bar .top-bar-right{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media screen and (min-width:40em){.top-bar{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.top-bar .top-bar-left{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.top-bar .top-bar-right{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}}@media screen and (max-width:63.9375em){.top-bar.stacked-for-medium{-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media screen and (max-width:74.9375em){.top-bar.stacked-for-large{-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.top-bar-title{margin-right:1rem}.top-bar-left,.top-bar-right,.top-bar-title{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (max-width:39.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media screen and (min-width:40em){.hide-for-medium{display:none!important}}@media screen and (max-width:39.9375em){.show-for-medium{display:none!important}}@media screen and (min-width:40em) and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:39.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.show-for-large{display:none!important}}@media screen and (min-width:64em) and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!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}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{content:' ';display:table;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.clearfix:after{clear:both}.align-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.align-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-justify{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.align-spaced{-ms-flex-pack:distribute;justify-content:space-around}.align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-self-top{-ms-flex-item-align:start;align-self:flex-start}.align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.align-self-bottom{-ms-flex-item-align:end;align-self:flex-end}.align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-self-middle{-ms-flex-item-align:center;align-self:center}.align-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}.small-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.small-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.small-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.small-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.small-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.small-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}@media screen and (min-width:40em){.medium-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.medium-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.medium-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.medium-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.medium-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.medium-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}}@media screen and (min-width:64em){.large-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.large-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.large-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.large-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.large-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.large-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}}
\ No newline at end of file
diff --git a/libraries/foundation-6/dist/foundation-rtl.css b/libraries/foundation-6/dist/foundation-rtl.css
index 81c4f428..c374d7d9 100644
--- a/libraries/foundation-6/dist/foundation-rtl.css
+++ b/libraries/foundation-6/dist/foundation-rtl.css
@@ -1,7 +1,7 @@
@charset "UTF-8";
/**
* Foundation for Sites by ZURB
- * Version 6.2.3
+ * Version 6.2.4
* foundation.zurb.com
* Licensed under MIT Open Source
*/
@@ -446,7 +446,6 @@ button {
padding-left: 0;
padding-right: 0; }
.row .row {
- max-width: none;
margin-left: -0.625rem;
margin-right: -0.625rem; }
@media screen and (min-width: 40em) {
@@ -478,11 +477,12 @@ button {
.column.row.row, .row.row.columns {
float: none; }
- .row .column.row.row, .row .row.row.columns {
- padding-left: 0;
- padding-right: 0;
- margin-left: 0;
- margin-right: 0; }
+
+.row .column.row.row, .row .row.row.columns {
+ padding-left: 0;
+ padding-right: 0;
+ margin-left: 0;
+ margin-right: 0; }
.small-1 {
width: 8.33333%; }
@@ -652,7 +652,7 @@ button {
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
- float: left; }
+ float: right; }
.small-up-2 > .column, .small-up-2 > .columns {
width: 50%;
@@ -662,7 +662,7 @@ button {
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
- float: left; }
+ float: right; }
.small-up-3 > .column, .small-up-3 > .columns {
width: 33.33333%;
@@ -672,7 +672,7 @@ button {
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
- float: left; }
+ float: right; }
.small-up-4 > .column, .small-up-4 > .columns {
width: 25%;
@@ -682,7 +682,7 @@ button {
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
- float: left; }
+ float: right; }
.small-up-5 > .column, .small-up-5 > .columns {
width: 20%;
@@ -692,7 +692,7 @@ button {
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
- float: left; }
+ float: right; }
.small-up-6 > .column, .small-up-6 > .columns {
width: 16.66667%;
@@ -702,7 +702,7 @@ button {
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
- float: left; }
+ float: right; }
.small-up-7 > .column, .small-up-7 > .columns {
width: 14.28571%;
@@ -712,7 +712,7 @@ button {
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
- float: left; }
+ float: right; }
.small-up-8 > .column, .small-up-8 > .columns {
width: 12.5%;
@@ -722,13 +722,16 @@ button {
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
- float: left; }
+ float: right; }
.small-collapse > .column, .small-collapse > .columns {
padding-left: 0;
padding-right: 0; }
-.small-collapse .row,
+.small-collapse .row {
+ margin-left: 0;
+ margin-right: 0; }
+
.expanded.row .small-collapse.row {
margin-left: 0;
margin-right: 0; }
@@ -738,9 +741,11 @@ button {
padding-right: 0.625rem; }
.small-centered {
- float: none;
margin-left: auto;
margin-right: auto; }
+ .small-centered, .small-centered:last-child:not(:first-child) {
+ float: none;
+ clear: both; }
.small-uncentered,
.small-push-0,
@@ -873,7 +878,7 @@ button {
.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
- float: left; }
+ float: right; }
.medium-up-2 > .column, .medium-up-2 > .columns {
width: 50%;
float: right; }
@@ -882,7 +887,7 @@ button {
.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
- float: left; }
+ float: right; }
.medium-up-3 > .column, .medium-up-3 > .columns {
width: 33.33333%;
float: right; }
@@ -891,7 +896,7 @@ button {
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
- float: left; }
+ float: right; }
.medium-up-4 > .column, .medium-up-4 > .columns {
width: 25%;
float: right; }
@@ -900,7 +905,7 @@ button {
.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
- float: left; }
+ float: right; }
.medium-up-5 > .column, .medium-up-5 > .columns {
width: 20%;
float: right; }
@@ -909,7 +914,7 @@ button {
.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
- float: left; }
+ float: right; }
.medium-up-6 > .column, .medium-up-6 > .columns {
width: 16.66667%;
float: right; }
@@ -918,7 +923,7 @@ button {
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
- float: left; }
+ float: right; }
.medium-up-7 > .column, .medium-up-7 > .columns {
width: 14.28571%;
float: right; }
@@ -927,7 +932,7 @@ button {
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
- float: left; }
+ float: right; }
.medium-up-8 > .column, .medium-up-8 > .columns {
width: 12.5%;
float: right; }
@@ -936,11 +941,13 @@ button {
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
- float: left; }
+ float: right; }
.medium-collapse > .column, .medium-collapse > .columns {
padding-left: 0;
padding-right: 0; }
- .medium-collapse .row,
+ .medium-collapse .row {
+ margin-left: 0;
+ margin-right: 0; }
.expanded.row .medium-collapse.row {
margin-left: 0;
margin-right: 0; }
@@ -948,9 +955,11 @@ button {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.medium-centered {
- float: none;
margin-left: auto;
margin-right: auto; }
+ .medium-centered, .medium-centered:last-child:not(:first-child) {
+ float: none;
+ clear: both; }
.medium-uncentered,
.medium-push-0,
.medium-pull-0 {
@@ -1082,7 +1091,7 @@ button {
.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
- float: left; }
+ float: right; }
.large-up-2 > .column, .large-up-2 > .columns {
width: 50%;
float: right; }
@@ -1091,7 +1100,7 @@ button {
.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
- float: left; }
+ float: right; }
.large-up-3 > .column, .large-up-3 > .columns {
width: 33.33333%;
float: right; }
@@ -1100,7 +1109,7 @@ button {
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
- float: left; }
+ float: right; }
.large-up-4 > .column, .large-up-4 > .columns {
width: 25%;
float: right; }
@@ -1109,7 +1118,7 @@ button {
.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
- float: left; }
+ float: right; }
.large-up-5 > .column, .large-up-5 > .columns {
width: 20%;
float: right; }
@@ -1118,7 +1127,7 @@ button {
.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
- float: left; }
+ float: right; }
.large-up-6 > .column, .large-up-6 > .columns {
width: 16.66667%;
float: right; }
@@ -1127,7 +1136,7 @@ button {
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
- float: left; }
+ float: right; }
.large-up-7 > .column, .large-up-7 > .columns {
width: 14.28571%;
float: right; }
@@ -1136,7 +1145,7 @@ button {
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
- float: left; }
+ float: right; }
.large-up-8 > .column, .large-up-8 > .columns {
width: 12.5%;
float: right; }
@@ -1145,11 +1154,13 @@ button {
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
- float: left; }
+ float: right; }
.large-collapse > .column, .large-collapse > .columns {
padding-left: 0;
padding-right: 0; }
- .large-collapse .row,
+ .large-collapse .row {
+ margin-left: 0;
+ margin-right: 0; }
.expanded.row .large-collapse.row {
margin-left: 0;
margin-right: 0; }
@@ -1157,9 +1168,11 @@ button {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.large-centered {
- float: none;
margin-left: auto;
margin-right: auto; }
+ .large-centered, .large-centered:last-child:not(:first-child) {
+ float: none;
+ clear: both; }
.large-uncentered,
.large-push-0,
.large-pull-0 {
@@ -1789,6 +1802,36 @@ select {
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #2199e8;
color: #fefefe; }
+ .button.disabled.primary, .button[disabled].primary {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus {
+ background-color: #2199e8;
+ color: #fefefe; }
+ .button.disabled.secondary, .button[disabled].secondary {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
+ background-color: #777;
+ color: #fefefe; }
+ .button.disabled.success, .button[disabled].success {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
+ background-color: #3adb76;
+ color: #fefefe; }
+ .button.disabled.warning, .button[disabled].warning {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
+ background-color: #ffae00;
+ color: #fefefe; }
+ .button.disabled.alert, .button[disabled].alert {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
+ background-color: #ec5840;
+ color: #fefefe; }
.button.dropdown::after {
content: '';
display: block;
@@ -2225,7 +2268,6 @@ select {
top: 0;
right: 100%;
z-index: -1;
- height: 100%;
width: 100%;
background: #fefefe;
-webkit-transition: -webkit-transform 0.15s linear;
@@ -2616,6 +2658,7 @@ body {
.off-canvas-wrapper-inner {
position: relative;
width: 100%;
+ min-height: 100%;
-webkit-transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease; }
.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
@@ -2984,7 +3027,7 @@ body.is-reveal-open {
html.is-reveal-open,
html.is-reveal-open body {
- height: 100%;
+ min-height: 100%;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
@@ -3074,6 +3117,7 @@ html.is-reveal-open body {
position: fixed; }
.switch {
+ height: 2rem;
margin-bottom: 1rem;
outline: 0;
position: relative;
@@ -3087,7 +3131,8 @@ html.is-reveal-open body {
.switch-input {
opacity: 0;
- position: absolute; }
+ position: absolute;
+ margin-bottom: 0; }
.switch-paddle {
background: #cacaca;
@@ -3142,41 +3187,41 @@ html.is-reveal-open body {
input:checked + label > .switch-inactive {
display: none; }
-.switch.tiny .switch-paddle {
- width: 3rem;
- height: 1.5rem;
- font-size: 0.625rem; }
-
-.switch.tiny .switch-paddle::after {
- width: 1rem;
- height: 1rem; }
-
-.switch.tiny input:checked ~ .switch-paddle::after {
- right: 1.75rem; }
-
-.switch.small .switch-paddle {
- width: 3.5rem;
- height: 1.75rem;
- font-size: 0.75rem; }
-
-.switch.small .switch-paddle::after {
- width: 1.25rem;
- height: 1.25rem; }
-
-.switch.small input:checked ~ .switch-paddle::after {
- right: 2rem; }
-
-.switch.large .switch-paddle {
- width: 5rem;
- height: 2.5rem;
- font-size: 1rem; }
-
-.switch.large .switch-paddle::after {
- width: 2rem;
- height: 2rem; }
+.switch.tiny {
+ height: 1.5rem; }
+ .switch.tiny .switch-paddle {
+ width: 3rem;
+ height: 1.5rem;
+ font-size: 0.625rem; }
+ .switch.tiny .switch-paddle::after {
+ width: 1rem;
+ height: 1rem; }
+ .switch.tiny input:checked ~ .switch-paddle::after {
+ right: 1.75rem; }
+
+.switch.small {
+ height: 1.75rem; }
+ .switch.small .switch-paddle {
+ width: 3.5rem;
+ height: 1.75rem;
+ font-size: 0.75rem; }
+ .switch.small .switch-paddle::after {
+ width: 1.25rem;
+ height: 1.25rem; }
+ .switch.small input:checked ~ .switch-paddle::after {
+ right: 2rem; }
-.switch.large input:checked ~ .switch-paddle::after {
- right: 2.75rem; }
+.switch.large {
+ height: 2.5rem; }
+ .switch.large .switch-paddle {
+ width: 5rem;
+ height: 2.5rem;
+ font-size: 1rem; }
+ .switch.large .switch-paddle::after {
+ width: 2rem;
+ height: 2rem; }
+ .switch.large input:checked ~ .switch-paddle::after {
+ right: 2.75rem; }
table {
width: 100%;
@@ -3190,20 +3235,22 @@ table {
table caption {
font-weight: bold;
padding: 0.5rem 0.625rem 0.625rem; }
- table thead,
- table tfoot {
+ table thead {
background: #f8f8f8;
color: #0a0a0a; }
- table thead tr,
- table tfoot tr {
- background: transparent; }
- table thead th,
- table thead td,
- table tfoot th,
- table tfoot td {
- padding: 0.5rem 0.625rem 0.625rem;
- font-weight: bold;
- text-align: right; }
+ table tfoot {
+ background: #f1f1f1;
+ color: #0a0a0a; }
+ table thead tr,
+ table tfoot tr {
+ background: transparent; }
+ table thead th,
+ table thead td,
+ table tfoot th,
+ table tfoot td {
+ padding: 0.5rem 0.625rem 0.625rem;
+ font-weight: bold;
+ text-align: right; }
table tbody tr:nth-child(even) {
background-color: #f1f1f1; }
table tbody th,
@@ -3227,10 +3274,16 @@ table.scroll {
width: 100%;
overflow-x: auto; }
-table.hover tr:hover {
+table.hover thead tr:hover {
+ background-color: #f3f3f3; }
+
+table.hover tfoot tr:hover {
+ background-color: #ececec; }
+
+table.hover tbody tr:hover {
background-color: #f9f9f9; }
-table.hover tr:nth-of-type(even):hover {
+table.hover tbody tr:nth-of-type(even):hover {
background-color: #ececec; }
.table-scroll {
@@ -3335,29 +3388,6 @@ table.hover tr:nth-of-type(even):hover {
vertical-align: middle;
display: inline-block; }
-.menu-icon.dark {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- cursor: pointer;
- width: 20px;
- height: 16px; }
- .menu-icon.dark::after {
- content: '';
- position: absolute;
- display: block;
- width: 100%;
- height: 2px;
- background: #0a0a0a;
- top: 0;
- left: 0;
- -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
- box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; }
- .menu-icon.dark:hover::after {
- background: #8a8a8a;
- -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
- box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
-
.has-tip {
border-bottom: dotted 1px #8a8a8a;
font-weight: bold;
diff --git a/libraries/foundation-6/dist/foundation-rtl.min.css b/libraries/foundation-6/dist/foundation-rtl.min.css
index f11786c0..3cff5f4c 100644
--- a/libraries/foundation-6/dist/foundation-rtl.min.css
+++ b/libraries/foundation-6/dist/foundation-rtl.min.css
@@ -1,2 +1,2 @@
@charset "UTF-8";
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:not-allowed}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{font-size:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{padding:0;margin:0;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;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;border-radius:0}select{width:100%;border-radius:0}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{-webkit-appearance:none;-moz-appearance:none;background:transparent;padding:0;border:0;border-radius:0;line-height:1}[data-whatinput=mouse] button{outline:0}.is-visible{display:block!important}.is-hidden{display:none!important}.row{max-width:75rem;margin-left:auto;margin-right:auto}.row:after,.row:before{content:' ';display:table}.row:after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row .row{max-width:none;margin-left:-.625rem;margin-right:-.625rem}@media screen and (min-width:40em){.row .row{margin-left:-.9375rem;margin-right:-.9375rem}}.row .row.collapse{margin-left:0;margin-right:0}.row.expanded{max-width:none}.row.expanded .row{margin-left:auto;margin-right:auto}.column,.columns{width:100%;float:right;padding-left:.625rem;padding-right:.625rem}@media screen and (min-width:40em){.column,.columns{padding-left:.9375rem;padding-right:.9375rem}}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:left}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:right}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.small-1{width:8.33333%}.small-push-1{position:relative;right:8.33333%}.small-pull-1{position:relative;right:-8.33333%}.small-offset-0{margin-right:0}.small-2{width:16.66667%}.small-push-2{position:relative;right:16.66667%}.small-pull-2{position:relative;right:-16.66667%}.small-offset-1{margin-right:8.33333%}.small-3{width:25%}.small-push-3{position:relative;right:25%}.small-pull-3{position:relative;right:-25%}.small-offset-2{margin-right:16.66667%}.small-4{width:33.33333%}.small-push-4{position:relative;right:33.33333%}.small-pull-4{position:relative;right:-33.33333%}.small-offset-3{margin-right:25%}.small-5{width:41.66667%}.small-push-5{position:relative;right:41.66667%}.small-pull-5{position:relative;right:-41.66667%}.small-offset-4{margin-right:33.33333%}.small-6{width:50%}.small-push-6{position:relative;right:50%}.small-pull-6{position:relative;right:-50%}.small-offset-5{margin-right:41.66667%}.small-7{width:58.33333%}.small-push-7{position:relative;right:58.33333%}.small-pull-7{position:relative;right:-58.33333%}.small-offset-6{margin-right:50%}.small-8{width:66.66667%}.small-push-8{position:relative;right:66.66667%}.small-pull-8{position:relative;right:-66.66667%}.small-offset-7{margin-right:58.33333%}.small-9{width:75%}.small-push-9{position:relative;right:75%}.small-pull-9{position:relative;right:-75%}.small-offset-8{margin-right:66.66667%}.small-10{width:83.33333%}.small-push-10{position:relative;right:83.33333%}.small-pull-10{position:relative;right:-83.33333%}.small-offset-9{margin-right:75%}.small-11{width:91.66667%}.small-push-11{position:relative;right:91.66667%}.small-pull-11{position:relative;right:-91.66667%}.small-offset-10{margin-right:83.33333%}.small-12{width:100%}.small-offset-11{margin-right:91.66667%}.small-up-1>.column,.small-up-1>.columns{width:100%;float:right}.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-1>.column:last-child,.small-up-1>.columns:last-child{float:left}.small-up-2>.column,.small-up-2>.columns{width:50%;float:right}.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-2>.column:last-child,.small-up-2>.columns:last-child{float:left}.small-up-3>.column,.small-up-3>.columns{width:33.33333%;float:right}.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-3>.column:last-child,.small-up-3>.columns:last-child{float:left}.small-up-4>.column,.small-up-4>.columns{width:25%;float:right}.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-4>.column:last-child,.small-up-4>.columns:last-child{float:left}.small-up-5>.column,.small-up-5>.columns{width:20%;float:right}.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-5>.column:last-child,.small-up-5>.columns:last-child{float:left}.small-up-6>.column,.small-up-6>.columns{width:16.66667%;float:right}.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-up-6>.column:last-child,.small-up-6>.columns:last-child{float:left}.small-up-7>.column,.small-up-7>.columns{width:14.28571%;float:right}.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){clear:none}.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){clear:both}.small-up-7>.column:last-child,.small-up-7>.columns:last-child{float:left}.small-up-8>.column,.small-up-8>.columns{width:12.5%;float:right}.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){clear:none}.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){clear:both}.small-up-8>.column:last-child,.small-up-8>.columns:last-child{float:left}.small-collapse>.column,.small-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .small-collapse.row,.small-collapse .row{margin-left:0;margin-right:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-left:.625rem;padding-right:.625rem}.small-centered{float:none;margin-left:auto;margin-right:auto}.small-pull-0,.small-push-0,.small-uncentered{position:static;margin-left:0;margin-right:0;float:left}@media screen and (min-width:40em){.medium-1{width:8.33333%}.medium-push-1{position:relative;right:8.33333%}.medium-pull-1{position:relative;right:-8.33333%}.medium-offset-0{margin-right:0}.medium-2{width:16.66667%}.medium-push-2{position:relative;right:16.66667%}.medium-pull-2{position:relative;right:-16.66667%}.medium-offset-1{margin-right:8.33333%}.medium-3{width:25%}.medium-push-3{position:relative;right:25%}.medium-pull-3{position:relative;right:-25%}.medium-offset-2{margin-right:16.66667%}.medium-4{width:33.33333%}.medium-push-4{position:relative;right:33.33333%}.medium-pull-4{position:relative;right:-33.33333%}.medium-offset-3{margin-right:25%}.medium-5{width:41.66667%}.medium-push-5{position:relative;right:41.66667%}.medium-pull-5{position:relative;right:-41.66667%}.medium-offset-4{margin-right:33.33333%}.medium-6{width:50%}.medium-push-6{position:relative;right:50%}.medium-pull-6{position:relative;right:-50%}.medium-offset-5{margin-right:41.66667%}.medium-7{width:58.33333%}.medium-push-7{position:relative;right:58.33333%}.medium-pull-7{position:relative;right:-58.33333%}.medium-offset-6{margin-right:50%}.medium-8{width:66.66667%}.medium-push-8{position:relative;right:66.66667%}.medium-pull-8{position:relative;right:-66.66667%}.medium-offset-7{margin-right:58.33333%}.medium-9{width:75%}.medium-push-9{position:relative;right:75%}.medium-pull-9{position:relative;right:-75%}.medium-offset-8{margin-right:66.66667%}.medium-10{width:83.33333%}.medium-push-10{position:relative;right:83.33333%}.medium-pull-10{position:relative;right:-83.33333%}.medium-offset-9{margin-right:75%}.medium-11{width:91.66667%}.medium-push-11{position:relative;right:91.66667%}.medium-pull-11{position:relative;right:-91.66667%}.medium-offset-10{margin-right:83.33333%}.medium-12{width:100%}.medium-offset-11{margin-right:91.66667%}.medium-up-1>.column,.medium-up-1>.columns{width:100%;float:right}.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-1>.column:last-child,.medium-up-1>.columns:last-child{float:left}.medium-up-2>.column,.medium-up-2>.columns{width:50%;float:right}.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-2>.column:last-child,.medium-up-2>.columns:last-child{float:left}.medium-up-3>.column,.medium-up-3>.columns{width:33.33333%;float:right}.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-3>.column:last-child,.medium-up-3>.columns:last-child{float:left}.medium-up-4>.column,.medium-up-4>.columns{width:25%;float:right}.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-4>.column:last-child,.medium-up-4>.columns:last-child{float:left}.medium-up-5>.column,.medium-up-5>.columns{width:20%;float:right}.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-5>.column:last-child,.medium-up-5>.columns:last-child{float:left}.medium-up-6>.column,.medium-up-6>.columns{width:16.66667%;float:right}.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-up-6>.column:last-child,.medium-up-6>.columns:last-child{float:left}.medium-up-7>.column,.medium-up-7>.columns{width:14.28571%;float:right}.medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){clear:none}.medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){clear:both}.medium-up-7>.column:last-child,.medium-up-7>.columns:last-child{float:left}.medium-up-8>.column,.medium-up-8>.columns{width:12.5%;float:right}.medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){clear:none}.medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){clear:both}.medium-up-8>.column:last-child,.medium-up-8>.columns:last-child{float:left}.medium-collapse>.column,.medium-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .medium-collapse.row,.medium-collapse .row{margin-left:0;margin-right:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}.medium-centered{float:none;margin-left:auto;margin-right:auto}.medium-pull-0,.medium-push-0,.medium-uncentered{position:static;margin-left:0;margin-right:0;float:left}}@media screen and (min-width:64em){.large-1{width:8.33333%}.large-push-1{position:relative;right:8.33333%}.large-pull-1{position:relative;right:-8.33333%}.large-offset-0{margin-right:0}.large-2{width:16.66667%}.large-push-2{position:relative;right:16.66667%}.large-pull-2{position:relative;right:-16.66667%}.large-offset-1{margin-right:8.33333%}.large-3{width:25%}.large-push-3{position:relative;right:25%}.large-pull-3{position:relative;right:-25%}.large-offset-2{margin-right:16.66667%}.large-4{width:33.33333%}.large-push-4{position:relative;right:33.33333%}.large-pull-4{position:relative;right:-33.33333%}.large-offset-3{margin-right:25%}.large-5{width:41.66667%}.large-push-5{position:relative;right:41.66667%}.large-pull-5{position:relative;right:-41.66667%}.large-offset-4{margin-right:33.33333%}.large-6{width:50%}.large-push-6{position:relative;right:50%}.large-pull-6{position:relative;right:-50%}.large-offset-5{margin-right:41.66667%}.large-7{width:58.33333%}.large-push-7{position:relative;right:58.33333%}.large-pull-7{position:relative;right:-58.33333%}.large-offset-6{margin-right:50%}.large-8{width:66.66667%}.large-push-8{position:relative;right:66.66667%}.large-pull-8{position:relative;right:-66.66667%}.large-offset-7{margin-right:58.33333%}.large-9{width:75%}.large-push-9{position:relative;right:75%}.large-pull-9{position:relative;right:-75%}.large-offset-8{margin-right:66.66667%}.large-10{width:83.33333%}.large-push-10{position:relative;right:83.33333%}.large-pull-10{position:relative;right:-83.33333%}.large-offset-9{margin-right:75%}.large-11{width:91.66667%}.large-push-11{position:relative;right:91.66667%}.large-pull-11{position:relative;right:-91.66667%}.large-offset-10{margin-right:83.33333%}.large-12{width:100%}.large-offset-11{margin-right:91.66667%}.large-up-1>.column,.large-up-1>.columns{width:100%;float:right}.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-1>.column:last-child,.large-up-1>.columns:last-child{float:left}.large-up-2>.column,.large-up-2>.columns{width:50%;float:right}.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-2>.column:last-child,.large-up-2>.columns:last-child{float:left}.large-up-3>.column,.large-up-3>.columns{width:33.33333%;float:right}.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-3>.column:last-child,.large-up-3>.columns:last-child{float:left}.large-up-4>.column,.large-up-4>.columns{width:25%;float:right}.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-4>.column:last-child,.large-up-4>.columns:last-child{float:left}.large-up-5>.column,.large-up-5>.columns{width:20%;float:right}.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-5>.column:last-child,.large-up-5>.columns:last-child{float:left}.large-up-6>.column,.large-up-6>.columns{width:16.66667%;float:right}.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-up-6>.column:last-child,.large-up-6>.columns:last-child{float:left}.large-up-7>.column,.large-up-7>.columns{width:14.28571%;float:right}.large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){clear:none}.large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){clear:both}.large-up-7>.column:last-child,.large-up-7>.columns:last-child{float:left}.large-up-8>.column,.large-up-8>.columns{width:12.5%;float:right}.large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){clear:none}.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){clear:both}.large-up-8>.column:last-child,.large-up-8>.columns:last-child{float:left}.large-collapse>.column,.large-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .large-collapse.row,.large-collapse .row{margin-left:0;margin-right:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}.large-centered{float:none;margin-left:auto;margin-right:auto}.large-pull-0,.large-push-0,.large-uncentered{position:static;margin-left:0;margin-right:0;float:left}}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}p{font-size:inherit;line-height:1.6;margin-bottom:1rem;text-rendering:optimizeLegibility}em,i{font-style:italic}b,em,i,strong{line-height:inherit}b,strong{font-weight:700}small{font-size:80%;line-height:inherit}h1,h2,h3,h4,h5,h6{font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;font-style:normal;color:inherit;text-rendering:optimizeLegibility;margin-top:0;margin-bottom:.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.5rem}h2{font-size:1.25rem}h3{font-size:1.1875rem}h4{font-size:1.125rem}h5{font-size:1.0625rem}h6{font-size:1rem}@media screen and (min-width:40em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9375rem}h4{font-size:1.5625rem}h5{font-size:1.25rem}h6{font-size:1rem}}a{color:#2199e8;text-decoration:none;line-height:inherit;cursor:pointer}a:focus,a:hover{color:#1585cf}a img{border:0}hr{max-width:75rem;height:0;border-right:0;border-top:0;border-bottom:1px solid #cacaca;border-left:0;margin:1.25rem auto;clear:both}dl,ol,ul{line-height:1.6;margin-bottom:1rem;list-style-position:outside}li{font-size:inherit}ul{list-style-type:disc}ol,ul{margin-right:1.25rem}ol ol,ol ul,ul ol,ul ul{margin-right:1.25rem;margin-bottom:0}dl{margin-bottom:1rem}dl dt{margin-bottom:.3rem;font-weight:700}blockquote{margin:0 0 1rem;padding:.5625rem 1.25rem 0 1.1875rem;border-right:1px solid #cacaca}blockquote,blockquote p{line-height:1.6;color:#8a8a8a}cite{display:block;font-size:.8125rem;color:#8a8a8a}cite:before{content:'\2014 \0020'}abbr{color:#0a0a0a;cursor:help;border-bottom:1px dotted #0a0a0a}code{font-weight:400;border:1px solid #cacaca;padding:.125rem .3125rem .0625rem}code,kbd{font-family:Consolas,Liberation Mono,Courier,monospace;color:#0a0a0a;background-color:#e6e6e6}kbd{padding:.125rem .25rem 0;margin:0}.subheader{margin-top:.2rem;margin-bottom:.5rem;font-weight:400;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-right:0;list-style:none}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media screen and (min-width:40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media screen and (min-width:64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{*{background:transparent!important;color:#000!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,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^='#']:after,a[href^='javascript:']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #8a8a8a;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-family:inherit;font-size:1rem;color:#0a0a0a;background-color:#fefefe;box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);border-radius:0;-webkit-transition:-webkit-box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none}[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus{border:1px solid #8a8a8a;background-color:#fefefe;outline:none;box-shadow:0 0 5px #cacaca;-webkit-transition:-webkit-box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{max-width:100%}textarea[rows]{height:auto}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#cacaca}input::-moz-placeholder,textarea::-moz-placeholder{color:#cacaca}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#cacaca}input::placeholder,textarea::placeholder{color:#cacaca}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:not-allowed}[type=button],[type=submit]{border-radius:0;-webkit-appearance:none;-moz-appearance:none}input[type=search]{box-sizing:border-box}[type=checkbox],[type=file],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;margin-right:.5rem;margin-left:1rem;margin-bottom:0;vertical-align:baseline}[type=checkbox]+label[for],[type=radio]+label[for]{cursor:pointer}label>[type=checkbox],label>[type=radio]{margin-left:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;font-weight:400;line-height:1.8;color:#0a0a0a}label.middle{margin:0 0 1rem;padding:.5625rem 0}.help-text{margin-top:-.5rem;font-size:.8125rem;font-style:italic;color:#0a0a0a}.input-group{display:table;width:100%;margin-bottom:1rem}.input-group>:first-child,.input-group>:last-child>*{border-radius:0 0 0 0}.input-group-button,.input-group-field,.input-group-label{margin:0;white-space:nowrap;display:table-cell;vertical-align:middle}.input-group-label{text-align:center;padding:0 1rem;background:#e6e6e6;color:#0a0a0a;border:1px solid #cacaca;white-space:nowrap;width:1%;height:100%}.input-group-label:first-child{border-left:0}.input-group-label:last-child{border-right:0}.input-group-field{border-radius:0;height:2.5rem}.input-group-button{padding-top:0;padding-bottom:0;text-align:center;height:100%;width:1%}.input-group-button a,.input-group-button button,.input-group-button input{margin:0}.input-group .input-group-button{display:table-cell}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:.5rem;max-width:100%}.fieldset{border:1px solid #cacaca;padding:1.25rem;margin:1.125rem 0}.fieldset legend{background:#fefefe;padding:0 .1875rem;margin:0;margin-right:-.1875rem}select{height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-size:1rem;font-family:inherit;line-height:normal;color:#0a0a0a;background-color:#fefefe;border-radius:0;-webkit-appearance:none;-moz-appearance:none;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: rgb%28138, 138, 138%29'></polygon></svg>");background-size:9px 6px;background-position:left -1rem center;background-origin:content-box;background-repeat:no-repeat;padding-left:1.5rem}@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:#e6e6e6;cursor:not-allowed}select::-ms-expand{display:none}select[multiple]{height:auto;background-image:none}.is-invalid-input:not(:focus){background-color:rgba(236,88,64,.1);border-color:#ec5840}.form-error,.is-invalid-label{color:#ec5840}.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700}.form-error.is-visible{display:block}.button{display:inline-block;text-align:center;line-height:1;cursor:pointer;-webkit-appearance:none;-webkit-transition:background-color .25s ease-out,color .25s ease-out;transition:background-color .25s ease-out,color .25s ease-out;vertical-align:middle;border:1px solid transparent;border-radius:0;padding:.85em 1em;margin:0 0 1rem;font-size:.9rem;background-color:#2199e8;color:#fefefe}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background-color:#1583cc;color:#fefefe}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-left:0;margin-right:0}.button.primary{background-color:#2199e8;color:#fefefe}.button.primary:focus,.button.primary:hover{background-color:#147cc0;color:#fefefe}.button.secondary{background-color:#777;color:#fefefe}.button.secondary:focus,.button.secondary:hover{background-color:#5f5f5f;color:#fefefe}.button.success{background-color:#3adb76;color:#fefefe}.button.success:focus,.button.success:hover{background-color:#22bb5b;color:#fefefe}.button.warning{background-color:#ffae00;color:#fefefe}.button.warning:focus,.button.warning:hover{background-color:#cc8b00;color:#fefefe}.button.alert{background-color:#ec5840;color:#fefefe}.button.alert:focus,.button.alert:hover{background-color:#da3116;color:#fefefe}.button.hollow{border:1px solid #2199e8;color:#2199e8}.button.hollow,.button.hollow:focus,.button.hollow:hover{background-color:transparent}.button.hollow:focus,.button.hollow:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.primary{border:1px solid #2199e8;color:#2199e8}.button.hollow.primary:focus,.button.hollow.primary:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.secondary{border:1px solid #777;color:#777}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#3c3c3c;color:#3c3c3c}.button.hollow.success{border:1px solid #3adb76;color:#3adb76}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#157539;color:#157539}.button.hollow.warning{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#805700;color:#805700}.button.hollow.alert{border:1px solid #ec5840;color:#ec5840}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#881f0e;color:#881f0e}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover{background-color:#2199e8;color:#fefefe}.button.dropdown:after{content:'';display:block;width:0;height:0;border:.4em inset;border-color:#fefefe transparent transparent;border-top-style:solid;border-bottom-width:0;position:relative;top:.4em;float:left;margin-right:1em;display:inline-block}.button.arrow-only:after{margin-right:0;float:none;top:-.1em}.accordion{list-style-type:none;background:#fefefe;margin-right:0}.accordion-item:first-child>:first-child,.accordion-item:last-child>:last-child{border-radius:0 0 0 0}.accordion-title{display:block;padding:1.25rem 1rem;line-height:1;font-size:.75rem;color:#2199e8;position:relative;border:1px solid #e6e6e6;border-bottom:0}:last-child:not(.is-active)>.accordion-title{border-radius:0 0 0 0;border-bottom:1px solid #e6e6e6}.accordion-title:focus,.accordion-title:hover{background-color:#e6e6e6}.accordion-title:before{content:'+';position:absolute;left:1rem;top:50%;margin-top:-.5rem}.is-active>.accordion-title:before{content:'–'}.accordion-content{padding:1rem;display:none;border:1px solid #e6e6e6;border-bottom:0;background-color:#fefefe;color:#0a0a0a}:last-child>.accordion-content:last-child{border-bottom:1px solid #e6e6e6}.is-accordion-submenu-parent>a{position:relative}.is-accordion-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:6px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;position:absolute;top:50%;margin-top:-4px;right:1rem}.is-accordion-submenu-parent[aria-expanded=true]>a:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.badge{display:inline-block;padding:.3em;min-width:2.1em;font-size:.6rem;text-align:center;border-radius:50%;background:#2199e8;color:#fefefe}.badge.secondary{background:#777;color:#fefefe}.badge.success{background:#3adb76;color:#fefefe}.badge.warning{background:#ffae00;color:#fefefe}.badge.alert{background:#ec5840;color:#fefefe}.breadcrumbs{list-style:none;margin:0 0 1rem}.breadcrumbs:after,.breadcrumbs:before{content:' ';display:table}.breadcrumbs:after{clear:both}.breadcrumbs li{float:right;color:#0a0a0a;font-size:.6875rem;cursor:default;text-transform:uppercase}.breadcrumbs li:not(:last-child):after{color:#cacaca;content:"\\";margin:0 .75rem;position:relative;top:1px;opacity:1}.breadcrumbs a{color:#2199e8}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#cacaca;cursor:not-allowed}.button-group{margin-bottom:1rem;font-size:0}.button-group:after,.button-group:before{content:' ';display:table}.button-group:after{clear:both}.button-group .button{margin:0;margin-left:1px;margin-bottom:1px;font-size:.9rem}.button-group .button:last-child{margin-left:0}.button-group.tiny .button{font-size:.6rem}.button-group.small .button{font-size:.75rem}.button-group.large .button{font-size:1.25rem}.button-group.expanded{margin-left:-1px}.button-group.expanded:after,.button-group.expanded:before{display:none}.button-group.expanded .button:first-child:nth-last-child(2),.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button{display:inline-block;width:calc(50% - 1px);margin-left:1px}.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(2):last-child{margin-left:-6px}.button-group.expanded .button:first-child:nth-last-child(3),.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button{display:inline-block;width:calc(33.33333% - 1px);margin-left:1px}.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(3):last-child{margin-left:-6px}.button-group.expanded .button:first-child:nth-last-child(4),.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button{display:inline-block;width:calc(25% - 1px);margin-left:1px}.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(4):last-child{margin-left:-6px}.button-group.expanded .button:first-child:nth-last-child(5),.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button{display:inline-block;width:calc(20% - 1px);margin-left:1px}.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(5):last-child{margin-left:-6px}.button-group.expanded .button:first-child:nth-last-child(6),.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button{display:inline-block;width:calc(16.66667% - 1px);margin-left:1px}.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(6):last-child{margin-left:-6px}.button-group.primary .button{background-color:#2199e8;color:#fefefe}.button-group.primary .button:focus,.button-group.primary .button:hover{background-color:#147cc0;color:#fefefe}.button-group.secondary .button{background-color:#777;color:#fefefe}.button-group.secondary .button:focus,.button-group.secondary .button:hover{background-color:#5f5f5f;color:#fefefe}.button-group.success .button{background-color:#3adb76;color:#fefefe}.button-group.success .button:focus,.button-group.success .button:hover{background-color:#22bb5b;color:#fefefe}.button-group.warning .button{background-color:#ffae00;color:#fefefe}.button-group.warning .button:focus,.button-group.warning .button:hover{background-color:#cc8b00;color:#fefefe}.button-group.alert .button{background-color:#ec5840;color:#fefefe}.button-group.alert .button:focus,.button-group.alert .button:hover{background-color:#da3116;color:#fefefe}.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button,.button-group.stacked .button{width:100%}.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked .button:last-child{margin-bottom:0}@media screen and (min-width:40em){.button-group.stacked-for-small .button{width:auto;margin-bottom:0}}@media screen and (min-width:64em){.button-group.stacked-for-medium .button{width:auto;margin-bottom:0}}@media screen and (max-width:39.9375em){.button-group.stacked-for-small.expanded{display:block}.button-group.stacked-for-small.expanded .button{display:block;margin-left:0}}.callout{margin:0 0 1rem;padding:1rem;border:1px solid hsla(0,0%,4%,.25);border-radius:0;position:relative;color:#0a0a0a;background-color:#fff}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout.primary{background-color:#def0fc}.callout.secondary{background-color:#ebebeb}.callout.success{background-color:#e1faea}.callout.warning{background-color:#fff3d9}.callout.alert{background-color:#fce6e2}.callout.small{padding:.5rem}.callout.large{padding:3rem}.close-button{position:absolute;color:#8a8a8a;right:1rem;top:.5rem;font-size:2em;line-height:1;cursor:pointer}[data-whatinput=mouse] .close-button{outline:0}.close-button:focus,.close-button:hover{color:#0a0a0a}.menu{margin:0;list-style-type:none}.menu>li{display:table-cell;vertical-align:middle}[data-whatinput=mouse] .menu>li{outline:0}.menu>li>a{display:block;padding:.7rem 1rem;line-height:1}.menu a,.menu button,.menu input{margin-bottom:0}.menu>li>a i,.menu>li>a i+span,.menu>li>a img,.menu>li>a img+span,.menu>li>a svg,.menu>li>a svg+span{vertical-align:middle}.menu>li>a i,.menu>li>a img,.menu>li>a svg{margin-left:.25rem;display:inline-block}.menu>li{display:table-cell}.menu.vertical>li{display:block}@media screen and (min-width:40em){.menu.medium-horizontal>li{display:table-cell}.menu.medium-vertical>li{display:block}}@media screen and (min-width:64em){.menu.large-horizontal>li{display:table-cell}.menu.large-vertical>li{display:block}}.menu.simple li{line-height:1;display:inline-block;margin-left:1rem}.menu.simple a{padding:0}.menu.align-left:after,.menu.align-left:before{content:' ';display:table}.menu.align-left:after{clear:both}.menu.align-left>li{float:left}.menu.expanded{width:100%;display:table;table-layout:fixed}.menu.expanded>li:first-child:last-child{width:100%}.menu.icon-top>li>a{text-align:center}.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg{display:block;margin:0 auto .25rem}.menu.nested{margin-right:1rem}.menu .active>a{color:#fefefe;background:#2199e8}.menu-text{font-weight:700;color:inherit;line-height:1;padding-top:0;padding-bottom:0;padding:.7rem 1rem}.menu-centered{text-align:center}.menu-centered>.menu{display:inline-block}.no-js [data-responsive-menu] ul{display:none}.menu-icon{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;width:20px;height:16px}.menu-icon:after{content:'';position:absolute;display:block;width:100%;height:2px;background:#fefefe;top:0;left:0;box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe}.menu-icon:hover:after{background:#cacaca;box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca}.is-drilldown{position:relative;overflow:hidden}.is-drilldown li{display:block!important}.is-drilldown-submenu{position:absolute;top:0;right:100%;z-index:-1;height:100%;width:100%;background:#fefefe;-webkit-transition:-webkit-transform .15s linear;transition:transform .15s linear}.is-drilldown-submenu.is-active{z-index:1;display:block;-webkit-transform:translateX(100%);transform:translateX(100%)}.is-drilldown-submenu.is-closing{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.is-drilldown-submenu-parent>a{position:relative}.is-drilldown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:6px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0;position:absolute;top:50%;margin-top:-6px;left:1rem}.js-drilldown-back>a:before{content:'';display:block;width:0;height:0;border:6px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0;display:inline-block;vertical-align:middle;margin-left:.75rem}.dropdown-pane{background-color:#fefefe;border:1px solid #cacaca;border-radius:0;display:block;font-size:1rem;padding:1rem;position:absolute;visibility:hidden;width:300px;z-index:10}.dropdown-pane.is-open{visibility:visible}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}.dropdown.menu>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu>li.is-dropdown-submenu-parent>a{padding-left:1.5rem;position:relative}.dropdown.menu>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;left:5px;margin-top:-2px}[data-whatinput=mouse] .dropdown.menu a{outline:0}.no-js .dropdown.menu ul{display:none}.dropdown.menu.vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.vertical>li>a:after{left:14px;margin-top:-3px}.dropdown.menu.vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}@media screen and (min-width:40em){.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{padding-left:1.5rem;position:relative}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;left:5px;margin-top:-2px}.dropdown.menu.medium-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.medium-vertical>li>a:after{left:14px;margin-top:-3px}.dropdown.menu.medium-vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.medium-vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}}@media screen and (min-width:64em){.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a{padding-left:1.5rem;position:relative}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;left:5px;margin-top:-2px}.dropdown.menu.large-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.large-vertical>li>a:after{left:14px;margin-top:-3px}.dropdown.menu.large-vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.large-vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}}.dropdown.menu.align-right .is-dropdown-submenu.first-sub{top:100%;left:auto;right:0}.is-dropdown-menu.vertical{width:100px}.is-dropdown-menu.vertical.align-right{float:right}.is-dropdown-submenu-parent{position:relative}.is-dropdown-submenu-parent a:after{position:absolute;top:50%;left:5px;margin-top:-2px}.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu{top:100%;right:auto}.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu{left:auto;right:100%}.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu{right:auto;left:100%}.is-dropdown-submenu{display:none;position:absolute;top:0;right:100%;min-width:200px;z-index:1;background:#fefefe;border:1px solid #cacaca}.is-dropdown-submenu .is-dropdown-submenu-parent>a:after{left:14px;margin-top:-3px}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}.is-dropdown-submenu .is-dropdown-submenu{margin-top:-1px}.is-dropdown-submenu>li{width:100%}.is-dropdown-submenu.js-dropdown-active{display:block}.flex-video{position:relative;height:0;padding-bottom:75%;margin-bottom:1rem;overflow:hidden}.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video{position:absolute;top:0;right:0;width:100%;height:100%}.flex-video.widescreen{padding-bottom:56.25%}.flex-video.vimeo{padding-top:0}.label{display:inline-block;padding:.33333rem .5rem;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;border-radius:0;background:#2199e8;color:#fefefe}.label.secondary{background:#777;color:#fefefe}.label.success{background:#3adb76;color:#fefefe}.label.warning{background:#ffae00;color:#fefefe}.label.alert{background:#ec5840;color:#fefefe}.media-object{margin-bottom:1rem;display:block}.media-object img{max-width:none}@media screen and (max-width:39.9375em){.media-object.stack-for-small .media-object-section{padding:0;padding-bottom:1rem;display:block}.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-left:1rem}.media-object-section:last-child:not(:nth-child(2)){padding-right:1rem}.media-object-section>:last-child{margin-bottom:0}.media-object-section.middle{vertical-align:middle}.media-object-section.bottom{vertical-align:bottom}body,html{height:100%}.off-canvas-wrapper{width:100%;overflow-x:hidden;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:auto}.off-canvas-wrapper-inner{position:relative;width:100%;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.off-canvas-wrapper-inner:after,.off-canvas-wrapper-inner:before{content:' ';display:table}.off-canvas-wrapper-inner:after{clear:both}.off-canvas-content{min-height:100%;background:#fefefe;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;padding-bottom:.1px;box-shadow:0 0 10px hsla(0,0%,4%,.5)}.js-off-canvas-exit{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.25);cursor:pointer;-webkit-transition:background .5s ease;transition:background .5s ease}.off-canvas{position:absolute;background:#e6e6e6;z-index:-1;max-height:100%;overflow-y:auto;-webkit-transform:translateX(0);transform:translateX(0)}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.position-left{left:-250px;top:0;width:250px}.is-open-left{-webkit-transform:translateX(250px);transform:translateX(250px)}.off-canvas.position-right{right:-250px;top:0;width:250px}.is-open-right{-webkit-transform:translateX(-250px);transform:translateX(-250px)}@media screen and (min-width:40em){.position-left.reveal-for-medium{left:0;z-index:auto;position:fixed}.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{right:0;z-index:auto;position:fixed}.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}}@media screen and (min-width:64em){.position-left.reveal-for-large{left:0;z-index:auto;position:fixed}.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{right:0;z-index:auto;position:fixed}.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}}.orbit,.orbit-container{position:relative}.orbit-container{margin:0;overflow:hidden;list-style:none}.orbit-slide{width:100%;max-height:100%}.orbit-slide.no-motionui.is-active{top:0;left:0}.orbit-figure{margin:0}.orbit-image{margin:0;width:100%;max-width:100%}.orbit-caption{bottom:0;width:100%;margin-bottom:0;background-color:hsla(0,0%,4%,.5)}.orbit-caption,.orbit-next,.orbit-previous{position:absolute;padding:1rem;color:#fefefe}.orbit-next,.orbit-previous{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover{background-color:hsla(0,0%,4%,.5)}.orbit-previous{right:0}.orbit-next{right:auto;left:0}.orbit-bullets{position:relative;margin-top:.8rem;margin-bottom:.8rem;text-align:center}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{width:1.2rem;height:1.2rem;margin:.1rem;background-color:#cacaca;border-radius:50%}.orbit-bullets button.is-active,.orbit-bullets button:hover{background-color:#8a8a8a}.pagination{margin-right:0;margin-bottom:1rem}.pagination:after,.pagination:before{content:' ';display:table}.pagination:after{clear:both}.pagination li{font-size:.875rem;margin-left:.0625rem;border-radius:0;display:none}.pagination li:first-child,.pagination li:last-child{display:inline-block}@media screen and (min-width:40em){.pagination li{display:inline-block}}.pagination a,.pagination button{color:#0a0a0a;display:block;padding:.1875rem .625rem;border-radius:0}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination .current{padding:.1875rem .625rem;background:#2199e8;color:#fefefe;cursor:default}.pagination .disabled{padding:.1875rem .625rem;color:#cacaca;cursor:not-allowed}.pagination .disabled:hover{background:transparent}.pagination .ellipsis:after{content:'\2026';padding:.1875rem .625rem;color:#0a0a0a}.pagination-previous.disabled:before,.pagination-previous a:before{content:'\00ab';display:inline-block;margin-left:.5rem}.pagination-next.disabled:after,.pagination-next a:after{content:'\00bb';display:inline-block;margin-right:.5rem}.progress{background-color:#cacaca;height:1rem;margin-bottom:1rem;border-radius:0}.progress.primary .progress-meter{background-color:#2199e8}.progress.secondary .progress-meter{background-color:#777}.progress.success .progress-meter{background-color:#3adb76}.progress.warning .progress-meter{background-color:#ffae00}.progress.alert .progress-meter{background-color:#ec5840}.progress-meter{position:relative;display:block;width:0;height:100%;background-color:#2199e8}.progress-meter-text{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;margin:0;font-size:.75rem;font-weight:700;color:#fefefe;white-space:nowrap}.slider{position:relative;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;background-color:#e6e6e6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.slider-fill{position:absolute;top:0;left:0;display:inline-block;max-width:100%;height:.5rem;background-color:#cacaca;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.slider-fill.is-dragging{-webkit-transition:all 0s linear;transition:all 0s linear}.slider-handle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;left:0;z-index:1;display:inline-block;width:1.4rem;height:1.4rem;background-color:#2199e8;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-ms-touch-action:manipulation;touch-action:manipulation;border-radius:0}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#1583cc}.slider-handle.is-dragging{-webkit-transition:all 0s linear;transition:all 0s linear}.slider.disabled,.slider[disabled]{opacity:.25;cursor:not-allowed}.slider.vertical{display:inline-block;width:.5rem;height:12.5rem;margin:0 1.25rem;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.slider.vertical .slider-fill{top:0;width:.5rem;max-height:100%}.slider.vertical .slider-handle{position:absolute;top:0;left:50%;width:1.4rem;height:1.4rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.slider:not(.vertical){-webkit-transform:scaleX(-1);transform:scaleX(-1)}.sticky-container{position:relative}.sticky{position:absolute;z-index:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.sticky.is-stuck{position:fixed;z-index:5}.sticky.is-stuck.is-at-top{top:0}.sticky.is-stuck.is-at-bottom{bottom:0}.sticky.is-anchored{position:absolute;left:auto;right:auto}.sticky.is-anchored.is-at-bottom{bottom:0}body.is-reveal-open{overflow:hidden}html.is-reveal-open,html.is-reveal-open body{height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reveal-overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1005;background-color:hsla(0,0%,4%,.45);overflow-y:scroll}.reveal{display:none;z-index:1006;padding:1rem;border:1px solid #cacaca;background-color:#fefefe;border-radius:0;position:relative;top:100px;margin-left:auto;margin-right:auto;overflow-y:auto}[data-whatinput=mouse] .reveal{outline:0}@media screen and (min-width:40em){.reveal{min-height:0}}.reveal .column,.reveal .columns{min-width:0}.reveal>:last-child{margin-bottom:0}@media screen and (min-width:40em){.reveal{width:600px;max-width:75rem}}@media screen and (min-width:40em){.reveal .reveal{left:auto;right:auto;margin:0 auto}}.reveal.collapse{padding:0}@media screen and (min-width:40em){.reveal.tiny{width:30%;max-width:75rem}}@media screen and (min-width:40em){.reveal.small{width:50%;max-width:75rem}}@media screen and (min-width:40em){.reveal.large{width:90%;max-width:75rem}}.reveal.full{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}@media screen and (max-width:39.9375em){.reveal{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}}.reveal.without-overlay{position:fixed}.switch{margin-bottom:1rem;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fefefe;font-weight:700;font-size:.875rem}.switch-input{opacity:0;position:absolute}.switch-paddle{background:#cacaca;cursor:pointer;display:block;position:relative;width:4rem;height:2rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;border-radius:0;color:inherit;font-weight:inherit}input+.switch-paddle{margin:0}.switch-paddle:after{background:#fefefe;content:'';display:block;position:absolute;height:1.5rem;right:.25rem;top:.25rem;width:1.5rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:0}input:checked~.switch-paddle{background:#2199e8}input:checked~.switch-paddle:after{right:2.25rem}[data-whatinput=mouse] input:focus~.switch-paddle{outline:0}.switch-active,.switch-inactive{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.switch-active{right:8%;display:none}input:checked+label>.switch-active{display:block}.switch-inactive{left:15%}input:checked+label>.switch-inactive{display:none}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle:after{width:1rem;height:1rem}.switch.tiny input:checked~.switch-paddle:after{right:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle:after{width:1.25rem;height:1.25rem}.switch.small input:checked~.switch-paddle:after{right:2rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle:after{width:2rem;height:2rem}.switch.large input:checked~.switch-paddle:after{right:2.75rem}table{width:100%;margin-bottom:1rem;border-radius:0}table tbody,table tfoot,table thead{border:1px solid #f1f1f1;background-color:#fefefe}table caption{font-weight:700;padding:.5rem .625rem .625rem}table tfoot,table thead{background:#f8f8f8;color:#0a0a0a}table tfoot tr,table thead tr{background:transparent}table tfoot td,table tfoot th,table thead td,table thead th{padding:.5rem .625rem .625rem;font-weight:700;text-align:right}table tbody tr:nth-child(even){background-color:#f1f1f1}table tbody td,table tbody th{padding:.5rem .625rem .625rem}@media screen and (max-width:63.9375em){table.stack tfoot,table.stack thead{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}}table.scroll{display:block;width:100%;overflow-x:auto}table.hover tr:hover{background-color:#f9f9f9}table.hover tr:nth-of-type(even):hover{background-color:#ececec}.table-scroll{overflow-x:auto}.table-scroll table{width:auto}.tabs{margin:0;list-style-type:none;background:#fefefe;border:1px solid #e6e6e6}.tabs:after,.tabs:before{content:' ';display:table}.tabs:after{clear:both}.tabs.vertical>li{width:auto;float:none;display:block}.tabs.simple>li>a{padding:0}.tabs.simple>li>a:hover{background:transparent}.tabs.primary{background:#2199e8}.tabs.primary>li>a{color:#fefefe}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#1893e4}.tabs-title{float:right}.tabs-title>a{display:block;padding:1.25rem 1.5rem;line-height:1;font-size:.75rem}.tabs-title>a:hover{background:#fefefe}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{background:#e6e6e6}.tabs-content{background:#fefefe;-webkit-transition:all .5s ease;transition:all .5s ease;border:1px solid #e6e6e6;border-top:0}.tabs-content.vertical{border:1px solid #e6e6e6;border-right:0}.tabs-panel{display:none;padding:1rem}.tabs-panel.is-active{display:block}.thumbnail{border:4px solid #fefefe;box-shadow:0 0 0 1px hsla(0,0%,4%,.2);display:inline-block;line-height:0;max-width:100%;-webkit-transition:-webkit-box-shadow .2s ease-out;transition:box-shadow .2s ease-out;border-radius:0;margin-bottom:1rem}.thumbnail:focus,.thumbnail:hover{box-shadow:0 0 6px 1px rgba(33,153,232,.5)}.title-bar{background:#0a0a0a;color:#fefefe;padding:.5rem}.title-bar:after,.title-bar:before{content:' ';display:table}.title-bar:after{clear:both}.title-bar .menu-icon{margin-right:.25rem;margin-left:.25rem}.title-bar-left{float:left}.title-bar-right{float:right;text-align:right}.title-bar-title{font-weight:700}.menu-icon.dark,.title-bar-title{vertical-align:middle;display:inline-block}.menu-icon.dark{position:relative;cursor:pointer;width:20px;height:16px}.menu-icon.dark:after{content:'';position:absolute;display:block;width:100%;height:2px;background:#0a0a0a;top:0;left:0;box-shadow:0 7px 0 #0a0a0a,0 14px 0 #0a0a0a}.menu-icon.dark:hover:after{background:#8a8a8a;box-shadow:0 7px 0 #8a8a8a,0 14px 0 #8a8a8a}.has-tip{border-bottom:1px dotted #8a8a8a;font-weight:700;position:relative;display:inline-block;cursor:help}.tooltip{background-color:#0a0a0a;color:#fefefe;font-size:80%;padding:.75rem;position:absolute;z-index:10;top:calc(100% + .6495rem);max-width:10rem!important;border-radius:0}.tooltip:before{border-color:transparent transparent #0a0a0a;border-bottom-style:solid;border-top-width:0;bottom:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip.top:before,.tooltip:before{content:'';display:block;width:0;height:0;border:.75rem inset}.tooltip.top:before{border-color:#0a0a0a transparent transparent;border-top-style:solid;border-bottom-width:0;top:100%;bottom:auto}.tooltip.left:before{border-color:transparent transparent transparent #0a0a0a;border-left-style:solid;border-right-width:0;left:100%}.tooltip.left:before,.tooltip.right:before{content:'';display:block;width:0;height:0;border:.75rem inset;bottom:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.right:before{border-color:transparent #0a0a0a transparent transparent;border-right-style:solid;border-left-width:0;left:auto;right:100%}.top-bar{padding:.5rem}.top-bar:after,.top-bar:before{content:' ';display:table}.top-bar:after{clear:both}.top-bar,.top-bar ul{background-color:#e6e6e6}.top-bar input{max-width:200px;margin-left:1rem}.top-bar .input-group-field{width:100%;margin-left:0}.top-bar input.button{width:auto}.top-bar .top-bar-left,.top-bar .top-bar-right{width:100%}@media screen and (min-width:40em){.top-bar .top-bar-left,.top-bar .top-bar-right{width:auto}}@media screen and (max-width:63.9375em){.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right{width:100%}}@media screen and (max-width:74.9375em){.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right{width:100%}}.top-bar-title{float:left;margin-right:1rem}.top-bar-left{float:left}.top-bar-right{float:right}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (max-width:39.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media screen and (min-width:40em){.hide-for-medium{display:none!important}}@media screen and (max-width:39.9375em){.show-for-medium{display:none!important}}@media screen and (min-width:40em) and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:39.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.show-for-large{display:none!important}}@media screen and (min-width:64em) and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!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}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{content:' ';display:table}.clearfix:after{clear:both}
\ No newline at end of file
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:not-allowed}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{font-size:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{padding:0;margin:0;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;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;border-radius:0}select{width:100%;border-radius:0}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{-webkit-appearance:none;-moz-appearance:none;background:transparent;padding:0;border:0;border-radius:0;line-height:1}[data-whatinput=mouse] button{outline:0}.is-visible{display:block!important}.is-hidden{display:none!important}.row{max-width:75rem;margin-left:auto;margin-right:auto}.row:after,.row:before{content:' ';display:table}.row:after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row .row{margin-left:-.625rem;margin-right:-.625rem}@media screen and (min-width:40em){.row .row{margin-left:-.9375rem;margin-right:-.9375rem}}.row .row.collapse{margin-left:0;margin-right:0}.row.expanded{max-width:none}.row.expanded .row{margin-left:auto;margin-right:auto}.column,.columns{width:100%;float:right;padding-left:.625rem;padding-right:.625rem}@media screen and (min-width:40em){.column,.columns{padding-left:.9375rem;padding-right:.9375rem}}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:left}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:right}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.small-1{width:8.33333%}.small-push-1{position:relative;right:8.33333%}.small-pull-1{position:relative;right:-8.33333%}.small-offset-0{margin-right:0}.small-2{width:16.66667%}.small-push-2{position:relative;right:16.66667%}.small-pull-2{position:relative;right:-16.66667%}.small-offset-1{margin-right:8.33333%}.small-3{width:25%}.small-push-3{position:relative;right:25%}.small-pull-3{position:relative;right:-25%}.small-offset-2{margin-right:16.66667%}.small-4{width:33.33333%}.small-push-4{position:relative;right:33.33333%}.small-pull-4{position:relative;right:-33.33333%}.small-offset-3{margin-right:25%}.small-5{width:41.66667%}.small-push-5{position:relative;right:41.66667%}.small-pull-5{position:relative;right:-41.66667%}.small-offset-4{margin-right:33.33333%}.small-6{width:50%}.small-push-6{position:relative;right:50%}.small-pull-6{position:relative;right:-50%}.small-offset-5{margin-right:41.66667%}.small-7{width:58.33333%}.small-push-7{position:relative;right:58.33333%}.small-pull-7{position:relative;right:-58.33333%}.small-offset-6{margin-right:50%}.small-8{width:66.66667%}.small-push-8{position:relative;right:66.66667%}.small-pull-8{position:relative;right:-66.66667%}.small-offset-7{margin-right:58.33333%}.small-9{width:75%}.small-push-9{position:relative;right:75%}.small-pull-9{position:relative;right:-75%}.small-offset-8{margin-right:66.66667%}.small-10{width:83.33333%}.small-push-10{position:relative;right:83.33333%}.small-pull-10{position:relative;right:-83.33333%}.small-offset-9{margin-right:75%}.small-11{width:91.66667%}.small-push-11{position:relative;right:91.66667%}.small-pull-11{position:relative;right:-91.66667%}.small-offset-10{margin-right:83.33333%}.small-12{width:100%}.small-offset-11{margin-right:91.66667%}.small-up-1>.column,.small-up-1>.columns{width:100%;float:right}.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-1>.column:last-child,.small-up-1>.columns:last-child{float:right}.small-up-2>.column,.small-up-2>.columns{width:50%;float:right}.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-2>.column:last-child,.small-up-2>.columns:last-child{float:right}.small-up-3>.column,.small-up-3>.columns{width:33.33333%;float:right}.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-3>.column:last-child,.small-up-3>.columns:last-child{float:right}.small-up-4>.column,.small-up-4>.columns{width:25%;float:right}.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-4>.column:last-child,.small-up-4>.columns:last-child{float:right}.small-up-5>.column,.small-up-5>.columns{width:20%;float:right}.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-5>.column:last-child,.small-up-5>.columns:last-child{float:right}.small-up-6>.column,.small-up-6>.columns{width:16.66667%;float:right}.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-up-6>.column:last-child,.small-up-6>.columns:last-child{float:right}.small-up-7>.column,.small-up-7>.columns{width:14.28571%;float:right}.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){clear:none}.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){clear:both}.small-up-7>.column:last-child,.small-up-7>.columns:last-child{float:right}.small-up-8>.column,.small-up-8>.columns{width:12.5%;float:right}.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){clear:none}.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){clear:both}.small-up-8>.column:last-child,.small-up-8>.columns:last-child{float:right}.small-collapse>.column,.small-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .small-collapse.row,.small-collapse .row{margin-left:0;margin-right:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-left:.625rem;padding-right:.625rem}.small-centered{margin-left:auto;margin-right:auto}.small-centered,.small-centered:last-child:not(:first-child){float:none;clear:both}.small-pull-0,.small-push-0,.small-uncentered{position:static;margin-left:0;margin-right:0;float:left}@media screen and (min-width:40em){.medium-1{width:8.33333%}.medium-push-1{position:relative;right:8.33333%}.medium-pull-1{position:relative;right:-8.33333%}.medium-offset-0{margin-right:0}.medium-2{width:16.66667%}.medium-push-2{position:relative;right:16.66667%}.medium-pull-2{position:relative;right:-16.66667%}.medium-offset-1{margin-right:8.33333%}.medium-3{width:25%}.medium-push-3{position:relative;right:25%}.medium-pull-3{position:relative;right:-25%}.medium-offset-2{margin-right:16.66667%}.medium-4{width:33.33333%}.medium-push-4{position:relative;right:33.33333%}.medium-pull-4{position:relative;right:-33.33333%}.medium-offset-3{margin-right:25%}.medium-5{width:41.66667%}.medium-push-5{position:relative;right:41.66667%}.medium-pull-5{position:relative;right:-41.66667%}.medium-offset-4{margin-right:33.33333%}.medium-6{width:50%}.medium-push-6{position:relative;right:50%}.medium-pull-6{position:relative;right:-50%}.medium-offset-5{margin-right:41.66667%}.medium-7{width:58.33333%}.medium-push-7{position:relative;right:58.33333%}.medium-pull-7{position:relative;right:-58.33333%}.medium-offset-6{margin-right:50%}.medium-8{width:66.66667%}.medium-push-8{position:relative;right:66.66667%}.medium-pull-8{position:relative;right:-66.66667%}.medium-offset-7{margin-right:58.33333%}.medium-9{width:75%}.medium-push-9{position:relative;right:75%}.medium-pull-9{position:relative;right:-75%}.medium-offset-8{margin-right:66.66667%}.medium-10{width:83.33333%}.medium-push-10{position:relative;right:83.33333%}.medium-pull-10{position:relative;right:-83.33333%}.medium-offset-9{margin-right:75%}.medium-11{width:91.66667%}.medium-push-11{position:relative;right:91.66667%}.medium-pull-11{position:relative;right:-91.66667%}.medium-offset-10{margin-right:83.33333%}.medium-12{width:100%}.medium-offset-11{margin-right:91.66667%}.medium-up-1>.column,.medium-up-1>.columns{width:100%;float:right}.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-1>.column:last-child,.medium-up-1>.columns:last-child{float:right}.medium-up-2>.column,.medium-up-2>.columns{width:50%;float:right}.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-2>.column:last-child,.medium-up-2>.columns:last-child{float:right}.medium-up-3>.column,.medium-up-3>.columns{width:33.33333%;float:right}.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-3>.column:last-child,.medium-up-3>.columns:last-child{float:right}.medium-up-4>.column,.medium-up-4>.columns{width:25%;float:right}.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-4>.column:last-child,.medium-up-4>.columns:last-child{float:right}.medium-up-5>.column,.medium-up-5>.columns{width:20%;float:right}.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-5>.column:last-child,.medium-up-5>.columns:last-child{float:right}.medium-up-6>.column,.medium-up-6>.columns{width:16.66667%;float:right}.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-up-6>.column:last-child,.medium-up-6>.columns:last-child{float:right}.medium-up-7>.column,.medium-up-7>.columns{width:14.28571%;float:right}.medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){clear:none}.medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){clear:both}.medium-up-7>.column:last-child,.medium-up-7>.columns:last-child{float:right}.medium-up-8>.column,.medium-up-8>.columns{width:12.5%;float:right}.medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){clear:none}.medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){clear:both}.medium-up-8>.column:last-child,.medium-up-8>.columns:last-child{float:right}.medium-collapse>.column,.medium-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .medium-collapse.row,.medium-collapse .row{margin-left:0;margin-right:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}.medium-centered{margin-left:auto;margin-right:auto}.medium-centered,.medium-centered:last-child:not(:first-child){float:none;clear:both}.medium-pull-0,.medium-push-0,.medium-uncentered{position:static;margin-left:0;margin-right:0;float:left}}@media screen and (min-width:64em){.large-1{width:8.33333%}.large-push-1{position:relative;right:8.33333%}.large-pull-1{position:relative;right:-8.33333%}.large-offset-0{margin-right:0}.large-2{width:16.66667%}.large-push-2{position:relative;right:16.66667%}.large-pull-2{position:relative;right:-16.66667%}.large-offset-1{margin-right:8.33333%}.large-3{width:25%}.large-push-3{position:relative;right:25%}.large-pull-3{position:relative;right:-25%}.large-offset-2{margin-right:16.66667%}.large-4{width:33.33333%}.large-push-4{position:relative;right:33.33333%}.large-pull-4{position:relative;right:-33.33333%}.large-offset-3{margin-right:25%}.large-5{width:41.66667%}.large-push-5{position:relative;right:41.66667%}.large-pull-5{position:relative;right:-41.66667%}.large-offset-4{margin-right:33.33333%}.large-6{width:50%}.large-push-6{position:relative;right:50%}.large-pull-6{position:relative;right:-50%}.large-offset-5{margin-right:41.66667%}.large-7{width:58.33333%}.large-push-7{position:relative;right:58.33333%}.large-pull-7{position:relative;right:-58.33333%}.large-offset-6{margin-right:50%}.large-8{width:66.66667%}.large-push-8{position:relative;right:66.66667%}.large-pull-8{position:relative;right:-66.66667%}.large-offset-7{margin-right:58.33333%}.large-9{width:75%}.large-push-9{position:relative;right:75%}.large-pull-9{position:relative;right:-75%}.large-offset-8{margin-right:66.66667%}.large-10{width:83.33333%}.large-push-10{position:relative;right:83.33333%}.large-pull-10{position:relative;right:-83.33333%}.large-offset-9{margin-right:75%}.large-11{width:91.66667%}.large-push-11{position:relative;right:91.66667%}.large-pull-11{position:relative;right:-91.66667%}.large-offset-10{margin-right:83.33333%}.large-12{width:100%}.large-offset-11{margin-right:91.66667%}.large-up-1>.column,.large-up-1>.columns{width:100%;float:right}.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-1>.column:last-child,.large-up-1>.columns:last-child{float:right}.large-up-2>.column,.large-up-2>.columns{width:50%;float:right}.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-2>.column:last-child,.large-up-2>.columns:last-child{float:right}.large-up-3>.column,.large-up-3>.columns{width:33.33333%;float:right}.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-3>.column:last-child,.large-up-3>.columns:last-child{float:right}.large-up-4>.column,.large-up-4>.columns{width:25%;float:right}.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-4>.column:last-child,.large-up-4>.columns:last-child{float:right}.large-up-5>.column,.large-up-5>.columns{width:20%;float:right}.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-5>.column:last-child,.large-up-5>.columns:last-child{float:right}.large-up-6>.column,.large-up-6>.columns{width:16.66667%;float:right}.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-up-6>.column:last-child,.large-up-6>.columns:last-child{float:right}.large-up-7>.column,.large-up-7>.columns{width:14.28571%;float:right}.large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){clear:none}.large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){clear:both}.large-up-7>.column:last-child,.large-up-7>.columns:last-child{float:right}.large-up-8>.column,.large-up-8>.columns{width:12.5%;float:right}.large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){clear:none}.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){clear:both}.large-up-8>.column:last-child,.large-up-8>.columns:last-child{float:right}.large-collapse>.column,.large-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .large-collapse.row,.large-collapse .row{margin-left:0;margin-right:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}.large-centered{margin-left:auto;margin-right:auto}.large-centered,.large-centered:last-child:not(:first-child){float:none;clear:both}.large-pull-0,.large-push-0,.large-uncentered{position:static;margin-left:0;margin-right:0;float:left}}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}p{font-size:inherit;line-height:1.6;margin-bottom:1rem;text-rendering:optimizeLegibility}em,i{font-style:italic}b,em,i,strong{line-height:inherit}b,strong{font-weight:700}small{font-size:80%;line-height:inherit}h1,h2,h3,h4,h5,h6{font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;font-style:normal;color:inherit;text-rendering:optimizeLegibility;margin-top:0;margin-bottom:.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.5rem}h2{font-size:1.25rem}h3{font-size:1.1875rem}h4{font-size:1.125rem}h5{font-size:1.0625rem}h6{font-size:1rem}@media screen and (min-width:40em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9375rem}h4{font-size:1.5625rem}h5{font-size:1.25rem}h6{font-size:1rem}}a{color:#2199e8;text-decoration:none;line-height:inherit;cursor:pointer}a:focus,a:hover{color:#1585cf}a img{border:0}hr{max-width:75rem;height:0;border-right:0;border-top:0;border-bottom:1px solid #cacaca;border-left:0;margin:1.25rem auto;clear:both}dl,ol,ul{line-height:1.6;margin-bottom:1rem;list-style-position:outside}li{font-size:inherit}ul{list-style-type:disc}ol,ul{margin-right:1.25rem}ol ol,ol ul,ul ol,ul ul{margin-right:1.25rem;margin-bottom:0}dl{margin-bottom:1rem}dl dt{margin-bottom:.3rem;font-weight:700}blockquote{margin:0 0 1rem;padding:.5625rem 1.25rem 0 1.1875rem;border-right:1px solid #cacaca}blockquote,blockquote p{line-height:1.6;color:#8a8a8a}cite{display:block;font-size:.8125rem;color:#8a8a8a}cite:before{content:'\2014 \0020'}abbr{color:#0a0a0a;cursor:help;border-bottom:1px dotted #0a0a0a}code{font-weight:400;border:1px solid #cacaca;padding:.125rem .3125rem .0625rem}code,kbd{font-family:Consolas,Liberation Mono,Courier,monospace;color:#0a0a0a;background-color:#e6e6e6}kbd{padding:.125rem .25rem 0;margin:0}.subheader{margin-top:.2rem;margin-bottom:.5rem;font-weight:400;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-right:0;list-style:none}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media screen and (min-width:40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media screen and (min-width:64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{*{background:transparent!important;color:#000!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,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^='#']:after,a[href^='javascript:']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #8a8a8a;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-family:inherit;font-size:1rem;color:#0a0a0a;background-color:#fefefe;box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);border-radius:0;-webkit-transition:-webkit-box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none}[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus{border:1px solid #8a8a8a;background-color:#fefefe;outline:none;box-shadow:0 0 5px #cacaca;-webkit-transition:-webkit-box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{max-width:100%}textarea[rows]{height:auto}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#cacaca}input::-moz-placeholder,textarea::-moz-placeholder{color:#cacaca}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#cacaca}input::placeholder,textarea::placeholder{color:#cacaca}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:not-allowed}[type=button],[type=submit]{border-radius:0;-webkit-appearance:none;-moz-appearance:none}input[type=search]{box-sizing:border-box}[type=checkbox],[type=file],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;margin-right:.5rem;margin-left:1rem;margin-bottom:0;vertical-align:baseline}[type=checkbox]+label[for],[type=radio]+label[for]{cursor:pointer}label>[type=checkbox],label>[type=radio]{margin-left:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;font-weight:400;line-height:1.8;color:#0a0a0a}label.middle{margin:0 0 1rem;padding:.5625rem 0}.help-text{margin-top:-.5rem;font-size:.8125rem;font-style:italic;color:#0a0a0a}.input-group{display:table;width:100%;margin-bottom:1rem}.input-group>:first-child,.input-group>:last-child>*{border-radius:0 0 0 0}.input-group-button,.input-group-field,.input-group-label{margin:0;white-space:nowrap;display:table-cell;vertical-align:middle}.input-group-label{text-align:center;padding:0 1rem;background:#e6e6e6;color:#0a0a0a;border:1px solid #cacaca;white-space:nowrap;width:1%;height:100%}.input-group-label:first-child{border-left:0}.input-group-label:last-child{border-right:0}.input-group-field{border-radius:0;height:2.5rem}.input-group-button{padding-top:0;padding-bottom:0;text-align:center;height:100%;width:1%}.input-group-button a,.input-group-button button,.input-group-button input{margin:0}.input-group .input-group-button{display:table-cell}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:.5rem;max-width:100%}.fieldset{border:1px solid #cacaca;padding:1.25rem;margin:1.125rem 0}.fieldset legend{background:#fefefe;padding:0 .1875rem;margin:0;margin-right:-.1875rem}select{height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-size:1rem;font-family:inherit;line-height:normal;color:#0a0a0a;background-color:#fefefe;border-radius:0;-webkit-appearance:none;-moz-appearance:none;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: rgb%28138, 138, 138%29'></polygon></svg>");background-size:9px 6px;background-position:left -1rem center;background-origin:content-box;background-repeat:no-repeat;padding-left:1.5rem}@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:#e6e6e6;cursor:not-allowed}select::-ms-expand{display:none}select[multiple]{height:auto;background-image:none}.is-invalid-input:not(:focus){background-color:rgba(236,88,64,.1);border-color:#ec5840}.form-error,.is-invalid-label{color:#ec5840}.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700}.form-error.is-visible{display:block}.button{display:inline-block;text-align:center;line-height:1;cursor:pointer;-webkit-appearance:none;-webkit-transition:background-color .25s ease-out,color .25s ease-out;transition:background-color .25s ease-out,color .25s ease-out;vertical-align:middle;border:1px solid transparent;border-radius:0;padding:.85em 1em;margin:0 0 1rem;font-size:.9rem;background-color:#2199e8;color:#fefefe}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background-color:#1583cc;color:#fefefe}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-left:0;margin-right:0}.button.primary{background-color:#2199e8;color:#fefefe}.button.primary:focus,.button.primary:hover{background-color:#147cc0;color:#fefefe}.button.secondary{background-color:#777;color:#fefefe}.button.secondary:focus,.button.secondary:hover{background-color:#5f5f5f;color:#fefefe}.button.success{background-color:#3adb76;color:#fefefe}.button.success:focus,.button.success:hover{background-color:#22bb5b;color:#fefefe}.button.warning{background-color:#ffae00;color:#fefefe}.button.warning:focus,.button.warning:hover{background-color:#cc8b00;color:#fefefe}.button.alert{background-color:#ec5840;color:#fefefe}.button.alert:focus,.button.alert:hover{background-color:#da3116;color:#fefefe}.button.hollow{border:1px solid #2199e8;color:#2199e8}.button.hollow,.button.hollow:focus,.button.hollow:hover{background-color:transparent}.button.hollow:focus,.button.hollow:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.primary{border:1px solid #2199e8;color:#2199e8}.button.hollow.primary:focus,.button.hollow.primary:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.secondary{border:1px solid #777;color:#777}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#3c3c3c;color:#3c3c3c}.button.hollow.success{border:1px solid #3adb76;color:#3adb76}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#157539;color:#157539}.button.hollow.warning{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#805700;color:#805700}.button.hollow.alert{border:1px solid #ec5840;color:#ec5840}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#881f0e;color:#881f0e}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover{background-color:#2199e8;color:#fefefe}.button.disabled.primary,.button[disabled].primary{opacity:.25;cursor:not-allowed}.button.disabled.primary:focus,.button.disabled.primary:hover,.button[disabled].primary:focus,.button[disabled].primary:hover{background-color:#2199e8;color:#fefefe}.button.disabled.secondary,.button[disabled].secondary{opacity:.25;cursor:not-allowed}.button.disabled.secondary:focus,.button.disabled.secondary:hover,.button[disabled].secondary:focus,.button[disabled].secondary:hover{background-color:#777;color:#fefefe}.button.disabled.success,.button[disabled].success{opacity:.25;cursor:not-allowed}.button.disabled.success:focus,.button.disabled.success:hover,.button[disabled].success:focus,.button[disabled].success:hover{background-color:#3adb76;color:#fefefe}.button.disabled.warning,.button[disabled].warning{opacity:.25;cursor:not-allowed}.button.disabled.warning:focus,.button.disabled.warning:hover,.button[disabled].warning:focus,.button[disabled].warning:hover{background-color:#ffae00;color:#fefefe}.button.disabled.alert,.button[disabled].alert{opacity:.25;cursor:not-allowed}.button.disabled.alert:focus,.button.disabled.alert:hover,.button[disabled].alert:focus,.button[disabled].alert:hover{background-color:#ec5840;color:#fefefe}.button.dropdown:after{content:'';display:block;width:0;height:0;border:.4em inset;border-color:#fefefe transparent transparent;border-top-style:solid;border-bottom-width:0;position:relative;top:.4em;float:left;margin-right:1em;display:inline-block}.button.arrow-only:after{margin-right:0;float:none;top:-.1em}.accordion{list-style-type:none;background:#fefefe;margin-right:0}.accordion-item:first-child>:first-child,.accordion-item:last-child>:last-child{border-radius:0 0 0 0}.accordion-title{display:block;padding:1.25rem 1rem;line-height:1;font-size:.75rem;color:#2199e8;position:relative;border:1px solid #e6e6e6;border-bottom:0}:last-child:not(.is-active)>.accordion-title{border-radius:0 0 0 0;border-bottom:1px solid #e6e6e6}.accordion-title:focus,.accordion-title:hover{background-color:#e6e6e6}.accordion-title:before{content:'+';position:absolute;left:1rem;top:50%;margin-top:-.5rem}.is-active>.accordion-title:before{content:'–'}.accordion-content{padding:1rem;display:none;border:1px solid #e6e6e6;border-bottom:0;background-color:#fefefe;color:#0a0a0a}:last-child>.accordion-content:last-child{border-bottom:1px solid #e6e6e6}.is-accordion-submenu-parent>a{position:relative}.is-accordion-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:6px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;position:absolute;top:50%;margin-top:-4px;right:1rem}.is-accordion-submenu-parent[aria-expanded=true]>a:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.badge{display:inline-block;padding:.3em;min-width:2.1em;font-size:.6rem;text-align:center;border-radius:50%;background:#2199e8;color:#fefefe}.badge.secondary{background:#777;color:#fefefe}.badge.success{background:#3adb76;color:#fefefe}.badge.warning{background:#ffae00;color:#fefefe}.badge.alert{background:#ec5840;color:#fefefe}.breadcrumbs{list-style:none;margin:0 0 1rem}.breadcrumbs:after,.breadcrumbs:before{content:' ';display:table}.breadcrumbs:after{clear:both}.breadcrumbs li{float:right;color:#0a0a0a;font-size:.6875rem;cursor:default;text-transform:uppercase}.breadcrumbs li:not(:last-child):after{color:#cacaca;content:"\\";margin:0 .75rem;position:relative;top:1px;opacity:1}.breadcrumbs a{color:#2199e8}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#cacaca;cursor:not-allowed}.button-group{margin-bottom:1rem;font-size:0}.button-group:after,.button-group:before{content:' ';display:table}.button-group:after{clear:both}.button-group .button{margin:0;margin-left:1px;margin-bottom:1px;font-size:.9rem}.button-group .button:last-child{margin-left:0}.button-group.tiny .button{font-size:.6rem}.button-group.small .button{font-size:.75rem}.button-group.large .button{font-size:1.25rem}.button-group.expanded{margin-left:-1px}.button-group.expanded:after,.button-group.expanded:before{display:none}.button-group.expanded .button:first-child:nth-last-child(2),.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button{display:inline-block;width:calc(50% - 1px);margin-left:1px}.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(2):last-child{margin-left:-6px}.button-group.expanded .button:first-child:nth-last-child(3),.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button{display:inline-block;width:calc(33.33333% - 1px);margin-left:1px}.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(3):last-child{margin-left:-6px}.button-group.expanded .button:first-child:nth-last-child(4),.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button{display:inline-block;width:calc(25% - 1px);margin-left:1px}.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(4):last-child{margin-left:-6px}.button-group.expanded .button:first-child:nth-last-child(5),.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button{display:inline-block;width:calc(20% - 1px);margin-left:1px}.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(5):last-child{margin-left:-6px}.button-group.expanded .button:first-child:nth-last-child(6),.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button{display:inline-block;width:calc(16.66667% - 1px);margin-left:1px}.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(6):last-child{margin-left:-6px}.button-group.primary .button{background-color:#2199e8;color:#fefefe}.button-group.primary .button:focus,.button-group.primary .button:hover{background-color:#147cc0;color:#fefefe}.button-group.secondary .button{background-color:#777;color:#fefefe}.button-group.secondary .button:focus,.button-group.secondary .button:hover{background-color:#5f5f5f;color:#fefefe}.button-group.success .button{background-color:#3adb76;color:#fefefe}.button-group.success .button:focus,.button-group.success .button:hover{background-color:#22bb5b;color:#fefefe}.button-group.warning .button{background-color:#ffae00;color:#fefefe}.button-group.warning .button:focus,.button-group.warning .button:hover{background-color:#cc8b00;color:#fefefe}.button-group.alert .button{background-color:#ec5840;color:#fefefe}.button-group.alert .button:focus,.button-group.alert .button:hover{background-color:#da3116;color:#fefefe}.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button,.button-group.stacked .button{width:100%}.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked .button:last-child{margin-bottom:0}@media screen and (min-width:40em){.button-group.stacked-for-small .button{width:auto;margin-bottom:0}}@media screen and (min-width:64em){.button-group.stacked-for-medium .button{width:auto;margin-bottom:0}}@media screen and (max-width:39.9375em){.button-group.stacked-for-small.expanded{display:block}.button-group.stacked-for-small.expanded .button{display:block;margin-left:0}}.callout{margin:0 0 1rem;padding:1rem;border:1px solid hsla(0,0%,4%,.25);border-radius:0;position:relative;color:#0a0a0a;background-color:#fff}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout.primary{background-color:#def0fc}.callout.secondary{background-color:#ebebeb}.callout.success{background-color:#e1faea}.callout.warning{background-color:#fff3d9}.callout.alert{background-color:#fce6e2}.callout.small{padding:.5rem}.callout.large{padding:3rem}.close-button{position:absolute;color:#8a8a8a;right:1rem;top:.5rem;font-size:2em;line-height:1;cursor:pointer}[data-whatinput=mouse] .close-button{outline:0}.close-button:focus,.close-button:hover{color:#0a0a0a}.menu{margin:0;list-style-type:none}.menu>li{display:table-cell;vertical-align:middle}[data-whatinput=mouse] .menu>li{outline:0}.menu>li>a{display:block;padding:.7rem 1rem;line-height:1}.menu a,.menu button,.menu input{margin-bottom:0}.menu>li>a i,.menu>li>a i+span,.menu>li>a img,.menu>li>a img+span,.menu>li>a svg,.menu>li>a svg+span{vertical-align:middle}.menu>li>a i,.menu>li>a img,.menu>li>a svg{margin-left:.25rem;display:inline-block}.menu>li{display:table-cell}.menu.vertical>li{display:block}@media screen and (min-width:40em){.menu.medium-horizontal>li{display:table-cell}.menu.medium-vertical>li{display:block}}@media screen and (min-width:64em){.menu.large-horizontal>li{display:table-cell}.menu.large-vertical>li{display:block}}.menu.simple li{line-height:1;display:inline-block;margin-left:1rem}.menu.simple a{padding:0}.menu.align-left:after,.menu.align-left:before{content:' ';display:table}.menu.align-left:after{clear:both}.menu.align-left>li{float:left}.menu.expanded{width:100%;display:table;table-layout:fixed}.menu.expanded>li:first-child:last-child{width:100%}.menu.icon-top>li>a{text-align:center}.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg{display:block;margin:0 auto .25rem}.menu.nested{margin-right:1rem}.menu .active>a{color:#fefefe;background:#2199e8}.menu-text{font-weight:700;color:inherit;line-height:1;padding-top:0;padding-bottom:0;padding:.7rem 1rem}.menu-centered{text-align:center}.menu-centered>.menu{display:inline-block}.no-js [data-responsive-menu] ul{display:none}.menu-icon{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;width:20px;height:16px}.menu-icon:after{content:'';position:absolute;display:block;width:100%;height:2px;background:#fefefe;top:0;left:0;box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe}.menu-icon:hover:after{background:#cacaca;box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca}.menu-icon.dark{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;width:20px;height:16px}.menu-icon.dark:after{content:'';position:absolute;display:block;width:100%;height:2px;background:#0a0a0a;top:0;left:0;box-shadow:0 7px 0 #0a0a0a,0 14px 0 #0a0a0a}.menu-icon.dark:hover:after{background:#8a8a8a;box-shadow:0 7px 0 #8a8a8a,0 14px 0 #8a8a8a}.is-drilldown{position:relative;overflow:hidden}.is-drilldown li{display:block!important}.is-drilldown-submenu{position:absolute;top:0;right:100%;z-index:-1;width:100%;background:#fefefe;-webkit-transition:-webkit-transform .15s linear;transition:transform .15s linear}.is-drilldown-submenu.is-active{z-index:1;display:block;-webkit-transform:translateX(100%);transform:translateX(100%)}.is-drilldown-submenu.is-closing{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.is-drilldown-submenu-parent>a{position:relative}.is-drilldown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:6px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0;position:absolute;top:50%;margin-top:-6px;left:1rem}.js-drilldown-back>a:before{content:'';display:block;width:0;height:0;border:6px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0;display:inline-block;vertical-align:middle;margin-left:.75rem}.dropdown-pane{background-color:#fefefe;border:1px solid #cacaca;border-radius:0;display:block;font-size:1rem;padding:1rem;position:absolute;visibility:hidden;width:300px;z-index:10}.dropdown-pane.is-open{visibility:visible}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}.dropdown.menu>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu>li.is-dropdown-submenu-parent>a{padding-left:1.5rem;position:relative}.dropdown.menu>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;left:5px;margin-top:-2px}[data-whatinput=mouse] .dropdown.menu a{outline:0}.no-js .dropdown.menu ul{display:none}.dropdown.menu.vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.vertical>li>a:after{left:14px;margin-top:-3px}.dropdown.menu.vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}@media screen and (min-width:40em){.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{padding-left:1.5rem;position:relative}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;left:5px;margin-top:-2px}.dropdown.menu.medium-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.medium-vertical>li>a:after{left:14px;margin-top:-3px}.dropdown.menu.medium-vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.medium-vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}}@media screen and (min-width:64em){.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a{padding-left:1.5rem;position:relative}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;left:5px;margin-top:-2px}.dropdown.menu.large-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.large-vertical>li>a:after{left:14px;margin-top:-3px}.dropdown.menu.large-vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.large-vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}}.dropdown.menu.align-right .is-dropdown-submenu.first-sub{top:100%;left:auto;right:0}.is-dropdown-menu.vertical{width:100px}.is-dropdown-menu.vertical.align-right{float:right}.is-dropdown-submenu-parent{position:relative}.is-dropdown-submenu-parent a:after{position:absolute;top:50%;left:5px;margin-top:-2px}.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu{top:100%;right:auto}.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu{left:auto;right:100%}.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu{right:auto;left:100%}.is-dropdown-submenu{display:none;position:absolute;top:0;right:100%;min-width:200px;z-index:1;background:#fefefe;border:1px solid #cacaca}.is-dropdown-submenu .is-dropdown-submenu-parent>a:after{left:14px;margin-top:-3px}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}.is-dropdown-submenu .is-dropdown-submenu{margin-top:-1px}.is-dropdown-submenu>li{width:100%}.is-dropdown-submenu.js-dropdown-active{display:block}.flex-video{position:relative;height:0;padding-bottom:75%;margin-bottom:1rem;overflow:hidden}.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video{position:absolute;top:0;right:0;width:100%;height:100%}.flex-video.widescreen{padding-bottom:56.25%}.flex-video.vimeo{padding-top:0}.label{display:inline-block;padding:.33333rem .5rem;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;border-radius:0;background:#2199e8;color:#fefefe}.label.secondary{background:#777;color:#fefefe}.label.success{background:#3adb76;color:#fefefe}.label.warning{background:#ffae00;color:#fefefe}.label.alert{background:#ec5840;color:#fefefe}.media-object{margin-bottom:1rem;display:block}.media-object img{max-width:none}@media screen and (max-width:39.9375em){.media-object.stack-for-small .media-object-section{padding:0;padding-bottom:1rem;display:block}.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-left:1rem}.media-object-section:last-child:not(:nth-child(2)){padding-right:1rem}.media-object-section>:last-child{margin-bottom:0}.media-object-section.middle{vertical-align:middle}.media-object-section.bottom{vertical-align:bottom}body,html{height:100%}.off-canvas-wrapper{width:100%;overflow-x:hidden;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:auto}.off-canvas-wrapper-inner{position:relative;width:100%;min-height:100%;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.off-canvas-wrapper-inner:after,.off-canvas-wrapper-inner:before{content:' ';display:table}.off-canvas-wrapper-inner:after{clear:both}.off-canvas-content{min-height:100%;background:#fefefe;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;padding-bottom:.1px;box-shadow:0 0 10px hsla(0,0%,4%,.5)}.js-off-canvas-exit{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.25);cursor:pointer;-webkit-transition:background .5s ease;transition:background .5s ease}.off-canvas{position:absolute;background:#e6e6e6;z-index:-1;max-height:100%;overflow-y:auto;-webkit-transform:translateX(0);transform:translateX(0)}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.position-left{left:-250px;top:0;width:250px}.is-open-left{-webkit-transform:translateX(250px);transform:translateX(250px)}.off-canvas.position-right{right:-250px;top:0;width:250px}.is-open-right{-webkit-transform:translateX(-250px);transform:translateX(-250px)}@media screen and (min-width:40em){.position-left.reveal-for-medium{left:0;z-index:auto;position:fixed}.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{right:0;z-index:auto;position:fixed}.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}}@media screen and (min-width:64em){.position-left.reveal-for-large{left:0;z-index:auto;position:fixed}.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{right:0;z-index:auto;position:fixed}.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}}.orbit,.orbit-container{position:relative}.orbit-container{margin:0;overflow:hidden;list-style:none}.orbit-slide{width:100%;max-height:100%}.orbit-slide.no-motionui.is-active{top:0;left:0}.orbit-figure{margin:0}.orbit-image{margin:0;width:100%;max-width:100%}.orbit-caption{bottom:0;width:100%;margin-bottom:0;background-color:hsla(0,0%,4%,.5)}.orbit-caption,.orbit-next,.orbit-previous{position:absolute;padding:1rem;color:#fefefe}.orbit-next,.orbit-previous{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover{background-color:hsla(0,0%,4%,.5)}.orbit-previous{right:0}.orbit-next{right:auto;left:0}.orbit-bullets{position:relative;margin-top:.8rem;margin-bottom:.8rem;text-align:center}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{width:1.2rem;height:1.2rem;margin:.1rem;background-color:#cacaca;border-radius:50%}.orbit-bullets button.is-active,.orbit-bullets button:hover{background-color:#8a8a8a}.pagination{margin-right:0;margin-bottom:1rem}.pagination:after,.pagination:before{content:' ';display:table}.pagination:after{clear:both}.pagination li{font-size:.875rem;margin-left:.0625rem;border-radius:0;display:none}.pagination li:first-child,.pagination li:last-child{display:inline-block}@media screen and (min-width:40em){.pagination li{display:inline-block}}.pagination a,.pagination button{color:#0a0a0a;display:block;padding:.1875rem .625rem;border-radius:0}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination .current{padding:.1875rem .625rem;background:#2199e8;color:#fefefe;cursor:default}.pagination .disabled{padding:.1875rem .625rem;color:#cacaca;cursor:not-allowed}.pagination .disabled:hover{background:transparent}.pagination .ellipsis:after{content:'\2026';padding:.1875rem .625rem;color:#0a0a0a}.pagination-previous.disabled:before,.pagination-previous a:before{content:'\00ab';display:inline-block;margin-left:.5rem}.pagination-next.disabled:after,.pagination-next a:after{content:'\00bb';display:inline-block;margin-right:.5rem}.progress{background-color:#cacaca;height:1rem;margin-bottom:1rem;border-radius:0}.progress.primary .progress-meter{background-color:#2199e8}.progress.secondary .progress-meter{background-color:#777}.progress.success .progress-meter{background-color:#3adb76}.progress.warning .progress-meter{background-color:#ffae00}.progress.alert .progress-meter{background-color:#ec5840}.progress-meter{position:relative;display:block;width:0;height:100%;background-color:#2199e8}.progress-meter-text{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;margin:0;font-size:.75rem;font-weight:700;color:#fefefe;white-space:nowrap}.slider{position:relative;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;background-color:#e6e6e6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.slider-fill{position:absolute;top:0;left:0;display:inline-block;max-width:100%;height:.5rem;background-color:#cacaca;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.slider-fill.is-dragging{-webkit-transition:all 0s linear;transition:all 0s linear}.slider-handle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;left:0;z-index:1;display:inline-block;width:1.4rem;height:1.4rem;background-color:#2199e8;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-ms-touch-action:manipulation;touch-action:manipulation;border-radius:0}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#1583cc}.slider-handle.is-dragging{-webkit-transition:all 0s linear;transition:all 0s linear}.slider.disabled,.slider[disabled]{opacity:.25;cursor:not-allowed}.slider.vertical{display:inline-block;width:.5rem;height:12.5rem;margin:0 1.25rem;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.slider.vertical .slider-fill{top:0;width:.5rem;max-height:100%}.slider.vertical .slider-handle{position:absolute;top:0;left:50%;width:1.4rem;height:1.4rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.slider:not(.vertical){-webkit-transform:scaleX(-1);transform:scaleX(-1)}.sticky-container{position:relative}.sticky{position:absolute;z-index:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.sticky.is-stuck{position:fixed;z-index:5}.sticky.is-stuck.is-at-top{top:0}.sticky.is-stuck.is-at-bottom{bottom:0}.sticky.is-anchored{position:absolute;left:auto;right:auto}.sticky.is-anchored.is-at-bottom{bottom:0}body.is-reveal-open{overflow:hidden}html.is-reveal-open,html.is-reveal-open body{min-height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reveal-overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1005;background-color:hsla(0,0%,4%,.45);overflow-y:scroll}.reveal{display:none;z-index:1006;padding:1rem;border:1px solid #cacaca;background-color:#fefefe;border-radius:0;position:relative;top:100px;margin-left:auto;margin-right:auto;overflow-y:auto}[data-whatinput=mouse] .reveal{outline:0}@media screen and (min-width:40em){.reveal{min-height:0}}.reveal .column,.reveal .columns{min-width:0}.reveal>:last-child{margin-bottom:0}@media screen and (min-width:40em){.reveal{width:600px;max-width:75rem}}@media screen and (min-width:40em){.reveal .reveal{left:auto;right:auto;margin:0 auto}}.reveal.collapse{padding:0}@media screen and (min-width:40em){.reveal.tiny{width:30%;max-width:75rem}}@media screen and (min-width:40em){.reveal.small{width:50%;max-width:75rem}}@media screen and (min-width:40em){.reveal.large{width:90%;max-width:75rem}}.reveal.full{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}@media screen and (max-width:39.9375em){.reveal{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}}.reveal.without-overlay{position:fixed}.switch{height:2rem;margin-bottom:1rem;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fefefe;font-weight:700;font-size:.875rem}.switch-input{opacity:0;position:absolute;margin-bottom:0}.switch-paddle{background:#cacaca;cursor:pointer;display:block;position:relative;width:4rem;height:2rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;border-radius:0;color:inherit;font-weight:inherit}input+.switch-paddle{margin:0}.switch-paddle:after{background:#fefefe;content:'';display:block;position:absolute;height:1.5rem;right:.25rem;top:.25rem;width:1.5rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:0}input:checked~.switch-paddle{background:#2199e8}input:checked~.switch-paddle:after{right:2.25rem}[data-whatinput=mouse] input:focus~.switch-paddle{outline:0}.switch-active,.switch-inactive{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.switch-active{right:8%;display:none}input:checked+label>.switch-active{display:block}.switch-inactive{left:15%}input:checked+label>.switch-inactive{display:none}.switch.tiny{height:1.5rem}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle:after{width:1rem;height:1rem}.switch.tiny input:checked~.switch-paddle:after{right:1.75rem}.switch.small{height:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle:after{width:1.25rem;height:1.25rem}.switch.small input:checked~.switch-paddle:after{right:2rem}.switch.large{height:2.5rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle:after{width:2rem;height:2rem}.switch.large input:checked~.switch-paddle:after{right:2.75rem}table{width:100%;margin-bottom:1rem;border-radius:0}table tbody,table tfoot,table thead{border:1px solid #f1f1f1;background-color:#fefefe}table caption{font-weight:700;padding:.5rem .625rem .625rem}table thead{background:#f8f8f8;color:#0a0a0a}table tfoot{background:#f1f1f1;color:#0a0a0a}table tfoot tr,table thead tr{background:transparent}table tfoot td,table tfoot th,table thead td,table thead th{padding:.5rem .625rem .625rem;font-weight:700;text-align:right}table tbody tr:nth-child(even){background-color:#f1f1f1}table tbody td,table tbody th{padding:.5rem .625rem .625rem}@media screen and (max-width:63.9375em){table.stack tfoot,table.stack thead{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}}table.scroll{display:block;width:100%;overflow-x:auto}table.hover thead tr:hover{background-color:#f3f3f3}table.hover tfoot tr:hover{background-color:#ececec}table.hover tbody tr:hover{background-color:#f9f9f9}table.hover tbody tr:nth-of-type(even):hover{background-color:#ececec}.table-scroll{overflow-x:auto}.table-scroll table{width:auto}.tabs{margin:0;list-style-type:none;background:#fefefe;border:1px solid #e6e6e6}.tabs:after,.tabs:before{content:' ';display:table}.tabs:after{clear:both}.tabs.vertical>li{width:auto;float:none;display:block}.tabs.simple>li>a{padding:0}.tabs.simple>li>a:hover{background:transparent}.tabs.primary{background:#2199e8}.tabs.primary>li>a{color:#fefefe}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#1893e4}.tabs-title{float:right}.tabs-title>a{display:block;padding:1.25rem 1.5rem;line-height:1;font-size:.75rem}.tabs-title>a:hover{background:#fefefe}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{background:#e6e6e6}.tabs-content{background:#fefefe;-webkit-transition:all .5s ease;transition:all .5s ease;border:1px solid #e6e6e6;border-top:0}.tabs-content.vertical{border:1px solid #e6e6e6;border-right:0}.tabs-panel{display:none;padding:1rem}.tabs-panel.is-active{display:block}.thumbnail{border:4px solid #fefefe;box-shadow:0 0 0 1px hsla(0,0%,4%,.2);display:inline-block;line-height:0;max-width:100%;-webkit-transition:-webkit-box-shadow .2s ease-out;transition:box-shadow .2s ease-out;border-radius:0;margin-bottom:1rem}.thumbnail:focus,.thumbnail:hover{box-shadow:0 0 6px 1px rgba(33,153,232,.5)}.title-bar{background:#0a0a0a;color:#fefefe;padding:.5rem}.title-bar:after,.title-bar:before{content:' ';display:table}.title-bar:after{clear:both}.title-bar .menu-icon{margin-right:.25rem;margin-left:.25rem}.title-bar-left{float:left}.title-bar-right{float:right;text-align:right}.title-bar-title{vertical-align:middle}.has-tip,.title-bar-title{font-weight:700;display:inline-block}.has-tip{border-bottom:1px dotted #8a8a8a;position:relative;cursor:help}.tooltip{background-color:#0a0a0a;color:#fefefe;font-size:80%;padding:.75rem;position:absolute;z-index:10;top:calc(100% + .6495rem);max-width:10rem!important;border-radius:0}.tooltip:before{border:.75rem inset;border-color:transparent transparent #0a0a0a;border-bottom-style:solid;border-top-width:0;bottom:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip.top:before,.tooltip:before{content:'';display:block;width:0;height:0}.tooltip.top:before{border:.75rem inset;border-color:#0a0a0a transparent transparent;border-top-style:solid;border-bottom-width:0;top:100%;bottom:auto}.tooltip.left:before{border:.75rem inset;border-color:transparent transparent transparent #0a0a0a;border-left-style:solid;border-right-width:0;left:100%}.tooltip.left:before,.tooltip.right:before{content:'';display:block;width:0;height:0;bottom:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.right:before{border:.75rem inset;border-color:transparent #0a0a0a transparent transparent;border-right-style:solid;border-left-width:0;left:auto;right:100%}.top-bar{padding:.5rem}.top-bar:after,.top-bar:before{content:' ';display:table}.top-bar:after{clear:both}.top-bar,.top-bar ul{background-color:#e6e6e6}.top-bar input{max-width:200px;margin-left:1rem}.top-bar .input-group-field{width:100%;margin-left:0}.top-bar input.button{width:auto}.top-bar .top-bar-left,.top-bar .top-bar-right{width:100%}@media screen and (min-width:40em){.top-bar .top-bar-left,.top-bar .top-bar-right{width:auto}}@media screen and (max-width:63.9375em){.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right{width:100%}}@media screen and (max-width:74.9375em){.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right{width:100%}}.top-bar-title{float:left;margin-right:1rem}.top-bar-left{float:left}.top-bar-right{float:right}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (max-width:39.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media screen and (min-width:40em){.hide-for-medium{display:none!important}}@media screen and (max-width:39.9375em){.show-for-medium{display:none!important}}@media screen and (min-width:40em) and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:39.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.show-for-large{display:none!important}}@media screen and (min-width:64em) and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!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}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{content:' ';display:table}.clearfix:after{clear:both}
\ No newline at end of file
diff --git a/libraries/foundation-6/dist/foundation.css b/libraries/foundation-6/dist/foundation.css
index e8e17a97..b715f4b8 100644
--- a/libraries/foundation-6/dist/foundation.css
+++ b/libraries/foundation-6/dist/foundation.css
@@ -1,7 +1,7 @@
@charset "UTF-8";
/**
* Foundation for Sites by ZURB
- * Version 6.2.3
+ * Version 6.2.4
* foundation.zurb.com
* Licensed under MIT Open Source
*/
@@ -446,7 +446,6 @@ button {
padding-left: 0;
padding-right: 0; }
.row .row {
- max-width: none;
margin-left: -0.625rem;
margin-right: -0.625rem; }
@media screen and (min-width: 40em) {
@@ -478,11 +477,12 @@ button {
.column.row.row, .row.row.columns {
float: none; }
- .row .column.row.row, .row .row.row.columns {
- padding-left: 0;
- padding-right: 0;
- margin-left: 0;
- margin-right: 0; }
+
+.row .column.row.row, .row .row.row.columns {
+ padding-left: 0;
+ padding-right: 0;
+ margin-left: 0;
+ margin-right: 0; }
.small-1 {
width: 8.33333%; }
@@ -728,7 +728,10 @@ button {
padding-left: 0;
padding-right: 0; }
-.small-collapse .row,
+.small-collapse .row {
+ margin-left: 0;
+ margin-right: 0; }
+
.expanded.row .small-collapse.row {
margin-left: 0;
margin-right: 0; }
@@ -738,9 +741,11 @@ button {
padding-right: 0.625rem; }
.small-centered {
- float: none;
margin-left: auto;
margin-right: auto; }
+ .small-centered, .small-centered:last-child:not(:first-child) {
+ float: none;
+ clear: both; }
.small-uncentered,
.small-push-0,
@@ -940,7 +945,9 @@ button {
.medium-collapse > .column, .medium-collapse > .columns {
padding-left: 0;
padding-right: 0; }
- .medium-collapse .row,
+ .medium-collapse .row {
+ margin-left: 0;
+ margin-right: 0; }
.expanded.row .medium-collapse.row {
margin-left: 0;
margin-right: 0; }
@@ -948,9 +955,11 @@ button {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.medium-centered {
- float: none;
margin-left: auto;
margin-right: auto; }
+ .medium-centered, .medium-centered:last-child:not(:first-child) {
+ float: none;
+ clear: both; }
.medium-uncentered,
.medium-push-0,
.medium-pull-0 {
@@ -1149,7 +1158,9 @@ button {
.large-collapse > .column, .large-collapse > .columns {
padding-left: 0;
padding-right: 0; }
- .large-collapse .row,
+ .large-collapse .row {
+ margin-left: 0;
+ margin-right: 0; }
.expanded.row .large-collapse.row {
margin-left: 0;
margin-right: 0; }
@@ -1157,9 +1168,11 @@ button {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.large-centered {
- float: none;
margin-left: auto;
margin-right: auto; }
+ .large-centered, .large-centered:last-child:not(:first-child) {
+ float: none;
+ clear: both; }
.large-uncentered,
.large-push-0,
.large-pull-0 {
@@ -1789,6 +1802,36 @@ select {
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #2199e8;
color: #fefefe; }
+ .button.disabled.primary, .button[disabled].primary {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus {
+ background-color: #2199e8;
+ color: #fefefe; }
+ .button.disabled.secondary, .button[disabled].secondary {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
+ background-color: #777;
+ color: #fefefe; }
+ .button.disabled.success, .button[disabled].success {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
+ background-color: #3adb76;
+ color: #fefefe; }
+ .button.disabled.warning, .button[disabled].warning {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
+ background-color: #ffae00;
+ color: #fefefe; }
+ .button.disabled.alert, .button[disabled].alert {
+ opacity: 0.25;
+ cursor: not-allowed; }
+ .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
+ background-color: #ec5840;
+ color: #fefefe; }
.button.dropdown::after {
content: '';
display: block;
@@ -2225,7 +2268,6 @@ select {
top: 0;
left: 100%;
z-index: -1;
- height: 100%;
width: 100%;
background: #fefefe;
-webkit-transition: -webkit-transform 0.15s linear;
@@ -2616,6 +2658,7 @@ body {
.off-canvas-wrapper-inner {
position: relative;
width: 100%;
+ min-height: 100%;
-webkit-transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease; }
.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
@@ -2979,7 +3022,7 @@ body.is-reveal-open {
html.is-reveal-open,
html.is-reveal-open body {
- height: 100%;
+ min-height: 100%;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
@@ -3069,6 +3112,7 @@ html.is-reveal-open body {
position: fixed; }
.switch {
+ height: 2rem;
margin-bottom: 1rem;
outline: 0;
position: relative;
@@ -3082,7 +3126,8 @@ html.is-reveal-open body {
.switch-input {
opacity: 0;
- position: absolute; }
+ position: absolute;
+ margin-bottom: 0; }
.switch-paddle {
background: #cacaca;
@@ -3137,41 +3182,41 @@ html.is-reveal-open body {
input:checked + label > .switch-inactive {
display: none; }
-.switch.tiny .switch-paddle {
- width: 3rem;
- height: 1.5rem;
- font-size: 0.625rem; }
-
-.switch.tiny .switch-paddle::after {
- width: 1rem;
- height: 1rem; }
-
-.switch.tiny input:checked ~ .switch-paddle::after {
- left: 1.75rem; }
-
-.switch.small .switch-paddle {
- width: 3.5rem;
- height: 1.75rem;
- font-size: 0.75rem; }
-
-.switch.small .switch-paddle::after {
- width: 1.25rem;
- height: 1.25rem; }
-
-.switch.small input:checked ~ .switch-paddle::after {
- left: 2rem; }
-
-.switch.large .switch-paddle {
- width: 5rem;
- height: 2.5rem;
- font-size: 1rem; }
-
-.switch.large .switch-paddle::after {
- width: 2rem;
- height: 2rem; }
+.switch.tiny {
+ height: 1.5rem; }
+ .switch.tiny .switch-paddle {
+ width: 3rem;
+ height: 1.5rem;
+ font-size: 0.625rem; }
+ .switch.tiny .switch-paddle::after {
+ width: 1rem;
+ height: 1rem; }
+ .switch.tiny input:checked ~ .switch-paddle::after {
+ left: 1.75rem; }
+
+.switch.small {
+ height: 1.75rem; }
+ .switch.small .switch-paddle {
+ width: 3.5rem;
+ height: 1.75rem;
+ font-size: 0.75rem; }
+ .switch.small .switch-paddle::after {
+ width: 1.25rem;
+ height: 1.25rem; }
+ .switch.small input:checked ~ .switch-paddle::after {
+ left: 2rem; }
-.switch.large input:checked ~ .switch-paddle::after {
- left: 2.75rem; }
+.switch.large {
+ height: 2.5rem; }
+ .switch.large .switch-paddle {
+ width: 5rem;
+ height: 2.5rem;
+ font-size: 1rem; }
+ .switch.large .switch-paddle::after {
+ width: 2rem;
+ height: 2rem; }
+ .switch.large input:checked ~ .switch-paddle::after {
+ left: 2.75rem; }
table {
width: 100%;
@@ -3185,20 +3230,22 @@ table {
table caption {
font-weight: bold;
padding: 0.5rem 0.625rem 0.625rem; }
- table thead,
- table tfoot {
+ table thead {
background: #f8f8f8;
color: #0a0a0a; }
- table thead tr,
- table tfoot tr {
- background: transparent; }
- table thead th,
- table thead td,
- table tfoot th,
- table tfoot td {
- padding: 0.5rem 0.625rem 0.625rem;
- font-weight: bold;
- text-align: left; }
+ table tfoot {
+ background: #f1f1f1;
+ color: #0a0a0a; }
+ table thead tr,
+ table tfoot tr {
+ background: transparent; }
+ table thead th,
+ table thead td,
+ table tfoot th,
+ table tfoot td {
+ padding: 0.5rem 0.625rem 0.625rem;
+ font-weight: bold;
+ text-align: left; }
table tbody tr:nth-child(even) {
background-color: #f1f1f1; }
table tbody th,
@@ -3222,10 +3269,16 @@ table.scroll {
width: 100%;
overflow-x: auto; }
-table.hover tr:hover {
+table.hover thead tr:hover {
+ background-color: #f3f3f3; }
+
+table.hover tfoot tr:hover {
+ background-color: #ececec; }
+
+table.hover tbody tr:hover {
background-color: #f9f9f9; }
-table.hover tr:nth-of-type(even):hover {
+table.hover tbody tr:nth-of-type(even):hover {
background-color: #ececec; }
.table-scroll {
@@ -3330,29 +3383,6 @@ table.hover tr:nth-of-type(even):hover {
vertical-align: middle;
display: inline-block; }
-.menu-icon.dark {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- cursor: pointer;
- width: 20px;
- height: 16px; }
- .menu-icon.dark::after {
- content: '';
- position: absolute;
- display: block;
- width: 100%;
- height: 2px;
- background: #0a0a0a;
- top: 0;
- left: 0;
- -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
- box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; }
- .menu-icon.dark:hover::after {
- background: #8a8a8a;
- -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
- box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
-
.has-tip {
border-bottom: dotted 1px #8a8a8a;
font-weight: bold;
diff --git a/libraries/foundation-6/dist/foundation.js b/libraries/foundation-6/dist/foundation.js
index 63b04ace..0265fff8 100644
--- a/libraries/foundation-6/dist/foundation.js
+++ b/libraries/foundation-6/dist/foundation.js
@@ -2,7 +2,7 @@
"use strict";
- var FOUNDATION_VERSION = '6.2.3';
+ var FOUNDATION_VERSION = '6.2.4';
// Global Foundation object
// This is attached to the window, or used as a module for AMD/Browserify
@@ -562,7 +562,7 @@
break;
case 'left bottom':
return {
- left: $anchorDims.offset.left - ($eleDims.width + hOffset),
+ left: $anchorDims.offset.left,
top: $anchorDims.offset.top + $anchorDims.height
};
break;
@@ -574,7 +574,7 @@
break;
default:
return {
- left: Foundation.rtl() ? $anchorDims.offset.left - $eleDims.width + $anchorDims.width : $anchorDims.offset.left,
+ left: Foundation.rtl() ? $anchorDims.offset.left - $eleDims.width + $anchorDims.width : $anchorDims.offset.left + hOffset,
top: $anchorDims.offset.top + $anchorDims.height + vOffset
};
}
@@ -642,9 +642,9 @@
// this component does not differentiate between ltr and rtl
cmds = commandList; // use plain list
} else {
- // merge ltr and rtl: if document is rtl, rtl overwrites ltr and vice versa
- if (Foundation.rtl()) cmds = $.extend({}, commandList.ltr, commandList.rtl);else cmds = $.extend({}, commandList.rtl, commandList.ltr);
- }
+ // merge ltr and rtl: if document is rtl, rtl overwrites ltr and vice versa
+ if (Foundation.rtl()) cmds = $.extend({}, commandList.ltr, commandList.rtl);else cmds = $.extend({}, commandList.rtl, commandList.ltr);
+ }
command = cmds[keyCode];
fn = functions[command];
@@ -850,7 +850,7 @@
style.type = 'text/css';
style.id = 'matchmediajs-test';
- script.parentNode.insertBefore(style, script);
+ script && script.parentNode && script.parentNode.insertBefore(style, script);
// 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers
info = 'getComputedStyle' in window && window.getComputedStyle(style, null) || style.currentStyle;
@@ -1022,7 +1022,7 @@
var Nest = {
Feather: function (menu) {
- var type = arguments.length <= 1 || arguments[1] === undefined ? 'zf' : arguments[1];
+ var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'zf';
menu.attr('role', 'menubar');
@@ -1064,7 +1064,7 @@
subItemClass = subMenuClass + '-item',
hasSubClass = 'is-' + type + '-submenu-parent';
- menu.find('*').removeClass(subMenuClass + ' ' + subItemClass + ' ' + hasSubClass + ' is-submenu-item submenu is-active').removeAttr('data-submenu').css('display', '');
+ menu.find('>li, .menu, .menu > li').removeClass(subMenuClass + ' ' + subItemClass + ' ' + hasSubClass + ' is-submenu-item submenu is-active').removeAttr('data-submenu').css('display', '');
// console.log( menu.find('.' + subMenuClass + ', .' + subItemClass + ', .has-submenu, .is-submenu-item, .submenu, [data-submenu]')
// .removeClass(subMenuClass + ' ' + subItemClass + ' has-submenu is-submenu-item submenu')
@@ -1117,7 +1117,9 @@
if (options.infinite) {
_this.restart(); //rerun the timer.
}
- cb();
+ if (cb && typeof cb === 'function') {
+ cb();
+ }
}, remain);
elem.trigger('timerstart.zf.' + nameSpace);
};
@@ -1585,7 +1587,7 @@
* @function
* @private
*/
- $(window).load(function () {
+ $(window).on('load', function () {
checkListeners();
});
@@ -1785,9 +1787,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Abide(element) {
- var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
+ var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
_classCallCheck(this, Abide);
@@ -2387,7 +2388,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an accordion.
* @param {Object} options - a plain object with settings to override the default options.
*/
-
function Accordion(element, options) {
_classCallCheck(this, Accordion);
@@ -2455,15 +2455,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
var $tabContent = $elem.children('[data-tab-content]');
if ($tabContent.length) {
$elem.children('a').off('click.zf.accordion keydown.zf.accordion').on('click.zf.accordion', function (e) {
- // $(this).children('a').on('click.zf.accordion', function(e) {
e.preventDefault();
- if ($elem.hasClass('is-active')) {
- if (_this.options.allowAllClosed || $elem.siblings().hasClass('is-active')) {
- _this.up($tabContent);
- }
- } else {
- _this.down($tabContent);
- }
+ _this.toggle($tabContent);
}).on('keydown.zf.accordion', function (e) {
Foundation.Keyboard.handleKey(e, 'Accordion', {
toggle: function () {
@@ -2493,7 +2486,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
/**
* Toggles the selected content pane's open/close state.
- * @param {jQuery} $target - jQuery object of the pane to toggle.
+ * @param {jQuery} $target - jQuery object of the pane to toggle (`.accordion-content`).
* @function
*/
@@ -2501,11 +2494,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
key: 'toggle',
value: function toggle($target) {
if ($target.parent().hasClass('is-active')) {
- if (this.options.allowAllClosed || $target.parent().siblings().hasClass('is-active')) {
- this.up($target);
- } else {
- return;
- }
+ this.up($target);
} else {
this.down($target);
}
@@ -2513,7 +2502,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
/**
* Opens the accordion tab defined by `$target`.
- * @param {jQuery} $target - Accordion pane to open.
+ * @param {jQuery} $target - Accordion pane to open (`.accordion-content`).
* @param {Boolean} firstTime - flag to determine if reflow should happen.
* @fires Accordion#down
* @function
@@ -2524,15 +2513,15 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function down($target, firstTime) {
var _this2 = this;
+ $target.attr('aria-hidden', false).parent('[data-tab-content]').addBack().parent().addClass('is-active');
+
if (!this.options.multiExpand && !firstTime) {
var $currentActive = this.$element.children('.is-active').children('[data-tab-content]');
if ($currentActive.length) {
- this.up($currentActive);
+ this.up($currentActive.not($target));
}
}
- $target.attr('aria-hidden', false).parent('[data-tab-content]').addBack().parent().addClass('is-active');
-
$target.slideDown(this.options.slideSpeed, function () {
/**
* Fires when the tab is done opening.
@@ -2549,7 +2538,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
/**
* Closes the tab defined by `$target`.
- * @param {jQuery} $target - Accordion tab to close.
+ * @param {jQuery} $target - Accordion tab to close (`.accordion-content`).
* @fires Accordion#up
* @function
*/
@@ -2559,9 +2548,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function up($target) {
var $aunts = $target.parent().siblings(),
_this = this;
- var canClose = this.options.multiExpand ? $aunts.hasClass('is-active') : $target.parent().hasClass('is-active');
- if (!this.options.allowAllClosed && !canClose) {
+ if (!this.options.allowAllClosed && !$aunts.hasClass('is-active') || !$target.parent().hasClass('is-active')) {
return;
}
@@ -2650,7 +2638,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an accordion menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function AccordionMenu(element, options) {
_classCallCheck(this, AccordionMenu);
@@ -2669,9 +2656,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
'ARROW_UP': 'up',
'ARROW_DOWN': 'down',
'ARROW_LEFT': 'close',
- 'ESCAPE': 'closeAll',
- 'TAB': 'down',
- 'SHIFT_TAB': 'up'
+ 'ESCAPE': 'closeAll'
});
}
@@ -2686,7 +2671,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function _init() {
this.$element.find('[data-submenu]').not('.is-active').slideUp(0); //.find('a').css('padding-left', '1rem');
this.$element.attr({
- 'role': 'tablist',
+ 'role': 'menu',
'aria-multiselectable': this.options.multiOpen
});
@@ -2700,13 +2685,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
$elem.attr({
'aria-controls': subId,
'aria-expanded': isActive,
- 'role': 'tab',
+ 'role': 'menuitem',
'id': linkId
});
$sub.attr({
'aria-labelledby': linkId,
'aria-hidden': !isActive,
- 'role': 'tabpanel',
+ 'role': 'menu',
'id': subId
});
});
@@ -2759,9 +2744,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if ($(this).is(':first-child')) {
// is first element of sub menu
$prevElement = $element.parents('li').first().find('a').first();
- } else if ($prevElement.children('[data-submenu]:visible').length) {
+ } else if ($prevElement.parents('li').first().children('[data-submenu]:visible').length) {
// if previous element has open sub menu
- $prevElement = $prevElement.find('li:last-child').find('a').first();
+ $prevElement = $prevElement.parents('li').find('li:last-child').find('a').first();
}
if ($(this).is(':last-child')) {
// is last element of sub menu
@@ -2771,6 +2756,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
return;
}
});
+
Foundation.Keyboard.handleKey(e, 'AccordionMenu', {
open: function () {
if ($target.is(':hidden')) {
@@ -2789,11 +2775,11 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}
},
up: function () {
- $prevElement.attr('tabindex', -1).focus();
+ $prevElement.focus();
return true;
},
down: function () {
- $nextElement.attr('tabindex', -1).focus();
+ $nextElement.focus();
return true;
},
toggle: function () {
@@ -2956,7 +2942,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an accordion menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Drilldown(element, options) {
_classCallCheck(this, Drilldown);
@@ -3020,7 +3005,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (_this.options.parentLink) {
$link.clone().prependTo($sub.children('[data-submenu]')).wrap('<li class="is-submenu-parent-item is-submenu-item is-drilldown-submenu-item" role="menu-item"></li>');
}
- $link.data('savedHref', $link.attr('href')).removeAttr('href');
+ $link.data('savedHref', $link.attr('href')).removeAttr('href').attr('tabindex', 0);
$link.children('[data-submenu]').attr({
'aria-hidden': true,
'tabindex': 0,
@@ -3144,13 +3129,14 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
$element.parent('li').parent('ul').parent('li').children('a').first().focus();
}, 1);
});
+ return true;
} else if ($element.is(_this.$submenuAnchors)) {
_this._show($element.parent('li'));
$element.parent('li').one(Foundation.transitionend($element), function () {
$element.parent('li').find('ul li a').filter(_this.$menuItems).first().focus();
});
+ return true;
}
- return true;
},
handled: function (preventDefault) {
if (preventDefault) {
@@ -3198,6 +3184,12 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
e.stopImmediatePropagation();
// console.log('mouseup on back');
_this._hide($elem);
+
+ // If there is a parent submenu, call show
+ var parentSubMenu = $elem.parent('li').parent('ul').parent('li');
+ if (parentSubMenu.length) {
+ _this._show(parentSubMenu);
+ }
});
}
@@ -3229,7 +3221,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}, {
key: '_show',
value: function _show($elem) {
- $elem.children('[data-submenu]').addClass('is-active');
+ $elem.attr('aria-expanded', true);
+ $elem.children('[data-submenu]').addClass('is-active').attr('aria-hidden', false);
/**
* Fires when the submenu has opened.
* @event Drilldown#open
@@ -3248,7 +3241,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
*/
value: function _hide($elem) {
var _this = this;
- $elem.addClass('is-closing').one(Foundation.transitionend($elem), function () {
+ $elem.parent('li').attr('aria-expanded', false);
+ $elem.attr('aria-hidden', true).addClass('is-closing').one(Foundation.transitionend($elem), function () {
$elem.removeClass('is-active is-closing');
$elem.blur();
});
@@ -3269,14 +3263,15 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}, {
key: '_getMaxDims',
value: function _getMaxDims() {
- var max = 0,
- result = {};
- this.$submenus.add(this.$element).each(function () {
- var numOfElems = $(this).children('li').length;
- max = numOfElems > max ? numOfElems : max;
+ var biggest = 0;
+ var result = {};
+
+ this.$submenus.add(this.$element).each(function (i, elem) {
+ var height = elem.getBoundingClientRect().height;
+ if (height > biggest) biggest = height;
});
- result['min-height'] = max * this.$menuItems[0].getBoundingClientRect().height + 'px';
+ result['min-height'] = biggest + 'px';
result['max-width'] = this.$element[0].getBoundingClientRect().width + 'px';
return result;
@@ -3298,6 +3293,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
});
this.$element.find('a').each(function () {
var $link = $(this);
+ $link.removeAttr('tabindex');
if ($link.data('savedHref')) {
$link.attr('href', $link.data('savedHref')).removeData('savedHref');
} else {
@@ -3366,7 +3362,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* Object should be of the dropdown panel, rather than its anchor.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Dropdown(element, options) {
_classCallCheck(this, Dropdown);
@@ -3396,7 +3391,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function _init() {
var $id = this.$element.attr('id');
- this.$anchor = $('[data-toggle="' + $id + '"]') || $('[data-open="' + $id + '"]');
+ this.$anchor = $('[data-toggle="' + $id + '"]').length ? $('[data-toggle="' + $id + '"]') : $('[data-open="' + $id + '"]');
this.$anchor.attr({
'aria-controls': $id,
'data-is-focus': false,
@@ -3429,9 +3424,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function getPositionClass() {
var verticalPosition = this.$element[0].className.match(/(top|left|right|bottom)/g);
verticalPosition = verticalPosition ? verticalPosition[0] : '';
- var horizontalPosition = /float-(\S+)\s/.exec(this.$anchor[0].className);
+ var horizontalPosition = /float-(\S+)/.exec(this.$anchor[0].className);
horizontalPosition = horizontalPosition ? horizontalPosition[1] : '';
var position = horizontalPosition ? horizontalPosition + ' ' + verticalPosition : verticalPosition;
+
return position;
}
@@ -3532,11 +3528,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (this.options.hover) {
this.$anchor.off('mouseenter.zf.dropdown mouseleave.zf.dropdown').on('mouseenter.zf.dropdown', function () {
- clearTimeout(_this.timeout);
- _this.timeout = setTimeout(function () {
- _this.open();
- _this.$anchor.data('hover', true);
- }, _this.options.hoverDelay);
+ if ($('body[data-whatinput="mouse"]').is('*')) {
+ clearTimeout(_this.timeout);
+ _this.timeout = setTimeout(function () {
+ _this.open();
+ _this.$anchor.data('hover', true);
+ }, _this.options.hoverDelay);
+ }
}).on('mouseleave.zf.dropdown', function () {
clearTimeout(_this.timeout);
_this.timeout = setTimeout(function () {
@@ -3813,7 +3811,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into a dropdown menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function DropdownMenu(element, options) {
_classCallCheck(this, DropdownMenu);
@@ -3862,13 +3859,19 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this._events();
}
}, {
- key: '_events',
+ key: '_isVertical',
+ value: function _isVertical() {
+ return this.$tabs.css('display') === 'block';
+ }
/**
* Adds event listeners to elements within the menu
* @private
* @function
*/
+
+ }, {
+ key: '_events',
value: function _events() {
var _this = this,
hasTouch = 'ontouchstart' in window || typeof window.ontouchstart !== 'undefined',
@@ -3893,10 +3896,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
} else {
e.preventDefault();
e.stopImmediatePropagation();
- _this._show($elem.children('.is-dropdown-submenu'));
+ _this._show($sub);
$elem.add($elem.parentsUntil(_this.$element, '.' + parClass)).attr('data-is-click', true);
}
} else {
+ if (_this.options.closeOnClickInside) {
+ _this._hide($elem);
+ }
return;
}
};
@@ -3987,49 +3993,60 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
};
if (isTab) {
- if (_this.$element.hasClass(_this.options.verticalClass)) {
+ if (_this._isVertical()) {
// vertical menu
- if (_this.options.alignment === 'left') {
- // left aligned
+ if (Foundation.rtl()) {
+ // right aligned
$.extend(functions, {
down: nextSibling,
up: prevSibling,
- next: openSub,
- previous: closeSub
+ next: closeSub,
+ previous: openSub
});
} else {
- // right aligned
+ // left aligned
$.extend(functions, {
down: nextSibling,
up: prevSibling,
- next: closeSub,
- previous: openSub
+ next: openSub,
+ previous: closeSub
});
}
} else {
// horizontal menu
- $.extend(functions, {
- next: nextSibling,
- previous: prevSibling,
- down: openSub,
- up: closeSub
- });
+ if (Foundation.rtl()) {
+ // right aligned
+ $.extend(functions, {
+ next: prevSibling,
+ previous: nextSibling,
+ down: openSub,
+ up: closeSub
+ });
+ } else {
+ // left aligned
+ $.extend(functions, {
+ next: nextSibling,
+ previous: prevSibling,
+ down: openSub,
+ up: closeSub
+ });
+ }
}
} else {
// not tabs -> one sub
- if (_this.options.alignment === 'left') {
- // left aligned
+ if (Foundation.rtl()) {
+ // right aligned
$.extend(functions, {
- next: openSub,
- previous: closeSub,
+ next: closeSub,
+ previous: openSub,
down: nextSibling,
up: prevSibling
});
} else {
- // right aligned
+ // left aligned
$.extend(functions, {
- next: closeSub,
- previous: openSub,
+ next: openSub,
+ previous: closeSub,
down: nextSibling,
up: prevSibling
});
@@ -4213,6 +4230,12 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @example true
*/
closeOnClick: true,
+ /**
+ * Allow clicks on leaf anchor links to close any open submenus.
+ * @option
+ * @example true
+ */
+ closeOnClickInside: true,
/**
* Class applied to vertical oriented menus, Foundation default is `vertical`. Update this if using your own class.
* @option
@@ -4247,6 +4270,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
/**
* Equalizer module.
* @module foundation.equalizer
+ * @requires foundation.util.mediaQuery
+ * @requires foundation.util.timerAndImageLoader if equalizer contains images
*/
var Equalizer = function () {
@@ -4257,7 +4282,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Equalizer(element, options) {
_classCallCheck(this, Equalizer);
@@ -4582,7 +4606,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @option
* @example true
*/
- equalizeOnStack: true,
+ equalizeOnStack: false,
/**
* Enable height equalization row by row.
* @option
@@ -4623,7 +4647,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Interchange(element, options) {
_classCallCheck(this, Interchange);
@@ -4766,7 +4789,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
// Replacing images
if (this.$element[0].nodeName === 'IMG') {
- this.$element.attr('src', path).load(function () {
+ this.$element.attr('src', path).on('load', function () {
_this.currentPath = path;
}).trigger(trigger);
}
@@ -4848,7 +4871,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Magellan(element, options) {
_classCallCheck(this, Magellan);
@@ -4952,6 +4974,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}, {
key: 'scrollToLoc',
value: function scrollToLoc(loc) {
+ // Do nothing if target does not exist to prevent errors
+ if (!$(loc).length) {
+ return false;
+ }
var scrollPos = Math.round($(loc).offset().top - this.options.threshold / 2 - this.options.barOffset);
$('html, body').stop(true).animate({ scrollTop: scrollPos }, this.options.animationDuration, this.options.animationEasing);
@@ -4996,7 +5022,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}
this.$active.removeClass(this.options.activeClass);
- this.$active = this.$links.eq(curIdx).addClass(this.options.activeClass);
+ this.$active = this.$links.filter('[href="#' + this.$targets.eq(curIdx).data('magellan-target') + '"]').addClass(this.options.activeClass);
if (this.options.deepLinking) {
var hash = this.$active[0].getAttribute('href');
@@ -5108,7 +5134,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to initialize.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function OffCanvas(element, options) {
_classCallCheck(this, OffCanvas);
@@ -5121,6 +5146,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this._events();
Foundation.registerPlugin(this, 'OffCanvas');
+ Foundation.Keyboard.register('OffCanvas', {
+ 'ESCAPE': 'close'
+ });
}
/**
@@ -5279,15 +5307,15 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* Fires when the off-canvas menu opens.
* @event OffCanvas#opened
*/
- Foundation.Move(this.options.transitionTime, this.$element, function () {
- $('[data-off-canvas-wrapper]').addClass('is-off-canvas-open is-open-' + _this.options.position);
- _this.$element.addClass('is-open');
+ var $wrapper = $('[data-off-canvas-wrapper]');
+ $wrapper.addClass('is-off-canvas-open is-open-' + _this.options.position);
- // if (_this.options.isSticky) {
- // _this._stick();
- // }
- });
+ _this.$element.addClass('is-open');
+
+ // if (_this.options.isSticky) {
+ // _this._stick();
+ // }
this.$triggers.attr('aria-expanded', 'true');
this.$element.attr('aria-hidden', 'false').trigger('opened.zf.offcanvas');
@@ -5301,14 +5329,23 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}
if (this.options.autoFocus) {
- this.$element.one(Foundation.transitionend(this.$element), function () {
- _this.$element.find('a, button').eq(0).focus();
+ $wrapper.one(Foundation.transitionend($wrapper), function () {
+ if (_this.$element.hasClass('is-open')) {
+ // handle double clicks
+ _this.$element.attr('tabindex', '-1');
+ _this.$element.focus();
+ }
});
}
if (this.options.trapFocus) {
- $('[data-off-canvas-content]').attr('tabindex', '-1');
- this._trapFocus();
+ $wrapper.one(Foundation.transitionend($wrapper), function () {
+ if (_this.$element.hasClass('is-open')) {
+ // handle double clicks
+ _this.$element.attr('tabindex', '-1');
+ _this.trapFocus();
+ }
+ });
}
}
@@ -5325,15 +5362,14 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
last = focusable.eq(-1);
focusable.off('.zf.offcanvas').on('keydown.zf.offcanvas', function (e) {
- if (e.which === 9 || e.keycode === 9) {
- if (e.target === last[0] && !e.shiftKey) {
- e.preventDefault();
- first.focus();
- }
- if (e.target === first[0] && e.shiftKey) {
- e.preventDefault();
- last.focus();
- }
+ var key = Foundation.Keyboard.parseKey(e);
+ if (key === 'TAB' && e.target === last[0]) {
+ e.preventDefault();
+ first.focus();
+ }
+ if (key === 'SHIFT_TAB' && e.target === first[0]) {
+ e.preventDefault();
+ last.focus();
}
});
}
@@ -5425,13 +5461,20 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}, {
key: '_handleKeyboard',
- value: function _handleKeyboard(event) {
- if (event.which !== 27) return;
+ value: function _handleKeyboard(e) {
+ var _this2 = this;
- event.stopPropagation();
- event.preventDefault();
- this.close();
- this.$lastTrigger.focus();
+ Foundation.Keyboard.handleKey(e, 'OffCanvas', {
+ close: function () {
+ _this2.close();
+ _this2.$lastTrigger.focus();
+ return true;
+ },
+ handled: function () {
+ e.stopPropagation();
+ e.preventDefault();
+ }
+ });
}
/**
@@ -5497,7 +5540,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
revealOn: null,
/**
- * Force focus to the offcanvas on open. If true, will focus the opening trigger on close.
+ * Force focus to the offcanvas on open. If true, will focus the opening trigger on close. Sets tabindex of [data-off-canvas-content] to -1 for accessibility purposes.
* @option
* @example true
*/
@@ -5546,7 +5589,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an Orbit Carousel.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Orbit(element, options) {
_classCallCheck(this, Orbit);
@@ -5773,23 +5815,25 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
});
}
- this.$wrapper.add(this.$bullets).on('keydown.zf.orbit', function (e) {
- // handle keyboard event with keyboard util
- Foundation.Keyboard.handleKey(e, 'Orbit', {
- next: function () {
- _this.changeSlide(true);
- },
- previous: function () {
- _this.changeSlide(false);
- },
- handled: function () {
- // if bullet is focused, make sure focus moves
- if ($(e.target).is(_this.$bullets)) {
- _this.$bullets.filter('.is-active').focus();
+ if (this.options.accessible) {
+ this.$wrapper.add(this.$bullets).on('keydown.zf.orbit', function (e) {
+ // handle keyboard event with keyboard util
+ Foundation.Keyboard.handleKey(e, 'Orbit', {
+ next: function () {
+ _this.changeSlide(true);
+ },
+ previous: function () {
+ _this.changeSlide(false);
+ },
+ handled: function () {
+ // if bullet is focused, make sure focus moves
+ if ($(e.target).is(_this.$bullets)) {
+ _this.$bullets.filter('.is-active').focus();
+ }
}
- }
+ });
});
- });
+ }
}
}
@@ -5824,10 +5868,16 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this.options.infiniteWrap ? $curSlide.next('.' + this.options.slideClass).length ? $curSlide.next('.' + this.options.slideClass) : $firstSlide : $curSlide.next('.' + this.options.slideClass) : //pick next slide if moving left to right
this.options.infiniteWrap ? $curSlide.prev('.' + this.options.slideClass).length ? $curSlide.prev('.' + this.options.slideClass) : $lastSlide : $curSlide.prev('.' + this.options.slideClass); //pick prev slide if moving right to left
} else {
- $newSlide = chosenSlide;
- }
+ $newSlide = chosenSlide;
+ }
if ($newSlide.length) {
+ /**
+ * Triggers before the next slide starts animating in and only if a next slide has been found.
+ * @event Orbit#beforeslidechange
+ */
+ this.$element.trigger('beforeslidechange.zf.orbit', [$curSlide, $newSlide]);
+
if (this.options.bullets) {
idx = idx || this.$slides.index($newSlide); //grab index to update bullets
this._updateBullets(idx);
@@ -5846,12 +5896,12 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
//do stuff?
});
} else {
- $curSlide.removeClass('is-active is-in').removeAttr('aria-live').hide();
- $newSlide.addClass('is-active is-in').attr('aria-live', 'polite').show();
- if (this.options.autoPlay && !this.timer.isPaused) {
- this.timer.restart();
- }
+ $curSlide.removeClass('is-active is-in').removeAttr('aria-live').hide();
+ $newSlide.addClass('is-active is-in').attr('aria-live', 'polite').show();
+ if (this.options.autoPlay && !this.timer.isPaused) {
+ this.timer.restart();
}
+ }
/**
* Triggers when the slide has finished animating in.
* @event Orbit#slidechange
@@ -6032,7 +6082,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into a dropdown menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function ResponsiveMenu(element, options) {
_classCallCheck(this, ResponsiveMenu);
@@ -6199,7 +6248,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to attach tab bar functionality to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function ResponsiveToggle(element, options) {
_classCallCheck(this, ResponsiveToggle);
@@ -6344,7 +6392,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to use for the modal.
* @param {Object} options - optional parameters.
*/
-
function Reveal(element, options) {
_classCallCheck(this, Reveal);
@@ -6497,7 +6544,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (this.options.closeOnClick && this.options.overlay) {
this.$overlay.off('.zf.reveal').on('click.zf.reveal', function (e) {
- if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target)) {
+ if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target) || !$.contains(document, e.target)) {
return;
}
_this.close();
@@ -6584,7 +6631,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
'aria-hidden': false,
'tabindex': -1
}).focus();
- console.log('focus');
};
_this = _this3;
@@ -6643,7 +6689,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (!this.options.overlay && this.options.closeOnClick && !this.options.fullScreen) {
$('body').on('click.zf.reveal', function (e) {
- if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target)) {
+ if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target) || !$.contains(document, e.target)) {
return;
}
_this.close();
@@ -6669,6 +6715,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
// handle keyboard event with keyboard util
Foundation.Keyboard.handleKey(e, 'Reveal', {
tab_forward: function () {
+ _this.focusableElements = Foundation.Keyboard.findFocusable(_this.$element);
if (_this.$element.find(':focus').is(_this.focusableElements.eq(-1))) {
// left modal downwards, setting focus to first element
_this.focusableElements.eq(0).focus();
@@ -6680,6 +6727,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}
},
tab_backward: function () {
+ _this.focusableElements = Foundation.Keyboard.findFocusable(_this.$element);
if (_this.$element.find(':focus').is(_this.focusableElements.eq(0)) || _this.$element.is(':focus')) {
// left modal upwards, setting focus to last element
_this.focusableElements.eq(-1).focus();
@@ -6966,7 +7014,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an accordion menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Slider(element, options) {
_classCallCheck(this, Slider);
@@ -7127,7 +7174,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
dim,
//percentage w/h of the handle compared to the slider bar
- handlePct = ~ ~(percent(handleDim, elemDim) * 100);
+ handlePct = ~~(percent(handleDim, elemDim) * 100);
//if left handle, the math is slightly different than if it's the right handle, and the left/top property needs to be changed for the fill bar
if (isLeftHndl) {
//left or top percentage value to apply to the fill bar.
@@ -7140,12 +7187,12 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
cb();
} //this is only needed for the initialization of 2 handled sliders
} else {
- //just caching the value of the left/bottom handle's left/top property
- var handlePos = parseFloat(this.$handle[0].style[lOrT]);
- //calculate the new min-height/width for the fill bar. Use isNaN to prevent false positives for numbers <= 0
- //based on the percentage of movement of the handle being manipulated, less the opposing handle's left/top position, plus the percentage w/h of the handle itself
- dim = movement - (isNaN(handlePos) ? this.options.initialStart / ((this.options.end - this.options.start) / 100) : handlePos) + handlePct;
- }
+ //just caching the value of the left/bottom handle's left/top property
+ var handlePos = parseFloat(this.$handle[0].style[lOrT]);
+ //calculate the new min-height/width for the fill bar. Use isNaN to prevent false positives for numbers <= 0
+ //based on the percentage of movement of the handle being manipulated, less the opposing handle's left/top position, plus the percentage w/h of the handle itself
+ dim = movement - (isNaN(handlePos) ? this.options.initialStart / ((this.options.end - this.options.start) / 100) : handlePos) + handlePct;
+ }
// assign the min-height/width to our css object
css['min-' + hOrW] = dim + '%';
}
@@ -7272,7 +7319,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
} else {
barXY = eventFromBar;
}
- offsetPct = percent(barXY, barDim);
+ var offsetPct = percent(barXY, barDim);
value = (this.options.end - this.options.start) * offsetPct + this.options.start;
@@ -7612,7 +7659,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make sticky.
* @param {Object} options - options object passed when creating the element programmatically.
*/
-
function Sticky(element, options) {
_classCallCheck(this, Sticky);
@@ -7649,6 +7695,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this.scrollCount = this.options.checkEvery;
this.isStuck = false;
$(window).one('load.zf.sticky', function () {
+ //We calculate the container height to have correct values for anchor points offset calculation.
+ _this.containerHeight = _this.$element.css("display") == "none" ? 0 : _this.$element[0].getBoundingClientRect().height;
+ _this.$container.css('height', _this.containerHeight);
+ _this.elemHeight = _this.containerHeight;
if (_this.options.anchor !== '') {
_this.$anchor = $('#' + _this.options.anchor);
} else {
@@ -7886,7 +7936,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function _setSizes(cb) {
this.canStick = Foundation.MediaQuery.atLeast(this.options.stickyOn);
if (!this.canStick) {
- cb();
+ if (cb && typeof cb === 'function') {
+ cb();
+ }
}
var _this = this,
newElemWidth = this.$container[0].getBoundingClientRect().width,
@@ -7915,10 +7967,15 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (this.isStuck) {
this.$element.css({ "left": this.$container.offset().left + parseInt(comp['padding-left'], 10) });
+ } else {
+ if (this.$element.hasClass('is-at-bottom')) {
+ var anchorPt = (this.points ? this.points[1] - this.$container.offset().top : this.anchorHeight) - this.elemHeight;
+ this.$element.css('top', anchorPt);
+ }
}
this._setBreakPoints(newContainerHeight, function () {
- if (cb) {
+ if (cb && typeof cb === 'function') {
cb();
}
});
@@ -7935,7 +7992,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
key: '_setBreakPoints',
value: function _setBreakPoints(elemHeight, cb) {
if (!this.canStick) {
- if (cb) {
+ if (cb && typeof cb === 'function') {
cb();
} else {
return false;
@@ -7963,7 +8020,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this.topPoint = topPoint;
this.bottomPoint = bottomPoint;
- if (cb) {
+ if (cb && typeof cb === 'function') {
cb();
}
}
@@ -8108,7 +8165,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into tabs.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Tabs(element, options) {
_classCallCheck(this, Tabs);
@@ -8456,7 +8512,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Toggler(element, options) {
_classCallCheck(this, Toggler);
@@ -8611,6 +8666,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* Tooltip module.
* @module foundation.tooltip
* @requires foundation.util.box
+ * @requires foundation.util.mediaQuery
* @requires foundation.util.triggers
*/
@@ -8622,7 +8678,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to attach a tooltip to.
* @param {Object} options - object to extend the default configuration.
*/
-
function Tooltip(element, options) {
_classCallCheck(this, Tooltip);
@@ -8659,7 +8714,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
'data-yeti-box': elemId,
'data-toggle': elemId,
'data-resize': elemId
- }).addClass(this.triggerClass);
+ }).addClass(this.options.triggerClass);
//helper variables to track movement on collisions
this.usedPositions = [];
@@ -8887,11 +8942,11 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
//_this.hide();
// _this.isClick = false;
} else {
- _this.isClick = true;
- if ((_this.options.disableHover || !_this.$element.attr('tabindex')) && !_this.isActive) {
- _this.show();
- }
+ _this.isClick = true;
+ if ((_this.options.disableHover || !_this.$element.attr('tabindex')) && !_this.isActive) {
+ _this.show();
}
+ }
});
} else {
this.$element.on('mousedown.zf.tooltip', function (e) {
@@ -9066,4 +9121,4 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
// Window exports
Foundation.plugin(Tooltip, 'Tooltip');
-}(jQuery);
+}(jQuery);
\ No newline at end of file
diff --git a/libraries/foundation-6/dist/foundation.min.css b/libraries/foundation-6/dist/foundation.min.css
index 81418ac0..32ce416b 100644
--- a/libraries/foundation-6/dist/foundation.min.css
+++ b/libraries/foundation-6/dist/foundation.min.css
@@ -1,2 +1,2 @@
@charset "UTF-8";
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:not-allowed}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{font-size:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{padding:0;margin:0;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;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;border-radius:0}select{width:100%;border-radius:0}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{-webkit-appearance:none;-moz-appearance:none;background:transparent;padding:0;border:0;border-radius:0;line-height:1}[data-whatinput=mouse] button{outline:0}.is-visible{display:block!important}.is-hidden{display:none!important}.row{max-width:75rem;margin-left:auto;margin-right:auto}.row:after,.row:before{content:' ';display:table}.row:after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row .row{max-width:none;margin-left:-.625rem;margin-right:-.625rem}@media screen and (min-width:40em){.row .row{margin-left:-.9375rem;margin-right:-.9375rem}}.row .row.collapse{margin-left:0;margin-right:0}.row.expanded{max-width:none}.row.expanded .row{margin-left:auto;margin-right:auto}.column,.columns{width:100%;float:left;padding-left:.625rem;padding-right:.625rem}@media screen and (min-width:40em){.column,.columns{padding-left:.9375rem;padding-right:.9375rem}}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.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-1>.column:last-child,.small-up-1>.columns:last-child{float:left}.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-2>.column:last-child,.small-up-2>.columns:last-child{float:left}.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-3>.column:last-child,.small-up-3>.columns:last-child{float:left}.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-4>.column:last-child,.small-up-4>.columns:last-child{float:left}.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-5>.column:last-child,.small-up-5>.columns:last-child{float:left}.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-up-6>.column:last-child,.small-up-6>.columns:last-child{float:left}.small-up-7>.column,.small-up-7>.columns{width:14.28571%;float:left}.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){clear:none}.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){clear:both}.small-up-7>.column:last-child,.small-up-7>.columns:last-child{float:left}.small-up-8>.column,.small-up-8>.columns{width:12.5%;float:left}.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){clear:none}.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){clear:both}.small-up-8>.column:last-child,.small-up-8>.columns:last-child{float:left}.small-collapse>.column,.small-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .small-collapse.row,.small-collapse .row{margin-left:0;margin-right:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-left:.625rem;padding-right:.625rem}.small-centered{float:none;margin-left:auto;margin-right:auto}.small-pull-0,.small-push-0,.small-uncentered{position:static;margin-left:0;margin-right:0;float:left}@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-1>.column:last-child,.medium-up-1>.columns:last-child{float:left}.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-2>.column:last-child,.medium-up-2>.columns:last-child{float:left}.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-3>.column:last-child,.medium-up-3>.columns:last-child{float:left}.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-4>.column:last-child,.medium-up-4>.columns:last-child{float:left}.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-5>.column:last-child,.medium-up-5>.columns:last-child{float:left}.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-up-6>.column:last-child,.medium-up-6>.columns:last-child{float:left}.medium-up-7>.column,.medium-up-7>.columns{width:14.28571%;float:left}.medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){clear:none}.medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){clear:both}.medium-up-7>.column:last-child,.medium-up-7>.columns:last-child{float:left}.medium-up-8>.column,.medium-up-8>.columns{width:12.5%;float:left}.medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){clear:none}.medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){clear:both}.medium-up-8>.column:last-child,.medium-up-8>.columns:last-child{float:left}.medium-collapse>.column,.medium-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .medium-collapse.row,.medium-collapse .row{margin-left:0;margin-right:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}.medium-centered{float:none;margin-left:auto;margin-right:auto}.medium-pull-0,.medium-push-0,.medium-uncentered{position:static;margin-left:0;margin-right:0;float:left}}@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-1>.column:last-child,.large-up-1>.columns:last-child{float:left}.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-2>.column:last-child,.large-up-2>.columns:last-child{float:left}.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-3>.column:last-child,.large-up-3>.columns:last-child{float:left}.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-4>.column:last-child,.large-up-4>.columns:last-child{float:left}.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-5>.column:last-child,.large-up-5>.columns:last-child{float:left}.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-up-6>.column:last-child,.large-up-6>.columns:last-child{float:left}.large-up-7>.column,.large-up-7>.columns{width:14.28571%;float:left}.large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){clear:none}.large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){clear:both}.large-up-7>.column:last-child,.large-up-7>.columns:last-child{float:left}.large-up-8>.column,.large-up-8>.columns{width:12.5%;float:left}.large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){clear:none}.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){clear:both}.large-up-8>.column:last-child,.large-up-8>.columns:last-child{float:left}.large-collapse>.column,.large-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .large-collapse.row,.large-collapse .row{margin-left:0;margin-right:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}.large-centered{float:none;margin-left:auto;margin-right:auto}.large-pull-0,.large-push-0,.large-uncentered{position:static;margin-left:0;margin-right:0;float:left}}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}p{font-size:inherit;line-height:1.6;margin-bottom:1rem;text-rendering:optimizeLegibility}em,i{font-style:italic}b,em,i,strong{line-height:inherit}b,strong{font-weight:700}small{font-size:80%;line-height:inherit}h1,h2,h3,h4,h5,h6{font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;font-style:normal;color:inherit;text-rendering:optimizeLegibility;margin-top:0;margin-bottom:.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.5rem}h2{font-size:1.25rem}h3{font-size:1.1875rem}h4{font-size:1.125rem}h5{font-size:1.0625rem}h6{font-size:1rem}@media screen and (min-width:40em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9375rem}h4{font-size:1.5625rem}h5{font-size:1.25rem}h6{font-size:1rem}}a{color:#2199e8;text-decoration:none;line-height:inherit;cursor:pointer}a:focus,a:hover{color:#1585cf}a img{border:0}hr{max-width:75rem;height:0;border-right:0;border-top:0;border-bottom:1px solid #cacaca;border-left:0;margin:1.25rem auto;clear:both}dl,ol,ul{line-height:1.6;margin-bottom:1rem;list-style-position:outside}li{font-size:inherit}ul{list-style-type:disc}ol,ul{margin-left:1.25rem}ol ol,ol ul,ul ol,ul ul{margin-left:1.25rem;margin-bottom:0}dl{margin-bottom:1rem}dl dt{margin-bottom:.3rem;font-weight:700}blockquote{margin:0 0 1rem;padding:.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:.8125rem;color:#8a8a8a}cite:before{content:'\2014 \0020'}abbr{color:#0a0a0a;cursor:help;border-bottom:1px dotted #0a0a0a}code{font-weight:400;border:1px solid #cacaca;padding:.125rem .3125rem .0625rem}code,kbd{font-family:Consolas,Liberation Mono,Courier,monospace;color:#0a0a0a;background-color:#e6e6e6}kbd{padding:.125rem .25rem 0;margin:0}.subheader{margin-top:.2rem;margin-bottom:.5rem;font-weight:400;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}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media screen and (min-width:40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media screen and (min-width:64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{*{background:transparent!important;color:#000!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,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^='#']:after,a[href^='javascript:']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #8a8a8a;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-family:inherit;font-size:1rem;color:#0a0a0a;background-color:#fefefe;box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);border-radius:0;-webkit-transition:-webkit-box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none}[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus{border:1px solid #8a8a8a;background-color:#fefefe;outline:none;box-shadow:0 0 5px #cacaca;-webkit-transition:-webkit-box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{max-width:100%}textarea[rows]{height:auto}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#cacaca}input::-moz-placeholder,textarea::-moz-placeholder{color:#cacaca}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#cacaca}input::placeholder,textarea::placeholder{color:#cacaca}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:not-allowed}[type=button],[type=submit]{border-radius:0;-webkit-appearance:none;-moz-appearance:none}input[type=search]{box-sizing:border-box}[type=checkbox],[type=file],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}[type=checkbox]+label[for],[type=radio]+label[for]{cursor:pointer}label>[type=checkbox],label>[type=radio]{margin-right:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;font-weight:400;line-height:1.8;color:#0a0a0a}label.middle{margin:0 0 1rem;padding:.5625rem 0}.help-text{margin-top:-.5rem;font-size:.8125rem;font-style:italic;color:#0a0a0a}.input-group{display:table;width:100%;margin-bottom:1rem}.input-group>:first-child,.input-group>:last-child>*{border-radius:0 0 0 0}.input-group-button,.input-group-field,.input-group-label{margin:0;white-space:nowrap;display:table-cell;vertical-align:middle}.input-group-label{text-align:center;padding:0 1rem;background:#e6e6e6;color:#0a0a0a;border:1px solid #cacaca;white-space:nowrap;width:1%;height:100%}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.input-group-field{border-radius:0;height:2.5rem}.input-group-button{padding-top:0;padding-bottom:0;text-align:center;height:100%;width:1%}.input-group-button a,.input-group-button button,.input-group-button input{margin:0}.input-group .input-group-button{display:table-cell}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:.5rem;max-width:100%}.fieldset{border:1px solid #cacaca;padding:1.25rem;margin:1.125rem 0}.fieldset legend{background:#fefefe;padding:0 .1875rem;margin:0;margin-left:-.1875rem}select{height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-size:1rem;font-family:inherit;line-height:normal;color:#0a0a0a;background-color:#fefefe;border-radius:0;-webkit-appearance:none;-moz-appearance:none;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: rgb%28138, 138, 138%29'></polygon></svg>");background-size:9px 6px;background-position:right -1rem center;background-origin:content-box;background-repeat:no-repeat;padding-right:1.5rem}@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:#e6e6e6;cursor:not-allowed}select::-ms-expand{display:none}select[multiple]{height:auto;background-image:none}.is-invalid-input:not(:focus){background-color:rgba(236,88,64,.1);border-color:#ec5840}.form-error,.is-invalid-label{color:#ec5840}.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700}.form-error.is-visible{display:block}.button{display:inline-block;text-align:center;line-height:1;cursor:pointer;-webkit-appearance:none;-webkit-transition:background-color .25s ease-out,color .25s ease-out;transition:background-color .25s ease-out,color .25s ease-out;vertical-align:middle;border:1px solid transparent;border-radius:0;padding:.85em 1em;margin:0 0 1rem;font-size:.9rem;background-color:#2199e8;color:#fefefe}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background-color:#1583cc;color:#fefefe}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-left:0;margin-right:0}.button.primary{background-color:#2199e8;color:#fefefe}.button.primary:focus,.button.primary:hover{background-color:#147cc0;color:#fefefe}.button.secondary{background-color:#777;color:#fefefe}.button.secondary:focus,.button.secondary:hover{background-color:#5f5f5f;color:#fefefe}.button.success{background-color:#3adb76;color:#fefefe}.button.success:focus,.button.success:hover{background-color:#22bb5b;color:#fefefe}.button.warning{background-color:#ffae00;color:#fefefe}.button.warning:focus,.button.warning:hover{background-color:#cc8b00;color:#fefefe}.button.alert{background-color:#ec5840;color:#fefefe}.button.alert:focus,.button.alert:hover{background-color:#da3116;color:#fefefe}.button.hollow{border:1px solid #2199e8;color:#2199e8}.button.hollow,.button.hollow:focus,.button.hollow:hover{background-color:transparent}.button.hollow:focus,.button.hollow:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.primary{border:1px solid #2199e8;color:#2199e8}.button.hollow.primary:focus,.button.hollow.primary:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.secondary{border:1px solid #777;color:#777}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#3c3c3c;color:#3c3c3c}.button.hollow.success{border:1px solid #3adb76;color:#3adb76}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#157539;color:#157539}.button.hollow.warning{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#805700;color:#805700}.button.hollow.alert{border:1px solid #ec5840;color:#ec5840}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#881f0e;color:#881f0e}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover{background-color:#2199e8;color:#fefefe}.button.dropdown:after{content:'';display:block;width:0;height:0;border:.4em inset;border-color:#fefefe transparent transparent;border-top-style:solid;border-bottom-width:0;position:relative;top:.4em;float:right;margin-left:1em;display:inline-block}.button.arrow-only:after{margin-left:0;float:none;top:-.1em}.accordion{list-style-type:none;background:#fefefe;margin-left:0}.accordion-item:first-child>:first-child,.accordion-item:last-child>:last-child{border-radius:0 0 0 0}.accordion-title{display:block;padding:1.25rem 1rem;line-height:1;font-size:.75rem;color:#2199e8;position:relative;border:1px solid #e6e6e6;border-bottom:0}:last-child:not(.is-active)>.accordion-title{border-radius:0 0 0 0;border-bottom:1px solid #e6e6e6}.accordion-title:focus,.accordion-title:hover{background-color:#e6e6e6}.accordion-title:before{content:'+';position:absolute;right:1rem;top:50%;margin-top:-.5rem}.is-active>.accordion-title:before{content:'–'}.accordion-content{padding:1rem;display:none;border:1px solid #e6e6e6;border-bottom:0;background-color:#fefefe;color:#0a0a0a}:last-child>.accordion-content:last-child{border-bottom:1px solid #e6e6e6}.is-accordion-submenu-parent>a{position:relative}.is-accordion-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:6px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;position:absolute;top:50%;margin-top:-4px;right:1rem}.is-accordion-submenu-parent[aria-expanded=true]>a:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.badge{display:inline-block;padding:.3em;min-width:2.1em;font-size:.6rem;text-align:center;border-radius:50%;background:#2199e8;color:#fefefe}.badge.secondary{background:#777;color:#fefefe}.badge.success{background:#3adb76;color:#fefefe}.badge.warning{background:#ffae00;color:#fefefe}.badge.alert{background:#ec5840;color:#fefefe}.breadcrumbs{list-style:none;margin:0 0 1rem}.breadcrumbs:after,.breadcrumbs:before{content:' ';display:table}.breadcrumbs:after{clear:both}.breadcrumbs li{float:left;color:#0a0a0a;font-size:.6875rem;cursor:default;text-transform:uppercase}.breadcrumbs li:not(:last-child):after{color:#cacaca;content:"/";margin:0 .75rem;position:relative;top:1px;opacity:1}.breadcrumbs a{color:#2199e8}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#cacaca;cursor:not-allowed}.button-group{margin-bottom:1rem;font-size:0}.button-group:after,.button-group:before{content:' ';display:table}.button-group:after{clear:both}.button-group .button{margin:0;margin-right:1px;margin-bottom:1px;font-size:.9rem}.button-group .button:last-child{margin-right:0}.button-group.tiny .button{font-size:.6rem}.button-group.small .button{font-size:.75rem}.button-group.large .button{font-size:1.25rem}.button-group.expanded{margin-right:-1px}.button-group.expanded:after,.button-group.expanded:before{display:none}.button-group.expanded .button:first-child:nth-last-child(2),.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button{display:inline-block;width:calc(50% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(2):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(3),.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button{display:inline-block;width:calc(33.33333% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(3):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(4),.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button{display:inline-block;width:calc(25% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(4):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(5),.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button{display:inline-block;width:calc(20% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(5):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(6),.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button{display:inline-block;width:calc(16.66667% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(6):last-child{margin-right:-6px}.button-group.primary .button{background-color:#2199e8;color:#fefefe}.button-group.primary .button:focus,.button-group.primary .button:hover{background-color:#147cc0;color:#fefefe}.button-group.secondary .button{background-color:#777;color:#fefefe}.button-group.secondary .button:focus,.button-group.secondary .button:hover{background-color:#5f5f5f;color:#fefefe}.button-group.success .button{background-color:#3adb76;color:#fefefe}.button-group.success .button:focus,.button-group.success .button:hover{background-color:#22bb5b;color:#fefefe}.button-group.warning .button{background-color:#ffae00;color:#fefefe}.button-group.warning .button:focus,.button-group.warning .button:hover{background-color:#cc8b00;color:#fefefe}.button-group.alert .button{background-color:#ec5840;color:#fefefe}.button-group.alert .button:focus,.button-group.alert .button:hover{background-color:#da3116;color:#fefefe}.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button,.button-group.stacked .button{width:100%}.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked .button:last-child{margin-bottom:0}@media screen and (min-width:40em){.button-group.stacked-for-small .button{width:auto;margin-bottom:0}}@media screen and (min-width:64em){.button-group.stacked-for-medium .button{width:auto;margin-bottom:0}}@media screen and (max-width:39.9375em){.button-group.stacked-for-small.expanded{display:block}.button-group.stacked-for-small.expanded .button{display:block;margin-right:0}}.callout{margin:0 0 1rem;padding:1rem;border:1px solid hsla(0,0%,4%,.25);border-radius:0;position:relative;color:#0a0a0a;background-color:#fff}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout.primary{background-color:#def0fc}.callout.secondary{background-color:#ebebeb}.callout.success{background-color:#e1faea}.callout.warning{background-color:#fff3d9}.callout.alert{background-color:#fce6e2}.callout.small{padding:.5rem}.callout.large{padding:3rem}.close-button{position:absolute;color:#8a8a8a;right:1rem;top:.5rem;font-size:2em;line-height:1;cursor:pointer}[data-whatinput=mouse] .close-button{outline:0}.close-button:focus,.close-button:hover{color:#0a0a0a}.menu{margin:0;list-style-type:none}.menu>li{display:table-cell;vertical-align:middle}[data-whatinput=mouse] .menu>li{outline:0}.menu>li>a{display:block;padding:.7rem 1rem;line-height:1}.menu a,.menu button,.menu input{margin-bottom:0}.menu>li>a i,.menu>li>a i+span,.menu>li>a img,.menu>li>a img+span,.menu>li>a svg,.menu>li>a svg+span{vertical-align:middle}.menu>li>a i,.menu>li>a img,.menu>li>a svg{margin-right:.25rem;display:inline-block}.menu>li{display:table-cell}.menu.vertical>li{display:block}@media screen and (min-width:40em){.menu.medium-horizontal>li{display:table-cell}.menu.medium-vertical>li{display:block}}@media screen and (min-width:64em){.menu.large-horizontal>li{display:table-cell}.menu.large-vertical>li{display:block}}.menu.simple li{line-height:1;display:inline-block;margin-right:1rem}.menu.simple a{padding:0}.menu.align-right:after,.menu.align-right:before{content:' ';display:table}.menu.align-right:after{clear:both}.menu.align-right>li{float:right}.menu.expanded{width:100%;display:table;table-layout:fixed}.menu.expanded>li:first-child:last-child{width:100%}.menu.icon-top>li>a{text-align:center}.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg{display:block;margin:0 auto .25rem}.menu.nested{margin-left:1rem}.menu .active>a{color:#fefefe;background:#2199e8}.menu-text{font-weight:700;color:inherit;line-height:1;padding-top:0;padding-bottom:0;padding:.7rem 1rem}.menu-centered{text-align:center}.menu-centered>.menu{display:inline-block}.no-js [data-responsive-menu] ul{display:none}.menu-icon{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;width:20px;height:16px}.menu-icon:after{content:'';position:absolute;display:block;width:100%;height:2px;background:#fefefe;top:0;left:0;box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe}.menu-icon:hover:after{background:#cacaca;box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca}.is-drilldown{position:relative;overflow:hidden}.is-drilldown li{display:block!important}.is-drilldown-submenu{position:absolute;top:0;left:100%;z-index:-1;height:100%;width:100%;background:#fefefe;-webkit-transition:-webkit-transform .15s linear;transition:transform .15s linear}.is-drilldown-submenu.is-active{z-index:1;display:block;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.is-drilldown-submenu.is-closing{-webkit-transform:translateX(100%);transform:translateX(100%)}.is-drilldown-submenu-parent>a{position:relative}.is-drilldown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:6px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0;position:absolute;top:50%;margin-top:-6px;right:1rem}.js-drilldown-back>a:before{content:'';display:block;width:0;height:0;border:6px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0;display:inline-block;vertical-align:middle;margin-right:.75rem}.dropdown-pane{background-color:#fefefe;border:1px solid #cacaca;border-radius:0;display:block;font-size:1rem;padding:1rem;position:absolute;visibility:hidden;width:300px;z-index:10}.dropdown-pane.is-open{visibility:visible}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}.dropdown.menu>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}[data-whatinput=mouse] .dropdown.menu a{outline:0}.no-js .dropdown.menu ul{display:none}.dropdown.menu.vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.vertical>li>a:after{right:14px;margin-top:-3px}.dropdown.menu.vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}@media screen and (min-width:40em){.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}.dropdown.menu.medium-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.medium-vertical>li>a:after{right:14px;margin-top:-3px}.dropdown.menu.medium-vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.medium-vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}}@media screen and (min-width:64em){.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}.dropdown.menu.large-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.large-vertical>li>a:after{right:14px;margin-top:-3px}.dropdown.menu.large-vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.large-vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}}.dropdown.menu.align-right .is-dropdown-submenu.first-sub{top:100%;left:auto;right:0}.is-dropdown-menu.vertical{width:100px}.is-dropdown-menu.vertical.align-right{float:right}.is-dropdown-submenu-parent{position:relative}.is-dropdown-submenu-parent a:after{position:absolute;top:50%;right:5px;margin-top:-2px}.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu{top:100%;left:auto}.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu{left:auto;right:100%}.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu{right:auto;left:100%}.is-dropdown-submenu{display:none;position:absolute;top:0;left:100%;min-width:200px;z-index:1;background:#fefefe;border:1px solid #cacaca}.is-dropdown-submenu .is-dropdown-submenu-parent>a:after{right:14px;margin-top:-3px}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}.is-dropdown-submenu .is-dropdown-submenu{margin-top:-1px}.is-dropdown-submenu>li{width:100%}.is-dropdown-submenu.js-dropdown-active{display:block}.flex-video{position:relative;height:0;padding-bottom:75%;margin-bottom:1rem;overflow:hidden}.flex-video embed,.flex-video iframe,.flex-video object,.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:.33333rem .5rem;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;border-radius:0;background:#2199e8;color:#fefefe}.label.secondary{background:#777;color:#fefefe}.label.success{background:#3adb76;color:#fefefe}.label.warning{background:#ffae00;color:#fefefe}.label.alert{background:#ec5840;color:#fefefe}.media-object{margin-bottom:1rem;display:block}.media-object img{max-width:none}@media screen and (max-width:39.9375em){.media-object.stack-for-small .media-object-section{padding:0;padding-bottom:1rem;display:block}.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(:nth-child(2)){padding-left:1rem}.media-object-section>:last-child{margin-bottom:0}.media-object-section.middle{vertical-align:middle}.media-object-section.bottom{vertical-align:bottom}body,html{height:100%}.off-canvas-wrapper{width:100%;overflow-x:hidden;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:auto}.off-canvas-wrapper-inner{position:relative;width:100%;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.off-canvas-wrapper-inner:after,.off-canvas-wrapper-inner:before{content:' ';display:table}.off-canvas-wrapper-inner:after{clear:both}.off-canvas-content{min-height:100%;background:#fefefe;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;padding-bottom:.1px;box-shadow:0 0 10px hsla(0,0%,4%,.5)}.js-off-canvas-exit{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.25);cursor:pointer;-webkit-transition:background .5s ease;transition:background .5s ease}.off-canvas{position:absolute;background:#e6e6e6;z-index:-1;max-height:100%;overflow-y:auto;-webkit-transform:translateX(0);transform:translateX(0)}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.position-left{left:-250px;top:0;width:250px}.is-open-left{-webkit-transform:translateX(250px);transform:translateX(250px)}.off-canvas.position-right{right:-250px;top:0;width:250px}.is-open-right{-webkit-transform:translateX(-250px);transform:translateX(-250px)}@media screen and (min-width:40em){.position-left.reveal-for-medium{left:0;z-index:auto;position:fixed}.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{right:0;z-index:auto;position:fixed}.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}}@media screen and (min-width:64em){.position-left.reveal-for-large{left:0;z-index:auto;position:fixed}.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{right:0;z-index:auto;position:fixed}.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}}.orbit,.orbit-container{position:relative}.orbit-container{margin:0;overflow:hidden;list-style:none}.orbit-slide{width:100%;max-height:100%}.orbit-slide.no-motionui.is-active{top:0;left:0}.orbit-figure{margin:0}.orbit-image{margin:0;width:100%;max-width:100%}.orbit-caption{bottom:0;width:100%;margin-bottom:0;background-color:hsla(0,0%,4%,.5)}.orbit-caption,.orbit-next,.orbit-previous{position:absolute;padding:1rem;color:#fefefe}.orbit-next,.orbit-previous{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover{background-color:hsla(0,0%,4%,.5)}.orbit-previous{left:0}.orbit-next{left:auto;right:0}.orbit-bullets{position:relative;margin-top:.8rem;margin-bottom:.8rem;text-align:center}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{width:1.2rem;height:1.2rem;margin:.1rem;background-color:#cacaca;border-radius:50%}.orbit-bullets button.is-active,.orbit-bullets button:hover{background-color:#8a8a8a}.pagination{margin-left:0;margin-bottom:1rem}.pagination:after,.pagination:before{content:' ';display:table}.pagination:after{clear:both}.pagination li{font-size:.875rem;margin-right:.0625rem;border-radius:0;display:none}.pagination li:first-child,.pagination li:last-child{display:inline-block}@media screen and (min-width:40em){.pagination li{display:inline-block}}.pagination a,.pagination button{color:#0a0a0a;display:block;padding:.1875rem .625rem;border-radius:0}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination .current{padding:.1875rem .625rem;background:#2199e8;color:#fefefe;cursor:default}.pagination .disabled{padding:.1875rem .625rem;color:#cacaca;cursor:not-allowed}.pagination .disabled:hover{background:transparent}.pagination .ellipsis:after{content:'\2026';padding:.1875rem .625rem;color:#0a0a0a}.pagination-previous.disabled:before,.pagination-previous a:before{content:'\00ab';display:inline-block;margin-right:.5rem}.pagination-next.disabled:after,.pagination-next a:after{content:'\00bb';display:inline-block;margin-left:.5rem}.progress{background-color:#cacaca;height:1rem;margin-bottom:1rem;border-radius:0}.progress.primary .progress-meter{background-color:#2199e8}.progress.secondary .progress-meter{background-color:#777}.progress.success .progress-meter{background-color:#3adb76}.progress.warning .progress-meter{background-color:#ffae00}.progress.alert .progress-meter{background-color:#ec5840}.progress-meter{position:relative;display:block;width:0;height:100%;background-color:#2199e8}.progress-meter-text{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;margin:0;font-size:.75rem;font-weight:700;color:#fefefe;white-space:nowrap}.slider{position:relative;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;background-color:#e6e6e6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.slider-fill{position:absolute;top:0;left:0;display:inline-block;max-width:100%;height:.5rem;background-color:#cacaca;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.slider-fill.is-dragging{-webkit-transition:all 0s linear;transition:all 0s linear}.slider-handle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;left:0;z-index:1;display:inline-block;width:1.4rem;height:1.4rem;background-color:#2199e8;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-ms-touch-action:manipulation;touch-action:manipulation;border-radius:0}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#1583cc}.slider-handle.is-dragging{-webkit-transition:all 0s linear;transition:all 0s linear}.slider.disabled,.slider[disabled]{opacity:.25;cursor:not-allowed}.slider.vertical{display:inline-block;width:.5rem;height:12.5rem;margin:0 1.25rem;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.slider.vertical .slider-fill{top:0;width:.5rem;max-height:100%}.slider.vertical .slider-handle{position:absolute;top:0;left:50%;width:1.4rem;height:1.4rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.sticky-container{position:relative}.sticky{position:absolute;z-index:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.sticky.is-stuck{position:fixed;z-index:5}.sticky.is-stuck.is-at-top{top:0}.sticky.is-stuck.is-at-bottom{bottom:0}.sticky.is-anchored{position:absolute;left:auto;right:auto}.sticky.is-anchored.is-at-bottom{bottom:0}body.is-reveal-open{overflow:hidden}html.is-reveal-open,html.is-reveal-open body{height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reveal-overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1005;background-color:hsla(0,0%,4%,.45);overflow-y:scroll}.reveal{display:none;z-index:1006;padding:1rem;border:1px solid #cacaca;background-color:#fefefe;border-radius:0;position:relative;top:100px;margin-left:auto;margin-right:auto;overflow-y:auto}[data-whatinput=mouse] .reveal{outline:0}@media screen and (min-width:40em){.reveal{min-height:0}}.reveal .column,.reveal .columns{min-width:0}.reveal>:last-child{margin-bottom:0}@media screen and (min-width:40em){.reveal{width:600px;max-width:75rem}}@media screen and (min-width:40em){.reveal .reveal{left:auto;right:auto;margin:0 auto}}.reveal.collapse{padding:0}@media screen and (min-width:40em){.reveal.tiny{width:30%;max-width:75rem}}@media screen and (min-width:40em){.reveal.small{width:50%;max-width:75rem}}@media screen and (min-width:40em){.reveal.large{width:90%;max-width:75rem}}.reveal.full{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}@media screen and (max-width:39.9375em){.reveal{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}}.reveal.without-overlay{position:fixed}.switch{margin-bottom:1rem;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fefefe;font-weight:700;font-size:.875rem}.switch-input{opacity:0;position:absolute}.switch-paddle{background:#cacaca;cursor:pointer;display:block;position:relative;width:4rem;height:2rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;border-radius:0;color:inherit;font-weight:inherit}input+.switch-paddle{margin:0}.switch-paddle:after{background:#fefefe;content:'';display:block;position:absolute;height:1.5rem;left:.25rem;top:.25rem;width:1.5rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:0}input:checked~.switch-paddle{background:#2199e8}input:checked~.switch-paddle:after{left:2.25rem}[data-whatinput=mouse] input:focus~.switch-paddle{outline:0}.switch-active,.switch-inactive{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.switch-active{left:8%;display:none}input:checked+label>.switch-active{display:block}.switch-inactive{right:15%}input:checked+label>.switch-inactive{display:none}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle:after{width:1rem;height:1rem}.switch.tiny input:checked~.switch-paddle:after{left:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle:after{width:1.25rem;height:1.25rem}.switch.small input:checked~.switch-paddle:after{left:2rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle:after{width:2rem;height:2rem}.switch.large input:checked~.switch-paddle:after{left:2.75rem}table{width:100%;margin-bottom:1rem;border-radius:0}table tbody,table tfoot,table thead{border:1px solid #f1f1f1;background-color:#fefefe}table caption{font-weight:700;padding:.5rem .625rem .625rem}table tfoot,table thead{background:#f8f8f8;color:#0a0a0a}table tfoot tr,table thead tr{background:transparent}table tfoot td,table tfoot th,table thead td,table thead th{padding:.5rem .625rem .625rem;font-weight:700;text-align:left}table tbody tr:nth-child(even){background-color:#f1f1f1}table tbody td,table tbody th{padding:.5rem .625rem .625rem}@media screen and (max-width:63.9375em){table.stack tfoot,table.stack thead{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}}table.scroll{display:block;width:100%;overflow-x:auto}table.hover tr:hover{background-color:#f9f9f9}table.hover tr:nth-of-type(even):hover{background-color:#ececec}.table-scroll{overflow-x:auto}.table-scroll table{width:auto}.tabs{margin:0;list-style-type:none;background:#fefefe;border:1px solid #e6e6e6}.tabs:after,.tabs:before{content:' ';display:table}.tabs:after{clear:both}.tabs.vertical>li{width:auto;float:none;display:block}.tabs.simple>li>a{padding:0}.tabs.simple>li>a:hover{background:transparent}.tabs.primary{background:#2199e8}.tabs.primary>li>a{color:#fefefe}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#1893e4}.tabs-title{float:left}.tabs-title>a{display:block;padding:1.25rem 1.5rem;line-height:1;font-size:.75rem}.tabs-title>a:hover{background:#fefefe}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{background:#e6e6e6}.tabs-content{background:#fefefe;-webkit-transition:all .5s ease;transition:all .5s ease;border:1px solid #e6e6e6;border-top:0}.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}.tabs-panel{display:none;padding:1rem}.tabs-panel.is-active{display:block}.thumbnail{border:4px solid #fefefe;box-shadow:0 0 0 1px hsla(0,0%,4%,.2);display:inline-block;line-height:0;max-width:100%;-webkit-transition:-webkit-box-shadow .2s ease-out;transition:box-shadow .2s ease-out;border-radius:0;margin-bottom:1rem}.thumbnail:focus,.thumbnail:hover{box-shadow:0 0 6px 1px rgba(33,153,232,.5)}.title-bar{background:#0a0a0a;color:#fefefe;padding:.5rem}.title-bar:after,.title-bar:before{content:' ';display:table}.title-bar:after{clear:both}.title-bar .menu-icon{margin-left:.25rem;margin-right:.25rem}.title-bar-left{float:left}.title-bar-right{float:right;text-align:right}.title-bar-title{font-weight:700}.menu-icon.dark,.title-bar-title{vertical-align:middle;display:inline-block}.menu-icon.dark{position:relative;cursor:pointer;width:20px;height:16px}.menu-icon.dark:after{content:'';position:absolute;display:block;width:100%;height:2px;background:#0a0a0a;top:0;left:0;box-shadow:0 7px 0 #0a0a0a,0 14px 0 #0a0a0a}.menu-icon.dark:hover:after{background:#8a8a8a;box-shadow:0 7px 0 #8a8a8a,0 14px 0 #8a8a8a}.has-tip{border-bottom:1px dotted #8a8a8a;font-weight:700;position:relative;display:inline-block;cursor:help}.tooltip{background-color:#0a0a0a;color:#fefefe;font-size:80%;padding:.75rem;position:absolute;z-index:10;top:calc(100% + .6495rem);max-width:10rem!important;border-radius:0}.tooltip:before{border-color:transparent transparent #0a0a0a;border-bottom-style:solid;border-top-width:0;bottom:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip.top:before,.tooltip:before{content:'';display:block;width:0;height:0;border:.75rem inset}.tooltip.top:before{border-color:#0a0a0a transparent transparent;border-top-style:solid;border-bottom-width:0;top:100%;bottom:auto}.tooltip.left:before{border-color:transparent transparent transparent #0a0a0a;border-left-style:solid;border-right-width:0;left:100%}.tooltip.left:before,.tooltip.right:before{content:'';display:block;width:0;height:0;border:.75rem inset;bottom:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.right:before{border-color:transparent #0a0a0a transparent transparent;border-right-style:solid;border-left-width:0;left:auto;right:100%}.top-bar{padding:.5rem}.top-bar:after,.top-bar:before{content:' ';display:table}.top-bar:after{clear:both}.top-bar,.top-bar ul{background-color:#e6e6e6}.top-bar input{max-width:200px;margin-right:1rem}.top-bar .input-group-field{width:100%;margin-right:0}.top-bar input.button{width:auto}.top-bar .top-bar-left,.top-bar .top-bar-right{width:100%}@media screen and (min-width:40em){.top-bar .top-bar-left,.top-bar .top-bar-right{width:auto}}@media screen and (max-width:63.9375em){.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right{width:100%}}@media screen and (max-width:74.9375em){.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right{width:100%}}.top-bar-title{float:left;margin-right:1rem}.top-bar-left{float:left}.top-bar-right{float:right}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (max-width:39.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media screen and (min-width:40em){.hide-for-medium{display:none!important}}@media screen and (max-width:39.9375em){.show-for-medium{display:none!important}}@media screen and (min-width:40em) and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:39.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.show-for-large{display:none!important}}@media screen and (min-width:64em) and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!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}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{content:' ';display:table}.clearfix:after{clear:both}
\ No newline at end of file
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:not-allowed}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{font-size:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{padding:0;margin:0;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;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;border-radius:0}select{width:100%;border-radius:0}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{-webkit-appearance:none;-moz-appearance:none;background:transparent;padding:0;border:0;border-radius:0;line-height:1}[data-whatinput=mouse] button{outline:0}.is-visible{display:block!important}.is-hidden{display:none!important}.row{max-width:75rem;margin-left:auto;margin-right:auto}.row:after,.row:before{content:' ';display:table}.row:after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row .row{margin-left:-.625rem;margin-right:-.625rem}@media screen and (min-width:40em){.row .row{margin-left:-.9375rem;margin-right:-.9375rem}}.row .row.collapse{margin-left:0;margin-right:0}.row.expanded{max-width:none}.row.expanded .row{margin-left:auto;margin-right:auto}.column,.columns{width:100%;float:left;padding-left:.625rem;padding-right:.625rem}@media screen and (min-width:40em){.column,.columns{padding-left:.9375rem;padding-right:.9375rem}}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.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-1>.column:last-child,.small-up-1>.columns:last-child{float:left}.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-2>.column:last-child,.small-up-2>.columns:last-child{float:left}.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-3>.column:last-child,.small-up-3>.columns:last-child{float:left}.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-4>.column:last-child,.small-up-4>.columns:last-child{float:left}.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-5>.column:last-child,.small-up-5>.columns:last-child{float:left}.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-up-6>.column:last-child,.small-up-6>.columns:last-child{float:left}.small-up-7>.column,.small-up-7>.columns{width:14.28571%;float:left}.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){clear:none}.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){clear:both}.small-up-7>.column:last-child,.small-up-7>.columns:last-child{float:left}.small-up-8>.column,.small-up-8>.columns{width:12.5%;float:left}.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){clear:none}.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){clear:both}.small-up-8>.column:last-child,.small-up-8>.columns:last-child{float:left}.small-collapse>.column,.small-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .small-collapse.row,.small-collapse .row{margin-left:0;margin-right:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-left:.625rem;padding-right:.625rem}.small-centered{margin-left:auto;margin-right:auto}.small-centered,.small-centered:last-child:not(:first-child){float:none;clear:both}.small-pull-0,.small-push-0,.small-uncentered{position:static;margin-left:0;margin-right:0;float:left}@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-1>.column:last-child,.medium-up-1>.columns:last-child{float:left}.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-2>.column:last-child,.medium-up-2>.columns:last-child{float:left}.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-3>.column:last-child,.medium-up-3>.columns:last-child{float:left}.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-4>.column:last-child,.medium-up-4>.columns:last-child{float:left}.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-5>.column:last-child,.medium-up-5>.columns:last-child{float:left}.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-up-6>.column:last-child,.medium-up-6>.columns:last-child{float:left}.medium-up-7>.column,.medium-up-7>.columns{width:14.28571%;float:left}.medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){clear:none}.medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){clear:both}.medium-up-7>.column:last-child,.medium-up-7>.columns:last-child{float:left}.medium-up-8>.column,.medium-up-8>.columns{width:12.5%;float:left}.medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){clear:none}.medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){clear:both}.medium-up-8>.column:last-child,.medium-up-8>.columns:last-child{float:left}.medium-collapse>.column,.medium-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .medium-collapse.row,.medium-collapse .row{margin-left:0;margin-right:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}.medium-centered{margin-left:auto;margin-right:auto}.medium-centered,.medium-centered:last-child:not(:first-child){float:none;clear:both}.medium-pull-0,.medium-push-0,.medium-uncentered{position:static;margin-left:0;margin-right:0;float:left}}@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-1>.column:last-child,.large-up-1>.columns:last-child{float:left}.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-2>.column:last-child,.large-up-2>.columns:last-child{float:left}.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-3>.column:last-child,.large-up-3>.columns:last-child{float:left}.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-4>.column:last-child,.large-up-4>.columns:last-child{float:left}.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-5>.column:last-child,.large-up-5>.columns:last-child{float:left}.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-up-6>.column:last-child,.large-up-6>.columns:last-child{float:left}.large-up-7>.column,.large-up-7>.columns{width:14.28571%;float:left}.large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){clear:none}.large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){clear:both}.large-up-7>.column:last-child,.large-up-7>.columns:last-child{float:left}.large-up-8>.column,.large-up-8>.columns{width:12.5%;float:left}.large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){clear:none}.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){clear:both}.large-up-8>.column:last-child,.large-up-8>.columns:last-child{float:left}.large-collapse>.column,.large-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .large-collapse.row,.large-collapse .row{margin-left:0;margin-right:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}.large-centered{margin-left:auto;margin-right:auto}.large-centered,.large-centered:last-child:not(:first-child){float:none;clear:both}.large-pull-0,.large-push-0,.large-uncentered{position:static;margin-left:0;margin-right:0;float:left}}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}p{font-size:inherit;line-height:1.6;margin-bottom:1rem;text-rendering:optimizeLegibility}em,i{font-style:italic}b,em,i,strong{line-height:inherit}b,strong{font-weight:700}small{font-size:80%;line-height:inherit}h1,h2,h3,h4,h5,h6{font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;font-style:normal;color:inherit;text-rendering:optimizeLegibility;margin-top:0;margin-bottom:.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.5rem}h2{font-size:1.25rem}h3{font-size:1.1875rem}h4{font-size:1.125rem}h5{font-size:1.0625rem}h6{font-size:1rem}@media screen and (min-width:40em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9375rem}h4{font-size:1.5625rem}h5{font-size:1.25rem}h6{font-size:1rem}}a{color:#2199e8;text-decoration:none;line-height:inherit;cursor:pointer}a:focus,a:hover{color:#1585cf}a img{border:0}hr{max-width:75rem;height:0;border-right:0;border-top:0;border-bottom:1px solid #cacaca;border-left:0;margin:1.25rem auto;clear:both}dl,ol,ul{line-height:1.6;margin-bottom:1rem;list-style-position:outside}li{font-size:inherit}ul{list-style-type:disc}ol,ul{margin-left:1.25rem}ol ol,ol ul,ul ol,ul ul{margin-left:1.25rem;margin-bottom:0}dl{margin-bottom:1rem}dl dt{margin-bottom:.3rem;font-weight:700}blockquote{margin:0 0 1rem;padding:.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:.8125rem;color:#8a8a8a}cite:before{content:'\2014 \0020'}abbr{color:#0a0a0a;cursor:help;border-bottom:1px dotted #0a0a0a}code{font-weight:400;border:1px solid #cacaca;padding:.125rem .3125rem .0625rem}code,kbd{font-family:Consolas,Liberation Mono,Courier,monospace;color:#0a0a0a;background-color:#e6e6e6}kbd{padding:.125rem .25rem 0;margin:0}.subheader{margin-top:.2rem;margin-bottom:.5rem;font-weight:400;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}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media screen and (min-width:40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media screen and (min-width:64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{*{background:transparent!important;color:#000!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,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^='#']:after,a[href^='javascript:']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #8a8a8a;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-family:inherit;font-size:1rem;color:#0a0a0a;background-color:#fefefe;box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);border-radius:0;-webkit-transition:-webkit-box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none}[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus{border:1px solid #8a8a8a;background-color:#fefefe;outline:none;box-shadow:0 0 5px #cacaca;-webkit-transition:-webkit-box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{max-width:100%}textarea[rows]{height:auto}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#cacaca}input::-moz-placeholder,textarea::-moz-placeholder{color:#cacaca}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#cacaca}input::placeholder,textarea::placeholder{color:#cacaca}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:not-allowed}[type=button],[type=submit]{border-radius:0;-webkit-appearance:none;-moz-appearance:none}input[type=search]{box-sizing:border-box}[type=checkbox],[type=file],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}[type=checkbox]+label[for],[type=radio]+label[for]{cursor:pointer}label>[type=checkbox],label>[type=radio]{margin-right:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;font-weight:400;line-height:1.8;color:#0a0a0a}label.middle{margin:0 0 1rem;padding:.5625rem 0}.help-text{margin-top:-.5rem;font-size:.8125rem;font-style:italic;color:#0a0a0a}.input-group{display:table;width:100%;margin-bottom:1rem}.input-group>:first-child,.input-group>:last-child>*{border-radius:0 0 0 0}.input-group-button,.input-group-field,.input-group-label{margin:0;white-space:nowrap;display:table-cell;vertical-align:middle}.input-group-label{text-align:center;padding:0 1rem;background:#e6e6e6;color:#0a0a0a;border:1px solid #cacaca;white-space:nowrap;width:1%;height:100%}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.input-group-field{border-radius:0;height:2.5rem}.input-group-button{padding-top:0;padding-bottom:0;text-align:center;height:100%;width:1%}.input-group-button a,.input-group-button button,.input-group-button input{margin:0}.input-group .input-group-button{display:table-cell}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:.5rem;max-width:100%}.fieldset{border:1px solid #cacaca;padding:1.25rem;margin:1.125rem 0}.fieldset legend{background:#fefefe;padding:0 .1875rem;margin:0;margin-left:-.1875rem}select{height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-size:1rem;font-family:inherit;line-height:normal;color:#0a0a0a;background-color:#fefefe;border-radius:0;-webkit-appearance:none;-moz-appearance:none;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: rgb%28138, 138, 138%29'></polygon></svg>");background-size:9px 6px;background-position:right -1rem center;background-origin:content-box;background-repeat:no-repeat;padding-right:1.5rem}@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:#e6e6e6;cursor:not-allowed}select::-ms-expand{display:none}select[multiple]{height:auto;background-image:none}.is-invalid-input:not(:focus){background-color:rgba(236,88,64,.1);border-color:#ec5840}.form-error,.is-invalid-label{color:#ec5840}.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700}.form-error.is-visible{display:block}.button{display:inline-block;text-align:center;line-height:1;cursor:pointer;-webkit-appearance:none;-webkit-transition:background-color .25s ease-out,color .25s ease-out;transition:background-color .25s ease-out,color .25s ease-out;vertical-align:middle;border:1px solid transparent;border-radius:0;padding:.85em 1em;margin:0 0 1rem;font-size:.9rem;background-color:#2199e8;color:#fefefe}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background-color:#1583cc;color:#fefefe}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-left:0;margin-right:0}.button.primary{background-color:#2199e8;color:#fefefe}.button.primary:focus,.button.primary:hover{background-color:#147cc0;color:#fefefe}.button.secondary{background-color:#777;color:#fefefe}.button.secondary:focus,.button.secondary:hover{background-color:#5f5f5f;color:#fefefe}.button.success{background-color:#3adb76;color:#fefefe}.button.success:focus,.button.success:hover{background-color:#22bb5b;color:#fefefe}.button.warning{background-color:#ffae00;color:#fefefe}.button.warning:focus,.button.warning:hover{background-color:#cc8b00;color:#fefefe}.button.alert{background-color:#ec5840;color:#fefefe}.button.alert:focus,.button.alert:hover{background-color:#da3116;color:#fefefe}.button.hollow{border:1px solid #2199e8;color:#2199e8}.button.hollow,.button.hollow:focus,.button.hollow:hover{background-color:transparent}.button.hollow:focus,.button.hollow:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.primary{border:1px solid #2199e8;color:#2199e8}.button.hollow.primary:focus,.button.hollow.primary:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.secondary{border:1px solid #777;color:#777}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#3c3c3c;color:#3c3c3c}.button.hollow.success{border:1px solid #3adb76;color:#3adb76}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#157539;color:#157539}.button.hollow.warning{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#805700;color:#805700}.button.hollow.alert{border:1px solid #ec5840;color:#ec5840}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#881f0e;color:#881f0e}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover{background-color:#2199e8;color:#fefefe}.button.disabled.primary,.button[disabled].primary{opacity:.25;cursor:not-allowed}.button.disabled.primary:focus,.button.disabled.primary:hover,.button[disabled].primary:focus,.button[disabled].primary:hover{background-color:#2199e8;color:#fefefe}.button.disabled.secondary,.button[disabled].secondary{opacity:.25;cursor:not-allowed}.button.disabled.secondary:focus,.button.disabled.secondary:hover,.button[disabled].secondary:focus,.button[disabled].secondary:hover{background-color:#777;color:#fefefe}.button.disabled.success,.button[disabled].success{opacity:.25;cursor:not-allowed}.button.disabled.success:focus,.button.disabled.success:hover,.button[disabled].success:focus,.button[disabled].success:hover{background-color:#3adb76;color:#fefefe}.button.disabled.warning,.button[disabled].warning{opacity:.25;cursor:not-allowed}.button.disabled.warning:focus,.button.disabled.warning:hover,.button[disabled].warning:focus,.button[disabled].warning:hover{background-color:#ffae00;color:#fefefe}.button.disabled.alert,.button[disabled].alert{opacity:.25;cursor:not-allowed}.button.disabled.alert:focus,.button.disabled.alert:hover,.button[disabled].alert:focus,.button[disabled].alert:hover{background-color:#ec5840;color:#fefefe}.button.dropdown:after{content:'';display:block;width:0;height:0;border:.4em inset;border-color:#fefefe transparent transparent;border-top-style:solid;border-bottom-width:0;position:relative;top:.4em;float:right;margin-left:1em;display:inline-block}.button.arrow-only:after{margin-left:0;float:none;top:-.1em}.accordion{list-style-type:none;background:#fefefe;margin-left:0}.accordion-item:first-child>:first-child,.accordion-item:last-child>:last-child{border-radius:0 0 0 0}.accordion-title{display:block;padding:1.25rem 1rem;line-height:1;font-size:.75rem;color:#2199e8;position:relative;border:1px solid #e6e6e6;border-bottom:0}:last-child:not(.is-active)>.accordion-title{border-radius:0 0 0 0;border-bottom:1px solid #e6e6e6}.accordion-title:focus,.accordion-title:hover{background-color:#e6e6e6}.accordion-title:before{content:'+';position:absolute;right:1rem;top:50%;margin-top:-.5rem}.is-active>.accordion-title:before{content:'–'}.accordion-content{padding:1rem;display:none;border:1px solid #e6e6e6;border-bottom:0;background-color:#fefefe;color:#0a0a0a}:last-child>.accordion-content:last-child{border-bottom:1px solid #e6e6e6}.is-accordion-submenu-parent>a{position:relative}.is-accordion-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:6px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;position:absolute;top:50%;margin-top:-4px;right:1rem}.is-accordion-submenu-parent[aria-expanded=true]>a:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.badge{display:inline-block;padding:.3em;min-width:2.1em;font-size:.6rem;text-align:center;border-radius:50%;background:#2199e8;color:#fefefe}.badge.secondary{background:#777;color:#fefefe}.badge.success{background:#3adb76;color:#fefefe}.badge.warning{background:#ffae00;color:#fefefe}.badge.alert{background:#ec5840;color:#fefefe}.breadcrumbs{list-style:none;margin:0 0 1rem}.breadcrumbs:after,.breadcrumbs:before{content:' ';display:table}.breadcrumbs:after{clear:both}.breadcrumbs li{float:left;color:#0a0a0a;font-size:.6875rem;cursor:default;text-transform:uppercase}.breadcrumbs li:not(:last-child):after{color:#cacaca;content:"/";margin:0 .75rem;position:relative;top:1px;opacity:1}.breadcrumbs a{color:#2199e8}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#cacaca;cursor:not-allowed}.button-group{margin-bottom:1rem;font-size:0}.button-group:after,.button-group:before{content:' ';display:table}.button-group:after{clear:both}.button-group .button{margin:0;margin-right:1px;margin-bottom:1px;font-size:.9rem}.button-group .button:last-child{margin-right:0}.button-group.tiny .button{font-size:.6rem}.button-group.small .button{font-size:.75rem}.button-group.large .button{font-size:1.25rem}.button-group.expanded{margin-right:-1px}.button-group.expanded:after,.button-group.expanded:before{display:none}.button-group.expanded .button:first-child:nth-last-child(2),.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button{display:inline-block;width:calc(50% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(2):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(3),.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button{display:inline-block;width:calc(33.33333% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(3):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(4),.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button{display:inline-block;width:calc(25% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(4):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(5),.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button{display:inline-block;width:calc(20% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(5):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(6),.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button{display:inline-block;width:calc(16.66667% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(6):last-child{margin-right:-6px}.button-group.primary .button{background-color:#2199e8;color:#fefefe}.button-group.primary .button:focus,.button-group.primary .button:hover{background-color:#147cc0;color:#fefefe}.button-group.secondary .button{background-color:#777;color:#fefefe}.button-group.secondary .button:focus,.button-group.secondary .button:hover{background-color:#5f5f5f;color:#fefefe}.button-group.success .button{background-color:#3adb76;color:#fefefe}.button-group.success .button:focus,.button-group.success .button:hover{background-color:#22bb5b;color:#fefefe}.button-group.warning .button{background-color:#ffae00;color:#fefefe}.button-group.warning .button:focus,.button-group.warning .button:hover{background-color:#cc8b00;color:#fefefe}.button-group.alert .button{background-color:#ec5840;color:#fefefe}.button-group.alert .button:focus,.button-group.alert .button:hover{background-color:#da3116;color:#fefefe}.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button,.button-group.stacked .button{width:100%}.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked .button:last-child{margin-bottom:0}@media screen and (min-width:40em){.button-group.stacked-for-small .button{width:auto;margin-bottom:0}}@media screen and (min-width:64em){.button-group.stacked-for-medium .button{width:auto;margin-bottom:0}}@media screen and (max-width:39.9375em){.button-group.stacked-for-small.expanded{display:block}.button-group.stacked-for-small.expanded .button{display:block;margin-right:0}}.callout{margin:0 0 1rem;padding:1rem;border:1px solid hsla(0,0%,4%,.25);border-radius:0;position:relative;color:#0a0a0a;background-color:#fff}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout.primary{background-color:#def0fc}.callout.secondary{background-color:#ebebeb}.callout.success{background-color:#e1faea}.callout.warning{background-color:#fff3d9}.callout.alert{background-color:#fce6e2}.callout.small{padding:.5rem}.callout.large{padding:3rem}.close-button{position:absolute;color:#8a8a8a;right:1rem;top:.5rem;font-size:2em;line-height:1;cursor:pointer}[data-whatinput=mouse] .close-button{outline:0}.close-button:focus,.close-button:hover{color:#0a0a0a}.menu{margin:0;list-style-type:none}.menu>li{display:table-cell;vertical-align:middle}[data-whatinput=mouse] .menu>li{outline:0}.menu>li>a{display:block;padding:.7rem 1rem;line-height:1}.menu a,.menu button,.menu input{margin-bottom:0}.menu>li>a i,.menu>li>a i+span,.menu>li>a img,.menu>li>a img+span,.menu>li>a svg,.menu>li>a svg+span{vertical-align:middle}.menu>li>a i,.menu>li>a img,.menu>li>a svg{margin-right:.25rem;display:inline-block}.menu>li{display:table-cell}.menu.vertical>li{display:block}@media screen and (min-width:40em){.menu.medium-horizontal>li{display:table-cell}.menu.medium-vertical>li{display:block}}@media screen and (min-width:64em){.menu.large-horizontal>li{display:table-cell}.menu.large-vertical>li{display:block}}.menu.simple li{line-height:1;display:inline-block;margin-right:1rem}.menu.simple a{padding:0}.menu.align-right:after,.menu.align-right:before{content:' ';display:table}.menu.align-right:after{clear:both}.menu.align-right>li{float:right}.menu.expanded{width:100%;display:table;table-layout:fixed}.menu.expanded>li:first-child:last-child{width:100%}.menu.icon-top>li>a{text-align:center}.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg{display:block;margin:0 auto .25rem}.menu.nested{margin-left:1rem}.menu .active>a{color:#fefefe;background:#2199e8}.menu-text{font-weight:700;color:inherit;line-height:1;padding-top:0;padding-bottom:0;padding:.7rem 1rem}.menu-centered{text-align:center}.menu-centered>.menu{display:inline-block}.no-js [data-responsive-menu] ul{display:none}.menu-icon{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;width:20px;height:16px}.menu-icon:after{content:'';position:absolute;display:block;width:100%;height:2px;background:#fefefe;top:0;left:0;box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe}.menu-icon:hover:after{background:#cacaca;box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca}.menu-icon.dark{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;width:20px;height:16px}.menu-icon.dark:after{content:'';position:absolute;display:block;width:100%;height:2px;background:#0a0a0a;top:0;left:0;box-shadow:0 7px 0 #0a0a0a,0 14px 0 #0a0a0a}.menu-icon.dark:hover:after{background:#8a8a8a;box-shadow:0 7px 0 #8a8a8a,0 14px 0 #8a8a8a}.is-drilldown{position:relative;overflow:hidden}.is-drilldown li{display:block!important}.is-drilldown-submenu{position:absolute;top:0;left:100%;z-index:-1;width:100%;background:#fefefe;-webkit-transition:-webkit-transform .15s linear;transition:transform .15s linear}.is-drilldown-submenu.is-active{z-index:1;display:block;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.is-drilldown-submenu.is-closing{-webkit-transform:translateX(100%);transform:translateX(100%)}.is-drilldown-submenu-parent>a{position:relative}.is-drilldown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:6px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0;position:absolute;top:50%;margin-top:-6px;right:1rem}.js-drilldown-back>a:before{content:'';display:block;width:0;height:0;border:6px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0;display:inline-block;vertical-align:middle;margin-right:.75rem}.dropdown-pane{background-color:#fefefe;border:1px solid #cacaca;border-radius:0;display:block;font-size:1rem;padding:1rem;position:absolute;visibility:hidden;width:300px;z-index:10}.dropdown-pane.is-open{visibility:visible}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}.dropdown.menu>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}[data-whatinput=mouse] .dropdown.menu a{outline:0}.no-js .dropdown.menu ul{display:none}.dropdown.menu.vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.vertical>li>a:after{right:14px;margin-top:-3px}.dropdown.menu.vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}@media screen and (min-width:40em){.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}.dropdown.menu.medium-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.medium-vertical>li>a:after{right:14px;margin-top:-3px}.dropdown.menu.medium-vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.medium-vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}}@media screen and (min-width:64em){.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}.dropdown.menu.large-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.large-vertical>li>a:after{right:14px;margin-top:-3px}.dropdown.menu.large-vertical>li.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.large-vertical>li.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}}.dropdown.menu.align-right .is-dropdown-submenu.first-sub{top:100%;left:auto;right:0}.is-dropdown-menu.vertical{width:100px}.is-dropdown-menu.vertical.align-right{float:right}.is-dropdown-submenu-parent{position:relative}.is-dropdown-submenu-parent a:after{position:absolute;top:50%;right:5px;margin-top:-2px}.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu{top:100%;left:auto}.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu{left:auto;right:100%}.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu{right:auto;left:100%}.is-dropdown-submenu{display:none;position:absolute;top:0;left:100%;min-width:200px;z-index:1;background:#fefefe;border:1px solid #cacaca}.is-dropdown-submenu .is-dropdown-submenu-parent>a:after{right:14px;margin-top:-3px}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;border-left-width:0}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;border-right-width:0}.is-dropdown-submenu .is-dropdown-submenu{margin-top:-1px}.is-dropdown-submenu>li{width:100%}.is-dropdown-submenu.js-dropdown-active{display:block}.flex-video{position:relative;height:0;padding-bottom:75%;margin-bottom:1rem;overflow:hidden}.flex-video embed,.flex-video iframe,.flex-video object,.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:.33333rem .5rem;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;border-radius:0;background:#2199e8;color:#fefefe}.label.secondary{background:#777;color:#fefefe}.label.success{background:#3adb76;color:#fefefe}.label.warning{background:#ffae00;color:#fefefe}.label.alert{background:#ec5840;color:#fefefe}.media-object{margin-bottom:1rem;display:block}.media-object img{max-width:none}@media screen and (max-width:39.9375em){.media-object.stack-for-small .media-object-section{padding:0;padding-bottom:1rem;display:block}.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(:nth-child(2)){padding-left:1rem}.media-object-section>:last-child{margin-bottom:0}.media-object-section.middle{vertical-align:middle}.media-object-section.bottom{vertical-align:bottom}body,html{height:100%}.off-canvas-wrapper{width:100%;overflow-x:hidden;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:auto}.off-canvas-wrapper-inner{position:relative;width:100%;min-height:100%;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.off-canvas-wrapper-inner:after,.off-canvas-wrapper-inner:before{content:' ';display:table}.off-canvas-wrapper-inner:after{clear:both}.off-canvas-content{min-height:100%;background:#fefefe;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;padding-bottom:.1px;box-shadow:0 0 10px hsla(0,0%,4%,.5)}.js-off-canvas-exit{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.25);cursor:pointer;-webkit-transition:background .5s ease;transition:background .5s ease}.off-canvas{position:absolute;background:#e6e6e6;z-index:-1;max-height:100%;overflow-y:auto;-webkit-transform:translateX(0);transform:translateX(0)}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.position-left{left:-250px;top:0;width:250px}.is-open-left{-webkit-transform:translateX(250px);transform:translateX(250px)}.off-canvas.position-right{right:-250px;top:0;width:250px}.is-open-right{-webkit-transform:translateX(-250px);transform:translateX(-250px)}@media screen and (min-width:40em){.position-left.reveal-for-medium{left:0;z-index:auto;position:fixed}.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{right:0;z-index:auto;position:fixed}.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}}@media screen and (min-width:64em){.position-left.reveal-for-large{left:0;z-index:auto;position:fixed}.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{right:0;z-index:auto;position:fixed}.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}}.orbit,.orbit-container{position:relative}.orbit-container{margin:0;overflow:hidden;list-style:none}.orbit-slide{width:100%;max-height:100%}.orbit-slide.no-motionui.is-active{top:0;left:0}.orbit-figure{margin:0}.orbit-image{margin:0;width:100%;max-width:100%}.orbit-caption{bottom:0;width:100%;margin-bottom:0;background-color:hsla(0,0%,4%,.5)}.orbit-caption,.orbit-next,.orbit-previous{position:absolute;padding:1rem;color:#fefefe}.orbit-next,.orbit-previous{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover{background-color:hsla(0,0%,4%,.5)}.orbit-previous{left:0}.orbit-next{left:auto;right:0}.orbit-bullets{position:relative;margin-top:.8rem;margin-bottom:.8rem;text-align:center}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{width:1.2rem;height:1.2rem;margin:.1rem;background-color:#cacaca;border-radius:50%}.orbit-bullets button.is-active,.orbit-bullets button:hover{background-color:#8a8a8a}.pagination{margin-left:0;margin-bottom:1rem}.pagination:after,.pagination:before{content:' ';display:table}.pagination:after{clear:both}.pagination li{font-size:.875rem;margin-right:.0625rem;border-radius:0;display:none}.pagination li:first-child,.pagination li:last-child{display:inline-block}@media screen and (min-width:40em){.pagination li{display:inline-block}}.pagination a,.pagination button{color:#0a0a0a;display:block;padding:.1875rem .625rem;border-radius:0}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination .current{padding:.1875rem .625rem;background:#2199e8;color:#fefefe;cursor:default}.pagination .disabled{padding:.1875rem .625rem;color:#cacaca;cursor:not-allowed}.pagination .disabled:hover{background:transparent}.pagination .ellipsis:after{content:'\2026';padding:.1875rem .625rem;color:#0a0a0a}.pagination-previous.disabled:before,.pagination-previous a:before{content:'\00ab';display:inline-block;margin-right:.5rem}.pagination-next.disabled:after,.pagination-next a:after{content:'\00bb';display:inline-block;margin-left:.5rem}.progress{background-color:#cacaca;height:1rem;margin-bottom:1rem;border-radius:0}.progress.primary .progress-meter{background-color:#2199e8}.progress.secondary .progress-meter{background-color:#777}.progress.success .progress-meter{background-color:#3adb76}.progress.warning .progress-meter{background-color:#ffae00}.progress.alert .progress-meter{background-color:#ec5840}.progress-meter{position:relative;display:block;width:0;height:100%;background-color:#2199e8}.progress-meter-text{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;margin:0;font-size:.75rem;font-weight:700;color:#fefefe;white-space:nowrap}.slider{position:relative;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;background-color:#e6e6e6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.slider-fill{position:absolute;top:0;left:0;display:inline-block;max-width:100%;height:.5rem;background-color:#cacaca;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.slider-fill.is-dragging{-webkit-transition:all 0s linear;transition:all 0s linear}.slider-handle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;left:0;z-index:1;display:inline-block;width:1.4rem;height:1.4rem;background-color:#2199e8;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-ms-touch-action:manipulation;touch-action:manipulation;border-radius:0}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#1583cc}.slider-handle.is-dragging{-webkit-transition:all 0s linear;transition:all 0s linear}.slider.disabled,.slider[disabled]{opacity:.25;cursor:not-allowed}.slider.vertical{display:inline-block;width:.5rem;height:12.5rem;margin:0 1.25rem;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.slider.vertical .slider-fill{top:0;width:.5rem;max-height:100%}.slider.vertical .slider-handle{position:absolute;top:0;left:50%;width:1.4rem;height:1.4rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.sticky-container{position:relative}.sticky{position:absolute;z-index:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.sticky.is-stuck{position:fixed;z-index:5}.sticky.is-stuck.is-at-top{top:0}.sticky.is-stuck.is-at-bottom{bottom:0}.sticky.is-anchored{position:absolute;left:auto;right:auto}.sticky.is-anchored.is-at-bottom{bottom:0}body.is-reveal-open{overflow:hidden}html.is-reveal-open,html.is-reveal-open body{min-height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reveal-overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1005;background-color:hsla(0,0%,4%,.45);overflow-y:scroll}.reveal{display:none;z-index:1006;padding:1rem;border:1px solid #cacaca;background-color:#fefefe;border-radius:0;position:relative;top:100px;margin-left:auto;margin-right:auto;overflow-y:auto}[data-whatinput=mouse] .reveal{outline:0}@media screen and (min-width:40em){.reveal{min-height:0}}.reveal .column,.reveal .columns{min-width:0}.reveal>:last-child{margin-bottom:0}@media screen and (min-width:40em){.reveal{width:600px;max-width:75rem}}@media screen and (min-width:40em){.reveal .reveal{left:auto;right:auto;margin:0 auto}}.reveal.collapse{padding:0}@media screen and (min-width:40em){.reveal.tiny{width:30%;max-width:75rem}}@media screen and (min-width:40em){.reveal.small{width:50%;max-width:75rem}}@media screen and (min-width:40em){.reveal.large{width:90%;max-width:75rem}}.reveal.full{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}@media screen and (max-width:39.9375em){.reveal{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}}.reveal.without-overlay{position:fixed}.switch{height:2rem;margin-bottom:1rem;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fefefe;font-weight:700;font-size:.875rem}.switch-input{opacity:0;position:absolute;margin-bottom:0}.switch-paddle{background:#cacaca;cursor:pointer;display:block;position:relative;width:4rem;height:2rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;border-radius:0;color:inherit;font-weight:inherit}input+.switch-paddle{margin:0}.switch-paddle:after{background:#fefefe;content:'';display:block;position:absolute;height:1.5rem;left:.25rem;top:.25rem;width:1.5rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:0}input:checked~.switch-paddle{background:#2199e8}input:checked~.switch-paddle:after{left:2.25rem}[data-whatinput=mouse] input:focus~.switch-paddle{outline:0}.switch-active,.switch-inactive{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.switch-active{left:8%;display:none}input:checked+label>.switch-active{display:block}.switch-inactive{right:15%}input:checked+label>.switch-inactive{display:none}.switch.tiny{height:1.5rem}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle:after{width:1rem;height:1rem}.switch.tiny input:checked~.switch-paddle:after{left:1.75rem}.switch.small{height:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle:after{width:1.25rem;height:1.25rem}.switch.small input:checked~.switch-paddle:after{left:2rem}.switch.large{height:2.5rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle:after{width:2rem;height:2rem}.switch.large input:checked~.switch-paddle:after{left:2.75rem}table{width:100%;margin-bottom:1rem;border-radius:0}table tbody,table tfoot,table thead{border:1px solid #f1f1f1;background-color:#fefefe}table caption{font-weight:700;padding:.5rem .625rem .625rem}table thead{background:#f8f8f8;color:#0a0a0a}table tfoot{background:#f1f1f1;color:#0a0a0a}table tfoot tr,table thead tr{background:transparent}table tfoot td,table tfoot th,table thead td,table thead th{padding:.5rem .625rem .625rem;font-weight:700;text-align:left}table tbody tr:nth-child(even){background-color:#f1f1f1}table tbody td,table tbody th{padding:.5rem .625rem .625rem}@media screen and (max-width:63.9375em){table.stack tfoot,table.stack thead{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}}table.scroll{display:block;width:100%;overflow-x:auto}table.hover thead tr:hover{background-color:#f3f3f3}table.hover tfoot tr:hover{background-color:#ececec}table.hover tbody tr:hover{background-color:#f9f9f9}table.hover tbody tr:nth-of-type(even):hover{background-color:#ececec}.table-scroll{overflow-x:auto}.table-scroll table{width:auto}.tabs{margin:0;list-style-type:none;background:#fefefe;border:1px solid #e6e6e6}.tabs:after,.tabs:before{content:' ';display:table}.tabs:after{clear:both}.tabs.vertical>li{width:auto;float:none;display:block}.tabs.simple>li>a{padding:0}.tabs.simple>li>a:hover{background:transparent}.tabs.primary{background:#2199e8}.tabs.primary>li>a{color:#fefefe}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#1893e4}.tabs-title{float:left}.tabs-title>a{display:block;padding:1.25rem 1.5rem;line-height:1;font-size:.75rem}.tabs-title>a:hover{background:#fefefe}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{background:#e6e6e6}.tabs-content{background:#fefefe;-webkit-transition:all .5s ease;transition:all .5s ease;border:1px solid #e6e6e6;border-top:0}.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}.tabs-panel{display:none;padding:1rem}.tabs-panel.is-active{display:block}.thumbnail{border:4px solid #fefefe;box-shadow:0 0 0 1px hsla(0,0%,4%,.2);display:inline-block;line-height:0;max-width:100%;-webkit-transition:-webkit-box-shadow .2s ease-out;transition:box-shadow .2s ease-out;border-radius:0;margin-bottom:1rem}.thumbnail:focus,.thumbnail:hover{box-shadow:0 0 6px 1px rgba(33,153,232,.5)}.title-bar{background:#0a0a0a;color:#fefefe;padding:.5rem}.title-bar:after,.title-bar:before{content:' ';display:table}.title-bar:after{clear:both}.title-bar .menu-icon{margin-left:.25rem;margin-right:.25rem}.title-bar-left{float:left}.title-bar-right{float:right;text-align:right}.title-bar-title{vertical-align:middle}.has-tip,.title-bar-title{font-weight:700;display:inline-block}.has-tip{border-bottom:1px dotted #8a8a8a;position:relative;cursor:help}.tooltip{background-color:#0a0a0a;color:#fefefe;font-size:80%;padding:.75rem;position:absolute;z-index:10;top:calc(100% + .6495rem);max-width:10rem!important;border-radius:0}.tooltip:before{border:.75rem inset;border-color:transparent transparent #0a0a0a;border-bottom-style:solid;border-top-width:0;bottom:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip.top:before,.tooltip:before{content:'';display:block;width:0;height:0}.tooltip.top:before{border:.75rem inset;border-color:#0a0a0a transparent transparent;border-top-style:solid;border-bottom-width:0;top:100%;bottom:auto}.tooltip.left:before{border:.75rem inset;border-color:transparent transparent transparent #0a0a0a;border-left-style:solid;border-right-width:0;left:100%}.tooltip.left:before,.tooltip.right:before{content:'';display:block;width:0;height:0;bottom:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.right:before{border:.75rem inset;border-color:transparent #0a0a0a transparent transparent;border-right-style:solid;border-left-width:0;left:auto;right:100%}.top-bar{padding:.5rem}.top-bar:after,.top-bar:before{content:' ';display:table}.top-bar:after{clear:both}.top-bar,.top-bar ul{background-color:#e6e6e6}.top-bar input{max-width:200px;margin-right:1rem}.top-bar .input-group-field{width:100%;margin-right:0}.top-bar input.button{width:auto}.top-bar .top-bar-left,.top-bar .top-bar-right{width:100%}@media screen and (min-width:40em){.top-bar .top-bar-left,.top-bar .top-bar-right{width:auto}}@media screen and (max-width:63.9375em){.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right{width:100%}}@media screen and (max-width:74.9375em){.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right{width:100%}}.top-bar-title{float:left;margin-right:1rem}.top-bar-left{float:left}.top-bar-right{float:right}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (max-width:39.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media screen and (min-width:40em){.hide-for-medium{display:none!important}}@media screen and (max-width:39.9375em){.show-for-medium{display:none!important}}@media screen and (min-width:40em) and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:39.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.show-for-large{display:none!important}}@media screen and (min-width:64em) and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!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}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{content:' ';display:table}.clearfix:after{clear:both}
\ No newline at end of file
diff --git a/libraries/foundation-6/dist/foundation.min.js b/libraries/foundation-6/dist/foundation.min.js
index 02b9150a..858078db 100644
--- a/libraries/foundation-6/dist/foundation.min.js
+++ b/libraries/foundation-6/dist/foundation.min.js
@@ -1,4 +1,4 @@
-function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}!function(t){"use strict";function e(t){if(void 0===Function.prototype.name){var e=/function\s([^(]{1,})\(/,i=e.exec(t.toString());return i&&i.length>1?i[1].trim():""}return void 0===t.prototype?t.constructor.name:t.prototype.constructor.name}function i(t){return/true/.test(t)?!0:/false/.test(t)?!1:isNaN(1*t)?t:parseFloat(t)}function n(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}var s="6.2.3",o={version:s,_plugins:{},_uuids:[],rtl:function(){return"rtl"===t("html").attr("dir")},plugin:function(t,i){var s=i||e(t),o=n(s);this._plugins[o]=this[s]=t},registerPlugin:function(t,i){var s=i?n(i):e(t.constructor).toLowerCase();t.uuid=this.GetYoDigits(6,s),t.$element.attr("data-"+s)||t.$element.attr("data-"+s,t.uuid),t.$element.data("zfPlugin")||t.$element.data("zfPlugin",t),t.$element.trigger("init.zf."+s),this._uuids.push(t.uuid)},unregisterPlugin:function(t){var i=n(e(t.$element.data("zfPlugin").constructor));this._uuids.splice(this._uuids.indexOf(t.uuid),1),t.$element.removeAttr("data-"+i).removeData("zfPlugin").trigger("destroyed.zf."+i);for(var s in t)t[s]=null},reInit:function(e){var i=e instanceof t;try{if(i)e.each(function(){t(this).data("zfPlugin")._init()});else{var s=typeof e,o=this,a={object:function(e){e.forEach(function(e){e=n(e),t("[data-"+e+"]").foundation("_init")})},string:function(){e=n(e),t("[data-"+e+"]").foundation("_init")},undefined:function(){this.object(Object.keys(o._plugins))}};a[s](e)}}catch(r){console.error(r)}finally{return e}},GetYoDigits:function(t,e){return t=t||6,Math.round(Math.pow(36,t+1)-Math.random()*Math.pow(36,t)).toString(36).slice(1)+(e?"-"+e:"")},reflow:function(e,n){"undefined"==typeof n?n=Object.keys(this._plugins):"string"==typeof n&&(n=[n]);var s=this;t.each(n,function(n,o){var a=s._plugins[o],r=t(e).find("[data-"+o+"]").addBack("[data-"+o+"]");r.each(function(){var e=t(this),n={};if(e.data("zfPlugin"))return void console.warn("Tried to initialize "+o+" on an element that already has a Foundation plugin.");if(e.attr("data-options")){e.attr("data-options").split(";").forEach(function(t,e){var s=t.split(":").map(function(t){return t.trim()});s[0]&&(n[s[0]]=i(s[1]))})}try{e.data("zfPlugin",new a(t(this),n))}catch(s){console.error(s)}finally{return}})})},getFnName:e,transitionend:function(t){var e,i={transition:"transitionend",WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend"},n=document.createElement("div");for(var s in i)"undefined"!=typeof n.style[s]&&(e=i[s]);return e?e:(e=setTimeout(function(){t.triggerHandler("transitionend",[t])},1),"transitionend")}};o.util={throttle:function(t,e){var i=null;return function(){var n=this,s=arguments;null===i&&(i=setTimeout(function(){t.apply(n,s),i=null},e))}}};var a=function(i){var n=typeof i,s=t("meta.foundation-mq"),a=t(".no-js");if(s.length||t('<meta class="foundation-mq">').appendTo(document.head),a.length&&a.removeClass("no-js"),"undefined"===n)o.MediaQuery._init(),o.reflow(this);else{if("string"!==n)throw new TypeError("We're sorry, "+n+" is not a valid parameter. You must use a string representing the method you wish to invoke.");var r=Array.prototype.slice.call(arguments,1),l=this.data("zfPlugin");if(void 0===l||void 0===l[i])throw new ReferenceError("We're sorry, '"+i+"' is not an available method for "+(l?e(l):"this element")+".");1===this.length?l[i].apply(l,r):this.each(function(e,n){l[i].apply(t(n).data("zfPlugin"),r)})}return this};window.Foundation=o,t.fn.foundation=a,function(){Date.now&&window.Date.now||(window.Date.now=Date.now=function(){return(new Date).getTime()});for(var t=["webkit","moz"],e=0;e<t.length&&!window.requestAnimationFrame;++e){var i=t[e];window.requestAnimationFrame=window[i+"RequestAnimationFrame"],window.cancelAnimationFrame=window[i+"CancelAnimationFrame"]||window[i+"CancelRequestAnimationFrame"]}if(/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent)||!window.requestAnimationFrame||!window.cancelAnimationFrame){var n=0;window.requestAnimationFrame=function(t){var e=Date.now(),i=Math.max(n+16,e);return setTimeout(function(){t(n=i)},i-e)},window.cancelAnimationFrame=clearTimeout}window.performance&&window.performance.now||(window.performance={start:Date.now(),now:function(){return Date.now()-this.start}})}(),Function.prototype.bind||(Function.prototype.bind=function(t){if("function"!=typeof this)throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");var e=Array.prototype.slice.call(arguments,1),i=this,n=function(){},s=function(){return i.apply(this instanceof n?this:t,e.concat(Array.prototype.slice.call(arguments)))};return this.prototype&&(n.prototype=this.prototype),s.prototype=new n,s})}(jQuery),!function(t){function e(t,e,n,s){var o,a,r,l,u=i(t);if(e){var d=i(e);a=u.offset.top+u.height<=d.height+d.offset.top,o=u.offset.top>=d.offset.top,r=u.offset.left>=d.offset.left,l=u.offset.left+u.width<=d.width+d.offset.left}else a=u.offset.top+u.height<=u.windowDims.height+u.windowDims.offset.top,o=u.offset.top>=u.windowDims.offset.top,r=u.offset.left>=u.windowDims.offset.left,l=u.offset.left+u.width<=u.windowDims.width;var h=[a,o,r,l];return n?r===l==!0:s?o===a==!0:-1===h.indexOf(!1)}function i(t,e){if(t=t.length?t[0]:t,t===window||t===document)throw new Error("I'm sorry, Dave. I'm afraid I can't do that.");var i=t.getBoundingClientRect(),n=t.parentNode.getBoundingClientRect(),s=document.body.getBoundingClientRect(),o=window.pageYOffset,a=window.pageXOffset;return{width:i.width,height:i.height,offset:{top:i.top+o,left:i.left+a},parentDims:{width:n.width,height:n.height,offset:{top:n.top+o,left:n.left+a}},windowDims:{width:s.width,height:s.height,offset:{top:o,left:a}}}}function n(t,e,n,s,o,a){var r=i(t),l=e?i(e):null;switch(n){case"top":return{left:Foundation.rtl()?l.offset.left-r.width+l.width:l.offset.left,top:l.offset.top-(r.height+s)};case"left":return{left:l.offset.left-(r.width+o),top:l.offset.top};case"right":return{left:l.offset.left+l.width+o,top:l.offset.top};case"center top":return{left:l.offset.left+l.width/2-r.width/2,top:l.offset.top-(r.height+s)};case"center bottom":return{left:a?o:l.offset.left+l.width/2-r.width/2,top:l.offset.top+l.height+s};case"center left":return{left:l.offset.left-(r.width+o),top:l.offset.top+l.height/2-r.height/2};case"center right":return{left:l.offset.left+l.width+o+1,top:l.offset.top+l.height/2-r.height/2};case"center":return{left:r.windowDims.offset.left+r.windowDims.width/2-r.width/2,top:r.windowDims.offset.top+r.windowDims.height/2-r.height/2};case"reveal":return{left:(r.windowDims.width-r.width)/2,top:r.windowDims.offset.top+s};case"reveal full":return{left:r.windowDims.offset.left,top:r.windowDims.offset.top};case"left bottom":return{left:l.offset.left-(r.width+o),top:l.offset.top+l.height};case"right bottom":return{left:l.offset.left+l.width+o-r.width,top:l.offset.top+l.height};default:return{left:Foundation.rtl()?l.offset.left-r.width+l.width:l.offset.left,top:l.offset.top+l.height+s}}}Foundation.Box={ImNotTouchingYou:e,GetDimensions:i,GetOffsets:n}}(jQuery),!function(t){function e(t){var e={};for(var i in t)e[t[i]]=t[i];return e}var i={9:"TAB",13:"ENTER",27:"ESCAPE",32:"SPACE",37:"ARROW_LEFT",38:"ARROW_UP",39:"ARROW_RIGHT",40:"ARROW_DOWN"},n={},s={keys:e(i),parseKey:function(t){var e=i[t.which||t.keyCode]||String.fromCharCode(t.which).toUpperCase();return t.shiftKey&&(e="SHIFT_"+e),t.ctrlKey&&(e="CTRL_"+e),t.altKey&&(e="ALT_"+e),e},handleKey:function(e,i,s){var o,a,r,l=n[i],u=this.parseKey(e);if(!l)return console.warn("Component not defined!");if(o="undefined"==typeof l.ltr?l:Foundation.rtl()?t.extend({},l.ltr,l.rtl):t.extend({},l.rtl,l.ltr),a=o[u],r=s[a],r&&"function"==typeof r){var d=r.apply();(s.handled||"function"==typeof s.handled)&&s.handled(d)}else(s.unhandled||"function"==typeof s.unhandled)&&s.unhandled()},findFocusable:function(e){return e.find("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]").filter(function(){return t(this).is(":visible")&&!(t(this).attr("tabindex")<0)})},register:function(t,e){n[t]=e}};Foundation.Keyboard=s}(jQuery),!function(t){function e(t){var e={};return"string"!=typeof t?e:(t=t.trim().slice(1,-1))?e=t.split("&").reduce(function(t,e){var i=e.replace(/\+/g," ").split("="),n=i[0],s=i[1];return n=decodeURIComponent(n),s=void 0===s?null:decodeURIComponent(s),t.hasOwnProperty(n)?Array.isArray(t[n])?t[n].push(s):t[n]=[t[n],s]:t[n]=s,t},{}):e}var i={queries:[],current:"",_init:function(){var i,n=this,s=t(".foundation-mq").css("font-family");i=e(s);for(var o in i)i.hasOwnProperty(o)&&n.queries.push({name:o,value:"only screen and (min-width: "+i[o]+")"});this.current=this._getCurrentSize(),this._watcher()},atLeast:function(t){var e=this.get(t);return e?window.matchMedia(e).matches:!1},get:function(t){for(var e in this.queries)if(this.queries.hasOwnProperty(e)){var i=this.queries[e];if(t===i.name)return i.value}return null},_getCurrentSize:function(){for(var t,e=0;e<this.queries.length;e++){var i=this.queries[e];window.matchMedia(i.value).matches&&(t=i)}return"object"==typeof t?t.name:t},_watcher:function(){var e=this;t(window).on("resize.zf.mediaquery",function(){var i=e._getCurrentSize(),n=e.current;i!==n&&(e.current=i,t(window).trigger("changed.zf.mediaquery",[i,n]))})}};Foundation.MediaQuery=i,window.matchMedia||(window.matchMedia=function(){"use strict";var t=window.styleMedia||window.media;if(!t){var e=document.createElement("style"),i=document.getElementsByTagName("script")[0],n=null;e.type="text/css",e.id="matchmediajs-test",i.parentNode.insertBefore(e,i),n="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle,t={matchMedium:function(t){var i="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=i:e.textContent=i,"1px"===n.width}}}return function(e){return{matches:t.matchMedium(e||"all"),media:e||"all"}}}()),Foundation.MediaQuery=i}(jQuery),!function(t){function e(t,e,i){function n(r){a||(a=window.performance.now()),o=r-a,i.apply(e),t>o?s=window.requestAnimationFrame(n,e):(window.cancelAnimationFrame(s),e.trigger("finished.zf.animate",[e]).triggerHandler("finished.zf.animate",[e]))}var s,o,a=null;s=window.requestAnimationFrame(n)}function i(e,i,o,a){function r(){e||i.hide(),l(),a&&a.apply(i)}function l(){i[0].style.transitionDuration=0,i.removeClass(u+" "+d+" "+o)}if(i=t(i).eq(0),i.length){var u=e?n[0]:n[1],d=e?s[0]:s[1];l(),i.addClass(o).css("transition","none"),requestAnimationFrame(function(){i.addClass(u),e&&i.show()}),requestAnimationFrame(function(){i[0].offsetWidth,i.css("transition","").addClass(d)}),i.one(Foundation.transitionend(i),r)}}var n=["mui-enter","mui-leave"],s=["mui-enter-active","mui-leave-active"],o={animateIn:function(t,e,n){i(!0,t,e,n)},animateOut:function(t,e,n){i(!1,t,e,n)}};Foundation.Move=e,Foundation.Motion=o}(jQuery),!function(t){var e={Feather:function(e){var i=arguments.length<=1||void 0===arguments[1]?"zf":arguments[1];e.attr("role","menubar");var n=e.find("li").attr({role:"menuitem"}),s="is-"+i+"-submenu",o=s+"-item",a="is-"+i+"-submenu-parent";e.find("a:first").attr("tabindex",0),n.each(function(){var e=t(this),i=e.children("ul");i.length&&(e.addClass(a).attr({"aria-haspopup":!0,"aria-expanded":!1,"aria-label":e.children("a:first").text()}),i.addClass("submenu "+s).attr({"data-submenu":"","aria-hidden":!0,role:"menu"})),e.parent("[data-submenu]").length&&e.addClass("is-submenu-item "+o)})},Burn:function(t,e){var i=(t.find("li").removeAttr("tabindex"),"is-"+e+"-submenu"),n=i+"-item",s="is-"+e+"-submenu-parent";t.find("*").removeClass(i+" "+n+" "+s+" is-submenu-item submenu is-active").removeAttr("data-submenu").css("display","")}};Foundation.Nest=e}(jQuery),!function(t){function e(t,e,i){var n,s,o=this,a=e.duration,r=Object.keys(t.data())[0]||"timer",l=-1;this.isPaused=!1,this.restart=function(){l=-1,clearTimeout(s),this.start()},this.start=function(){this.isPaused=!1,clearTimeout(s),l=0>=l?a:l,t.data("paused",!1),n=Date.now(),s=setTimeout(function(){e.infinite&&o.restart(),i()},l),t.trigger("timerstart.zf."+r)},this.pause=function(){this.isPaused=!0,clearTimeout(s),t.data("paused",!0);var e=Date.now();l-=e-n,t.trigger("timerpaused.zf."+r)}}function i(e,i){function n(){s--,0===s&&i()}var s=e.length;0===s&&i(),e.each(function(){this.complete?n():"undefined"!=typeof this.naturalWidth&&this.naturalWidth>0?n():t(this).one("load",function(){n()})})}Foundation.Timer=e,Foundation.onImagesLoaded=i}(jQuery),function(t){function e(){this.removeEventListener("touchmove",i),this.removeEventListener("touchend",e),u=!1}function i(i){if(t.spotSwipe.preventDefault&&i.preventDefault(),u){var n,s=i.touches[0].pageX,a=(i.touches[0].pageY,o-s);l=(new Date).getTime()-r,Math.abs(a)>=t.spotSwipe.moveThreshold&&l<=t.spotSwipe.timeThreshold&&(n=a>0?"left":"right"),n&&(i.preventDefault(),e.call(this),t(this).trigger("swipe",n).trigger("swipe"+n))}}function n(t){1==t.touches.length&&(o=t.touches[0].pageX,a=t.touches[0].pageY,u=!0,r=(new Date).getTime(),this.addEventListener("touchmove",i,!1),this.addEventListener("touchend",e,!1))}function s(){this.addEventListener&&this.addEventListener("touchstart",n,!1)}t.spotSwipe={version:"1.0.0",enabled:"ontouchstart"in document.documentElement,preventDefault:!1,moveThreshold:75,timeThreshold:200};var o,a,r,l,u=!1;t.event.special.swipe={setup:s},t.each(["left","up","down","right"],function(){t.event.special["swipe"+this]={setup:function(){t(this).on("swipe",t.noop)}}})}(jQuery),!function(t){t.fn.addTouch=function(){this.each(function(i,n){t(n).bind("touchstart touchmove touchend touchcancel",function(){e(event)})});var e=function(t){var e,i=t.changedTouches,n=i[0],s={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup"},o=s[t.type];"MouseEvent"in window&&"function"==typeof window.MouseEvent?e=new window.MouseEvent(o,{bubbles:!0,cancelable:!0,screenX:n.screenX,screenY:n.screenY,clientX:n.clientX,clientY:n.clientY}):(e=document.createEvent("MouseEvent"),e.initMouseEvent(o,!0,!0,window,1,n.screenX,n.screenY,n.clientX,n.clientY,!1,!1,!1,!1,0,null)),n.target.dispatchEvent(e)}}}(jQuery),!function(t){function e(){o(),n(),s(),i()}function i(e){var i=t("[data-yeti-box]"),n=["dropdown","tooltip","reveal"];if(e&&("string"==typeof e?n.push(e):"object"==typeof e&&"string"==typeof e[0]?n.concat(e):console.error("Plugin names must be strings")),i.length){var s=n.map(function(t){return"closeme.zf."+t}).join(" ");t(window).off(s).on(s,function(e,i){var n=e.namespace.split(".")[0],s=t("[data-"+n+"]").not('[data-yeti-box="'+i+'"]');s.each(function(){var e=t(this);e.triggerHandler("close.zf.trigger",[e])})})}}function n(e){var i=void 0,n=t("[data-resize]");n.length&&t(window).off("resize.zf.trigger").on("resize.zf.trigger",function(s){i&&clearTimeout(i),i=setTimeout(function(){a||n.each(function(){t(this).triggerHandler("resizeme.zf.trigger")}),n.attr("data-events","resize")},e||10)})}function s(e){var i=void 0,n=t("[data-scroll]");n.length&&t(window).off("scroll.zf.trigger").on("scroll.zf.trigger",function(s){i&&clearTimeout(i),i=setTimeout(function(){a||n.each(function(){t(this).triggerHandler("scrollme.zf.trigger")}),n.attr("data-events","scroll")},e||10)})}function o(){if(!a)return!1;var e=document.querySelectorAll("[data-resize], [data-scroll], [data-mutate]"),i=function(e){var i=t(e[0].target);switch(i.attr("data-events")){case"resize":i.triggerHandler("resizeme.zf.trigger",[i]);break;case"scroll":i.triggerHandler("scrollme.zf.trigger",[i,window.pageYOffset]);break;default:return!1}};if(e.length)for(var n=0;n<=e.length-1;n++){var s=new a(i);s.observe(e[n],{attributes:!0,childList:!1,characterData:!1,subtree:!1,attributeFilter:["data-events"]})}}var a=function(){for(var t=["WebKit","Moz","O","Ms",""],e=0;e<t.length;e++)if(t[e]+"MutationObserver"in window)return window[t[e]+"MutationObserver"];return!1}(),r=function(e,i){e.data(i).split(" ").forEach(function(n){t("#"+n)["close"===i?"trigger":"triggerHandler"](i+".zf.trigger",[e])})};t(document).on("click.zf.trigger","[data-open]",function(){r(t(this),"open")}),t(document).on("click.zf.trigger","[data-close]",function(){var e=t(this).data("close");e?r(t(this),"close"):t(this).trigger("close.zf.trigger")}),t(document).on("click.zf.trigger","[data-toggle]",function(){r(t(this),"toggle")}),t(document).on("close.zf.trigger","[data-closable]",function(e){e.stopPropagation();var i=t(this).data("closable");""!==i?Foundation.Motion.animateOut(t(this),i,function(){t(this).trigger("closed.zf")}):t(this).fadeOut().trigger("closed.zf")}),t(document).on("focus.zf.trigger blur.zf.trigger","[data-toggle-focus]",function(){var e=t(this).data("toggle-focus");t("#"+e).triggerHandler("toggle.zf.trigger",[t(this)])}),t(window).load(function(){e()}),Foundation.IHearYou=e}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Abide")}return _createClass(e,[{key:"_init",value:function(){this.$inputs=this.$element.find("input, textarea, select"),this._events()}},{key:"_events",value:function(){var e=this;this.$element.off(".abide").on("reset.zf.abide",function(){e.resetForm()}).on("submit.zf.abide",function(){return e.validateForm()}),"fieldChange"===this.options.validateOn&&this.$inputs.off("change.zf.abide").on("change.zf.abide",function(i){e.validateInput(t(i.target))}),this.options.liveValidate&&this.$inputs.off("input.zf.abide").on("input.zf.abide",function(i){e.validateInput(t(i.target))})}},{key:"_reflow",value:function(){this._init()}},{key:"requiredCheck",value:function(t){if(!t.attr("required"))return!0;var e=!0;switch(t[0].type){case"checkbox":e=t[0].checked;break;case"select":case"select-one":case"select-multiple":var i=t.find("option:selected");i.length&&i.val()||(e=!1);break;default:t.val()&&t.val().length||(e=!1)}return e}},{key:"findFormError",value:function(t){var e=t.siblings(this.options.formErrorSelector);return e.length||(e=t.parent().find(this.options.formErrorSelector)),e}},{key:"findLabel",value:function(t){var e=t[0].id,i=this.$element.find('label[for="'+e+'"]');return i.length?i:t.closest("label")}},{key:"findRadioLabels",value:function(e){var i=this,n=e.map(function(e,n){var s=n.id,o=i.$element.find('label[for="'+s+'"]');return o.length||(o=t(n).closest("label")),o[0]});return t(n)}},{key:"addErrorClasses",value:function(t){var e=this.findLabel(t),i=this.findFormError(t);e.length&&e.addClass(this.options.labelErrorClass),i.length&&i.addClass(this.options.formErrorClass),t.addClass(this.options.inputErrorClass).attr("data-invalid","")}},{key:"removeRadioErrorClasses",value:function(t){var e=this.$element.find(':radio[name="'+t+'"]'),i=this.findRadioLabels(e),n=this.findFormError(e);i.length&&i.removeClass(this.options.labelErrorClass),n.length&&n.removeClass(this.options.formErrorClass),e.removeClass(this.options.inputErrorClass).removeAttr("data-invalid")}},{key:"removeErrorClasses",value:function(t){if("radio"==t[0].type)return this.removeRadioErrorClasses(t.attr("name"));var e=this.findLabel(t),i=this.findFormError(t);e.length&&e.removeClass(this.options.labelErrorClass),i.length&&i.removeClass(this.options.formErrorClass),t.removeClass(this.options.inputErrorClass).removeAttr("data-invalid")}},{key:"validateInput",value:function(t){var e=this.requiredCheck(t),i=!1,n=!0,s=t.attr("data-validator"),o=!0;if(t.is("[data-abide-ignore]")||t.is('[type="hidden"]'))return!0;switch(t[0].type){case"radio":i=this.validateRadio(t.attr("name"));break;case"checkbox":i=e;break;case"select":case"select-one":case"select-multiple":i=e;break;default:i=this.validateText(t)}s&&(n=this.matchValidation(t,s,t.attr("required"))),t.attr("data-equalto")&&(o=this.options.validators.equalTo(t));var a=-1===[e,i,n,o].indexOf(!1),r=(a?"valid":"invalid")+".zf.abide";return this[a?"removeErrorClasses":"addErrorClasses"](t),t.trigger(r,[t]),a}},{key:"validateForm",value:function(){var e=[],i=this;this.$inputs.each(function(){e.push(i.validateInput(t(this)))});var n=-1===e.indexOf(!1);return this.$element.find("[data-abide-error]").css("display",n?"none":"block"),this.$element.trigger((n?"formvalid":"forminvalid")+".zf.abide",[this.$element]),n}},{key:"validateText",value:function(t,e){e=e||t.attr("pattern")||t.attr("type");var i=t.val(),n=!1;return i.length?n=this.options.patterns.hasOwnProperty(e)?this.options.patterns[e].test(i):e!==t.attr("type")?new RegExp(e).test(i):!0:t.prop("required")||(n=!0),n}},{key:"validateRadio",value:function(e){var i=this.$element.find(':radio[name="'+e+'"]'),n=!1,s=!1;return i.each(function(e,i){t(i).attr("required")&&(s=!0)}),s||(n=!0),n||i.each(function(e,i){t(i).prop("checked")&&(n=!0)}),n}},{key:"matchValidation",value:function(t,e,i){var n=this;i=!!i;var s=e.split(" ").map(function(e){return n.options.validators[e](t,i,t.parent())});return-1===s.indexOf(!1)}},{key:"resetForm",value:function(){var e=this.$element,i=this.options;t("."+i.labelErrorClass,e).not("small").removeClass(i.labelErrorClass),t("."+i.inputErrorClass,e).not("small").removeClass(i.inputErrorClass),t(i.formErrorSelector+"."+i.formErrorClass).removeClass(i.formErrorClass),e.find("[data-abide-error]").css("display","none"),t(":input",e).not(":button, :submit, :reset, :hidden, :radio, :checkbox, [data-abide-ignore]").val("").removeAttr("data-invalid"),t(":input:radio",e).not("[data-abide-ignore]").prop("checked",!1).removeAttr("data-invalid"),t(":input:checkbox",e).not("[data-abide-ignore]").prop("checked",!1).removeAttr("data-invalid"),e.trigger("formreset.zf.abide",[e])}},{key:"destroy",value:function(){var e=this;this.$element.off(".abide").find("[data-abide-error]").css("display","none"),this.$inputs.off(".abide").each(function(){e.removeErrorClasses(t(this))}),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={validateOn:"fieldChange",labelErrorClass:"is-invalid-label",inputErrorClass:"is-invalid-input",formErrorSelector:".form-error",formErrorClass:"is-visible",liveValidate:!1,patterns:{alpha:/^[a-zA-Z]+$/,alpha_numeric:/^[a-zA-Z0-9]+$/,integer:/^[-+]?\d+$/,number:/^[-+]?\d*(?:[\.\,]\d+)?$/,card:/^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,cvv:/^([0-9]){3,4}$/,email:/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,url:/^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/,domain:/^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/,datetime:/^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/,date:/(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/,time:/^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/,dateISO:/^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/,month_day_year:/^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/,day_month_year:/^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/,color:/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/},validators:{equalTo:function(e,i,n){return t("#"+e.attr("data-equalto")).val()===e.val()}}},Foundation.plugin(e,"Abide")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Accordion"),Foundation.Keyboard.register("Accordion",{ENTER:"toggle",SPACE:"toggle",ARROW_DOWN:"next",ARROW_UP:"previous"})}return _createClass(e,[{key:"_init",value:function(){this.$element.attr("role","tablist"),this.$tabs=this.$element.children("li, [data-accordion-item]"),this.$tabs.each(function(e,i){var n=t(i),s=n.children("[data-tab-content]"),o=s[0].id||Foundation.GetYoDigits(6,"accordion"),a=i.id||o+"-label";n.find("a:first").attr({"aria-controls":o,role:"tab",id:a,"aria-expanded":!1,"aria-selected":!1}),s.attr({role:"tabpanel","aria-labelledby":a,"aria-hidden":!0,id:o})});var e=this.$element.find(".is-active").children("[data-tab-content]");e.length&&this.down(e,!0),this._events()}},{key:"_events",value:function(){var e=this;this.$tabs.each(function(){var i=t(this),n=i.children("[data-tab-content]");n.length&&i.children("a").off("click.zf.accordion keydown.zf.accordion").on("click.zf.accordion",function(t){t.preventDefault(),i.hasClass("is-active")?(e.options.allowAllClosed||i.siblings().hasClass("is-active"))&&e.up(n):e.down(n)}).on("keydown.zf.accordion",function(t){Foundation.Keyboard.handleKey(t,"Accordion",{toggle:function(){e.toggle(n)},next:function(){var t=i.next().find("a").focus();e.options.multiExpand||t.trigger("click.zf.accordion")},previous:function(){var t=i.prev().find("a").focus();e.options.multiExpand||t.trigger("click.zf.accordion")},handled:function(){t.preventDefault(),t.stopPropagation()}})})})}},{key:"toggle",value:function(t){if(t.parent().hasClass("is-active")){if(!this.options.allowAllClosed&&!t.parent().siblings().hasClass("is-active"))return;this.up(t)}else this.down(t)}},{key:"down",value:function(e,i){var n=this;if(!this.options.multiExpand&&!i){var s=this.$element.children(".is-active").children("[data-tab-content]");s.length&&this.up(s)}e.attr("aria-hidden",!1).parent("[data-tab-content]").addBack().parent().addClass("is-active"),e.slideDown(this.options.slideSpeed,function(){n.$element.trigger("down.zf.accordion",[e])}),t("#"+e.attr("aria-labelledby")).attr({"aria-expanded":!0,"aria-selected":!0})}},{key:"up",value:function(e){var i=e.parent().siblings(),n=this,s=this.options.multiExpand?i.hasClass("is-active"):e.parent().hasClass("is-active");(this.options.allowAllClosed||s)&&(e.slideUp(n.options.slideSpeed,function(){n.$element.trigger("up.zf.accordion",[e])}),e.attr("aria-hidden",!0).parent().removeClass("is-active"),t("#"+e.attr("aria-labelledby")).attr({"aria-expanded":!1,"aria-selected":!1}))}},{key:"destroy",value:function(){this.$element.find("[data-tab-content]").stop(!0).slideUp(0).css("display",""),this.$element.find("a").off(".zf.accordion"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={slideSpeed:250,multiExpand:!1,allowAllClosed:!1},Foundation.plugin(e,"Accordion")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"accordion"),this._init(),Foundation.registerPlugin(this,"AccordionMenu"),Foundation.Keyboard.register("AccordionMenu",{ENTER:"toggle",SPACE:"toggle",ARROW_RIGHT:"open",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"close",ESCAPE:"closeAll",TAB:"down",SHIFT_TAB:"up"})}return _createClass(e,[{key:"_init",value:function(){this.$element.find("[data-submenu]").not(".is-active").slideUp(0),this.$element.attr({role:"tablist","aria-multiselectable":this.options.multiOpen}),this.$menuLinks=this.$element.find(".is-accordion-submenu-parent"),this.$menuLinks.each(function(){var e=this.id||Foundation.GetYoDigits(6,"acc-menu-link"),i=t(this),n=i.children("[data-submenu]"),s=n[0].id||Foundation.GetYoDigits(6,"acc-menu"),o=n.hasClass("is-active");i.attr({"aria-controls":s,"aria-expanded":o,role:"tab",id:e}),n.attr({"aria-labelledby":e,"aria-hidden":!o,role:"tabpanel",id:s})});var e=this.$element.find(".is-active");if(e.length){var i=this;e.each(function(){i.down(t(this))})}this._events()}},{key:"_events",value:function(){var e=this;this.$element.find("li").each(function(){var i=t(this).children("[data-submenu]");i.length&&t(this).children("a").off("click.zf.accordionMenu").on("click.zf.accordionMenu",function(t){t.preventDefault(),e.toggle(i)})}).on("keydown.zf.accordionmenu",function(i){var n,s,o=t(this),a=o.parent("ul").children("li"),r=o.children("[data-submenu]");a.each(function(e){return t(this).is(o)?(n=a.eq(Math.max(0,e-1)).find("a").first(),
-s=a.eq(Math.min(e+1,a.length-1)).find("a").first(),t(this).children("[data-submenu]:visible").length&&(s=o.find("li:first-child").find("a").first()),t(this).is(":first-child")?n=o.parents("li").first().find("a").first():n.children("[data-submenu]:visible").length&&(n=n.find("li:last-child").find("a").first()),void(t(this).is(":last-child")&&(s=o.parents("li").first().next("li").find("a").first()))):void 0}),Foundation.Keyboard.handleKey(i,"AccordionMenu",{open:function(){r.is(":hidden")&&(e.down(r),r.find("li").first().find("a").first().focus())},close:function(){r.length&&!r.is(":hidden")?e.up(r):o.parent("[data-submenu]").length&&(e.up(o.parent("[data-submenu]")),o.parents("li").first().find("a").first().focus())},up:function(){return n.attr("tabindex",-1).focus(),!0},down:function(){return s.attr("tabindex",-1).focus(),!0},toggle:function(){o.children("[data-submenu]").length&&e.toggle(o.children("[data-submenu]"))},closeAll:function(){e.hideAll()},handled:function(t){t&&i.preventDefault(),i.stopImmediatePropagation()}})})}},{key:"hideAll",value:function(){this.$element.find("[data-submenu]").slideUp(this.options.slideSpeed)}},{key:"toggle",value:function(t){t.is(":animated")||(t.is(":hidden")?this.down(t):this.up(t))}},{key:"down",value:function(t){var e=this;this.options.multiOpen||this.up(this.$element.find(".is-active").not(t.parentsUntil(this.$element).add(t))),t.addClass("is-active").attr({"aria-hidden":!1}).parent(".is-accordion-submenu-parent").attr({"aria-expanded":!0}),t.slideDown(e.options.slideSpeed,function(){e.$element.trigger("down.zf.accordionMenu",[t])})}},{key:"up",value:function(t){var e=this;t.slideUp(e.options.slideSpeed,function(){e.$element.trigger("up.zf.accordionMenu",[t])});var i=t.find("[data-submenu]").slideUp(0).addBack().attr("aria-hidden",!0);i.parent(".is-accordion-submenu-parent").attr("aria-expanded",!1)}},{key:"destroy",value:function(){this.$element.find("[data-submenu]").slideDown(0).css("display",""),this.$element.find("a").off("click.zf.accordionMenu"),Foundation.Nest.Burn(this.$element,"accordion"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={slideSpeed:250,multiOpen:!0},Foundation.plugin(e,"AccordionMenu")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"drilldown"),this._init(),Foundation.registerPlugin(this,"Drilldown"),Foundation.Keyboard.register("Drilldown",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close",TAB:"down",SHIFT_TAB:"up"})}return _createClass(e,[{key:"_init",value:function(){this.$submenuAnchors=this.$element.find("li.is-drilldown-submenu-parent").children("a"),this.$submenus=this.$submenuAnchors.parent("li").children("[data-submenu]"),this.$menuItems=this.$element.find("li").not(".js-drilldown-back").attr("role","menuitem").find("a"),this._prepareMenu(),this._keyboardEvents()}},{key:"_prepareMenu",value:function(){var e=this;this.$submenuAnchors.each(function(){var i=t(this),n=i.parent();e.options.parentLink&&i.clone().prependTo(n.children("[data-submenu]")).wrap('<li class="is-submenu-parent-item is-submenu-item is-drilldown-submenu-item" role="menu-item"></li>'),i.data("savedHref",i.attr("href")).removeAttr("href"),i.children("[data-submenu]").attr({"aria-hidden":!0,tabindex:0,role:"menu"}),e._events(i)}),this.$submenus.each(function(){var i=t(this),n=i.find(".js-drilldown-back");n.length||i.prepend(e.options.backButton),e._back(i)}),this.$element.parent().hasClass("is-drilldown")||(this.$wrapper=t(this.options.wrapper).addClass("is-drilldown"),this.$wrapper=this.$element.wrap(this.$wrapper).parent().css(this._getMaxDims()))}},{key:"_events",value:function(e){var i=this;e.off("click.zf.drilldown").on("click.zf.drilldown",function(n){if(t(n.target).parentsUntil("ul","li").hasClass("is-drilldown-submenu-parent")&&(n.stopImmediatePropagation(),n.preventDefault()),i._show(e.parent("li")),i.options.closeOnClick){var s=t("body");s.off(".zf.drilldown").on("click.zf.drilldown",function(e){e.target===i.$element[0]||t.contains(i.$element[0],e.target)||(e.preventDefault(),i._hideAll(),s.off(".zf.drilldown"))})}})}},{key:"_keyboardEvents",value:function(){var e=this;this.$menuItems.add(this.$element.find(".js-drilldown-back > a")).on("keydown.zf.drilldown",function(i){var n,s,o=t(this),a=o.parent("li").parent("ul").children("li").children("a");a.each(function(e){return t(this).is(o)?(n=a.eq(Math.max(0,e-1)),void(s=a.eq(Math.min(e+1,a.length-1)))):void 0}),Foundation.Keyboard.handleKey(i,"Drilldown",{next:function(){return o.is(e.$submenuAnchors)?(e._show(o.parent("li")),o.parent("li").one(Foundation.transitionend(o),function(){o.parent("li").find("ul li a").filter(e.$menuItems).first().focus()}),!0):void 0},previous:function(){return e._hide(o.parent("li").parent("ul")),o.parent("li").parent("ul").one(Foundation.transitionend(o),function(){setTimeout(function(){o.parent("li").parent("ul").parent("li").children("a").first().focus()},1)}),!0},up:function(){return n.focus(),!0},down:function(){return s.focus(),!0},close:function(){e._back()},open:function(){return o.is(e.$menuItems)?o.is(e.$submenuAnchors)&&(e._show(o.parent("li")),o.parent("li").one(Foundation.transitionend(o),function(){o.parent("li").find("ul li a").filter(e.$menuItems).first().focus()})):(e._hide(o.parent("li").parent("ul")),o.parent("li").parent("ul").one(Foundation.transitionend(o),function(){setTimeout(function(){o.parent("li").parent("ul").parent("li").children("a").first().focus()},1)})),!0},handled:function(t){t&&i.preventDefault(),i.stopImmediatePropagation()}})})}},{key:"_hideAll",value:function(){var t=this.$element.find(".is-drilldown-submenu.is-active").addClass("is-closing");t.one(Foundation.transitionend(t),function(e){t.removeClass("is-active is-closing")}),this.$element.trigger("closed.zf.drilldown")}},{key:"_back",value:function(t){var e=this;t.off("click.zf.drilldown"),t.children(".js-drilldown-back").on("click.zf.drilldown",function(i){i.stopImmediatePropagation(),e._hide(t)})}},{key:"_menuLinkEvents",value:function(){var t=this;this.$menuItems.not(".is-drilldown-submenu-parent").off("click.zf.drilldown").on("click.zf.drilldown",function(e){setTimeout(function(){t._hideAll()},0)})}},{key:"_show",value:function(t){t.children("[data-submenu]").addClass("is-active"),this.$element.trigger("open.zf.drilldown",[t])}},{key:"_hide",value:function(t){t.addClass("is-closing").one(Foundation.transitionend(t),function(){t.removeClass("is-active is-closing"),t.blur()}),t.trigger("hide.zf.drilldown",[t])}},{key:"_getMaxDims",value:function(){var e=0,i={};return this.$submenus.add(this.$element).each(function(){var i=t(this).children("li").length;e=i>e?i:e}),i["min-height"]=e*this.$menuItems[0].getBoundingClientRect().height+"px",i["max-width"]=this.$element[0].getBoundingClientRect().width+"px",i}},{key:"destroy",value:function(){this._hideAll(),Foundation.Nest.Burn(this.$element,"drilldown"),this.$element.unwrap().find(".js-drilldown-back, .is-submenu-parent-item").remove().end().find(".is-active, .is-closing, .is-drilldown-submenu").removeClass("is-active is-closing is-drilldown-submenu").end().find("[data-submenu]").removeAttr("aria-hidden tabindex role"),this.$submenuAnchors.each(function(){t(this).off(".zf.drilldown")}),this.$element.find("a").each(function(){var e=t(this);e.data("savedHref")&&e.attr("href",e.data("savedHref")).removeData("savedHref")}),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={backButton:'<li class="js-drilldown-back"><a tabindex="0">Back</a></li>',wrapper:"<div></div>",parentLink:!1,closeOnClick:!1},Foundation.plugin(e,"Drilldown")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Dropdown"),Foundation.Keyboard.register("Dropdown",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("id");this.$anchor=t('[data-toggle="'+e+'"]')||t('[data-open="'+e+'"]'),this.$anchor.attr({"aria-controls":e,"data-is-focus":!1,"data-yeti-box":e,"aria-haspopup":!0,"aria-expanded":!1}),this.options.positionClass=this.getPositionClass(),this.counter=4,this.usedPositions=[],this.$element.attr({"aria-hidden":"true","data-yeti-box":e,"data-resize":e,"aria-labelledby":this.$anchor[0].id||Foundation.GetYoDigits(6,"dd-anchor")}),this._events()}},{key:"getPositionClass",value:function(){var t=this.$element[0].className.match(/(top|left|right|bottom)/g);t=t?t[0]:"";var e=/float-(\S+)\s/.exec(this.$anchor[0].className);e=e?e[1]:"";var i=e?e+" "+t:t;return i}},{key:"_reposition",value:function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.$element.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.$element.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.$element.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):this.$element.removeClass(t),this.classChanged=!0,this.counter--}},{key:"_setPosition",value:function(){if("false"===this.$anchor.attr("aria-expanded"))return!1;var t=this.getPositionClass(),e=Foundation.Box.GetDimensions(this.$element),i=(Foundation.Box.GetDimensions(this.$anchor),"left"===t?"left":"right"===t?"left":"top"),n="top"===i?"height":"width";"height"===n?this.options.vOffset:this.options.hOffset;if(e.width>=e.windowDims.width||!this.counter&&!Foundation.Box.ImNotTouchingYou(this.$element))return this.$element.offset(Foundation.Box.GetOffsets(this.$element,this.$anchor,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:e.windowDims.width-2*this.options.hOffset,height:"auto"}),this.classChanged=!0,!1;for(this.$element.offset(Foundation.Box.GetOffsets(this.$element,this.$anchor,t,this.options.vOffset,this.options.hOffset));!Foundation.Box.ImNotTouchingYou(this.$element,!1,!0)&&this.counter;)this._reposition(t),this._setPosition()}},{key:"_events",value:function(){var e=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":this._setPosition.bind(this)}),this.options.hover&&(this.$anchor.off("mouseenter.zf.dropdown mouseleave.zf.dropdown").on("mouseenter.zf.dropdown",function(){clearTimeout(e.timeout),e.timeout=setTimeout(function(){e.open(),e.$anchor.data("hover",!0)},e.options.hoverDelay)}).on("mouseleave.zf.dropdown",function(){clearTimeout(e.timeout),e.timeout=setTimeout(function(){e.close(),e.$anchor.data("hover",!1)},e.options.hoverDelay)}),this.options.hoverPane&&this.$element.off("mouseenter.zf.dropdown mouseleave.zf.dropdown").on("mouseenter.zf.dropdown",function(){clearTimeout(e.timeout)}).on("mouseleave.zf.dropdown",function(){clearTimeout(e.timeout),e.timeout=setTimeout(function(){e.close(),e.$anchor.data("hover",!1)},e.options.hoverDelay)})),this.$anchor.add(this.$element).on("keydown.zf.dropdown",function(i){var n=t(this),s=Foundation.Keyboard.findFocusable(e.$element);Foundation.Keyboard.handleKey(i,"Dropdown",{tab_forward:function(){e.$element.find(":focus").is(s.eq(-1))&&(e.options.trapFocus?(s.eq(0).focus(),i.preventDefault()):e.close())},tab_backward:function(){(e.$element.find(":focus").is(s.eq(0))||e.$element.is(":focus"))&&(e.options.trapFocus?(s.eq(-1).focus(),i.preventDefault()):e.close())},open:function(){n.is(e.$anchor)&&(e.open(),e.$element.attr("tabindex",-1).focus(),i.preventDefault())},close:function(){e.close(),e.$anchor.focus()}})})}},{key:"_addBodyHandler",value:function(){var e=t(document.body).not(this.$element),i=this;e.off("click.zf.dropdown").on("click.zf.dropdown",function(t){i.$anchor.is(t.target)||i.$anchor.find(t.target).length||i.$element.find(t.target).length||(i.close(),e.off("click.zf.dropdown"))})}},{key:"open",value:function(){if(this.$element.trigger("closeme.zf.dropdown",this.$element.attr("id")),this.$anchor.addClass("hover").attr({"aria-expanded":!0}),this._setPosition(),this.$element.addClass("is-open").attr({"aria-hidden":!1}),this.options.autoFocus){var t=Foundation.Keyboard.findFocusable(this.$element);t.length&&t.eq(0).focus()}this.options.closeOnClick&&this._addBodyHandler(),this.$element.trigger("show.zf.dropdown",[this.$element])}},{key:"close",value:function(){if(!this.$element.hasClass("is-open"))return!1;if(this.$element.removeClass("is-open").attr({"aria-hidden":!0}),this.$anchor.removeClass("hover").attr("aria-expanded",!1),this.classChanged){var t=this.getPositionClass();t&&this.$element.removeClass(t),this.$element.addClass(this.options.positionClass).css({height:"",width:""}),this.classChanged=!1,this.counter=4,this.usedPositions.length=0}this.$element.trigger("hide.zf.dropdown",[this.$element])}},{key:"toggle",value:function(){if(this.$element.hasClass("is-open")){if(this.$anchor.data("hover"))return;this.close()}else this.open()}},{key:"destroy",value:function(){this.$element.off(".zf.trigger").hide(),this.$anchor.off(".zf.dropdown"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={hoverDelay:250,hover:!1,hoverPane:!1,vOffset:1,hOffset:1,positionClass:"",trapFocus:!1,autoFocus:!1,closeOnClick:!1},Foundation.plugin(e,"Dropdown")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"dropdown"),this._init(),Foundation.registerPlugin(this,"DropdownMenu"),Foundation.Keyboard.register("DropdownMenu",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close"})}return _createClass(e,[{key:"_init",value:function(){var t=this.$element.find("li.is-dropdown-submenu-parent");this.$element.children(".is-dropdown-submenu-parent").children(".is-dropdown-submenu").addClass("first-sub"),this.$menuItems=this.$element.find('[role="menuitem"]'),this.$tabs=this.$element.children('[role="menuitem"]'),this.$tabs.find("ul.is-dropdown-submenu").addClass(this.options.verticalClass),this.$element.hasClass(this.options.rightClass)||"right"===this.options.alignment||Foundation.rtl()||this.$element.parents(".top-bar-right").is("*")?(this.options.alignment="right",t.addClass("opens-left")):t.addClass("opens-right"),this.changed=!1,this._events()}},{key:"_events",value:function(){var e=this,i="ontouchstart"in window||"undefined"!=typeof window.ontouchstart,n="is-dropdown-submenu-parent",s=function(s){var o=t(s.target).parentsUntil("ul","."+n),a=o.hasClass(n),r="true"===o.attr("data-is-click");o.children(".is-dropdown-submenu");if(a)if(r){if(!e.options.closeOnClick||!e.options.clickOpen&&!i||e.options.forceFollow&&i)return;s.stopImmediatePropagation(),s.preventDefault(),e._hide(o)}else s.preventDefault(),s.stopImmediatePropagation(),e._show(o.children(".is-dropdown-submenu")),o.add(o.parentsUntil(e.$element,"."+n)).attr("data-is-click",!0)};(this.options.clickOpen||i)&&this.$menuItems.on("click.zf.dropdownmenu touchstart.zf.dropdownmenu",s),this.options.disableHover||this.$menuItems.on("mouseenter.zf.dropdownmenu",function(i){var s=t(this),o=s.hasClass(n);o&&(clearTimeout(e.delay),e.delay=setTimeout(function(){e._show(s.children(".is-dropdown-submenu"))},e.options.hoverDelay))}).on("mouseleave.zf.dropdownmenu",function(i){var s=t(this),o=s.hasClass(n);if(o&&e.options.autoclose){if("true"===s.attr("data-is-click")&&e.options.clickOpen)return!1;clearTimeout(e.delay),e.delay=setTimeout(function(){e._hide(s)},e.options.closingTime)}}),this.$menuItems.on("keydown.zf.dropdownmenu",function(i){var n,s,o=t(i.target).parentsUntil("ul",'[role="menuitem"]'),a=e.$tabs.index(o)>-1,r=a?e.$tabs:o.siblings("li").add(o);r.each(function(e){return t(this).is(o)?(n=r.eq(e-1),void(s=r.eq(e+1))):void 0});var l=function(){o.is(":last-child")||(s.children("a:first").focus(),i.preventDefault())},u=function(){n.children("a:first").focus(),i.preventDefault()},d=function(){var t=o.children("ul.is-dropdown-submenu");t.length&&(e._show(t),o.find("li > a:first").focus(),i.preventDefault())},h=function(){var t=o.parent("ul").parent("li");t.children("a:first").focus(),e._hide(t),i.preventDefault()},c={open:d,close:function(){e._hide(e.$element),e.$menuItems.find("a:first").focus(),i.preventDefault()},handled:function(){i.stopImmediatePropagation()}};a?e.$element.hasClass(e.options.verticalClass)?"left"===e.options.alignment?t.extend(c,{down:l,up:u,next:d,previous:h}):t.extend(c,{down:l,up:u,next:h,previous:d}):t.extend(c,{next:l,previous:u,down:d,up:h}):"left"===e.options.alignment?t.extend(c,{next:d,previous:h,down:l,up:u}):t.extend(c,{next:h,previous:d,down:l,up:u}),Foundation.Keyboard.handleKey(i,"DropdownMenu",c)})}},{key:"_addBodyHandler",value:function(){var e=t(document.body),i=this;e.off("mouseup.zf.dropdownmenu touchend.zf.dropdownmenu").on("mouseup.zf.dropdownmenu touchend.zf.dropdownmenu",function(t){var n=i.$element.find(t.target);n.length||(i._hide(),e.off("mouseup.zf.dropdownmenu touchend.zf.dropdownmenu"))})}},{key:"_show",value:function(e){var i=this.$tabs.index(this.$tabs.filter(function(i,n){return t(n).find(e).length>0})),n=e.parent("li.is-dropdown-submenu-parent").siblings("li.is-dropdown-submenu-parent");this._hide(n,i),e.css("visibility","hidden").addClass("js-dropdown-active").attr({"aria-hidden":!1}).parent("li.is-dropdown-submenu-parent").addClass("is-active").attr({"aria-expanded":!0});var s=Foundation.Box.ImNotTouchingYou(e,null,!0);if(!s){var o="left"===this.options.alignment?"-right":"-left",a=e.parent(".is-dropdown-submenu-parent");a.removeClass("opens"+o).addClass("opens-"+this.options.alignment),s=Foundation.Box.ImNotTouchingYou(e,null,!0),s||a.removeClass("opens-"+this.options.alignment).addClass("opens-inner"),this.changed=!0}e.css("visibility",""),this.options.closeOnClick&&this._addBodyHandler(),this.$element.trigger("show.zf.dropdownmenu",[e])}},{key:"_hide",value:function(t,e){var i;i=t&&t.length?t:void 0!==e?this.$tabs.not(function(t,i){return t===e}):this.$element;var n=i.hasClass("is-active")||i.find(".is-active").length>0;if(n){if(i.find("li.is-active").add(i).attr({"aria-expanded":!1,"data-is-click":!1}).removeClass("is-active"),i.find("ul.js-dropdown-active").attr({"aria-hidden":!0}).removeClass("js-dropdown-active"),this.changed||i.find("opens-inner").length){var s="left"===this.options.alignment?"right":"left";i.find("li.is-dropdown-submenu-parent").add(i).removeClass("opens-inner opens-"+this.options.alignment).addClass("opens-"+s),this.changed=!1}this.$element.trigger("hide.zf.dropdownmenu",[i])}}},{key:"destroy",value:function(){this.$menuItems.off(".zf.dropdownmenu").removeAttr("data-is-click").removeClass("is-right-arrow is-left-arrow is-down-arrow opens-right opens-left opens-inner"),t(document.body).off(".zf.dropdownmenu"),Foundation.Nest.Burn(this.$element,"dropdown"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={disableHover:!1,autoclose:!0,hoverDelay:50,clickOpen:!1,closingTime:500,alignment:"left",closeOnClick:!0,verticalClass:"vertical",rightClass:"align-right",forceFollow:!0},Foundation.plugin(e,"DropdownMenu")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Equalizer")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("data-equalizer")||"",i=this.$element.find('[data-equalizer-watch="'+e+'"]');this.$watched=i.length?i:this.$element.find("[data-equalizer-watch]"),this.$element.attr("data-resize",e||Foundation.GetYoDigits(6,"eq")),this.hasNested=this.$element.find("[data-equalizer]").length>0,this.isNested=this.$element.parentsUntil(document.body,"[data-equalizer]").length>0,this.isOn=!1,this._bindHandler={onResizeMeBound:this._onResizeMe.bind(this),onPostEqualizedBound:this._onPostEqualized.bind(this)};var n,s=this.$element.find("img");this.options.equalizeOn?(n=this._checkMQ(),t(window).on("changed.zf.mediaquery",this._checkMQ.bind(this))):this._events(),(void 0!==n&&n===!1||void 0===n)&&(s.length?Foundation.onImagesLoaded(s,this._reflow.bind(this)):this._reflow())}},{key:"_pauseEvents",value:function(){this.isOn=!1,this.$element.off({".zf.equalizer":this._bindHandler.onPostEqualizedBound,"resizeme.zf.trigger":this._bindHandler.onResizeMeBound})}},{key:"_onResizeMe",value:function(t){this._reflow()}},{key:"_onPostEqualized",value:function(t){t.target!==this.$element[0]&&this._reflow()}},{key:"_events",value:function(){this._pauseEvents(),this.hasNested?this.$element.on("postequalized.zf.equalizer",this._bindHandler.onPostEqualizedBound):this.$element.on("resizeme.zf.trigger",this._bindHandler.onResizeMeBound),this.isOn=!0}},{key:"_checkMQ",value:function(){var t=!Foundation.MediaQuery.atLeast(this.options.equalizeOn);return t?this.isOn&&(this._pauseEvents(),this.$watched.css("height","auto")):this.isOn||this._events(),t}},{key:"_killswitch",value:function(){}},{key:"_reflow",value:function(){return!this.options.equalizeOnStack&&this._isStacked()?(this.$watched.css("height","auto"),!1):void(this.options.equalizeByRow?this.getHeightsByRow(this.applyHeightByRow.bind(this)):this.getHeights(this.applyHeight.bind(this)))}},{key:"_isStacked",value:function(){return this.$watched[0].getBoundingClientRect().top!==this.$watched[1].getBoundingClientRect().top}},{key:"getHeights",value:function(t){for(var e=[],i=0,n=this.$watched.length;n>i;i++)this.$watched[i].style.height="auto",e.push(this.$watched[i].offsetHeight);t(e)}},{key:"getHeightsByRow",value:function(e){var i=this.$watched.length?this.$watched.first().offset().top:0,n=[],s=0;n[s]=[];for(var o=0,a=this.$watched.length;a>o;o++){this.$watched[o].style.height="auto";var r=t(this.$watched[o]).offset().top;r!=i&&(s++,n[s]=[],i=r),n[s].push([this.$watched[o],this.$watched[o].offsetHeight])}for(var l=0,u=n.length;u>l;l++){var d=t(n[l]).map(function(){return this[1]}).get(),h=Math.max.apply(null,d);n[l].push(h)}e(n)}},{key:"applyHeight",value:function(t){var e=Math.max.apply(null,t);this.$element.trigger("preequalized.zf.equalizer"),this.$watched.css("height",e),this.$element.trigger("postequalized.zf.equalizer")}},{key:"applyHeightByRow",value:function(e){this.$element.trigger("preequalized.zf.equalizer");for(var i=0,n=e.length;n>i;i++){var s=e[i].length,o=e[i][s-1];if(2>=s)t(e[i][0][0]).css({height:"auto"});else{this.$element.trigger("preequalizedrow.zf.equalizer");for(var a=0,r=s-1;r>a;a++)t(e[i][a][0]).css({height:o});this.$element.trigger("postequalizedrow.zf.equalizer")}}this.$element.trigger("postequalized.zf.equalizer")}},{key:"destroy",value:function(){this._pauseEvents(),this.$watched.css("height","auto"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={equalizeOnStack:!0,equalizeByRow:!1,equalizeOn:""},Foundation.plugin(e,"Equalizer")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,n),this.rules=[],this.currentPath="",this._init(),this._events(),Foundation.registerPlugin(this,"Interchange")}return _createClass(e,[{key:"_init",value:function(){this._addBreakpoints(),this._generateRules(),this._reflow()}},{key:"_events",value:function(){t(window).on("resize.zf.interchange",Foundation.util.throttle(this._reflow.bind(this),50))}},{key:"_reflow",value:function(){var t;for(var e in this.rules)if(this.rules.hasOwnProperty(e)){var i=this.rules[e];window.matchMedia(i.query).matches&&(t=i)}t&&this.replace(t.path)}},{key:"_addBreakpoints",value:function(){for(var t in Foundation.MediaQuery.queries)if(Foundation.MediaQuery.queries.hasOwnProperty(t)){var i=Foundation.MediaQuery.queries[t];e.SPECIAL_QUERIES[i.name]=i.value}}},{key:"_generateRules",value:function(t){var i,n=[];i=this.options.rules?this.options.rules:this.$element.data("interchange").match(/\[.*?\]/g);for(var s in i)if(i.hasOwnProperty(s)){var o=i[s].slice(1,-1).split(", "),a=o.slice(0,-1).join(""),r=o[o.length-1];e.SPECIAL_QUERIES[r]&&(r=e.SPECIAL_QUERIES[r]),n.push({path:a,query:r})}this.rules=n}},{key:"replace",value:function(e){if(this.currentPath!==e){var i=this,n="replaced.zf.interchange";"IMG"===this.$element[0].nodeName?this.$element.attr("src",e).load(function(){i.currentPath=e}).trigger(n):e.match(/\.(gif|jpg|jpeg|png|svg|tiff)([?#].*)?/i)?this.$element.css({"background-image":"url("+e+")"}).trigger(n):t.get(e,function(s){i.$element.html(s).trigger(n),t(s).foundation(),i.currentPath=e})}}},{key:"destroy",value:function(){}}]),e}();e.defaults={rules:null},e.SPECIAL_QUERIES={landscape:"screen and (orientation: landscape)",portrait:"screen and (orientation: portrait)",retina:"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)"},Foundation.plugin(e,"Interchange")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Magellan")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element[0].id||Foundation.GetYoDigits(6,"magellan");this.$targets=t("[data-magellan-target]"),this.$links=this.$element.find("a"),this.$element.attr({"data-resize":e,"data-scroll":e,id:e}),this.$active=t(),this.scrollPos=parseInt(window.pageYOffset,10),this._events()}},{key:"calcPoints",value:function(){var e=this,i=document.body,n=document.documentElement;this.points=[],this.winHeight=Math.round(Math.max(window.innerHeight,n.clientHeight)),this.docHeight=Math.round(Math.max(i.scrollHeight,i.offsetHeight,n.clientHeight,n.scrollHeight,n.offsetHeight)),this.$targets.each(function(){var i=t(this),n=Math.round(i.offset().top-e.options.threshold);i.targetPoint=n,e.points.push(n)})}},{key:"_events",value:function(){var e=this;t("html, body"),{duration:e.options.animationDuration,easing:e.options.animationEasing};t(window).one("load",function(){e.options.deepLinking&&location.hash&&e.scrollToLoc(location.hash),e.calcPoints(),e._updateActive()}),this.$element.on({"resizeme.zf.trigger":this.reflow.bind(this),"scrollme.zf.trigger":this._updateActive.bind(this)}).on("click.zf.magellan",'a[href^="#"]',function(t){t.preventDefault();var i=this.getAttribute("href");e.scrollToLoc(i)})}},{key:"scrollToLoc",value:function(e){var i=Math.round(t(e).offset().top-this.options.threshold/2-this.options.barOffset);t("html, body").stop(!0).animate({scrollTop:i},this.options.animationDuration,this.options.animationEasing)}},{key:"reflow",value:function(){this.calcPoints(),this._updateActive()}},{key:"_updateActive",value:function(){var t,e=parseInt(window.pageYOffset,10);if(e+this.winHeight===this.docHeight)t=this.points.length-1;else if(e<this.points[0])t=0;else{var i=this.scrollPos<e,n=this,s=this.points.filter(function(t,s){return i?t-n.options.barOffset<=e:t-n.options.barOffset-n.options.threshold<=e});t=s.length?s.length-1:0}if(this.$active.removeClass(this.options.activeClass),this.$active=this.$links.eq(t).addClass(this.options.activeClass),this.options.deepLinking){var o=this.$active[0].getAttribute("href");window.history.pushState?window.history.pushState(null,null,o):window.location.hash=o}this.scrollPos=e,this.$element.trigger("update.zf.magellan",[this.$active])}},{key:"destroy",value:function(){if(this.$element.off(".zf.trigger .zf.magellan").find("."+this.options.activeClass).removeClass(this.options.activeClass),this.options.deepLinking){var t=this.$active[0].getAttribute("href");window.location.hash.replace(t,"")}Foundation.unregisterPlugin(this)}}]),e}();e.defaults={animationDuration:500,animationEasing:"linear",threshold:50,activeClass:"active",deepLinking:!1,barOffset:0},Foundation.plugin(e,"Magellan")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this.$lastTrigger=t(),this.$triggers=t(),this._init(),this._events(),Foundation.registerPlugin(this,"OffCanvas")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("id");if(this.$element.attr("aria-hidden","true"),this.$triggers=t(document).find('[data-open="'+e+'"], [data-close="'+e+'"], [data-toggle="'+e+'"]').attr("aria-expanded","false").attr("aria-controls",e),this.options.closeOnClick)if(t(".js-off-canvas-exit").length)this.$exiter=t(".js-off-canvas-exit");else{var i=document.createElement("div");i.setAttribute("class","js-off-canvas-exit"),t("[data-off-canvas-content]").append(i),this.$exiter=t(i)}this.options.isRevealed=this.options.isRevealed||new RegExp(this.options.revealClass,"g").test(this.$element[0].className),this.options.isRevealed&&(this.options.revealOn=this.options.revealOn||this.$element[0].className.match(/(reveal-for-medium|reveal-for-large)/g)[0].split("-")[2],this._setMQChecker()),this.options.transitionTime||(this.options.transitionTime=1e3*parseFloat(window.getComputedStyle(t("[data-off-canvas-wrapper]")[0]).transitionDuration))}},{key:"_events",value:function(){this.$element.off(".zf.trigger .zf.offcanvas").on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"keydown.zf.offcanvas":this._handleKeyboard.bind(this)}),this.options.closeOnClick&&this.$exiter.length&&this.$exiter.on({
-"click.zf.offcanvas":this.close.bind(this)})}},{key:"_setMQChecker",value:function(){var e=this;t(window).on("changed.zf.mediaquery",function(){Foundation.MediaQuery.atLeast(e.options.revealOn)?e.reveal(!0):e.reveal(!1)}).one("load.zf.offcanvas",function(){Foundation.MediaQuery.atLeast(e.options.revealOn)&&e.reveal(!0)})}},{key:"reveal",value:function(t){var e=this.$element.find("[data-close]");t?(this.close(),this.isRevealed=!0,this.$element.off("open.zf.trigger toggle.zf.trigger"),e.length&&e.hide()):(this.isRevealed=!1,this.$element.on({"open.zf.trigger":this.open.bind(this),"toggle.zf.trigger":this.toggle.bind(this)}),e.length&&e.show())}},{key:"open",value:function(e,i){if(!this.$element.hasClass("is-open")&&!this.isRevealed){var n=this;t(document.body);this.options.forceTop&&t("body").scrollTop(0),Foundation.Move(this.options.transitionTime,this.$element,function(){t("[data-off-canvas-wrapper]").addClass("is-off-canvas-open is-open-"+n.options.position),n.$element.addClass("is-open")}),this.$triggers.attr("aria-expanded","true"),this.$element.attr("aria-hidden","false").trigger("opened.zf.offcanvas"),this.options.closeOnClick&&this.$exiter.addClass("is-visible"),i&&(this.$lastTrigger=i),this.options.autoFocus&&this.$element.one(Foundation.transitionend(this.$element),function(){n.$element.find("a, button").eq(0).focus()}),this.options.trapFocus&&(t("[data-off-canvas-content]").attr("tabindex","-1"),this._trapFocus())}}},{key:"_trapFocus",value:function(){var t=Foundation.Keyboard.findFocusable(this.$element),e=t.eq(0),i=t.eq(-1);t.off(".zf.offcanvas").on("keydown.zf.offcanvas",function(t){9!==t.which&&9!==t.keycode||(t.target!==i[0]||t.shiftKey||(t.preventDefault(),e.focus()),t.target===e[0]&&t.shiftKey&&(t.preventDefault(),i.focus()))})}},{key:"close",value:function(e){if(this.$element.hasClass("is-open")&&!this.isRevealed){var i=this;t("[data-off-canvas-wrapper]").removeClass("is-off-canvas-open is-open-"+i.options.position),i.$element.removeClass("is-open"),this.$element.attr("aria-hidden","true").trigger("closed.zf.offcanvas"),this.options.closeOnClick&&this.$exiter.removeClass("is-visible"),this.$triggers.attr("aria-expanded","false"),this.options.trapFocus&&t("[data-off-canvas-content]").removeAttr("tabindex")}}},{key:"toggle",value:function(t,e){this.$element.hasClass("is-open")?this.close(t,e):this.open(t,e)}},{key:"_handleKeyboard",value:function(t){27===t.which&&(t.stopPropagation(),t.preventDefault(),this.close(),this.$lastTrigger.focus())}},{key:"destroy",value:function(){this.close(),this.$element.off(".zf.trigger .zf.offcanvas"),this.$exiter.off(".zf.offcanvas"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={closeOnClick:!0,transitionTime:0,position:"left",forceTop:!0,isRevealed:!1,revealOn:null,autoFocus:!0,revealClass:"reveal-for-",trapFocus:!1},Foundation.plugin(e,"OffCanvas")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Orbit"),Foundation.Keyboard.register("Orbit",{ltr:{ARROW_RIGHT:"next",ARROW_LEFT:"previous"},rtl:{ARROW_LEFT:"next",ARROW_RIGHT:"previous"}})}return _createClass(e,[{key:"_init",value:function(){this.$wrapper=this.$element.find("."+this.options.containerClass),this.$slides=this.$element.find("."+this.options.slideClass);var t=this.$element.find("img"),e=this.$slides.filter(".is-active");e.length||this.$slides.eq(0).addClass("is-active"),this.options.useMUI||this.$slides.addClass("no-motionui"),t.length?Foundation.onImagesLoaded(t,this._prepareForOrbit.bind(this)):this._prepareForOrbit(),this.options.bullets&&this._loadBullets(),this._events(),this.options.autoPlay&&this.$slides.length>1&&this.geoSync(),this.options.accessible&&this.$wrapper.attr("tabindex",0)}},{key:"_loadBullets",value:function(){this.$bullets=this.$element.find("."+this.options.boxOfBullets).find("button")}},{key:"geoSync",value:function(){var t=this;this.timer=new Foundation.Timer(this.$element,{duration:this.options.timerDelay,infinite:!1},function(){t.changeSlide(!0)}),this.timer.start()}},{key:"_prepareForOrbit",value:function(){var t=this;this._setWrapperHeight(function(e){t._setSlideHeight(e)})}},{key:"_setWrapperHeight",value:function(e){var i,n=0,s=0;this.$slides.each(function(){i=this.getBoundingClientRect().height,t(this).attr("data-slide",s),s&&t(this).css({position:"relative",display:"none"}),n=i>n?i:n,s++}),s===this.$slides.length&&(this.$wrapper.css({height:n}),e(n))}},{key:"_setSlideHeight",value:function(e){this.$slides.each(function(){t(this).css("max-height",e)})}},{key:"_events",value:function(){var e=this;if(this.$slides.length>1){if(this.options.swipe&&this.$slides.off("swipeleft.zf.orbit swiperight.zf.orbit").on("swipeleft.zf.orbit",function(t){t.preventDefault(),e.changeSlide(!0)}).on("swiperight.zf.orbit",function(t){t.preventDefault(),e.changeSlide(!1)}),this.options.autoPlay&&(this.$slides.on("click.zf.orbit",function(){e.$element.data("clickedOn",!e.$element.data("clickedOn")),e.timer[e.$element.data("clickedOn")?"pause":"start"]()}),this.options.pauseOnHover&&this.$element.on("mouseenter.zf.orbit",function(){e.timer.pause()}).on("mouseleave.zf.orbit",function(){e.$element.data("clickedOn")||e.timer.start()})),this.options.navButtons){var i=this.$element.find("."+this.options.nextClass+", ."+this.options.prevClass);i.attr("tabindex",0).on("click.zf.orbit touchend.zf.orbit",function(i){i.preventDefault(),e.changeSlide(t(this).hasClass(e.options.nextClass))})}this.options.bullets&&this.$bullets.on("click.zf.orbit touchend.zf.orbit",function(){if(/is-active/g.test(this.className))return!1;var i=t(this).data("slide"),n=i>e.$slides.filter(".is-active").data("slide"),s=e.$slides.eq(i);e.changeSlide(n,s,i)}),this.$wrapper.add(this.$bullets).on("keydown.zf.orbit",function(i){Foundation.Keyboard.handleKey(i,"Orbit",{next:function(){e.changeSlide(!0)},previous:function(){e.changeSlide(!1)},handled:function(){t(i.target).is(e.$bullets)&&e.$bullets.filter(".is-active").focus()}})})}}},{key:"changeSlide",value:function(t,e,i){var n=this.$slides.filter(".is-active").eq(0);if(/mui/g.test(n[0].className))return!1;var s,o=this.$slides.first(),a=this.$slides.last(),r=t?"Right":"Left",l=t?"Left":"Right",u=this;s=e?e:t?this.options.infiniteWrap?n.next("."+this.options.slideClass).length?n.next("."+this.options.slideClass):o:n.next("."+this.options.slideClass):this.options.infiniteWrap?n.prev("."+this.options.slideClass).length?n.prev("."+this.options.slideClass):a:n.prev("."+this.options.slideClass),s.length&&(this.options.bullets&&(i=i||this.$slides.index(s),this._updateBullets(i)),this.options.useMUI?(Foundation.Motion.animateIn(s.addClass("is-active").css({position:"absolute",top:0}),this.options["animInFrom"+r],function(){s.css({position:"relative",display:"block"}).attr("aria-live","polite")}),Foundation.Motion.animateOut(n.removeClass("is-active"),this.options["animOutTo"+l],function(){n.removeAttr("aria-live"),u.options.autoPlay&&!u.timer.isPaused&&u.timer.restart()})):(n.removeClass("is-active is-in").removeAttr("aria-live").hide(),s.addClass("is-active is-in").attr("aria-live","polite").show(),this.options.autoPlay&&!this.timer.isPaused&&this.timer.restart()),this.$element.trigger("slidechange.zf.orbit",[s]))}},{key:"_updateBullets",value:function(t){var e=this.$element.find("."+this.options.boxOfBullets).find(".is-active").removeClass("is-active").blur(),i=e.find("span:last").detach();this.$bullets.eq(t).addClass("is-active").append(i)}},{key:"destroy",value:function(){this.$element.off(".zf.orbit").find("*").off(".zf.orbit").end().hide(),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={bullets:!0,navButtons:!0,animInFromRight:"slide-in-right",animOutToRight:"slide-out-right",animInFromLeft:"slide-in-left",animOutToLeft:"slide-out-left",autoPlay:!0,timerDelay:5e3,infiniteWrap:!0,swipe:!0,pauseOnHover:!0,accessible:!0,containerClass:"orbit-container",slideClass:"orbit-slide",boxOfBullets:"orbit-bullets",nextClass:"orbit-next",prevClass:"orbit-previous",useMUI:!0},Foundation.plugin(e,"Orbit")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=t(i),this.rules=this.$element.data("responsive-menu"),this.currentMq=null,this.currentPlugin=null,this._init(),this._events(),Foundation.registerPlugin(this,"ResponsiveMenu")}return _createClass(e,[{key:"_init",value:function(){if("string"==typeof this.rules){for(var e={},n=this.rules.split(" "),s=0;s<n.length;s++){var o=n[s].split("-"),a=o.length>1?o[0]:"small",r=o.length>1?o[1]:o[0];null!==i[r]&&(e[a]=i[r])}this.rules=e}t.isEmptyObject(this.rules)||this._checkMediaQueries()}},{key:"_events",value:function(){var e=this;t(window).on("changed.zf.mediaquery",function(){e._checkMediaQueries()})}},{key:"_checkMediaQueries",value:function(){var e,n=this;t.each(this.rules,function(t){Foundation.MediaQuery.atLeast(t)&&(e=t)}),e&&(this.currentPlugin instanceof this.rules[e].plugin||(t.each(i,function(t,e){n.$element.removeClass(e.cssClass)}),this.$element.addClass(this.rules[e].cssClass),this.currentPlugin&&this.currentPlugin.destroy(),this.currentPlugin=new this.rules[e].plugin(this.$element,{})))}},{key:"destroy",value:function(){this.currentPlugin.destroy(),t(window).off(".zf.ResponsiveMenu"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={};var i={dropdown:{cssClass:"dropdown",plugin:Foundation._plugins["dropdown-menu"]||null},drilldown:{cssClass:"drilldown",plugin:Foundation._plugins.drilldown||null},accordion:{cssClass:"accordion-menu",plugin:Foundation._plugins["accordion-menu"]||null}};Foundation.plugin(e,"ResponsiveMenu")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=t(i),this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),this._events(),Foundation.registerPlugin(this,"ResponsiveToggle")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.data("responsive-toggle");e||console.error("Your tab bar needs an ID of a Menu as the value of data-tab-bar."),this.$targetMenu=t("#"+e),this.$toggler=this.$element.find("[data-toggle]"),this._update()}},{key:"_events",value:function(){this._updateMqHandler=this._update.bind(this),t(window).on("changed.zf.mediaquery",this._updateMqHandler),this.$toggler.on("click.zf.responsiveToggle",this.toggleMenu.bind(this))}},{key:"_update",value:function(){Foundation.MediaQuery.atLeast(this.options.hideFor)?(this.$element.hide(),this.$targetMenu.show()):(this.$element.show(),this.$targetMenu.hide())}},{key:"toggleMenu",value:function(){Foundation.MediaQuery.atLeast(this.options.hideFor)||(this.$targetMenu.toggle(0),this.$element.trigger("toggled.zf.responsiveToggle"))}},{key:"destroy",value:function(){this.$element.off(".zf.responsiveToggle"),this.$toggler.off(".zf.responsiveToggle"),t(window).off("changed.zf.mediaquery",this._updateMqHandler),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={hideFor:"medium"},Foundation.plugin(e,"ResponsiveToggle")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){function e(){return/iP(ad|hone|od).*OS/.test(window.navigator.userAgent)}function i(){return/Android/.test(window.navigator.userAgent)}function n(){return e()||i()}var s=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Reveal"),Foundation.Keyboard.register("Reveal",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}return _createClass(e,[{key:"_init",value:function(){this.id=this.$element.attr("id"),this.isActive=!1,this.cached={mq:Foundation.MediaQuery.current},this.isMobile=n(),this.$anchor=t(t('[data-open="'+this.id+'"]').length?'[data-open="'+this.id+'"]':'[data-toggle="'+this.id+'"]'),this.$anchor.attr({"aria-controls":this.id,"aria-haspopup":!0,tabindex:0}),(this.options.fullScreen||this.$element.hasClass("full"))&&(this.options.fullScreen=!0,this.options.overlay=!1),this.options.overlay&&!this.$overlay&&(this.$overlay=this._makeOverlay(this.id)),this.$element.attr({role:"dialog","aria-hidden":!0,"data-yeti-box":this.id,"data-resize":this.id}),this.$overlay?this.$element.detach().appendTo(this.$overlay):(this.$element.detach().appendTo(t("body")),this.$element.addClass("without-overlay")),this._events(),this.options.deepLink&&window.location.hash==="#"+this.id&&t(window).one("load.zf.reveal",this.open.bind(this))}},{key:"_makeOverlay",value:function(e){var i=t("<div></div>").addClass("reveal-overlay").appendTo("body");return i}},{key:"_updatePosition",value:function(){var e,i,n=this.$element.outerWidth(),s=t(window).width(),o=this.$element.outerHeight(),a=t(window).height();e="auto"===this.options.hOffset?parseInt((s-n)/2,10):parseInt(this.options.hOffset,10),i="auto"===this.options.vOffset?o>a?parseInt(Math.min(100,a/10),10):parseInt((a-o)/4,10):parseInt(this.options.vOffset,10),this.$element.css({top:i+"px"}),this.$overlay&&"auto"===this.options.hOffset||(this.$element.css({left:e+"px"}),this.$element.css({margin:"0px"}))}},{key:"_events",value:function(){var e=this,i=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":function(n,s){return n.target===i.$element[0]||t(n.target).parents("[data-closable]")[0]===s?e.close.apply(e):void 0},"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":function(){i._updatePosition()}}),this.$anchor.length&&this.$anchor.on("keydown.zf.reveal",function(t){13!==t.which&&32!==t.which||(t.stopPropagation(),t.preventDefault(),i.open())}),this.options.closeOnClick&&this.options.overlay&&this.$overlay.off(".zf.reveal").on("click.zf.reveal",function(e){e.target===i.$element[0]||t.contains(i.$element[0],e.target)||i.close()}),this.options.deepLink&&t(window).on("popstate.zf.reveal:"+this.id,this._handleState.bind(this))}},{key:"_handleState",value:function(t){window.location.hash!=="#"+this.id||this.isActive?this.close():this.open()}},{key:"open",value:function(){var e=this;if(this.options.deepLink){var i="#"+this.id;window.history.pushState?window.history.pushState(null,null,i):window.location.hash=i}if(this.isActive=!0,this.$element.css({visibility:"hidden"}).show().scrollTop(0),this.options.overlay&&this.$overlay.css({visibility:"hidden"}).show(),this._updatePosition(),this.$element.hide().css({visibility:""}),this.$overlay&&(this.$overlay.css({visibility:""}).hide(),this.$element.hasClass("fast")?this.$overlay.addClass("fast"):this.$element.hasClass("slow")&&this.$overlay.addClass("slow")),this.options.multipleOpened||this.$element.trigger("closeme.zf.reveal",this.id),this.options.animationIn){var n;!function(){var t=function(){n.$element.attr({"aria-hidden":!1,tabindex:-1}).focus(),console.log("focus")};n=e,e.options.overlay&&Foundation.Motion.animateIn(e.$overlay,"fade-in"),Foundation.Motion.animateIn(e.$element,e.options.animationIn,function(){e.focusableElements=Foundation.Keyboard.findFocusable(e.$element),t()})}()}else this.options.overlay&&this.$overlay.show(0),this.$element.show(this.options.showDelay);this.$element.attr({"aria-hidden":!1,tabindex:-1}).focus(),this.$element.trigger("open.zf.reveal"),this.isMobile?(this.originalScrollPos=window.pageYOffset,t("html, body").addClass("is-reveal-open")):t("body").addClass("is-reveal-open"),setTimeout(function(){e._extraHandlers()},0)}},{key:"_extraHandlers",value:function(){var e=this;this.focusableElements=Foundation.Keyboard.findFocusable(this.$element),this.options.overlay||!this.options.closeOnClick||this.options.fullScreen||t("body").on("click.zf.reveal",function(i){i.target===e.$element[0]||t.contains(e.$element[0],i.target)||e.close()}),this.options.closeOnEsc&&t(window).on("keydown.zf.reveal",function(t){Foundation.Keyboard.handleKey(t,"Reveal",{close:function(){e.options.closeOnEsc&&(e.close(),e.$anchor.focus())}})}),this.$element.on("keydown.zf.reveal",function(i){var n=t(this);Foundation.Keyboard.handleKey(i,"Reveal",{tab_forward:function(){return e.$element.find(":focus").is(e.focusableElements.eq(-1))?(e.focusableElements.eq(0).focus(),!0):0===e.focusableElements.length?!0:void 0},tab_backward:function(){return e.$element.find(":focus").is(e.focusableElements.eq(0))||e.$element.is(":focus")?(e.focusableElements.eq(-1).focus(),!0):0===e.focusableElements.length?!0:void 0},open:function(){e.$element.find(":focus").is(e.$element.find("[data-close]"))?setTimeout(function(){e.$anchor.focus()},1):n.is(e.focusableElements)&&e.open()},close:function(){e.options.closeOnEsc&&(e.close(),e.$anchor.focus())},handled:function(t){t&&i.preventDefault()}})})}},{key:"close",value:function(){function e(){i.isMobile?(t("html, body").removeClass("is-reveal-open"),i.originalScrollPos&&(t("body").scrollTop(i.originalScrollPos),i.originalScrollPos=null)):t("body").removeClass("is-reveal-open"),i.$element.attr("aria-hidden",!0),i.$element.trigger("closed.zf.reveal")}if(!this.isActive||!this.$element.is(":visible"))return!1;var i=this;this.options.animationOut?(this.options.overlay?Foundation.Motion.animateOut(this.$overlay,"fade-out",e):e(),Foundation.Motion.animateOut(this.$element,this.options.animationOut)):(this.options.overlay?this.$overlay.hide(0,e):e(),this.$element.hide(this.options.hideDelay)),this.options.closeOnEsc&&t(window).off("keydown.zf.reveal"),!this.options.overlay&&this.options.closeOnClick&&t("body").off("click.zf.reveal"),this.$element.off("keydown.zf.reveal"),this.options.resetOnClose&&this.$element.html(this.$element.html()),this.isActive=!1,i.options.deepLink&&(window.history.replaceState?window.history.replaceState("",document.title,window.location.pathname):window.location.hash="")}},{key:"toggle",value:function(){this.isActive?this.close():this.open()}},{key:"destroy",value:function(){this.options.overlay&&(this.$element.appendTo(t("body")),this.$overlay.hide().off().remove()),this.$element.hide().off(),this.$anchor.off(".zf"),t(window).off(".zf.reveal:"+this.id),Foundation.unregisterPlugin(this)}}]),e}();s.defaults={animationIn:"",animationOut:"",showDelay:0,hideDelay:0,closeOnClick:!0,closeOnEsc:!0,multipleOpened:!1,vOffset:"auto",hOffset:"auto",fullScreen:!1,btmOffsetPct:10,overlay:!0,resetOnClose:!1,deepLink:!1},Foundation.plugin(s,"Reveal")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){function e(t,e){return t/e}function i(t,e,i,n){return Math.abs(t.position()[e]+t[n]()/2-i)}var n=function(){function n(e,i){_classCallCheck(this,n),this.$element=e,this.options=t.extend({},n.defaults,this.$element.data(),i),this._init(),Foundation.registerPlugin(this,"Slider"),Foundation.Keyboard.register("Slider",{ltr:{ARROW_RIGHT:"increase",ARROW_UP:"increase",ARROW_DOWN:"decrease",ARROW_LEFT:"decrease",SHIFT_ARROW_RIGHT:"increase_fast",SHIFT_ARROW_UP:"increase_fast",SHIFT_ARROW_DOWN:"decrease_fast",SHIFT_ARROW_LEFT:"decrease_fast"},rtl:{ARROW_LEFT:"increase",ARROW_RIGHT:"decrease",SHIFT_ARROW_LEFT:"increase_fast",SHIFT_ARROW_RIGHT:"decrease_fast"}})}return _createClass(n,[{key:"_init",value:function(){this.inputs=this.$element.find("input"),this.handles=this.$element.find("[data-slider-handle]"),this.$handle=this.handles.eq(0),this.$input=this.inputs.length?this.inputs.eq(0):t("#"+this.$handle.attr("aria-controls")),this.$fill=this.$element.find("[data-slider-fill]").css(this.options.vertical?"height":"width",0);var e=!1,i=this;(this.options.disabled||this.$element.hasClass(this.options.disabledClass))&&(this.options.disabled=!0,this.$element.addClass(this.options.disabledClass)),this.inputs.length||(this.inputs=t().add(this.$input),this.options.binding=!0),this._setInitAttr(0),this._events(this.$handle),this.handles[1]&&(this.options.doubleSided=!0,this.$handle2=this.handles.eq(1),this.$input2=this.inputs.length>1?this.inputs.eq(1):t("#"+this.$handle2.attr("aria-controls")),this.inputs[1]||(this.inputs=this.inputs.add(this.$input2)),e=!0,this._setHandlePos(this.$handle,this.options.initialStart,!0,function(){i._setHandlePos(i.$handle2,i.options.initialEnd,!0)}),this._setInitAttr(1),this._events(this.$handle2)),e||this._setHandlePos(this.$handle,this.options.initialStart,!0)}},{key:"_setHandlePos",value:function(t,i,n,s){if(!this.$element.hasClass(this.options.disabledClass)){i=parseFloat(i),i<this.options.start?i=this.options.start:i>this.options.end&&(i=this.options.end);var o=this.options.doubleSided;if(o)if(0===this.handles.index(t)){var a=parseFloat(this.$handle2.attr("aria-valuenow"));i=i>=a?a-this.options.step:i}else{var r=parseFloat(this.$handle.attr("aria-valuenow"));i=r>=i?r+this.options.step:i}this.options.vertical&&!n&&(i=this.options.end-i);var l=this,u=this.options.vertical,d=u?"height":"width",h=u?"top":"left",c=t[0].getBoundingClientRect()[d],f=this.$element[0].getBoundingClientRect()[d],p=e(i-this.options.start,this.options.end-this.options.start).toFixed(2),m=(f-c)*p,v=(100*e(m,f)).toFixed(this.options.decimal);i=parseFloat(i.toFixed(this.options.decimal));var g={};if(this._setValues(t,i),o){var w,y=0===this.handles.index(t),b=~~(100*e(c,f));if(y)g[h]=v+"%",w=parseFloat(this.$handle2[0].style[h])-v+b,s&&"function"==typeof s&&s();else{var $=parseFloat(this.$handle[0].style[h]);w=v-(isNaN($)?this.options.initialStart/((this.options.end-this.options.start)/100):$)+b}g["min-"+d]=w+"%"}this.$element.one("finished.zf.animate",function(){l.$element.trigger("moved.zf.slider",[t])});var C=this.$element.data("dragging")?1e3/60:this.options.moveTime;Foundation.Move(C,t,function(){t.css(h,v+"%"),l.options.doubleSided?l.$fill.css(g):l.$fill.css(d,100*p+"%")}),clearTimeout(l.timeout),l.timeout=setTimeout(function(){l.$element.trigger("changed.zf.slider",[t])},l.options.changedDelay)}}},{key:"_setInitAttr",value:function(t){var e=this.inputs.eq(t).attr("id")||Foundation.GetYoDigits(6,"slider");this.inputs.eq(t).attr({id:e,max:this.options.end,min:this.options.start,step:this.options.step}),this.handles.eq(t).attr({role:"slider","aria-controls":e,"aria-valuemax":this.options.end,"aria-valuemin":this.options.start,"aria-valuenow":0===t?this.options.initialStart:this.options.initialEnd,"aria-orientation":this.options.vertical?"vertical":"horizontal",tabindex:0})}},{key:"_setValues",value:function(t,e){var i=this.options.doubleSided?this.handles.index(t):0;this.inputs.eq(i).val(e),t.attr("aria-valuenow",e)}},{key:"_handleEvent",value:function(n,s,o){var a,r;if(o)a=this._adjustValue(null,o),r=!0;else{n.preventDefault();var l=this,u=this.options.vertical,d=u?"height":"width",h=u?"top":"left",c=u?n.pageY:n.pageX,f=(this.$handle[0].getBoundingClientRect()[d]/2,this.$element[0].getBoundingClientRect()[d]),p=u?t(window).scrollTop():t(window).scrollLeft(),m=this.$element.offset()[h];n.clientY===n.pageY&&(c+=p);var v,g=c-m;if(v=0>g?0:g>f?f:g,offsetPct=e(v,f),a=(this.options.end-this.options.start)*offsetPct+this.options.start,Foundation.rtl()&&!this.options.vertical&&(a=this.options.end-a),a=l._adjustValue(null,a),r=!1,!s){var w=i(this.$handle,h,v,d),y=i(this.$handle2,h,v,d);s=y>=w?this.$handle:this.$handle2}}this._setHandlePos(s,a,r)}},{key:"_adjustValue",value:function(t,e){var i,n,s,o,a=this.options.step,r=parseFloat(a/2);return i=t?parseFloat(t.attr("aria-valuenow")):e,n=i%a,s=i-n,o=s+a,0===n?i:i=i>=s+r?o:s}},{key:"_events",value:function(e){var i,n=this;if(this.inputs.off("change.zf.slider").on("change.zf.slider",function(e){var i=n.inputs.index(t(this));n._handleEvent(e,n.handles.eq(i),t(this).val())}),this.options.clickSelect&&this.$element.off("click.zf.slider").on("click.zf.slider",function(e){return n.$element.data("dragging")?!1:void(t(e.target).is("[data-slider-handle]")||(n.options.doubleSided?n._handleEvent(e):n._handleEvent(e,n.$handle)))}),this.options.draggable){this.handles.addTouch();var s=t("body");e.off("mousedown.zf.slider").on("mousedown.zf.slider",function(o){e.addClass("is-dragging"),n.$fill.addClass("is-dragging"),n.$element.data("dragging",!0),i=t(o.currentTarget),s.on("mousemove.zf.slider",function(t){t.preventDefault(),n._handleEvent(t,i)}).on("mouseup.zf.slider",function(t){n._handleEvent(t,i),e.removeClass("is-dragging"),n.$fill.removeClass("is-dragging"),n.$element.data("dragging",!1),s.off("mousemove.zf.slider mouseup.zf.slider")})}).on("selectstart.zf.slider touchmove.zf.slider",function(t){t.preventDefault()})}e.off("keydown.zf.slider").on("keydown.zf.slider",function(e){var i,s=t(this),o=n.options.doubleSided?n.handles.index(s):0,a=parseFloat(n.inputs.eq(o).val());Foundation.Keyboard.handleKey(e,"Slider",{decrease:function(){i=a-n.options.step},increase:function(){i=a+n.options.step},decrease_fast:function(){i=a-10*n.options.step},increase_fast:function(){i=a+10*n.options.step},handled:function(){e.preventDefault(),n._setHandlePos(s,i,!0)}})})}},{key:"destroy",value:function(){this.handles.off(".zf.slider"),this.inputs.off(".zf.slider"),this.$element.off(".zf.slider"),Foundation.unregisterPlugin(this)}}]),n}();n.defaults={start:0,end:100,step:1,initialStart:0,initialEnd:100,binding:!1,clickSelect:!0,vertical:!1,draggable:!0,disabled:!1,doubleSided:!1,decimal:2,moveTime:200,disabledClass:"disabled",invertVertical:!1,changedDelay:500},Foundation.plugin(n,"Slider")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){function e(t){return parseInt(window.getComputedStyle(document.body,null).fontSize,10)*t}var i=function(){function i(e,n){_classCallCheck(this,i),this.$element=e,this.options=t.extend({},i.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Sticky")}return _createClass(i,[{key:"_init",value:function(){var e=this.$element.parent("[data-sticky-container]"),i=this.$element[0].id||Foundation.GetYoDigits(6,"sticky"),n=this;e.length||(this.wasWrapped=!0),this.$container=e.length?e:t(this.options.container).wrapInner(this.$element),this.$container.addClass(this.options.containerClass),this.$element.addClass(this.options.stickyClass).attr({"data-resize":i}),this.scrollCount=this.options.checkEvery,this.isStuck=!1,t(window).one("load.zf.sticky",function(){""!==n.options.anchor?n.$anchor=t("#"+n.options.anchor):n._parsePoints(),n._setSizes(function(){n._calc(!1)}),n._events(i.split("-").reverse().join("-"))})}},{key:"_parsePoints",value:function(){for(var e=""==this.options.topAnchor?1:this.options.topAnchor,i=""==this.options.btmAnchor?document.documentElement.scrollHeight:this.options.btmAnchor,n=[e,i],s={},o=0,a=n.length;a>o&&n[o];o++){var r;if("number"==typeof n[o])r=n[o];else{var l=n[o].split(":"),u=t("#"+l[0]);r=u.offset().top,l[1]&&"bottom"===l[1].toLowerCase()&&(r+=u[0].getBoundingClientRect().height)}s[o]=r}this.points=s}},{key:"_events",value:function(e){var i=this,n=this.scrollListener="scroll.zf."+e;this.isOn||(this.canStick&&(this.isOn=!0,t(window).off(n).on(n,function(t){0===i.scrollCount?(i.scrollCount=i.options.checkEvery,i._setSizes(function(){i._calc(!1,window.pageYOffset)})):(i.scrollCount--,i._calc(!1,window.pageYOffset))})),this.$element.off("resizeme.zf.trigger").on("resizeme.zf.trigger",function(t,s){i._setSizes(function(){i._calc(!1),i.canStick?i.isOn||i._events(e):i.isOn&&i._pauseListeners(n)})}))}},{key:"_pauseListeners",value:function(e){this.isOn=!1,t(window).off(e),this.$element.trigger("pause.zf.sticky")}},{key:"_calc",value:function(t,e){return t&&this._setSizes(),this.canStick?(e||(e=window.pageYOffset),void(e>=this.topPoint?e<=this.bottomPoint?this.isStuck||this._setSticky():this.isStuck&&this._removeSticky(!1):this.isStuck&&this._removeSticky(!0))):(this.isStuck&&this._removeSticky(!0),!1)}},{key:"_setSticky",value:function(){var t=this,e=this.options.stickTo,i="top"===e?"marginTop":"marginBottom",n="top"===e?"bottom":"top",s={};s[i]=this.options[i]+"em",s[e]=0,s[n]="auto",s.left=this.$container.offset().left+parseInt(window.getComputedStyle(this.$container[0])["padding-left"],10),this.isStuck=!0,this.$element.removeClass("is-anchored is-at-"+n).addClass("is-stuck is-at-"+e).css(s).trigger("sticky.zf.stuckto:"+e),this.$element.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",function(){t._setSizes()})}},{key:"_removeSticky",value:function(t){var e=this.options.stickTo,i="top"===e,n={},s=(this.points?this.points[1]-this.points[0]:this.anchorHeight)-this.elemHeight,o=i?"marginTop":"marginBottom",a=t?"top":"bottom";n[o]=0,n.bottom="auto",t?n.top=0:n.top=s,n.left="",this.isStuck=!1,this.$element.removeClass("is-stuck is-at-"+e).addClass("is-anchored is-at-"+a).css(n).trigger("sticky.zf.unstuckfrom:"+a)}},{key:"_setSizes",value:function(t){this.canStick=Foundation.MediaQuery.atLeast(this.options.stickyOn),this.canStick||t();var e=this.$container[0].getBoundingClientRect().width,i=window.getComputedStyle(this.$container[0]),n=parseInt(i["padding-right"],10);this.$anchor&&this.$anchor.length?this.anchorHeight=this.$anchor[0].getBoundingClientRect().height:this._parsePoints(),this.$element.css({"max-width":e-n+"px"});var s=this.$element[0].getBoundingClientRect().height||this.containerHeight;"none"==this.$element.css("display")&&(s=0),this.containerHeight=s,this.$container.css({height:s}),this.elemHeight=s,this.isStuck&&this.$element.css({left:this.$container.offset().left+parseInt(i["padding-left"],10)}),this._setBreakPoints(s,function(){t&&t()})}},{key:"_setBreakPoints",value:function(t,i){if(!this.canStick){if(!i)return!1;i()}var n=e(this.options.marginTop),s=e(this.options.marginBottom),o=this.points?this.points[0]:this.$anchor.offset().top,a=this.points?this.points[1]:o+this.anchorHeight,r=window.innerHeight;"top"===this.options.stickTo?(o-=n,a-=t+n):"bottom"===this.options.stickTo&&(o-=r-(t+s),a-=r-s),this.topPoint=o,this.bottomPoint=a,i&&i()}},{key:"destroy",value:function(){this._removeSticky(!0),this.$element.removeClass(this.options.stickyClass+" is-anchored is-at-top").css({height:"",top:"",bottom:"","max-width":""}).off("resizeme.zf.trigger"),this.$anchor&&this.$anchor.length&&this.$anchor.off("change.zf.sticky"),t(window).off(this.scrollListener),this.wasWrapped?this.$element.unwrap():this.$container.removeClass(this.options.containerClass).css({height:""}),Foundation.unregisterPlugin(this)}}]),i}();i.defaults={container:"<div data-sticky-container></div>",stickTo:"top",anchor:"",topAnchor:"",btmAnchor:"",marginTop:1,marginBottom:1,stickyOn:"medium",stickyClass:"sticky",containerClass:"sticky-container",checkEvery:-1},Foundation.plugin(i,"Sticky")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n);
-}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Tabs"),Foundation.Keyboard.register("Tabs",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"previous",ARROW_DOWN:"next",ARROW_LEFT:"previous"})}return _createClass(e,[{key:"_init",value:function(){var e=this;if(this.$tabTitles=this.$element.find("."+this.options.linkClass),this.$tabContent=t('[data-tabs-content="'+this.$element[0].id+'"]'),this.$tabTitles.each(function(){var i=t(this),n=i.find("a"),s=i.hasClass("is-active"),o=n[0].hash.slice(1),a=n[0].id?n[0].id:o+"-label",r=t("#"+o);i.attr({role:"presentation"}),n.attr({role:"tab","aria-controls":o,"aria-selected":s,id:a}),r.attr({role:"tabpanel","aria-hidden":!s,"aria-labelledby":a}),s&&e.options.autoFocus&&n.focus()}),this.options.matchHeight){var i=this.$tabContent.find("img");i.length?Foundation.onImagesLoaded(i,this._setHeight.bind(this)):this._setHeight()}this._events()}},{key:"_events",value:function(){this._addKeyHandler(),this._addClickHandler(),this._setHeightMqHandler=null,this.options.matchHeight&&(this._setHeightMqHandler=this._setHeight.bind(this),t(window).on("changed.zf.mediaquery",this._setHeightMqHandler))}},{key:"_addClickHandler",value:function(){var e=this;this.$element.off("click.zf.tabs").on("click.zf.tabs","."+this.options.linkClass,function(i){i.preventDefault(),i.stopPropagation(),t(this).hasClass("is-active")||e._handleTabChange(t(this))})}},{key:"_addKeyHandler",value:function(){var e=this;e.$element.find("li:first-of-type"),e.$element.find("li:last-of-type");this.$tabTitles.off("keydown.zf.tabs").on("keydown.zf.tabs",function(i){if(9!==i.which){var n,s,o=t(this),a=o.parent("ul").children("li");a.each(function(i){return t(this).is(o)?void(e.options.wrapOnKeys?(n=0===i?a.last():a.eq(i-1),s=i===a.length-1?a.first():a.eq(i+1)):(n=a.eq(Math.max(0,i-1)),s=a.eq(Math.min(i+1,a.length-1)))):void 0}),Foundation.Keyboard.handleKey(i,"Tabs",{open:function(){o.find('[role="tab"]').focus(),e._handleTabChange(o)},previous:function(){n.find('[role="tab"]').focus(),e._handleTabChange(n)},next:function(){s.find('[role="tab"]').focus(),e._handleTabChange(s)},handled:function(){i.stopPropagation(),i.preventDefault()}})}})}},{key:"_handleTabChange",value:function(e){var i=e.find('[role="tab"]'),n=i[0].hash,s=this.$tabContent.find(n),o=this.$element.find("."+this.options.linkClass+".is-active").removeClass("is-active").find('[role="tab"]').attr({"aria-selected":"false"});t("#"+o.attr("aria-controls")).removeClass("is-active").attr({"aria-hidden":"true"}),e.addClass("is-active"),i.attr({"aria-selected":"true"}),s.addClass("is-active").attr({"aria-hidden":"false"}),this.$element.trigger("change.zf.tabs",[e])}},{key:"selectTab",value:function(t){var e;e="object"==typeof t?t[0].id:t,e.indexOf("#")<0&&(e="#"+e);var i=this.$tabTitles.find('[href="'+e+'"]').parent("."+this.options.linkClass);this._handleTabChange(i)}},{key:"_setHeight",value:function(){var e=0;this.$tabContent.find("."+this.options.panelClass).css("height","").each(function(){var i=t(this),n=i.hasClass("is-active");n||i.css({visibility:"hidden",display:"block"});var s=this.getBoundingClientRect().height;n||i.css({visibility:"",display:""}),e=s>e?s:e}).css("height",e+"px")}},{key:"destroy",value:function(){this.$element.find("."+this.options.linkClass).off(".zf.tabs").hide().end().find("."+this.options.panelClass).hide(),this.options.matchHeight&&null!=this._setHeightMqHandler&&t(window).off("changed.zf.mediaquery",this._setHeightMqHandler),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={autoFocus:!1,wrapOnKeys:!0,matchHeight:!1,linkClass:"tabs-title",panelClass:"tabs-panel"},Foundation.plugin(e,"Tabs")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,i.data(),n),this.className="",this._init(),this._events(),Foundation.registerPlugin(this,"Toggler")}return _createClass(e,[{key:"_init",value:function(){var e;this.options.animate?(e=this.options.animate.split(" "),this.animationIn=e[0],this.animationOut=e[1]||null):(e=this.$element.data("toggler"),this.className="."===e[0]?e.slice(1):e);var i=this.$element[0].id;t('[data-open="'+i+'"], [data-close="'+i+'"], [data-toggle="'+i+'"]').attr("aria-controls",i),this.$element.attr("aria-expanded",!this.$element.is(":hidden"))}},{key:"_events",value:function(){this.$element.off("toggle.zf.trigger").on("toggle.zf.trigger",this.toggle.bind(this))}},{key:"toggle",value:function(){this[this.options.animate?"_toggleAnimate":"_toggleClass"]()}},{key:"_toggleClass",value:function(){this.$element.toggleClass(this.className);var t=this.$element.hasClass(this.className);t?this.$element.trigger("on.zf.toggler"):this.$element.trigger("off.zf.toggler"),this._updateARIA(t)}},{key:"_toggleAnimate",value:function(){var t=this;this.$element.is(":hidden")?Foundation.Motion.animateIn(this.$element,this.animationIn,function(){t._updateARIA(!0),this.trigger("on.zf.toggler")}):Foundation.Motion.animateOut(this.$element,this.animationOut,function(){t._updateARIA(!1),this.trigger("off.zf.toggler")})}},{key:"_updateARIA",value:function(t){this.$element.attr("aria-expanded",!!t)}},{key:"destroy",value:function(){this.$element.off(".zf.toggler"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={animate:!1},Foundation.plugin(e,"Toggler")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this.isActive=!1,this.isClick=!1,this._init(),Foundation.registerPlugin(this,"Tooltip")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("aria-describedby")||Foundation.GetYoDigits(6,"tooltip");this.options.positionClass=this.options.positionClass||this._getPositionClass(this.$element),this.options.tipText=this.options.tipText||this.$element.attr("title"),this.template=this.options.template?t(this.options.template):this._buildTemplate(e),this.template.appendTo(document.body).text(this.options.tipText).hide(),this.$element.attr({title:"","aria-describedby":e,"data-yeti-box":e,"data-toggle":e,"data-resize":e}).addClass(this.triggerClass),this.usedPositions=[],this.counter=4,this.classChanged=!1,this._events()}},{key:"_getPositionClass",value:function(t){if(!t)return"";var e=t[0].className.match(/\b(top|left|right)\b/g);return e=e?e[0]:""}},{key:"_buildTemplate",value:function(e){var i=(this.options.tooltipClass+" "+this.options.positionClass+" "+this.options.templateClasses).trim(),n=t("<div></div>").addClass(i).attr({role:"tooltip","aria-hidden":!0,"data-is-active":!1,"data-is-focus":!1,id:e});return n}},{key:"_reposition",value:function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.template.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.template.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.template.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):this.template.removeClass(t),this.classChanged=!0,this.counter--}},{key:"_setPosition",value:function(){var t=this._getPositionClass(this.template),e=Foundation.Box.GetDimensions(this.template),i=Foundation.Box.GetDimensions(this.$element),n="left"===t?"left":"right"===t?"left":"top",s="top"===n?"height":"width";"height"===s?this.options.vOffset:this.options.hOffset;if(e.width>=e.windowDims.width||!this.counter&&!Foundation.Box.ImNotTouchingYou(this.template))return this.template.offset(Foundation.Box.GetOffsets(this.template,this.$element,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:i.windowDims.width-2*this.options.hOffset,height:"auto"}),!1;for(this.template.offset(Foundation.Box.GetOffsets(this.template,this.$element,"center "+(t||"bottom"),this.options.vOffset,this.options.hOffset));!Foundation.Box.ImNotTouchingYou(this.template)&&this.counter;)this._reposition(t),this._setPosition()}},{key:"show",value:function(){if("all"!==this.options.showOn&&!Foundation.MediaQuery.atLeast(this.options.showOn))return!1;var t=this;this.template.css("visibility","hidden").show(),this._setPosition(),this.$element.trigger("closeme.zf.tooltip",this.template.attr("id")),this.template.attr({"data-is-active":!0,"aria-hidden":!1}),t.isActive=!0,this.template.stop().hide().css("visibility","").fadeIn(this.options.fadeInDuration,function(){}),this.$element.trigger("show.zf.tooltip")}},{key:"hide",value:function(){var t=this;this.template.stop().attr({"aria-hidden":!0,"data-is-active":!1}).fadeOut(this.options.fadeOutDuration,function(){t.isActive=!1,t.isClick=!1,t.classChanged&&(t.template.removeClass(t._getPositionClass(t.template)).addClass(t.options.positionClass),t.usedPositions=[],t.counter=4,t.classChanged=!1)}),this.$element.trigger("hide.zf.tooltip")}},{key:"_events",value:function(){var t=this,e=(this.template,!1);this.options.disableHover||this.$element.on("mouseenter.zf.tooltip",function(e){t.isActive||(t.timeout=setTimeout(function(){t.show()},t.options.hoverDelay))}).on("mouseleave.zf.tooltip",function(i){clearTimeout(t.timeout),(!e||t.isClick&&!t.options.clickOpen)&&t.hide()}),this.options.clickOpen?this.$element.on("mousedown.zf.tooltip",function(e){e.stopImmediatePropagation(),t.isClick||(t.isClick=!0,!t.options.disableHover&&t.$element.attr("tabindex")||t.isActive||t.show())}):this.$element.on("mousedown.zf.tooltip",function(e){e.stopImmediatePropagation(),t.isClick=!0}),this.options.disableForTouch||this.$element.on("tap.zf.tooltip touchend.zf.tooltip",function(e){t.isActive?t.hide():t.show()}),this.$element.on({"close.zf.trigger":this.hide.bind(this)}),this.$element.on("focus.zf.tooltip",function(i){return e=!0,t.isClick?(t.options.clickOpen||(e=!1),!1):void t.show()}).on("focusout.zf.tooltip",function(i){e=!1,t.isClick=!1,t.hide()}).on("resizeme.zf.trigger",function(){t.isActive&&t._setPosition()})}},{key:"toggle",value:function(){this.isActive?this.hide():this.show()}},{key:"destroy",value:function(){this.$element.attr("title",this.template.text()).off(".zf.trigger .zf.tootip").removeAttr("aria-describedby").removeAttr("data-yeti-box").removeAttr("data-toggle").removeAttr("data-resize"),this.template.remove(),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={disableForTouch:!1,hoverDelay:200,fadeInDuration:150,fadeOutDuration:150,disableHover:!1,templateClasses:"",tooltipClass:"tooltip",triggerClass:"has-tip",showOn:"small",template:"",tipText:"",touchCloseText:"Tap to close.",clickOpen:!0,positionClass:"",vOffset:10,hOffset:12},Foundation.plugin(e,"Tooltip")}(jQuery);
+function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}!function(t){"use strict";function e(t){if(void 0===Function.prototype.name){var e=/function\s([^(]{1,})\(/,i=e.exec(t.toString());return i&&i.length>1?i[1].trim():""}return void 0===t.prototype?t.constructor.name:t.prototype.constructor.name}function i(t){return!!/true/.test(t)||!/false/.test(t)&&(isNaN(1*t)?t:parseFloat(t))}function n(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}var s="6.2.4",o={version:s,_plugins:{},_uuids:[],rtl:function(){return"rtl"===t("html").attr("dir")},plugin:function(t,i){var s=i||e(t),o=n(s);this._plugins[o]=this[s]=t},registerPlugin:function(t,i){var s=i?n(i):e(t.constructor).toLowerCase();t.uuid=this.GetYoDigits(6,s),t.$element.attr("data-"+s)||t.$element.attr("data-"+s,t.uuid),t.$element.data("zfPlugin")||t.$element.data("zfPlugin",t),t.$element.trigger("init.zf."+s),this._uuids.push(t.uuid)},unregisterPlugin:function(t){var i=n(e(t.$element.data("zfPlugin").constructor));this._uuids.splice(this._uuids.indexOf(t.uuid),1),t.$element.removeAttr("data-"+i).removeData("zfPlugin").trigger("destroyed.zf."+i);for(var s in t)t[s]=null},reInit:function(e){var i=e instanceof t;try{if(i)e.each(function(){t(this).data("zfPlugin")._init()});else{var s=typeof e,o=this,a={object:function(e){e.forEach(function(e){e=n(e),t("[data-"+e+"]").foundation("_init")})},string:function(){e=n(e),t("[data-"+e+"]").foundation("_init")},undefined:function(){this.object(Object.keys(o._plugins))}};a[s](e)}}catch(r){console.error(r)}finally{return e}},GetYoDigits:function(t,e){return t=t||6,Math.round(Math.pow(36,t+1)-Math.random()*Math.pow(36,t)).toString(36).slice(1)+(e?"-"+e:"")},reflow:function(e,n){"undefined"==typeof n?n=Object.keys(this._plugins):"string"==typeof n&&(n=[n]);var s=this;t.each(n,function(n,o){var a=s._plugins[o],r=t(e).find("[data-"+o+"]").addBack("[data-"+o+"]");r.each(function(){var e=t(this),n={};if(e.data("zfPlugin"))return void console.warn("Tried to initialize "+o+" on an element that already has a Foundation plugin.");if(e.attr("data-options")){e.attr("data-options").split(";").forEach(function(t,e){var s=t.split(":").map(function(t){return t.trim()});s[0]&&(n[s[0]]=i(s[1]))})}try{e.data("zfPlugin",new a(t(this),n))}catch(s){console.error(s)}finally{return}})})},getFnName:e,transitionend:function(t){var e,i={transition:"transitionend",WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend"},n=document.createElement("div");for(var s in i)"undefined"!=typeof n.style[s]&&(e=i[s]);return e?e:(e=setTimeout(function(){t.triggerHandler("transitionend",[t])},1),"transitionend")}};o.util={throttle:function(t,e){var i=null;return function(){var n=this,s=arguments;null===i&&(i=setTimeout(function(){t.apply(n,s),i=null},e))}}};var a=function(i){var n=typeof i,s=t("meta.foundation-mq"),a=t(".no-js");if(s.length||t('<meta class="foundation-mq">').appendTo(document.head),a.length&&a.removeClass("no-js"),"undefined"===n)o.MediaQuery._init(),o.reflow(this);else{if("string"!==n)throw new TypeError("We're sorry, "+n+" is not a valid parameter. You must use a string representing the method you wish to invoke.");var r=Array.prototype.slice.call(arguments,1),l=this.data("zfPlugin");if(void 0===l||void 0===l[i])throw new ReferenceError("We're sorry, '"+i+"' is not an available method for "+(l?e(l):"this element")+".");1===this.length?l[i].apply(l,r):this.each(function(e,n){l[i].apply(t(n).data("zfPlugin"),r)})}return this};window.Foundation=o,t.fn.foundation=a,function(){Date.now&&window.Date.now||(window.Date.now=Date.now=function(){return(new Date).getTime()});for(var t=["webkit","moz"],e=0;e<t.length&&!window.requestAnimationFrame;++e){var i=t[e];window.requestAnimationFrame=window[i+"RequestAnimationFrame"],window.cancelAnimationFrame=window[i+"CancelAnimationFrame"]||window[i+"CancelRequestAnimationFrame"]}if(/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent)||!window.requestAnimationFrame||!window.cancelAnimationFrame){var n=0;window.requestAnimationFrame=function(t){var e=Date.now(),i=Math.max(n+16,e);return setTimeout(function(){t(n=i)},i-e)},window.cancelAnimationFrame=clearTimeout}window.performance&&window.performance.now||(window.performance={start:Date.now(),now:function(){return Date.now()-this.start}})}(),Function.prototype.bind||(Function.prototype.bind=function(t){if("function"!=typeof this)throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");var e=Array.prototype.slice.call(arguments,1),i=this,n=function(){},s=function(){return i.apply(this instanceof n?this:t,e.concat(Array.prototype.slice.call(arguments)))};return this.prototype&&(n.prototype=this.prototype),s.prototype=new n,s})}(jQuery),!function(t){function e(t,e,n,s){var o,a,r,l,u=i(t);if(e){var d=i(e);a=u.offset.top+u.height<=d.height+d.offset.top,o=u.offset.top>=d.offset.top,r=u.offset.left>=d.offset.left,l=u.offset.left+u.width<=d.width+d.offset.left}else a=u.offset.top+u.height<=u.windowDims.height+u.windowDims.offset.top,o=u.offset.top>=u.windowDims.offset.top,r=u.offset.left>=u.windowDims.offset.left,l=u.offset.left+u.width<=u.windowDims.width;var h=[a,o,r,l];return n?r===l==!0:s?o===a==!0:h.indexOf(!1)===-1}function i(t,e){if(t=t.length?t[0]:t,t===window||t===document)throw new Error("I'm sorry, Dave. I'm afraid I can't do that.");var i=t.getBoundingClientRect(),n=t.parentNode.getBoundingClientRect(),s=document.body.getBoundingClientRect(),o=window.pageYOffset,a=window.pageXOffset;return{width:i.width,height:i.height,offset:{top:i.top+o,left:i.left+a},parentDims:{width:n.width,height:n.height,offset:{top:n.top+o,left:n.left+a}},windowDims:{width:s.width,height:s.height,offset:{top:o,left:a}}}}function n(t,e,n,s,o,a){var r=i(t),l=e?i(e):null;switch(n){case"top":return{left:Foundation.rtl()?l.offset.left-r.width+l.width:l.offset.left,top:l.offset.top-(r.height+s)};case"left":return{left:l.offset.left-(r.width+o),top:l.offset.top};case"right":return{left:l.offset.left+l.width+o,top:l.offset.top};case"center top":return{left:l.offset.left+l.width/2-r.width/2,top:l.offset.top-(r.height+s)};case"center bottom":return{left:a?o:l.offset.left+l.width/2-r.width/2,top:l.offset.top+l.height+s};case"center left":return{left:l.offset.left-(r.width+o),top:l.offset.top+l.height/2-r.height/2};case"center right":return{left:l.offset.left+l.width+o+1,top:l.offset.top+l.height/2-r.height/2};case"center":return{left:r.windowDims.offset.left+r.windowDims.width/2-r.width/2,top:r.windowDims.offset.top+r.windowDims.height/2-r.height/2};case"reveal":return{left:(r.windowDims.width-r.width)/2,top:r.windowDims.offset.top+s};case"reveal full":return{left:r.windowDims.offset.left,top:r.windowDims.offset.top};case"left bottom":return{left:l.offset.left,top:l.offset.top+l.height};case"right bottom":return{left:l.offset.left+l.width+o-r.width,top:l.offset.top+l.height};default:return{left:Foundation.rtl()?l.offset.left-r.width+l.width:l.offset.left+o,top:l.offset.top+l.height+s}}}Foundation.Box={ImNotTouchingYou:e,GetDimensions:i,GetOffsets:n}}(jQuery),!function(t){function e(t){var e={};for(var i in t)e[t[i]]=t[i];return e}var i={9:"TAB",13:"ENTER",27:"ESCAPE",32:"SPACE",37:"ARROW_LEFT",38:"ARROW_UP",39:"ARROW_RIGHT",40:"ARROW_DOWN"},n={},s={keys:e(i),parseKey:function(t){var e=i[t.which||t.keyCode]||String.fromCharCode(t.which).toUpperCase();return t.shiftKey&&(e="SHIFT_"+e),t.ctrlKey&&(e="CTRL_"+e),t.altKey&&(e="ALT_"+e),e},handleKey:function(e,i,s){var o,a,r,l=n[i],u=this.parseKey(e);if(!l)return console.warn("Component not defined!");if(o="undefined"==typeof l.ltr?l:Foundation.rtl()?t.extend({},l.ltr,l.rtl):t.extend({},l.rtl,l.ltr),a=o[u],r=s[a],r&&"function"==typeof r){var d=r.apply();(s.handled||"function"==typeof s.handled)&&s.handled(d)}else(s.unhandled||"function"==typeof s.unhandled)&&s.unhandled()},findFocusable:function(e){return e.find("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]").filter(function(){return!(!t(this).is(":visible")||t(this).attr("tabindex")<0)})},register:function(t,e){n[t]=e}};Foundation.Keyboard=s}(jQuery),!function(t){function e(t){var e={};return"string"!=typeof t?e:(t=t.trim().slice(1,-1))?e=t.split("&").reduce(function(t,e){var i=e.replace(/\+/g," ").split("="),n=i[0],s=i[1];return n=decodeURIComponent(n),s=void 0===s?null:decodeURIComponent(s),t.hasOwnProperty(n)?Array.isArray(t[n])?t[n].push(s):t[n]=[t[n],s]:t[n]=s,t},{}):e}var i={queries:[],current:"",_init:function(){var i,n=this,s=t(".foundation-mq").css("font-family");i=e(s);for(var o in i)i.hasOwnProperty(o)&&n.queries.push({name:o,value:"only screen and (min-width: "+i[o]+")"});this.current=this._getCurrentSize(),this._watcher()},atLeast:function(t){var e=this.get(t);return!!e&&window.matchMedia(e).matches},get:function(t){for(var e in this.queries)if(this.queries.hasOwnProperty(e)){var i=this.queries[e];if(t===i.name)return i.value}return null},_getCurrentSize:function(){for(var t,e=0;e<this.queries.length;e++){var i=this.queries[e];window.matchMedia(i.value).matches&&(t=i)}return"object"==typeof t?t.name:t},_watcher:function(){var e=this;t(window).on("resize.zf.mediaquery",function(){var i=e._getCurrentSize(),n=e.current;i!==n&&(e.current=i,t(window).trigger("changed.zf.mediaquery",[i,n]))})}};Foundation.MediaQuery=i,window.matchMedia||(window.matchMedia=function(){"use strict";var t=window.styleMedia||window.media;if(!t){var e=document.createElement("style"),i=document.getElementsByTagName("script")[0],n=null;e.type="text/css",e.id="matchmediajs-test",i&&i.parentNode&&i.parentNode.insertBefore(e,i),n="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle,t={matchMedium:function(t){var i="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=i:e.textContent=i,"1px"===n.width}}}return function(e){return{matches:t.matchMedium(e||"all"),media:e||"all"}}}()),Foundation.MediaQuery=i}(jQuery),!function(t){function e(t,e,i){function n(r){a||(a=window.performance.now()),o=r-a,i.apply(e),o<t?s=window.requestAnimationFrame(n,e):(window.cancelAnimationFrame(s),e.trigger("finished.zf.animate",[e]).triggerHandler("finished.zf.animate",[e]))}var s,o,a=null;s=window.requestAnimationFrame(n)}function i(e,i,o,a){function r(){e||i.hide(),l(),a&&a.apply(i)}function l(){i[0].style.transitionDuration=0,i.removeClass(u+" "+d+" "+o)}if(i=t(i).eq(0),i.length){var u=e?n[0]:n[1],d=e?s[0]:s[1];l(),i.addClass(o).css("transition","none"),requestAnimationFrame(function(){i.addClass(u),e&&i.show()}),requestAnimationFrame(function(){i[0].offsetWidth,i.css("transition","").addClass(d)}),i.one(Foundation.transitionend(i),r)}}var n=["mui-enter","mui-leave"],s=["mui-enter-active","mui-leave-active"],o={animateIn:function(t,e,n){i(!0,t,e,n)},animateOut:function(t,e,n){i(!1,t,e,n)}};Foundation.Move=e,Foundation.Motion=o}(jQuery),!function(t){var e={Feather:function(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"zf";e.attr("role","menubar");var n=e.find("li").attr({role:"menuitem"}),s="is-"+i+"-submenu",o=s+"-item",a="is-"+i+"-submenu-parent";e.find("a:first").attr("tabindex",0),n.each(function(){var e=t(this),i=e.children("ul");i.length&&(e.addClass(a).attr({"aria-haspopup":!0,"aria-expanded":!1,"aria-label":e.children("a:first").text()}),i.addClass("submenu "+s).attr({"data-submenu":"","aria-hidden":!0,role:"menu"})),e.parent("[data-submenu]").length&&e.addClass("is-submenu-item "+o)})},Burn:function(t,e){var i=(t.find("li").removeAttr("tabindex"),"is-"+e+"-submenu"),n=i+"-item",s="is-"+e+"-submenu-parent";t.find(">li, .menu, .menu > li").removeClass(i+" "+n+" "+s+" is-submenu-item submenu is-active").removeAttr("data-submenu").css("display","")}};Foundation.Nest=e}(jQuery),!function(t){function e(t,e,i){var n,s,o=this,a=e.duration,r=Object.keys(t.data())[0]||"timer",l=-1;this.isPaused=!1,this.restart=function(){l=-1,clearTimeout(s),this.start()},this.start=function(){this.isPaused=!1,clearTimeout(s),l=l<=0?a:l,t.data("paused",!1),n=Date.now(),s=setTimeout(function(){e.infinite&&o.restart(),i&&"function"==typeof i&&i()},l),t.trigger("timerstart.zf."+r)},this.pause=function(){this.isPaused=!0,clearTimeout(s),t.data("paused",!0);var e=Date.now();l-=e-n,t.trigger("timerpaused.zf."+r)}}function i(e,i){function n(){s--,0===s&&i()}var s=e.length;0===s&&i(),e.each(function(){this.complete?n():"undefined"!=typeof this.naturalWidth&&this.naturalWidth>0?n():t(this).one("load",function(){n()})})}Foundation.Timer=e,Foundation.onImagesLoaded=i}(jQuery),function(t){function e(){this.removeEventListener("touchmove",i),this.removeEventListener("touchend",e),u=!1}function i(i){if(t.spotSwipe.preventDefault&&i.preventDefault(),u){var n,s=i.touches[0].pageX,a=(i.touches[0].pageY,o-s);l=(new Date).getTime()-r,Math.abs(a)>=t.spotSwipe.moveThreshold&&l<=t.spotSwipe.timeThreshold&&(n=a>0?"left":"right"),n&&(i.preventDefault(),e.call(this),t(this).trigger("swipe",n).trigger("swipe"+n))}}function n(t){1==t.touches.length&&(o=t.touches[0].pageX,a=t.touches[0].pageY,u=!0,r=(new Date).getTime(),this.addEventListener("touchmove",i,!1),this.addEventListener("touchend",e,!1))}function s(){this.addEventListener&&this.addEventListener("touchstart",n,!1)}t.spotSwipe={version:"1.0.0",enabled:"ontouchstart"in document.documentElement,preventDefault:!1,moveThreshold:75,timeThreshold:200};var o,a,r,l,u=!1;t.event.special.swipe={setup:s},t.each(["left","up","down","right"],function(){t.event.special["swipe"+this]={setup:function(){t(this).on("swipe",t.noop)}}})}(jQuery),!function(t){t.fn.addTouch=function(){this.each(function(i,n){t(n).bind("touchstart touchmove touchend touchcancel",function(){e(event)})});var e=function(t){var e,i=t.changedTouches,n=i[0],s={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup"},o=s[t.type];"MouseEvent"in window&&"function"==typeof window.MouseEvent?e=new window.MouseEvent(o,{bubbles:!0,cancelable:!0,screenX:n.screenX,screenY:n.screenY,clientX:n.clientX,clientY:n.clientY}):(e=document.createEvent("MouseEvent"),e.initMouseEvent(o,!0,!0,window,1,n.screenX,n.screenY,n.clientX,n.clientY,!1,!1,!1,!1,0,null)),n.target.dispatchEvent(e)}}}(jQuery),!function(t){function e(){o(),n(),s(),i()}function i(e){var i=t("[data-yeti-box]"),n=["dropdown","tooltip","reveal"];if(e&&("string"==typeof e?n.push(e):"object"==typeof e&&"string"==typeof e[0]?n.concat(e):console.error("Plugin names must be strings")),i.length){var s=n.map(function(t){return"closeme.zf."+t}).join(" ");t(window).off(s).on(s,function(e,i){var n=e.namespace.split(".")[0],s=t("[data-"+n+"]").not('[data-yeti-box="'+i+'"]');s.each(function(){var e=t(this);e.triggerHandler("close.zf.trigger",[e])})})}}function n(e){var i=void 0,n=t("[data-resize]");n.length&&t(window).off("resize.zf.trigger").on("resize.zf.trigger",function(s){i&&clearTimeout(i),i=setTimeout(function(){a||n.each(function(){t(this).triggerHandler("resizeme.zf.trigger")}),n.attr("data-events","resize")},e||10)})}function s(e){var i=void 0,n=t("[data-scroll]");n.length&&t(window).off("scroll.zf.trigger").on("scroll.zf.trigger",function(s){i&&clearTimeout(i),i=setTimeout(function(){a||n.each(function(){t(this).triggerHandler("scrollme.zf.trigger")}),n.attr("data-events","scroll")},e||10)})}function o(){if(!a)return!1;var e=document.querySelectorAll("[data-resize], [data-scroll], [data-mutate]"),i=function(e){var i=t(e[0].target);switch(i.attr("data-events")){case"resize":i.triggerHandler("resizeme.zf.trigger",[i]);break;case"scroll":i.triggerHandler("scrollme.zf.trigger",[i,window.pageYOffset]);break;default:return!1}};if(e.length)for(var n=0;n<=e.length-1;n++){var s=new a(i);s.observe(e[n],{attributes:!0,childList:!1,characterData:!1,subtree:!1,attributeFilter:["data-events"]})}}var a=function(){for(var t=["WebKit","Moz","O","Ms",""],e=0;e<t.length;e++)if(t[e]+"MutationObserver"in window)return window[t[e]+"MutationObserver"];return!1}(),r=function(e,i){e.data(i).split(" ").forEach(function(n){t("#"+n)["close"===i?"trigger":"triggerHandler"](i+".zf.trigger",[e])})};t(document).on("click.zf.trigger","[data-open]",function(){r(t(this),"open")}),t(document).on("click.zf.trigger","[data-close]",function(){var e=t(this).data("close");e?r(t(this),"close"):t(this).trigger("close.zf.trigger")}),t(document).on("click.zf.trigger","[data-toggle]",function(){r(t(this),"toggle")}),t(document).on("close.zf.trigger","[data-closable]",function(e){e.stopPropagation();var i=t(this).data("closable");""!==i?Foundation.Motion.animateOut(t(this),i,function(){t(this).trigger("closed.zf")}):t(this).fadeOut().trigger("closed.zf")}),t(document).on("focus.zf.trigger blur.zf.trigger","[data-toggle-focus]",function(){var e=t(this).data("toggle-focus");t("#"+e).triggerHandler("toggle.zf.trigger",[t(this)])}),t(window).on("load",function(){e()}),Foundation.IHearYou=e}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Abide")}return _createClass(e,[{key:"_init",value:function(){this.$inputs=this.$element.find("input, textarea, select"),this._events()}},{key:"_events",value:function(){var e=this;this.$element.off(".abide").on("reset.zf.abide",function(){e.resetForm()}).on("submit.zf.abide",function(){return e.validateForm()}),"fieldChange"===this.options.validateOn&&this.$inputs.off("change.zf.abide").on("change.zf.abide",function(i){e.validateInput(t(i.target))}),this.options.liveValidate&&this.$inputs.off("input.zf.abide").on("input.zf.abide",function(i){e.validateInput(t(i.target))})}},{key:"_reflow",value:function(){this._init()}},{key:"requiredCheck",value:function(t){if(!t.attr("required"))return!0;var e=!0;switch(t[0].type){case"checkbox":e=t[0].checked;break;case"select":case"select-one":case"select-multiple":var i=t.find("option:selected");i.length&&i.val()||(e=!1);break;default:t.val()&&t.val().length||(e=!1)}return e}},{key:"findFormError",value:function(t){var e=t.siblings(this.options.formErrorSelector);return e.length||(e=t.parent().find(this.options.formErrorSelector)),e}},{key:"findLabel",value:function(t){var e=t[0].id,i=this.$element.find('label[for="'+e+'"]');return i.length?i:t.closest("label")}},{key:"findRadioLabels",value:function(e){var i=this,n=e.map(function(e,n){var s=n.id,o=i.$element.find('label[for="'+s+'"]');return o.length||(o=t(n).closest("label")),o[0]});return t(n)}},{key:"addErrorClasses",value:function(t){var e=this.findLabel(t),i=this.findFormError(t);e.length&&e.addClass(this.options.labelErrorClass),i.length&&i.addClass(this.options.formErrorClass),t.addClass(this.options.inputErrorClass).attr("data-invalid","")}},{key:"removeRadioErrorClasses",value:function(t){var e=this.$element.find(':radio[name="'+t+'"]'),i=this.findRadioLabels(e),n=this.findFormError(e);i.length&&i.removeClass(this.options.labelErrorClass),n.length&&n.removeClass(this.options.formErrorClass),e.removeClass(this.options.inputErrorClass).removeAttr("data-invalid")}},{key:"removeErrorClasses",value:function(t){if("radio"==t[0].type)return this.removeRadioErrorClasses(t.attr("name"));var e=this.findLabel(t),i=this.findFormError(t);e.length&&e.removeClass(this.options.labelErrorClass),i.length&&i.removeClass(this.options.formErrorClass),t.removeClass(this.options.inputErrorClass).removeAttr("data-invalid")}},{key:"validateInput",value:function(t){var e=this.requiredCheck(t),i=!1,n=!0,s=t.attr("data-validator"),o=!0;if(t.is("[data-abide-ignore]")||t.is('[type="hidden"]'))return!0;switch(t[0].type){case"radio":i=this.validateRadio(t.attr("name"));break;case"checkbox":i=e;break;case"select":case"select-one":case"select-multiple":i=e;break;default:i=this.validateText(t)}s&&(n=this.matchValidation(t,s,t.attr("required"))),t.attr("data-equalto")&&(o=this.options.validators.equalTo(t));var a=[e,i,n,o].indexOf(!1)===-1,r=(a?"valid":"invalid")+".zf.abide";return this[a?"removeErrorClasses":"addErrorClasses"](t),t.trigger(r,[t]),a}},{key:"validateForm",value:function(){var e=[],i=this;this.$inputs.each(function(){e.push(i.validateInput(t(this)))});var n=e.indexOf(!1)===-1;return this.$element.find("[data-abide-error]").css("display",n?"none":"block"),this.$element.trigger((n?"formvalid":"forminvalid")+".zf.abide",[this.$element]),n}},{key:"validateText",value:function(t,e){e=e||t.attr("pattern")||t.attr("type");var i=t.val(),n=!1;return i.length?n=this.options.patterns.hasOwnProperty(e)?this.options.patterns[e].test(i):e===t.attr("type")||new RegExp(e).test(i):t.prop("required")||(n=!0),n}},{key:"validateRadio",value:function(e){var i=this.$element.find(':radio[name="'+e+'"]'),n=!1,s=!1;return i.each(function(e,i){t(i).attr("required")&&(s=!0)}),s||(n=!0),n||i.each(function(e,i){t(i).prop("checked")&&(n=!0)}),n}},{key:"matchValidation",value:function(t,e,i){var n=this;i=!!i;var s=e.split(" ").map(function(e){return n.options.validators[e](t,i,t.parent())});return s.indexOf(!1)===-1}},{key:"resetForm",value:function(){var e=this.$element,i=this.options;t("."+i.labelErrorClass,e).not("small").removeClass(i.labelErrorClass),t("."+i.inputErrorClass,e).not("small").removeClass(i.inputErrorClass),t(i.formErrorSelector+"."+i.formErrorClass).removeClass(i.formErrorClass),e.find("[data-abide-error]").css("display","none"),t(":input",e).not(":button, :submit, :reset, :hidden, :radio, :checkbox, [data-abide-ignore]").val("").removeAttr("data-invalid"),t(":input:radio",e).not("[data-abide-ignore]").prop("checked",!1).removeAttr("data-invalid"),t(":input:checkbox",e).not("[data-abide-ignore]").prop("checked",!1).removeAttr("data-invalid"),e.trigger("formreset.zf.abide",[e])}},{key:"destroy",value:function(){var e=this;this.$element.off(".abide").find("[data-abide-error]").css("display","none"),this.$inputs.off(".abide").each(function(){e.removeErrorClasses(t(this))}),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={validateOn:"fieldChange",labelErrorClass:"is-invalid-label",inputErrorClass:"is-invalid-input",formErrorSelector:".form-error",formErrorClass:"is-visible",liveValidate:!1,patterns:{alpha:/^[a-zA-Z]+$/,alpha_numeric:/^[a-zA-Z0-9]+$/,integer:/^[-+]?\d+$/,number:/^[-+]?\d*(?:[\.\,]\d+)?$/,card:/^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,cvv:/^([0-9]){3,4}$/,email:/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,url:/^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/,domain:/^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/,datetime:/^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/,date:/(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/,time:/^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/,dateISO:/^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/,month_day_year:/^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/,day_month_year:/^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/,color:/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/},validators:{equalTo:function(e,i,n){return t("#"+e.attr("data-equalto")).val()===e.val()}}},Foundation.plugin(e,"Abide")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Accordion"),Foundation.Keyboard.register("Accordion",{ENTER:"toggle",SPACE:"toggle",ARROW_DOWN:"next",ARROW_UP:"previous"})}return _createClass(e,[{key:"_init",value:function(){this.$element.attr("role","tablist"),this.$tabs=this.$element.children("li, [data-accordion-item]"),this.$tabs.each(function(e,i){var n=t(i),s=n.children("[data-tab-content]"),o=s[0].id||Foundation.GetYoDigits(6,"accordion"),a=i.id||o+"-label";n.find("a:first").attr({"aria-controls":o,role:"tab",id:a,"aria-expanded":!1,"aria-selected":!1}),s.attr({role:"tabpanel","aria-labelledby":a,"aria-hidden":!0,id:o})});var e=this.$element.find(".is-active").children("[data-tab-content]");e.length&&this.down(e,!0),this._events()}},{key:"_events",value:function(){var e=this;this.$tabs.each(function(){var i=t(this),n=i.children("[data-tab-content]");n.length&&i.children("a").off("click.zf.accordion keydown.zf.accordion").on("click.zf.accordion",function(t){t.preventDefault(),e.toggle(n)}).on("keydown.zf.accordion",function(t){Foundation.Keyboard.handleKey(t,"Accordion",{toggle:function(){e.toggle(n)},next:function(){var t=i.next().find("a").focus();e.options.multiExpand||t.trigger("click.zf.accordion")},previous:function(){var t=i.prev().find("a").focus();e.options.multiExpand||t.trigger("click.zf.accordion")},handled:function(){t.preventDefault(),t.stopPropagation()}})})})}},{key:"toggle",value:function(t){t.parent().hasClass("is-active")?this.up(t):this.down(t)}},{key:"down",value:function(e,i){var n=this;if(e.attr("aria-hidden",!1).parent("[data-tab-content]").addBack().parent().addClass("is-active"),!this.options.multiExpand&&!i){var s=this.$element.children(".is-active").children("[data-tab-content]");s.length&&this.up(s.not(e))}e.slideDown(this.options.slideSpeed,function(){n.$element.trigger("down.zf.accordion",[e])}),t("#"+e.attr("aria-labelledby")).attr({"aria-expanded":!0,"aria-selected":!0})}},{key:"up",value:function(e){var i=e.parent().siblings(),n=this;(this.options.allowAllClosed||i.hasClass("is-active"))&&e.parent().hasClass("is-active")&&(e.slideUp(n.options.slideSpeed,function(){n.$element.trigger("up.zf.accordion",[e])}),e.attr("aria-hidden",!0).parent().removeClass("is-active"),t("#"+e.attr("aria-labelledby")).attr({"aria-expanded":!1,"aria-selected":!1}))}},{key:"destroy",value:function(){this.$element.find("[data-tab-content]").stop(!0).slideUp(0).css("display",""),this.$element.find("a").off(".zf.accordion"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={slideSpeed:250,multiExpand:!1,allowAllClosed:!1},Foundation.plugin(e,"Accordion")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"accordion"),this._init(),Foundation.registerPlugin(this,"AccordionMenu"),Foundation.Keyboard.register("AccordionMenu",{ENTER:"toggle",SPACE:"toggle",ARROW_RIGHT:"open",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"close",ESCAPE:"closeAll"})}return _createClass(e,[{key:"_init",value:function(){this.$element.find("[data-submenu]").not(".is-active").slideUp(0),this.$element.attr({role:"menu","aria-multiselectable":this.options.multiOpen}),this.$menuLinks=this.$element.find(".is-accordion-submenu-parent"),this.$menuLinks.each(function(){var e=this.id||Foundation.GetYoDigits(6,"acc-menu-link"),i=t(this),n=i.children("[data-submenu]"),s=n[0].id||Foundation.GetYoDigits(6,"acc-menu"),o=n.hasClass("is-active");i.attr({"aria-controls":s,"aria-expanded":o,role:"menuitem",id:e}),n.attr({"aria-labelledby":e,"aria-hidden":!o,role:"menu",id:s})});var e=this.$element.find(".is-active");if(e.length){var i=this;e.each(function(){i.down(t(this))})}this._events()}},{key:"_events",value:function(){var e=this;this.$element.find("li").each(function(){var i=t(this).children("[data-submenu]");i.length&&t(this).children("a").off("click.zf.accordionMenu").on("click.zf.accordionMenu",function(t){t.preventDefault(),e.toggle(i)})}).on("keydown.zf.accordionmenu",function(i){var n,s,o=t(this),a=o.parent("ul").children("li"),r=o.children("[data-submenu]");a.each(function(e){if(t(this).is(o))return n=a.eq(Math.max(0,e-1)).find("a").first(),s=a.eq(Math.min(e+1,a.length-1)).find("a").first(),t(this).children("[data-submenu]:visible").length&&(s=o.find("li:first-child").find("a").first()),
+t(this).is(":first-child")?n=o.parents("li").first().find("a").first():n.parents("li").first().children("[data-submenu]:visible").length&&(n=n.parents("li").find("li:last-child").find("a").first()),void(t(this).is(":last-child")&&(s=o.parents("li").first().next("li").find("a").first()))}),Foundation.Keyboard.handleKey(i,"AccordionMenu",{open:function(){r.is(":hidden")&&(e.down(r),r.find("li").first().find("a").first().focus())},close:function(){r.length&&!r.is(":hidden")?e.up(r):o.parent("[data-submenu]").length&&(e.up(o.parent("[data-submenu]")),o.parents("li").first().find("a").first().focus())},up:function(){return n.focus(),!0},down:function(){return s.focus(),!0},toggle:function(){o.children("[data-submenu]").length&&e.toggle(o.children("[data-submenu]"))},closeAll:function(){e.hideAll()},handled:function(t){t&&i.preventDefault(),i.stopImmediatePropagation()}})})}},{key:"hideAll",value:function(){this.$element.find("[data-submenu]").slideUp(this.options.slideSpeed)}},{key:"toggle",value:function(t){t.is(":animated")||(t.is(":hidden")?this.down(t):this.up(t))}},{key:"down",value:function(t){var e=this;this.options.multiOpen||this.up(this.$element.find(".is-active").not(t.parentsUntil(this.$element).add(t))),t.addClass("is-active").attr({"aria-hidden":!1}).parent(".is-accordion-submenu-parent").attr({"aria-expanded":!0}),t.slideDown(e.options.slideSpeed,function(){e.$element.trigger("down.zf.accordionMenu",[t])})}},{key:"up",value:function(t){var e=this;t.slideUp(e.options.slideSpeed,function(){e.$element.trigger("up.zf.accordionMenu",[t])});var i=t.find("[data-submenu]").slideUp(0).addBack().attr("aria-hidden",!0);i.parent(".is-accordion-submenu-parent").attr("aria-expanded",!1)}},{key:"destroy",value:function(){this.$element.find("[data-submenu]").slideDown(0).css("display",""),this.$element.find("a").off("click.zf.accordionMenu"),Foundation.Nest.Burn(this.$element,"accordion"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={slideSpeed:250,multiOpen:!0},Foundation.plugin(e,"AccordionMenu")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"drilldown"),this._init(),Foundation.registerPlugin(this,"Drilldown"),Foundation.Keyboard.register("Drilldown",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close",TAB:"down",SHIFT_TAB:"up"})}return _createClass(e,[{key:"_init",value:function(){this.$submenuAnchors=this.$element.find("li.is-drilldown-submenu-parent").children("a"),this.$submenus=this.$submenuAnchors.parent("li").children("[data-submenu]"),this.$menuItems=this.$element.find("li").not(".js-drilldown-back").attr("role","menuitem").find("a"),this._prepareMenu(),this._keyboardEvents()}},{key:"_prepareMenu",value:function(){var e=this;this.$submenuAnchors.each(function(){var i=t(this),n=i.parent();e.options.parentLink&&i.clone().prependTo(n.children("[data-submenu]")).wrap('<li class="is-submenu-parent-item is-submenu-item is-drilldown-submenu-item" role="menu-item"></li>'),i.data("savedHref",i.attr("href")).removeAttr("href").attr("tabindex",0),i.children("[data-submenu]").attr({"aria-hidden":!0,tabindex:0,role:"menu"}),e._events(i)}),this.$submenus.each(function(){var i=t(this),n=i.find(".js-drilldown-back");n.length||i.prepend(e.options.backButton),e._back(i)}),this.$element.parent().hasClass("is-drilldown")||(this.$wrapper=t(this.options.wrapper).addClass("is-drilldown"),this.$wrapper=this.$element.wrap(this.$wrapper).parent().css(this._getMaxDims()))}},{key:"_events",value:function(e){var i=this;e.off("click.zf.drilldown").on("click.zf.drilldown",function(n){if(t(n.target).parentsUntil("ul","li").hasClass("is-drilldown-submenu-parent")&&(n.stopImmediatePropagation(),n.preventDefault()),i._show(e.parent("li")),i.options.closeOnClick){var s=t("body");s.off(".zf.drilldown").on("click.zf.drilldown",function(e){e.target===i.$element[0]||t.contains(i.$element[0],e.target)||(e.preventDefault(),i._hideAll(),s.off(".zf.drilldown"))})}})}},{key:"_keyboardEvents",value:function(){var e=this;this.$menuItems.add(this.$element.find(".js-drilldown-back > a")).on("keydown.zf.drilldown",function(i){var n,s,o=t(this),a=o.parent("li").parent("ul").children("li").children("a");a.each(function(e){if(t(this).is(o))return n=a.eq(Math.max(0,e-1)),void(s=a.eq(Math.min(e+1,a.length-1)))}),Foundation.Keyboard.handleKey(i,"Drilldown",{next:function(){if(o.is(e.$submenuAnchors))return e._show(o.parent("li")),o.parent("li").one(Foundation.transitionend(o),function(){o.parent("li").find("ul li a").filter(e.$menuItems).first().focus()}),!0},previous:function(){return e._hide(o.parent("li").parent("ul")),o.parent("li").parent("ul").one(Foundation.transitionend(o),function(){setTimeout(function(){o.parent("li").parent("ul").parent("li").children("a").first().focus()},1)}),!0},up:function(){return n.focus(),!0},down:function(){return s.focus(),!0},close:function(){e._back()},open:function(){return o.is(e.$menuItems)?o.is(e.$submenuAnchors)?(e._show(o.parent("li")),o.parent("li").one(Foundation.transitionend(o),function(){o.parent("li").find("ul li a").filter(e.$menuItems).first().focus()}),!0):void 0:(e._hide(o.parent("li").parent("ul")),o.parent("li").parent("ul").one(Foundation.transitionend(o),function(){setTimeout(function(){o.parent("li").parent("ul").parent("li").children("a").first().focus()},1)}),!0)},handled:function(t){t&&i.preventDefault(),i.stopImmediatePropagation()}})})}},{key:"_hideAll",value:function(){var t=this.$element.find(".is-drilldown-submenu.is-active").addClass("is-closing");t.one(Foundation.transitionend(t),function(e){t.removeClass("is-active is-closing")}),this.$element.trigger("closed.zf.drilldown")}},{key:"_back",value:function(t){var e=this;t.off("click.zf.drilldown"),t.children(".js-drilldown-back").on("click.zf.drilldown",function(i){i.stopImmediatePropagation(),e._hide(t);var n=t.parent("li").parent("ul").parent("li");n.length&&e._show(n)})}},{key:"_menuLinkEvents",value:function(){var t=this;this.$menuItems.not(".is-drilldown-submenu-parent").off("click.zf.drilldown").on("click.zf.drilldown",function(e){setTimeout(function(){t._hideAll()},0)})}},{key:"_show",value:function(t){t.attr("aria-expanded",!0),t.children("[data-submenu]").addClass("is-active").attr("aria-hidden",!1),this.$element.trigger("open.zf.drilldown",[t])}},{key:"_hide",value:function(t){t.parent("li").attr("aria-expanded",!1),t.attr("aria-hidden",!0).addClass("is-closing").one(Foundation.transitionend(t),function(){t.removeClass("is-active is-closing"),t.blur()}),t.trigger("hide.zf.drilldown",[t])}},{key:"_getMaxDims",value:function(){var t=0,e={};return this.$submenus.add(this.$element).each(function(e,i){var n=i.getBoundingClientRect().height;n>t&&(t=n)}),e["min-height"]=t+"px",e["max-width"]=this.$element[0].getBoundingClientRect().width+"px",e}},{key:"destroy",value:function(){this._hideAll(),Foundation.Nest.Burn(this.$element,"drilldown"),this.$element.unwrap().find(".js-drilldown-back, .is-submenu-parent-item").remove().end().find(".is-active, .is-closing, .is-drilldown-submenu").removeClass("is-active is-closing is-drilldown-submenu").end().find("[data-submenu]").removeAttr("aria-hidden tabindex role"),this.$submenuAnchors.each(function(){t(this).off(".zf.drilldown")}),this.$element.find("a").each(function(){var e=t(this);e.removeAttr("tabindex"),e.data("savedHref")&&e.attr("href",e.data("savedHref")).removeData("savedHref")}),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={backButton:'<li class="js-drilldown-back"><a tabindex="0">Back</a></li>',wrapper:"<div></div>",parentLink:!1,closeOnClick:!1},Foundation.plugin(e,"Drilldown")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Dropdown"),Foundation.Keyboard.register("Dropdown",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("id");this.$anchor=t(t('[data-toggle="'+e+'"]').length?'[data-toggle="'+e+'"]':'[data-open="'+e+'"]'),this.$anchor.attr({"aria-controls":e,"data-is-focus":!1,"data-yeti-box":e,"aria-haspopup":!0,"aria-expanded":!1}),this.options.positionClass=this.getPositionClass(),this.counter=4,this.usedPositions=[],this.$element.attr({"aria-hidden":"true","data-yeti-box":e,"data-resize":e,"aria-labelledby":this.$anchor[0].id||Foundation.GetYoDigits(6,"dd-anchor")}),this._events()}},{key:"getPositionClass",value:function(){var t=this.$element[0].className.match(/(top|left|right|bottom)/g);t=t?t[0]:"";var e=/float-(\S+)/.exec(this.$anchor[0].className);e=e?e[1]:"";var i=e?e+" "+t:t;return i}},{key:"_reposition",value:function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.$element.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.$element.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.$element.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):this.$element.removeClass(t),this.classChanged=!0,this.counter--}},{key:"_setPosition",value:function(){if("false"===this.$anchor.attr("aria-expanded"))return!1;var t=this.getPositionClass(),e=Foundation.Box.GetDimensions(this.$element),i=(Foundation.Box.GetDimensions(this.$anchor),"left"===t?"left":"right"===t?"left":"top"),n="top"===i?"height":"width";"height"===n?this.options.vOffset:this.options.hOffset;if(e.width>=e.windowDims.width||!this.counter&&!Foundation.Box.ImNotTouchingYou(this.$element))return this.$element.offset(Foundation.Box.GetOffsets(this.$element,this.$anchor,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:e.windowDims.width-2*this.options.hOffset,height:"auto"}),this.classChanged=!0,!1;for(this.$element.offset(Foundation.Box.GetOffsets(this.$element,this.$anchor,t,this.options.vOffset,this.options.hOffset));!Foundation.Box.ImNotTouchingYou(this.$element,!1,!0)&&this.counter;)this._reposition(t),this._setPosition()}},{key:"_events",value:function(){var e=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":this._setPosition.bind(this)}),this.options.hover&&(this.$anchor.off("mouseenter.zf.dropdown mouseleave.zf.dropdown").on("mouseenter.zf.dropdown",function(){t('body[data-whatinput="mouse"]').is("*")&&(clearTimeout(e.timeout),e.timeout=setTimeout(function(){e.open(),e.$anchor.data("hover",!0)},e.options.hoverDelay))}).on("mouseleave.zf.dropdown",function(){clearTimeout(e.timeout),e.timeout=setTimeout(function(){e.close(),e.$anchor.data("hover",!1)},e.options.hoverDelay)}),this.options.hoverPane&&this.$element.off("mouseenter.zf.dropdown mouseleave.zf.dropdown").on("mouseenter.zf.dropdown",function(){clearTimeout(e.timeout)}).on("mouseleave.zf.dropdown",function(){clearTimeout(e.timeout),e.timeout=setTimeout(function(){e.close(),e.$anchor.data("hover",!1)},e.options.hoverDelay)})),this.$anchor.add(this.$element).on("keydown.zf.dropdown",function(i){var n=t(this),s=Foundation.Keyboard.findFocusable(e.$element);Foundation.Keyboard.handleKey(i,"Dropdown",{tab_forward:function(){e.$element.find(":focus").is(s.eq(-1))&&(e.options.trapFocus?(s.eq(0).focus(),i.preventDefault()):e.close())},tab_backward:function(){(e.$element.find(":focus").is(s.eq(0))||e.$element.is(":focus"))&&(e.options.trapFocus?(s.eq(-1).focus(),i.preventDefault()):e.close())},open:function(){n.is(e.$anchor)&&(e.open(),e.$element.attr("tabindex",-1).focus(),i.preventDefault())},close:function(){e.close(),e.$anchor.focus()}})})}},{key:"_addBodyHandler",value:function(){var e=t(document.body).not(this.$element),i=this;e.off("click.zf.dropdown").on("click.zf.dropdown",function(t){i.$anchor.is(t.target)||i.$anchor.find(t.target).length||i.$element.find(t.target).length||(i.close(),e.off("click.zf.dropdown"))})}},{key:"open",value:function(){if(this.$element.trigger("closeme.zf.dropdown",this.$element.attr("id")),this.$anchor.addClass("hover").attr({"aria-expanded":!0}),this._setPosition(),this.$element.addClass("is-open").attr({"aria-hidden":!1}),this.options.autoFocus){var t=Foundation.Keyboard.findFocusable(this.$element);t.length&&t.eq(0).focus()}this.options.closeOnClick&&this._addBodyHandler(),this.$element.trigger("show.zf.dropdown",[this.$element])}},{key:"close",value:function(){if(!this.$element.hasClass("is-open"))return!1;if(this.$element.removeClass("is-open").attr({"aria-hidden":!0}),this.$anchor.removeClass("hover").attr("aria-expanded",!1),this.classChanged){var t=this.getPositionClass();t&&this.$element.removeClass(t),this.$element.addClass(this.options.positionClass).css({height:"",width:""}),this.classChanged=!1,this.counter=4,this.usedPositions.length=0}this.$element.trigger("hide.zf.dropdown",[this.$element])}},{key:"toggle",value:function(){if(this.$element.hasClass("is-open")){if(this.$anchor.data("hover"))return;this.close()}else this.open()}},{key:"destroy",value:function(){this.$element.off(".zf.trigger").hide(),this.$anchor.off(".zf.dropdown"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={hoverDelay:250,hover:!1,hoverPane:!1,vOffset:1,hOffset:1,positionClass:"",trapFocus:!1,autoFocus:!1,closeOnClick:!1},Foundation.plugin(e,"Dropdown")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"dropdown"),this._init(),Foundation.registerPlugin(this,"DropdownMenu"),Foundation.Keyboard.register("DropdownMenu",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close"})}return _createClass(e,[{key:"_init",value:function(){var t=this.$element.find("li.is-dropdown-submenu-parent");this.$element.children(".is-dropdown-submenu-parent").children(".is-dropdown-submenu").addClass("first-sub"),this.$menuItems=this.$element.find('[role="menuitem"]'),this.$tabs=this.$element.children('[role="menuitem"]'),this.$tabs.find("ul.is-dropdown-submenu").addClass(this.options.verticalClass),this.$element.hasClass(this.options.rightClass)||"right"===this.options.alignment||Foundation.rtl()||this.$element.parents(".top-bar-right").is("*")?(this.options.alignment="right",t.addClass("opens-left")):t.addClass("opens-right"),this.changed=!1,this._events()}},{key:"_isVertical",value:function(){return"block"===this.$tabs.css("display")}},{key:"_events",value:function(){var e=this,i="ontouchstart"in window||"undefined"!=typeof window.ontouchstart,n="is-dropdown-submenu-parent",s=function(s){var o=t(s.target).parentsUntil("ul","."+n),a=o.hasClass(n),r="true"===o.attr("data-is-click"),l=o.children(".is-dropdown-submenu");if(!a)return void(e.options.closeOnClickInside&&e._hide(o));if(r){if(!e.options.closeOnClick||!e.options.clickOpen&&!i||e.options.forceFollow&&i)return;s.stopImmediatePropagation(),s.preventDefault(),e._hide(o)}else s.preventDefault(),s.stopImmediatePropagation(),e._show(l),o.add(o.parentsUntil(e.$element,"."+n)).attr("data-is-click",!0)};(this.options.clickOpen||i)&&this.$menuItems.on("click.zf.dropdownmenu touchstart.zf.dropdownmenu",s),this.options.disableHover||this.$menuItems.on("mouseenter.zf.dropdownmenu",function(i){var s=t(this),o=s.hasClass(n);o&&(clearTimeout(e.delay),e.delay=setTimeout(function(){e._show(s.children(".is-dropdown-submenu"))},e.options.hoverDelay))}).on("mouseleave.zf.dropdownmenu",function(i){var s=t(this),o=s.hasClass(n);if(o&&e.options.autoclose){if("true"===s.attr("data-is-click")&&e.options.clickOpen)return!1;clearTimeout(e.delay),e.delay=setTimeout(function(){e._hide(s)},e.options.closingTime)}}),this.$menuItems.on("keydown.zf.dropdownmenu",function(i){var n,s,o=t(i.target).parentsUntil("ul",'[role="menuitem"]'),a=e.$tabs.index(o)>-1,r=a?e.$tabs:o.siblings("li").add(o);r.each(function(e){if(t(this).is(o))return n=r.eq(e-1),void(s=r.eq(e+1))});var l=function(){o.is(":last-child")||(s.children("a:first").focus(),i.preventDefault())},u=function(){n.children("a:first").focus(),i.preventDefault()},d=function(){var t=o.children("ul.is-dropdown-submenu");t.length&&(e._show(t),o.find("li > a:first").focus(),i.preventDefault())},h=function(){var t=o.parent("ul").parent("li");t.children("a:first").focus(),e._hide(t),i.preventDefault()},c={open:d,close:function(){e._hide(e.$element),e.$menuItems.find("a:first").focus(),i.preventDefault()},handled:function(){i.stopImmediatePropagation()}};a?e._isVertical()?Foundation.rtl()?t.extend(c,{down:l,up:u,next:h,previous:d}):t.extend(c,{down:l,up:u,next:d,previous:h}):Foundation.rtl()?t.extend(c,{next:u,previous:l,down:d,up:h}):t.extend(c,{next:l,previous:u,down:d,up:h}):Foundation.rtl()?t.extend(c,{next:h,previous:d,down:l,up:u}):t.extend(c,{next:d,previous:h,down:l,up:u}),Foundation.Keyboard.handleKey(i,"DropdownMenu",c)})}},{key:"_addBodyHandler",value:function(){var e=t(document.body),i=this;e.off("mouseup.zf.dropdownmenu touchend.zf.dropdownmenu").on("mouseup.zf.dropdownmenu touchend.zf.dropdownmenu",function(t){var n=i.$element.find(t.target);n.length||(i._hide(),e.off("mouseup.zf.dropdownmenu touchend.zf.dropdownmenu"))})}},{key:"_show",value:function(e){var i=this.$tabs.index(this.$tabs.filter(function(i,n){return t(n).find(e).length>0})),n=e.parent("li.is-dropdown-submenu-parent").siblings("li.is-dropdown-submenu-parent");this._hide(n,i),e.css("visibility","hidden").addClass("js-dropdown-active").attr({"aria-hidden":!1}).parent("li.is-dropdown-submenu-parent").addClass("is-active").attr({"aria-expanded":!0});var s=Foundation.Box.ImNotTouchingYou(e,null,!0);if(!s){var o="left"===this.options.alignment?"-right":"-left",a=e.parent(".is-dropdown-submenu-parent");a.removeClass("opens"+o).addClass("opens-"+this.options.alignment),s=Foundation.Box.ImNotTouchingYou(e,null,!0),s||a.removeClass("opens-"+this.options.alignment).addClass("opens-inner"),this.changed=!0}e.css("visibility",""),this.options.closeOnClick&&this._addBodyHandler(),this.$element.trigger("show.zf.dropdownmenu",[e])}},{key:"_hide",value:function(t,e){var i;i=t&&t.length?t:void 0!==e?this.$tabs.not(function(t,i){return t===e}):this.$element;var n=i.hasClass("is-active")||i.find(".is-active").length>0;if(n){if(i.find("li.is-active").add(i).attr({"aria-expanded":!1,"data-is-click":!1}).removeClass("is-active"),i.find("ul.js-dropdown-active").attr({"aria-hidden":!0}).removeClass("js-dropdown-active"),this.changed||i.find("opens-inner").length){var s="left"===this.options.alignment?"right":"left";i.find("li.is-dropdown-submenu-parent").add(i).removeClass("opens-inner opens-"+this.options.alignment).addClass("opens-"+s),this.changed=!1}this.$element.trigger("hide.zf.dropdownmenu",[i])}}},{key:"destroy",value:function(){this.$menuItems.off(".zf.dropdownmenu").removeAttr("data-is-click").removeClass("is-right-arrow is-left-arrow is-down-arrow opens-right opens-left opens-inner"),t(document.body).off(".zf.dropdownmenu"),Foundation.Nest.Burn(this.$element,"dropdown"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={disableHover:!1,autoclose:!0,hoverDelay:50,clickOpen:!1,closingTime:500,alignment:"left",closeOnClick:!0,closeOnClickInside:!0,verticalClass:"vertical",rightClass:"align-right",forceFollow:!0},Foundation.plugin(e,"DropdownMenu")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Equalizer")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("data-equalizer")||"",i=this.$element.find('[data-equalizer-watch="'+e+'"]');this.$watched=i.length?i:this.$element.find("[data-equalizer-watch]"),this.$element.attr("data-resize",e||Foundation.GetYoDigits(6,"eq")),this.hasNested=this.$element.find("[data-equalizer]").length>0,this.isNested=this.$element.parentsUntil(document.body,"[data-equalizer]").length>0,this.isOn=!1,this._bindHandler={onResizeMeBound:this._onResizeMe.bind(this),onPostEqualizedBound:this._onPostEqualized.bind(this)};var n,s=this.$element.find("img");this.options.equalizeOn?(n=this._checkMQ(),t(window).on("changed.zf.mediaquery",this._checkMQ.bind(this))):this._events(),(void 0!==n&&n===!1||void 0===n)&&(s.length?Foundation.onImagesLoaded(s,this._reflow.bind(this)):this._reflow())}},{key:"_pauseEvents",value:function(){this.isOn=!1,this.$element.off({".zf.equalizer":this._bindHandler.onPostEqualizedBound,"resizeme.zf.trigger":this._bindHandler.onResizeMeBound})}},{key:"_onResizeMe",value:function(t){this._reflow()}},{key:"_onPostEqualized",value:function(t){t.target!==this.$element[0]&&this._reflow()}},{key:"_events",value:function(){this._pauseEvents(),this.hasNested?this.$element.on("postequalized.zf.equalizer",this._bindHandler.onPostEqualizedBound):this.$element.on("resizeme.zf.trigger",this._bindHandler.onResizeMeBound),this.isOn=!0}},{key:"_checkMQ",value:function(){var t=!Foundation.MediaQuery.atLeast(this.options.equalizeOn);return t?this.isOn&&(this._pauseEvents(),this.$watched.css("height","auto")):this.isOn||this._events(),t}},{key:"_killswitch",value:function(){}},{key:"_reflow",value:function(){return!this.options.equalizeOnStack&&this._isStacked()?(this.$watched.css("height","auto"),!1):void(this.options.equalizeByRow?this.getHeightsByRow(this.applyHeightByRow.bind(this)):this.getHeights(this.applyHeight.bind(this)))}},{key:"_isStacked",value:function(){return this.$watched[0].getBoundingClientRect().top!==this.$watched[1].getBoundingClientRect().top}},{key:"getHeights",value:function(t){for(var e=[],i=0,n=this.$watched.length;i<n;i++)this.$watched[i].style.height="auto",e.push(this.$watched[i].offsetHeight);t(e)}},{key:"getHeightsByRow",value:function(e){var i=this.$watched.length?this.$watched.first().offset().top:0,n=[],s=0;n[s]=[];for(var o=0,a=this.$watched.length;o<a;o++){this.$watched[o].style.height="auto";var r=t(this.$watched[o]).offset().top;r!=i&&(s++,n[s]=[],i=r),n[s].push([this.$watched[o],this.$watched[o].offsetHeight])}for(var l=0,u=n.length;l<u;l++){var d=t(n[l]).map(function(){return this[1]}).get(),h=Math.max.apply(null,d);n[l].push(h)}e(n)}},{key:"applyHeight",value:function(t){var e=Math.max.apply(null,t);this.$element.trigger("preequalized.zf.equalizer"),this.$watched.css("height",e),this.$element.trigger("postequalized.zf.equalizer")}},{key:"applyHeightByRow",value:function(e){this.$element.trigger("preequalized.zf.equalizer");for(var i=0,n=e.length;i<n;i++){var s=e[i].length,o=e[i][s-1];if(s<=2)t(e[i][0][0]).css({height:"auto"});else{this.$element.trigger("preequalizedrow.zf.equalizer");for(var a=0,r=s-1;a<r;a++)t(e[i][a][0]).css({height:o});this.$element.trigger("postequalizedrow.zf.equalizer")}}this.$element.trigger("postequalized.zf.equalizer")}},{key:"destroy",value:function(){this._pauseEvents(),this.$watched.css("height","auto"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={equalizeOnStack:!1,equalizeByRow:!1,equalizeOn:""},Foundation.plugin(e,"Equalizer")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,n),this.rules=[],this.currentPath="",this._init(),this._events(),Foundation.registerPlugin(this,"Interchange")}return _createClass(e,[{key:"_init",value:function(){this._addBreakpoints(),this._generateRules(),this._reflow()}},{key:"_events",value:function(){t(window).on("resize.zf.interchange",Foundation.util.throttle(this._reflow.bind(this),50))}},{key:"_reflow",value:function(){var t;for(var e in this.rules)if(this.rules.hasOwnProperty(e)){var i=this.rules[e];window.matchMedia(i.query).matches&&(t=i)}t&&this.replace(t.path)}},{key:"_addBreakpoints",value:function(){for(var t in Foundation.MediaQuery.queries)if(Foundation.MediaQuery.queries.hasOwnProperty(t)){var i=Foundation.MediaQuery.queries[t];e.SPECIAL_QUERIES[i.name]=i.value}}},{key:"_generateRules",value:function(t){var i,n=[];i=this.options.rules?this.options.rules:this.$element.data("interchange").match(/\[.*?\]/g);for(var s in i)if(i.hasOwnProperty(s)){var o=i[s].slice(1,-1).split(", "),a=o.slice(0,-1).join(""),r=o[o.length-1];e.SPECIAL_QUERIES[r]&&(r=e.SPECIAL_QUERIES[r]),n.push({path:a,query:r})}this.rules=n}},{key:"replace",value:function(e){if(this.currentPath!==e){var i=this,n="replaced.zf.interchange";"IMG"===this.$element[0].nodeName?this.$element.attr("src",e).on("load",function(){i.currentPath=e}).trigger(n):e.match(/\.(gif|jpg|jpeg|png|svg|tiff)([?#].*)?/i)?this.$element.css({"background-image":"url("+e+")"}).trigger(n):t.get(e,function(s){i.$element.html(s).trigger(n),t(s).foundation(),i.currentPath=e})}}},{key:"destroy",value:function(){}}]),e}();e.defaults={rules:null},e.SPECIAL_QUERIES={landscape:"screen and (orientation: landscape)",portrait:"screen and (orientation: portrait)",retina:"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)"},Foundation.plugin(e,"Interchange")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Magellan")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element[0].id||Foundation.GetYoDigits(6,"magellan");this.$targets=t("[data-magellan-target]"),this.$links=this.$element.find("a"),this.$element.attr({"data-resize":e,"data-scroll":e,id:e}),this.$active=t(),this.scrollPos=parseInt(window.pageYOffset,10),this._events()}},{key:"calcPoints",value:function(){var e=this,i=document.body,n=document.documentElement;this.points=[],this.winHeight=Math.round(Math.max(window.innerHeight,n.clientHeight)),this.docHeight=Math.round(Math.max(i.scrollHeight,i.offsetHeight,n.clientHeight,n.scrollHeight,n.offsetHeight)),this.$targets.each(function(){var i=t(this),n=Math.round(i.offset().top-e.options.threshold);i.targetPoint=n,e.points.push(n)})}},{key:"_events",value:function(){var e=this;t("html, body"),{duration:e.options.animationDuration,easing:e.options.animationEasing};t(window).one("load",function(){e.options.deepLinking&&location.hash&&e.scrollToLoc(location.hash),e.calcPoints(),e._updateActive()}),this.$element.on({"resizeme.zf.trigger":this.reflow.bind(this),"scrollme.zf.trigger":this._updateActive.bind(this)}).on("click.zf.magellan",'a[href^="#"]',function(t){t.preventDefault();var i=this.getAttribute("href");e.scrollToLoc(i)})}},{key:"scrollToLoc",value:function(e){if(!t(e).length)return!1;var i=Math.round(t(e).offset().top-this.options.threshold/2-this.options.barOffset);t("html, body").stop(!0).animate({scrollTop:i},this.options.animationDuration,this.options.animationEasing)}},{key:"reflow",value:function(){this.calcPoints(),this._updateActive()}},{key:"_updateActive",value:function(){var t,e=parseInt(window.pageYOffset,10);if(e+this.winHeight===this.docHeight)t=this.points.length-1;else if(e<this.points[0])t=0;else{var i=this.scrollPos<e,n=this,s=this.points.filter(function(t,s){return i?t-n.options.barOffset<=e:t-n.options.barOffset-n.options.threshold<=e});t=s.length?s.length-1:0}if(this.$active.removeClass(this.options.activeClass),this.$active=this.$links.filter('[href="#'+this.$targets.eq(t).data("magellan-target")+'"]').addClass(this.options.activeClass),this.options.deepLinking){var o=this.$active[0].getAttribute("href");window.history.pushState?window.history.pushState(null,null,o):window.location.hash=o}this.scrollPos=e,this.$element.trigger("update.zf.magellan",[this.$active])}},{key:"destroy",value:function(){if(this.$element.off(".zf.trigger .zf.magellan").find("."+this.options.activeClass).removeClass(this.options.activeClass),this.options.deepLinking){var t=this.$active[0].getAttribute("href");window.location.hash.replace(t,"")}Foundation.unregisterPlugin(this)}}]),e}();e.defaults={animationDuration:500,animationEasing:"linear",threshold:50,activeClass:"active",deepLinking:!1,barOffset:0},Foundation.plugin(e,"Magellan")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this.$lastTrigger=t(),this.$triggers=t(),this._init(),this._events(),Foundation.registerPlugin(this,"OffCanvas"),Foundation.Keyboard.register("OffCanvas",{ESCAPE:"close"})}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("id");if(this.$element.attr("aria-hidden","true"),this.$triggers=t(document).find('[data-open="'+e+'"], [data-close="'+e+'"], [data-toggle="'+e+'"]').attr("aria-expanded","false").attr("aria-controls",e),this.options.closeOnClick)if(t(".js-off-canvas-exit").length)this.$exiter=t(".js-off-canvas-exit");else{var i=document.createElement("div");i.setAttribute("class","js-off-canvas-exit"),t("[data-off-canvas-content]").append(i),this.$exiter=t(i)}this.options.isRevealed=this.options.isRevealed||new RegExp(this.options.revealClass,"g").test(this.$element[0].className),this.options.isRevealed&&(this.options.revealOn=this.options.revealOn||this.$element[0].className.match(/(reveal-for-medium|reveal-for-large)/g)[0].split("-")[2],this._setMQChecker()),this.options.transitionTime||(this.options.transitionTime=1e3*parseFloat(window.getComputedStyle(t("[data-off-canvas-wrapper]")[0]).transitionDuration));
+}},{key:"_events",value:function(){this.$element.off(".zf.trigger .zf.offcanvas").on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"keydown.zf.offcanvas":this._handleKeyboard.bind(this)}),this.options.closeOnClick&&this.$exiter.length&&this.$exiter.on({"click.zf.offcanvas":this.close.bind(this)})}},{key:"_setMQChecker",value:function(){var e=this;t(window).on("changed.zf.mediaquery",function(){Foundation.MediaQuery.atLeast(e.options.revealOn)?e.reveal(!0):e.reveal(!1)}).one("load.zf.offcanvas",function(){Foundation.MediaQuery.atLeast(e.options.revealOn)&&e.reveal(!0)})}},{key:"reveal",value:function(t){var e=this.$element.find("[data-close]");t?(this.close(),this.isRevealed=!0,this.$element.off("open.zf.trigger toggle.zf.trigger"),e.length&&e.hide()):(this.isRevealed=!1,this.$element.on({"open.zf.trigger":this.open.bind(this),"toggle.zf.trigger":this.toggle.bind(this)}),e.length&&e.show())}},{key:"open",value:function(e,i){if(!this.$element.hasClass("is-open")&&!this.isRevealed){var n=this;t(document.body);this.options.forceTop&&t("body").scrollTop(0);var s=t("[data-off-canvas-wrapper]");s.addClass("is-off-canvas-open is-open-"+n.options.position),n.$element.addClass("is-open"),this.$triggers.attr("aria-expanded","true"),this.$element.attr("aria-hidden","false").trigger("opened.zf.offcanvas"),this.options.closeOnClick&&this.$exiter.addClass("is-visible"),i&&(this.$lastTrigger=i),this.options.autoFocus&&s.one(Foundation.transitionend(s),function(){n.$element.hasClass("is-open")&&(n.$element.attr("tabindex","-1"),n.$element.focus())}),this.options.trapFocus&&s.one(Foundation.transitionend(s),function(){n.$element.hasClass("is-open")&&(n.$element.attr("tabindex","-1"),n.trapFocus())})}}},{key:"_trapFocus",value:function(){var t=Foundation.Keyboard.findFocusable(this.$element),e=t.eq(0),i=t.eq(-1);t.off(".zf.offcanvas").on("keydown.zf.offcanvas",function(t){var n=Foundation.Keyboard.parseKey(t);"TAB"===n&&t.target===i[0]&&(t.preventDefault(),e.focus()),"SHIFT_TAB"===n&&t.target===e[0]&&(t.preventDefault(),i.focus())})}},{key:"close",value:function(e){if(this.$element.hasClass("is-open")&&!this.isRevealed){var i=this;t("[data-off-canvas-wrapper]").removeClass("is-off-canvas-open is-open-"+i.options.position),i.$element.removeClass("is-open"),this.$element.attr("aria-hidden","true").trigger("closed.zf.offcanvas"),this.options.closeOnClick&&this.$exiter.removeClass("is-visible"),this.$triggers.attr("aria-expanded","false"),this.options.trapFocus&&t("[data-off-canvas-content]").removeAttr("tabindex")}}},{key:"toggle",value:function(t,e){this.$element.hasClass("is-open")?this.close(t,e):this.open(t,e)}},{key:"_handleKeyboard",value:function(t){var e=this;Foundation.Keyboard.handleKey(t,"OffCanvas",{close:function(){return e.close(),e.$lastTrigger.focus(),!0},handled:function(){t.stopPropagation(),t.preventDefault()}})}},{key:"destroy",value:function(){this.close(),this.$element.off(".zf.trigger .zf.offcanvas"),this.$exiter.off(".zf.offcanvas"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={closeOnClick:!0,transitionTime:0,position:"left",forceTop:!0,isRevealed:!1,revealOn:null,autoFocus:!0,revealClass:"reveal-for-",trapFocus:!1},Foundation.plugin(e,"OffCanvas")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Orbit"),Foundation.Keyboard.register("Orbit",{ltr:{ARROW_RIGHT:"next",ARROW_LEFT:"previous"},rtl:{ARROW_LEFT:"next",ARROW_RIGHT:"previous"}})}return _createClass(e,[{key:"_init",value:function(){this.$wrapper=this.$element.find("."+this.options.containerClass),this.$slides=this.$element.find("."+this.options.slideClass);var t=this.$element.find("img"),e=this.$slides.filter(".is-active");e.length||this.$slides.eq(0).addClass("is-active"),this.options.useMUI||this.$slides.addClass("no-motionui"),t.length?Foundation.onImagesLoaded(t,this._prepareForOrbit.bind(this)):this._prepareForOrbit(),this.options.bullets&&this._loadBullets(),this._events(),this.options.autoPlay&&this.$slides.length>1&&this.geoSync(),this.options.accessible&&this.$wrapper.attr("tabindex",0)}},{key:"_loadBullets",value:function(){this.$bullets=this.$element.find("."+this.options.boxOfBullets).find("button")}},{key:"geoSync",value:function(){var t=this;this.timer=new Foundation.Timer(this.$element,{duration:this.options.timerDelay,infinite:!1},function(){t.changeSlide(!0)}),this.timer.start()}},{key:"_prepareForOrbit",value:function(){var t=this;this._setWrapperHeight(function(e){t._setSlideHeight(e)})}},{key:"_setWrapperHeight",value:function(e){var i,n=0,s=0;this.$slides.each(function(){i=this.getBoundingClientRect().height,t(this).attr("data-slide",s),s&&t(this).css({position:"relative",display:"none"}),n=i>n?i:n,s++}),s===this.$slides.length&&(this.$wrapper.css({height:n}),e(n))}},{key:"_setSlideHeight",value:function(e){this.$slides.each(function(){t(this).css("max-height",e)})}},{key:"_events",value:function(){var e=this;if(this.$slides.length>1){if(this.options.swipe&&this.$slides.off("swipeleft.zf.orbit swiperight.zf.orbit").on("swipeleft.zf.orbit",function(t){t.preventDefault(),e.changeSlide(!0)}).on("swiperight.zf.orbit",function(t){t.preventDefault(),e.changeSlide(!1)}),this.options.autoPlay&&(this.$slides.on("click.zf.orbit",function(){e.$element.data("clickedOn",!e.$element.data("clickedOn")),e.timer[e.$element.data("clickedOn")?"pause":"start"]()}),this.options.pauseOnHover&&this.$element.on("mouseenter.zf.orbit",function(){e.timer.pause()}).on("mouseleave.zf.orbit",function(){e.$element.data("clickedOn")||e.timer.start()})),this.options.navButtons){var i=this.$element.find("."+this.options.nextClass+", ."+this.options.prevClass);i.attr("tabindex",0).on("click.zf.orbit touchend.zf.orbit",function(i){i.preventDefault(),e.changeSlide(t(this).hasClass(e.options.nextClass))})}this.options.bullets&&this.$bullets.on("click.zf.orbit touchend.zf.orbit",function(){if(/is-active/g.test(this.className))return!1;var i=t(this).data("slide"),n=i>e.$slides.filter(".is-active").data("slide"),s=e.$slides.eq(i);e.changeSlide(n,s,i)}),this.options.accessible&&this.$wrapper.add(this.$bullets).on("keydown.zf.orbit",function(i){Foundation.Keyboard.handleKey(i,"Orbit",{next:function(){e.changeSlide(!0)},previous:function(){e.changeSlide(!1)},handled:function(){t(i.target).is(e.$bullets)&&e.$bullets.filter(".is-active").focus()}})})}}},{key:"changeSlide",value:function(t,e,i){var n=this.$slides.filter(".is-active").eq(0);if(/mui/g.test(n[0].className))return!1;var s,o=this.$slides.first(),a=this.$slides.last(),r=t?"Right":"Left",l=t?"Left":"Right",u=this;s=e?e:t?this.options.infiniteWrap?n.next("."+this.options.slideClass).length?n.next("."+this.options.slideClass):o:n.next("."+this.options.slideClass):this.options.infiniteWrap?n.prev("."+this.options.slideClass).length?n.prev("."+this.options.slideClass):a:n.prev("."+this.options.slideClass),s.length&&(this.$element.trigger("beforeslidechange.zf.orbit",[n,s]),this.options.bullets&&(i=i||this.$slides.index(s),this._updateBullets(i)),this.options.useMUI?(Foundation.Motion.animateIn(s.addClass("is-active").css({position:"absolute",top:0}),this.options["animInFrom"+r],function(){s.css({position:"relative",display:"block"}).attr("aria-live","polite")}),Foundation.Motion.animateOut(n.removeClass("is-active"),this.options["animOutTo"+l],function(){n.removeAttr("aria-live"),u.options.autoPlay&&!u.timer.isPaused&&u.timer.restart()})):(n.removeClass("is-active is-in").removeAttr("aria-live").hide(),s.addClass("is-active is-in").attr("aria-live","polite").show(),this.options.autoPlay&&!this.timer.isPaused&&this.timer.restart()),this.$element.trigger("slidechange.zf.orbit",[s]))}},{key:"_updateBullets",value:function(t){var e=this.$element.find("."+this.options.boxOfBullets).find(".is-active").removeClass("is-active").blur(),i=e.find("span:last").detach();this.$bullets.eq(t).addClass("is-active").append(i)}},{key:"destroy",value:function(){this.$element.off(".zf.orbit").find("*").off(".zf.orbit").end().hide(),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={bullets:!0,navButtons:!0,animInFromRight:"slide-in-right",animOutToRight:"slide-out-right",animInFromLeft:"slide-in-left",animOutToLeft:"slide-out-left",autoPlay:!0,timerDelay:5e3,infiniteWrap:!0,swipe:!0,pauseOnHover:!0,accessible:!0,containerClass:"orbit-container",slideClass:"orbit-slide",boxOfBullets:"orbit-bullets",nextClass:"orbit-next",prevClass:"orbit-previous",useMUI:!0},Foundation.plugin(e,"Orbit")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=t(i),this.rules=this.$element.data("responsive-menu"),this.currentMq=null,this.currentPlugin=null,this._init(),this._events(),Foundation.registerPlugin(this,"ResponsiveMenu")}return _createClass(e,[{key:"_init",value:function(){if("string"==typeof this.rules){for(var e={},n=this.rules.split(" "),s=0;s<n.length;s++){var o=n[s].split("-"),a=o.length>1?o[0]:"small",r=o.length>1?o[1]:o[0];null!==i[r]&&(e[a]=i[r])}this.rules=e}t.isEmptyObject(this.rules)||this._checkMediaQueries()}},{key:"_events",value:function(){var e=this;t(window).on("changed.zf.mediaquery",function(){e._checkMediaQueries()})}},{key:"_checkMediaQueries",value:function(){var e,n=this;t.each(this.rules,function(t){Foundation.MediaQuery.atLeast(t)&&(e=t)}),e&&(this.currentPlugin instanceof this.rules[e].plugin||(t.each(i,function(t,e){n.$element.removeClass(e.cssClass)}),this.$element.addClass(this.rules[e].cssClass),this.currentPlugin&&this.currentPlugin.destroy(),this.currentPlugin=new this.rules[e].plugin(this.$element,{})))}},{key:"destroy",value:function(){this.currentPlugin.destroy(),t(window).off(".zf.ResponsiveMenu"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={};var i={dropdown:{cssClass:"dropdown",plugin:Foundation._plugins["dropdown-menu"]||null},drilldown:{cssClass:"drilldown",plugin:Foundation._plugins.drilldown||null},accordion:{cssClass:"accordion-menu",plugin:Foundation._plugins["accordion-menu"]||null}};Foundation.plugin(e,"ResponsiveMenu")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=t(i),this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),this._events(),Foundation.registerPlugin(this,"ResponsiveToggle")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.data("responsive-toggle");e||console.error("Your tab bar needs an ID of a Menu as the value of data-tab-bar."),this.$targetMenu=t("#"+e),this.$toggler=this.$element.find("[data-toggle]"),this._update()}},{key:"_events",value:function(){this._updateMqHandler=this._update.bind(this),t(window).on("changed.zf.mediaquery",this._updateMqHandler),this.$toggler.on("click.zf.responsiveToggle",this.toggleMenu.bind(this))}},{key:"_update",value:function(){Foundation.MediaQuery.atLeast(this.options.hideFor)?(this.$element.hide(),this.$targetMenu.show()):(this.$element.show(),this.$targetMenu.hide())}},{key:"toggleMenu",value:function(){Foundation.MediaQuery.atLeast(this.options.hideFor)||(this.$targetMenu.toggle(0),this.$element.trigger("toggled.zf.responsiveToggle"))}},{key:"destroy",value:function(){this.$element.off(".zf.responsiveToggle"),this.$toggler.off(".zf.responsiveToggle"),t(window).off("changed.zf.mediaquery",this._updateMqHandler),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={hideFor:"medium"},Foundation.plugin(e,"ResponsiveToggle")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){function e(){return/iP(ad|hone|od).*OS/.test(window.navigator.userAgent)}function i(){return/Android/.test(window.navigator.userAgent)}function n(){return e()||i()}var s=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Reveal"),Foundation.Keyboard.register("Reveal",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}return _createClass(e,[{key:"_init",value:function(){this.id=this.$element.attr("id"),this.isActive=!1,this.cached={mq:Foundation.MediaQuery.current},this.isMobile=n(),this.$anchor=t(t('[data-open="'+this.id+'"]').length?'[data-open="'+this.id+'"]':'[data-toggle="'+this.id+'"]'),this.$anchor.attr({"aria-controls":this.id,"aria-haspopup":!0,tabindex:0}),(this.options.fullScreen||this.$element.hasClass("full"))&&(this.options.fullScreen=!0,this.options.overlay=!1),this.options.overlay&&!this.$overlay&&(this.$overlay=this._makeOverlay(this.id)),this.$element.attr({role:"dialog","aria-hidden":!0,"data-yeti-box":this.id,"data-resize":this.id}),this.$overlay?this.$element.detach().appendTo(this.$overlay):(this.$element.detach().appendTo(t("body")),this.$element.addClass("without-overlay")),this._events(),this.options.deepLink&&window.location.hash==="#"+this.id&&t(window).one("load.zf.reveal",this.open.bind(this))}},{key:"_makeOverlay",value:function(e){var i=t("<div></div>").addClass("reveal-overlay").appendTo("body");return i}},{key:"_updatePosition",value:function(){var e,i,n=this.$element.outerWidth(),s=t(window).width(),o=this.$element.outerHeight(),a=t(window).height();e="auto"===this.options.hOffset?parseInt((s-n)/2,10):parseInt(this.options.hOffset,10),i="auto"===this.options.vOffset?o>a?parseInt(Math.min(100,a/10),10):parseInt((a-o)/4,10):parseInt(this.options.vOffset,10),this.$element.css({top:i+"px"}),this.$overlay&&"auto"===this.options.hOffset||(this.$element.css({left:e+"px"}),this.$element.css({margin:"0px"}))}},{key:"_events",value:function(){var e=this,i=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":function(n,s){if(n.target===i.$element[0]||t(n.target).parents("[data-closable]")[0]===s)return e.close.apply(e)},"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":function(){i._updatePosition()}}),this.$anchor.length&&this.$anchor.on("keydown.zf.reveal",function(t){13!==t.which&&32!==t.which||(t.stopPropagation(),t.preventDefault(),i.open())}),this.options.closeOnClick&&this.options.overlay&&this.$overlay.off(".zf.reveal").on("click.zf.reveal",function(e){e.target!==i.$element[0]&&!t.contains(i.$element[0],e.target)&&t.contains(document,e.target)&&i.close()}),this.options.deepLink&&t(window).on("popstate.zf.reveal:"+this.id,this._handleState.bind(this))}},{key:"_handleState",value:function(t){window.location.hash!=="#"+this.id||this.isActive?this.close():this.open()}},{key:"open",value:function(){var e=this;if(this.options.deepLink){var i="#"+this.id;window.history.pushState?window.history.pushState(null,null,i):window.location.hash=i}if(this.isActive=!0,this.$element.css({visibility:"hidden"}).show().scrollTop(0),this.options.overlay&&this.$overlay.css({visibility:"hidden"}).show(),this._updatePosition(),this.$element.hide().css({visibility:""}),this.$overlay&&(this.$overlay.css({visibility:""}).hide(),this.$element.hasClass("fast")?this.$overlay.addClass("fast"):this.$element.hasClass("slow")&&this.$overlay.addClass("slow")),this.options.multipleOpened||this.$element.trigger("closeme.zf.reveal",this.id),this.options.animationIn){var n;!function(){var t=function(){n.$element.attr({"aria-hidden":!1,tabindex:-1}).focus()};n=e,e.options.overlay&&Foundation.Motion.animateIn(e.$overlay,"fade-in"),Foundation.Motion.animateIn(e.$element,e.options.animationIn,function(){e.focusableElements=Foundation.Keyboard.findFocusable(e.$element),t()})}()}else this.options.overlay&&this.$overlay.show(0),this.$element.show(this.options.showDelay);this.$element.attr({"aria-hidden":!1,tabindex:-1}).focus(),this.$element.trigger("open.zf.reveal"),this.isMobile?(this.originalScrollPos=window.pageYOffset,t("html, body").addClass("is-reveal-open")):t("body").addClass("is-reveal-open"),setTimeout(function(){e._extraHandlers()},0)}},{key:"_extraHandlers",value:function(){var e=this;this.focusableElements=Foundation.Keyboard.findFocusable(this.$element),this.options.overlay||!this.options.closeOnClick||this.options.fullScreen||t("body").on("click.zf.reveal",function(i){i.target!==e.$element[0]&&!t.contains(e.$element[0],i.target)&&t.contains(document,i.target)&&e.close()}),this.options.closeOnEsc&&t(window).on("keydown.zf.reveal",function(t){Foundation.Keyboard.handleKey(t,"Reveal",{close:function(){e.options.closeOnEsc&&(e.close(),e.$anchor.focus())}})}),this.$element.on("keydown.zf.reveal",function(i){var n=t(this);Foundation.Keyboard.handleKey(i,"Reveal",{tab_forward:function(){return e.focusableElements=Foundation.Keyboard.findFocusable(e.$element),e.$element.find(":focus").is(e.focusableElements.eq(-1))?(e.focusableElements.eq(0).focus(),!0):0===e.focusableElements.length||void 0},tab_backward:function(){return e.focusableElements=Foundation.Keyboard.findFocusable(e.$element),e.$element.find(":focus").is(e.focusableElements.eq(0))||e.$element.is(":focus")?(e.focusableElements.eq(-1).focus(),!0):0===e.focusableElements.length||void 0},open:function(){e.$element.find(":focus").is(e.$element.find("[data-close]"))?setTimeout(function(){e.$anchor.focus()},1):n.is(e.focusableElements)&&e.open()},close:function(){e.options.closeOnEsc&&(e.close(),e.$anchor.focus())},handled:function(t){t&&i.preventDefault()}})})}},{key:"close",value:function(){function e(){i.isMobile?(t("html, body").removeClass("is-reveal-open"),i.originalScrollPos&&(t("body").scrollTop(i.originalScrollPos),i.originalScrollPos=null)):t("body").removeClass("is-reveal-open"),i.$element.attr("aria-hidden",!0),i.$element.trigger("closed.zf.reveal")}if(!this.isActive||!this.$element.is(":visible"))return!1;var i=this;this.options.animationOut?(this.options.overlay?Foundation.Motion.animateOut(this.$overlay,"fade-out",e):e(),Foundation.Motion.animateOut(this.$element,this.options.animationOut)):(this.options.overlay?this.$overlay.hide(0,e):e(),this.$element.hide(this.options.hideDelay)),this.options.closeOnEsc&&t(window).off("keydown.zf.reveal"),!this.options.overlay&&this.options.closeOnClick&&t("body").off("click.zf.reveal"),this.$element.off("keydown.zf.reveal"),this.options.resetOnClose&&this.$element.html(this.$element.html()),this.isActive=!1,i.options.deepLink&&(window.history.replaceState?window.history.replaceState("",document.title,window.location.pathname):window.location.hash="")}},{key:"toggle",value:function(){this.isActive?this.close():this.open()}},{key:"destroy",value:function(){this.options.overlay&&(this.$element.appendTo(t("body")),this.$overlay.hide().off().remove()),this.$element.hide().off(),this.$anchor.off(".zf"),t(window).off(".zf.reveal:"+this.id),Foundation.unregisterPlugin(this)}}]),e}();s.defaults={animationIn:"",animationOut:"",showDelay:0,hideDelay:0,closeOnClick:!0,closeOnEsc:!0,multipleOpened:!1,vOffset:"auto",hOffset:"auto",fullScreen:!1,btmOffsetPct:10,overlay:!0,resetOnClose:!1,deepLink:!1},Foundation.plugin(s,"Reveal")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){function e(t,e){return t/e}function i(t,e,i,n){return Math.abs(t.position()[e]+t[n]()/2-i)}var n=function(){function n(e,i){_classCallCheck(this,n),this.$element=e,this.options=t.extend({},n.defaults,this.$element.data(),i),this._init(),Foundation.registerPlugin(this,"Slider"),Foundation.Keyboard.register("Slider",{ltr:{ARROW_RIGHT:"increase",ARROW_UP:"increase",ARROW_DOWN:"decrease",ARROW_LEFT:"decrease",SHIFT_ARROW_RIGHT:"increase_fast",SHIFT_ARROW_UP:"increase_fast",SHIFT_ARROW_DOWN:"decrease_fast",SHIFT_ARROW_LEFT:"decrease_fast"},rtl:{ARROW_LEFT:"increase",ARROW_RIGHT:"decrease",SHIFT_ARROW_LEFT:"increase_fast",SHIFT_ARROW_RIGHT:"decrease_fast"}})}return _createClass(n,[{key:"_init",value:function(){this.inputs=this.$element.find("input"),this.handles=this.$element.find("[data-slider-handle]"),this.$handle=this.handles.eq(0),this.$input=this.inputs.length?this.inputs.eq(0):t("#"+this.$handle.attr("aria-controls")),this.$fill=this.$element.find("[data-slider-fill]").css(this.options.vertical?"height":"width",0);var e=!1,i=this;(this.options.disabled||this.$element.hasClass(this.options.disabledClass))&&(this.options.disabled=!0,this.$element.addClass(this.options.disabledClass)),this.inputs.length||(this.inputs=t().add(this.$input),this.options.binding=!0),this._setInitAttr(0),this._events(this.$handle),this.handles[1]&&(this.options.doubleSided=!0,this.$handle2=this.handles.eq(1),this.$input2=this.inputs.length>1?this.inputs.eq(1):t("#"+this.$handle2.attr("aria-controls")),this.inputs[1]||(this.inputs=this.inputs.add(this.$input2)),e=!0,this._setHandlePos(this.$handle,this.options.initialStart,!0,function(){i._setHandlePos(i.$handle2,i.options.initialEnd,!0)}),this._setInitAttr(1),this._events(this.$handle2)),e||this._setHandlePos(this.$handle,this.options.initialStart,!0)}},{key:"_setHandlePos",value:function(t,i,n,s){if(!this.$element.hasClass(this.options.disabledClass)){i=parseFloat(i),i<this.options.start?i=this.options.start:i>this.options.end&&(i=this.options.end);var o=this.options.doubleSided;if(o)if(0===this.handles.index(t)){var a=parseFloat(this.$handle2.attr("aria-valuenow"));i=i>=a?a-this.options.step:i}else{var r=parseFloat(this.$handle.attr("aria-valuenow"));i=i<=r?r+this.options.step:i}this.options.vertical&&!n&&(i=this.options.end-i);var l=this,u=this.options.vertical,d=u?"height":"width",h=u?"top":"left",c=t[0].getBoundingClientRect()[d],f=this.$element[0].getBoundingClientRect()[d],p=e(i-this.options.start,this.options.end-this.options.start).toFixed(2),m=(f-c)*p,v=(100*e(m,f)).toFixed(this.options.decimal);i=parseFloat(i.toFixed(this.options.decimal));var g={};if(this._setValues(t,i),o){var w,y=0===this.handles.index(t),b=~~(100*e(c,f));if(y)g[h]=v+"%",w=parseFloat(this.$handle2[0].style[h])-v+b,s&&"function"==typeof s&&s();else{var $=parseFloat(this.$handle[0].style[h]);w=v-(isNaN($)?this.options.initialStart/((this.options.end-this.options.start)/100):$)+b}g["min-"+d]=w+"%"}this.$element.one("finished.zf.animate",function(){l.$element.trigger("moved.zf.slider",[t])});var C=this.$element.data("dragging")?1e3/60:this.options.moveTime;Foundation.Move(C,t,function(){t.css(h,v+"%"),l.options.doubleSided?l.$fill.css(g):l.$fill.css(d,100*p+"%")}),clearTimeout(l.timeout),l.timeout=setTimeout(function(){l.$element.trigger("changed.zf.slider",[t])},l.options.changedDelay)}}},{key:"_setInitAttr",value:function(t){var e=this.inputs.eq(t).attr("id")||Foundation.GetYoDigits(6,"slider");this.inputs.eq(t).attr({id:e,max:this.options.end,min:this.options.start,step:this.options.step}),this.handles.eq(t).attr({role:"slider","aria-controls":e,"aria-valuemax":this.options.end,"aria-valuemin":this.options.start,"aria-valuenow":0===t?this.options.initialStart:this.options.initialEnd,"aria-orientation":this.options.vertical?"vertical":"horizontal",tabindex:0})}},{key:"_setValues",value:function(t,e){var i=this.options.doubleSided?this.handles.index(t):0;this.inputs.eq(i).val(e),t.attr("aria-valuenow",e)}},{key:"_handleEvent",value:function(n,s,o){var a,r;if(o)a=this._adjustValue(null,o),r=!0;else{n.preventDefault();var l=this,u=this.options.vertical,d=u?"height":"width",h=u?"top":"left",c=u?n.pageY:n.pageX,f=(this.$handle[0].getBoundingClientRect()[d]/2,this.$element[0].getBoundingClientRect()[d]),p=u?t(window).scrollTop():t(window).scrollLeft(),m=this.$element.offset()[h];n.clientY===n.pageY&&(c+=p);var v,g=c-m;v=g<0?0:g>f?f:g;var w=e(v,f);if(a=(this.options.end-this.options.start)*w+this.options.start,Foundation.rtl()&&!this.options.vertical&&(a=this.options.end-a),a=l._adjustValue(null,a),r=!1,!s){var y=i(this.$handle,h,v,d),b=i(this.$handle2,h,v,d);s=y<=b?this.$handle:this.$handle2}}this._setHandlePos(s,a,r)}},{key:"_adjustValue",value:function(t,e){var i,n,s,o,a=this.options.step,r=parseFloat(a/2);return i=t?parseFloat(t.attr("aria-valuenow")):e,n=i%a,s=i-n,o=s+a,0===n?i:i=i>=s+r?o:s}},{key:"_events",value:function(e){var i,n=this;if(this.inputs.off("change.zf.slider").on("change.zf.slider",function(e){var i=n.inputs.index(t(this));n._handleEvent(e,n.handles.eq(i),t(this).val())}),this.options.clickSelect&&this.$element.off("click.zf.slider").on("click.zf.slider",function(e){return!n.$element.data("dragging")&&void(t(e.target).is("[data-slider-handle]")||(n.options.doubleSided?n._handleEvent(e):n._handleEvent(e,n.$handle)))}),this.options.draggable){this.handles.addTouch();var s=t("body");e.off("mousedown.zf.slider").on("mousedown.zf.slider",function(o){e.addClass("is-dragging"),n.$fill.addClass("is-dragging"),n.$element.data("dragging",!0),i=t(o.currentTarget),s.on("mousemove.zf.slider",function(t){t.preventDefault(),n._handleEvent(t,i)}).on("mouseup.zf.slider",function(t){n._handleEvent(t,i),e.removeClass("is-dragging"),n.$fill.removeClass("is-dragging"),n.$element.data("dragging",!1),s.off("mousemove.zf.slider mouseup.zf.slider")})}).on("selectstart.zf.slider touchmove.zf.slider",function(t){t.preventDefault()})}e.off("keydown.zf.slider").on("keydown.zf.slider",function(e){var i,s=t(this),o=n.options.doubleSided?n.handles.index(s):0,a=parseFloat(n.inputs.eq(o).val());Foundation.Keyboard.handleKey(e,"Slider",{decrease:function(){i=a-n.options.step},increase:function(){i=a+n.options.step},decrease_fast:function(){i=a-10*n.options.step},increase_fast:function(){i=a+10*n.options.step},handled:function(){e.preventDefault(),n._setHandlePos(s,i,!0)}})})}},{key:"destroy",value:function(){this.handles.off(".zf.slider"),this.inputs.off(".zf.slider"),this.$element.off(".zf.slider"),Foundation.unregisterPlugin(this)}}]),n}();n.defaults={start:0,end:100,step:1,initialStart:0,initialEnd:100,binding:!1,clickSelect:!0,vertical:!1,draggable:!0,disabled:!1,doubleSided:!1,decimal:2,moveTime:200,disabledClass:"disabled",invertVertical:!1,changedDelay:500},Foundation.plugin(n,"Slider")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){function e(t){return parseInt(window.getComputedStyle(document.body,null).fontSize,10)*t}var i=function(){function i(e,n){_classCallCheck(this,i),this.$element=e,this.options=t.extend({},i.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Sticky")}return _createClass(i,[{key:"_init",value:function(){var e=this.$element.parent("[data-sticky-container]"),i=this.$element[0].id||Foundation.GetYoDigits(6,"sticky"),n=this;e.length||(this.wasWrapped=!0),this.$container=e.length?e:t(this.options.container).wrapInner(this.$element),this.$container.addClass(this.options.containerClass),this.$element.addClass(this.options.stickyClass).attr({"data-resize":i}),this.scrollCount=this.options.checkEvery,this.isStuck=!1,t(window).one("load.zf.sticky",function(){n.containerHeight="none"==n.$element.css("display")?0:n.$element[0].getBoundingClientRect().height,n.$container.css("height",n.containerHeight),n.elemHeight=n.containerHeight,""!==n.options.anchor?n.$anchor=t("#"+n.options.anchor):n._parsePoints(),n._setSizes(function(){n._calc(!1)}),n._events(i.split("-").reverse().join("-"))})}},{key:"_parsePoints",value:function(){for(var e=""==this.options.topAnchor?1:this.options.topAnchor,i=""==this.options.btmAnchor?document.documentElement.scrollHeight:this.options.btmAnchor,n=[e,i],s={},o=0,a=n.length;o<a&&n[o];o++){var r;if("number"==typeof n[o])r=n[o];else{var l=n[o].split(":"),u=t("#"+l[0]);r=u.offset().top,l[1]&&"bottom"===l[1].toLowerCase()&&(r+=u[0].getBoundingClientRect().height)}s[o]=r}this.points=s}},{key:"_events",value:function(e){var i=this,n=this.scrollListener="scroll.zf."+e;this.isOn||(this.canStick&&(this.isOn=!0,t(window).off(n).on(n,function(t){0===i.scrollCount?(i.scrollCount=i.options.checkEvery,i._setSizes(function(){i._calc(!1,window.pageYOffset)})):(i.scrollCount--,i._calc(!1,window.pageYOffset))})),this.$element.off("resizeme.zf.trigger").on("resizeme.zf.trigger",function(t,s){i._setSizes(function(){i._calc(!1),i.canStick?i.isOn||i._events(e):i.isOn&&i._pauseListeners(n)})}))}},{key:"_pauseListeners",value:function(e){this.isOn=!1,t(window).off(e),this.$element.trigger("pause.zf.sticky")}},{key:"_calc",value:function(t,e){return t&&this._setSizes(),this.canStick?(e||(e=window.pageYOffset),void(e>=this.topPoint?e<=this.bottomPoint?this.isStuck||this._setSticky():this.isStuck&&this._removeSticky(!1):this.isStuck&&this._removeSticky(!0))):(this.isStuck&&this._removeSticky(!0),!1)}},{key:"_setSticky",value:function(){var t=this,e=this.options.stickTo,i="top"===e?"marginTop":"marginBottom",n="top"===e?"bottom":"top",s={};s[i]=this.options[i]+"em",s[e]=0,s[n]="auto",s.left=this.$container.offset().left+parseInt(window.getComputedStyle(this.$container[0])["padding-left"],10),this.isStuck=!0,this.$element.removeClass("is-anchored is-at-"+n).addClass("is-stuck is-at-"+e).css(s).trigger("sticky.zf.stuckto:"+e),this.$element.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",function(){t._setSizes()})}},{key:"_removeSticky",value:function(t){var e=this.options.stickTo,i="top"===e,n={},s=(this.points?this.points[1]-this.points[0]:this.anchorHeight)-this.elemHeight,o=i?"marginTop":"marginBottom",a=t?"top":"bottom";n[o]=0,n.bottom="auto",t?n.top=0:n.top=s,n.left="",this.isStuck=!1,this.$element.removeClass("is-stuck is-at-"+e).addClass("is-anchored is-at-"+a).css(n).trigger("sticky.zf.unstuckfrom:"+a)}},{key:"_setSizes",value:function(t){this.canStick=Foundation.MediaQuery.atLeast(this.options.stickyOn),this.canStick||t&&"function"==typeof t&&t();var e=this.$container[0].getBoundingClientRect().width,i=window.getComputedStyle(this.$container[0]),n=parseInt(i["padding-right"],10);this.$anchor&&this.$anchor.length?this.anchorHeight=this.$anchor[0].getBoundingClientRect().height:this._parsePoints(),this.$element.css({"max-width":e-n+"px"});var s=this.$element[0].getBoundingClientRect().height||this.containerHeight;if("none"==this.$element.css("display")&&(s=0),this.containerHeight=s,this.$container.css({height:s}),this.elemHeight=s,this.isStuck)this.$element.css({left:this.$container.offset().left+parseInt(i["padding-left"],10)});else if(this.$element.hasClass("is-at-bottom")){var o=(this.points?this.points[1]-this.$container.offset().top:this.anchorHeight)-this.elemHeight;this.$element.css("top",o)}this._setBreakPoints(s,function(){t&&"function"==typeof t&&t()})}},{key:"_setBreakPoints",value:function(t,i){if(!this.canStick){if(!i||"function"!=typeof i)return!1;i()}var n=e(this.options.marginTop),s=e(this.options.marginBottom),o=this.points?this.points[0]:this.$anchor.offset().top,a=this.points?this.points[1]:o+this.anchorHeight,r=window.innerHeight;
+"top"===this.options.stickTo?(o-=n,a-=t+n):"bottom"===this.options.stickTo&&(o-=r-(t+s),a-=r-s),this.topPoint=o,this.bottomPoint=a,i&&"function"==typeof i&&i()}},{key:"destroy",value:function(){this._removeSticky(!0),this.$element.removeClass(this.options.stickyClass+" is-anchored is-at-top").css({height:"",top:"",bottom:"","max-width":""}).off("resizeme.zf.trigger"),this.$anchor&&this.$anchor.length&&this.$anchor.off("change.zf.sticky"),t(window).off(this.scrollListener),this.wasWrapped?this.$element.unwrap():this.$container.removeClass(this.options.containerClass).css({height:""}),Foundation.unregisterPlugin(this)}}]),i}();i.defaults={container:"<div data-sticky-container></div>",stickTo:"top",anchor:"",topAnchor:"",btmAnchor:"",marginTop:1,marginBottom:1,stickyOn:"medium",stickyClass:"sticky",containerClass:"sticky-container",checkEvery:-1},Foundation.plugin(i,"Sticky")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Tabs"),Foundation.Keyboard.register("Tabs",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"previous",ARROW_DOWN:"next",ARROW_LEFT:"previous"})}return _createClass(e,[{key:"_init",value:function(){var e=this;if(this.$tabTitles=this.$element.find("."+this.options.linkClass),this.$tabContent=t('[data-tabs-content="'+this.$element[0].id+'"]'),this.$tabTitles.each(function(){var i=t(this),n=i.find("a"),s=i.hasClass("is-active"),o=n[0].hash.slice(1),a=n[0].id?n[0].id:o+"-label",r=t("#"+o);i.attr({role:"presentation"}),n.attr({role:"tab","aria-controls":o,"aria-selected":s,id:a}),r.attr({role:"tabpanel","aria-hidden":!s,"aria-labelledby":a}),s&&e.options.autoFocus&&n.focus()}),this.options.matchHeight){var i=this.$tabContent.find("img");i.length?Foundation.onImagesLoaded(i,this._setHeight.bind(this)):this._setHeight()}this._events()}},{key:"_events",value:function(){this._addKeyHandler(),this._addClickHandler(),this._setHeightMqHandler=null,this.options.matchHeight&&(this._setHeightMqHandler=this._setHeight.bind(this),t(window).on("changed.zf.mediaquery",this._setHeightMqHandler))}},{key:"_addClickHandler",value:function(){var e=this;this.$element.off("click.zf.tabs").on("click.zf.tabs","."+this.options.linkClass,function(i){i.preventDefault(),i.stopPropagation(),t(this).hasClass("is-active")||e._handleTabChange(t(this))})}},{key:"_addKeyHandler",value:function(){var e=this;e.$element.find("li:first-of-type"),e.$element.find("li:last-of-type");this.$tabTitles.off("keydown.zf.tabs").on("keydown.zf.tabs",function(i){if(9!==i.which){var n,s,o=t(this),a=o.parent("ul").children("li");a.each(function(i){if(t(this).is(o))return void(e.options.wrapOnKeys?(n=0===i?a.last():a.eq(i-1),s=i===a.length-1?a.first():a.eq(i+1)):(n=a.eq(Math.max(0,i-1)),s=a.eq(Math.min(i+1,a.length-1))))}),Foundation.Keyboard.handleKey(i,"Tabs",{open:function(){o.find('[role="tab"]').focus(),e._handleTabChange(o)},previous:function(){n.find('[role="tab"]').focus(),e._handleTabChange(n)},next:function(){s.find('[role="tab"]').focus(),e._handleTabChange(s)},handled:function(){i.stopPropagation(),i.preventDefault()}})}})}},{key:"_handleTabChange",value:function(e){var i=e.find('[role="tab"]'),n=i[0].hash,s=this.$tabContent.find(n),o=this.$element.find("."+this.options.linkClass+".is-active").removeClass("is-active").find('[role="tab"]').attr({"aria-selected":"false"});t("#"+o.attr("aria-controls")).removeClass("is-active").attr({"aria-hidden":"true"}),e.addClass("is-active"),i.attr({"aria-selected":"true"}),s.addClass("is-active").attr({"aria-hidden":"false"}),this.$element.trigger("change.zf.tabs",[e])}},{key:"selectTab",value:function(t){var e;e="object"==typeof t?t[0].id:t,e.indexOf("#")<0&&(e="#"+e);var i=this.$tabTitles.find('[href="'+e+'"]').parent("."+this.options.linkClass);this._handleTabChange(i)}},{key:"_setHeight",value:function(){var e=0;this.$tabContent.find("."+this.options.panelClass).css("height","").each(function(){var i=t(this),n=i.hasClass("is-active");n||i.css({visibility:"hidden",display:"block"});var s=this.getBoundingClientRect().height;n||i.css({visibility:"",display:""}),e=s>e?s:e}).css("height",e+"px")}},{key:"destroy",value:function(){this.$element.find("."+this.options.linkClass).off(".zf.tabs").hide().end().find("."+this.options.panelClass).hide(),this.options.matchHeight&&null!=this._setHeightMqHandler&&t(window).off("changed.zf.mediaquery",this._setHeightMqHandler),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={autoFocus:!1,wrapOnKeys:!0,matchHeight:!1,linkClass:"tabs-title",panelClass:"tabs-panel"},Foundation.plugin(e,"Tabs")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,i.data(),n),this.className="",this._init(),this._events(),Foundation.registerPlugin(this,"Toggler")}return _createClass(e,[{key:"_init",value:function(){var e;this.options.animate?(e=this.options.animate.split(" "),this.animationIn=e[0],this.animationOut=e[1]||null):(e=this.$element.data("toggler"),this.className="."===e[0]?e.slice(1):e);var i=this.$element[0].id;t('[data-open="'+i+'"], [data-close="'+i+'"], [data-toggle="'+i+'"]').attr("aria-controls",i),this.$element.attr("aria-expanded",!this.$element.is(":hidden"))}},{key:"_events",value:function(){this.$element.off("toggle.zf.trigger").on("toggle.zf.trigger",this.toggle.bind(this))}},{key:"toggle",value:function(){this[this.options.animate?"_toggleAnimate":"_toggleClass"]()}},{key:"_toggleClass",value:function(){this.$element.toggleClass(this.className);var t=this.$element.hasClass(this.className);t?this.$element.trigger("on.zf.toggler"):this.$element.trigger("off.zf.toggler"),this._updateARIA(t)}},{key:"_toggleAnimate",value:function(){var t=this;this.$element.is(":hidden")?Foundation.Motion.animateIn(this.$element,this.animationIn,function(){t._updateARIA(!0),this.trigger("on.zf.toggler")}):Foundation.Motion.animateOut(this.$element,this.animationOut,function(){t._updateARIA(!1),this.trigger("off.zf.toggler")})}},{key:"_updateARIA",value:function(t){this.$element.attr("aria-expanded",!!t)}},{key:"destroy",value:function(){this.$element.off(".zf.toggler"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={animate:!1},Foundation.plugin(e,"Toggler")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this.isActive=!1,this.isClick=!1,this._init(),Foundation.registerPlugin(this,"Tooltip")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("aria-describedby")||Foundation.GetYoDigits(6,"tooltip");this.options.positionClass=this.options.positionClass||this._getPositionClass(this.$element),this.options.tipText=this.options.tipText||this.$element.attr("title"),this.template=this.options.template?t(this.options.template):this._buildTemplate(e),this.template.appendTo(document.body).text(this.options.tipText).hide(),this.$element.attr({title:"","aria-describedby":e,"data-yeti-box":e,"data-toggle":e,"data-resize":e}).addClass(this.options.triggerClass),this.usedPositions=[],this.counter=4,this.classChanged=!1,this._events()}},{key:"_getPositionClass",value:function(t){if(!t)return"";var e=t[0].className.match(/\b(top|left|right)\b/g);return e=e?e[0]:""}},{key:"_buildTemplate",value:function(e){var i=(this.options.tooltipClass+" "+this.options.positionClass+" "+this.options.templateClasses).trim(),n=t("<div></div>").addClass(i).attr({role:"tooltip","aria-hidden":!0,"data-is-active":!1,"data-is-focus":!1,id:e});return n}},{key:"_reposition",value:function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.template.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.template.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.template.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):this.template.removeClass(t),this.classChanged=!0,this.counter--}},{key:"_setPosition",value:function(){var t=this._getPositionClass(this.template),e=Foundation.Box.GetDimensions(this.template),i=Foundation.Box.GetDimensions(this.$element),n="left"===t?"left":"right"===t?"left":"top",s="top"===n?"height":"width";"height"===s?this.options.vOffset:this.options.hOffset;if(e.width>=e.windowDims.width||!this.counter&&!Foundation.Box.ImNotTouchingYou(this.template))return this.template.offset(Foundation.Box.GetOffsets(this.template,this.$element,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:i.windowDims.width-2*this.options.hOffset,height:"auto"}),!1;for(this.template.offset(Foundation.Box.GetOffsets(this.template,this.$element,"center "+(t||"bottom"),this.options.vOffset,this.options.hOffset));!Foundation.Box.ImNotTouchingYou(this.template)&&this.counter;)this._reposition(t),this._setPosition()}},{key:"show",value:function(){if("all"!==this.options.showOn&&!Foundation.MediaQuery.atLeast(this.options.showOn))return!1;var t=this;this.template.css("visibility","hidden").show(),this._setPosition(),this.$element.trigger("closeme.zf.tooltip",this.template.attr("id")),this.template.attr({"data-is-active":!0,"aria-hidden":!1}),t.isActive=!0,this.template.stop().hide().css("visibility","").fadeIn(this.options.fadeInDuration,function(){}),this.$element.trigger("show.zf.tooltip")}},{key:"hide",value:function(){var t=this;this.template.stop().attr({"aria-hidden":!0,"data-is-active":!1}).fadeOut(this.options.fadeOutDuration,function(){t.isActive=!1,t.isClick=!1,t.classChanged&&(t.template.removeClass(t._getPositionClass(t.template)).addClass(t.options.positionClass),t.usedPositions=[],t.counter=4,t.classChanged=!1)}),this.$element.trigger("hide.zf.tooltip")}},{key:"_events",value:function(){var t=this,e=(this.template,!1);this.options.disableHover||this.$element.on("mouseenter.zf.tooltip",function(e){t.isActive||(t.timeout=setTimeout(function(){t.show()},t.options.hoverDelay))}).on("mouseleave.zf.tooltip",function(i){clearTimeout(t.timeout),(!e||t.isClick&&!t.options.clickOpen)&&t.hide()}),this.options.clickOpen?this.$element.on("mousedown.zf.tooltip",function(e){e.stopImmediatePropagation(),t.isClick||(t.isClick=!0,!t.options.disableHover&&t.$element.attr("tabindex")||t.isActive||t.show())}):this.$element.on("mousedown.zf.tooltip",function(e){e.stopImmediatePropagation(),t.isClick=!0}),this.options.disableForTouch||this.$element.on("tap.zf.tooltip touchend.zf.tooltip",function(e){t.isActive?t.hide():t.show()}),this.$element.on({"close.zf.trigger":this.hide.bind(this)}),this.$element.on("focus.zf.tooltip",function(i){return e=!0,t.isClick?(t.options.clickOpen||(e=!1),!1):void t.show()}).on("focusout.zf.tooltip",function(i){e=!1,t.isClick=!1,t.hide()}).on("resizeme.zf.trigger",function(){t.isActive&&t._setPosition()})}},{key:"toggle",value:function(){this.isActive?this.hide():this.show()}},{key:"destroy",value:function(){this.$element.attr("title",this.template.text()).off(".zf.trigger .zf.tootip").removeAttr("aria-describedby").removeAttr("data-yeti-box").removeAttr("data-toggle").removeAttr("data-resize"),this.template.remove(),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={disableForTouch:!1,hoverDelay:200,fadeInDuration:150,fadeOutDuration:150,disableHover:!1,templateClasses:"",tooltipClass:"tooltip",triggerClass:"has-tip",showOn:"small",template:"",tipText:"",touchCloseText:"Tap to close.",clickOpen:!0,positionClass:"",vOffset:10,hOffset:12},Foundation.plugin(e,"Tooltip")}(jQuery);
\ No newline at end of file
diff --git a/libraries/foundation-6/dist/plugins/foundation.abide.js b/libraries/foundation-6/dist/plugins/foundation.abide.js
index 5cfe562b..24b7ae1e 100644
--- a/libraries/foundation-6/dist/plugins/foundation.abide.js
+++ b/libraries/foundation-6/dist/plugins/foundation.abide.js
@@ -19,9 +19,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Abide(element) {
- var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
+ var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
_classCallCheck(this, Abide);
diff --git a/libraries/foundation-6/dist/plugins/foundation.accordion.js b/libraries/foundation-6/dist/plugins/foundation.accordion.js
index ce0f9b3a..908382fa 100644
--- a/libraries/foundation-6/dist/plugins/foundation.accordion.js
+++ b/libraries/foundation-6/dist/plugins/foundation.accordion.js
@@ -21,7 +21,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an accordion.
* @param {Object} options - a plain object with settings to override the default options.
*/
-
function Accordion(element, options) {
_classCallCheck(this, Accordion);
@@ -89,15 +88,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
var $tabContent = $elem.children('[data-tab-content]');
if ($tabContent.length) {
$elem.children('a').off('click.zf.accordion keydown.zf.accordion').on('click.zf.accordion', function (e) {
- // $(this).children('a').on('click.zf.accordion', function(e) {
e.preventDefault();
- if ($elem.hasClass('is-active')) {
- if (_this.options.allowAllClosed || $elem.siblings().hasClass('is-active')) {
- _this.up($tabContent);
- }
- } else {
- _this.down($tabContent);
- }
+ _this.toggle($tabContent);
}).on('keydown.zf.accordion', function (e) {
Foundation.Keyboard.handleKey(e, 'Accordion', {
toggle: function () {
@@ -127,7 +119,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
/**
* Toggles the selected content pane's open/close state.
- * @param {jQuery} $target - jQuery object of the pane to toggle.
+ * @param {jQuery} $target - jQuery object of the pane to toggle (`.accordion-content`).
* @function
*/
@@ -135,11 +127,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
key: 'toggle',
value: function toggle($target) {
if ($target.parent().hasClass('is-active')) {
- if (this.options.allowAllClosed || $target.parent().siblings().hasClass('is-active')) {
- this.up($target);
- } else {
- return;
- }
+ this.up($target);
} else {
this.down($target);
}
@@ -147,7 +135,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
/**
* Opens the accordion tab defined by `$target`.
- * @param {jQuery} $target - Accordion pane to open.
+ * @param {jQuery} $target - Accordion pane to open (`.accordion-content`).
* @param {Boolean} firstTime - flag to determine if reflow should happen.
* @fires Accordion#down
* @function
@@ -158,15 +146,15 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function down($target, firstTime) {
var _this2 = this;
+ $target.attr('aria-hidden', false).parent('[data-tab-content]').addBack().parent().addClass('is-active');
+
if (!this.options.multiExpand && !firstTime) {
var $currentActive = this.$element.children('.is-active').children('[data-tab-content]');
if ($currentActive.length) {
- this.up($currentActive);
+ this.up($currentActive.not($target));
}
}
- $target.attr('aria-hidden', false).parent('[data-tab-content]').addBack().parent().addClass('is-active');
-
$target.slideDown(this.options.slideSpeed, function () {
/**
* Fires when the tab is done opening.
@@ -183,7 +171,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
/**
* Closes the tab defined by `$target`.
- * @param {jQuery} $target - Accordion tab to close.
+ * @param {jQuery} $target - Accordion tab to close (`.accordion-content`).
* @fires Accordion#up
* @function
*/
@@ -193,9 +181,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function up($target) {
var $aunts = $target.parent().siblings(),
_this = this;
- var canClose = this.options.multiExpand ? $aunts.hasClass('is-active') : $target.parent().hasClass('is-active');
- if (!this.options.allowAllClosed && !canClose) {
+ if (!this.options.allowAllClosed && !$aunts.hasClass('is-active') || !$target.parent().hasClass('is-active')) {
return;
}
diff --git a/libraries/foundation-6/dist/plugins/foundation.accordionMenu.js b/libraries/foundation-6/dist/plugins/foundation.accordionMenu.js
index cbd4127e..94223828 100644
--- a/libraries/foundation-6/dist/plugins/foundation.accordionMenu.js
+++ b/libraries/foundation-6/dist/plugins/foundation.accordionMenu.js
@@ -22,7 +22,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an accordion menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function AccordionMenu(element, options) {
_classCallCheck(this, AccordionMenu);
@@ -41,9 +40,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
'ARROW_UP': 'up',
'ARROW_DOWN': 'down',
'ARROW_LEFT': 'close',
- 'ESCAPE': 'closeAll',
- 'TAB': 'down',
- 'SHIFT_TAB': 'up'
+ 'ESCAPE': 'closeAll'
});
}
@@ -58,7 +55,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function _init() {
this.$element.find('[data-submenu]').not('.is-active').slideUp(0); //.find('a').css('padding-left', '1rem');
this.$element.attr({
- 'role': 'tablist',
+ 'role': 'menu',
'aria-multiselectable': this.options.multiOpen
});
@@ -72,13 +69,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
$elem.attr({
'aria-controls': subId,
'aria-expanded': isActive,
- 'role': 'tab',
+ 'role': 'menuitem',
'id': linkId
});
$sub.attr({
'aria-labelledby': linkId,
'aria-hidden': !isActive,
- 'role': 'tabpanel',
+ 'role': 'menu',
'id': subId
});
});
@@ -131,9 +128,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if ($(this).is(':first-child')) {
// is first element of sub menu
$prevElement = $element.parents('li').first().find('a').first();
- } else if ($prevElement.children('[data-submenu]:visible').length) {
+ } else if ($prevElement.parents('li').first().children('[data-submenu]:visible').length) {
// if previous element has open sub menu
- $prevElement = $prevElement.find('li:last-child').find('a').first();
+ $prevElement = $prevElement.parents('li').find('li:last-child').find('a').first();
}
if ($(this).is(':last-child')) {
// is last element of sub menu
@@ -143,6 +140,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
return;
}
});
+
Foundation.Keyboard.handleKey(e, 'AccordionMenu', {
open: function () {
if ($target.is(':hidden')) {
@@ -161,11 +159,11 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}
},
up: function () {
- $prevElement.attr('tabindex', -1).focus();
+ $prevElement.focus();
return true;
},
down: function () {
- $nextElement.attr('tabindex', -1).focus();
+ $nextElement.focus();
return true;
},
toggle: function () {
diff --git a/libraries/foundation-6/dist/plugins/foundation.core.js b/libraries/foundation-6/dist/plugins/foundation.core.js
index 002c7a0e..93dfedbf 100644
--- a/libraries/foundation-6/dist/plugins/foundation.core.js
+++ b/libraries/foundation-6/dist/plugins/foundation.core.js
@@ -2,7 +2,7 @@
"use strict";
- var FOUNDATION_VERSION = '6.2.2';
+ var FOUNDATION_VERSION = '6.2.4';
// Global Foundation object
// This is attached to the window, or used as a module for AMD/Browserify
diff --git a/libraries/foundation-6/dist/plugins/foundation.drilldown.js b/libraries/foundation-6/dist/plugins/foundation.drilldown.js
index f16f4c8b..304c0ca6 100644
--- a/libraries/foundation-6/dist/plugins/foundation.drilldown.js
+++ b/libraries/foundation-6/dist/plugins/foundation.drilldown.js
@@ -21,7 +21,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an accordion menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Drilldown(element, options) {
_classCallCheck(this, Drilldown);
@@ -85,7 +84,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (_this.options.parentLink) {
$link.clone().prependTo($sub.children('[data-submenu]')).wrap('<li class="is-submenu-parent-item is-submenu-item is-drilldown-submenu-item" role="menu-item"></li>');
}
- $link.data('savedHref', $link.attr('href')).removeAttr('href');
+ $link.data('savedHref', $link.attr('href')).removeAttr('href').attr('tabindex', 0);
$link.children('[data-submenu]').attr({
'aria-hidden': true,
'tabindex': 0,
@@ -209,13 +208,14 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
$element.parent('li').parent('ul').parent('li').children('a').first().focus();
}, 1);
});
+ return true;
} else if ($element.is(_this.$submenuAnchors)) {
_this._show($element.parent('li'));
$element.parent('li').one(Foundation.transitionend($element), function () {
$element.parent('li').find('ul li a').filter(_this.$menuItems).first().focus();
});
+ return true;
}
- return true;
},
handled: function (preventDefault) {
if (preventDefault) {
@@ -263,6 +263,12 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
e.stopImmediatePropagation();
// console.log('mouseup on back');
_this._hide($elem);
+
+ // If there is a parent submenu, call show
+ var parentSubMenu = $elem.parent('li').parent('ul').parent('li');
+ if (parentSubMenu.length) {
+ _this._show(parentSubMenu);
+ }
});
}
@@ -294,7 +300,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}, {
key: '_show',
value: function _show($elem) {
- $elem.children('[data-submenu]').addClass('is-active');
+ $elem.attr('aria-expanded', true);
+ $elem.children('[data-submenu]').addClass('is-active').attr('aria-hidden', false);
/**
* Fires when the submenu has opened.
* @event Drilldown#open
@@ -313,7 +320,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
*/
value: function _hide($elem) {
var _this = this;
- $elem.addClass('is-closing').one(Foundation.transitionend($elem), function () {
+ $elem.parent('li').attr('aria-expanded', false);
+ $elem.attr('aria-hidden', true).addClass('is-closing').one(Foundation.transitionend($elem), function () {
$elem.removeClass('is-active is-closing');
$elem.blur();
});
@@ -334,14 +342,15 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}, {
key: '_getMaxDims',
value: function _getMaxDims() {
- var max = 0,
- result = {};
- this.$submenus.add(this.$element).each(function () {
- var numOfElems = $(this).children('li').length;
- max = numOfElems > max ? numOfElems : max;
+ var biggest = 0;
+ var result = {};
+
+ this.$submenus.add(this.$element).each(function (i, elem) {
+ var height = elem.getBoundingClientRect().height;
+ if (height > biggest) biggest = height;
});
- result['min-height'] = max * this.$menuItems[0].getBoundingClientRect().height + 'px';
+ result['min-height'] = biggest + 'px';
result['max-width'] = this.$element[0].getBoundingClientRect().width + 'px';
return result;
@@ -363,6 +372,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
});
this.$element.find('a').each(function () {
var $link = $(this);
+ $link.removeAttr('tabindex');
if ($link.data('savedHref')) {
$link.attr('href', $link.data('savedHref')).removeData('savedHref');
} else {
diff --git a/libraries/foundation-6/dist/plugins/foundation.dropdown.js b/libraries/foundation-6/dist/plugins/foundation.dropdown.js
index c6cc98c8..d075ba8d 100644
--- a/libraries/foundation-6/dist/plugins/foundation.dropdown.js
+++ b/libraries/foundation-6/dist/plugins/foundation.dropdown.js
@@ -22,7 +22,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* Object should be of the dropdown panel, rather than its anchor.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Dropdown(element, options) {
_classCallCheck(this, Dropdown);
@@ -52,7 +51,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function _init() {
var $id = this.$element.attr('id');
- this.$anchor = $('[data-toggle="' + $id + '"]') || $('[data-open="' + $id + '"]');
+ this.$anchor = $('[data-toggle="' + $id + '"]').length ? $('[data-toggle="' + $id + '"]') : $('[data-open="' + $id + '"]');
this.$anchor.attr({
'aria-controls': $id,
'data-is-focus': false,
@@ -85,9 +84,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function getPositionClass() {
var verticalPosition = this.$element[0].className.match(/(top|left|right|bottom)/g);
verticalPosition = verticalPosition ? verticalPosition[0] : '';
- var horizontalPosition = /float-(\S+)\s/.exec(this.$anchor[0].className);
+ var horizontalPosition = /float-(\S+)/.exec(this.$anchor[0].className);
horizontalPosition = horizontalPosition ? horizontalPosition[1] : '';
var position = horizontalPosition ? horizontalPosition + ' ' + verticalPosition : verticalPosition;
+
return position;
}
@@ -188,11 +188,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (this.options.hover) {
this.$anchor.off('mouseenter.zf.dropdown mouseleave.zf.dropdown').on('mouseenter.zf.dropdown', function () {
- clearTimeout(_this.timeout);
- _this.timeout = setTimeout(function () {
- _this.open();
- _this.$anchor.data('hover', true);
- }, _this.options.hoverDelay);
+ if ($('body[data-whatinput="mouse"]').is('*')) {
+ clearTimeout(_this.timeout);
+ _this.timeout = setTimeout(function () {
+ _this.open();
+ _this.$anchor.data('hover', true);
+ }, _this.options.hoverDelay);
+ }
}).on('mouseleave.zf.dropdown', function () {
clearTimeout(_this.timeout);
_this.timeout = setTimeout(function () {
diff --git a/libraries/foundation-6/dist/plugins/foundation.dropdownMenu.js b/libraries/foundation-6/dist/plugins/foundation.dropdownMenu.js
index 5ae3a3aa..32a5d998 100644
--- a/libraries/foundation-6/dist/plugins/foundation.dropdownMenu.js
+++ b/libraries/foundation-6/dist/plugins/foundation.dropdownMenu.js
@@ -22,7 +22,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into a dropdown menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function DropdownMenu(element, options) {
_classCallCheck(this, DropdownMenu);
@@ -71,13 +70,19 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this._events();
}
}, {
- key: '_events',
+ key: '_isVertical',
+ value: function _isVertical() {
+ return this.$tabs.css('display') === 'block';
+ }
/**
* Adds event listeners to elements within the menu
* @private
* @function
*/
+
+ }, {
+ key: '_events',
value: function _events() {
var _this = this,
hasTouch = 'ontouchstart' in window || typeof window.ontouchstart !== 'undefined',
@@ -102,10 +107,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
} else {
e.preventDefault();
e.stopImmediatePropagation();
- _this._show($elem.children('.is-dropdown-submenu'));
+ _this._show($sub);
$elem.add($elem.parentsUntil(_this.$element, '.' + parClass)).attr('data-is-click', true);
}
} else {
+ if (_this.options.closeOnClickInside) {
+ _this._hide($elem);
+ }
return;
}
};
@@ -196,49 +204,60 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
};
if (isTab) {
- if (_this.$element.hasClass(_this.options.verticalClass)) {
+ if (_this._isVertical()) {
// vertical menu
- if (_this.options.alignment === 'left') {
- // left aligned
+ if (Foundation.rtl()) {
+ // right aligned
$.extend(functions, {
down: nextSibling,
up: prevSibling,
- next: openSub,
- previous: closeSub
+ next: closeSub,
+ previous: openSub
});
} else {
- // right aligned
+ // left aligned
$.extend(functions, {
down: nextSibling,
up: prevSibling,
- next: closeSub,
- previous: openSub
+ next: openSub,
+ previous: closeSub
});
}
} else {
// horizontal menu
- $.extend(functions, {
- next: nextSibling,
- previous: prevSibling,
- down: openSub,
- up: closeSub
- });
+ if (Foundation.rtl()) {
+ // right aligned
+ $.extend(functions, {
+ next: prevSibling,
+ previous: nextSibling,
+ down: openSub,
+ up: closeSub
+ });
+ } else {
+ // left aligned
+ $.extend(functions, {
+ next: nextSibling,
+ previous: prevSibling,
+ down: openSub,
+ up: closeSub
+ });
+ }
}
} else {
// not tabs -> one sub
- if (_this.options.alignment === 'left') {
- // left aligned
+ if (Foundation.rtl()) {
+ // right aligned
$.extend(functions, {
- next: openSub,
- previous: closeSub,
+ next: closeSub,
+ previous: openSub,
down: nextSibling,
up: prevSibling
});
} else {
- // right aligned
+ // left aligned
$.extend(functions, {
- next: closeSub,
- previous: openSub,
+ next: openSub,
+ previous: closeSub,
down: nextSibling,
up: prevSibling
});
@@ -422,6 +441,12 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @example true
*/
closeOnClick: true,
+ /**
+ * Allow clicks on leaf anchor links to close any open submenus.
+ * @option
+ * @example true
+ */
+ closeOnClickInside: true,
/**
* Class applied to vertical oriented menus, Foundation default is `vertical`. Update this if using your own class.
* @option
diff --git a/libraries/foundation-6/dist/plugins/foundation.equalizer.js b/libraries/foundation-6/dist/plugins/foundation.equalizer.js
index 36782aac..4ab68710 100644
--- a/libraries/foundation-6/dist/plugins/foundation.equalizer.js
+++ b/libraries/foundation-6/dist/plugins/foundation.equalizer.js
@@ -9,6 +9,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
/**
* Equalizer module.
* @module foundation.equalizer
+ * @requires foundation.util.mediaQuery
+ * @requires foundation.util.timerAndImageLoader if equalizer contains images
*/
var Equalizer = function () {
@@ -19,7 +21,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Equalizer(element, options) {
_classCallCheck(this, Equalizer);
@@ -344,7 +345,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @option
* @example true
*/
- equalizeOnStack: true,
+ equalizeOnStack: false,
/**
* Enable height equalization row by row.
* @option
diff --git a/libraries/foundation-6/dist/plugins/foundation.interchange.js b/libraries/foundation-6/dist/plugins/foundation.interchange.js
index 7531ccde..4b23ff99 100644
--- a/libraries/foundation-6/dist/plugins/foundation.interchange.js
+++ b/libraries/foundation-6/dist/plugins/foundation.interchange.js
@@ -21,7 +21,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Interchange(element, options) {
_classCallCheck(this, Interchange);
@@ -164,7 +163,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
// Replacing images
if (this.$element[0].nodeName === 'IMG') {
- this.$element.attr('src', path).load(function () {
+ this.$element.attr('src', path).on('load', function () {
_this.currentPath = path;
}).trigger(trigger);
}
diff --git a/libraries/foundation-6/dist/plugins/foundation.magellan.js b/libraries/foundation-6/dist/plugins/foundation.magellan.js
index f4ef0b98..b1802ebc 100644
--- a/libraries/foundation-6/dist/plugins/foundation.magellan.js
+++ b/libraries/foundation-6/dist/plugins/foundation.magellan.js
@@ -19,7 +19,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Magellan(element, options) {
_classCallCheck(this, Magellan);
@@ -123,6 +122,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}, {
key: 'scrollToLoc',
value: function scrollToLoc(loc) {
+ // Do nothing if target does not exist to prevent errors
+ if (!$(loc).length) {
+ return false;
+ }
var scrollPos = Math.round($(loc).offset().top - this.options.threshold / 2 - this.options.barOffset);
$('html, body').stop(true).animate({ scrollTop: scrollPos }, this.options.animationDuration, this.options.animationEasing);
@@ -167,7 +170,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}
this.$active.removeClass(this.options.activeClass);
- this.$active = this.$links.eq(curIdx).addClass(this.options.activeClass);
+ this.$active = this.$links.filter('[href="#' + this.$targets.eq(curIdx).data('magellan-target') + '"]').addClass(this.options.activeClass);
if (this.options.deepLinking) {
var hash = this.$active[0].getAttribute('href');
diff --git a/libraries/foundation-6/dist/plugins/foundation.offcanvas.js b/libraries/foundation-6/dist/plugins/foundation.offcanvas.js
index 4350c696..b93a384b 100644
--- a/libraries/foundation-6/dist/plugins/foundation.offcanvas.js
+++ b/libraries/foundation-6/dist/plugins/foundation.offcanvas.js
@@ -22,7 +22,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to initialize.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function OffCanvas(element, options) {
_classCallCheck(this, OffCanvas);
@@ -35,6 +34,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this._events();
Foundation.registerPlugin(this, 'OffCanvas');
+ Foundation.Keyboard.register('OffCanvas', {
+ 'ESCAPE': 'close'
+ });
}
/**
@@ -193,15 +195,15 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* Fires when the off-canvas menu opens.
* @event OffCanvas#opened
*/
- Foundation.Move(this.options.transitionTime, this.$element, function () {
- $('[data-off-canvas-wrapper]').addClass('is-off-canvas-open is-open-' + _this.options.position);
- _this.$element.addClass('is-open');
+ var $wrapper = $('[data-off-canvas-wrapper]');
+ $wrapper.addClass('is-off-canvas-open is-open-' + _this.options.position);
- // if (_this.options.isSticky) {
- // _this._stick();
- // }
- });
+ _this.$element.addClass('is-open');
+
+ // if (_this.options.isSticky) {
+ // _this._stick();
+ // }
this.$triggers.attr('aria-expanded', 'true');
this.$element.attr('aria-hidden', 'false').trigger('opened.zf.offcanvas');
@@ -215,14 +217,23 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}
if (this.options.autoFocus) {
- this.$element.one(Foundation.transitionend(this.$element), function () {
- _this.$element.find('a, button').eq(0).focus();
+ $wrapper.one(Foundation.transitionend($wrapper), function () {
+ if (_this.$element.hasClass('is-open')) {
+ // handle double clicks
+ _this.$element.attr('tabindex', '-1');
+ _this.$element.focus();
+ }
});
}
if (this.options.trapFocus) {
- $('[data-off-canvas-content]').attr('tabindex', '-1');
- this._trapFocus();
+ $wrapper.one(Foundation.transitionend($wrapper), function () {
+ if (_this.$element.hasClass('is-open')) {
+ // handle double clicks
+ _this.$element.attr('tabindex', '-1');
+ _this.trapFocus();
+ }
+ });
}
}
@@ -239,15 +250,14 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
last = focusable.eq(-1);
focusable.off('.zf.offcanvas').on('keydown.zf.offcanvas', function (e) {
- if (e.which === 9 || e.keycode === 9) {
- if (e.target === last[0] && !e.shiftKey) {
- e.preventDefault();
- first.focus();
- }
- if (e.target === first[0] && e.shiftKey) {
- e.preventDefault();
- last.focus();
- }
+ var key = Foundation.Keyboard.parseKey(e);
+ if (key === 'TAB' && e.target === last[0]) {
+ e.preventDefault();
+ first.focus();
+ }
+ if (key === 'SHIFT_TAB' && e.target === first[0]) {
+ e.preventDefault();
+ last.focus();
}
});
}
@@ -339,13 +349,20 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}, {
key: '_handleKeyboard',
- value: function _handleKeyboard(event) {
- if (event.which !== 27) return;
-
- event.stopPropagation();
- event.preventDefault();
- this.close();
- this.$lastTrigger.focus();
+ value: function _handleKeyboard(e) {
+ var _this2 = this;
+
+ Foundation.Keyboard.handleKey(e, 'OffCanvas', {
+ close: function () {
+ _this2.close();
+ _this2.$lastTrigger.focus();
+ return true;
+ },
+ handled: function () {
+ e.stopPropagation();
+ e.preventDefault();
+ }
+ });
}
/**
@@ -411,7 +428,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
revealOn: null,
/**
- * Force focus to the offcanvas on open. If true, will focus the opening trigger on close.
+ * Force focus to the offcanvas on open. If true, will focus the opening trigger on close. Sets tabindex of [data-off-canvas-content] to -1 for accessibility purposes.
* @option
* @example true
*/
diff --git a/libraries/foundation-6/dist/plugins/foundation.orbit.js b/libraries/foundation-6/dist/plugins/foundation.orbit.js
index 7ecae386..32721263 100644
--- a/libraries/foundation-6/dist/plugins/foundation.orbit.js
+++ b/libraries/foundation-6/dist/plugins/foundation.orbit.js
@@ -22,7 +22,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an Orbit Carousel.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Orbit(element, options) {
_classCallCheck(this, Orbit);
@@ -249,23 +248,25 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
});
}
- this.$wrapper.add(this.$bullets).on('keydown.zf.orbit', function (e) {
- // handle keyboard event with keyboard util
- Foundation.Keyboard.handleKey(e, 'Orbit', {
- next: function () {
- _this.changeSlide(true);
- },
- previous: function () {
- _this.changeSlide(false);
- },
- handled: function () {
- // if bullet is focused, make sure focus moves
- if ($(e.target).is(_this.$bullets)) {
- _this.$bullets.filter('.is-active').focus();
+ if (this.options.accessible) {
+ this.$wrapper.add(this.$bullets).on('keydown.zf.orbit', function (e) {
+ // handle keyboard event with keyboard util
+ Foundation.Keyboard.handleKey(e, 'Orbit', {
+ next: function () {
+ _this.changeSlide(true);
+ },
+ previous: function () {
+ _this.changeSlide(false);
+ },
+ handled: function () {
+ // if bullet is focused, make sure focus moves
+ if ($(e.target).is(_this.$bullets)) {
+ _this.$bullets.filter('.is-active').focus();
+ }
}
- }
+ });
});
- });
+ }
}
}
@@ -300,10 +301,16 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this.options.infiniteWrap ? $curSlide.next('.' + this.options.slideClass).length ? $curSlide.next('.' + this.options.slideClass) : $firstSlide : $curSlide.next('.' + this.options.slideClass) : //pick next slide if moving left to right
this.options.infiniteWrap ? $curSlide.prev('.' + this.options.slideClass).length ? $curSlide.prev('.' + this.options.slideClass) : $lastSlide : $curSlide.prev('.' + this.options.slideClass); //pick prev slide if moving right to left
} else {
- $newSlide = chosenSlide;
- }
+ $newSlide = chosenSlide;
+ }
if ($newSlide.length) {
+ /**
+ * Triggers before the next slide starts animating in and only if a next slide has been found.
+ * @event Orbit#beforeslidechange
+ */
+ this.$element.trigger('beforeslidechange.zf.orbit', [$curSlide, $newSlide]);
+
if (this.options.bullets) {
idx = idx || this.$slides.index($newSlide); //grab index to update bullets
this._updateBullets(idx);
@@ -322,12 +329,12 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
//do stuff?
});
} else {
- $curSlide.removeClass('is-active is-in').removeAttr('aria-live').hide();
- $newSlide.addClass('is-active is-in').attr('aria-live', 'polite').show();
- if (this.options.autoPlay && !this.timer.isPaused) {
- this.timer.restart();
- }
+ $curSlide.removeClass('is-active is-in').removeAttr('aria-live').hide();
+ $newSlide.addClass('is-active is-in').attr('aria-live', 'polite').show();
+ if (this.options.autoPlay && !this.timer.isPaused) {
+ this.timer.restart();
}
+ }
/**
* Triggers when the slide has finished animating in.
* @event Orbit#slidechange
diff --git a/libraries/foundation-6/dist/plugins/foundation.responsiveMenu.js b/libraries/foundation-6/dist/plugins/foundation.responsiveMenu.js
index 8ba0f7b0..4fb51e63 100644
--- a/libraries/foundation-6/dist/plugins/foundation.responsiveMenu.js
+++ b/libraries/foundation-6/dist/plugins/foundation.responsiveMenu.js
@@ -24,7 +24,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into a dropdown menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function ResponsiveMenu(element, options) {
_classCallCheck(this, ResponsiveMenu);
diff --git a/libraries/foundation-6/dist/plugins/foundation.responsiveToggle.js b/libraries/foundation-6/dist/plugins/foundation.responsiveToggle.js
index 30360604..2a372f61 100644
--- a/libraries/foundation-6/dist/plugins/foundation.responsiveToggle.js
+++ b/libraries/foundation-6/dist/plugins/foundation.responsiveToggle.js
@@ -20,7 +20,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to attach tab bar functionality to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function ResponsiveToggle(element, options) {
_classCallCheck(this, ResponsiveToggle);
diff --git a/libraries/foundation-6/dist/plugins/foundation.reveal.js b/libraries/foundation-6/dist/plugins/foundation.reveal.js
index 21ed625d..c390815a 100644
--- a/libraries/foundation-6/dist/plugins/foundation.reveal.js
+++ b/libraries/foundation-6/dist/plugins/foundation.reveal.js
@@ -23,7 +23,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to use for the modal.
* @param {Object} options - optional parameters.
*/
-
function Reveal(element, options) {
_classCallCheck(this, Reveal);
@@ -176,7 +175,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (this.options.closeOnClick && this.options.overlay) {
this.$overlay.off('.zf.reveal').on('click.zf.reveal', function (e) {
- if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target)) {
+ if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target) || !$.contains(document, e.target)) {
return;
}
_this.close();
@@ -263,7 +262,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
'aria-hidden': false,
'tabindex': -1
}).focus();
- console.log('focus');
};
_this = _this3;
@@ -322,7 +320,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (!this.options.overlay && this.options.closeOnClick && !this.options.fullScreen) {
$('body').on('click.zf.reveal', function (e) {
- if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target)) {
+ if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target) || !$.contains(document, e.target)) {
return;
}
_this.close();
@@ -348,6 +346,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
// handle keyboard event with keyboard util
Foundation.Keyboard.handleKey(e, 'Reveal', {
tab_forward: function () {
+ _this.focusableElements = Foundation.Keyboard.findFocusable(_this.$element);
if (_this.$element.find(':focus').is(_this.focusableElements.eq(-1))) {
// left modal downwards, setting focus to first element
_this.focusableElements.eq(0).focus();
@@ -359,6 +358,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}
},
tab_backward: function () {
+ _this.focusableElements = Foundation.Keyboard.findFocusable(_this.$element);
if (_this.$element.find(':focus').is(_this.focusableElements.eq(0)) || _this.$element.is(':focus')) {
// left modal upwards, setting focus to last element
_this.focusableElements.eq(-1).focus();
diff --git a/libraries/foundation-6/dist/plugins/foundation.slider.js b/libraries/foundation-6/dist/plugins/foundation.slider.js
index 3cbc0374..35182b7d 100644
--- a/libraries/foundation-6/dist/plugins/foundation.slider.js
+++ b/libraries/foundation-6/dist/plugins/foundation.slider.js
@@ -22,7 +22,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an accordion menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Slider(element, options) {
_classCallCheck(this, Slider);
@@ -183,7 +182,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
dim,
//percentage w/h of the handle compared to the slider bar
- handlePct = ~ ~(percent(handleDim, elemDim) * 100);
+ handlePct = ~~(percent(handleDim, elemDim) * 100);
//if left handle, the math is slightly different than if it's the right handle, and the left/top property needs to be changed for the fill bar
if (isLeftHndl) {
//left or top percentage value to apply to the fill bar.
@@ -196,12 +195,12 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
cb();
} //this is only needed for the initialization of 2 handled sliders
} else {
- //just caching the value of the left/bottom handle's left/top property
- var handlePos = parseFloat(this.$handle[0].style[lOrT]);
- //calculate the new min-height/width for the fill bar. Use isNaN to prevent false positives for numbers <= 0
- //based on the percentage of movement of the handle being manipulated, less the opposing handle's left/top position, plus the percentage w/h of the handle itself
- dim = movement - (isNaN(handlePos) ? this.options.initialStart / ((this.options.end - this.options.start) / 100) : handlePos) + handlePct;
- }
+ //just caching the value of the left/bottom handle's left/top property
+ var handlePos = parseFloat(this.$handle[0].style[lOrT]);
+ //calculate the new min-height/width for the fill bar. Use isNaN to prevent false positives for numbers <= 0
+ //based on the percentage of movement of the handle being manipulated, less the opposing handle's left/top position, plus the percentage w/h of the handle itself
+ dim = movement - (isNaN(handlePos) ? this.options.initialStart / ((this.options.end - this.options.start) / 100) : handlePos) + handlePct;
+ }
// assign the min-height/width to our css object
css['min-' + hOrW] = dim + '%';
}
@@ -328,7 +327,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
} else {
barXY = eventFromBar;
}
- offsetPct = percent(barXY, barDim);
+ var offsetPct = percent(barXY, barDim);
value = (this.options.end - this.options.start) * offsetPct + this.options.start;
diff --git a/libraries/foundation-6/dist/plugins/foundation.sticky.js b/libraries/foundation-6/dist/plugins/foundation.sticky.js
index d1a4689d..cde17caf 100644
--- a/libraries/foundation-6/dist/plugins/foundation.sticky.js
+++ b/libraries/foundation-6/dist/plugins/foundation.sticky.js
@@ -20,7 +20,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make sticky.
* @param {Object} options - options object passed when creating the element programmatically.
*/
-
function Sticky(element, options) {
_classCallCheck(this, Sticky);
@@ -57,6 +56,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this.scrollCount = this.options.checkEvery;
this.isStuck = false;
$(window).one('load.zf.sticky', function () {
+ //We calculate the container height to have correct values for anchor points offset calculation.
+ _this.containerHeight = _this.$element.css("display") == "none" ? 0 : _this.$element[0].getBoundingClientRect().height;
+ _this.$container.css('height', _this.containerHeight);
+ _this.elemHeight = _this.containerHeight;
if (_this.options.anchor !== '') {
_this.$anchor = $('#' + _this.options.anchor);
} else {
@@ -294,7 +297,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function _setSizes(cb) {
this.canStick = Foundation.MediaQuery.atLeast(this.options.stickyOn);
if (!this.canStick) {
- cb();
+ if (cb && typeof cb === 'function') {
+ cb();
+ }
}
var _this = this,
newElemWidth = this.$container[0].getBoundingClientRect().width,
@@ -323,10 +328,15 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (this.isStuck) {
this.$element.css({ "left": this.$container.offset().left + parseInt(comp['padding-left'], 10) });
+ } else {
+ if (this.$element.hasClass('is-at-bottom')) {
+ var anchorPt = (this.points ? this.points[1] - this.$container.offset().top : this.anchorHeight) - this.elemHeight;
+ this.$element.css('top', anchorPt);
+ }
}
this._setBreakPoints(newContainerHeight, function () {
- if (cb) {
+ if (cb && typeof cb === 'function') {
cb();
}
});
@@ -343,7 +353,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
key: '_setBreakPoints',
value: function _setBreakPoints(elemHeight, cb) {
if (!this.canStick) {
- if (cb) {
+ if (cb && typeof cb === 'function') {
cb();
} else {
return false;
@@ -371,7 +381,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this.topPoint = topPoint;
this.bottomPoint = bottomPoint;
- if (cb) {
+ if (cb && typeof cb === 'function') {
cb();
}
}
diff --git a/libraries/foundation-6/dist/plugins/foundation.tabs.js b/libraries/foundation-6/dist/plugins/foundation.tabs.js
index 47e25b5e..15175a06 100644
--- a/libraries/foundation-6/dist/plugins/foundation.tabs.js
+++ b/libraries/foundation-6/dist/plugins/foundation.tabs.js
@@ -21,7 +21,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into tabs.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Tabs(element, options) {
_classCallCheck(this, Tabs);
diff --git a/libraries/foundation-6/dist/plugins/foundation.toggler.js b/libraries/foundation-6/dist/plugins/foundation.toggler.js
index 3e73b8d6..1aff209a 100644
--- a/libraries/foundation-6/dist/plugins/foundation.toggler.js
+++ b/libraries/foundation-6/dist/plugins/foundation.toggler.js
@@ -21,7 +21,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Toggler(element, options) {
_classCallCheck(this, Toggler);
diff --git a/libraries/foundation-6/dist/plugins/foundation.tooltip.js b/libraries/foundation-6/dist/plugins/foundation.tooltip.js
index a02bd5ab..f2edd142 100644
--- a/libraries/foundation-6/dist/plugins/foundation.tooltip.js
+++ b/libraries/foundation-6/dist/plugins/foundation.tooltip.js
@@ -10,6 +10,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* Tooltip module.
* @module foundation.tooltip
* @requires foundation.util.box
+ * @requires foundation.util.mediaQuery
* @requires foundation.util.triggers
*/
@@ -21,7 +22,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to attach a tooltip to.
* @param {Object} options - object to extend the default configuration.
*/
-
function Tooltip(element, options) {
_classCallCheck(this, Tooltip);
@@ -58,7 +58,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
'data-yeti-box': elemId,
'data-toggle': elemId,
'data-resize': elemId
- }).addClass(this.triggerClass);
+ }).addClass(this.options.triggerClass);
//helper variables to track movement on collisions
this.usedPositions = [];
@@ -286,11 +286,11 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
//_this.hide();
// _this.isClick = false;
} else {
- _this.isClick = true;
- if ((_this.options.disableHover || !_this.$element.attr('tabindex')) && !_this.isActive) {
- _this.show();
- }
+ _this.isClick = true;
+ if ((_this.options.disableHover || !_this.$element.attr('tabindex')) && !_this.isActive) {
+ _this.show();
}
+ }
});
} else {
this.$element.on('mousedown.zf.tooltip', function (e) {
diff --git a/libraries/foundation-6/dist/plugins/foundation.util.box.js b/libraries/foundation-6/dist/plugins/foundation.util.box.js
index b3ff90ee..cc6da32f 100644
--- a/libraries/foundation-6/dist/plugins/foundation.util.box.js
+++ b/libraries/foundation-6/dist/plugins/foundation.util.box.js
@@ -176,7 +176,7 @@
break;
case 'left bottom':
return {
- left: $anchorDims.offset.left - ($eleDims.width + hOffset),
+ left: $anchorDims.offset.left,
top: $anchorDims.offset.top + $anchorDims.height
};
break;
@@ -188,7 +188,7 @@
break;
default:
return {
- left: Foundation.rtl() ? $anchorDims.offset.left - $eleDims.width + $anchorDims.width : $anchorDims.offset.left,
+ left: Foundation.rtl() ? $anchorDims.offset.left - $eleDims.width + $anchorDims.width : $anchorDims.offset.left + hOffset,
top: $anchorDims.offset.top + $anchorDims.height + vOffset
};
}
diff --git a/libraries/foundation-6/dist/plugins/foundation.util.keyboard.js b/libraries/foundation-6/dist/plugins/foundation.util.keyboard.js
index e9e03bbe..7b9f74c9 100644
--- a/libraries/foundation-6/dist/plugins/foundation.util.keyboard.js
+++ b/libraries/foundation-6/dist/plugins/foundation.util.keyboard.js
@@ -60,9 +60,9 @@
// this component does not differentiate between ltr and rtl
cmds = commandList; // use plain list
} else {
- // merge ltr and rtl: if document is rtl, rtl overwrites ltr and vice versa
- if (Foundation.rtl()) cmds = $.extend({}, commandList.ltr, commandList.rtl);else cmds = $.extend({}, commandList.rtl, commandList.ltr);
- }
+ // merge ltr and rtl: if document is rtl, rtl overwrites ltr and vice versa
+ if (Foundation.rtl()) cmds = $.extend({}, commandList.ltr, commandList.rtl);else cmds = $.extend({}, commandList.rtl, commandList.ltr);
+ }
command = cmds[keyCode];
fn = functions[command];
diff --git a/libraries/foundation-6/dist/plugins/foundation.util.mediaQuery.js b/libraries/foundation-6/dist/plugins/foundation.util.mediaQuery.js
index 328be8e9..f7df4b05 100644
--- a/libraries/foundation-6/dist/plugins/foundation.util.mediaQuery.js
+++ b/libraries/foundation-6/dist/plugins/foundation.util.mediaQuery.js
@@ -145,7 +145,7 @@
style.type = 'text/css';
style.id = 'matchmediajs-test';
- script.parentNode.insertBefore(style, script);
+ script && script.parentNode && script.parentNode.insertBefore(style, script);
// 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers
info = 'getComputedStyle' in window && window.getComputedStyle(style, null) || style.currentStyle;
diff --git a/libraries/foundation-6/dist/plugins/foundation.util.nest.js b/libraries/foundation-6/dist/plugins/foundation.util.nest.js
index a8433837..2872c205 100644
--- a/libraries/foundation-6/dist/plugins/foundation.util.nest.js
+++ b/libraries/foundation-6/dist/plugins/foundation.util.nest.js
@@ -4,7 +4,7 @@
var Nest = {
Feather: function (menu) {
- var type = arguments.length <= 1 || arguments[1] === undefined ? 'zf' : arguments[1];
+ var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'zf';
menu.attr('role', 'menubar');
@@ -46,7 +46,7 @@
subItemClass = subMenuClass + '-item',
hasSubClass = 'is-' + type + '-submenu-parent';
- menu.find('*').removeClass(subMenuClass + ' ' + subItemClass + ' ' + hasSubClass + ' is-submenu-item submenu is-active').removeAttr('data-submenu').css('display', '');
+ menu.find('>li, .menu, .menu > li').removeClass(subMenuClass + ' ' + subItemClass + ' ' + hasSubClass + ' is-submenu-item submenu is-active').removeAttr('data-submenu').css('display', '');
// console.log( menu.find('.' + subMenuClass + ', .' + subItemClass + ', .has-submenu, .is-submenu-item, .submenu, [data-submenu]')
// .removeClass(subMenuClass + ' ' + subItemClass + ' has-submenu is-submenu-item submenu')
diff --git a/libraries/foundation-6/dist/plugins/foundation.util.timerAndImageLoader.js b/libraries/foundation-6/dist/plugins/foundation.util.timerAndImageLoader.js
index 21e3384f..e82db8be 100644
--- a/libraries/foundation-6/dist/plugins/foundation.util.timerAndImageLoader.js
+++ b/libraries/foundation-6/dist/plugins/foundation.util.timerAndImageLoader.js
@@ -30,7 +30,9 @@
if (options.infinite) {
_this.restart(); //rerun the timer.
}
- cb();
+ if (cb && typeof cb === 'function') {
+ cb();
+ }
}, remain);
elem.trigger('timerstart.zf.' + nameSpace);
};
diff --git a/libraries/foundation-6/dist/plugins/foundation.util.triggers.js b/libraries/foundation-6/dist/plugins/foundation.util.triggers.js
index 17eb7cbc..5fc132de 100644
--- a/libraries/foundation-6/dist/plugins/foundation.util.triggers.js
+++ b/libraries/foundation-6/dist/plugins/foundation.util.triggers.js
@@ -62,7 +62,7 @@
* @function
* @private
*/
- $(window).load(function () {
+ $(window).on('load', function () {
checkListeners();
});
diff --git a/libraries/foundation-6/docs/assets/img/icons/foundation-favicon.ico b/libraries/foundation-6/docs/assets/img/icons/foundation-favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..c36dcf5c916dbed610504595cc24917e02463707
GIT binary patch
literal 121170
zcmeI5eQZ<L6~J#28j>iX0ow7=u^JcARMfGZ#ExwU<hx`eX_T@-*RsagFW}+W#(p7z
zu4;gY7PW<R<qx(|Y2Bnw?ba`8U18mT3Z&Amf>!FPiDe>NtDy-xKBlc<1Ganp@{Dn!
zYE?EN%+C_>_2s?i=kv}v_jk`Z@4oHrZTFNE%`Or`l(Z~u>=0r`O#Lg!l|5m1=`HeY
zmfo~dzc1RQ_xj_Ss0&6{YnGO7{~E1B^9MJse@9y+#H9St@|F6^)@8mxw7cA|wkhxH
zmWPtBMN9f({=hm-x2)FIgd#Q8GjATST0+4Z>k3z^qczr`tqm>R6xZ(C)V4gZX<fh@
zv@Tg}S=8r~2k6#xzooA`97*{4YOKlQ`ea*m+pU)5Ci=P>t8r2*TiY!S(YR)DmAh>L
zhqKC3?Jak@+|}OdyDb&+v)$pbS2%1Aug_KKb5vMHUsm~T@nDy)qp^APyX2=D>snop
z`Rw-I-rn-w%JOJ@jos<>dhL!1dqss!ZedGojOhM8TO@IZd4xtS5r~IkdMFyPs3ZDU
zM|<=dt2|TVCv?YJTT=&)Bt``#MP~2w$L!8>hrPR7{jTKJ3B5zRavI}qomjpxrrA5R
zM6@R!kk_N@4s&NIyU+h3bHiXDwOy<y9!~zwV8E`0wQen<C*(;vlV>E)+;?w0Brl*p
z+!zh?sQ+zgtg-g=gn~Y|tI1vIb+|q5hGwU;vA)jTRMF`1R5vu$HPlx*s@0dN1ElXL
zd&+}yUzfY7(o@;&sFDY9I-A^{21k99tIAX5YIfB%Rk_W5TOtYF9|>scOVz%i)V@v4
zpS!QGA+GuLXnc7z8a7p>eQi{aCe}t{mWGC;YFNrz{ee(Kb>5|}=IHrq@z4e>*c^{`
zTauT<7aHd*0?w{r(51O-L06#CR@Eid!xQkkY#vv&+a2_DRaR=6b#(t=n&=F5mOb*9
z#LN@&t*+{FJKPS3&8>N>ZBA#k*XGqKoHkF;<#fBfRnCg)pw%u<F&OaaAw8^(YHwXw
zA8mz0N`ri1e`Jjml`W`s`Fp~;b@Bb09<sG*y^HKhH^U*hd9r2fX-_*|vO7(g%`K&c
zsAkGE<%g7UYY}PDacR0Qi1XDV=fgj>G}bNeJAQg7r%+hLLC4g$HvIY3M{^T>zbLr*
z?CZzoBz;5rpNrA2rhiPf-|sBT%j_)m(}xU%KnBP_`3Cd=8K4KoD2Xj#3)lj-U`PO4
zz!tCtY{8TO{s4cFUH)L_vkM1v<WHLUN%WDOuhecSe6IM4vKy^~1MT^leVz4VLr9Lf
zyVQ}cdhITK_o~n8!?FTxOyB&0iZOlD>t|*5^>cbi58V@(295={EEqKyb3p=tN`M3)
zfdC0W0+2v}1R%kLkYM|y&XZGuD)f?n;eit$FBl{?Lu8A<8-X_{8_I^V1(XeCL)ik#
zo)BdNQ~(t~1yBK00F}rhpgMeX&Jh(mDn9?l{<l|HGAn|B=PbI`>N=;txVT(gW=716
zsPPn(Bna3ZwukMriS5%_PqpDacn{u#_uxHvPYws;-IYQyQRbjYeIA)ZGKb8M$M=_{
zg-HvO79JNRFbzxt)4(){suFl3swxP)5qQh?z#GLx>Cq$b5BvlFz(4R0`~&|4_?PYY
zmkvLwO}z>ACQN(rd-y%-P2_MeUcCuPqAZRQP)w9bL=+QIOhhpe#Y7B-g18{_W8#9u
z1&IqvNX+6%05d!;E_q;rAMhT$_l0;*785;VDHY<Do7PXeb9#ZVaNE@Bo*%q*Y4+}u
z&;NeagHwKHS$Qyj#_-?1HE{cIUPhp$c3|vt(dZKb86X2?D(C?+n6Mrk{$_5{?UwD^
zv-8bQn<pnfeCf$E$1Yy_OR_Cmwi%C!96Y~w)xD4XdP=hQ?!7l3+qlWxVnLy?Y1-e}
z#bX~hX{Apf1Az>rouCKEK)Flw02!bMN&@HsGDxZcJ`r0;D#Cv~HeSwsH8D9kOWAty
zr8DPlUCLAJOW!qYDeW&Q3{n`RFi2sL!uUcdj5H6LY;r>kH^gv53^&A3@WTx;azNmQ
znBB}Z2HNv8F@d=Tromj}dYEghKDncH<|H8s>SO;dso1ih?1jT^;g08jUU+o4_^#aZ
zLr<N}Ta;<tjWfr_SLhQ086X2?E9e0-Ko5*j16#lrumx<vkN~!TEno}Sf+>OjgFh&q
zHhS=bC9S92N1sq7+ZPX=x-`{zF!+n9GVI|UJI-8qaKoI`xs1HiV3dQWdgPtG`3<wu
zJ|>&}1@s{UsT=6Q_%e9>YhuG+YgJIVbMV05Yxd{1lx5!DMh=l2A~{5Ih|))pLnMbt
zSrKJLAOT1K5`Y9Cfs_D901|)%Ai)iY1huD!oF!Y^MbifZ`kiyW-M{^Nk%HRxRUdx&
z`y<niKQ*-HnV$?7?v*a`s#odUu^}e<gg^$!Kp6^pfDF(BW5~c3umx=4I<bXwF(Yp;
z#L)Y%9XQr=PGu4g{o{hq=pK3chsDM(5knuG^6tD~ZY}x`EGr-VpDS-`OLwI<Fnb@T
zPap$<45UGz2gpGAMf3m}WR)K5oz!`9N>Kfz{0k49_;|tKfU&Nt>M>swB9L_;>p<3l
ztiuhMbub5k)H@5tv4{h;i4-DS4~saYoYrUq%f)iBTr8KR9(g(`PbZaw;sjw{KFIBe
z8d{6bzp?-A6_(5t5<vrk1_TWV8cf*FjN*Ih4ab6G!Li_2a4g&wB?ko(lq4uY0+0YC
z00}^XYlj5eWiio?kQm4j1@lYVPQAErdgZ#;zn*v7g`t+doai_=qWN#IzV$8U6n2Sz
z;Nh3=F&?a~`WDYJmuEA#5Tc6Z#91<0ssl>}BLn3X&;w+E9w-T*2go3)2KYp5A*l$A
zjrc@-B0kZO0Jf0jw(!`q3kOxT(acYxkL-M<HkZO)l3*0}QrJsjFNM7n_R4{Af`z>%
zMw#zq*U7GvT_?MaW4U(O^}^@O6}?Qa4DZ2v@E*Je?@0-CT62E4FHb#`u)pr|N1u%p
z&BI?7XsMyXY|LkYr@3R-x}<)Z86Gn{W_Zl-nBg(QldQlkRUiRK01|)%AOT1K5@bCR
zyq1`pT={zI#h1>UyLG7<E-~L71P#bPkW{D6j+qg4cH~{jyOMV$?<(OCBmfCO0+0YC
z00}^X>_GxmOca<_B=0f%QQ4MH-}BerR?xQP&_ny5xc|N3O~0D)$J{+*tBYy}=tBlV
zAOmEe;>PF!GC&WM1a3e*I6TjI8pf{hzcyaFeU7jUkNm-E$U^=-`&)<or$wocW+Ugv
zlgwu7y=2?iC$dhZPap$<45XEy2gpD<OY{I4pa)6<=)rX<1N*{WOP)M)$B`5N{K`X{
zB?(e=)KAe78AdXUWEjaXl3^sn2ohvZhOvI^vrphXc#n!Q0q?<k@E*Je?@8W!TAUu*
ztQLMdXnFM1!{52-yY2ZZx|ROIU*a$Em-tKkCG%tE$8uyOWDXL51Rw!O01|)%AOT1q
zB>)oKcu250V@2%rsF7;3#vyAQvc@5GcC2wo&;UY^10u^Fg9IP}NB|Om1Rw!O01^--
zkP^riB%qi`Ud*drJPwVbbBfNXm>@ku@Pm9v_K*&b>)_6L$^gmv6VWHhpEc8W1~mq?
zYd5G-Oq3ouB4|L+fS>_E1A+zw4dl2$9)UapNB|Om1Rw!O01|)%QUV}BHX{MWMCtJ$
z)n*ca#b>j{lYb!paP9IB#`Cn&d@i>tWlLQ$js?epW1(7yY8|R|sMcX3N$4os7wy`7
zd|%!y$@2Ymmp}S!q-b6m)+d{=J#0@rjR-o+5U>mZ%Mi#Rk(G%+0+0YC00}^X|2+~k
Zx<lVs^_#k19#)gDmZrAGm+L#X{0EJQPQ3sC
literal 0
HcmV?d00001
diff --git a/libraries/foundation-6/docs/assets/js/docs.ad.js b/libraries/foundation-6/docs/assets/js/docs.ad.js
new file mode 100644
index 00000000..e1529cac
--- /dev/null
+++ b/libraries/foundation-6/docs/assets/js/docs.ad.js
@@ -0,0 +1,16 @@
+$(function() {
+
+ // TODO: Add alternate between advanced and intro
+ var topic = $('h1.docs-page-title').text();
+ var header = 'Master ' + topic;
+ var body = 'Get up to speed FAST, learn straight from the experts who built Foundation.';
+ var link = 'http://zurb.com/university/foundation-intro?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Struggling&utm_campaign=Docs%20To%20Intro';
+ var cta = 'Learn More';
+
+ var html = '<div class="ad-unit"><h3 class="ad-unit-title">' + header + '</h3>' +
+ '<p class="ad-unit-text">' + body + '</p>' +
+ '<a class="button ad-unit-button" href="' + link+ '">' +
+ cta + '</a></div>';
+ $('#TOCAdUnit').html(html);
+
+});
diff --git a/libraries/foundation-6/docs/assets/js/docs.js b/libraries/foundation-6/docs/assets/js/docs.js
index af814d63..63cf2204 100644
--- a/libraries/foundation-6/docs/assets/js/docs.js
+++ b/libraries/foundation-6/docs/assets/js/docs.js
@@ -16,3 +16,49 @@ $(function() {
$(function() {
$('[data-docs-version]').text('v' + Foundation.version);
});
+
+
+// COUNTDOWN TIMER for Events banner
+// function getTimeRemaining(endtime){
+// var t = Date.parse(endtime) - Date.parse(new Date());
+// var minutes = Math.floor( (t/1000/60) % 60 );
+// var days = Math.floor( (t/(1000*60*60)/24) );
+// var hours = Math.floor( (t/(1000*60*60)) % 24 );
+// var seconds = Math.floor( (t/1000) % 60 );
+//
+// return {
+// 'total': t,
+// 'hours': hours,
+// 'days': days,
+// 'minutes': minutes,
+// 'seconds': seconds
+// };
+// }
+//
+// function initializeClock(id, endtime){
+// var clock = document.getElementById(id);
+// var daysSpan = clock.querySelector('.days');
+// var hoursSpan = clock.querySelector('.hours');
+// var minutesSpan = clock.querySelector('.minutes');
+// var secondsSpan = clock.querySelector('.seconds');
+//
+// function updateClock(){
+// var t = getTimeRemaining(endtime);
+//
+// daysSpan.innerHTML = ('0' + t.days).slice(-2);
+// hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
+// minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
+// secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
+//
+// if(t.total<=0){
+// clearInterval(timeinterval);
+// }
+// }
+//
+// updateClock();
+// var timeinterval = setInterval(updateClock,1000);
+// }
+//
+// var deadline = 'Thurs, 25 Aug 2016 8:00:00 PDT';
+// initializeClock('clockdiv', deadline);
+// COUNTDOWN TIMER END
diff --git a/libraries/foundation-6/docs/assets/scss/_course-callout.scss b/libraries/foundation-6/docs/assets/scss/_course-callout.scss
new file mode 100644
index 00000000..a9aca9ce
--- /dev/null
+++ b/libraries/foundation-6/docs/assets/scss/_course-callout.scss
@@ -0,0 +1,57 @@
+.footer-course-upsell {
+ overflow: hidden;
+ img {
+ position: absolute;
+ bottom: -15px;
+ animation: ad-unit-hover 8s infinite ease;
+ }
+ border-top: 1px solid #cacaca;
+ background: #F5F5F5;
+ padding-top: 10px;
+ margin-top: 25px;
+ .sites-course-title {
+ font-size: 30px;
+ margin-bottom: 1rem;
+ margin-top: 1rem;
+ span {
+ text-transform: uppercase;
+ font-size: rem-calc(11px);
+ font-weight: bold;
+ display: block;
+ margin-bottom: -6px;
+ letter-spacing: 3px;
+ color: rgb(175, 175, 175);
+ }
+ }
+
+ p {
+ color: rgb(125, 125, 125);
+ font-size: 14px;
+ }
+}
+
+@keyframes ad-unit-hover {
+ 0% {
+ transform: translateY(30px);
+ }
+ 10% {
+ transform: translateY(30px);
+ }
+
+ 25% {
+ transform: translateY(0);
+ }
+ 65% {
+ transform: translateY(0);
+ }
+
+ 90% {
+ transform: translateY(30px);
+ }
+
+ 100% {
+ transform: translateY(30px);
+ }
+
+}
+
diff --git a/libraries/foundation-6/docs/assets/scss/docs.scss b/libraries/foundation-6/docs/assets/scss/docs.scss
index 228a3c97..49d6ec3e 100644
--- a/libraries/foundation-6/docs/assets/scss/docs.scss
+++ b/libraries/foundation-6/docs/assets/scss/docs.scss
@@ -23,5 +23,170 @@
@import 'examples/motion-ui';
@import 'examples/off-canvas';
@import 'examples/orbit';
+@import 'examples/responsive-embed';
@import 'examples/reveal';
-@import 'examples/top-bar';
+
+@import 'course-callout';
+
+$topbar-background: #2c3840;
+$topbar-hover-color: lighten($topbar-background, 10%);
+
+
+/* Banner for announcements */
+a#notice {
+ display:block;
+ overflow: hidden;
+ position: relative;
+ padding: 1rem 0;
+ width:100%;
+ background-image: url('http://zurb.com/university/assets/zurbwired2016-web-banner-a95e5d17264e3617a2ae4f34e84f973b.gif');
+ background-position: center;
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-color: #0078AB;
+ height: 70px;
+
+ .countdown {
+ display:none;
+ color: #ffffff;
+ font-size: 35px;
+ font-weight: 500;
+ margin-left: -50%;
+ font-family: "Proxima-Nova", "Proxima", "proxima-nova", sans-serif;
+ background-color: rgba(0,120,171,0.7);
+ -webkit-box-shadow: 0px 0px 16px 7px rgba(0,120,171,0.7);
+ -moz-box-shadow: 0px 0px 16px 7px rgba(0,120,171,0.7);
+ box-shadow: 0px 0px 16px 7px rgba(0,120,171,0.7);
+ }
+
+ .timer-colon {
+ margin: 0px -2px 0px -4px;
+ padding: 0;
+ }
+
+ .timer-hour, .timer-minute, .timer-second {
+ letter-spacing: 2px;
+ }
+
+ .info {
+ left: 0;
+ right: 0;
+ // top: 15px;
+ z-index: 20;
+ margin-top: -7px;
+ // width: 75%;
+ margin-left: auto;
+ margin-right: auto;
+ // position: absolute;
+ h5 { color: #ffffff; font-size: 18px !important;}
+ text-align: center;
+ @media only screen and (max-width: 675px) { width: 100%; padding: 0 15px 0px 15px; position: relative; }
+ }
+
+ @media (max-width: 800px) {
+ background-position: 51.2% 0;
+ .countdown { display: none; }
+ }
+}
+/* COUNTDOWN END */
+
+
+.marketing-topbar,
+.title-bar {
+ background: $topbar-background;
+
+ .dropdown.menu a {
+ background: $topbar-background;
+ }
+ .is-dropdown-submenu-item a {
+ &:hover {
+ background: $topbar-hover-color;
+ }
+ }
+
+ .title {
+ background: $topbar-background;
+ }
+}
+
+.dropdown.menu a.button {
+ background: $primary-color;
+
+ &:hover {
+ background: darken($primary-color, 10%);
+ }
+}
+
+
+.marketing-topbar .menu a:hover:not(.button),
+.marketing-topbar .menu a:focus {
+ background: $topbar-hover-color;
+}
+
+.marketing-topbar .menu .topbar-title a {
+ &:hover,
+ &:focus {
+ background: $topbar-background;
+ }
+}
+
+.docs-newsletter {
+ padding: 1rem 0;
+}
+
+.footer-signup-form {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+.zurb-footer-bottom {
+ background: $topbar-background;
+}
+
+.ad-unit {
+ max-width: 250px;
+ padding: .5rem;
+ background: #074E68;
+ border-radius: 4px;
+}
+
+.ad-unit-title {
+ padding: 10px 16px 5px 16px;
+ text-align: center;
+ color: #fff;
+ font-size: 23px;
+ font-weight: bold;
+ font-family: 'proxima nova', helvetica, arial;
+ animation: ad-title-anim 1.5s 1 ease;
+ animation-fill-mode: backwards;
+}
+
+.ad-unit-text {
+ color: #fff;
+ font-size: 13px;
+ text-align: center;
+ padding: 0 15px 10px 15px;
+ animation: ad-text-anim 1s 1 ease;
+ animation-delay: 1s;
+ animation-fill-mode: backwards;
+}
+
+.ad-unit-button {
+ margin-bottom: 0;
+ width: 100%;
+ box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
+ border: 0;
+ border-radius: 3px;
+ font-weight: bold;
+}
+
+
+@keyframes ad-title-anim {
+ 0% { opacity: 0; transform: translateY(50%); }
+ 100% { opacity: 1; }
+}
+
+@keyframes ad-text-anim {
+ 0% { opacity: 0; transform: scale(.7, .7); }
+ 100% { opacity: 1; transform: scale(1, 1);}
+}
diff --git a/libraries/foundation-6/docs/assets/scss/examples/_grid.scss b/libraries/foundation-6/docs/assets/scss/examples/_grid.scss
index d11829d1..01bf8039 100644
--- a/libraries/foundation-6/docs/assets/scss/examples/_grid.scss
+++ b/libraries/foundation-6/docs/assets/scss/examples/_grid.scss
@@ -65,7 +65,6 @@
.columns {
float: none;
width: auto;
- margin-right: -1px; // Not sure why this has to be here
&:nth-child(odd) {
background: #eee;
diff --git a/libraries/foundation-6/docs/assets/scss/examples/_responsive-embed.scss b/libraries/foundation-6/docs/assets/scss/examples/_responsive-embed.scss
new file mode 100644
index 00000000..60df6cd2
--- /dev/null
+++ b/libraries/foundation-6/docs/assets/scss/examples/_responsive-embed.scss
@@ -0,0 +1,5 @@
+// Responsive Embed
+
+.panorama {
+ @include responsive-embed(256 by 81);
+}
diff --git a/libraries/foundation-6/docs/assets/scss/examples/_top-bar.scss b/libraries/foundation-6/docs/assets/scss/examples/_top-bar.scss
deleted file mode 100644
index 8c820684..00000000
--- a/libraries/foundation-6/docs/assets/scss/examples/_top-bar.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-.docs-code-live .top-bar-title strong {
- margin-top: 7px;
- display: inline-block;
- margin-left: 8px;
-}
diff --git a/libraries/foundation-6/docs/layout/default.html b/libraries/foundation-6/docs/layout/default.html
index 08578c16..9190ea1e 100644
--- a/libraries/foundation-6/docs/layout/default.html
+++ b/libraries/foundation-6/docs/layout/default.html
@@ -6,7 +6,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{description}}">
- <link rel="icon" href="assets/img/icons/favicon.ico" type="image/x-icon">
+ <link rel="icon" href="assets/img/icons/foundation-favicon.ico" type="image/x-icon">
<title>Foundation for Sites 6 Docs{{#unlesspage 'index'}} | {{title}}{{/unlesspage}}</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">
@@ -14,6 +14,21 @@
</head>
<body>
+ <!-- Info Banner For Announcements or Links -->
+ <!-- <a href="http://zurb.com/wired" id="notice">
+ <div class="info">
+ <div id="clockdiv" class="countdown">
+ <span class="timer-day days"></span>
+ <span class="timer-colon">:</span>
+ <span class="timer-hour hours"></span>
+ <span class="timer-colon">:</span>
+ <span class="timer-hour minutes"></span>
+ <span class="timer-colon">:</span>
+ <span class="timer-seconds seconds"></span>
+ </div>
+ </div>
+ </a> -->
+
<div class="off-canvas-wrapper"><div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
{{> off-canvi}}
@@ -42,7 +57,7 @@
{{> footer}}
</div>
- </div>
+ </div></div>
<script>
var _gaq = _gaq || [];
diff --git a/libraries/foundation-6/docs/pages/abide.md b/libraries/foundation-6/docs/pages/abide.md
index e2e75b9b..54178b65 100644
--- a/libraries/foundation-6/docs/pages/abide.md
+++ b/libraries/foundation-6/docs/pages/abide.md
@@ -1,6 +1,6 @@
---
title: Abide
-description: Abide is an form validation library that extends the HTML5 validation API with custom validators.
+description: Abide is a form validation library that extends the HTML5 validation API with custom validators.
sass: scss/forms/_error.scss
js: js/foundation.abide.js
tags:
@@ -198,6 +198,72 @@ $("#bar").on("formvalid.zf.abide", function(ev,frm) {
// do something perhaps
});
```
+
+## Builtin Patterns and Validators
+
+The following patterns and validators are already built in:
+
+`alpha`,
+`alpha_numeric`,
+`card`,
+`color`
+`cvv`,
+`date`,
+`dateISO`,
+`datetime`,
+`day_month_year`,
+`domain`,
+`email`,
+`integer`,
+`month_day_year`,
+`number`,
+`time`,
+`url`
+
+They are defined by regular expressions as you can see below. Note, that the patterns that relate to text such as `alpha` and `alpha_numeric` do not consider special characters from other languages. You need to add these special characters yourself to the regular expressions. For instance, for the German language you need to add:
+
+```JS
+alpha : /^[a-zäöüßA-ZÄÖÜ]+$/,
+alpha_numeric : /^[a-zäöüßA-ZÄÖÜ0-9]+$/,
+```
+
+Then you need to customize the builtin patterns as explained in the next section. Otherwise Abide will produce an error if a special character is input in your text field which is validated with `pattern="alpha"` or `pattern="alpha_numeric"`.
+
+Here are the definitions of the builtin patterns:
+
+```JS
+alpha : /^[a-zA-Z]+$/,
+alpha_numeric : /^[a-zA-Z0-9]+$/,
+integer : /^[-+]?\d+$/,
+number : /^[-+]?\d*(?:[\.\,]\d+)?$/,
+
+// amex, visa, diners
+card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,
+cvv : /^([0-9]){3,4}$/,
+
+// http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address
+email : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,
+
+url : /^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/,
+// abc.de
+domain : /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/,
+
+datetime : /^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/,
+// YYYY-MM-DD
+date : /(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/,
+// HH:MM:SS
+time : /^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/,
+dateISO : /^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/,
+// MM/DD/YYYY
+month_day_year : /^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/,
+// DD/MM/YYYY
+day_month_year : /^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/,
+
+// #FFF or #FFFFFF
+color : /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/
+```
+
+
## Adding Custom Pattern and Validator
* Override builtin patterns and validators before foundation is initialized
* Add new patterns and validators before or after foundation is initialized
diff --git a/libraries/foundation-6/docs/pages/accordion-menu.md b/libraries/foundation-6/docs/pages/accordion-menu.md
index f271fe06..aa8a4f9c 100644
--- a/libraries/foundation-6/docs/pages/accordion-menu.md
+++ b/libraries/foundation-6/docs/pages/accordion-menu.md
@@ -9,7 +9,7 @@ description: Change a basic vertical Menu into a expandable accordion menu with
Accordion menus follow the basic [Menu](menu.html) syntax of `<ul>`, `<li>`, and `<a>`. To convert a basic menu into an accordion, add the attribute `data-accordion-menu`. You probably also want it to be vertical, so add the class `.vertical` as well.
-Any `<a>` will behave like a standard link. However, any `<a>` paired with a nested `<ul>` menu will then slide that sub-menu up and down when clicked on.
+Use `<span>` for elements that should open a nested menu. Use `<a>` for links outside of the behaviors of the menu functionality.
<div class="primary callout">
<p>You can use the built-in <code>.nested</code> class to add an indent to a nested menu.</p>
@@ -20,40 +20,56 @@ Any `<a>` will behave like a standard link. However, any `<a>` paired with a nes
</div>
```html
-<ul class="vertical menu" data-accordion-menu>
- <li>
- <a href="#">Item 1</a>
- <ul class="menu vertical nested">
- <li><a href="#">Item 1A</a></li>
- <li><a href="#">Item 1B</a></li>
- </ul>
- </li>
- <li><a href="#">Item 2</a></li>
-</ul>
+<ul class="vertical tree" data-accordion-menu>
+ <li><span>Item 1</span>
+ <ul class="tree vertical nested">
+ <li><span>Item 1A</span>
+ <ul class="tree vertical nested">
+ <li><span>Item 1Ai</span></li>
+ <li><a href="http://www.google.com">External link</a></li>
+ <li><span>Item 1Aiii</span></li>
+ </ul>
+ </li>
+ <li><span>Item 1B</span></li>
+ <li><span>Item 1C</span></li>
+ </ul>
+ </li>
+ <li><span>Item 2</span>
+ <ul class="tree vertical nested">
+ <li><span>Item 2A</a></li>
+ <li><span>Item 2B</a></li>
+ </ul>
+ </li>
+ <li><a href="http://www.google.com">External link</a></li>
+ </ul>
```
-<ul class="vertical menu" data-accordion-menu>
- <li>
- <a href="#">Item 1</a>
- <ul class="menu vertical nested">
- <li>
- <a href="#">Item 1A</a>
- <ul class="menu vertical nested">
- <li><a href="#">Item 1Ai</a></li>
- <li><a href="#">Item 1Aii</a></li>
- <li><a href="#">Item 1Aiii</a></li>
+<ul class="vertical tree" data-accordion-menu>
+ <li><span>Item 1</span>
+ <ul class="tree vertical nested">
+ <li><span>Item 1A</span>
+ <ul class="tree vertical nested">
+ <li><span>Item 1Ai</span></li>
+ <li><a href="http://www.google.com">External link</a></li>
+ <li><span>Item 1Aiii</span></li>
+ </ul>
+ </li>
+ <li><span>Item 1B</span></li>
+ <li><span>Item 1C</span></li>
+ </ul>
+ </li>
+ <li><span>Item 2</span>
+ <ul class="tree vertical nested">
+ <li><span>Item 2A</a></li>
+ <li><span>Item 2B</a></li>
</ul>
</li>
- <li><a href="#">Item 1B</a></li>
- <li><a href="#">Item 1C</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Item 2</a>
- <ul class="menu vertical nested">
- <li><a href="#">Item 2A</a></li>
- <li><a href="#">Item 2B</a></li>
- </ul>
- </li>
- <li><a href="#">Item 3</a></li>
-</ul>
+ <li><a href="http://www.google.com">External link</a></li>
+ </ul>
+
+
+---
+
+## Accessibility
+
+Accordion Menus by default are accessible through the use of various ARIA attributes. It is important not to use `<a>` unless you intend to have the menu item link off page or anchor accordingly.
diff --git a/libraries/foundation-6/docs/pages/badge.md b/libraries/foundation-6/docs/pages/badge.md
index d5e2b8f4..0ed430cd 100644
--- a/libraries/foundation-6/docs/pages/badge.md
+++ b/libraries/foundation-6/docs/pages/badge.md
@@ -18,7 +18,7 @@ A badge will typically be describing another element on the page. To bind the tw
```html
<h1 aria-describedby="messageCount">Unread Messages</h1>
-<span class="badge" id="messageCount">1<span>
+<span class="badge" id="messageCount">1</span>
```
Finally, the content itself might need more context for users that use screen readers. You can add extra text inside the badge using the `.show-for-sr` class.
@@ -50,4 +50,4 @@ An icon can be used in place of text. We're using the [Foundation icon font](htt
<span class="info badge"><i class="fi-share"></i></span>
<span class="success badge"><i class="fi-check"></i></span>
<span class="warning badge"><i class="fi-wrench"></i></span>
-```
\ No newline at end of file
+```
diff --git a/libraries/foundation-6/docs/pages/base-typography.md b/libraries/foundation-6/docs/pages/base-typography.md
index 40a6b6db..06b7730d 100644
--- a/libraries/foundation-6/docs/pages/base-typography.md
+++ b/libraries/foundation-6/docs/pages/base-typography.md
@@ -56,7 +56,7 @@ The framework includes two typographic scales—one uses a narrow range of s
Header | Default | Medium and up
--------|---------|--------------
`<h1>` | 24px | 48px
-`<h2>` | 20px | 40px
+`<h2>` | 20px | 40px
`<h3>` | 19px | 31px
`<h4>` | 18px | 25px
`<h5>` | 17px | 20px
@@ -260,3 +260,7 @@ Foundation includes print styles developed by HTML5 Boilerplate to give you some
- Page cleanup and window minimization
On top of that, Foundation includes a couple of simple classes you can use to control elements printing, or not printing. Simply attach `.show-for-print` to an element to only show when printing, and `.hide-for-print` to hide something when printing.
+
+<div class="callout primary">
+ <p>Print styles use `!important` to ensure they aren't overriden by more specific selectors. This framework conscientiously avoids using `!important` declarations. This is one of the few components that does.</p>
+</div>
diff --git a/libraries/foundation-6/docs/pages/breadcrumbs.md b/libraries/foundation-6/docs/pages/breadcrumbs.md
index 7d822c3b..da4b5a23 100644
--- a/libraries/foundation-6/docs/pages/breadcrumbs.md
+++ b/libraries/foundation-6/docs/pages/breadcrumbs.md
@@ -4,7 +4,7 @@ description: Breadcrumbs come in handy to show a navigation trail for users clic
sass: scss/components/_breadcrumbs.scss
---
-To make a set of breadcrumb links, just add the class `.breadcrumbs` to a `<ul>`, and then add links instead of `<li>` elements.
+To make a set of breadcrumb links, just add the class `.breadcrumbs` to a `<ul>`, and then add links inside of the `<li>` elements.
The current page doesn't require a link or a class, but you should add some explanatory text for AT that indicates which item is the current page.
diff --git a/libraries/foundation-6/docs/pages/callout.md b/libraries/foundation-6/docs/pages/callout.md
index f2959251..acf97269 100644
--- a/libraries/foundation-6/docs/pages/callout.md
+++ b/libraries/foundation-6/docs/pages/callout.md
@@ -105,7 +105,7 @@ Pair the callout with the [close button](close-button.html) component and `data-
</div>
<div class="success callout" data-closable="slide-out-right">
<h5>This a friendly message.</h5>
- <p>And when you're done with me, I close using a Motion UI animation.</p>
+ <p>And when you're done with me, I can be closed using a Motion UI animation.</p>
<button class="close-button" aria-label="Dismiss alert" type="button" data-close>
<span aria-hidden="true">×</span>
</button>
diff --git a/libraries/foundation-6/docs/pages/card.md b/libraries/foundation-6/docs/pages/card.md
new file mode 100644
index 00000000..d61b959a
--- /dev/null
+++ b/libraries/foundation-6/docs/pages/card.md
@@ -0,0 +1,220 @@
+---
+title: Card
+description: Cards are a popular and flexible UI component.
+sass: scss/components/_card.scss
+tags:
+ - card
+---
+
+## Basics
+
+A card is just an element with a `.card` class applied. You can put any kind of content inside.
+Make sure you wrap your content in a `.card-section` element in order to achieve the traditional card look.
+
+A card container has no padding, allowing you to place full-bleed images inside. Use the `.card-divider` and `.card-section` classes to sub-divide a card.
+
+```html_example
+<div class="card" style="width: 300px;">
+ <div class="card-divider">
+ This is a header
+ </div>
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <h4>This is a card.</h4>
+ <p>It has an easy to override visual style, and is appropriately subdued.</p>
+ </div>
+</div>
+```
+
+---
+
+### Card Divider
+
+You can also include a `.card-divider` element as a title, footer or to break up content.
+
+```html_example
+<div class="card" style="width: 300px;">
+ <div class="card-divider">
+ <h4>I'm featured</h4>
+ </div>
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <p>This card makes use of the card-divider element.</p>
+ </div>
+</div>
+```
+
+---
+
+### Images
+
+Images play nicely with cards. Simply include one outside of the `.card-section` element to span nicely to the edges.
+
+```html_example
+<div class="card" style="width: 300px;">
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <p>This is a simple card with an image.</p>
+ </div>
+</div>
+```
+
+```html_example
+<div class="card" style="width: 300px;">
+ <div class="card-section">
+ <p>Images work just fine below the content too!</p>
+ </div>
+ <img src="assets/img/generic/rectangle-1.jpg">
+</div>
+```
+
+---
+
+## Sizing
+
+You can either set the width of cards with custom css or add them into the Foundation grid.
+
+```html_example
+<div class="row small-up-2 medium-up-3">
+ <div class="column">
+ <div class="card">
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <h4>This is a card.</h4>
+ <p>It has an easy to override visual style, and is appropriately subdued.</p>
+ </div>
+ </div>
+ </div>
+ <div class="column">
+ <div class="card">
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <h4>This is a card.</h4>
+ <p>It has an easy to override visual style, and is appropriately subdued.</p>
+ </div>
+ </div>
+ </div>
+ <div class="column">
+ <div class="card">
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <h4>This is a card.</h4>
+ <p>It has an easy to override visual style, and is appropriately subdued.</p>
+ </div>
+ </div>
+ </div>
+ <div class="column">
+ <div class="card">
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <h4>This is a card.</h4>
+ <p>It has an easy to override visual style, and is appropriately subdued.</p>
+ </div>
+ </div>
+ </div>
+ <div class="column">
+ <div class="card">
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <h4>This is a card.</h4>
+ <p>It has an easy to override visual style, and is appropriately subdued.</p>
+ </div>
+ </div>
+ </div>
+ <div class="column">
+ <div class="card">
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <h4>This is a card.</h4>
+ <p>It has an easy to override visual style, and is appropriately subdued.</p>
+ </div>
+ </div>
+ </div>
+</div>
+```
+
+---
+
+## Common examples
+
+Cards are very flexible and work seamlessly with other Foundation components.
+Here are some common patterns to give you some inspiration!
+
+```html_example
+<div class="row small-up-2 medium-up-3">
+ <div class="column">
+ <div class="card">
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <h4>Dreams feel real</h4>
+ <p>I'm going to improvise. Listen, there's something you should know about me... about inception.</p>
+ <small>Last updated 1 minute ago</small>
+ </div>
+ </div>
+ </div>
+ <div class="column">
+ <div class="card">
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <h4>Menus</h4>
+ <p>Cards play nicely with menus too! Give them a try.</p>
+ <ul class="menu simple">
+ <li><a href="#">One</a></li>
+ <li><a href="#">Two</a></li>
+ <li><a href="#">Three</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="column">
+ <div class="card">
+ <div class="card-divider">
+ <p>Featured</p>
+ </div>
+ <div class="card-section">
+ <h4>Your title here!</h4>
+ <p>An idea is like a virus, resilient, highly contagious. The smallest seed of an idea can grow. It can grow to define or destroy you.</p>
+ </div>
+ <div class="card-divider">
+ <small>Last updated 10 minutes ago</small>
+ </div>
+ </div>
+ </div>
+ <div class="column">
+ <div class="card">
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <h4>Buttons!</h4>
+ <p>Who doesn't love a good button? Buttons work in all of their forms too.</p>
+ <a class="button" href="#">I'm a button</a>
+ </div>
+ </div>
+ </div>
+ <div class="column">
+ <div class="card">
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <h4>And button groups...</h4>
+ <p>Button groups also work great!</p>
+ <div class="button-group">
+ <a class="button">One</a>
+ <a class="button">Two</a>
+ <a class="button">Three</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column">
+ <div class="card text-center">
+ <div class="card-divider">
+ <p>Centered</p>
+ </div>
+ <img src="assets/img/generic/rectangle-1.jpg">
+ <div class="card-section">
+ <p>The utility classes like .text-center work great too.</p>
+ <a class="button" href="#">Click me</a>
+ </div>
+ </div>
+ </div>
+</div>
+```
\ No newline at end of file
diff --git a/libraries/foundation-6/docs/pages/drilldown-menu.md b/libraries/foundation-6/docs/pages/drilldown-menu.md
index 0e223dbb..55daea9b 100644
--- a/libraries/foundation-6/docs/pages/drilldown-menu.md
+++ b/libraries/foundation-6/docs/pages/drilldown-menu.md
@@ -73,6 +73,132 @@ Any `<a>` without a submenu will function like a normal link.
<li><a href="#Item-4"> Item 4</a></li>
</ul>
+## autoHeight
+
+<div class="secondary callout">
+ <p>If you like to set the height to auto you can also set the autoHeight and animateHeight params</p>
+ <button class="button expanded" onclick="$('#m3').foundation('destroy');if($('#m3').data('autoHeight')){$('#m3').data('autoHeight',false);$(this).html('autoHeight is Off');}else{$('#m3').data('autoHeight',true);$(this).html('autoHeight is On');}new Foundation.Drilldown($('#m3'));return false;">autoHeight is On</button>
+</div>
+
+<ul class="menu" data-drilldown data-auto-height="true" data-animate-height="true" style="width: 200px" id="m3">
+ <li>
+ <a href="#">Item 1</a>
+ <ul class="menu">
+ <li>
+ <a href="#">Item 1A</a>
+ <ul class="menu">
+ <li><a href="#Item-1Aa">Item 1Aa</a></li>
+ <li><a href="#Item-1Ba">Item 1Ba</a></li>
+ </ul>
+ </li>
+ <li><a href="#Item-1B">Item 1B</a></li>
+ <li><a href="#Item-1C">Item 1C</a></li>
+ <li><a href="#Item-1D">Item 1D</a></li>
+ <li><a href="#Item-1E">Item 1E</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">Item 2</a>
+ <ul class="menu">
+ <li><a href="#Item-2A">Item 2A</a></li>
+ <li><a href="#Item-2B">Item 2B</a></li>
+ <li><a href="#Item-2C">Item 2C</a></li>
+ <li><a href="#Item-2D">Item 2D</a></li>
+ <li><a href="#Item-2E">Item 2E</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">Item 3</a>
+ <ul class="menu">
+ <li><a href="#Item-3A">Item 3A</a></li>
+ <li><a href="#Item-3B">Item 3B</a></li>
+ <li><a href="#Item-3C">Item 3C</a></li>
+ <li><a href="#Item-3D">Item 3D</a></li>
+ <li>
+ <a href="#Item-3E">Item 3E</a>
+ <ul class="menu">
+ <li><a href="#Item-3EA">Item 3EA</a></li>
+ <li><a href="#Item-3EB">Item 3EB</a></li>
+ <li><a href="#Item-3EC">Item 3EC</a></li>
+ <li><a href="#Item-3ED">Item 3ED</a></li>
+ <li><a href="#Item-3EE">Item 3EE</a></li>
+ <li><a href="#Item-3EA">Item 3EA</a></li>
+ <li><a href="#Item-3EB">Item 3EB</a></li>
+ <li><a href="#Item-3EC">Item 3EC</a></li>
+ <li><a href="#Item-3ED">Item 3ED</a></li>
+ <li><a href="#Item-3EE">Item 3EE</a></li>
+ <li><a href="#Item-3EA">Item 3EA</a></li>
+ <li><a href="#Item-3EB">Item 3EB</a></li>
+ <li><a href="#Item-3EC">Item 3EC</a></li>
+ <li><a href="#Item-3ED">Item 3ED</a></li>
+ <li><a href="#Item-3EE">Item 3EE</a></li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li><a href="#Item-4"> Item 4</a></li>
+ <li><a href="#Item-5"> Item 5</a></li>
+ <li><a href="#Item-6"> Item 6</a></li>
+ <li><a href="#Item-7"> Item 7</a></li>
+ <li><a href="#Item-8"> Item 8</a></li>
+</ul>
+
+## ScrollTop Drilldown
+
+<div class="callout">Scroll to the top of the menu when selecting a submenu/navigating back using the menu back button. Can be useful with a longer menu to provide a better user experience.</div>
+
+<ul class="menu" data-drilldown data-scroll-top="true" style="width: 200px" id="m2">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+</ul>
+
---
## Custom Styling
diff --git a/libraries/foundation-6/docs/pages/dropdown-menu.md b/libraries/foundation-6/docs/pages/dropdown-menu.md
index e9ff92b2..6220f11a 100644
--- a/libraries/foundation-6/docs/pages/dropdown-menu.md
+++ b/libraries/foundation-6/docs/pages/dropdown-menu.md
@@ -144,11 +144,11 @@ See the documentation for the [Sticky](sticky.html#sticky-navigation) plugin to
### Preventing FOUC
-Before the JavaScript on your page loads, the dropdown menus will not have arrows. However, once the JavaScript file has loaded, the arrows will appear causing a [flash of unstyled content](https://en.wikipedia.org/wiki/Flash_of_unstyled_content). You can prevent this by adding the `.is-dropdown-submenu-parent` class manually.
+Before the JavaScript on your page loads, the dropdown menus will not have arrows. However, once the JavaScript file has loaded, the arrows will appear causing a [flash of unstyled content](https://en.wikipedia.org/wiki/Flash_of_unstyled_content). You can prevent this by adding the `is-dropdown-submenu-parent` class manually.
```html
<ul class="dropdown menu" data-dropdown-menu>
- <li class=".is-dropdown-submenu-parent">
+ <li class="is-dropdown-submenu-parent">
<a href="#">Item 1</a>
<ul class="menu">
<li><a href="#">Item 1A</a></li>
@@ -159,4 +159,4 @@ Before the JavaScript on your page loads, the dropdown menus will not have arrow
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
</ul>
-```
\ No newline at end of file
+```
diff --git a/libraries/foundation-6/docs/pages/equalizer.md b/libraries/foundation-6/docs/pages/equalizer.md
index 3d71bd29..f4ea6c74 100644
--- a/libraries/foundation-6/docs/pages/equalizer.md
+++ b/libraries/foundation-6/docs/pages/equalizer.md
@@ -57,7 +57,7 @@ In the below example, the first set of Equalizer elements have the value `foo`,
<div class="row" data-equalize-on="medium" data-equalizer="foo">
<div class="medium-4 columns" >
- <div class="callout" data-equalizer-watch="foo" data-equalizer="bar">
+ <div class="callout" data-equalizer-watch="foo" data-equalizer="bar" data-equalize-on-stack="true">
<h3>Parent panel</h3>
<div class="callout" data-equalizer-watch="bar">
<p>The three callouts in this panel will equalize, even when stacked.</p>
diff --git a/libraries/foundation-6/docs/pages/flex-grid.md b/libraries/foundation-6/docs/pages/flex-grid.md
index e9d258ab..161c23e7 100644
--- a/libraries/foundation-6/docs/pages/flex-grid.md
+++ b/libraries/foundation-6/docs/pages/flex-grid.md
@@ -242,13 +242,15 @@ The `.collapse` class lets you remove column gutters (padding).
There are times when you won't want each media query to be collapsed or uncollapsed. In this case, use the media query size you want and collapse or uncollapse and add that to your row element. Example shows no gutter at small media size and then adds the gutter to columns at medium.
+The `.is-collapse-child` class removes negative margins from nested row under collapsed parent.
+
```html
-<div class="row medium-uncollapse large-collapse">
+<div class="row small-collapse medium-uncollapse">
<div class="small-6 columns">
- Removes gutter at large media query
+ Removes gutter at small media query and adds at medium.
</div>
<div class="small-6 columns">
- Removes gutter at large media query
+ Removes gutter at small media query and adds at medium.
</div>
</div>
```
diff --git a/libraries/foundation-6/docs/pages/flex-video.md b/libraries/foundation-6/docs/pages/flex-video.md
deleted file mode 100644
index 68fd1fb7..00000000
--- a/libraries/foundation-6/docs/pages/flex-video.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: Flex Video
-description: Wrap embedded videos from YouTube, Vimeo, and others in a flex video container to ensure they maintain the correct aspect ratio regardless of screen size.
-sass: scss/components/_flex-video.scss
----
-
-Embedded videos won't maintain their aspect ratio as the width of the screen changes. To avoid squished videos, wrap them in a container with the class `.flex-video`.
-
-```html_example
-<div class="flex-video">
- <iframe width="420" height="315" src="https://www.youtube.com/embed/V9gkYw35Vws" frameborder="0" allowfullscreen></iframe>
-</div>
-```
-
----
-
-The default ratio is 4:3. Add the `.widescreen` class to change it to 16:9.
-
-```html_example
-<div class="flex-video widescreen">
- <iframe width="420" height="315" src="https://www.youtube.com/embed/aiBt44rrslw" frameborder="0" allowfullscreen></iframe>
-</div>
-```
-
----
-
-Embedded Vimeo videos are special snowflakes of their own. Add the `.vimeo` class to a flex video container that wraps a Vimeo embed.
-
-```html_example
-<div class="flex-video widescreen vimeo">
- <iframe src="http://player.vimeo.com/video/60122989" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
-</div>
-```
diff --git a/libraries/foundation-6/docs/pages/flexbox.md b/libraries/foundation-6/docs/pages/flexbox.md
index bc498311..3a72e51a 100644
--- a/libraries/foundation-6/docs/pages/flexbox.md
+++ b/libraries/foundation-6/docs/pages/flexbox.md
@@ -59,7 +59,7 @@ In general, all of the components work exactly the same. However, a few of them
## Helper Classes
-Flexbox makes horizontal and vertical alignment painless, through the CSS properties [`align-content`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items), [`align-self`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self), and [`justify-content`](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content). Foundation includes a handful of classes for these properties, which work with any flexbox-enabled component.
+Flexbox makes horizontal and vertical alignment painless, through the CSS properties [`align-items`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items), [`align-self`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self), and [`justify-content`](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content). Foundation includes a handful of classes for these properties, which work with any flexbox-enabled component.
To understand how these classes work, you need to understand the parent-child relationship created with flexbox. An element with `display: flex` is a *flex parent*, and can horizontally or vertically align its children. All immediate children of the flex parent are *flex children*. A flex child can vertically align itself.
@@ -163,6 +163,53 @@ To align an individual child, use the below classes. They use the same alignment
</div>
```
+## Vanilla Flexbox Helper Classes
+
+Foundation also includes some helper classes for quickly applying flex
+container & direction attributes to elements.
+
+To make something a flex container, simply apply
+- `.flex-container`
+
+And to change its flex direction from row to column you can use the helper classes:
+
+- `.flex-dir-row` (default)
+- `.flex-dir-row-reverse`
+- `.flex-dir-column`
+- `.flex-dir-column-reverse`
+
+For children, there are 3 quick helper classes
+
+- `.flex-child-auto` (auto size flex child)
+- `.flex-child-grow` (flex child that will grow to take up all possible space)
+- `.flex-child-shrink` (flex child that will shrink to minimum possible space)
+
+```html_example
+<div class="row">
+ <div class="column flex-container flex-dir-column">
+ <div class="callout flex-child-auto">Auto</div>
+ <div class="callout flex-child-auto">Auto</div>
+ <div class="callout flex-child-shrink">Shrink</div>
+ </div>
+ <div class="column">
+ </div>
+ <div class="column align-self-top">Align top. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non harum laborum cum voluptate vel, eius adipisci similique dignissimos nobis at excepturi incidunt fugit molestiae quaerat, consequuntur porro temporibus. Nisi, ex?Align top. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non harum laborum cum voluptate vel, eius adipisci similique dignissimos nobis at excepturi incidunt fugit molestiae quaerat, consequuntur porro temporibus. Nisi, ex?Align top. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non harum laborum cum voluptate vel, eius adipisci similique dignissimos nobis at excepturi incidunt fugit molestiae quaerat, consequuntur porro temporibus. Nisi, ex?</div>
+</div>
+```
+
+All of these helper classes come in responsive varieties, prefixed with all of your named breakpoints. So you can do things like
+
+```html_example
+ <div class="row">
+ <div class="column large-12 flex-container flex-dir-column large-flex-dir-row">
+ <div class="callout flex-child-auto">Auto</div>
+ <div class="callout flex-child-auto">Auto</div>
+ <div class="callout flex-child-shrink large-flex-child-auto">Auto on Large</div>
+ </div>
+ <div class="column align-self-top">Align top. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non harum laborum cum voluptate vel, eius adipisci similique dignissimos nobis at excepturi incidunt fugit molestiae quaerat, consequuntur porro temporibus. Nisi, ex?Align top. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non harum laborum cum voluptate vel, eius adipisci similique dignissimos nobis at excepturi incidunt fugit molestiae quaerat, consequuntur porro temporibus. Nisi, ex?Align top. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non harum laborum cum voluptate vel, eius adipisci similique dignissimos nobis at excepturi incidunt fugit molestiae quaerat, consequuntur porro temporibus. Nisi, ex?</div>
+ </div>
+```
+
---
## Helper Mixins
diff --git a/libraries/foundation-6/docs/pages/float-classes.md b/libraries/foundation-6/docs/pages/float-classes.md
index 74b5c685..e9b710b9 100644
--- a/libraries/foundation-6/docs/pages/float-classes.md
+++ b/libraries/foundation-6/docs/pages/float-classes.md
@@ -7,6 +7,10 @@ description: Foundation includes a handful of helpful float classes to add commo
You can change the float behavior of an element by adding the `.float-left` or `.float-right` classes to an element. To clear floats, add the class `.clearfix` to the parent element.
+<div class="callout primary">
+ <p>Float Left/Right classes use `!important` to ensure they aren't overriden by more specific selectors. This framework conscientiously avoids using `!important` declarations. This is one of the few components that does.</p>
+</div>
+
<div class="warning callout">
<p>Float classes don't flip direction in a <a href="rtl.html">right-to-left</a> environment—<code>left</code> always means left, and <code>right</code> always means right.</p>
</div>
diff --git a/libraries/foundation-6/docs/pages/global.md b/libraries/foundation-6/docs/pages/global.md
index 4d6d4fa0..c2f8228e 100644
--- a/libraries/foundation-6/docs/pages/global.md
+++ b/libraries/foundation-6/docs/pages/global.md
@@ -83,7 +83,7 @@ Many components can also be colored with four other colors: secondary, alert, su
</div>
</div>
-If you're using the Sass version of Foundation, it's possible to edit the default color palette, by changing the `$foundation-palette` variable in your settings file. The only required color is one named "primary". The names used in the palette will be output as CSS classes.
+If you're using the Sass version of Foundation, it's possible to edit the default color palette, by changing the `$foundation-palette` variable in your settings file. The only required colors are ones named "primary" and "alert". The names used in the palette will be output as CSS classes.
```scss
$foundation-palette: (
diff --git a/libraries/foundation-6/docs/pages/grid.md b/libraries/foundation-6/docs/pages/grid.md
index 7e0517a0..d2e73678 100644
--- a/libraries/foundation-6/docs/pages/grid.md
+++ b/libraries/foundation-6/docs/pages/grid.md
@@ -249,7 +249,7 @@ Move blocks up to 11 columns to the right by using classes like `.large-offset-1
### Incomplete Rows
-In order to work around browsers' different rounding behaviors, Foundation will float the last column in a row to the right so the edge aligns. If your row doesn't have a count that adds up to 12 columns, you can tag the last column with a class of `.end` in order to override that behavior.
+In order to work around browsers' different rounding behaviors, Foundation will float the last column in a row to the right so the edge aligns. If your row doesn't have a count that adds up to 12 columns, you can tag the last column with a class of `.end` in order to override that behavior. Alternatively, you can set the `$grid-column-align-edge` variable to `false` to turn off this behavior entirely.
```html
<div class="row">
@@ -564,3 +564,52 @@ Refer to the Sass documentation below to learn how each mixin works.
}
}
```
+### Custom Block Grid
+
+Use the `grid-layout()` mixin to create your own block grid.
+By default the mixin takes 3 parameters:
+- Number of columns
+- The child element selector
+ - An optional padding value
+
+The padding value can be set to `$grid-column-gutter` to use the values from that map.
+This will then generate different paddings at different breakpoints. Alternatively supply a numeric value (without a unit type) to output a static rem value.
+
+Here's an example:
+
+```scss
+.gallery {
+ @include grid-layout(3, '.gallery-item', $grid-column-gutter);
+}
+```
+That outputs this CSS:
+
+```
+.gallery > .gallery-item {
+ width: 33.33333%;
+ float: left;
+ padding-left: 0.625rem;
+ padding-right: 0.625rem;
+}
+
+@media screen and (min-width: 40em) {
+ .gallery > .gallery-item {
+ padding-left: 0.9375rem;
+ padding-right: 0.9375rem;
+ }
+}
+
+.gallery > .gallery-item:nth-of-type(1n) {
+ clear: none;
+}
+
+.gallery > .gallery-item:nth-of-type(3n+1) {
+ clear: both;
+}
+
+.gallery > .gallery-item:last-child {
+ float: left;
+}
+```
+
+---
diff --git a/libraries/foundation-6/docs/pages/index.md b/libraries/foundation-6/docs/pages/index.md
index a0d6a8a5..90d685eb 100644
--- a/libraries/foundation-6/docs/pages/index.md
+++ b/libraries/foundation-6/docs/pages/index.md
@@ -141,6 +141,7 @@ Get to know the pieces of Foundation.
<li><a href="reveal.html">Reveal</a></li>
<li><a href="table.html">Table</a></li>
<li><a href="tabs.html">Tabs</a></li>
+ <li><a href="responsive-accordion-tabs.html">Responsive Accordion Tabs</a></li>
</ul>
</section>
</div>
@@ -149,7 +150,7 @@ Get to know the pieces of Foundation.
<h4>Media</h4>
<ul>
<li><a href="badge.html">Badge</a></li>
- <li><a href="flex-video.html">Flex Video</a></li>
+ <li><a href="responsive-embed.html">Responsive Embed</a></li>
<li><a href="label.html">Label</a></li>
<li><a href="orbit.html">Orbit</a></li>
<li><a href="progress-bar.html">Progress Bar</a></li>
diff --git a/libraries/foundation-6/docs/pages/installation.md b/libraries/foundation-6/docs/pages/installation.md
index 56e4e808..f34754fc 100644
--- a/libraries/foundation-6/docs/pages/installation.md
+++ b/libraries/foundation-6/docs/pages/installation.md
@@ -127,10 +127,10 @@ The folks at [jsDelivr](https://www.jsdelivr.com) host the compressed Foundation
```html
<!-- Compressed CSS -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation/6.2.1/foundation.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation/6.2.4/foundation.min.css">
<!-- Compressed JavaScript -->
-<script src="https://cdn.jsdelivr.net/foundation/6.2.1/foundation.min.js"></script>
+<script src="https://cdn.jsdelivr.net/foundation/6.2.4/foundation.min.js"></script>
```
---
@@ -154,6 +154,7 @@ Here's what comes in the package.
- `dist/`: Compiled files.
- `css/`: Compiled CSS files. Includes minified and unminified files.
- `js/`: Concatenated JavaScript files. Includes minified and unminified files.
+ - `plugins/`: Standalone JavaScript plugins.
---
diff --git a/libraries/foundation-6/docs/pages/kitchen-sink.md b/libraries/foundation-6/docs/pages/kitchen-sink.md
index 0b9d1737..fb5aac14 100644
--- a/libraries/foundation-6/docs/pages/kitchen-sink.md
+++ b/libraries/foundation-6/docs/pages/kitchen-sink.md
@@ -134,28 +134,28 @@ description: Everything but.
```html_example
<ul class="vertical menu" data-accordion-menu>
<li>
- <a href="#">Item 1</a>
+ <a href="#0">Item 1</a>
<ul class="menu vertical nested is-active">
<li>
- <a href="#">Item 1A</a>
+ <a href="#0">Item 1A</a>
<ul class="menu vertical nested">
- <li><a href="#">Item 1Ai</a></li>
- <li><a href="#">Item 1Aii</a></li>
- <li><a href="#">Item 1Aiii</a></li>
+ <li><a href="#0">Item 1Ai</a></li>
+ <li><a href="#0">Item 1Aii</a></li>
+ <li><a href="#0">Item 1Aiii</a></li>
</ul>
</li>
- <li><a href="#">Item 1B</a></li>
- <li><a href="#">Item 1C</a></li>
+ <li><a href="#0">Item 1B</a></li>
+ <li><a href="#0">Item 1C</a></li>
</ul>
</li>
<li>
- <a href="#">Item 2</a>
+ <a href="#0">Item 2</a>
<ul class="menu vertical nested">
- <li><a href="#">Item 2A</a></li>
- <li><a href="#">Item 2B</a></li>
+ <li><a href="#0">Item 2A</a></li>
+ <li><a href="#0">Item 2B</a></li>
</ul>
</li>
- <li><a href="#">Item 3</a></li>
+ <li><a href="#0">Item 3</a></li>
</ul>
```
@@ -177,8 +177,8 @@ description: Everything but.
```html_example
<nav aria-label="You are here:" role="navigation">
<ul class="breadcrumbs">
- <li><a href="#">Home</a></li>
- <li><a href="#">Features</a></li>
+ <li><a href="#0">Home</a></li>
+ <li><a href="#0">Features</a></li>
<li class="disabled">Gene Splicing</li>
<li>
<span class="show-for-sr">Current: </span> Cloning
@@ -193,17 +193,17 @@ description: Everything but.
```html_example
<!-- Anchors (links) -->
-<a href="about.html" class="button">Learn More</a>
+<a href="#0" class="button">Learn More</a>
<a href="#features" class="button">View All Features</a>
<!-- Buttons (actions) -->
<button type="button" class="success button">Save</button>
<button type="button" class="alert button">Delete</button>
-<a class="tiny button" href="#">So Tiny</a>
-<a class="small button" href="#">So Small</a>
-<a class="large button" href="#">So Large</a>
-<a class="expanded button" href="#">Such Expand</a>
+<a class="tiny button" href="#0">So Tiny</a>
+<a class="small button" href="#0">So Small</a>
+<a class="large button" href="#0">So Large</a>
+<a class="expanded button" href="#0">Such Expand</a>
<div class="button-group">
<a class="button">One</a>
@@ -220,31 +220,31 @@ description: Everything but.
<div class="callout">
<h5>This is a callout.</h5>
<p>It has an easy to override visual style, and is appropriately subdued.</p>
- <a href="#">It's dangerous to go alone, take this.</a>
+ <a href="#0">It's dangerous to go alone, take this.</a>
</div>
<div class="callout secondary">
<h5>This is a secondary callout</h5>
<p>It has an easy to override visual style, and is appropriately subdued.</p>
- <a href="#">It's dangerous to go alone, take this.</a>
+ <a href="#0">It's dangerous to go alone, take this.</a>
</div>
<div class="callout success">
<h5>This is a success callout</h5>
<p>It has an easy to override visual style, and is appropriately subdued.</p>
- <a href="#">It's dangerous to go alone, take this.</a>
+ <a href="#0">It's dangerous to go alone, take this.</a>
</div>
<div class="callout warning">
<h5>This is a warning callout</h5>
<p>It has an easy to override visual style, and is appropriately subdued.</p>
- <a href="#">It's dangerous to go alone, take this.</a>
+ <a href="#0">It's dangerous to go alone, take this.</a>
</div>
<div class="callout alert">
<h5>This is an alert callout</h5>
<p>It has an easy to override visual style, and is appropriately subdued.</p>
- <a href="#">It's dangerous to go alone, take this.</a>
+ <a href="#0">It's dangerous to go alone, take this.</a>
</div>
```
@@ -268,45 +268,45 @@ description: Everything but.
```html_example
<ul class="vertical menu" data-drilldown style="width: 200px" id="m1">
<li>
- <a href="#">Item 1</a>
+ <a href="#0">Item 1</a>
<ul class="vertical menu" id="m2">
<li>
- <a href="#">Item 1A</a>
+ <a href="#0">Item 1A</a>
<ul class="vertical menu" id="m3">
- <li><a href="#">Item 1Aa</a></li>
- <li><a href="#">Item 1Ba</a></li>
- <li><a href="#">Item 1Ca</a></li>
- <li><a href="#">Item 1Da</a></li>
- <li><a href="#">Item 1Ea</a></li>
+ <li><a href="#0">Item 1Aa</a></li>
+ <li><a href="#0">Item 1Ba</a></li>
+ <li><a href="#0">Item 1Ca</a></li>
+ <li><a href="#0">Item 1Da</a></li>
+ <li><a href="#0">Item 1Ea</a></li>
</ul>
</li>
- <li><a href="#">Item 1B</a></li>
- <li><a href="#">Item 1C</a></li>
- <li><a href="#">Item 1D</a></li>
- <li><a href="#">Item 1E</a></li>
+ <li><a href="#0">Item 1B</a></li>
+ <li><a href="#0">Item 1C</a></li>
+ <li><a href="#0">Item 1D</a></li>
+ <li><a href="#0">Item 1E</a></li>
</ul>
</li>
<li>
- <a href="#">Item 2</a>
+ <a href="#0">Item 2</a>
<ul class="vertical menu">
- <li><a href="#">Item 2A</a></li>
- <li><a href="#">Item 2B</a></li>
- <li><a href="#">Item 2C</a></li>
- <li><a href="#">Item 2D</a></li>
- <li><a href="#">Item 2E</a></li>
+ <li><a href="#0">Item 2A</a></li>
+ <li><a href="#0">Item 2B</a></li>
+ <li><a href="#0">Item 2C</a></li>
+ <li><a href="#0">Item 2D</a></li>
+ <li><a href="#0">Item 2E</a></li>
</ul>
</li>
<li>
- <a href="#">Item 3</a>
+ <a href="#0">Item 3</a>
<ul class="vertical menu">
- <li><a href="#">Item 3A</a></li>
- <li><a href="#">Item 3B</a></li>
- <li><a href="#">Item 3C</a></li>
- <li><a href="#">Item 3D</a></li>
- <li><a href="#">Item 3E</a></li>
+ <li><a href="#0">Item 3A</a></li>
+ <li><a href="#0">Item 3B</a></li>
+ <li><a href="#0">Item 3C</a></li>
+ <li><a href="#0">Item 3D</a></li>
+ <li><a href="#0">Item 3E</a></li>
</ul>
</li>
- <li><a href='#'> Item 4</a></li>
+ <li><a href='#0'> Item 4</a></li>
</ul>
```
@@ -319,39 +319,39 @@ description: Everything but.
<li>
<a>Item 1</a>
<ul class="menu">
- <li><a href="#">Item 1A Loooong</a></li>
+ <li><a href="#0">Item 1A Loooong</a></li>
<li>
- <a href='#'> Item 1 sub</a>
+ <a href='#0'> Item 1 sub</a>
<ul class='menu'>
- <li><a href='#'>Item 1 subA</a></li>
- <li><a href='#'>Item 1 subB</a></li>
+ <li><a href='#0'>Item 1 subA</a></li>
+ <li><a href='#0'>Item 1 subB</a></li>
<li>
- <a href='#'> Item 1 sub</a>
+ <a href='#0'> Item 1 sub</a>
<ul class='menu'>
- <li><a href='#'>Item 1 subA</a></li>
- <li><a href='#'>Item 1 subB</a></li>
+ <li><a href='#0'>Item 1 subA</a></li>
+ <li><a href='#0'>Item 1 subB</a></li>
</ul>
</li>
<li>
- <a href='#'> Item 1 sub</a>
+ <a href='#0'> Item 1 sub</a>
<ul class='menu'>
- <li><a href='#'>Item 1 subA</a></li>
+ <li><a href='#0'>Item 1 subA</a></li>
</ul>
</li>
</ul>
</li>
- <li><a href="#">Item 1B</a></li>
+ <li><a href="#0">Item 1B</a></li>
</ul>
</li>
<li>
- <a href="#">Item 2</a>
+ <a href="#0">Item 2</a>
<ul class="menu">
- <li><a href="#">Item 2A</a></li>
- <li><a href="#">Item 2B</a></li>
+ <li><a href="#0">Item 2A</a></li>
+ <li><a href="#0">Item 2B</a></li>
</ul>
</li>
- <li><a href="#">Item 3</a></li>
- <li><a href='#'>Item 4</a></li>
+ <li><a href="#0">Item 3</a></li>
+ <li><a href='#0'>Item 4</a></li>
</ul>
```
@@ -416,10 +416,10 @@ description: Everything but.
---
-## Flex Video
+## Responsive Embed
```html_example
-<div class="flex-video">
+<div class="responsive-embed">
<iframe width="420" height="315" src="https://www.youtube.com/embed/V9gkYw35Vws" frameborder="0" allowfullscreen></iframe>
</div>
```
@@ -618,17 +618,17 @@ description: Everything but.
```html_example
<ul class="menu">
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- <li><a href="#">Four</a></li>
+ <li><a href="#0">One</a></li>
+ <li><a href="#0">Two</a></li>
+ <li><a href="#0">Three</a></li>
+ <li><a href="#0">Four</a></li>
</ul>
<ul class="menu icon-top">
- <li><a href="#"><i class="fi-list"></i> <span>One</span></a></li>
- <li><a href="#"><i class="fi-list"></i> <span>Two</span></a></li>
- <li><a href="#"><i class="fi-list"></i> <span>Three</span></a></li>
- <li><a href="#"><i class="fi-list"></i> <span>Four</span></a></li>
+ <li><a href="#0"><i class="fi-list"></i> <span>One</span></a></li>
+ <li><a href="#0"><i class="fi-list"></i> <span>Two</span></a></li>
+ <li><a href="#0"><i class="fi-list"></i> <span>Three</span></a></li>
+ <li><a href="#0"><i class="fi-list"></i> <span>Four</span></a></li>
</ul>
```
@@ -713,13 +713,13 @@ description: Everything but.
<ul class="pagination" role="navigation" aria-label="Pagination">
<li class="disabled">Previous <span class="show-for-sr">page</span></li>
<li class="current"><span class="show-for-sr">You're on page</span> 1</li>
- <li><a href="#" aria-label="Page 2">2</a></li>
- <li><a href="#" aria-label="Page 3">3</a></li>
- <li><a href="#" aria-label="Page 4">4</a></li>
+ <li><a href="#0" aria-label="Page 2">2</a></li>
+ <li><a href="#0" aria-label="Page 3">3</a></li>
+ <li><a href="#0" aria-label="Page 4">4</a></li>
<li class="ellipsis" aria-hidden="true"></li>
- <li><a href="#" aria-label="Page 12">12</a></li>
- <li><a href="#" aria-label="Page 13">13</a></li>
- <li><a href="#" aria-label="Next page">Next <span class="show-for-sr">page</span></a></li>
+ <li><a href="#0" aria-label="Page 12">12</a></li>
+ <li><a href="#0" aria-label="Page 13">13</a></li>
+ <li><a href="#0" aria-label="Next page">Next <span class="show-for-sr">page</span></a></li>
</ul>
```
@@ -753,9 +753,9 @@ description: Everything but.
```html_example
<ul class="vertical medium-horizontal menu">
- <li><a href="#">Item 1</a></li>
- <li><a href="#">Item 2</a></li>
- <li><a href="#">Item 3</a></li>
+ <li><a href="#0">Item 1</a></li>
+ <li><a href="#0">Item 2</a></li>
+ <li><a href="#0">Item 3</a></li>
</ul>
```
@@ -774,15 +774,15 @@ description: Everything but.
<ul class="dropdown menu" data-dropdown-menu>
<li class="menu-text">Site Title</li>
<li class="has-submenu">
- <a href="#">One</a>
+ <a href="#0">One</a>
<ul class="submenu menu vertical" data-submenu>
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
+ <li><a href="#0">One</a></li>
+ <li><a href="#0">Two</a></li>
+ <li><a href="#0">Three</a></li>
</ul>
</li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
+ <li><a href="#0">Two</a></li>
+ <li><a href="#0">Three</a></li>
</ul>
</div>
<div class="top-bar-right">
@@ -1015,10 +1015,10 @@ description: Everything but.
<p><a data-toggle="menuBar">Expand!</a></p>
<ul class="menu" id="menuBar" data-toggler=".expanded">
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- <li><a href="#">Four</a></li>
+ <li><a href="#0">One</a></li>
+ <li><a href="#0">Two</a></li>
+ <li><a href="#0">Three</a></li>
+ <li><a href="#0">Four</a></li>
</ul>
```
@@ -1040,15 +1040,15 @@ description: Everything but.
<ul class="dropdown menu" data-dropdown-menu>
<li class="menu-text">Site Title</li>
<li class="has-submenu">
- <a href="#">One</a>
+ <a href="#0">One</a>
<ul class="submenu menu vertical" data-submenu>
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
+ <li><a href="#0">One</a></li>
+ <li><a href="#0">Two</a></li>
+ <li><a href="#0">Three</a></li>
</ul>
</li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
+ <li><a href="#0">Two</a></li>
+ <li><a href="#0">Three</a></li>
</ul>
</div>
<div class="top-bar-right">
diff --git a/libraries/foundation-6/docs/pages/label.md b/libraries/foundation-6/docs/pages/label.md
index b2feec5e..fd55a300 100644
--- a/libraries/foundation-6/docs/pages/label.md
+++ b/libraries/foundation-6/docs/pages/label.md
@@ -25,8 +25,8 @@ If an element is described by multiple labels, place multiple IDs inside of `ari
```html
<p aria-describedby="emailLabel1 emailLabel2">Re: re: re: you won't believe what's in this email!</p>
-<span class="label" id="emailLabel">High Priority<span>
-<span class="label" id="emailLabe2">Unread<span>
+<span class="label" id="emailLabel1">High Priority<span>
+<span class="label" id="emailLabel2">Unread<span>
```
---
diff --git a/libraries/foundation-6/docs/pages/media-object.md b/libraries/foundation-6/docs/pages/media-object.md
index 1bcfa75b..df70dd56 100644
--- a/libraries/foundation-6/docs/pages/media-object.md
+++ b/libraries/foundation-6/docs/pages/media-object.md
@@ -13,7 +13,7 @@ A media object is a container with the class `.media-object`, and two or three s
<div class="media-object">
<div class="media-object-section">
<div class="thumbnail">
- <img src= "assets/img/media-object/avatar-1.jpg">
+ <img src="assets/img/media-object/avatar-1.jpg">
</div>
</div>
<div class="media-object-section">
@@ -67,7 +67,7 @@ Each section aligns to the top by default, but individual sections can also be m
</div>
```
-In flexbox mode, you can use the <a href="flex-classes.html">flexbox helper classes</a> instead to get the same result. The `.align-*` classes can be used on the container to align every child section at once, or individual child sections can be aligned with `.align-self-*` classes.
+In flexbox mode, you can use the <a href="flexbox.html#helper-classes">flexbox helper classes</a> instead to get the same result. The `.align-*` classes can be used on the container to align every child section at once, or individual child sections can be aligned with `.align-self-*` classes.
```html
<div class="media-object">
diff --git a/libraries/foundation-6/docs/pages/menu.md b/libraries/foundation-6/docs/pages/menu.md
index e077a5f6..cbe0748f 100644
--- a/libraries/foundation-6/docs/pages/menu.md
+++ b/libraries/foundation-6/docs/pages/menu.md
@@ -78,16 +78,16 @@ Items can also be set to expand out and take up an even amount of space, with th
```
<ul class="menu expanded">
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
+ <li><a href="#0">One</a></li>
+ <li><a href="#0">Two</a></li>
+ <li><a href="#0">Three</a></li>
</ul>
<ul class="menu expanded">
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- <li><a href="#">Four</a></li>
+ <li><a href="#0">One</a></li>
+ <li><a href="#0">Two</a></li>
+ <li><a href="#0">Three</a></li>
+ <li><a href="#0">Four</a></li>
</ul>
---
diff --git a/libraries/foundation-6/docs/pages/navigation.md b/libraries/foundation-6/docs/pages/navigation.md
index 1860b738..3b0429a5 100644
--- a/libraries/foundation-6/docs/pages/navigation.md
+++ b/libraries/foundation-6/docs/pages/navigation.md
@@ -46,9 +46,9 @@ Top bar is a simple wrapper around these menu patterns. It supports a left-hand
<div class="top-bar-left">
<ul class="dropdown menu" data-dropdown-menu>
<li class="menu-text">Site Title</li>
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
+ <li><a href="#0">One</a></li>
+ <li><a href="#0">Two</a></li>
+ <li><a href="#0">Three</a></li>
</ul>
</div>
<div class="top-bar-right">
@@ -73,47 +73,47 @@ The dropdown menu plugin (`data-dropdown-menu`) converts a nested menu into a se
<li class="has-submenu">
<a>Item 1</a>
<ul class="submenu menu" data-submenu>
- <li><a href="#">Item 1A Loooong</a></li>
+ <li><a href="#0">Item 1A Loooong</a></li>
<li class="has-submenu">
- <a href="#"> Item 1 sub</a>
+ <a href="#0"> Item 1 sub</a>
<ul class="submenu menu" data-submenu>
- <li><a href="#">Item 1 subA</a></li>
- <li><a href="#">Item 1 subB</a></li>
+ <li><a href="#0">Item 1 subA</a></li>
+ <li><a href="#0">Item 1 subB</a></li>
<li class="has-submenu">
<a href="#"> Item 1 sub</a>
<ul class="submenu menu" data-submenu>
- <li><a href="#">Item 1 subA</a></li>
- <li><a href="#">Item 1 subB</a></li>
+ <li><a href="#0">Item 1 subA</a></li>
+ <li><a href="#0">Item 1 subB</a></li>
</ul>
</li>
<li class="has-submenu">
- <a href="#">Item 1 sub</a>
+ <a href="#0">Item 1 sub</a>
<ul class="submenu menu" data-submenu>
- <li><a href="#">Item 1 subA</a></li>
- <li><a href="#">Item 1 subB</a></li>
+ <li><a href="#0">Item 1 subA</a></li>
+ <li><a href="#0">Item 1 subB</a></li>
</ul>
</li>
</ul>
</li>
- <li><a href="#">Item 1B</a></li>
+ <li><a href="#0">Item 1B</a></li>
</ul>
</li>
<li class="has-submenu">
- <a href="#">Item 2</a>
+ <a href="#0">Item 2</a>
<ul class="submenu menu" data-submenu>
- <li><a href="#">Item 2A</a></li>
- <li><a href="#">Item 2B</a></li>
+ <li><a href="#0">Item 2A</a></li>
+ <li><a href="#0">Item 2B</a></li>
</ul>
</li>
<li class="has-submenu">
- <a href="#">Item 3</a>
+ <a href="#0">Item 3</a>
<ul class="submenu menu" data-submenu>
- <li><a href="#">Item 3A</a></li>
- <li><a href="#">Item 3B</a></li>
+ <li><a href="#0">Item 3A</a></li>
+ <li><a href="#0">Item 3B</a></li>
</ul>
</li>
- <li><a href="#">Item 4</a></li>
+ <li><a href="#0">Item 4</a></li>
</ul>
---
@@ -129,37 +129,37 @@ The drilldown menu plugin (`data-drilldown`) converts a nested menu into a serie
<li class="has-submenu">
<a href="#">Item 1A</a>
<ul class="vertical menu" data-submenu id="m3">
- <li><a href="#">Item 1Aa</a></li>
- <li><a href="#">Item 1Ba</a></li>
- <li><a href="#">Item 1Ca</a></li>
- <li><a href="#">Item 1Da</a></li>
- <li><a href="#">Item 1Ea</a></li>
+ <li><a href="#0">Item 1Aa</a></li>
+ <li><a href="#0">Item 1Ba</a></li>
+ <li><a href="#0">Item 1Ca</a></li>
+ <li><a href="#0">Item 1Da</a></li>
+ <li><a href="#0">Item 1Ea</a></li>
</ul>
</li>
- <li><a href="#">Item 1B</a></li>
- <li><a href="#">Item 1C</a></li>
- <li><a href="#">Item 1D</a></li>
- <li><a href="#">Item 1E</a></li>
+ <li><a href="#0">Item 1B</a></li>
+ <li><a href="#0">Item 1C</a></li>
+ <li><a href="#0">Item 1D</a></li>
+ <li><a href="#0">Item 1E</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="#">Item 2</a>
<ul class="vertical menu" data-submenu>
- <li><a href="#">Item 2A</a></li>
- <li><a href="#">Item 2B</a></li>
- <li><a href="#">Item 2C</a></li>
- <li><a href="#">Item 2D</a></li>
- <li><a href="#">Item 2E</a></li>
+ <li><a href="#0">Item 2A</a></li>
+ <li><a href="#0">Item 2B</a></li>
+ <li><a href="#0">Item 2C</a></li>
+ <li><a href="#0">Item 2D</a></li>
+ <li><a href="#0">Item 2E</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="#">Item 3</a>
<ul class="vertical menu" data-submenu>
- <li><a href="#">Item 3A</a></li>
- <li><a href="#">Item 3B</a></li>
- <li><a href="#">Item 3C</a></li>
- <li><a href="#">Item 3D</a></li>
- <li><a href="#">Item 3E</a></li>
+ <li><a href="#0">Item 3A</a></li>
+ <li><a href="#0">Item 3B</a></li>
+ <li><a href="#0">Item 3C</a></li>
+ <li><a href="#0">Item 3D</a></li>
+ <li><a href="#0">Item 3E</a></li>
</ul>
</li>
<li><a href="#"> Item 4</a></li>
@@ -178,23 +178,23 @@ The accordion menu plugin (`data-accordion-menu`) converts a nested menu into a
<li class="has-submenu">
<a href="#">Item 1A</a>
<ul class="menu vertical nested" data-submenu>
- <li><a href="#">Item 1Ai</a></li>
- <li><a href="#">Item 1Aii</a></li>
- <li><a href="#">Item 1Aiii</a></li>
+ <li><a href="#0">Item 1Ai</a></li>
+ <li><a href="#0">Item 1Aii</a></li>
+ <li><a href="#0">Item 1Aiii</a></li>
</ul>
</li>
- <li><a href="#">Item 1B</a></li>
- <li><a href="#">Item 1C</a></li>
+ <li><a href="#0">Item 1B</a></li>
+ <li><a href="#0">Item 1C</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="#">Item 2</a>
<ul class="menu vertical nested" data-submenu>
- <li><a href="#">Item 2A</a></li>
- <li><a href="#">Item 2B</a></li>
+ <li><a href="#0">Item 2A</a></li>
+ <li><a href="#0">Item 2B</a></li>
</ul>
</li>
- <li><a href="#">Item 3</a></li>
+ <li><a href="#0">Item 3</a></li>
</div>
---
@@ -207,33 +207,33 @@ Our responsive menu plugin (`data-responsive-menu`) allows you to take a Menu, a
<ul class="vertical menu" data-responsive-menu="drilldown medium-dropdown" style="width: 300px;">
<li class="has-submenu">
- <a href="#">Item 1</a>
+ <a href="#0">Item 1</a>
<ul class="vertical submenu menu" data-submenu id="m2">
<li class="has-submenu">
- <a href="#">Item 1A</a>
+ <a href="#0">Item 1A</a>
<ul class="vertical submenu menu" data-submenu id="m3">
- <li><a href="#">Item 1A</a></li>
- <li><a href="#">Item 1B</a></li>
- <li><a href="#">Item 1C</a></li>
- <li><a href="#">Item 1D</a></li>
- <li><a href="#">Item 1E</a></li>
+ <li><a href="#0">Item 1A</a></li>
+ <li><a href="#0">Item 1B</a></li>
+ <li><a href="#0">Item 1C</a></li>
+ <li><a href="#0">Item 1D</a></li>
+ <li><a href="#0">Item 1E</a></li>
</ul>
</li>
- <li><a href="#">Item 1B</a></li>
+ <li><a href="#0">Item 1B</a></li>
</ul>
</li>
<li class="has-submenu">
- <a href="#">Item 2</a>
+ <a href="#0">Item 2</a>
<ul class="vertical submenu menu" data-submenu>
- <li><a href="#">Item 2A</a></li>
- <li><a href="#">Item 2B</a></li>
+ <li><a href="#0">Item 2A</a></li>
+ <li><a href="#0">Item 2B</a></li>
</ul>
</li>
<li class="has-submenu">
- <a href="#">Item 3</a>
+ <a href="#0">Item 3</a>
<ul class="vertical submenu menu" data-submenu>
- <li><a href="#">Item 3A</a></li>
- <li><a href="#">Item 3B</a></li>
+ <li><a href="#0">Item 3A</a></li>
+ <li><a href="#0">Item 3B</a></li>
</ul>
</li>
</ul>
@@ -254,15 +254,15 @@ To see the below example in action, scale your browser down. The top bar will be
<ul class="dropdown menu" data-dropdown-menu>
<li class="menu-text">Site Title</li>
<li class="has-submenu">
- <a href="#">One</a>
+ <a href="#0">One</a>
<ul class="submenu menu vertical" data-submenu>
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
+ <li><a href="#0">One</a></li>
+ <li><a href="#0">Two</a></li>
+ <li><a href="#0">Three</a></li>
</ul>
</li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
+ <li><a href="#0">Two</a></li>
+ <li><a href="#0">Three</a></li>
</ul>
</div>
<div class="top-bar-right">
diff --git a/libraries/foundation-6/docs/pages/off-canvas.md b/libraries/foundation-6/docs/pages/off-canvas.md
index f15dab35..4c5a3ced 100644
--- a/libraries/foundation-6/docs/pages/off-canvas.md
+++ b/libraries/foundation-6/docs/pages/off-canvas.md
@@ -26,9 +26,9 @@ To start, create two wrappers to house the page. These are necessary to prevent
</body>
```
-Inside these wrapper, create an off-canvas menu with the class `.off-canvas` and the attribute `data-off-canvas`. The menu also needs a positioning class, which can be `.position-left` or `.position-right`. Lastly, make sure the off-canvas has a unique ID so it can be targeted.
+Inside these wrappers, create an off-canvas menu with the class `.off-canvas` and the attribute `data-off-canvas`. The menu also needs a positioning class, which can be `.position-left` or `.position-right`, and an attribute set for the position, `data-position="left"` or `data-position="right"`. Last, make sure the off-canvas has a unique ID so it can be targeted.
-Along with the menu, the main content of your page will be housed in its own container with the class `.off-canvas-content` and attribute `data-off-canvas-content`.
+Along with the menu, the main content of your page will be housed in its own container with the class `.off-canvas-content` and attribute `data-off-canvas-content`. You will be putting your actual page content inside a class of `.off-canvas-content`.)
```html
<body>
@@ -153,3 +153,38 @@ The main content area (`.off-canvas-content`) will be padded to the left or righ
```
<button type="button" class="button" data-docs-example-ofc>Toggle Reveal Class</button>
+
+---
+
+## Vertical Off-canvas
+
+In addition to left and right off-canvas menus, you can have vertical off-canvases as well.
+
+```html
+<body>
+ <div class="off-canvas-wrapper">
+ <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
+ <div class="off-canvas position-top" id="offCanvasTop" data-off-canvas data-position="top"></div>
+ <div class="off-canvas-content" data-off-canvas-content></div>
+ </div>
+ </div>
+</body>
+```
+
+<button class="button" type="button" data-toggle="offCanvasTop">Open Top Menu</button>
+
+<div class="primary callout">
+ <p>When using the `title-bar` with a vertical off-canvas, the title-bar icons are still either `title-bar-left` or `title-bar-right`.</p>
+</div>
+
+```html_example
+<div class="title-bar">
+ <div class="title-bar-left">
+ <button class="menu-icon" type="button" data-open="offCanvasTop"></button>
+ <span class="title-bar-title">Foundation title bar with top off-canvas</span>
+ </div>
+ <div class="title-bar-right">
+ <button class="menu-icon" type="button" data-open="offCanvasTop"></button>
+ </div>
+</div>
+```
diff --git a/libraries/foundation-6/docs/pages/panini.md b/libraries/foundation-6/docs/pages/panini.md
index 3b76e22f..001076a0 100644
--- a/libraries/foundation-6/docs/pages/panini.md
+++ b/libraries/foundation-6/docs/pages/panini.md
@@ -120,6 +120,14 @@ The `../` is added only on pages in a sub-folder, so the CSS can still be proper
Helpers are special functions that manipulate content on the page. In addition to [Handlebars's built-in helpers](http://handlebarsjs.com/builtin_helpers.html), Panini includes a few custom helpers and you can add your own.
+### ifequal
+Displays the HTML inside the helper if the two values are equal.
+```handlebars
+{{#ifequal foo bar}}
+ <p>foo and bar are equal</p>
+{{/ifequal}}
+```
+
### ifpage
Displays the HTML inside the helper only on specific pages. In the below example, the HTML inside the helper will only show up on the `index.html` page.
diff --git a/libraries/foundation-6/docs/pages/progress-bar.md b/libraries/foundation-6/docs/pages/progress-bar.md
index 6dea43ac..fbf701a8 100644
--- a/libraries/foundation-6/docs/pages/progress-bar.md
+++ b/libraries/foundation-6/docs/pages/progress-bar.md
@@ -82,7 +82,7 @@ As an alternative to our custom progress bar style, you can also opt to use the
If you're using the Sass version of Foundation, add this line to your main Sass file to export the `<progress>` CSS:
```scss
-@import foundation-progress-element;
+@include foundation-progress-element;
```
The `<progress>` element can be styled with the same coloring classes: `.secondary`, `.success`, `.warning`, and `.alert`.
@@ -103,7 +103,7 @@ For the *extra* adventurous developers out there, we also provide styles for the
If you're using the Sass version of Foundation, add this line to your main Sass file to export the `<meter>` CSS:
```scss
-@import foundation-meter-element;
+@include foundation-meter-element;
```
The meter automatically colors itself based on the current values, and the defined low, medium, and high ranges. [Learn more about the mechanics of `<meter>` values.](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/The_native_form_widgets#Meters_and_progress_bars)
diff --git a/libraries/foundation-6/docs/pages/responsive-accordion-tabs.md b/libraries/foundation-6/docs/pages/responsive-accordion-tabs.md
new file mode 100644
index 00000000..12106705
--- /dev/null
+++ b/libraries/foundation-6/docs/pages/responsive-accordion-tabs.md
@@ -0,0 +1,119 @@
+---
+title: Responsive Accordion Tabs
+description: Use the Markup of the Accordion or Tabs components to create Responsive Accordion Tabs.
+sass:
+ - scss/components/_accordion.scss
+ - scss/components/_tabs.scss
+js: js/foundation.zf.responsiveAccordionTabs.js
+---
+
+## Basics
+
+Either the <a href="accordion.html">Accordion Markup</a> or the <a href="tabs.html">Tabs Markup</a> can be used to responsively switch between the two components at different breakpoints.
+
+The Accordion should have an id specified, but the plugin will automatically generate one if the id is omitted.
+
+Accordion content should also have an ID, or the # of the href should be specified, otherwise a random id will be generated
+
+```html
+<ul class="accordion" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <!-- ... -->
+</ul>
+```
+
+<div class="secondary callout">
+ <p>Once you put it all together, here's what you get!<br>Scale your browser down to see the toggle happen.<br>I am an `Accordion on small and large` but I am `Tabs on medium`</p>
+</div>
+
+<ul class="accordion" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content >
+ <p>Panel 1. Lorem ipsum dolor</p>
+ <a href="#">Nowhere to Go</a>
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ <textarea></textarea>
+ <button class="button">I do nothing!</button>
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 3</a>
+ <div class="accordion-content" data-tab-content>
+ Pick a date!
+ <input type="date"></input>
+ </div>
+ </li>
+</ul>
+
+Tabs HTML Markup
+
+```html
+<div class="tabs-content" data-tabs-content="example-tabs">
+ <div class="tabs-panel is-active" id="panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ </div>
+</div>
+```
+
+<div class="secondary callout">
+ <p>Once you put it all together, here's what you get!<br>Scale your browser down to see the toggle happen.<br>I am `Tabs on small and large` and `Accordion on medium`</p>
+</div>
+
+<ul class="tabs" data-responsive-accordion-tabs="tabs medium-accordion large-tabs" id="example-tabs">
+ <li class="tabs-title is-active"><a href="#panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#panel2">Tab 2</a></li>
+ <li class="tabs-title"><a href="#panel3">Tab 3</a></li>
+ <li class="tabs-title"><a href="#panel4">Tab 4</a></li>
+ <li class="tabs-title"><a href="#panel5">Tab 5</a></li>
+ <li class="tabs-title"><a href="#panel6">Tab 6</a></li>
+</ul>
+
+<div class="tabs-content" data-tabs-content="example-tabs">
+ <div class="tabs-panel is-active" id="panel1">
+ <p>one</p>
+ <p>Check me out! I'm a super cool Tab panel with text content!</p>
+ </div>
+ <div class="tabs-panel" id="panel2">
+ <p>two</p>
+ <img class="thumbnail" src="assets/img/generic/rectangle-7.jpg">
+ </div>
+ <div class="tabs-panel" id="panel3">
+ <p>three</p>
+ <p>Check me out! I'm a super cool Tab panel with text content!</p>
+ </div>
+ <div class="tabs-panel" id="panel4">
+ <p>four</p>
+ <img class="thumbnail" src="assets/img/generic/rectangle-2.jpg">
+ </div>
+ <div class="tabs-panel" id="panel5">
+ <p>five</p>
+ <p>Check me out! I'm a super cool Tab panel with text content!</p>
+ </div>
+ <div class="tabs-panel" id="panel6">
+ <p>six</p>
+ <img class="thumbnail" src="assets/img/generic/rectangle-8.jpg">
+ </div>
+</div>
+
+<br>
+<div class="success callout">The responsive behavior can be set through the `data-responsive-accordion-tabs` option.<br> `tabs|accordion` , `medium-tabs|accordion` , `large-tabs|accordion` sets the behavior</div>
+
+---
+
+## Plugin Options
+
+Plugin options can be set as individual data attributes, one combined data-options attribute, or as an object passed to the plugin's constructor. <a href="javascript.html#initializing">Learn more about how JavaScript plugins are initialized.</a><br>
+<div class="primary callout">All `data-options` from <a href="accordion.html#js-options">Accordion</a> or <a href="tabs.html#js-options">Tabs</a> can be passed through.</div>
diff --git a/libraries/foundation-6/docs/pages/responsive-embed.md b/libraries/foundation-6/docs/pages/responsive-embed.md
new file mode 100644
index 00000000..5e109d63
--- /dev/null
+++ b/libraries/foundation-6/docs/pages/responsive-embed.md
@@ -0,0 +1,40 @@
+---
+title: Responsive Embed
+description: Wrap embedded content like videos, maps, and calendars in a responsive embed container to maintain the correct aspect ratio regardless of screen size.
+sass: scss/components/_responsive-embed.scss
+tags: flex video 'flex video'
+---
+
+To make sure embedded content maintains its aspect ratio as the width of the screen changes, wrap the `iframe`, `object`, `embed`, or `video` in a container with the `.responsive-embed` class.
+
+```html_example
+<div class="responsive-embed">
+ <iframe width="420" height="315" src="https://www.youtube.com/embed/mM5_T-F1Yn4" frameborder="0" allowfullscreen></iframe>
+</div>
+```
+
+---
+
+The default ratio is 4:3. Add the `.widescreen` class to change it to 16:9.
+
+```html_example
+<div class="responsive-embed widescreen">
+ <iframe width="560" height="315" src="https://www.youtube.com/embed/WUgvvPRH7Oc" frameborder="0" allowfullscreen></iframe>
+</div>
+```
+
+---
+
+If you need to embed content with other aspect ratios, such as 256:81, the `responsive-embed()` mixin makes it easy to add your own custom classes.
+
+```scss
+.panorama {
+ @include responsive-embed(256 by 81);
+}
+```
+
+```html_example
+<div class="panorama">
+ <iframe width="1024" height="315" src="https://www.youtube.com/embed/bnD9I24EL_4" frameborder="0" allowfullscreen></iframe>
+</div>
+```
diff --git a/libraries/foundation-6/docs/pages/responsive-navigation.md b/libraries/foundation-6/docs/pages/responsive-navigation.md
index 404373b6..c8e382f0 100644
--- a/libraries/foundation-6/docs/pages/responsive-navigation.md
+++ b/libraries/foundation-6/docs/pages/responsive-navigation.md
@@ -1,7 +1,9 @@
---
title: Responsive Navigation
description: Our three Menu patterns form like Voltron into one responsive Menu plugin, which allows you to switch between patterns at different screen sizes.
-js: js/foundation.responsiveToggle.js
+js:
+ - js/foundation.responsiveMenu.js
+ - js/foundation.responsiveToggle.js
---
## Responsive Menu
@@ -106,6 +108,41 @@ By default, the title bar will be visible on small screens, and the Menu hides.
---
+## Responsive Toggle with animation
+
+To use animations from the Motion UI library, include the <code>data-animation="someAnimationIn someAnimationOut"</code> attribute.
+
+<div class="primary callout show-for-medium">
+ <p>Scale your browser down to see the toggle happen.</p>
+</div>
+
+```html_example
+<div class="title-bar" data-responsive-toggle="example-animated-menu" data-hide-for="medium">
+ <button class="menu-icon" type="button" data-toggle></button>
+ <div class="title-bar-title">Menu</div>
+</div>
+
+<div class="top-bar" id="example-animated-menu" data-animate="hinge-in-from-top spin-out">
+ <div class="top-bar-left">
+ <ul class="dropdown menu" data-dropdown-menu>
+ <li class="menu-text">Site Title</li>
+ <li>
+ <a href="#">One</a>
+ <ul class="menu vertical">
+ <li><a href="#">One</a></li>
+ <li><a href="#">Two</a></li>
+ <li><a href="#">Three</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Two</a></li>
+ <li><a href="#">Three</a></li>
+ </ul>
+ </div>
+</div>
+```
+
+---
+
### Preventing FOUC
Before the JavaScript on your page loads, you'll be able to see both the mobile and desktop element at once for a brief second. This is known as a [flash of unstyled content](https://en.wikipedia.org/wiki/Flash_of_unstyled_content). There's not an easy way for the framework to handle this for you, but you can add some extra CSS to account for it.
diff --git a/libraries/foundation-6/docs/pages/reveal.md b/libraries/foundation-6/docs/pages/reveal.md
index 68572f48..a1a6f036 100644
--- a/libraries/foundation-6/docs/pages/reveal.md
+++ b/libraries/foundation-6/docs/pages/reveal.md
@@ -183,7 +183,7 @@ var $modal = $('#modal');
$.ajax('/url')
.done(function(resp){
- $modal.html(resp.html).foundation('open');
+ $modal.html(resp).foundation('open');
});
```
diff --git a/libraries/foundation-6/docs/pages/sass.md b/libraries/foundation-6/docs/pages/sass.md
index 11084858..0d2d2a66 100644
--- a/libraries/foundation-6/docs/pages/sass.md
+++ b/libraries/foundation-6/docs/pages/sass.md
@@ -51,7 +51,7 @@ Here's an example using grunt-contrib-sass:
grunt.initConfig({
sass: {
dist: {
- options: {
+ options: {
loadPath: ['node_modules/foundation-sites/scss']
}
}
diff --git a/libraries/foundation-6/docs/pages/slider.md b/libraries/foundation-6/docs/pages/slider.md
index 78ccc50f..9857447c 100644
--- a/libraries/foundation-6/docs/pages/slider.md
+++ b/libraries/foundation-6/docs/pages/slider.md
@@ -130,3 +130,12 @@ It's possible to use both the JavaScript slider and the native slider in the sam
- To disable the slider, add `disabled` as an attribute, instead of a class.
- No support for vertical orientation.
- No support for two handles.
+
+## Reflow
+
+The slider takes into account the width of the handles when calculating how to display itself. This means that if the slider is initially hidden, or hidden while the value is adjusted, the resulting visual will be slightly different because the width of the handle is indeterminate. If this is problematic, you can use JavaScript to cause the slider to reflow at the time that you change it from being hidden. Example:
+
+```js
+$('#my-slider').show();
+$('#my-slider').foundation('_reflow');
+```
diff --git a/libraries/foundation-6/docs/pages/starter-projects.md b/libraries/foundation-6/docs/pages/starter-projects.md
index b4ee72f7..75013b6a 100644
--- a/libraries/foundation-6/docs/pages/starter-projects.md
+++ b/libraries/foundation-6/docs/pages/starter-projects.md
@@ -1,6 +1,6 @@
---
title: Starter Projects
-description: We have a few starter project templates that can be installed with Yeti Launch or the Foundation CLI. You can also download them manually!
+description: We have a few starter project templates that can be installed with the Foundation CLI. You can also download them manually!
---
Our project templates give you a solid... *Foundation* on which to start a new project. Both templates use the [Gulp](http://gulpjs.com) build system to automate the process of compiling Sass, processing JavaScript, copying files, and more.
@@ -9,7 +9,7 @@ Our project templates give you a solid... *Foundation* on which to start a new p
Our basic project template is a lot like the Sass template from Foundation 5. The project has a flat directory structure and only compiles Sass. It's great if you want to quickly put together a simple project and only need to use Sass.
-You can set up a basic project through [Yeti Launch](installation.html), or the Foundation CLI with this command:
+You can set up a basic project through the Foundation CLI with this command:
```bash
foundation new --framework sites --template basic
@@ -23,7 +23,7 @@ It's also possible to download the template files directly from GitHub. Run `npm
The official ZURB Template includes not only Sass processing, but also JavaScript processing, Handlebars templating, and image compression. We use this exact template at ZURB for our client work!
-You can set up an advanced project through [Yeti Launch](installation.html), or the Foundation CLI with this command:
+You can set up an advanced project through the Foundation CLI with this command:
```bash
foundation new --framework sites --template zurb
@@ -33,6 +33,12 @@ It's also possible to download the template files directly from GitHub. Run `npm
The biggest difference between this and the basic template is the folder structure. In the ZURB Template, your project has a `src/` folder which contains your source files, and a separate `dist/` folder with your finished website. As you work on your project, Gulp continuously updates your `dist/` folder with new versions of files. To compile a production build, run `npm run build`.
+To override or add to the default styles of the ZURB Template, in your project's `src/assets/scss/` folder
+ - Change Sass variables in `_settings.scss`
+ - Add custom SCSS and css to new files in the `components` folder then import those files at the bottom of `app.scss`
+
+The `_settings.scss` and `app.scss` files are not changed when upgrading an existing project. As a result, you must manually edit your `_settings.scss` file to incorporate any Sass changes found [in the release notes](https://github.com/zurb/foundation-sites/releases).
+
Here's an overview of what the ZURB Template can do:
### Asset Copying
diff --git a/libraries/foundation-6/docs/pages/sticky.md b/libraries/foundation-6/docs/pages/sticky.md
index e9a68a81..fa8044eb 100644
--- a/libraries/foundation-6/docs/pages/sticky.md
+++ b/libraries/foundation-6/docs/pages/sticky.md
@@ -42,7 +42,7 @@ Add the `.sticky` class and `[data-sticky]` to an element to create something th
</p>
</div>
<div class="columns small-6 right" data-sticky-container>
- <div class="sticky" data-sticky data-anchor="example1">
+ <div class="sticky" data-sticky data-anchor="example1" data-sticky-on="small">
<img class="thumbnail" src="assets/img/generic/rectangle-3.jpg">
</div>
</div>
diff --git a/libraries/foundation-6/docs/pages/style-sherpa.md b/libraries/foundation-6/docs/pages/style-sherpa.md
index 6b214ecc..5f2d65b7 100644
--- a/libraries/foundation-6/docs/pages/style-sherpa.md
+++ b/libraries/foundation-6/docs/pages/style-sherpa.md
@@ -74,7 +74,7 @@ The output looks something like this:
The ZURB Template includes a minimal boilerplate for your style guide, but you're free to customize it however you want.
-The boilerplate uses Foundation's tab plugin—one tab is made for each section. Here's what the Handlebars code looks like:
+The boilerplate uses Foundation's Vertical Menu—one item is made for each section. Here's what the Handlebars code looks like:
{{{{raw}}}}
```handlebars
diff --git a/libraries/foundation-6/docs/pages/table.md b/libraries/foundation-6/docs/pages/table.md
index 06b08238..780cc616 100644
--- a/libraries/foundation-6/docs/pages/table.md
+++ b/libraries/foundation-6/docs/pages/table.md
@@ -85,6 +85,48 @@ Need to spiff up the table just a tad? Just add the class `.hover` to lightly da
---
+## Stripes
+
+By default, table rows are striped. There's an `.unstriped` class to remove the stripes. If you change `$table-is-striped` to `false` to remove stripes from all tables, use the `.striped` class to add stripes.
+
+```html
+<table class="unstriped">
+</table>
+```
+
+<table class="unstriped">
+ <thead>
+ <tr>
+ <th width="200">Table Header</th>
+ <th>Table Header</th>
+ <th width="150">Table Header</th>
+ <th width="150">Table Header</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Content Goes Here</td>
+ <td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>
+ <td>Content Goes Here</td>
+ <td>Content Goes Here</td>
+ </tr>
+ <tr>
+ <td>Content Goes Here</td>
+ <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
+ <td>Content Goes Here</td>
+ <td>Content Goes Here</td>
+ </tr>
+ <tr>
+ <td>Content Goes Here</td>
+ <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
+ <td>Content Goes Here</td>
+ <td>Content Goes Here</td>
+ </tr>
+ </tbody>
+</table>
+
+---
+
## Stacked Table
To stack a table on small screens, add the class `.stack`.
diff --git a/libraries/foundation-6/docs/pages/tabs.md b/libraries/foundation-6/docs/pages/tabs.md
index 5ecc7f5a..9f2c1c56 100644
--- a/libraries/foundation-6/docs/pages/tabs.md
+++ b/libraries/foundation-6/docs/pages/tabs.md
@@ -81,8 +81,8 @@ Add the `.vertical` class to a tabstrip to stack tabs vertically. You can also p
<li class="tabs-title"><a href="#panel2v">Tab 2</a></li>
<li class="tabs-title"><a href="#panel3v">Tab 3</a></li>
<li class="tabs-title"><a href="#panel4v">Tab 4</a></li>
- <li class="tabs-title"><a href="#panel3v">Tab 5</a></li>
- <li class="tabs-title"><a href="#panel4v">Tab 6</a></li>
+ <li class="tabs-title"><a href="#panel5v">Tab 5</a></li>
+ <li class="tabs-title"><a href="#panel6v">Tab 6</a></li>
</ul>
</div>
<div class="medium-9 columns">
@@ -109,3 +109,79 @@ Add the `.vertical` class to a tabstrip to stack tabs vertically. You can also p
</div>
</div>
```
+
+---
+
+## Collapsing Tabs
+
+Add the attribute `data-active-collapse="true"` to a tabstrip to collapse active tabs.
+
+```html_example
+<ul class="tabs" data-active-collapse="true" data-tabs id="collapsing-tabs">
+ <li class="tabs-title is-active"><a href="#panel1c" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#panel2c">Tab 2</a></li>
+ <li class="tabs-title"><a href="#panel3c">Tab 3</a></li>
+ <li class="tabs-title"><a href="#panel4c">Tab 4</a></li>
+</ul>
+
+<div class="tabs-content" data-tabs-content="collapsing-tabs">
+ <div class="tabs-panel is-active" id="panel1c">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+ </div>
+ <div class="tabs-panel" id="panel2c">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="panel3c">
+ <img class="thumbnail" src="assets/img/generic/rectangle-3.jpg">
+ </div>
+ <div class="tabs-panel" id="panel4c">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+ </div>
+</div>
+```
+
+---
+
+## Tabs and URLs
+
+### Browser history
+
+The current state of the tabset is now recorded by adding a hash with the tab panel ID to the browser URL when a tab is opened. By default, tabs replace the browser history. Modify this behavior by using attribute `data-update-history="true"` to *append* to the browser history. In the latter case the browser back button will track each click that opens a tab panel.
+
+By using deep linking (see below), the open state of a page's tabset may be shared by copy-pasting the browser URL.
+
+### Deep linking
+
+Add the attribute `data-deep-link="true" to a tabstrip to allow anchoring to and opening a tab panel at page load.
+
+```html_example
+<ul class="tabs" data-deep-link="true" data-tabs id="deeplinked-tabs">
+ <li class="tabs-title is-active"><a href="#panel1c" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#panel2d">Tab 2</a></li>
+ <li class="tabs-title"><a href="#panel3d">Tab 3</a></li>
+ <li class="tabs-title"><a href="#panel4d">Tab 4</a></li>
+</ul>
+
+<div class="tabs-content" data-tabs-content="collapsing-tabs">
+ <div class="tabs-panel is-active" id="panel1d">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+ </div>
+ <div class="tabs-panel" id="panel2d">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="panel3d">
+ <img class="thumbnail" src="assets/img/generic/rectangle-3.jpg">
+ </div>
+ <div class="tabs-panel" id="panel4d">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+ </div>
+</div>
+```
+
+For example, <a href="#panel3d">http://example.com/#panel3d</a> will open the third tab panel at page load.
+
+When linking directly to a tab panel, it might not be obvious that the content appears within a tab panel. An additional attribute `data-deep-link-smudge` rolls the page up slightly after deep linking (to a horizontal tabset) so that the tabstrip is at the top of the viewport.
+
+```html_example
+<ul class="tabs" data-deep-link="true" data-deep-link-smudge="true" data-deep-link-smudge-delay="600" data-tabs id="deeplinked-tabs-with-smudge">
+```
\ No newline at end of file
diff --git a/libraries/foundation-6/docs/pages/thumbnail.md b/libraries/foundation-6/docs/pages/thumbnail.md
index ebdbe22c..cebba986 100644
--- a/libraries/foundation-6/docs/pages/thumbnail.md
+++ b/libraries/foundation-6/docs/pages/thumbnail.md
@@ -7,7 +7,11 @@ sass: scss/components/_thumbnail.scss
The `.thumbnail` class can be applied directly to an `<img>` element, or an `<a>` that wraps it. Make sure the `<img>` has an `alt` attribute that describes the contents of the image.
```html
-<img class="thumbnail" src="assets/img/thumbnail/01.jpg" alt="Photo of Uranus.">
+<img class="thumbnail" src="thumbnail.jpg" alt="Photo of Uranus.">
+```
+
+```html
+<a href="#" class="thumbnail"><img src="thumbnail.jpg" alt="Photo of Neptune."></a>
```
<div class="row">
@@ -15,7 +19,7 @@ The `.thumbnail` class can be applied directly to an `<img>` element, or an `<a>
<img class="thumbnail" src="assets/img/thumbnail/01.jpg" alt="Photo of Uranus.">
</div>
<div class="small-4 columns">
- <img class="thumbnail" src="assets/img/thumbnail/02.jpg" alt="Photo of Neptune.">
+ <a href="#" class="thumbnail"><img src="assets/img/thumbnail/02.jpg" alt="Photo of Neptune."></a>
</div>
<div class="small-4 columns">
<img class="thumbnail" src="assets/img/thumbnail/03.jpg" alt="Photo of Pluto.">
diff --git a/libraries/foundation-6/docs/pages/tooltip.md b/libraries/foundation-6/docs/pages/tooltip.md
index e829db76..c2fefa33 100644
--- a/libraries/foundation-6/docs/pages/tooltip.md
+++ b/libraries/foundation-6/docs/pages/tooltip.md
@@ -1,5 +1,5 @@
---
-title: Tooltips
+title: Tooltip
description: Tooltips? More like <em>Cooltips</em>. But really though, tooltips are nifty for displaying extended information for a term or action on a page.
sass: scss/components/_tooltip.scss
js: js/foundation.tooltip.js
diff --git a/libraries/foundation-6/docs/pages/typography-base.md b/libraries/foundation-6/docs/pages/typography-base.md
index 2d5f90ed..d29202bc 100644
--- a/libraries/foundation-6/docs/pages/typography-base.md
+++ b/libraries/foundation-6/docs/pages/typography-base.md
@@ -69,7 +69,7 @@ Header | Default | Large and up
By inserting a `<small>` element into a header Foundation will scale the header font size down for an inline element, allowing you to use this for subtitles or other secondary header text.
```html_example
-<h3>Foundation for Sites <small>Version 6.0.4</small></h3>
+<h3>Foundation for Sites <small>Version 6.2.4</small></h3>
```
---
diff --git a/libraries/foundation-6/docs/pages/visibility.md b/libraries/foundation-6/docs/pages/visibility.md
index a21eb0b0..ebf1a458 100644
--- a/libraries/foundation-6/docs/pages/visibility.md
+++ b/libraries/foundation-6/docs/pages/visibility.md
@@ -8,10 +8,10 @@ tags:
---
<div class="callout primary">
- <p>Visibility classes use `!important` to ensure they aren't overriden by more specific selectors. This is the only component in the framework that uses `!important`.</p>
+ <p>Visibility classes use `!important` to ensure they aren't overriden by more specific selectors. This framework conscientiously avoids using `!important` declarations. This is one of the few components that does.</p>
</div>
-<div class="callout primary">
+<div class="callout warning">
<p>There are no classes to detect touchscreen devices, as both desktop and mobile browsers inconsistently report touch support. Learn more here: <a href="http://www.stucox.com/blog/you-cant-detect-a-touchscreen/">You Can't Detect a Touchscreen</a></p>
</div>
diff --git a/libraries/foundation-6/docs/partials/component-list.html b/libraries/foundation-6/docs/partials/component-list.html
index c2ecb844..876be3da 100644
--- a/libraries/foundation-6/docs/partials/component-list.html
+++ b/libraries/foundation-6/docs/partials/component-list.html
@@ -1,8 +1,8 @@
<ul class="vertical menu docs-nav" id="docs-menu">
- <p class="docs-nav-version">
+ <li class="docs-nav-version">
<span data-docs-version></span>
<a href="https://github.com/zurb/foundation-sites/releases/" target="_blank">(Changelog)</a>
- </p>
+ </li>
<li class="docs-nav-title">Getting Started</li>
<li{{#ifpage 'installation'}} class="current"{{/ifpage}}><a href="installation.html">Installation</a></li>
@@ -53,16 +53,18 @@
<li class="docs-nav-title">Containers</li>
<li{{#ifpage 'accordion'}} class="current"{{/ifpage}}><a href="accordion.html">Accordion <span class="label">JS</span></a></li>
<li{{#ifpage 'callout'}} class="current"{{/ifpage}}><a href="callout.html">Callout</a></li>
+ <li{{#ifpage 'card'}} class="current"{{/ifpage}}><a href="card.html">Card</a></li>
<li{{#ifpage 'dropdown'}} class="current"{{/ifpage}}><a href="dropdown.html">Dropdown <span class="label">JS</span></a></li>
<li{{#ifpage 'media-object'}} class="current"{{/ifpage}}><a href="media-object.html">Media Object</a></li>
<li{{#ifpage 'off-canvas'}} class="current"{{/ifpage}}><a href="off-canvas.html">Off-canvas <span class="label">JS</span></a></li>
<li{{#ifpage 'reveal'}} class="current"{{/ifpage}}><a href="reveal.html">Reveal <span class="label">JS</span> <small>Modal</small></a></li>
<li{{#ifpage 'table'}} class="current"{{/ifpage}}><a href="table.html">Table</a></li>
<li{{#ifpage 'tabs'}} class="current"{{/ifpage}}><a href="tabs.html">Tabs <span class="label">JS</span></a></li>
+ <li{{#ifpage 'responsive-accordion-tabs'}} class="current"{{/ifpage}}><a href="responsive-accordion-tabs.html">Responsive Accordion Tabs</a></li>
<li class="docs-nav-title">Media</li>
<li{{#ifpage 'badge'}} class="current"{{/ifpage}}><a href="badge.html">Badge</a></li>
- <li{{#ifpage 'flex-video'}} class="current"{{/ifpage}}><a href="flex-video.html">Flex Video</a></li>
+ <li{{#ifpage 'responsive-embed'}} class="current"{{/ifpage}}><a href="responsive-embed.html">Responsive Embed</a></li>
<li{{#ifpage 'label'}} class="current"{{/ifpage}}><a href="label.html">Label</a></li>
<li{{#ifpage 'orbit'}} class="current"{{/ifpage}}><a href="orbit.html">Orbit <span class="label">JS</span> <small>Carousel</small></a></li>
<li{{#ifpage 'progress-bar'}} class="current"{{/ifpage}}><a href="progress-bar.html">Progress Bar</a></li>
diff --git a/libraries/foundation-6/docs/partials/footer.html b/libraries/foundation-6/docs/partials/footer.html
index 370610e2..8a2b139a 100644
--- a/libraries/foundation-6/docs/partials/footer.html
+++ b/libraries/foundation-6/docs/partials/footer.html
@@ -1,37 +1,32 @@
-<!-- Small Business(Docs) -->
-<section id="studiosCallout" class="foundation">
- <div class="row">
- <div class="large-4 medium-4 columns">
- <img src="http://foundation.zurb.com/assets/img/smallbiz-footer.svg" alt="">
- </div>
- <div class="large-8 medium-8 columns banner-info">
- <div class="row column property-label">ZURB STUDIOS</div>
- <h3 class="light">Let's build something amazing.</h3>
- <p class="lead">Work with our scrappy design team to bring your concepts to life. We’ll equip you with our battle-tested Progressive Design process and the tools to get your product or website off the ground and in front of your users.</p>
- <div class="course-buttons">
- <a href="http://zurb.com/studios/getstarted" class="button" data-zcom-event="studios_foundation_click" id="foundationSmallV1">Show Me How →</a>
+<div class="footer-course-upsell">
+ <section class="sites-course">
+ <div class="row" data-equalizer>
+ <div class="medium-7 medium-push-4 columns">
+ <div class="course-callout" data-equalizer-watch>
+ <h3 class="sites-course-title"><span>WEBINAR</span> Introduction to Foundation 6</h3>
+ <p>Achieve maximum thrust by learning how to use Foundation 6 to power your projects. The Foundation team will get you up to speed on everything you need to know to get the most out of Foundation 6.</p>
+ <a href="http://zurb.com/university/foundation-intro?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Footer&utm_campaign=Footer%20Upsell" class="button primary" target="_blank">Learn Foundation 6</a>
+ </div>
+ </div>
+ <div class="medium-2 medium-pull-8 columns show-for-medium">
+ <div data-equalizer-watch>
+ <a href="http://zurb.com/university/foundation-intro?utm_source=Foundation%20Docs&utm_medium=Docs&utm_content=Footer&utm_campaign=Footer%20Upsell" class="" target="_blank"><img src="{{root}}assets/img/yeti.svg"/></a>
+ </div>
</div>
</div>
- </div>
-</section>
+ </section>
+</div>
<div class="docs-newsletter">
<div class="row">
- <div class="medium-8 columns">
- <h5>Stay on top of what’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 »</a></p>
+ <div class="medium-7 large-8 columns">
+ <a target="_blank" href="http://foundation.zurb.com/learn/responsive-reading.html">
+ <h5 class="">Download ZURB’s 21 Responsive Trends That Will Shape 2017</h5>
+ <p style="margin-bottom: 0;">Stay informed with amazing responsive trends each month from ZURB.</p>
+ </a>
</div>
- <div class="medium-4 columns">
- <form action="http://zurb.createsend.com/t/y/s/vjtyhh/" method="post" id="subForm">
- <div class="row collapse margintop-20px">
- <div class="small-8 medium-8 columns">
- <input id="fieldEmail" name="cm-vjtyhh-vjtyhh" 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 class="medium-5 large-4 footer-signup-form columns">
+ <a style="margin-bottom: 0;" target="_blank" href="http://foundation.zurb.com/learn/responsive-reading.html" class="button expanded">Download the PDF</a>
</div>
</div>
</div>
@@ -62,10 +57,9 @@
</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>
+ <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/get-involved/contribute.html">Get involved in<br>our amazing community.</a></p>
</div>
</div>
<div class="medium-4 columns">
@@ -124,7 +118,7 @@
<li><a href="http://zurb.com/contact">Contact</a></li>
<li><a href="http://zurb.com/sitemap">Sitemap</a></li>
</ul>
- <p class="copyright">© 1998‐2015 ZURB, Inc. All rights reserved.</p>
+ <p class="copyright">© 1998‐2016 ZURB, Inc. All rights reserved.</p>
</div>
</div>
</div>
diff --git a/libraries/foundation-6/docs/partials/navigation.html b/libraries/foundation-6/docs/partials/navigation.html
index 8e24c559..3f1c59df 100644
--- a/libraries/foundation-6/docs/partials/navigation.html
+++ b/libraries/foundation-6/docs/partials/navigation.html
@@ -7,13 +7,14 @@
<ul class="dropdown menu" data-dropdown-menu data-click-open="false">
<li>
- <a href="http://foundation.zurb.com/learn/about.html">Learn</a>
+ <a href="http://zurb.com/responsive">Showcase</a>
<ul class="submenu menu vertical" data-submenu>
- <li><a href="http://foundation.zurb.com/learn/about.html">About Foundation</a></li>
- <li><a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a></li>
- <li><a href="http://foundation.zurb.com/learn/classes.html">Classes</a></li>
- <li><a href="http://foundation.zurb.com/learn/case-studies.html">Case Studies</a></li>
- <li><a href="http://foundation.zurb.com/learn/brands.html">Brands</a></li>
+ <li><a href="http://zurb.com/responsive">Foundation Showcase</a></li>
+ <li><a href="http://foundation.zurb.com/showcase/brands.html">Brands</a></li>
+ <li><a href="http://foundation.zurb.com/showcase/case-studies.html">Case Studies</a></li>
+ <li><a href="http://foundation.zurb.com/showcase/blog.html">Blog</a></li>
+ <li><a href="http://foundation.zurb.com/showcase/buzz.html">Buzz</a></li>
+ <li><a href="http://foundation.zurb.com/showcase/about.html">About Foundation</a></li>
</ul>
</li>
@@ -29,20 +30,31 @@
<li><a href="http://foundation.zurb.com/templates.html">HTML Templates</a></li>
<li><a href="http://foundation.zurb.com/sites/resources.html">Resources</a></li>
<li><a href="http://foundation.zurb.com/develop/building-blocks.html">Building Blocks</a></li>
- <li><a href="http://foundation.zurb.com/develop/yeti-launch.html">Yeti Launch</a></li>
- <li><a href="http://foundation.zurb.com/develop/contribute.html">Contribute</a></li>
+ <li><a href="http://foundation.zurb.com/upload.html">Annotate Code</a></li>
</ul>
</li>
- <li><a href="http://foundation.zurb.com/upload.html">Upload</a></li>
+ <li>
+ <a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a>
+ <ul class="submenu menu vertical" data-submenu>
+ <li><a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a></li>
+ <li><a href="http://foundation.zurb.com/learn/classes.html">Classes</a></li>
+ <li><a href="http://foundation.zurb.com/learn/custom-training.html">Custom Training</a></li>
+ <li><a href="http://foundation.zurb.com/learn/certification.html">Certification</a></li>
+ <li><a href="http://foundation.zurb.com/learn/responsive-reading.html">Responsive Reading</a></li>
+ </ul>
+ </li>
<li>
- <a href="http://foundation.zurb.com/support/support.html">Support</a>
+ <a href="http://foundation.zurb.com/get-involved/contribute.html">Get Involved</a>
<ul class="submenu menu vertical" data-submenu>
- <li><a href="http://foundation.zurb.com/support/support.html">Support Channels</a></li>
- <li><a href="http://foundation.zurb.com/support/premium-support.html">Premium Support</a></li>
+ <li><a href="http://foundation.zurb.com/get-involved/support.html">Connect</a></li>
+ <li><a href="http://foundation.zurb.com/get-involved/premium-support.html">PLZ Halp</a></li>
<li><a href="http://foundation.zurb.com/forum/">Foundation Forum</a></li>
- <li><a href="http://foundation.zurb.com/support/faq.html">FAQs</a></li>
+ <li><a href="http://foundation.zurb.com/learn/events.html">Events</a></li>
+ <li><a href="http://foundation.zurb.com/get-involved/faq.html">FAQs</a></li>
+ <li><a href="http://foundation.zurb.com/get-involved/contribute.html">Contribute</a></li>
+ <li><a href="http://foundation.zurb.com/get-involved/yetinauts.html">Yetinauts</a></li>
</ul>
</li>
@@ -50,6 +62,7 @@
<a href="http://foundation.zurb.com/frameworks-docs.html">Docs</a>
<ul class="submenu menu vertical" data-submenu>
<li><a href="http://foundation.zurb.com/docs/" target="_blank">Sites Docs</a></li>
+ <li><a href="http://foundation.zurb.com/sites/docs/v/5.5.3/" target="_blank">F5 Docs</a></li>
<li><a href="http://foundation.zurb.com/apps/docs/#!/" target="_blank">Apps Docs</a></li>
<li><a href="http://foundation.zurb.com/emails/docs/" target="_blank">Email Docs</a></li>
</ul>
diff --git a/libraries/foundation-6/docs/partials/off-canvi.html b/libraries/foundation-6/docs/partials/off-canvi.html
index 14107e32..a37a5f06 100644
--- a/libraries/foundation-6/docs/partials/off-canvi.html
+++ b/libraries/foundation-6/docs/partials/off-canvi.html
@@ -3,18 +3,19 @@
<span aria-hidden="true">×</span>
</button>
<ul class="mobile-ofc vertical menu">
-
+
<li>
- <a href="http://foundation.zurb.com/learn/about.html">Learn</a>
+ <a href="http://zurb.com/responsive">Showcase</a>
<ul class="submenu menu vertical" data-submenu>
- <li><a href="http://foundation.zurb.com/learn/about.html">About Foundation</a></li>
- <li><a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a></li>
- <li><a href="http://foundation.zurb.com/learn/classes.html">Classes</a></li>
- <li><a href="http://foundation.zurb.com/learn/case-studies.html">Case Studies</a></li>
- <li><a href="http://foundation.zurb.com/learn/brands.html">Brands</a></li>
+ <li><a href="http://zurb.com/responsive">Foundation Showcase</a></li>
+ <li><a href="http://foundation.zurb.com/showcase/brands.html">Brands</a></li>
+ <li><a href="http://foundation.zurb.com/showcase/case-studies.html">Case Studies</a></li>
+ <li><a href="http://foundation.zurb.com/showcase/blog.html">Blog</a></li>
+ <li><a href="http://foundation.zurb.com/showcase/buzz.html">Buzz</a></li>
+ <li><a href="http://foundation.zurb.com/showcase/about.html">About Foundation</a></li>
</ul>
</li>
-
+
<li>
<a href="http://foundation.zurb.com/develop/getting-started.html">Develop</a>
<ul class="submenu menu vertical" data-submenu>
@@ -32,18 +33,29 @@
</ul>
</li>
- <li><a href="http://foundation.zurb.com/upload.html">Upload</a></li>
-
<li>
- <a href="http://foundation.zurb.com/support/support.html">Support</a>
+ <a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a>
+ <ul class="submenu menu vertical" data-submenu>
+ <li><a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a></li>
+ <li><a href="http://foundation.zurb.com/learn/classes.html">Classes</a></li>
+ <li><a href="http://foundation.zurb.com/learn/custom-training.html">Custom Training</a></li>
+ <li><a href="http://foundation.zurb.com/learn/certification.html">Certification</a></li>
+ <li><a href="http://foundation.zurb.com/learn/responsive-reading.html">Responsive Reading</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="http://foundation.zurb.com/get-involved/support.html">Get Involved</a>
<ul class="submenu menu vertical" data-submenu>
- <li><a href="http://foundation.zurb.com/support/support.html">Support Channels</a></li>
- <li><a href="http://foundation.zurb.com/support/premium-support.html">Premium Support</a></li>
+ <li><a href="http://foundation.zurb.com/get-involved/support.html">Connect</a></li>
+ <li><a href="http://foundation.zurb.com/get-involved/premium-support.html">PLZ Halp</a></li>
<li><a href="http://foundation.zurb.com/forum/sort/unanswered">Foundation Forum</a></li>
- <li><a href="http://foundation.zurb.com/support/faq.html">FAQs</a></li>
+ <li><a href="http://foundation.zurb.com/learn/events.html">Events</a></li>
+ <li><a href="http://foundation.zurb.com/get-involved/faq.html">FAQs</a></li>
+ <li><a href="http://foundation.zurb.com/get-involved/contribute.html">Contribute</a></li>
+ <li><a href="http://foundation.zurb.com/get-involved/yetinauts.html">Yetinauts</a></li>
</ul>
</li>
-
+
<li>
<a href="http://foundation.zurb.com/frameworks-docs.html">Docs</a>
<ul class="submenu menu vertical" data-submenu>
@@ -52,7 +64,7 @@
<li><a href="http://zurb.com/ink/docs.php" target="_blank">Email Docs</a></li>
</ul>
</li>
-
+
<li><a href="http://foundation.zurb.com/develop/getting-started.html" class="button">Getting Started</a></li>
</ul>
diff --git a/libraries/foundation-6/docs/partials/toc-template.hbs b/libraries/foundation-6/docs/partials/toc-template.hbs
new file mode 100644
index 00000000..6731b4f3
--- /dev/null
+++ b/libraries/foundation-6/docs/partials/toc-template.hbs
@@ -0,0 +1,3 @@
+<h3 class="foundation-ad-header">{{ad_header}}</h3>
+<p class="foundation-ad-body">{{ad_body}}</p>
+<p class="foundation-cta"><a class="button button-primary" href="{{ad_link}}">{{ad_cta}}</a></p>
diff --git a/libraries/foundation-6/gulp/config.js b/libraries/foundation-6/gulp/config.js
new file mode 100644
index 00000000..ae370342
--- /dev/null
+++ b/libraries/foundation-6/gulp/config.js
@@ -0,0 +1,77 @@
+module.exports = {
+
+ // Javascript
+ JS_FILES: [
+ 'js/foundation.core.js',
+ 'js/foundation.util.*.js',
+ 'js/*.js'
+ ],
+
+ JS_DEPS: [
+ 'node_modules/jquery/dist/jquery.js',
+ 'node_modules/motion-ui/dist/motion-ui.js',
+ 'node_modules/what-input/what-input.js'
+ ],
+
+ JS_DOCS: [
+ 'node_modules/clipboard/dist/clipboard.js',
+ 'node_modules/corejs-typeahead/dist/typeahead.bundle.js',
+ 'node_modules/foundation-docs/js/**/*.js',
+ 'docs/assets/js/docs.*.js',
+ 'docs/assets/js/docs.js'
+ ],
+
+ // Sass
+ SASS_DEPS_PATHS:Â [
+ 'node_modules/normalize-scss/sass'
+ ],
+
+ SASS_DOC_PATHS: [
+ 'scss',
+ 'node_modules/motion-ui/src',
+ 'node_modules/foundation-docs/scss'
+ ],
+
+ SASS_LINT_FILES: [
+ 'scss/**/*.scss',
+ ],
+
+ CSS_COMPATIBILITY: [
+ 'last 2 versions',
+ 'ie >= 9',
+ 'Android >= 2.3',
+ 'ios >= 7'
+ ],
+
+ // Assets
+ ASSETS_FILES: [
+ 'docs/assets/**/*',
+ '!docs/assets/{js,scss}',
+ '!docs/assets/{js,scss}/**/*'
+ ],
+
+ // Dist
+ VERSIONED_FILES: [
+ 'bower.json',
+ 'composer.json',
+ 'docs/pages/installation.md',
+ 'js/foundation.core.js',
+ 'meteor-README.md',
+ 'package.js',
+ 'package.json',
+ 'scss/foundation.scss'
+ ],
+
+ DIST_FILES: [
+ './_build/assets/css/foundation.css',
+ './_build/assets/css/foundation-flex.css',
+ './_build/assets/css/foundation-rtl.css',
+ '_build/assets/js/foundation.js'
+ ],
+
+ // Tests
+ TEST_JS_FILES: [
+ 'test/javascript/components/**/*.js',
+ 'test/javascript/util/**/*.js'
+ ]
+};
diff --git a/libraries/foundation-6/gulp/babel-error.js b/libraries/foundation-6/gulp/tasks/babel-error.js
similarity index 100%
rename from libraries/foundation-6/gulp/babel-error.js
rename to libraries/foundation-6/gulp/tasks/babel-error.js
diff --git a/libraries/foundation-6/gulp/tasks/check.js b/libraries/foundation-6/gulp/tasks/check.js
new file mode 100644
index 00000000..4abbc5b5
--- /dev/null
+++ b/libraries/foundation-6/gulp/tasks/check.js
@@ -0,0 +1,26 @@
+'use strict';
+
+var gulp = require('gulp');
+var checkDeps = require('gulp-check-deps');
+var postcss = require('gulp-postcss');
+var doiuse = require('doiuse');
+
+var CONFIG = require('../config.js');
+
+gulp.task('check', ['check:deps', 'check:browserSupport']);
+
+// Check npm dependencies
+gulp.task('check:deps', function() {
+ return gulp.src('package.json').pipe(checkDeps());
+});
+
+// Check browser support
+gulp.task('check:browserSupport', function() {
+ return gulp.src(['_build/assets/css/foundation.css'])
+ .pipe(postcss([doiuse({
+ browsers: CONFIG.COMPATIBILITY,
+ onFeatureUsage: function (usageInfo) {
+ console.log(usageInfo.message)
+ }
+ })]))
+});
diff --git a/libraries/foundation-6/gulp/clean.js b/libraries/foundation-6/gulp/tasks/clean.js
similarity index 100%
rename from libraries/foundation-6/gulp/clean.js
rename to libraries/foundation-6/gulp/tasks/clean.js
diff --git a/libraries/foundation-6/gulp/copy.js b/libraries/foundation-6/gulp/tasks/copy.js
similarity index 52%
rename from libraries/foundation-6/gulp/copy.js
rename to libraries/foundation-6/gulp/tasks/copy.js
index 2cbfb8cf..bdd94eee 100644
--- a/libraries/foundation-6/gulp/copy.js
+++ b/libraries/foundation-6/gulp/tasks/copy.js
@@ -1,13 +1,9 @@
var gulp = require('gulp');
-var FILES = [
- 'docs/assets/**/*',
- '!docs/assets/{js,scss}',
- '!docs/assets/{js,scss}/**/*'
-];
+var CONFIG = require('../config.js');
// Copies static assets
gulp.task('copy', function() {
- gulp.src(FILES)
+ gulp.src(CONFIG.ASSETS_FILES)
.pipe(gulp.dest('_build/assets'));
});
diff --git a/libraries/foundation-6/gulp/customizer.js b/libraries/foundation-6/gulp/tasks/customizer.js
similarity index 95%
rename from libraries/foundation-6/gulp/customizer.js
rename to libraries/foundation-6/gulp/tasks/customizer.js
index 9d455cf6..f2964f58 100644
--- a/libraries/foundation-6/gulp/customizer.js
+++ b/libraries/foundation-6/gulp/tasks/customizer.js
@@ -2,7 +2,7 @@ var addSrc = require('gulp-add-src');
var babel = require('gulp-babel');
var concat = require('gulp-concat');
var cssnano = require('gulp-cssnano');
-var customizer = require('../customizer/lib');
+var customizer = require('../../customizer/lib');
var File = require('vinyl');
var fs = require('fs');
var gulp = require('gulp');
@@ -22,7 +22,7 @@ var yargs = require('yargs');
var zip = require('gulp-zip');
var ARGS = require('yargs').argv;
-var FOUNDATION_VERSION = require('../package.json').version;
+var FOUNDATION_VERSION = require('../../package.json').version;
var OUTPUT_DIR = ARGS.output || 'custom-build';
var COMPATIBILITY = [
'last 2 versions',
@@ -36,7 +36,7 @@ var VARIABLE_LIST;
// Load the configuration file for the customizer. It's a list of modules to load and Sass variables to override
gulp.task('customizer:loadConfig', function(done) {
fs.readFile('customizer/config.yml', function(err, data) {
- var moduleListPath = ARGS.modules || '../customizer/complete';
+ var moduleListPath = ARGS.modules || '../../customizer/complete';
var moduleList = require(moduleListPath);
CUSTOMIZER_CONFIG = yaml(data.toString());
diff --git a/libraries/foundation-6/gulp/deploy.js b/libraries/foundation-6/gulp/tasks/deploy.js
similarity index 86%
rename from libraries/foundation-6/gulp/deploy.js
rename to libraries/foundation-6/gulp/tasks/deploy.js
index ef0c296c..b255c3f2 100644
--- a/libraries/foundation-6/gulp/deploy.js
+++ b/libraries/foundation-6/gulp/tasks/deploy.js
@@ -13,25 +13,8 @@ var inquirer = require('inquirer');
var exec = require('child_process').execSync;
var plumber = require('gulp-plumber');
-var VERSIONED_FILES = [
- 'bower.json',
- 'composer.json',
- 'docs/pages/installation.md',
- 'js/foundation.core.js',
- 'meteor-README.md',
- 'package.js',
- 'package.json',
- 'scss/foundation.scss'
-];
-
-var DIST_FILES = [
- './_build/assets/css/foundation.css',
- './_build/assets/css/foundation-flex.css',
- './_build/assets/css/foundation-rtl.css',
- '_build/assets/js/foundation.js'
-];
-
-var CURRENT_VERSION = require('../package.json').version;
+var CONFIG = require('../config.js');
+var CURRENT_VERSION = require('../../package.json').version;
var NEXT_VERSION;
gulp.task('deploy', function(cb) {
@@ -56,7 +39,7 @@ gulp.task('deploy:prompt', function(cb) {
// Bumps the version number in any file that has one
gulp.task('deploy:version', function() {
- return gulp.src(VERSIONED_FILES, { base: process.cwd() })
+ return gulp.src(CONFIG.VERSIONED_FILES, { base: process.cwd() })
.pipe(replace(CURRENT_VERSION, NEXT_VERSION))
.pipe(gulp.dest('.'));
});
@@ -66,25 +49,28 @@ gulp.task('deploy:dist', ['sass:foundation', 'javascript:foundation'], function(
var cssFilter = filter(['*.css'], { restore: true });
var jsFilter = filter(['*.js'], { restore: true });
- return gulp.src(DIST_FILES)
+ return gulp.src(CONFIG.DIST_FILES)
.pipe(plumber())
.pipe(cssFilter)
- .pipe(gulp.dest('./dist'))
+ .pipe(gulp.dest('./dist/css'))
.pipe(cssnano())
.pipe(rename({ suffix: '.min' }))
- .pipe(gulp.dest('./dist'))
+ .pipe(gulp.dest('./dist/css'))
.pipe(cssFilter.restore)
.pipe(jsFilter)
- .pipe(gulp.dest('./dist'))
+ .pipe(gulp.dest('./dist/js'))
.pipe(uglify())
.pipe(rename({ suffix: '.min' }))
- .pipe(gulp.dest('./dist'));
+ .pipe(gulp.dest('./dist/js'));
});
// Copies standalone JavaScript plugins to dist/ folder
gulp.task('deploy:plugins', function() {
gulp.src('_build/assets/js/plugins/*.js')
- .pipe(gulp.dest('dist/plugins'));
+ .pipe(gulp.dest('dist/js/plugins'))
+ .pipe(uglify())
+ .pipe(rename({ suffix: '.min' }))
+ .pipe(gulp.dest('dist/js/plugins'));
});
// Generates a settings file
diff --git a/libraries/foundation-6/gulp/docs.js b/libraries/foundation-6/gulp/tasks/docs.js
similarity index 100%
rename from libraries/foundation-6/gulp/docs.js
rename to libraries/foundation-6/gulp/tasks/docs.js
diff --git a/libraries/foundation-6/gulp/javascript.js b/libraries/foundation-6/gulp/tasks/javascript.js
similarity index 58%
rename from libraries/foundation-6/gulp/javascript.js
rename to libraries/foundation-6/gulp/tasks/javascript.js
index 51e08915..052c3ed7 100644
--- a/libraries/foundation-6/gulp/javascript.js
+++ b/libraries/foundation-6/gulp/tasks/javascript.js
@@ -3,31 +3,13 @@ var concat = require('gulp-concat');
var babel = require('gulp-babel');
var onBabelError = require('./babel-error.js');
-var FOUNDATION = [
- 'js/foundation.core.js',
- 'js/foundation.util.*.js',
- 'js/*.js'
-];
-
-var DEPS = [
- 'node_modules/jquery/dist/jquery.js',
- 'node_modules/motion-ui/dist/motion-ui.js',
- 'node_modules/what-input/what-input.js'
-];
-
-var DOCS = [
- 'node_modules/clipboard/dist/clipboard.js',
- 'node_modules/corejs-typeahead/dist/typeahead.bundle.js',
- 'node_modules/foundation-docs/js/**/*.js',
- 'docs/assets/js/docs.*.js',
- 'docs/assets/js/docs.js'
-];
+var CONFIG = require('../config.js');
// Compiles JavaScript into a single file
gulp.task('javascript', ['javascript:foundation', 'javascript:deps', 'javascript:docs']);
gulp.task('javascript:foundation', function() {
- return gulp.src(FOUNDATION)
+ return gulp.src(CONFIG.JS_FILES)
.pipe(babel()
.on('error', onBabelError))
.pipe(gulp.dest('_build/assets/js/plugins'))
@@ -36,13 +18,13 @@ gulp.task('javascript:foundation', function() {
});
gulp.task('javascript:deps', function() {
- return gulp.src(DEPS)
+ return gulp.src(CONFIG.JS_DEPS)
.pipe(concat('vendor.js'))
.pipe(gulp.dest('_build/assets/js'));
});
gulp.task('javascript:docs', function() {
- return gulp.src(DOCS)
+ return gulp.src(CONFIG.JS_DOCS)
.pipe(concat('docs.js'))
.pipe(gulp.dest('_build/assets/js'));
});
diff --git a/libraries/foundation-6/gulp/lint.js b/libraries/foundation-6/gulp/tasks/lint.js
similarity index 55%
rename from libraries/foundation-6/gulp/lint.js
rename to libraries/foundation-6/gulp/tasks/lint.js
index b1a817ff..b7b90872 100644
--- a/libraries/foundation-6/gulp/lint.js
+++ b/libraries/foundation-6/gulp/tasks/lint.js
@@ -1,23 +1,25 @@
var gulp = require('gulp');
-var scssLint = require('gulp-scss-lint');
+var plumber = require('gulp-plumber');
+var sassLint = require('gulp-sass-lint');
var eslint = require('gulp-eslint');
-var PATHS = [
- 'scss/**/*.scss',
- '!scss/vendor/**/*.scss',
- '!scss/components_old/**/*.scss'
-];
+var CONFIG = require('../config.js');
// Lints Sass and JavaScript files for formatting issues
gulp.task('lint', ['lint:sass', 'lint:javascript']);
gulp.task('lint:sass', function() {
- return gulp.src(PATHS)
- .pipe(scssLint());
+ return gulp.src(CONFIG.SASS_LINT_FILES)
+ .pipe(plumber())
+ .pipe(sassLint({
+ config: './.sass-lint.yml'
+ }))
+ .pipe(sassLint.format())
+ .pipe(sassLint.failOnError())
});
gulp.task('lint:javascript', function () {
- return gulp.src(['js/*.js'])
+ return gulp.src([CONFIG.JS_FILES])
.pipe(eslint({
useEslintrc: true,
configFile: '.eslintrc'
diff --git a/libraries/foundation-6/gulp/sass.js b/libraries/foundation-6/gulp/tasks/sass.js
similarity index 74%
rename from libraries/foundation-6/gulp/sass.js
rename to libraries/foundation-6/gulp/tasks/sass.js
index 6443c050..5f0ffaeb 100644
--- a/libraries/foundation-6/gulp/sass.js
+++ b/libraries/foundation-6/gulp/tasks/sass.js
@@ -8,24 +8,9 @@ var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var plumber = require('gulp-plumber');
var sourcemaps = require('gulp-sourcemaps');
-var scssLint = require('gulp-scss-lint');
+var sassLint = require('gulp-sass-lint');
-var PATHS = [
- 'scss',
- 'node_modules/motion-ui/src',
- 'node_modules/foundation-docs/scss'
-];
-
-var LINT_PATHS = [
- 'scss/**/*.scss',
- '!scss/vendor/**/*.scss'
-];
-
-var COMPATIBILITY = [
- 'last 2 versions',
- 'ie >= 9',
- 'Android >= 2.3'
-];
+var CONFIG = require('../config.js');
// Compiles Sass files into CSS
gulp.task('sass', ['sass:foundation', 'sass:docs']);
@@ -35,14 +20,20 @@ gulp.task('sass:foundation', function() {
return gulp.src(['assets/*'])
.pipe(sourcemaps.init())
.pipe(plumber())
- .pipe(sass().on('error', sass.logError))
+ .pipe(sass({
+ includePaths: CONFIG.SASS_DEPS_PATHS
+ }).on('error', sass.logError))
.pipe(autoprefixer({
- browsers: COMPATIBILITY
+ browsers: CONFIG.CSS_COMPATIBILITY
}))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('_build/assets/css'))
.on('finish', function() {
- gulp.src(LINT_PATHS).pipe(scssLint())
+ gulp.src(CONFIG.SASS_LINT_FILES)
+ .pipe(sassLint({
+ config: './.sass-lint.yml'
+ }))
+ .pipe(sassLint.format());
});
});
@@ -51,10 +42,10 @@ gulp.task('sass:docs', function() {
return gulp.src('docs/assets/scss/docs.scss')
.pipe(sourcemaps.init())
.pipe(sass({
- includePaths: PATHS
+ includePaths: CONFIG.SASS_DEPS_PATHS.concat(CONFIG.SASS_DOC_PATHS)
}).on('error', sass.logError))
.pipe(autoprefixer({
- browsers: COMPATIBILITY
+ browsers: CONFIG.CSS_COMPATIBILITY
}))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('_build/assets/css'));
diff --git a/libraries/foundation-6/gulp/test.js b/libraries/foundation-6/gulp/tasks/test.js
similarity index 89%
rename from libraries/foundation-6/gulp/test.js
rename to libraries/foundation-6/gulp/tasks/test.js
index ef1738aa..d6136102 100644
--- a/libraries/foundation-6/gulp/test.js
+++ b/libraries/foundation-6/gulp/tasks/test.js
@@ -7,10 +7,7 @@ var babel = require('gulp-babel');
var onBabelError = require('./babel-error.js');
var rimraf = require('rimraf').sync;
-var JSTESTS = [
- 'test/javascript/components/**/*.js',
- 'test/javascript/util/**/*.js'
-];
+var CONFIG = require('../config.js');
// Runs unit tests
gulp.task('test', ['sass:foundation', 'test:transpile-js', 'watch'], function() {
@@ -35,7 +32,7 @@ gulp.task('test:reload', function(done) {
gulp.task('test:transpile-js', ['javascript:foundation', 'javascript:deps'], function() {
rimraf('test/javascript/js-tests.js');
- return gulp.src(JSTESTS)
+ return gulp.src(CONFIG.TEST_JS_FILES)
.pipe(babel()
.on('error', onBabelError))
.pipe(concat('js-tests.js'))
diff --git a/libraries/foundation-6/gulpfile.js b/libraries/foundation-6/gulpfile.js
index f090b5a1..a66c002e 100644
--- a/libraries/foundation-6/gulpfile.js
+++ b/libraries/foundation-6/gulpfile.js
@@ -3,7 +3,7 @@ var browser = require('browser-sync');
var requireDir = require('require-dir');
var port = process.env.SERVER_PORT || 3000;
-requireDir('./gulp');
+requireDir('./gulp/tasks');
// Builds the documentation and framework files
gulp.task('build', ['clean', 'copy', 'docs:all', 'sass', 'javascript']);
diff --git a/libraries/foundation-6/js/foundation.abide.js b/libraries/foundation-6/js/foundation.abide.js
index 5c8750da..08dd1656 100644
--- a/libraries/foundation-6/js/foundation.abide.js
+++ b/libraries/foundation-6/js/foundation.abide.js
@@ -62,6 +62,14 @@ class Abide {
this.validateInput($(e.target));
});
}
+
+ if (this.options.validateOnBlur) {
+ this.$inputs
+ .off('blur.zf.abide')
+ .on('blur.zf.abide', (e) => {
+ this.validateInput($(e.target));
+ });
+ }
}
/**
@@ -278,6 +286,19 @@ class Abide {
var goodToGo = [clearRequire, validated, customValidator, equalTo].indexOf(false) === -1;
var message = (goodToGo ? 'valid' : 'invalid') + '.zf.abide';
+ if (goodToGo) {
+ // Re-validate inputs that depend on this one with equalto
+ const dependentElements = this.$element.find(`[data-equalto="${$el.attr('id')}"]`);
+ if (dependentElements.length) {
+ let _this = this;
+ dependentElements.each(function() {
+ if ($(this).val()) {
+ _this.validateInput($(this));
+ }
+ });
+ }
+ }
+
this[goodToGo ? 'removeErrorClasses' : 'addErrorClasses']($el);
/**
@@ -490,6 +511,13 @@ Abide.defaults = {
*/
liveValidate: false,
+ /**
+ * Set to true to validate inputs on blur.
+ * @option
+ * @example false
+ */
+ validateOnBlur: false,
+
patterns: {
alpha : /^[a-zA-Z]+$/,
alpha_numeric : /^[a-zA-Z0-9]+$/,
diff --git a/libraries/foundation-6/js/foundation.accordion.js b/libraries/foundation-6/js/foundation.accordion.js
index c45172a1..64810d8f 100644
--- a/libraries/foundation-6/js/foundation.accordion.js
+++ b/libraries/foundation-6/js/foundation.accordion.js
@@ -38,7 +38,7 @@ class Accordion {
*/
_init() {
this.$element.attr('role', 'tablist');
- this.$tabs = this.$element.children('li, [data-accordion-item]');
+ this.$tabs = this.$element.children('[data-accordion-item]');
this.$tabs.each(function(idx, el) {
var $el = $(el),
@@ -76,16 +76,8 @@ class Accordion {
if ($tabContent.length) {
$elem.children('a').off('click.zf.accordion keydown.zf.accordion')
.on('click.zf.accordion', function(e) {
- // $(this).children('a').on('click.zf.accordion', function(e) {
e.preventDefault();
- if ($elem.hasClass('is-active')) {
- if(_this.options.allowAllClosed || $elem.siblings().hasClass('is-active')){
- _this.up($tabContent);
- }
- }
- else {
- _this.down($tabContent);
- }
+ _this.toggle($tabContent);
}).on('keydown.zf.accordion', function(e){
Foundation.Keyboard.handleKey(e, 'Accordion', {
toggle: function() {
@@ -115,14 +107,12 @@ class Accordion {
/**
* Toggles the selected content pane's open/close state.
- * @param {jQuery} $target - jQuery object of the pane to toggle.
+ * @param {jQuery} $target - jQuery object of the pane to toggle (`.accordion-content`).
* @function
*/
toggle($target) {
if($target.parent().hasClass('is-active')) {
- if(this.options.allowAllClosed || $target.parent().siblings().hasClass('is-active')){
- this.up($target);
- } else { return; }
+ this.up($target);
} else {
this.down($target);
}
@@ -130,25 +120,25 @@ class Accordion {
/**
* Opens the accordion tab defined by `$target`.
- * @param {jQuery} $target - Accordion pane to open.
+ * @param {jQuery} $target - Accordion pane to open (`.accordion-content`).
* @param {Boolean} firstTime - flag to determine if reflow should happen.
* @fires Accordion#down
* @function
*/
down($target, firstTime) {
- if (!this.options.multiExpand && !firstTime) {
- var $currentActive = this.$element.children('.is-active').children('[data-tab-content]');
- if($currentActive.length){
- this.up($currentActive);
- }
- }
-
$target
.attr('aria-hidden', false)
.parent('[data-tab-content]')
.addBack()
.parent().addClass('is-active');
+ if (!this.options.multiExpand && !firstTime) {
+ var $currentActive = this.$element.children('.is-active').children('[data-tab-content]');
+ if ($currentActive.length) {
+ this.up($currentActive.not($target));
+ }
+ }
+
$target.slideDown(this.options.slideSpeed, () => {
/**
* Fires when the tab is done opening.
@@ -165,16 +155,15 @@ class Accordion {
/**
* Closes the tab defined by `$target`.
- * @param {jQuery} $target - Accordion tab to close.
+ * @param {jQuery} $target - Accordion tab to close (`.accordion-content`).
* @fires Accordion#up
* @function
*/
up($target) {
var $aunts = $target.parent().siblings(),
_this = this;
- var canClose = this.options.multiExpand ? $aunts.hasClass('is-active') : $target.parent().hasClass('is-active');
- if(!this.options.allowAllClosed && !canClose) {
+ if((!this.options.allowAllClosed && !$aunts.hasClass('is-active')) || !$target.parent().hasClass('is-active')) {
return;
}
diff --git a/libraries/foundation-6/js/foundation.accordionMenu.js b/libraries/foundation-6/js/foundation.accordionMenu.js
index 663a9819..fb3d28bd 100644
--- a/libraries/foundation-6/js/foundation.accordionMenu.js
+++ b/libraries/foundation-6/js/foundation.accordionMenu.js
@@ -9,7 +9,6 @@
* @requires foundation.util.motion
* @requires foundation.util.nest
*/
-
class AccordionMenu {
/**
* Creates a new instance of an accordion menu.
@@ -34,14 +33,10 @@ class AccordionMenu {
'ARROW_UP': 'up',
'ARROW_DOWN': 'down',
'ARROW_LEFT': 'close',
- 'ESCAPE': 'closeAll',
- 'TAB': 'down',
- 'SHIFT_TAB': 'up'
+ 'ESCAPE': 'closeAll'
});
}
-
-
/**
* Initializes the accordion menu by hiding all nested menus.
* @private
@@ -49,7 +44,7 @@ class AccordionMenu {
_init() {
this.$element.find('[data-submenu]').not('.is-active').slideUp(0);//.find('a').css('padding-left', '1rem');
this.$element.attr({
- 'role': 'tablist',
+ 'role': 'tree',
'aria-multiselectable': this.options.multiOpen
});
@@ -63,13 +58,13 @@ class AccordionMenu {
$elem.attr({
'aria-controls': subId,
'aria-expanded': isActive,
- 'role': 'tab',
+ 'role': 'treeitem',
'id': linkId
});
$sub.attr({
'aria-labelledby': linkId,
'aria-hidden': !isActive,
- 'role': 'tabpanel',
+ 'role': 'group',
'id': subId
});
});
@@ -90,13 +85,16 @@ class AccordionMenu {
_events() {
var _this = this;
- this.$element.find('li').each(function() {
+ this.$element.find('li').each(function(idx) {
+ if(idx > 0 ){
+ $(this).attr('tabindex','-1');
+ }
var $submenu = $(this).children('[data-submenu]');
if ($submenu.length) {
- $(this).children('a').off('click.zf.accordionMenu').on('click.zf.accordionMenu', function(e) {
+ $(this).children('span').off('click.zf.accordionMenu').on('click.zf.accordionMenu', function(e) {
e.preventDefault();
-
+ _this.setIndex(e.target);
_this.toggle($submenu);
});
}
@@ -106,22 +104,23 @@ class AccordionMenu {
$prevElement,
$nextElement,
$target = $element.children('[data-submenu]');
+ _this.setIndex(e.target);
$elements.each(function(i) {
if ($(this).is($element)) {
- $prevElement = $elements.eq(Math.max(0, i-1)).find('a').first();
- $nextElement = $elements.eq(Math.min(i+1, $elements.length-1)).find('a').first();
+ $prevElement = $elements.eq(Math.max(0, i-1)).first();
+ $nextElement = $elements.eq(Math.min(i+1, $elements.length-1)).first();
if ($(this).children('[data-submenu]:visible').length) { // has open sub menu
- $nextElement = $element.find('li:first-child').find('a').first();
+ $nextElement = $element.find('li:first-child').first();
}
if ($(this).is(':first-child')) { // is first element of sub menu
- $prevElement = $element.parents('li').first().find('a').first();
+ $prevElement = $element.parents('li').first();
} else if ($prevElement.children('[data-submenu]:visible').length) { // if previous element has open sub menu
- $prevElement = $prevElement.find('li:last-child').find('a').first();
+ $prevElement = $prevElement.find('li:last-child');
}
if ($(this).is(':last-child')) { // is last element of sub menu
- $nextElement = $element.parents('li').first().next('li').find('a').first();
+ $nextElement = $element.parents('li').first().next('li').first();
}
return;
@@ -131,19 +130,22 @@ class AccordionMenu {
open: function() {
if ($target.is(':hidden')) {
_this.down($target);
- $target.find('li').first().find('a').first().focus();
+ //$target.find('li').first().first().focus();
}
},
close: function() {
if ($target.length && !$target.is(':hidden')) { // close active sub of this item
_this.up($target);
} else if ($element.parent('[data-submenu]').length) { // close currently open sub
- _this.up($element.parent('[data-submenu]'));
- $element.parents('li').first().find('a').first().focus();
+ $element.parents('li').first().first().focus();
}
},
up: function() {
- $prevElement.attr('tabindex', -1).focus();
+ if( $prevElement.attr('tabindex') ){
+ $prevElement.focus();
+ } else {
+ $prevElement.attr('tabindex', -1).focus();
+ }
return true;
},
down: function() {
@@ -153,6 +155,10 @@ class AccordionMenu {
toggle: function() {
if ($element.children('[data-submenu]').length) {
_this.toggle($element.children('[data-submenu]'));
+ } else {
+ if( $element.find('a:first').attr('href') ){
+ window.location = $element.find('a:first').attr('href');
+ }
}
},
closeAll: function() {
@@ -165,7 +171,7 @@ class AccordionMenu {
e.stopImmediatePropagation();
}
});
- });//.attr('tabindex', 0);
+ });
}
/**
@@ -173,7 +179,29 @@ class AccordionMenu {
* @function
*/
hideAll() {
- this.$element.find('[data-submenu]').slideUp(this.options.slideSpeed);
+ this.up(this.$element.find('[data-submenu]'));
+ this.$element.find('li:first')[0].focus();
+ }
+
+ /**
+ * Opens all panes of the menu.
+ * @function
+ */
+ showAll() {
+ this.down(this.$element.find('[data-submenu]'));
+ }
+
+ /**
+ * Sets the tabindex of the selected item to 0 and resets all the rest
+ * @function
+ */
+ setIndex(el){
+ this.$element.find('li').attr('tabindex','-1');
+ if( $(el).is('li') ){
+ $(el).attr('tabindex',0);
+ } else {
+ $(el).parent('li').attr('tabindex',0);
+ }
}
/**
diff --git a/libraries/foundation-6/js/foundation.core.js b/libraries/foundation-6/js/foundation.core.js
index 32134963..55572ad3 100644
--- a/libraries/foundation-6/js/foundation.core.js
+++ b/libraries/foundation-6/js/foundation.core.js
@@ -2,7 +2,7 @@
"use strict";
-var FOUNDATION_VERSION = '6.2.3';
+var FOUNDATION_VERSION = '6.2.4';
// Global Foundation object
// This is attached to the window, or used as a module for AMD/Browserify
@@ -364,9 +364,9 @@ function functionName(fn) {
}
}
function parseValue(str){
- if(/true/.test(str)) return true;
- else if(/false/.test(str)) return false;
- else if(!isNaN(str * 1)) return parseFloat(str);
+ if ('true' === str) return true;
+ else if ('false' === str) return false;
+ else if (!isNaN(str * 1)) return parseFloat(str);
return str;
}
// Convert PascalCase to kebab-case
diff --git a/libraries/foundation-6/js/foundation.drilldown.js b/libraries/foundation-6/js/foundation.drilldown.js
index ca209de5..feebac5c 100644
--- a/libraries/foundation-6/js/foundation.drilldown.js
+++ b/libraries/foundation-6/js/foundation.drilldown.js
@@ -49,6 +49,7 @@ class Drilldown {
this.$menuItems = this.$element.find('li').not('.js-drilldown-back').attr('role', 'menuitem').find('a');
this._prepareMenu();
+ this._registerEvents();
this._keyboardEvents();
}
@@ -71,7 +72,7 @@ class Drilldown {
if(_this.options.parentLink){
$link.clone().prependTo($sub.children('[data-submenu]')).wrap('<li class="is-submenu-parent-item is-submenu-item is-drilldown-submenu-item" role="menu-item"></li>');
}
- $link.data('savedHref', $link.attr('href')).removeAttr('href');
+ $link.data('savedHref', $link.attr('href')).removeAttr('href').attr('tabindex', 0);
$link.children('[data-submenu]')
.attr({
'aria-hidden': true,
@@ -90,6 +91,7 @@ class Drilldown {
});
if(!this.$element.parent().hasClass('is-drilldown')){
this.$wrapper = $(this.options.wrapper).addClass('is-drilldown');
+ if(this.options.animateHeight) this.$wrapper.addClass('animate-height');
this.$wrapper = this.$element.wrap(this.$wrapper).parent().css(this._getMaxDims());
}
}
@@ -127,6 +129,36 @@ class Drilldown {
});
}
+ /**
+ * Adds event handlers to the menu element.
+ * @function
+ * @private
+ */
+ _registerEvents() {
+ if(this.options.scrollTop){
+ this._bindHandler = this._scrollTop.bind(this);
+ this.$element.on('open.zf.drilldown hide.zf.drilldown closed.zf.drilldown',this._bindHandler);
+ }
+ }
+
+ /**
+ * Scroll to Top of Element or data-scroll-top-element
+ * @function
+ * @fires Drilldown#scrollme
+ */
+ _scrollTop() {
+ var _this = this;
+ var $scrollTopElement = _this.options.scrollTopElement!=''?$(_this.options.scrollTopElement):_this.$element,
+ scrollPos = parseInt($scrollTopElement.offset().top+_this.options.scrollTopOffset);
+ $('html, body').stop(true).animate({ scrollTop: scrollPos }, _this.options.animationDuration, _this.options.animationEasing,function(){
+ /**
+ * Fires after the menu has scrolled
+ * @event Drilldown#scrollme
+ */
+ if(this===$('html')[0])_this.$element.trigger('scrollme.zf.drilldown');
+ });
+ }
+
/**
* Adds keydown event listener to `li`'s in the menu.
* @private
@@ -188,13 +220,14 @@ class Drilldown {
$element.parent('li').parent('ul').parent('li').children('a').first().focus();
}, 1);
});
+ return true;
} else if ($element.is(_this.$submenuAnchors)) {
_this._show($element.parent('li'));
$element.parent('li').one(Foundation.transitionend($element), function(){
$element.parent('li').find('ul li a').filter(_this.$menuItems).first().focus();
});
+ return true;
}
- return true;
},
handled: function(preventDefault) {
if (preventDefault) {
@@ -213,6 +246,7 @@ class Drilldown {
*/
_hideAll() {
var $elem = this.$element.find('.is-drilldown-submenu.is-active').addClass('is-closing');
+ if(this.options.autoHeight) this.$wrapper.css({height:$elem.parent().closest('ul').data('calcHeight')});
$elem.one(Foundation.transitionend($elem), function(e){
$elem.removeClass('is-active is-closing');
});
@@ -237,6 +271,12 @@ class Drilldown {
e.stopImmediatePropagation();
// console.log('mouseup on back');
_this._hide($elem);
+
+ // If there is a parent submenu, call show
+ let parentSubMenu = $elem.parent('li').parent('ul').parent('li');
+ if (parentSubMenu.length) {
+ _this._show(parentSubMenu);
+ }
});
}
@@ -264,7 +304,9 @@ class Drilldown {
* @param {jQuery} $elem - the current element with a submenu to open, i.e. the `li` tag.
*/
_show($elem) {
- $elem.children('[data-submenu]').addClass('is-active');
+ if(this.options.autoHeight) this.$wrapper.css({height:$elem.children('[data-submenu]').data('calcHeight')});
+ $elem.attr('aria-expanded', true);
+ $elem.children('[data-submenu]').addClass('is-active').attr('aria-hidden', false);
/**
* Fires when the submenu has opened.
* @event Drilldown#open
@@ -279,7 +321,10 @@ class Drilldown {
* @param {jQuery} $elem - the current sub-menu to hide, i.e. the `ul` tag.
*/
_hide($elem) {
+ if(this.options.autoHeight) this.$wrapper.css({height:$elem.parent().closest('ul').data('calcHeight')});
var _this = this;
+ $elem.parent('li').attr('aria-expanded', false);
+ $elem.attr('aria-hidden', true).addClass('is-closing')
$elem.addClass('is-closing')
.one(Foundation.transitionend($elem), function(){
$elem.removeClass('is-active is-closing');
@@ -299,13 +344,18 @@ class Drilldown {
* @private
*/
_getMaxDims() {
- var max = 0, result = {};
+ var max = 0, result = {}, oneHeight = this.$menuItems[0].getBoundingClientRect().height,_this = this;
this.$submenus.add(this.$element).each(function(){
var numOfElems = $(this).children('li').length;
max = numOfElems > max ? numOfElems : max;
+ if(_this.options.autoHeight) {
+ $(this).data('calcHeight',numOfElems * oneHeight);
+ if (!$(this).hasClass('is-drilldown-submenu')) result['height'] = numOfElems * oneHeight;
+ }
});
- result['min-height'] = `${max * this.$menuItems[0].getBoundingClientRect().height}px`;
+ if(!this.options.autoHeight) result['min-height'] = `${max * oneHeight}px`;
+
result['max-width'] = `${this.$element[0].getBoundingClientRect().width}px`;
return result;
@@ -316,6 +366,7 @@ class Drilldown {
* @function
*/
destroy() {
+ if(this.options.scrollTop) this.$element.off('.zf.drilldown',this._bindHandler);
this._hideAll();
Foundation.Nest.Burn(this.$element, 'drilldown');
this.$element.unwrap()
@@ -327,6 +378,7 @@ class Drilldown {
});
this.$element.find('a').each(function(){
var $link = $(this);
+ $link.removeAttr('tabindex');
if($link.data('savedHref')){
$link.attr('href', $link.data('savedHref')).removeData('savedHref');
}else{ return; }
@@ -359,7 +411,49 @@ Drilldown.defaults = {
* @option
* @example false
*/
- closeOnClick: false
+ closeOnClick: false,
+ /**
+ * Allow the menu to auto adjust height.
+ * @option
+ * @example false
+ */
+ autoHeight: false,
+ /**
+ * Animate the auto adjust height.
+ * @option
+ * @example false
+ */
+ animateHeight: false,
+ /**
+ * Scroll to the top of the menu after opening a submenu or navigating back using the menu back button
+ * @option
+ * @example false
+ */
+ scrollTop: false,
+ /**
+ * String jquery selector (for example 'body') of element to take offset().top from, if empty string the drilldown menu offset().top is taken
+ * @option
+ * @example ''
+ */
+ scrollTopElement: '',
+ /**
+ * ScrollTop offset
+ * @option
+ * @example 100
+ */
+ scrollTopOffset: 0,
+ /**
+ * Scroll animation duration
+ * @option
+ * @example 500
+ */
+ animationDuration: 500,
+ /**
+ * Scroll animation easing
+ * @option
+ * @example 'swing'
+ */
+ animationEasing: 'swing'
// holdOpen: false
};
diff --git a/libraries/foundation-6/js/foundation.dropdown.js b/libraries/foundation-6/js/foundation.dropdown.js
index 5e913fb4..cfc86715 100644
--- a/libraries/foundation-6/js/foundation.dropdown.js
+++ b/libraries/foundation-6/js/foundation.dropdown.js
@@ -41,7 +41,7 @@ class Dropdown {
_init() {
var $id = this.$element.attr('id');
- this.$anchor = $(`[data-toggle="${$id}"]`) || $(`[data-open="${$id}"]`);
+ this.$anchor = $(`[data-toggle="${$id}"]`).length ? $(`[data-toggle="${$id}"]`) : $(`[data-open="${$id}"]`);
this.$anchor.attr({
'aria-controls': $id,
'data-is-focus': false,
@@ -51,6 +51,11 @@ class Dropdown {
});
+ if(this.options.parentClass){
+ this.$parent = this.$element.parents('.' + this.options.parentClass);
+ }else{
+ this.$parent = null;
+ }
this.options.positionClass = this.getPositionClass();
this.counter = 4;
this.usedPositions = [];
@@ -71,9 +76,10 @@ class Dropdown {
getPositionClass() {
var verticalPosition = this.$element[0].className.match(/(top|left|right|bottom)/g);
verticalPosition = verticalPosition ? verticalPosition[0] : '';
- var horizontalPosition = /float-(\S+)\s/.exec(this.$anchor[0].className);
+ var horizontalPosition = /float-(\S+)/.exec(this.$anchor[0].className);
horizontalPosition = horizontalPosition ? horizontalPosition[1] : '';
var position = horizontalPosition ? horizontalPosition + ' ' + verticalPosition : verticalPosition;
+
return position;
}
@@ -133,11 +139,19 @@ class Dropdown {
param = (direction === 'top') ? 'height' : 'width',
offset = (param === 'height') ? this.options.vOffset : this.options.hOffset;
+ if(($eleDims.width >= $eleDims.windowDims.width) || (!this.counter && !Foundation.Box.ImNotTouchingYou(this.$element, this.$parent))){
+ var newWidth = $eleDims.windowDims.width,
+ parentHOffset = 0;
+ if(this.$parent){
+ var $parentDims = Foundation.Box.GetDimensions(this.$parent),
+ parentHOffset = $parentDims.offset.left;
+ if ($parentDims.width < newWidth){
+ newWidth = $parentDims.width;
+ }
+ }
-
- if(($eleDims.width >= $eleDims.windowDims.width) || (!this.counter && !Foundation.Box.ImNotTouchingYou(this.$element))){
- this.$element.offset(Foundation.Box.GetOffsets(this.$element, this.$anchor, 'center bottom', this.options.vOffset, this.options.hOffset, true)).css({
- 'width': $eleDims.windowDims.width - (this.options.hOffset * 2),
+ this.$element.offset(Foundation.Box.GetOffsets(this.$element, this.$anchor, 'center bottom', this.options.vOffset, this.options.hOffset + parentHOffset, true)).css({
+ 'width': newWidth - (this.options.hOffset * 2),
'height': 'auto'
});
this.classChanged = true;
@@ -146,7 +160,7 @@ class Dropdown {
this.$element.offset(Foundation.Box.GetOffsets(this.$element, this.$anchor, position, this.options.vOffset, this.options.hOffset));
- while(!Foundation.Box.ImNotTouchingYou(this.$element, false, true) && this.counter){
+ while(!Foundation.Box.ImNotTouchingYou(this.$element, this.$parent, true) && this.counter){
this._reposition(position);
this._setPosition();
}
@@ -168,12 +182,14 @@ class Dropdown {
if(this.options.hover){
this.$anchor.off('mouseenter.zf.dropdown mouseleave.zf.dropdown')
- .on('mouseenter.zf.dropdown', function(){
- clearTimeout(_this.timeout);
- _this.timeout = setTimeout(function(){
- _this.open();
- _this.$anchor.data('hover', true);
- }, _this.options.hoverDelay);
+ .on('mouseenter.zf.dropdown', function(){
+ if($('body[data-whatinput="mouse"]').is('*')) {
+ clearTimeout(_this.timeout);
+ _this.timeout = setTimeout(function(){
+ _this.open();
+ _this.$anchor.data('hover', true);
+ }, _this.options.hoverDelay);
+ }
}).on('mouseleave.zf.dropdown', function(){
clearTimeout(_this.timeout);
_this.timeout = setTimeout(function(){
@@ -347,6 +363,12 @@ class Dropdown {
}
Dropdown.defaults = {
+ /**
+ * Class that designates bounding container of Dropdown (Default: window)
+ * @option
+ * @example 'dropdown-parent'
+ */
+ parentClass: null,
/**
* Amount of time to delay opening a submenu on hover event.
* @option
diff --git a/libraries/foundation-6/js/foundation.dropdownMenu.js b/libraries/foundation-6/js/foundation.dropdownMenu.js
index 2bd96276..87d524a3 100644
--- a/libraries/foundation-6/js/foundation.dropdownMenu.js
+++ b/libraries/foundation-6/js/foundation.dropdownMenu.js
@@ -59,6 +59,11 @@ class DropdownMenu {
this.changed = false;
this._events();
};
+
+ _isVertical() {
+ return this.$tabs.css('display') === 'block';
+ }
+
/**
* Adds event listeners to elements within the menu
* @private
@@ -87,16 +92,26 @@ class DropdownMenu {
} else {
e.preventDefault();
e.stopImmediatePropagation();
- _this._show($elem.children('.is-dropdown-submenu'));
+ _this._show($sub);
$elem.add($elem.parentsUntil(_this.$element, `.${parClass}`)).attr('data-is-click', true);
}
- } else { return; }
+ }
};
if (this.options.clickOpen || hasTouch) {
this.$menuItems.on('click.zf.dropdownmenu touchstart.zf.dropdownmenu', handleClickFn);
}
-
+
+ // Handle Leaf element Clicks
+ if(_this.options.closeOnClickInside){
+ this.$menuItems.on('click.zf.dropdownmenu touchend.zf.dropdownmenu', function(e) {
+ var hasSub = $elem.hasClass(parClass);
+ if(!hasSub){
+ _this._hide();
+ }
+ });
+ }
+
if (!this.options.disableHover) {
this.$menuItems.on('mouseenter.zf.dropdownmenu', function(e) {
var $elem = $(this),
@@ -172,42 +187,51 @@ class DropdownMenu {
};
if (isTab) {
- if (_this.$element.hasClass(_this.options.verticalClass)) { // vertical menu
- if (_this.options.alignment === 'left') { // left aligned
+ if (_this._isVertical()) { // vertical menu
+ if (Foundation.rtl()) { // right aligned
$.extend(functions, {
down: nextSibling,
up: prevSibling,
- next: openSub,
- previous: closeSub
+ next: closeSub,
+ previous: openSub
});
- } else { // right aligned
+ } else { // left aligned
$.extend(functions, {
down: nextSibling,
up: prevSibling,
- next: closeSub,
- previous: openSub
+ next: openSub,
+ previous: closeSub
});
}
} else { // horizontal menu
- $.extend(functions, {
- next: nextSibling,
- previous: prevSibling,
- down: openSub,
- up: closeSub
- });
+ if (Foundation.rtl()) { // right aligned
+ $.extend(functions, {
+ next: prevSibling,
+ previous: nextSibling,
+ down: openSub,
+ up: closeSub
+ });
+ } else { // left aligned
+ $.extend(functions, {
+ next: nextSibling,
+ previous: prevSibling,
+ down: openSub,
+ up: closeSub
+ });
+ }
}
} else { // not tabs -> one sub
- if (_this.options.alignment === 'left') { // left aligned
+ if (Foundation.rtl()) { // right aligned
$.extend(functions, {
- next: openSub,
- previous: closeSub,
+ next: closeSub,
+ previous: openSub,
down: nextSibling,
up: prevSibling
});
- } else { // right aligned
+ } else { // left aligned
$.extend(functions, {
- next: closeSub,
- previous: openSub,
+ next: openSub,
+ previous: closeSub,
down: nextSibling,
up: prevSibling
});
@@ -378,6 +402,12 @@ DropdownMenu.defaults = {
* @example true
*/
closeOnClick: true,
+ /**
+ * Allow clicks on leaf anchor links to close any open submenus.
+ * @option
+ * @example true
+ */
+ closeOnClickInside: true,
/**
* Class applied to vertical oriented menus, Foundation default is `vertical`. Update this if using your own class.
* @option
diff --git a/libraries/foundation-6/js/foundation.equalizer.js b/libraries/foundation-6/js/foundation.equalizer.js
index eead23af..c52187a0 100644
--- a/libraries/foundation-6/js/foundation.equalizer.js
+++ b/libraries/foundation-6/js/foundation.equalizer.js
@@ -5,6 +5,8 @@
/**
* Equalizer module.
* @module foundation.equalizer
+ * @requires foundation.util.mediaQuery
+ * @requires foundation.util.timerAndImageLoader if equalizer contains images
*/
class Equalizer {
@@ -34,6 +36,7 @@ class Equalizer {
this.$watched = $watched.length ? $watched : this.$element.find('[data-equalizer-watch]');
this.$element.attr('data-resize', (eqId || Foundation.GetYoDigits(6, 'eq')));
+ this.$element.attr('data-mutate', (eqId || Foundation.GetYoDigits(6, 'eq')));
this.hasNested = this.$element.find('[data-equalizer]').length > 0;
this.isNested = this.$element.parentsUntil(document.body, '[data-equalizer]').length > 0;
@@ -68,7 +71,8 @@ class Equalizer {
this.isOn = false;
this.$element.off({
'.zf.equalizer': this._bindHandler.onPostEqualizedBound,
- 'resizeme.zf.trigger': this._bindHandler.onResizeMeBound
+ 'resizeme.zf.trigger': this._bindHandler.onResizeMeBound,
+ 'mutateme.zf.trigger': this._bindHandler.onResizeMeBound
});
}
@@ -99,6 +103,7 @@ class Equalizer {
this.$element.on('postequalized.zf.equalizer', this._bindHandler.onPostEqualizedBound);
}else{
this.$element.on('resizeme.zf.trigger', this._bindHandler.onResizeMeBound);
+ this.$element.on('mutateme.zf.trigger', this._bindHandler.onResizeMeBound);
}
this.isOn = true;
}
@@ -108,7 +113,7 @@ class Equalizer {
* @private
*/
_checkMQ() {
- var tooSmall = !Foundation.MediaQuery.atLeast(this.options.equalizeOn);
+ var tooSmall = !Foundation.MediaQuery.is(this.options.equalizeOn);
if(tooSmall){
if(this.isOn){
this._pauseEvents();
@@ -153,6 +158,9 @@ class Equalizer {
* @private
*/
_isStacked() {
+ if (!this.$watched[0] || !this.$watched[1]) {
+ return true;
+ }
return this.$watched[0].getBoundingClientRect().top !== this.$watched[1].getBoundingClientRect().top;
}
diff --git a/libraries/foundation-6/js/foundation.interchange.js b/libraries/foundation-6/js/foundation.interchange.js
index 1a15ff01..b43fe93e 100644
--- a/libraries/foundation-6/js/foundation.interchange.js
+++ b/libraries/foundation-6/js/foundation.interchange.js
@@ -46,7 +46,9 @@ class Interchange {
* @private
*/
_events() {
- $(window).on('resize.zf.interchange', Foundation.util.throttle(this._reflow.bind(this), 50));
+ $(window).on('resize.zf.interchange', Foundation.util.throttle(() => {
+ this._reflow();
+ }, 50));
}
/**
@@ -61,7 +63,6 @@ class Interchange {
for (var i in this.rules) {
if(this.rules.hasOwnProperty(i)) {
var rule = this.rules[i];
-
if (window.matchMedia(rule.query).matches) {
match = rule;
}
@@ -139,7 +140,7 @@ class Interchange {
// Replacing images
if (this.$element[0].nodeName === 'IMG') {
- this.$element.attr('src', path).load(function() {
+ this.$element.attr('src', path).on('load', function() {
_this.currentPath = path;
})
.trigger(trigger);
diff --git a/libraries/foundation-6/js/foundation.js b/libraries/foundation-6/js/foundation.js
index 63b04ace..0265fff8 100644
--- a/libraries/foundation-6/js/foundation.js
+++ b/libraries/foundation-6/js/foundation.js
@@ -2,7 +2,7 @@
"use strict";
- var FOUNDATION_VERSION = '6.2.3';
+ var FOUNDATION_VERSION = '6.2.4';
// Global Foundation object
// This is attached to the window, or used as a module for AMD/Browserify
@@ -562,7 +562,7 @@
break;
case 'left bottom':
return {
- left: $anchorDims.offset.left - ($eleDims.width + hOffset),
+ left: $anchorDims.offset.left,
top: $anchorDims.offset.top + $anchorDims.height
};
break;
@@ -574,7 +574,7 @@
break;
default:
return {
- left: Foundation.rtl() ? $anchorDims.offset.left - $eleDims.width + $anchorDims.width : $anchorDims.offset.left,
+ left: Foundation.rtl() ? $anchorDims.offset.left - $eleDims.width + $anchorDims.width : $anchorDims.offset.left + hOffset,
top: $anchorDims.offset.top + $anchorDims.height + vOffset
};
}
@@ -642,9 +642,9 @@
// this component does not differentiate between ltr and rtl
cmds = commandList; // use plain list
} else {
- // merge ltr and rtl: if document is rtl, rtl overwrites ltr and vice versa
- if (Foundation.rtl()) cmds = $.extend({}, commandList.ltr, commandList.rtl);else cmds = $.extend({}, commandList.rtl, commandList.ltr);
- }
+ // merge ltr and rtl: if document is rtl, rtl overwrites ltr and vice versa
+ if (Foundation.rtl()) cmds = $.extend({}, commandList.ltr, commandList.rtl);else cmds = $.extend({}, commandList.rtl, commandList.ltr);
+ }
command = cmds[keyCode];
fn = functions[command];
@@ -850,7 +850,7 @@
style.type = 'text/css';
style.id = 'matchmediajs-test';
- script.parentNode.insertBefore(style, script);
+ script && script.parentNode && script.parentNode.insertBefore(style, script);
// 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers
info = 'getComputedStyle' in window && window.getComputedStyle(style, null) || style.currentStyle;
@@ -1022,7 +1022,7 @@
var Nest = {
Feather: function (menu) {
- var type = arguments.length <= 1 || arguments[1] === undefined ? 'zf' : arguments[1];
+ var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'zf';
menu.attr('role', 'menubar');
@@ -1064,7 +1064,7 @@
subItemClass = subMenuClass + '-item',
hasSubClass = 'is-' + type + '-submenu-parent';
- menu.find('*').removeClass(subMenuClass + ' ' + subItemClass + ' ' + hasSubClass + ' is-submenu-item submenu is-active').removeAttr('data-submenu').css('display', '');
+ menu.find('>li, .menu, .menu > li').removeClass(subMenuClass + ' ' + subItemClass + ' ' + hasSubClass + ' is-submenu-item submenu is-active').removeAttr('data-submenu').css('display', '');
// console.log( menu.find('.' + subMenuClass + ', .' + subItemClass + ', .has-submenu, .is-submenu-item, .submenu, [data-submenu]')
// .removeClass(subMenuClass + ' ' + subItemClass + ' has-submenu is-submenu-item submenu')
@@ -1117,7 +1117,9 @@
if (options.infinite) {
_this.restart(); //rerun the timer.
}
- cb();
+ if (cb && typeof cb === 'function') {
+ cb();
+ }
}, remain);
elem.trigger('timerstart.zf.' + nameSpace);
};
@@ -1585,7 +1587,7 @@
* @function
* @private
*/
- $(window).load(function () {
+ $(window).on('load', function () {
checkListeners();
});
@@ -1785,9 +1787,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Abide(element) {
- var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
+ var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
_classCallCheck(this, Abide);
@@ -2387,7 +2388,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an accordion.
* @param {Object} options - a plain object with settings to override the default options.
*/
-
function Accordion(element, options) {
_classCallCheck(this, Accordion);
@@ -2455,15 +2455,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
var $tabContent = $elem.children('[data-tab-content]');
if ($tabContent.length) {
$elem.children('a').off('click.zf.accordion keydown.zf.accordion').on('click.zf.accordion', function (e) {
- // $(this).children('a').on('click.zf.accordion', function(e) {
e.preventDefault();
- if ($elem.hasClass('is-active')) {
- if (_this.options.allowAllClosed || $elem.siblings().hasClass('is-active')) {
- _this.up($tabContent);
- }
- } else {
- _this.down($tabContent);
- }
+ _this.toggle($tabContent);
}).on('keydown.zf.accordion', function (e) {
Foundation.Keyboard.handleKey(e, 'Accordion', {
toggle: function () {
@@ -2493,7 +2486,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
/**
* Toggles the selected content pane's open/close state.
- * @param {jQuery} $target - jQuery object of the pane to toggle.
+ * @param {jQuery} $target - jQuery object of the pane to toggle (`.accordion-content`).
* @function
*/
@@ -2501,11 +2494,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
key: 'toggle',
value: function toggle($target) {
if ($target.parent().hasClass('is-active')) {
- if (this.options.allowAllClosed || $target.parent().siblings().hasClass('is-active')) {
- this.up($target);
- } else {
- return;
- }
+ this.up($target);
} else {
this.down($target);
}
@@ -2513,7 +2502,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
/**
* Opens the accordion tab defined by `$target`.
- * @param {jQuery} $target - Accordion pane to open.
+ * @param {jQuery} $target - Accordion pane to open (`.accordion-content`).
* @param {Boolean} firstTime - flag to determine if reflow should happen.
* @fires Accordion#down
* @function
@@ -2524,15 +2513,15 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function down($target, firstTime) {
var _this2 = this;
+ $target.attr('aria-hidden', false).parent('[data-tab-content]').addBack().parent().addClass('is-active');
+
if (!this.options.multiExpand && !firstTime) {
var $currentActive = this.$element.children('.is-active').children('[data-tab-content]');
if ($currentActive.length) {
- this.up($currentActive);
+ this.up($currentActive.not($target));
}
}
- $target.attr('aria-hidden', false).parent('[data-tab-content]').addBack().parent().addClass('is-active');
-
$target.slideDown(this.options.slideSpeed, function () {
/**
* Fires when the tab is done opening.
@@ -2549,7 +2538,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
/**
* Closes the tab defined by `$target`.
- * @param {jQuery} $target - Accordion tab to close.
+ * @param {jQuery} $target - Accordion tab to close (`.accordion-content`).
* @fires Accordion#up
* @function
*/
@@ -2559,9 +2548,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function up($target) {
var $aunts = $target.parent().siblings(),
_this = this;
- var canClose = this.options.multiExpand ? $aunts.hasClass('is-active') : $target.parent().hasClass('is-active');
- if (!this.options.allowAllClosed && !canClose) {
+ if (!this.options.allowAllClosed && !$aunts.hasClass('is-active') || !$target.parent().hasClass('is-active')) {
return;
}
@@ -2650,7 +2638,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an accordion menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function AccordionMenu(element, options) {
_classCallCheck(this, AccordionMenu);
@@ -2669,9 +2656,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
'ARROW_UP': 'up',
'ARROW_DOWN': 'down',
'ARROW_LEFT': 'close',
- 'ESCAPE': 'closeAll',
- 'TAB': 'down',
- 'SHIFT_TAB': 'up'
+ 'ESCAPE': 'closeAll'
});
}
@@ -2686,7 +2671,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function _init() {
this.$element.find('[data-submenu]').not('.is-active').slideUp(0); //.find('a').css('padding-left', '1rem');
this.$element.attr({
- 'role': 'tablist',
+ 'role': 'menu',
'aria-multiselectable': this.options.multiOpen
});
@@ -2700,13 +2685,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
$elem.attr({
'aria-controls': subId,
'aria-expanded': isActive,
- 'role': 'tab',
+ 'role': 'menuitem',
'id': linkId
});
$sub.attr({
'aria-labelledby': linkId,
'aria-hidden': !isActive,
- 'role': 'tabpanel',
+ 'role': 'menu',
'id': subId
});
});
@@ -2759,9 +2744,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if ($(this).is(':first-child')) {
// is first element of sub menu
$prevElement = $element.parents('li').first().find('a').first();
- } else if ($prevElement.children('[data-submenu]:visible').length) {
+ } else if ($prevElement.parents('li').first().children('[data-submenu]:visible').length) {
// if previous element has open sub menu
- $prevElement = $prevElement.find('li:last-child').find('a').first();
+ $prevElement = $prevElement.parents('li').find('li:last-child').find('a').first();
}
if ($(this).is(':last-child')) {
// is last element of sub menu
@@ -2771,6 +2756,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
return;
}
});
+
Foundation.Keyboard.handleKey(e, 'AccordionMenu', {
open: function () {
if ($target.is(':hidden')) {
@@ -2789,11 +2775,11 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}
},
up: function () {
- $prevElement.attr('tabindex', -1).focus();
+ $prevElement.focus();
return true;
},
down: function () {
- $nextElement.attr('tabindex', -1).focus();
+ $nextElement.focus();
return true;
},
toggle: function () {
@@ -2956,7 +2942,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an accordion menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Drilldown(element, options) {
_classCallCheck(this, Drilldown);
@@ -3020,7 +3005,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (_this.options.parentLink) {
$link.clone().prependTo($sub.children('[data-submenu]')).wrap('<li class="is-submenu-parent-item is-submenu-item is-drilldown-submenu-item" role="menu-item"></li>');
}
- $link.data('savedHref', $link.attr('href')).removeAttr('href');
+ $link.data('savedHref', $link.attr('href')).removeAttr('href').attr('tabindex', 0);
$link.children('[data-submenu]').attr({
'aria-hidden': true,
'tabindex': 0,
@@ -3144,13 +3129,14 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
$element.parent('li').parent('ul').parent('li').children('a').first().focus();
}, 1);
});
+ return true;
} else if ($element.is(_this.$submenuAnchors)) {
_this._show($element.parent('li'));
$element.parent('li').one(Foundation.transitionend($element), function () {
$element.parent('li').find('ul li a').filter(_this.$menuItems).first().focus();
});
+ return true;
}
- return true;
},
handled: function (preventDefault) {
if (preventDefault) {
@@ -3198,6 +3184,12 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
e.stopImmediatePropagation();
// console.log('mouseup on back');
_this._hide($elem);
+
+ // If there is a parent submenu, call show
+ var parentSubMenu = $elem.parent('li').parent('ul').parent('li');
+ if (parentSubMenu.length) {
+ _this._show(parentSubMenu);
+ }
});
}
@@ -3229,7 +3221,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}, {
key: '_show',
value: function _show($elem) {
- $elem.children('[data-submenu]').addClass('is-active');
+ $elem.attr('aria-expanded', true);
+ $elem.children('[data-submenu]').addClass('is-active').attr('aria-hidden', false);
/**
* Fires when the submenu has opened.
* @event Drilldown#open
@@ -3248,7 +3241,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
*/
value: function _hide($elem) {
var _this = this;
- $elem.addClass('is-closing').one(Foundation.transitionend($elem), function () {
+ $elem.parent('li').attr('aria-expanded', false);
+ $elem.attr('aria-hidden', true).addClass('is-closing').one(Foundation.transitionend($elem), function () {
$elem.removeClass('is-active is-closing');
$elem.blur();
});
@@ -3269,14 +3263,15 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}, {
key: '_getMaxDims',
value: function _getMaxDims() {
- var max = 0,
- result = {};
- this.$submenus.add(this.$element).each(function () {
- var numOfElems = $(this).children('li').length;
- max = numOfElems > max ? numOfElems : max;
+ var biggest = 0;
+ var result = {};
+
+ this.$submenus.add(this.$element).each(function (i, elem) {
+ var height = elem.getBoundingClientRect().height;
+ if (height > biggest) biggest = height;
});
- result['min-height'] = max * this.$menuItems[0].getBoundingClientRect().height + 'px';
+ result['min-height'] = biggest + 'px';
result['max-width'] = this.$element[0].getBoundingClientRect().width + 'px';
return result;
@@ -3298,6 +3293,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
});
this.$element.find('a').each(function () {
var $link = $(this);
+ $link.removeAttr('tabindex');
if ($link.data('savedHref')) {
$link.attr('href', $link.data('savedHref')).removeData('savedHref');
} else {
@@ -3366,7 +3362,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* Object should be of the dropdown panel, rather than its anchor.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Dropdown(element, options) {
_classCallCheck(this, Dropdown);
@@ -3396,7 +3391,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function _init() {
var $id = this.$element.attr('id');
- this.$anchor = $('[data-toggle="' + $id + '"]') || $('[data-open="' + $id + '"]');
+ this.$anchor = $('[data-toggle="' + $id + '"]').length ? $('[data-toggle="' + $id + '"]') : $('[data-open="' + $id + '"]');
this.$anchor.attr({
'aria-controls': $id,
'data-is-focus': false,
@@ -3429,9 +3424,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function getPositionClass() {
var verticalPosition = this.$element[0].className.match(/(top|left|right|bottom)/g);
verticalPosition = verticalPosition ? verticalPosition[0] : '';
- var horizontalPosition = /float-(\S+)\s/.exec(this.$anchor[0].className);
+ var horizontalPosition = /float-(\S+)/.exec(this.$anchor[0].className);
horizontalPosition = horizontalPosition ? horizontalPosition[1] : '';
var position = horizontalPosition ? horizontalPosition + ' ' + verticalPosition : verticalPosition;
+
return position;
}
@@ -3532,11 +3528,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (this.options.hover) {
this.$anchor.off('mouseenter.zf.dropdown mouseleave.zf.dropdown').on('mouseenter.zf.dropdown', function () {
- clearTimeout(_this.timeout);
- _this.timeout = setTimeout(function () {
- _this.open();
- _this.$anchor.data('hover', true);
- }, _this.options.hoverDelay);
+ if ($('body[data-whatinput="mouse"]').is('*')) {
+ clearTimeout(_this.timeout);
+ _this.timeout = setTimeout(function () {
+ _this.open();
+ _this.$anchor.data('hover', true);
+ }, _this.options.hoverDelay);
+ }
}).on('mouseleave.zf.dropdown', function () {
clearTimeout(_this.timeout);
_this.timeout = setTimeout(function () {
@@ -3813,7 +3811,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into a dropdown menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function DropdownMenu(element, options) {
_classCallCheck(this, DropdownMenu);
@@ -3862,13 +3859,19 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this._events();
}
}, {
- key: '_events',
+ key: '_isVertical',
+ value: function _isVertical() {
+ return this.$tabs.css('display') === 'block';
+ }
/**
* Adds event listeners to elements within the menu
* @private
* @function
*/
+
+ }, {
+ key: '_events',
value: function _events() {
var _this = this,
hasTouch = 'ontouchstart' in window || typeof window.ontouchstart !== 'undefined',
@@ -3893,10 +3896,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
} else {
e.preventDefault();
e.stopImmediatePropagation();
- _this._show($elem.children('.is-dropdown-submenu'));
+ _this._show($sub);
$elem.add($elem.parentsUntil(_this.$element, '.' + parClass)).attr('data-is-click', true);
}
} else {
+ if (_this.options.closeOnClickInside) {
+ _this._hide($elem);
+ }
return;
}
};
@@ -3987,49 +3993,60 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
};
if (isTab) {
- if (_this.$element.hasClass(_this.options.verticalClass)) {
+ if (_this._isVertical()) {
// vertical menu
- if (_this.options.alignment === 'left') {
- // left aligned
+ if (Foundation.rtl()) {
+ // right aligned
$.extend(functions, {
down: nextSibling,
up: prevSibling,
- next: openSub,
- previous: closeSub
+ next: closeSub,
+ previous: openSub
});
} else {
- // right aligned
+ // left aligned
$.extend(functions, {
down: nextSibling,
up: prevSibling,
- next: closeSub,
- previous: openSub
+ next: openSub,
+ previous: closeSub
});
}
} else {
// horizontal menu
- $.extend(functions, {
- next: nextSibling,
- previous: prevSibling,
- down: openSub,
- up: closeSub
- });
+ if (Foundation.rtl()) {
+ // right aligned
+ $.extend(functions, {
+ next: prevSibling,
+ previous: nextSibling,
+ down: openSub,
+ up: closeSub
+ });
+ } else {
+ // left aligned
+ $.extend(functions, {
+ next: nextSibling,
+ previous: prevSibling,
+ down: openSub,
+ up: closeSub
+ });
+ }
}
} else {
// not tabs -> one sub
- if (_this.options.alignment === 'left') {
- // left aligned
+ if (Foundation.rtl()) {
+ // right aligned
$.extend(functions, {
- next: openSub,
- previous: closeSub,
+ next: closeSub,
+ previous: openSub,
down: nextSibling,
up: prevSibling
});
} else {
- // right aligned
+ // left aligned
$.extend(functions, {
- next: closeSub,
- previous: openSub,
+ next: openSub,
+ previous: closeSub,
down: nextSibling,
up: prevSibling
});
@@ -4213,6 +4230,12 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @example true
*/
closeOnClick: true,
+ /**
+ * Allow clicks on leaf anchor links to close any open submenus.
+ * @option
+ * @example true
+ */
+ closeOnClickInside: true,
/**
* Class applied to vertical oriented menus, Foundation default is `vertical`. Update this if using your own class.
* @option
@@ -4247,6 +4270,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
/**
* Equalizer module.
* @module foundation.equalizer
+ * @requires foundation.util.mediaQuery
+ * @requires foundation.util.timerAndImageLoader if equalizer contains images
*/
var Equalizer = function () {
@@ -4257,7 +4282,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Equalizer(element, options) {
_classCallCheck(this, Equalizer);
@@ -4582,7 +4606,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @option
* @example true
*/
- equalizeOnStack: true,
+ equalizeOnStack: false,
/**
* Enable height equalization row by row.
* @option
@@ -4623,7 +4647,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Interchange(element, options) {
_classCallCheck(this, Interchange);
@@ -4766,7 +4789,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
// Replacing images
if (this.$element[0].nodeName === 'IMG') {
- this.$element.attr('src', path).load(function () {
+ this.$element.attr('src', path).on('load', function () {
_this.currentPath = path;
}).trigger(trigger);
}
@@ -4848,7 +4871,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Magellan(element, options) {
_classCallCheck(this, Magellan);
@@ -4952,6 +4974,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}, {
key: 'scrollToLoc',
value: function scrollToLoc(loc) {
+ // Do nothing if target does not exist to prevent errors
+ if (!$(loc).length) {
+ return false;
+ }
var scrollPos = Math.round($(loc).offset().top - this.options.threshold / 2 - this.options.barOffset);
$('html, body').stop(true).animate({ scrollTop: scrollPos }, this.options.animationDuration, this.options.animationEasing);
@@ -4996,7 +5022,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}
this.$active.removeClass(this.options.activeClass);
- this.$active = this.$links.eq(curIdx).addClass(this.options.activeClass);
+ this.$active = this.$links.filter('[href="#' + this.$targets.eq(curIdx).data('magellan-target') + '"]').addClass(this.options.activeClass);
if (this.options.deepLinking) {
var hash = this.$active[0].getAttribute('href');
@@ -5108,7 +5134,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to initialize.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function OffCanvas(element, options) {
_classCallCheck(this, OffCanvas);
@@ -5121,6 +5146,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this._events();
Foundation.registerPlugin(this, 'OffCanvas');
+ Foundation.Keyboard.register('OffCanvas', {
+ 'ESCAPE': 'close'
+ });
}
/**
@@ -5279,15 +5307,15 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* Fires when the off-canvas menu opens.
* @event OffCanvas#opened
*/
- Foundation.Move(this.options.transitionTime, this.$element, function () {
- $('[data-off-canvas-wrapper]').addClass('is-off-canvas-open is-open-' + _this.options.position);
- _this.$element.addClass('is-open');
+ var $wrapper = $('[data-off-canvas-wrapper]');
+ $wrapper.addClass('is-off-canvas-open is-open-' + _this.options.position);
- // if (_this.options.isSticky) {
- // _this._stick();
- // }
- });
+ _this.$element.addClass('is-open');
+
+ // if (_this.options.isSticky) {
+ // _this._stick();
+ // }
this.$triggers.attr('aria-expanded', 'true');
this.$element.attr('aria-hidden', 'false').trigger('opened.zf.offcanvas');
@@ -5301,14 +5329,23 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}
if (this.options.autoFocus) {
- this.$element.one(Foundation.transitionend(this.$element), function () {
- _this.$element.find('a, button').eq(0).focus();
+ $wrapper.one(Foundation.transitionend($wrapper), function () {
+ if (_this.$element.hasClass('is-open')) {
+ // handle double clicks
+ _this.$element.attr('tabindex', '-1');
+ _this.$element.focus();
+ }
});
}
if (this.options.trapFocus) {
- $('[data-off-canvas-content]').attr('tabindex', '-1');
- this._trapFocus();
+ $wrapper.one(Foundation.transitionend($wrapper), function () {
+ if (_this.$element.hasClass('is-open')) {
+ // handle double clicks
+ _this.$element.attr('tabindex', '-1');
+ _this.trapFocus();
+ }
+ });
}
}
@@ -5325,15 +5362,14 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
last = focusable.eq(-1);
focusable.off('.zf.offcanvas').on('keydown.zf.offcanvas', function (e) {
- if (e.which === 9 || e.keycode === 9) {
- if (e.target === last[0] && !e.shiftKey) {
- e.preventDefault();
- first.focus();
- }
- if (e.target === first[0] && e.shiftKey) {
- e.preventDefault();
- last.focus();
- }
+ var key = Foundation.Keyboard.parseKey(e);
+ if (key === 'TAB' && e.target === last[0]) {
+ e.preventDefault();
+ first.focus();
+ }
+ if (key === 'SHIFT_TAB' && e.target === first[0]) {
+ e.preventDefault();
+ last.focus();
}
});
}
@@ -5425,13 +5461,20 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}, {
key: '_handleKeyboard',
- value: function _handleKeyboard(event) {
- if (event.which !== 27) return;
+ value: function _handleKeyboard(e) {
+ var _this2 = this;
- event.stopPropagation();
- event.preventDefault();
- this.close();
- this.$lastTrigger.focus();
+ Foundation.Keyboard.handleKey(e, 'OffCanvas', {
+ close: function () {
+ _this2.close();
+ _this2.$lastTrigger.focus();
+ return true;
+ },
+ handled: function () {
+ e.stopPropagation();
+ e.preventDefault();
+ }
+ });
}
/**
@@ -5497,7 +5540,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
revealOn: null,
/**
- * Force focus to the offcanvas on open. If true, will focus the opening trigger on close.
+ * Force focus to the offcanvas on open. If true, will focus the opening trigger on close. Sets tabindex of [data-off-canvas-content] to -1 for accessibility purposes.
* @option
* @example true
*/
@@ -5546,7 +5589,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an Orbit Carousel.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Orbit(element, options) {
_classCallCheck(this, Orbit);
@@ -5773,23 +5815,25 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
});
}
- this.$wrapper.add(this.$bullets).on('keydown.zf.orbit', function (e) {
- // handle keyboard event with keyboard util
- Foundation.Keyboard.handleKey(e, 'Orbit', {
- next: function () {
- _this.changeSlide(true);
- },
- previous: function () {
- _this.changeSlide(false);
- },
- handled: function () {
- // if bullet is focused, make sure focus moves
- if ($(e.target).is(_this.$bullets)) {
- _this.$bullets.filter('.is-active').focus();
+ if (this.options.accessible) {
+ this.$wrapper.add(this.$bullets).on('keydown.zf.orbit', function (e) {
+ // handle keyboard event with keyboard util
+ Foundation.Keyboard.handleKey(e, 'Orbit', {
+ next: function () {
+ _this.changeSlide(true);
+ },
+ previous: function () {
+ _this.changeSlide(false);
+ },
+ handled: function () {
+ // if bullet is focused, make sure focus moves
+ if ($(e.target).is(_this.$bullets)) {
+ _this.$bullets.filter('.is-active').focus();
+ }
}
- }
+ });
});
- });
+ }
}
}
@@ -5824,10 +5868,16 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this.options.infiniteWrap ? $curSlide.next('.' + this.options.slideClass).length ? $curSlide.next('.' + this.options.slideClass) : $firstSlide : $curSlide.next('.' + this.options.slideClass) : //pick next slide if moving left to right
this.options.infiniteWrap ? $curSlide.prev('.' + this.options.slideClass).length ? $curSlide.prev('.' + this.options.slideClass) : $lastSlide : $curSlide.prev('.' + this.options.slideClass); //pick prev slide if moving right to left
} else {
- $newSlide = chosenSlide;
- }
+ $newSlide = chosenSlide;
+ }
if ($newSlide.length) {
+ /**
+ * Triggers before the next slide starts animating in and only if a next slide has been found.
+ * @event Orbit#beforeslidechange
+ */
+ this.$element.trigger('beforeslidechange.zf.orbit', [$curSlide, $newSlide]);
+
if (this.options.bullets) {
idx = idx || this.$slides.index($newSlide); //grab index to update bullets
this._updateBullets(idx);
@@ -5846,12 +5896,12 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
//do stuff?
});
} else {
- $curSlide.removeClass('is-active is-in').removeAttr('aria-live').hide();
- $newSlide.addClass('is-active is-in').attr('aria-live', 'polite').show();
- if (this.options.autoPlay && !this.timer.isPaused) {
- this.timer.restart();
- }
+ $curSlide.removeClass('is-active is-in').removeAttr('aria-live').hide();
+ $newSlide.addClass('is-active is-in').attr('aria-live', 'polite').show();
+ if (this.options.autoPlay && !this.timer.isPaused) {
+ this.timer.restart();
}
+ }
/**
* Triggers when the slide has finished animating in.
* @event Orbit#slidechange
@@ -6032,7 +6082,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into a dropdown menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function ResponsiveMenu(element, options) {
_classCallCheck(this, ResponsiveMenu);
@@ -6199,7 +6248,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to attach tab bar functionality to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function ResponsiveToggle(element, options) {
_classCallCheck(this, ResponsiveToggle);
@@ -6344,7 +6392,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to use for the modal.
* @param {Object} options - optional parameters.
*/
-
function Reveal(element, options) {
_classCallCheck(this, Reveal);
@@ -6497,7 +6544,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (this.options.closeOnClick && this.options.overlay) {
this.$overlay.off('.zf.reveal').on('click.zf.reveal', function (e) {
- if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target)) {
+ if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target) || !$.contains(document, e.target)) {
return;
}
_this.close();
@@ -6584,7 +6631,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
'aria-hidden': false,
'tabindex': -1
}).focus();
- console.log('focus');
};
_this = _this3;
@@ -6643,7 +6689,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (!this.options.overlay && this.options.closeOnClick && !this.options.fullScreen) {
$('body').on('click.zf.reveal', function (e) {
- if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target)) {
+ if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target) || !$.contains(document, e.target)) {
return;
}
_this.close();
@@ -6669,6 +6715,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
// handle keyboard event with keyboard util
Foundation.Keyboard.handleKey(e, 'Reveal', {
tab_forward: function () {
+ _this.focusableElements = Foundation.Keyboard.findFocusable(_this.$element);
if (_this.$element.find(':focus').is(_this.focusableElements.eq(-1))) {
// left modal downwards, setting focus to first element
_this.focusableElements.eq(0).focus();
@@ -6680,6 +6727,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
}
},
tab_backward: function () {
+ _this.focusableElements = Foundation.Keyboard.findFocusable(_this.$element);
if (_this.$element.find(':focus').is(_this.focusableElements.eq(0)) || _this.$element.is(':focus')) {
// left modal upwards, setting focus to last element
_this.focusableElements.eq(-1).focus();
@@ -6966,7 +7014,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into an accordion menu.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Slider(element, options) {
_classCallCheck(this, Slider);
@@ -7127,7 +7174,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
dim,
//percentage w/h of the handle compared to the slider bar
- handlePct = ~ ~(percent(handleDim, elemDim) * 100);
+ handlePct = ~~(percent(handleDim, elemDim) * 100);
//if left handle, the math is slightly different than if it's the right handle, and the left/top property needs to be changed for the fill bar
if (isLeftHndl) {
//left or top percentage value to apply to the fill bar.
@@ -7140,12 +7187,12 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
cb();
} //this is only needed for the initialization of 2 handled sliders
} else {
- //just caching the value of the left/bottom handle's left/top property
- var handlePos = parseFloat(this.$handle[0].style[lOrT]);
- //calculate the new min-height/width for the fill bar. Use isNaN to prevent false positives for numbers <= 0
- //based on the percentage of movement of the handle being manipulated, less the opposing handle's left/top position, plus the percentage w/h of the handle itself
- dim = movement - (isNaN(handlePos) ? this.options.initialStart / ((this.options.end - this.options.start) / 100) : handlePos) + handlePct;
- }
+ //just caching the value of the left/bottom handle's left/top property
+ var handlePos = parseFloat(this.$handle[0].style[lOrT]);
+ //calculate the new min-height/width for the fill bar. Use isNaN to prevent false positives for numbers <= 0
+ //based on the percentage of movement of the handle being manipulated, less the opposing handle's left/top position, plus the percentage w/h of the handle itself
+ dim = movement - (isNaN(handlePos) ? this.options.initialStart / ((this.options.end - this.options.start) / 100) : handlePos) + handlePct;
+ }
// assign the min-height/width to our css object
css['min-' + hOrW] = dim + '%';
}
@@ -7272,7 +7319,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
} else {
barXY = eventFromBar;
}
- offsetPct = percent(barXY, barDim);
+ var offsetPct = percent(barXY, barDim);
value = (this.options.end - this.options.start) * offsetPct + this.options.start;
@@ -7612,7 +7659,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make sticky.
* @param {Object} options - options object passed when creating the element programmatically.
*/
-
function Sticky(element, options) {
_classCallCheck(this, Sticky);
@@ -7649,6 +7695,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this.scrollCount = this.options.checkEvery;
this.isStuck = false;
$(window).one('load.zf.sticky', function () {
+ //We calculate the container height to have correct values for anchor points offset calculation.
+ _this.containerHeight = _this.$element.css("display") == "none" ? 0 : _this.$element[0].getBoundingClientRect().height;
+ _this.$container.css('height', _this.containerHeight);
+ _this.elemHeight = _this.containerHeight;
if (_this.options.anchor !== '') {
_this.$anchor = $('#' + _this.options.anchor);
} else {
@@ -7886,7 +7936,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
value: function _setSizes(cb) {
this.canStick = Foundation.MediaQuery.atLeast(this.options.stickyOn);
if (!this.canStick) {
- cb();
+ if (cb && typeof cb === 'function') {
+ cb();
+ }
}
var _this = this,
newElemWidth = this.$container[0].getBoundingClientRect().width,
@@ -7915,10 +7967,15 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
if (this.isStuck) {
this.$element.css({ "left": this.$container.offset().left + parseInt(comp['padding-left'], 10) });
+ } else {
+ if (this.$element.hasClass('is-at-bottom')) {
+ var anchorPt = (this.points ? this.points[1] - this.$container.offset().top : this.anchorHeight) - this.elemHeight;
+ this.$element.css('top', anchorPt);
+ }
}
this._setBreakPoints(newContainerHeight, function () {
- if (cb) {
+ if (cb && typeof cb === 'function') {
cb();
}
});
@@ -7935,7 +7992,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
key: '_setBreakPoints',
value: function _setBreakPoints(elemHeight, cb) {
if (!this.canStick) {
- if (cb) {
+ if (cb && typeof cb === 'function') {
cb();
} else {
return false;
@@ -7963,7 +8020,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
this.topPoint = topPoint;
this.bottomPoint = bottomPoint;
- if (cb) {
+ if (cb && typeof cb === 'function') {
cb();
}
}
@@ -8108,7 +8165,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to make into tabs.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Tabs(element, options) {
_classCallCheck(this, Tabs);
@@ -8456,7 +8512,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {Object} element - jQuery object to add the trigger to.
* @param {Object} options - Overrides to the default plugin settings.
*/
-
function Toggler(element, options) {
_classCallCheck(this, Toggler);
@@ -8611,6 +8666,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* Tooltip module.
* @module foundation.tooltip
* @requires foundation.util.box
+ * @requires foundation.util.mediaQuery
* @requires foundation.util.triggers
*/
@@ -8622,7 +8678,6 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
* @param {jQuery} element - jQuery object to attach a tooltip to.
* @param {Object} options - object to extend the default configuration.
*/
-
function Tooltip(element, options) {
_classCallCheck(this, Tooltip);
@@ -8659,7 +8714,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
'data-yeti-box': elemId,
'data-toggle': elemId,
'data-resize': elemId
- }).addClass(this.triggerClass);
+ }).addClass(this.options.triggerClass);
//helper variables to track movement on collisions
this.usedPositions = [];
@@ -8887,11 +8942,11 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
//_this.hide();
// _this.isClick = false;
} else {
- _this.isClick = true;
- if ((_this.options.disableHover || !_this.$element.attr('tabindex')) && !_this.isActive) {
- _this.show();
- }
+ _this.isClick = true;
+ if ((_this.options.disableHover || !_this.$element.attr('tabindex')) && !_this.isActive) {
+ _this.show();
}
+ }
});
} else {
this.$element.on('mousedown.zf.tooltip', function (e) {
@@ -9066,4 +9121,4 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
// Window exports
Foundation.plugin(Tooltip, 'Tooltip');
-}(jQuery);
+}(jQuery);
\ No newline at end of file
diff --git a/libraries/foundation-6/js/foundation.magellan.js b/libraries/foundation-6/js/foundation.magellan.js
index 64b264c7..187984f6 100644
--- a/libraries/foundation-6/js/foundation.magellan.js
+++ b/libraries/foundation-6/js/foundation.magellan.js
@@ -103,6 +103,8 @@ class Magellan {
* @function
*/
scrollToLoc(loc) {
+ // Do nothing if target does not exist to prevent errors
+ if (!$(loc).length) {return false;}
var scrollPos = Math.round($(loc).offset().top - this.options.threshold / 2 - this.options.barOffset);
$('html, body').stop(true).animate({ scrollTop: scrollPos }, this.options.animationDuration, this.options.animationEasing);
@@ -128,7 +130,7 @@ class Magellan {
curIdx;
if(winPos + this.winHeight === this.docHeight){ curIdx = this.points.length - 1; }
- else if(winPos < this.points[0]){ curIdx = 0; }
+ else if(winPos < this.points[0]){ curIdx = undefined; }
else{
var isDown = this.scrollPos < winPos,
_this = this,
@@ -139,10 +141,13 @@ class Magellan {
}
this.$active.removeClass(this.options.activeClass);
- this.$active = this.$links.eq(curIdx).addClass(this.options.activeClass);
+ this.$active = this.$links.filter('[href="#' + this.$targets.eq(curIdx).data('magellan-target') + '"]').addClass(this.options.activeClass);
if(this.options.deepLinking){
- var hash = this.$active[0].getAttribute('href');
+ var hash = " ";
+ if(curIdx != undefined){
+ hash = this.$active[0].getAttribute('href');
+ }
if(window.history.pushState){
window.history.pushState(null, null, hash);
}else{
diff --git a/libraries/foundation-6/js/foundation.min.js b/libraries/foundation-6/js/foundation.min.js
index 02b9150a..858078db 100644
--- a/libraries/foundation-6/js/foundation.min.js
+++ b/libraries/foundation-6/js/foundation.min.js
@@ -1,4 +1,4 @@
-function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}!function(t){"use strict";function e(t){if(void 0===Function.prototype.name){var e=/function\s([^(]{1,})\(/,i=e.exec(t.toString());return i&&i.length>1?i[1].trim():""}return void 0===t.prototype?t.constructor.name:t.prototype.constructor.name}function i(t){return/true/.test(t)?!0:/false/.test(t)?!1:isNaN(1*t)?t:parseFloat(t)}function n(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}var s="6.2.3",o={version:s,_plugins:{},_uuids:[],rtl:function(){return"rtl"===t("html").attr("dir")},plugin:function(t,i){var s=i||e(t),o=n(s);this._plugins[o]=this[s]=t},registerPlugin:function(t,i){var s=i?n(i):e(t.constructor).toLowerCase();t.uuid=this.GetYoDigits(6,s),t.$element.attr("data-"+s)||t.$element.attr("data-"+s,t.uuid),t.$element.data("zfPlugin")||t.$element.data("zfPlugin",t),t.$element.trigger("init.zf."+s),this._uuids.push(t.uuid)},unregisterPlugin:function(t){var i=n(e(t.$element.data("zfPlugin").constructor));this._uuids.splice(this._uuids.indexOf(t.uuid),1),t.$element.removeAttr("data-"+i).removeData("zfPlugin").trigger("destroyed.zf."+i);for(var s in t)t[s]=null},reInit:function(e){var i=e instanceof t;try{if(i)e.each(function(){t(this).data("zfPlugin")._init()});else{var s=typeof e,o=this,a={object:function(e){e.forEach(function(e){e=n(e),t("[data-"+e+"]").foundation("_init")})},string:function(){e=n(e),t("[data-"+e+"]").foundation("_init")},undefined:function(){this.object(Object.keys(o._plugins))}};a[s](e)}}catch(r){console.error(r)}finally{return e}},GetYoDigits:function(t,e){return t=t||6,Math.round(Math.pow(36,t+1)-Math.random()*Math.pow(36,t)).toString(36).slice(1)+(e?"-"+e:"")},reflow:function(e,n){"undefined"==typeof n?n=Object.keys(this._plugins):"string"==typeof n&&(n=[n]);var s=this;t.each(n,function(n,o){var a=s._plugins[o],r=t(e).find("[data-"+o+"]").addBack("[data-"+o+"]");r.each(function(){var e=t(this),n={};if(e.data("zfPlugin"))return void console.warn("Tried to initialize "+o+" on an element that already has a Foundation plugin.");if(e.attr("data-options")){e.attr("data-options").split(";").forEach(function(t,e){var s=t.split(":").map(function(t){return t.trim()});s[0]&&(n[s[0]]=i(s[1]))})}try{e.data("zfPlugin",new a(t(this),n))}catch(s){console.error(s)}finally{return}})})},getFnName:e,transitionend:function(t){var e,i={transition:"transitionend",WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend"},n=document.createElement("div");for(var s in i)"undefined"!=typeof n.style[s]&&(e=i[s]);return e?e:(e=setTimeout(function(){t.triggerHandler("transitionend",[t])},1),"transitionend")}};o.util={throttle:function(t,e){var i=null;return function(){var n=this,s=arguments;null===i&&(i=setTimeout(function(){t.apply(n,s),i=null},e))}}};var a=function(i){var n=typeof i,s=t("meta.foundation-mq"),a=t(".no-js");if(s.length||t('<meta class="foundation-mq">').appendTo(document.head),a.length&&a.removeClass("no-js"),"undefined"===n)o.MediaQuery._init(),o.reflow(this);else{if("string"!==n)throw new TypeError("We're sorry, "+n+" is not a valid parameter. You must use a string representing the method you wish to invoke.");var r=Array.prototype.slice.call(arguments,1),l=this.data("zfPlugin");if(void 0===l||void 0===l[i])throw new ReferenceError("We're sorry, '"+i+"' is not an available method for "+(l?e(l):"this element")+".");1===this.length?l[i].apply(l,r):this.each(function(e,n){l[i].apply(t(n).data("zfPlugin"),r)})}return this};window.Foundation=o,t.fn.foundation=a,function(){Date.now&&window.Date.now||(window.Date.now=Date.now=function(){return(new Date).getTime()});for(var t=["webkit","moz"],e=0;e<t.length&&!window.requestAnimationFrame;++e){var i=t[e];window.requestAnimationFrame=window[i+"RequestAnimationFrame"],window.cancelAnimationFrame=window[i+"CancelAnimationFrame"]||window[i+"CancelRequestAnimationFrame"]}if(/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent)||!window.requestAnimationFrame||!window.cancelAnimationFrame){var n=0;window.requestAnimationFrame=function(t){var e=Date.now(),i=Math.max(n+16,e);return setTimeout(function(){t(n=i)},i-e)},window.cancelAnimationFrame=clearTimeout}window.performance&&window.performance.now||(window.performance={start:Date.now(),now:function(){return Date.now()-this.start}})}(),Function.prototype.bind||(Function.prototype.bind=function(t){if("function"!=typeof this)throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");var e=Array.prototype.slice.call(arguments,1),i=this,n=function(){},s=function(){return i.apply(this instanceof n?this:t,e.concat(Array.prototype.slice.call(arguments)))};return this.prototype&&(n.prototype=this.prototype),s.prototype=new n,s})}(jQuery),!function(t){function e(t,e,n,s){var o,a,r,l,u=i(t);if(e){var d=i(e);a=u.offset.top+u.height<=d.height+d.offset.top,o=u.offset.top>=d.offset.top,r=u.offset.left>=d.offset.left,l=u.offset.left+u.width<=d.width+d.offset.left}else a=u.offset.top+u.height<=u.windowDims.height+u.windowDims.offset.top,o=u.offset.top>=u.windowDims.offset.top,r=u.offset.left>=u.windowDims.offset.left,l=u.offset.left+u.width<=u.windowDims.width;var h=[a,o,r,l];return n?r===l==!0:s?o===a==!0:-1===h.indexOf(!1)}function i(t,e){if(t=t.length?t[0]:t,t===window||t===document)throw new Error("I'm sorry, Dave. I'm afraid I can't do that.");var i=t.getBoundingClientRect(),n=t.parentNode.getBoundingClientRect(),s=document.body.getBoundingClientRect(),o=window.pageYOffset,a=window.pageXOffset;return{width:i.width,height:i.height,offset:{top:i.top+o,left:i.left+a},parentDims:{width:n.width,height:n.height,offset:{top:n.top+o,left:n.left+a}},windowDims:{width:s.width,height:s.height,offset:{top:o,left:a}}}}function n(t,e,n,s,o,a){var r=i(t),l=e?i(e):null;switch(n){case"top":return{left:Foundation.rtl()?l.offset.left-r.width+l.width:l.offset.left,top:l.offset.top-(r.height+s)};case"left":return{left:l.offset.left-(r.width+o),top:l.offset.top};case"right":return{left:l.offset.left+l.width+o,top:l.offset.top};case"center top":return{left:l.offset.left+l.width/2-r.width/2,top:l.offset.top-(r.height+s)};case"center bottom":return{left:a?o:l.offset.left+l.width/2-r.width/2,top:l.offset.top+l.height+s};case"center left":return{left:l.offset.left-(r.width+o),top:l.offset.top+l.height/2-r.height/2};case"center right":return{left:l.offset.left+l.width+o+1,top:l.offset.top+l.height/2-r.height/2};case"center":return{left:r.windowDims.offset.left+r.windowDims.width/2-r.width/2,top:r.windowDims.offset.top+r.windowDims.height/2-r.height/2};case"reveal":return{left:(r.windowDims.width-r.width)/2,top:r.windowDims.offset.top+s};case"reveal full":return{left:r.windowDims.offset.left,top:r.windowDims.offset.top};case"left bottom":return{left:l.offset.left-(r.width+o),top:l.offset.top+l.height};case"right bottom":return{left:l.offset.left+l.width+o-r.width,top:l.offset.top+l.height};default:return{left:Foundation.rtl()?l.offset.left-r.width+l.width:l.offset.left,top:l.offset.top+l.height+s}}}Foundation.Box={ImNotTouchingYou:e,GetDimensions:i,GetOffsets:n}}(jQuery),!function(t){function e(t){var e={};for(var i in t)e[t[i]]=t[i];return e}var i={9:"TAB",13:"ENTER",27:"ESCAPE",32:"SPACE",37:"ARROW_LEFT",38:"ARROW_UP",39:"ARROW_RIGHT",40:"ARROW_DOWN"},n={},s={keys:e(i),parseKey:function(t){var e=i[t.which||t.keyCode]||String.fromCharCode(t.which).toUpperCase();return t.shiftKey&&(e="SHIFT_"+e),t.ctrlKey&&(e="CTRL_"+e),t.altKey&&(e="ALT_"+e),e},handleKey:function(e,i,s){var o,a,r,l=n[i],u=this.parseKey(e);if(!l)return console.warn("Component not defined!");if(o="undefined"==typeof l.ltr?l:Foundation.rtl()?t.extend({},l.ltr,l.rtl):t.extend({},l.rtl,l.ltr),a=o[u],r=s[a],r&&"function"==typeof r){var d=r.apply();(s.handled||"function"==typeof s.handled)&&s.handled(d)}else(s.unhandled||"function"==typeof s.unhandled)&&s.unhandled()},findFocusable:function(e){return e.find("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]").filter(function(){return t(this).is(":visible")&&!(t(this).attr("tabindex")<0)})},register:function(t,e){n[t]=e}};Foundation.Keyboard=s}(jQuery),!function(t){function e(t){var e={};return"string"!=typeof t?e:(t=t.trim().slice(1,-1))?e=t.split("&").reduce(function(t,e){var i=e.replace(/\+/g," ").split("="),n=i[0],s=i[1];return n=decodeURIComponent(n),s=void 0===s?null:decodeURIComponent(s),t.hasOwnProperty(n)?Array.isArray(t[n])?t[n].push(s):t[n]=[t[n],s]:t[n]=s,t},{}):e}var i={queries:[],current:"",_init:function(){var i,n=this,s=t(".foundation-mq").css("font-family");i=e(s);for(var o in i)i.hasOwnProperty(o)&&n.queries.push({name:o,value:"only screen and (min-width: "+i[o]+")"});this.current=this._getCurrentSize(),this._watcher()},atLeast:function(t){var e=this.get(t);return e?window.matchMedia(e).matches:!1},get:function(t){for(var e in this.queries)if(this.queries.hasOwnProperty(e)){var i=this.queries[e];if(t===i.name)return i.value}return null},_getCurrentSize:function(){for(var t,e=0;e<this.queries.length;e++){var i=this.queries[e];window.matchMedia(i.value).matches&&(t=i)}return"object"==typeof t?t.name:t},_watcher:function(){var e=this;t(window).on("resize.zf.mediaquery",function(){var i=e._getCurrentSize(),n=e.current;i!==n&&(e.current=i,t(window).trigger("changed.zf.mediaquery",[i,n]))})}};Foundation.MediaQuery=i,window.matchMedia||(window.matchMedia=function(){"use strict";var t=window.styleMedia||window.media;if(!t){var e=document.createElement("style"),i=document.getElementsByTagName("script")[0],n=null;e.type="text/css",e.id="matchmediajs-test",i.parentNode.insertBefore(e,i),n="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle,t={matchMedium:function(t){var i="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=i:e.textContent=i,"1px"===n.width}}}return function(e){return{matches:t.matchMedium(e||"all"),media:e||"all"}}}()),Foundation.MediaQuery=i}(jQuery),!function(t){function e(t,e,i){function n(r){a||(a=window.performance.now()),o=r-a,i.apply(e),t>o?s=window.requestAnimationFrame(n,e):(window.cancelAnimationFrame(s),e.trigger("finished.zf.animate",[e]).triggerHandler("finished.zf.animate",[e]))}var s,o,a=null;s=window.requestAnimationFrame(n)}function i(e,i,o,a){function r(){e||i.hide(),l(),a&&a.apply(i)}function l(){i[0].style.transitionDuration=0,i.removeClass(u+" "+d+" "+o)}if(i=t(i).eq(0),i.length){var u=e?n[0]:n[1],d=e?s[0]:s[1];l(),i.addClass(o).css("transition","none"),requestAnimationFrame(function(){i.addClass(u),e&&i.show()}),requestAnimationFrame(function(){i[0].offsetWidth,i.css("transition","").addClass(d)}),i.one(Foundation.transitionend(i),r)}}var n=["mui-enter","mui-leave"],s=["mui-enter-active","mui-leave-active"],o={animateIn:function(t,e,n){i(!0,t,e,n)},animateOut:function(t,e,n){i(!1,t,e,n)}};Foundation.Move=e,Foundation.Motion=o}(jQuery),!function(t){var e={Feather:function(e){var i=arguments.length<=1||void 0===arguments[1]?"zf":arguments[1];e.attr("role","menubar");var n=e.find("li").attr({role:"menuitem"}),s="is-"+i+"-submenu",o=s+"-item",a="is-"+i+"-submenu-parent";e.find("a:first").attr("tabindex",0),n.each(function(){var e=t(this),i=e.children("ul");i.length&&(e.addClass(a).attr({"aria-haspopup":!0,"aria-expanded":!1,"aria-label":e.children("a:first").text()}),i.addClass("submenu "+s).attr({"data-submenu":"","aria-hidden":!0,role:"menu"})),e.parent("[data-submenu]").length&&e.addClass("is-submenu-item "+o)})},Burn:function(t,e){var i=(t.find("li").removeAttr("tabindex"),"is-"+e+"-submenu"),n=i+"-item",s="is-"+e+"-submenu-parent";t.find("*").removeClass(i+" "+n+" "+s+" is-submenu-item submenu is-active").removeAttr("data-submenu").css("display","")}};Foundation.Nest=e}(jQuery),!function(t){function e(t,e,i){var n,s,o=this,a=e.duration,r=Object.keys(t.data())[0]||"timer",l=-1;this.isPaused=!1,this.restart=function(){l=-1,clearTimeout(s),this.start()},this.start=function(){this.isPaused=!1,clearTimeout(s),l=0>=l?a:l,t.data("paused",!1),n=Date.now(),s=setTimeout(function(){e.infinite&&o.restart(),i()},l),t.trigger("timerstart.zf."+r)},this.pause=function(){this.isPaused=!0,clearTimeout(s),t.data("paused",!0);var e=Date.now();l-=e-n,t.trigger("timerpaused.zf."+r)}}function i(e,i){function n(){s--,0===s&&i()}var s=e.length;0===s&&i(),e.each(function(){this.complete?n():"undefined"!=typeof this.naturalWidth&&this.naturalWidth>0?n():t(this).one("load",function(){n()})})}Foundation.Timer=e,Foundation.onImagesLoaded=i}(jQuery),function(t){function e(){this.removeEventListener("touchmove",i),this.removeEventListener("touchend",e),u=!1}function i(i){if(t.spotSwipe.preventDefault&&i.preventDefault(),u){var n,s=i.touches[0].pageX,a=(i.touches[0].pageY,o-s);l=(new Date).getTime()-r,Math.abs(a)>=t.spotSwipe.moveThreshold&&l<=t.spotSwipe.timeThreshold&&(n=a>0?"left":"right"),n&&(i.preventDefault(),e.call(this),t(this).trigger("swipe",n).trigger("swipe"+n))}}function n(t){1==t.touches.length&&(o=t.touches[0].pageX,a=t.touches[0].pageY,u=!0,r=(new Date).getTime(),this.addEventListener("touchmove",i,!1),this.addEventListener("touchend",e,!1))}function s(){this.addEventListener&&this.addEventListener("touchstart",n,!1)}t.spotSwipe={version:"1.0.0",enabled:"ontouchstart"in document.documentElement,preventDefault:!1,moveThreshold:75,timeThreshold:200};var o,a,r,l,u=!1;t.event.special.swipe={setup:s},t.each(["left","up","down","right"],function(){t.event.special["swipe"+this]={setup:function(){t(this).on("swipe",t.noop)}}})}(jQuery),!function(t){t.fn.addTouch=function(){this.each(function(i,n){t(n).bind("touchstart touchmove touchend touchcancel",function(){e(event)})});var e=function(t){var e,i=t.changedTouches,n=i[0],s={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup"},o=s[t.type];"MouseEvent"in window&&"function"==typeof window.MouseEvent?e=new window.MouseEvent(o,{bubbles:!0,cancelable:!0,screenX:n.screenX,screenY:n.screenY,clientX:n.clientX,clientY:n.clientY}):(e=document.createEvent("MouseEvent"),e.initMouseEvent(o,!0,!0,window,1,n.screenX,n.screenY,n.clientX,n.clientY,!1,!1,!1,!1,0,null)),n.target.dispatchEvent(e)}}}(jQuery),!function(t){function e(){o(),n(),s(),i()}function i(e){var i=t("[data-yeti-box]"),n=["dropdown","tooltip","reveal"];if(e&&("string"==typeof e?n.push(e):"object"==typeof e&&"string"==typeof e[0]?n.concat(e):console.error("Plugin names must be strings")),i.length){var s=n.map(function(t){return"closeme.zf."+t}).join(" ");t(window).off(s).on(s,function(e,i){var n=e.namespace.split(".")[0],s=t("[data-"+n+"]").not('[data-yeti-box="'+i+'"]');s.each(function(){var e=t(this);e.triggerHandler("close.zf.trigger",[e])})})}}function n(e){var i=void 0,n=t("[data-resize]");n.length&&t(window).off("resize.zf.trigger").on("resize.zf.trigger",function(s){i&&clearTimeout(i),i=setTimeout(function(){a||n.each(function(){t(this).triggerHandler("resizeme.zf.trigger")}),n.attr("data-events","resize")},e||10)})}function s(e){var i=void 0,n=t("[data-scroll]");n.length&&t(window).off("scroll.zf.trigger").on("scroll.zf.trigger",function(s){i&&clearTimeout(i),i=setTimeout(function(){a||n.each(function(){t(this).triggerHandler("scrollme.zf.trigger")}),n.attr("data-events","scroll")},e||10)})}function o(){if(!a)return!1;var e=document.querySelectorAll("[data-resize], [data-scroll], [data-mutate]"),i=function(e){var i=t(e[0].target);switch(i.attr("data-events")){case"resize":i.triggerHandler("resizeme.zf.trigger",[i]);break;case"scroll":i.triggerHandler("scrollme.zf.trigger",[i,window.pageYOffset]);break;default:return!1}};if(e.length)for(var n=0;n<=e.length-1;n++){var s=new a(i);s.observe(e[n],{attributes:!0,childList:!1,characterData:!1,subtree:!1,attributeFilter:["data-events"]})}}var a=function(){for(var t=["WebKit","Moz","O","Ms",""],e=0;e<t.length;e++)if(t[e]+"MutationObserver"in window)return window[t[e]+"MutationObserver"];return!1}(),r=function(e,i){e.data(i).split(" ").forEach(function(n){t("#"+n)["close"===i?"trigger":"triggerHandler"](i+".zf.trigger",[e])})};t(document).on("click.zf.trigger","[data-open]",function(){r(t(this),"open")}),t(document).on("click.zf.trigger","[data-close]",function(){var e=t(this).data("close");e?r(t(this),"close"):t(this).trigger("close.zf.trigger")}),t(document).on("click.zf.trigger","[data-toggle]",function(){r(t(this),"toggle")}),t(document).on("close.zf.trigger","[data-closable]",function(e){e.stopPropagation();var i=t(this).data("closable");""!==i?Foundation.Motion.animateOut(t(this),i,function(){t(this).trigger("closed.zf")}):t(this).fadeOut().trigger("closed.zf")}),t(document).on("focus.zf.trigger blur.zf.trigger","[data-toggle-focus]",function(){var e=t(this).data("toggle-focus");t("#"+e).triggerHandler("toggle.zf.trigger",[t(this)])}),t(window).load(function(){e()}),Foundation.IHearYou=e}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Abide")}return _createClass(e,[{key:"_init",value:function(){this.$inputs=this.$element.find("input, textarea, select"),this._events()}},{key:"_events",value:function(){var e=this;this.$element.off(".abide").on("reset.zf.abide",function(){e.resetForm()}).on("submit.zf.abide",function(){return e.validateForm()}),"fieldChange"===this.options.validateOn&&this.$inputs.off("change.zf.abide").on("change.zf.abide",function(i){e.validateInput(t(i.target))}),this.options.liveValidate&&this.$inputs.off("input.zf.abide").on("input.zf.abide",function(i){e.validateInput(t(i.target))})}},{key:"_reflow",value:function(){this._init()}},{key:"requiredCheck",value:function(t){if(!t.attr("required"))return!0;var e=!0;switch(t[0].type){case"checkbox":e=t[0].checked;break;case"select":case"select-one":case"select-multiple":var i=t.find("option:selected");i.length&&i.val()||(e=!1);break;default:t.val()&&t.val().length||(e=!1)}return e}},{key:"findFormError",value:function(t){var e=t.siblings(this.options.formErrorSelector);return e.length||(e=t.parent().find(this.options.formErrorSelector)),e}},{key:"findLabel",value:function(t){var e=t[0].id,i=this.$element.find('label[for="'+e+'"]');return i.length?i:t.closest("label")}},{key:"findRadioLabels",value:function(e){var i=this,n=e.map(function(e,n){var s=n.id,o=i.$element.find('label[for="'+s+'"]');return o.length||(o=t(n).closest("label")),o[0]});return t(n)}},{key:"addErrorClasses",value:function(t){var e=this.findLabel(t),i=this.findFormError(t);e.length&&e.addClass(this.options.labelErrorClass),i.length&&i.addClass(this.options.formErrorClass),t.addClass(this.options.inputErrorClass).attr("data-invalid","")}},{key:"removeRadioErrorClasses",value:function(t){var e=this.$element.find(':radio[name="'+t+'"]'),i=this.findRadioLabels(e),n=this.findFormError(e);i.length&&i.removeClass(this.options.labelErrorClass),n.length&&n.removeClass(this.options.formErrorClass),e.removeClass(this.options.inputErrorClass).removeAttr("data-invalid")}},{key:"removeErrorClasses",value:function(t){if("radio"==t[0].type)return this.removeRadioErrorClasses(t.attr("name"));var e=this.findLabel(t),i=this.findFormError(t);e.length&&e.removeClass(this.options.labelErrorClass),i.length&&i.removeClass(this.options.formErrorClass),t.removeClass(this.options.inputErrorClass).removeAttr("data-invalid")}},{key:"validateInput",value:function(t){var e=this.requiredCheck(t),i=!1,n=!0,s=t.attr("data-validator"),o=!0;if(t.is("[data-abide-ignore]")||t.is('[type="hidden"]'))return!0;switch(t[0].type){case"radio":i=this.validateRadio(t.attr("name"));break;case"checkbox":i=e;break;case"select":case"select-one":case"select-multiple":i=e;break;default:i=this.validateText(t)}s&&(n=this.matchValidation(t,s,t.attr("required"))),t.attr("data-equalto")&&(o=this.options.validators.equalTo(t));var a=-1===[e,i,n,o].indexOf(!1),r=(a?"valid":"invalid")+".zf.abide";return this[a?"removeErrorClasses":"addErrorClasses"](t),t.trigger(r,[t]),a}},{key:"validateForm",value:function(){var e=[],i=this;this.$inputs.each(function(){e.push(i.validateInput(t(this)))});var n=-1===e.indexOf(!1);return this.$element.find("[data-abide-error]").css("display",n?"none":"block"),this.$element.trigger((n?"formvalid":"forminvalid")+".zf.abide",[this.$element]),n}},{key:"validateText",value:function(t,e){e=e||t.attr("pattern")||t.attr("type");var i=t.val(),n=!1;return i.length?n=this.options.patterns.hasOwnProperty(e)?this.options.patterns[e].test(i):e!==t.attr("type")?new RegExp(e).test(i):!0:t.prop("required")||(n=!0),n}},{key:"validateRadio",value:function(e){var i=this.$element.find(':radio[name="'+e+'"]'),n=!1,s=!1;return i.each(function(e,i){t(i).attr("required")&&(s=!0)}),s||(n=!0),n||i.each(function(e,i){t(i).prop("checked")&&(n=!0)}),n}},{key:"matchValidation",value:function(t,e,i){var n=this;i=!!i;var s=e.split(" ").map(function(e){return n.options.validators[e](t,i,t.parent())});return-1===s.indexOf(!1)}},{key:"resetForm",value:function(){var e=this.$element,i=this.options;t("."+i.labelErrorClass,e).not("small").removeClass(i.labelErrorClass),t("."+i.inputErrorClass,e).not("small").removeClass(i.inputErrorClass),t(i.formErrorSelector+"."+i.formErrorClass).removeClass(i.formErrorClass),e.find("[data-abide-error]").css("display","none"),t(":input",e).not(":button, :submit, :reset, :hidden, :radio, :checkbox, [data-abide-ignore]").val("").removeAttr("data-invalid"),t(":input:radio",e).not("[data-abide-ignore]").prop("checked",!1).removeAttr("data-invalid"),t(":input:checkbox",e).not("[data-abide-ignore]").prop("checked",!1).removeAttr("data-invalid"),e.trigger("formreset.zf.abide",[e])}},{key:"destroy",value:function(){var e=this;this.$element.off(".abide").find("[data-abide-error]").css("display","none"),this.$inputs.off(".abide").each(function(){e.removeErrorClasses(t(this))}),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={validateOn:"fieldChange",labelErrorClass:"is-invalid-label",inputErrorClass:"is-invalid-input",formErrorSelector:".form-error",formErrorClass:"is-visible",liveValidate:!1,patterns:{alpha:/^[a-zA-Z]+$/,alpha_numeric:/^[a-zA-Z0-9]+$/,integer:/^[-+]?\d+$/,number:/^[-+]?\d*(?:[\.\,]\d+)?$/,card:/^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,cvv:/^([0-9]){3,4}$/,email:/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,url:/^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/,domain:/^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/,datetime:/^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/,date:/(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/,time:/^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/,dateISO:/^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/,month_day_year:/^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/,day_month_year:/^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/,color:/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/},validators:{equalTo:function(e,i,n){return t("#"+e.attr("data-equalto")).val()===e.val()}}},Foundation.plugin(e,"Abide")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Accordion"),Foundation.Keyboard.register("Accordion",{ENTER:"toggle",SPACE:"toggle",ARROW_DOWN:"next",ARROW_UP:"previous"})}return _createClass(e,[{key:"_init",value:function(){this.$element.attr("role","tablist"),this.$tabs=this.$element.children("li, [data-accordion-item]"),this.$tabs.each(function(e,i){var n=t(i),s=n.children("[data-tab-content]"),o=s[0].id||Foundation.GetYoDigits(6,"accordion"),a=i.id||o+"-label";n.find("a:first").attr({"aria-controls":o,role:"tab",id:a,"aria-expanded":!1,"aria-selected":!1}),s.attr({role:"tabpanel","aria-labelledby":a,"aria-hidden":!0,id:o})});var e=this.$element.find(".is-active").children("[data-tab-content]");e.length&&this.down(e,!0),this._events()}},{key:"_events",value:function(){var e=this;this.$tabs.each(function(){var i=t(this),n=i.children("[data-tab-content]");n.length&&i.children("a").off("click.zf.accordion keydown.zf.accordion").on("click.zf.accordion",function(t){t.preventDefault(),i.hasClass("is-active")?(e.options.allowAllClosed||i.siblings().hasClass("is-active"))&&e.up(n):e.down(n)}).on("keydown.zf.accordion",function(t){Foundation.Keyboard.handleKey(t,"Accordion",{toggle:function(){e.toggle(n)},next:function(){var t=i.next().find("a").focus();e.options.multiExpand||t.trigger("click.zf.accordion")},previous:function(){var t=i.prev().find("a").focus();e.options.multiExpand||t.trigger("click.zf.accordion")},handled:function(){t.preventDefault(),t.stopPropagation()}})})})}},{key:"toggle",value:function(t){if(t.parent().hasClass("is-active")){if(!this.options.allowAllClosed&&!t.parent().siblings().hasClass("is-active"))return;this.up(t)}else this.down(t)}},{key:"down",value:function(e,i){var n=this;if(!this.options.multiExpand&&!i){var s=this.$element.children(".is-active").children("[data-tab-content]");s.length&&this.up(s)}e.attr("aria-hidden",!1).parent("[data-tab-content]").addBack().parent().addClass("is-active"),e.slideDown(this.options.slideSpeed,function(){n.$element.trigger("down.zf.accordion",[e])}),t("#"+e.attr("aria-labelledby")).attr({"aria-expanded":!0,"aria-selected":!0})}},{key:"up",value:function(e){var i=e.parent().siblings(),n=this,s=this.options.multiExpand?i.hasClass("is-active"):e.parent().hasClass("is-active");(this.options.allowAllClosed||s)&&(e.slideUp(n.options.slideSpeed,function(){n.$element.trigger("up.zf.accordion",[e])}),e.attr("aria-hidden",!0).parent().removeClass("is-active"),t("#"+e.attr("aria-labelledby")).attr({"aria-expanded":!1,"aria-selected":!1}))}},{key:"destroy",value:function(){this.$element.find("[data-tab-content]").stop(!0).slideUp(0).css("display",""),this.$element.find("a").off(".zf.accordion"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={slideSpeed:250,multiExpand:!1,allowAllClosed:!1},Foundation.plugin(e,"Accordion")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"accordion"),this._init(),Foundation.registerPlugin(this,"AccordionMenu"),Foundation.Keyboard.register("AccordionMenu",{ENTER:"toggle",SPACE:"toggle",ARROW_RIGHT:"open",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"close",ESCAPE:"closeAll",TAB:"down",SHIFT_TAB:"up"})}return _createClass(e,[{key:"_init",value:function(){this.$element.find("[data-submenu]").not(".is-active").slideUp(0),this.$element.attr({role:"tablist","aria-multiselectable":this.options.multiOpen}),this.$menuLinks=this.$element.find(".is-accordion-submenu-parent"),this.$menuLinks.each(function(){var e=this.id||Foundation.GetYoDigits(6,"acc-menu-link"),i=t(this),n=i.children("[data-submenu]"),s=n[0].id||Foundation.GetYoDigits(6,"acc-menu"),o=n.hasClass("is-active");i.attr({"aria-controls":s,"aria-expanded":o,role:"tab",id:e}),n.attr({"aria-labelledby":e,"aria-hidden":!o,role:"tabpanel",id:s})});var e=this.$element.find(".is-active");if(e.length){var i=this;e.each(function(){i.down(t(this))})}this._events()}},{key:"_events",value:function(){var e=this;this.$element.find("li").each(function(){var i=t(this).children("[data-submenu]");i.length&&t(this).children("a").off("click.zf.accordionMenu").on("click.zf.accordionMenu",function(t){t.preventDefault(),e.toggle(i)})}).on("keydown.zf.accordionmenu",function(i){var n,s,o=t(this),a=o.parent("ul").children("li"),r=o.children("[data-submenu]");a.each(function(e){return t(this).is(o)?(n=a.eq(Math.max(0,e-1)).find("a").first(),
-s=a.eq(Math.min(e+1,a.length-1)).find("a").first(),t(this).children("[data-submenu]:visible").length&&(s=o.find("li:first-child").find("a").first()),t(this).is(":first-child")?n=o.parents("li").first().find("a").first():n.children("[data-submenu]:visible").length&&(n=n.find("li:last-child").find("a").first()),void(t(this).is(":last-child")&&(s=o.parents("li").first().next("li").find("a").first()))):void 0}),Foundation.Keyboard.handleKey(i,"AccordionMenu",{open:function(){r.is(":hidden")&&(e.down(r),r.find("li").first().find("a").first().focus())},close:function(){r.length&&!r.is(":hidden")?e.up(r):o.parent("[data-submenu]").length&&(e.up(o.parent("[data-submenu]")),o.parents("li").first().find("a").first().focus())},up:function(){return n.attr("tabindex",-1).focus(),!0},down:function(){return s.attr("tabindex",-1).focus(),!0},toggle:function(){o.children("[data-submenu]").length&&e.toggle(o.children("[data-submenu]"))},closeAll:function(){e.hideAll()},handled:function(t){t&&i.preventDefault(),i.stopImmediatePropagation()}})})}},{key:"hideAll",value:function(){this.$element.find("[data-submenu]").slideUp(this.options.slideSpeed)}},{key:"toggle",value:function(t){t.is(":animated")||(t.is(":hidden")?this.down(t):this.up(t))}},{key:"down",value:function(t){var e=this;this.options.multiOpen||this.up(this.$element.find(".is-active").not(t.parentsUntil(this.$element).add(t))),t.addClass("is-active").attr({"aria-hidden":!1}).parent(".is-accordion-submenu-parent").attr({"aria-expanded":!0}),t.slideDown(e.options.slideSpeed,function(){e.$element.trigger("down.zf.accordionMenu",[t])})}},{key:"up",value:function(t){var e=this;t.slideUp(e.options.slideSpeed,function(){e.$element.trigger("up.zf.accordionMenu",[t])});var i=t.find("[data-submenu]").slideUp(0).addBack().attr("aria-hidden",!0);i.parent(".is-accordion-submenu-parent").attr("aria-expanded",!1)}},{key:"destroy",value:function(){this.$element.find("[data-submenu]").slideDown(0).css("display",""),this.$element.find("a").off("click.zf.accordionMenu"),Foundation.Nest.Burn(this.$element,"accordion"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={slideSpeed:250,multiOpen:!0},Foundation.plugin(e,"AccordionMenu")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"drilldown"),this._init(),Foundation.registerPlugin(this,"Drilldown"),Foundation.Keyboard.register("Drilldown",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close",TAB:"down",SHIFT_TAB:"up"})}return _createClass(e,[{key:"_init",value:function(){this.$submenuAnchors=this.$element.find("li.is-drilldown-submenu-parent").children("a"),this.$submenus=this.$submenuAnchors.parent("li").children("[data-submenu]"),this.$menuItems=this.$element.find("li").not(".js-drilldown-back").attr("role","menuitem").find("a"),this._prepareMenu(),this._keyboardEvents()}},{key:"_prepareMenu",value:function(){var e=this;this.$submenuAnchors.each(function(){var i=t(this),n=i.parent();e.options.parentLink&&i.clone().prependTo(n.children("[data-submenu]")).wrap('<li class="is-submenu-parent-item is-submenu-item is-drilldown-submenu-item" role="menu-item"></li>'),i.data("savedHref",i.attr("href")).removeAttr("href"),i.children("[data-submenu]").attr({"aria-hidden":!0,tabindex:0,role:"menu"}),e._events(i)}),this.$submenus.each(function(){var i=t(this),n=i.find(".js-drilldown-back");n.length||i.prepend(e.options.backButton),e._back(i)}),this.$element.parent().hasClass("is-drilldown")||(this.$wrapper=t(this.options.wrapper).addClass("is-drilldown"),this.$wrapper=this.$element.wrap(this.$wrapper).parent().css(this._getMaxDims()))}},{key:"_events",value:function(e){var i=this;e.off("click.zf.drilldown").on("click.zf.drilldown",function(n){if(t(n.target).parentsUntil("ul","li").hasClass("is-drilldown-submenu-parent")&&(n.stopImmediatePropagation(),n.preventDefault()),i._show(e.parent("li")),i.options.closeOnClick){var s=t("body");s.off(".zf.drilldown").on("click.zf.drilldown",function(e){e.target===i.$element[0]||t.contains(i.$element[0],e.target)||(e.preventDefault(),i._hideAll(),s.off(".zf.drilldown"))})}})}},{key:"_keyboardEvents",value:function(){var e=this;this.$menuItems.add(this.$element.find(".js-drilldown-back > a")).on("keydown.zf.drilldown",function(i){var n,s,o=t(this),a=o.parent("li").parent("ul").children("li").children("a");a.each(function(e){return t(this).is(o)?(n=a.eq(Math.max(0,e-1)),void(s=a.eq(Math.min(e+1,a.length-1)))):void 0}),Foundation.Keyboard.handleKey(i,"Drilldown",{next:function(){return o.is(e.$submenuAnchors)?(e._show(o.parent("li")),o.parent("li").one(Foundation.transitionend(o),function(){o.parent("li").find("ul li a").filter(e.$menuItems).first().focus()}),!0):void 0},previous:function(){return e._hide(o.parent("li").parent("ul")),o.parent("li").parent("ul").one(Foundation.transitionend(o),function(){setTimeout(function(){o.parent("li").parent("ul").parent("li").children("a").first().focus()},1)}),!0},up:function(){return n.focus(),!0},down:function(){return s.focus(),!0},close:function(){e._back()},open:function(){return o.is(e.$menuItems)?o.is(e.$submenuAnchors)&&(e._show(o.parent("li")),o.parent("li").one(Foundation.transitionend(o),function(){o.parent("li").find("ul li a").filter(e.$menuItems).first().focus()})):(e._hide(o.parent("li").parent("ul")),o.parent("li").parent("ul").one(Foundation.transitionend(o),function(){setTimeout(function(){o.parent("li").parent("ul").parent("li").children("a").first().focus()},1)})),!0},handled:function(t){t&&i.preventDefault(),i.stopImmediatePropagation()}})})}},{key:"_hideAll",value:function(){var t=this.$element.find(".is-drilldown-submenu.is-active").addClass("is-closing");t.one(Foundation.transitionend(t),function(e){t.removeClass("is-active is-closing")}),this.$element.trigger("closed.zf.drilldown")}},{key:"_back",value:function(t){var e=this;t.off("click.zf.drilldown"),t.children(".js-drilldown-back").on("click.zf.drilldown",function(i){i.stopImmediatePropagation(),e._hide(t)})}},{key:"_menuLinkEvents",value:function(){var t=this;this.$menuItems.not(".is-drilldown-submenu-parent").off("click.zf.drilldown").on("click.zf.drilldown",function(e){setTimeout(function(){t._hideAll()},0)})}},{key:"_show",value:function(t){t.children("[data-submenu]").addClass("is-active"),this.$element.trigger("open.zf.drilldown",[t])}},{key:"_hide",value:function(t){t.addClass("is-closing").one(Foundation.transitionend(t),function(){t.removeClass("is-active is-closing"),t.blur()}),t.trigger("hide.zf.drilldown",[t])}},{key:"_getMaxDims",value:function(){var e=0,i={};return this.$submenus.add(this.$element).each(function(){var i=t(this).children("li").length;e=i>e?i:e}),i["min-height"]=e*this.$menuItems[0].getBoundingClientRect().height+"px",i["max-width"]=this.$element[0].getBoundingClientRect().width+"px",i}},{key:"destroy",value:function(){this._hideAll(),Foundation.Nest.Burn(this.$element,"drilldown"),this.$element.unwrap().find(".js-drilldown-back, .is-submenu-parent-item").remove().end().find(".is-active, .is-closing, .is-drilldown-submenu").removeClass("is-active is-closing is-drilldown-submenu").end().find("[data-submenu]").removeAttr("aria-hidden tabindex role"),this.$submenuAnchors.each(function(){t(this).off(".zf.drilldown")}),this.$element.find("a").each(function(){var e=t(this);e.data("savedHref")&&e.attr("href",e.data("savedHref")).removeData("savedHref")}),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={backButton:'<li class="js-drilldown-back"><a tabindex="0">Back</a></li>',wrapper:"<div></div>",parentLink:!1,closeOnClick:!1},Foundation.plugin(e,"Drilldown")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Dropdown"),Foundation.Keyboard.register("Dropdown",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("id");this.$anchor=t('[data-toggle="'+e+'"]')||t('[data-open="'+e+'"]'),this.$anchor.attr({"aria-controls":e,"data-is-focus":!1,"data-yeti-box":e,"aria-haspopup":!0,"aria-expanded":!1}),this.options.positionClass=this.getPositionClass(),this.counter=4,this.usedPositions=[],this.$element.attr({"aria-hidden":"true","data-yeti-box":e,"data-resize":e,"aria-labelledby":this.$anchor[0].id||Foundation.GetYoDigits(6,"dd-anchor")}),this._events()}},{key:"getPositionClass",value:function(){var t=this.$element[0].className.match(/(top|left|right|bottom)/g);t=t?t[0]:"";var e=/float-(\S+)\s/.exec(this.$anchor[0].className);e=e?e[1]:"";var i=e?e+" "+t:t;return i}},{key:"_reposition",value:function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.$element.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.$element.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.$element.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):this.$element.removeClass(t),this.classChanged=!0,this.counter--}},{key:"_setPosition",value:function(){if("false"===this.$anchor.attr("aria-expanded"))return!1;var t=this.getPositionClass(),e=Foundation.Box.GetDimensions(this.$element),i=(Foundation.Box.GetDimensions(this.$anchor),"left"===t?"left":"right"===t?"left":"top"),n="top"===i?"height":"width";"height"===n?this.options.vOffset:this.options.hOffset;if(e.width>=e.windowDims.width||!this.counter&&!Foundation.Box.ImNotTouchingYou(this.$element))return this.$element.offset(Foundation.Box.GetOffsets(this.$element,this.$anchor,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:e.windowDims.width-2*this.options.hOffset,height:"auto"}),this.classChanged=!0,!1;for(this.$element.offset(Foundation.Box.GetOffsets(this.$element,this.$anchor,t,this.options.vOffset,this.options.hOffset));!Foundation.Box.ImNotTouchingYou(this.$element,!1,!0)&&this.counter;)this._reposition(t),this._setPosition()}},{key:"_events",value:function(){var e=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":this._setPosition.bind(this)}),this.options.hover&&(this.$anchor.off("mouseenter.zf.dropdown mouseleave.zf.dropdown").on("mouseenter.zf.dropdown",function(){clearTimeout(e.timeout),e.timeout=setTimeout(function(){e.open(),e.$anchor.data("hover",!0)},e.options.hoverDelay)}).on("mouseleave.zf.dropdown",function(){clearTimeout(e.timeout),e.timeout=setTimeout(function(){e.close(),e.$anchor.data("hover",!1)},e.options.hoverDelay)}),this.options.hoverPane&&this.$element.off("mouseenter.zf.dropdown mouseleave.zf.dropdown").on("mouseenter.zf.dropdown",function(){clearTimeout(e.timeout)}).on("mouseleave.zf.dropdown",function(){clearTimeout(e.timeout),e.timeout=setTimeout(function(){e.close(),e.$anchor.data("hover",!1)},e.options.hoverDelay)})),this.$anchor.add(this.$element).on("keydown.zf.dropdown",function(i){var n=t(this),s=Foundation.Keyboard.findFocusable(e.$element);Foundation.Keyboard.handleKey(i,"Dropdown",{tab_forward:function(){e.$element.find(":focus").is(s.eq(-1))&&(e.options.trapFocus?(s.eq(0).focus(),i.preventDefault()):e.close())},tab_backward:function(){(e.$element.find(":focus").is(s.eq(0))||e.$element.is(":focus"))&&(e.options.trapFocus?(s.eq(-1).focus(),i.preventDefault()):e.close())},open:function(){n.is(e.$anchor)&&(e.open(),e.$element.attr("tabindex",-1).focus(),i.preventDefault())},close:function(){e.close(),e.$anchor.focus()}})})}},{key:"_addBodyHandler",value:function(){var e=t(document.body).not(this.$element),i=this;e.off("click.zf.dropdown").on("click.zf.dropdown",function(t){i.$anchor.is(t.target)||i.$anchor.find(t.target).length||i.$element.find(t.target).length||(i.close(),e.off("click.zf.dropdown"))})}},{key:"open",value:function(){if(this.$element.trigger("closeme.zf.dropdown",this.$element.attr("id")),this.$anchor.addClass("hover").attr({"aria-expanded":!0}),this._setPosition(),this.$element.addClass("is-open").attr({"aria-hidden":!1}),this.options.autoFocus){var t=Foundation.Keyboard.findFocusable(this.$element);t.length&&t.eq(0).focus()}this.options.closeOnClick&&this._addBodyHandler(),this.$element.trigger("show.zf.dropdown",[this.$element])}},{key:"close",value:function(){if(!this.$element.hasClass("is-open"))return!1;if(this.$element.removeClass("is-open").attr({"aria-hidden":!0}),this.$anchor.removeClass("hover").attr("aria-expanded",!1),this.classChanged){var t=this.getPositionClass();t&&this.$element.removeClass(t),this.$element.addClass(this.options.positionClass).css({height:"",width:""}),this.classChanged=!1,this.counter=4,this.usedPositions.length=0}this.$element.trigger("hide.zf.dropdown",[this.$element])}},{key:"toggle",value:function(){if(this.$element.hasClass("is-open")){if(this.$anchor.data("hover"))return;this.close()}else this.open()}},{key:"destroy",value:function(){this.$element.off(".zf.trigger").hide(),this.$anchor.off(".zf.dropdown"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={hoverDelay:250,hover:!1,hoverPane:!1,vOffset:1,hOffset:1,positionClass:"",trapFocus:!1,autoFocus:!1,closeOnClick:!1},Foundation.plugin(e,"Dropdown")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"dropdown"),this._init(),Foundation.registerPlugin(this,"DropdownMenu"),Foundation.Keyboard.register("DropdownMenu",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close"})}return _createClass(e,[{key:"_init",value:function(){var t=this.$element.find("li.is-dropdown-submenu-parent");this.$element.children(".is-dropdown-submenu-parent").children(".is-dropdown-submenu").addClass("first-sub"),this.$menuItems=this.$element.find('[role="menuitem"]'),this.$tabs=this.$element.children('[role="menuitem"]'),this.$tabs.find("ul.is-dropdown-submenu").addClass(this.options.verticalClass),this.$element.hasClass(this.options.rightClass)||"right"===this.options.alignment||Foundation.rtl()||this.$element.parents(".top-bar-right").is("*")?(this.options.alignment="right",t.addClass("opens-left")):t.addClass("opens-right"),this.changed=!1,this._events()}},{key:"_events",value:function(){var e=this,i="ontouchstart"in window||"undefined"!=typeof window.ontouchstart,n="is-dropdown-submenu-parent",s=function(s){var o=t(s.target).parentsUntil("ul","."+n),a=o.hasClass(n),r="true"===o.attr("data-is-click");o.children(".is-dropdown-submenu");if(a)if(r){if(!e.options.closeOnClick||!e.options.clickOpen&&!i||e.options.forceFollow&&i)return;s.stopImmediatePropagation(),s.preventDefault(),e._hide(o)}else s.preventDefault(),s.stopImmediatePropagation(),e._show(o.children(".is-dropdown-submenu")),o.add(o.parentsUntil(e.$element,"."+n)).attr("data-is-click",!0)};(this.options.clickOpen||i)&&this.$menuItems.on("click.zf.dropdownmenu touchstart.zf.dropdownmenu",s),this.options.disableHover||this.$menuItems.on("mouseenter.zf.dropdownmenu",function(i){var s=t(this),o=s.hasClass(n);o&&(clearTimeout(e.delay),e.delay=setTimeout(function(){e._show(s.children(".is-dropdown-submenu"))},e.options.hoverDelay))}).on("mouseleave.zf.dropdownmenu",function(i){var s=t(this),o=s.hasClass(n);if(o&&e.options.autoclose){if("true"===s.attr("data-is-click")&&e.options.clickOpen)return!1;clearTimeout(e.delay),e.delay=setTimeout(function(){e._hide(s)},e.options.closingTime)}}),this.$menuItems.on("keydown.zf.dropdownmenu",function(i){var n,s,o=t(i.target).parentsUntil("ul",'[role="menuitem"]'),a=e.$tabs.index(o)>-1,r=a?e.$tabs:o.siblings("li").add(o);r.each(function(e){return t(this).is(o)?(n=r.eq(e-1),void(s=r.eq(e+1))):void 0});var l=function(){o.is(":last-child")||(s.children("a:first").focus(),i.preventDefault())},u=function(){n.children("a:first").focus(),i.preventDefault()},d=function(){var t=o.children("ul.is-dropdown-submenu");t.length&&(e._show(t),o.find("li > a:first").focus(),i.preventDefault())},h=function(){var t=o.parent("ul").parent("li");t.children("a:first").focus(),e._hide(t),i.preventDefault()},c={open:d,close:function(){e._hide(e.$element),e.$menuItems.find("a:first").focus(),i.preventDefault()},handled:function(){i.stopImmediatePropagation()}};a?e.$element.hasClass(e.options.verticalClass)?"left"===e.options.alignment?t.extend(c,{down:l,up:u,next:d,previous:h}):t.extend(c,{down:l,up:u,next:h,previous:d}):t.extend(c,{next:l,previous:u,down:d,up:h}):"left"===e.options.alignment?t.extend(c,{next:d,previous:h,down:l,up:u}):t.extend(c,{next:h,previous:d,down:l,up:u}),Foundation.Keyboard.handleKey(i,"DropdownMenu",c)})}},{key:"_addBodyHandler",value:function(){var e=t(document.body),i=this;e.off("mouseup.zf.dropdownmenu touchend.zf.dropdownmenu").on("mouseup.zf.dropdownmenu touchend.zf.dropdownmenu",function(t){var n=i.$element.find(t.target);n.length||(i._hide(),e.off("mouseup.zf.dropdownmenu touchend.zf.dropdownmenu"))})}},{key:"_show",value:function(e){var i=this.$tabs.index(this.$tabs.filter(function(i,n){return t(n).find(e).length>0})),n=e.parent("li.is-dropdown-submenu-parent").siblings("li.is-dropdown-submenu-parent");this._hide(n,i),e.css("visibility","hidden").addClass("js-dropdown-active").attr({"aria-hidden":!1}).parent("li.is-dropdown-submenu-parent").addClass("is-active").attr({"aria-expanded":!0});var s=Foundation.Box.ImNotTouchingYou(e,null,!0);if(!s){var o="left"===this.options.alignment?"-right":"-left",a=e.parent(".is-dropdown-submenu-parent");a.removeClass("opens"+o).addClass("opens-"+this.options.alignment),s=Foundation.Box.ImNotTouchingYou(e,null,!0),s||a.removeClass("opens-"+this.options.alignment).addClass("opens-inner"),this.changed=!0}e.css("visibility",""),this.options.closeOnClick&&this._addBodyHandler(),this.$element.trigger("show.zf.dropdownmenu",[e])}},{key:"_hide",value:function(t,e){var i;i=t&&t.length?t:void 0!==e?this.$tabs.not(function(t,i){return t===e}):this.$element;var n=i.hasClass("is-active")||i.find(".is-active").length>0;if(n){if(i.find("li.is-active").add(i).attr({"aria-expanded":!1,"data-is-click":!1}).removeClass("is-active"),i.find("ul.js-dropdown-active").attr({"aria-hidden":!0}).removeClass("js-dropdown-active"),this.changed||i.find("opens-inner").length){var s="left"===this.options.alignment?"right":"left";i.find("li.is-dropdown-submenu-parent").add(i).removeClass("opens-inner opens-"+this.options.alignment).addClass("opens-"+s),this.changed=!1}this.$element.trigger("hide.zf.dropdownmenu",[i])}}},{key:"destroy",value:function(){this.$menuItems.off(".zf.dropdownmenu").removeAttr("data-is-click").removeClass("is-right-arrow is-left-arrow is-down-arrow opens-right opens-left opens-inner"),t(document.body).off(".zf.dropdownmenu"),Foundation.Nest.Burn(this.$element,"dropdown"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={disableHover:!1,autoclose:!0,hoverDelay:50,clickOpen:!1,closingTime:500,alignment:"left",closeOnClick:!0,verticalClass:"vertical",rightClass:"align-right",forceFollow:!0},Foundation.plugin(e,"DropdownMenu")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Equalizer")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("data-equalizer")||"",i=this.$element.find('[data-equalizer-watch="'+e+'"]');this.$watched=i.length?i:this.$element.find("[data-equalizer-watch]"),this.$element.attr("data-resize",e||Foundation.GetYoDigits(6,"eq")),this.hasNested=this.$element.find("[data-equalizer]").length>0,this.isNested=this.$element.parentsUntil(document.body,"[data-equalizer]").length>0,this.isOn=!1,this._bindHandler={onResizeMeBound:this._onResizeMe.bind(this),onPostEqualizedBound:this._onPostEqualized.bind(this)};var n,s=this.$element.find("img");this.options.equalizeOn?(n=this._checkMQ(),t(window).on("changed.zf.mediaquery",this._checkMQ.bind(this))):this._events(),(void 0!==n&&n===!1||void 0===n)&&(s.length?Foundation.onImagesLoaded(s,this._reflow.bind(this)):this._reflow())}},{key:"_pauseEvents",value:function(){this.isOn=!1,this.$element.off({".zf.equalizer":this._bindHandler.onPostEqualizedBound,"resizeme.zf.trigger":this._bindHandler.onResizeMeBound})}},{key:"_onResizeMe",value:function(t){this._reflow()}},{key:"_onPostEqualized",value:function(t){t.target!==this.$element[0]&&this._reflow()}},{key:"_events",value:function(){this._pauseEvents(),this.hasNested?this.$element.on("postequalized.zf.equalizer",this._bindHandler.onPostEqualizedBound):this.$element.on("resizeme.zf.trigger",this._bindHandler.onResizeMeBound),this.isOn=!0}},{key:"_checkMQ",value:function(){var t=!Foundation.MediaQuery.atLeast(this.options.equalizeOn);return t?this.isOn&&(this._pauseEvents(),this.$watched.css("height","auto")):this.isOn||this._events(),t}},{key:"_killswitch",value:function(){}},{key:"_reflow",value:function(){return!this.options.equalizeOnStack&&this._isStacked()?(this.$watched.css("height","auto"),!1):void(this.options.equalizeByRow?this.getHeightsByRow(this.applyHeightByRow.bind(this)):this.getHeights(this.applyHeight.bind(this)))}},{key:"_isStacked",value:function(){return this.$watched[0].getBoundingClientRect().top!==this.$watched[1].getBoundingClientRect().top}},{key:"getHeights",value:function(t){for(var e=[],i=0,n=this.$watched.length;n>i;i++)this.$watched[i].style.height="auto",e.push(this.$watched[i].offsetHeight);t(e)}},{key:"getHeightsByRow",value:function(e){var i=this.$watched.length?this.$watched.first().offset().top:0,n=[],s=0;n[s]=[];for(var o=0,a=this.$watched.length;a>o;o++){this.$watched[o].style.height="auto";var r=t(this.$watched[o]).offset().top;r!=i&&(s++,n[s]=[],i=r),n[s].push([this.$watched[o],this.$watched[o].offsetHeight])}for(var l=0,u=n.length;u>l;l++){var d=t(n[l]).map(function(){return this[1]}).get(),h=Math.max.apply(null,d);n[l].push(h)}e(n)}},{key:"applyHeight",value:function(t){var e=Math.max.apply(null,t);this.$element.trigger("preequalized.zf.equalizer"),this.$watched.css("height",e),this.$element.trigger("postequalized.zf.equalizer")}},{key:"applyHeightByRow",value:function(e){this.$element.trigger("preequalized.zf.equalizer");for(var i=0,n=e.length;n>i;i++){var s=e[i].length,o=e[i][s-1];if(2>=s)t(e[i][0][0]).css({height:"auto"});else{this.$element.trigger("preequalizedrow.zf.equalizer");for(var a=0,r=s-1;r>a;a++)t(e[i][a][0]).css({height:o});this.$element.trigger("postequalizedrow.zf.equalizer")}}this.$element.trigger("postequalized.zf.equalizer")}},{key:"destroy",value:function(){this._pauseEvents(),this.$watched.css("height","auto"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={equalizeOnStack:!0,equalizeByRow:!1,equalizeOn:""},Foundation.plugin(e,"Equalizer")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,n),this.rules=[],this.currentPath="",this._init(),this._events(),Foundation.registerPlugin(this,"Interchange")}return _createClass(e,[{key:"_init",value:function(){this._addBreakpoints(),this._generateRules(),this._reflow()}},{key:"_events",value:function(){t(window).on("resize.zf.interchange",Foundation.util.throttle(this._reflow.bind(this),50))}},{key:"_reflow",value:function(){var t;for(var e in this.rules)if(this.rules.hasOwnProperty(e)){var i=this.rules[e];window.matchMedia(i.query).matches&&(t=i)}t&&this.replace(t.path)}},{key:"_addBreakpoints",value:function(){for(var t in Foundation.MediaQuery.queries)if(Foundation.MediaQuery.queries.hasOwnProperty(t)){var i=Foundation.MediaQuery.queries[t];e.SPECIAL_QUERIES[i.name]=i.value}}},{key:"_generateRules",value:function(t){var i,n=[];i=this.options.rules?this.options.rules:this.$element.data("interchange").match(/\[.*?\]/g);for(var s in i)if(i.hasOwnProperty(s)){var o=i[s].slice(1,-1).split(", "),a=o.slice(0,-1).join(""),r=o[o.length-1];e.SPECIAL_QUERIES[r]&&(r=e.SPECIAL_QUERIES[r]),n.push({path:a,query:r})}this.rules=n}},{key:"replace",value:function(e){if(this.currentPath!==e){var i=this,n="replaced.zf.interchange";"IMG"===this.$element[0].nodeName?this.$element.attr("src",e).load(function(){i.currentPath=e}).trigger(n):e.match(/\.(gif|jpg|jpeg|png|svg|tiff)([?#].*)?/i)?this.$element.css({"background-image":"url("+e+")"}).trigger(n):t.get(e,function(s){i.$element.html(s).trigger(n),t(s).foundation(),i.currentPath=e})}}},{key:"destroy",value:function(){}}]),e}();e.defaults={rules:null},e.SPECIAL_QUERIES={landscape:"screen and (orientation: landscape)",portrait:"screen and (orientation: portrait)",retina:"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)"},Foundation.plugin(e,"Interchange")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Magellan")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element[0].id||Foundation.GetYoDigits(6,"magellan");this.$targets=t("[data-magellan-target]"),this.$links=this.$element.find("a"),this.$element.attr({"data-resize":e,"data-scroll":e,id:e}),this.$active=t(),this.scrollPos=parseInt(window.pageYOffset,10),this._events()}},{key:"calcPoints",value:function(){var e=this,i=document.body,n=document.documentElement;this.points=[],this.winHeight=Math.round(Math.max(window.innerHeight,n.clientHeight)),this.docHeight=Math.round(Math.max(i.scrollHeight,i.offsetHeight,n.clientHeight,n.scrollHeight,n.offsetHeight)),this.$targets.each(function(){var i=t(this),n=Math.round(i.offset().top-e.options.threshold);i.targetPoint=n,e.points.push(n)})}},{key:"_events",value:function(){var e=this;t("html, body"),{duration:e.options.animationDuration,easing:e.options.animationEasing};t(window).one("load",function(){e.options.deepLinking&&location.hash&&e.scrollToLoc(location.hash),e.calcPoints(),e._updateActive()}),this.$element.on({"resizeme.zf.trigger":this.reflow.bind(this),"scrollme.zf.trigger":this._updateActive.bind(this)}).on("click.zf.magellan",'a[href^="#"]',function(t){t.preventDefault();var i=this.getAttribute("href");e.scrollToLoc(i)})}},{key:"scrollToLoc",value:function(e){var i=Math.round(t(e).offset().top-this.options.threshold/2-this.options.barOffset);t("html, body").stop(!0).animate({scrollTop:i},this.options.animationDuration,this.options.animationEasing)}},{key:"reflow",value:function(){this.calcPoints(),this._updateActive()}},{key:"_updateActive",value:function(){var t,e=parseInt(window.pageYOffset,10);if(e+this.winHeight===this.docHeight)t=this.points.length-1;else if(e<this.points[0])t=0;else{var i=this.scrollPos<e,n=this,s=this.points.filter(function(t,s){return i?t-n.options.barOffset<=e:t-n.options.barOffset-n.options.threshold<=e});t=s.length?s.length-1:0}if(this.$active.removeClass(this.options.activeClass),this.$active=this.$links.eq(t).addClass(this.options.activeClass),this.options.deepLinking){var o=this.$active[0].getAttribute("href");window.history.pushState?window.history.pushState(null,null,o):window.location.hash=o}this.scrollPos=e,this.$element.trigger("update.zf.magellan",[this.$active])}},{key:"destroy",value:function(){if(this.$element.off(".zf.trigger .zf.magellan").find("."+this.options.activeClass).removeClass(this.options.activeClass),this.options.deepLinking){var t=this.$active[0].getAttribute("href");window.location.hash.replace(t,"")}Foundation.unregisterPlugin(this)}}]),e}();e.defaults={animationDuration:500,animationEasing:"linear",threshold:50,activeClass:"active",deepLinking:!1,barOffset:0},Foundation.plugin(e,"Magellan")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this.$lastTrigger=t(),this.$triggers=t(),this._init(),this._events(),Foundation.registerPlugin(this,"OffCanvas")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("id");if(this.$element.attr("aria-hidden","true"),this.$triggers=t(document).find('[data-open="'+e+'"], [data-close="'+e+'"], [data-toggle="'+e+'"]').attr("aria-expanded","false").attr("aria-controls",e),this.options.closeOnClick)if(t(".js-off-canvas-exit").length)this.$exiter=t(".js-off-canvas-exit");else{var i=document.createElement("div");i.setAttribute("class","js-off-canvas-exit"),t("[data-off-canvas-content]").append(i),this.$exiter=t(i)}this.options.isRevealed=this.options.isRevealed||new RegExp(this.options.revealClass,"g").test(this.$element[0].className),this.options.isRevealed&&(this.options.revealOn=this.options.revealOn||this.$element[0].className.match(/(reveal-for-medium|reveal-for-large)/g)[0].split("-")[2],this._setMQChecker()),this.options.transitionTime||(this.options.transitionTime=1e3*parseFloat(window.getComputedStyle(t("[data-off-canvas-wrapper]")[0]).transitionDuration))}},{key:"_events",value:function(){this.$element.off(".zf.trigger .zf.offcanvas").on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"keydown.zf.offcanvas":this._handleKeyboard.bind(this)}),this.options.closeOnClick&&this.$exiter.length&&this.$exiter.on({
-"click.zf.offcanvas":this.close.bind(this)})}},{key:"_setMQChecker",value:function(){var e=this;t(window).on("changed.zf.mediaquery",function(){Foundation.MediaQuery.atLeast(e.options.revealOn)?e.reveal(!0):e.reveal(!1)}).one("load.zf.offcanvas",function(){Foundation.MediaQuery.atLeast(e.options.revealOn)&&e.reveal(!0)})}},{key:"reveal",value:function(t){var e=this.$element.find("[data-close]");t?(this.close(),this.isRevealed=!0,this.$element.off("open.zf.trigger toggle.zf.trigger"),e.length&&e.hide()):(this.isRevealed=!1,this.$element.on({"open.zf.trigger":this.open.bind(this),"toggle.zf.trigger":this.toggle.bind(this)}),e.length&&e.show())}},{key:"open",value:function(e,i){if(!this.$element.hasClass("is-open")&&!this.isRevealed){var n=this;t(document.body);this.options.forceTop&&t("body").scrollTop(0),Foundation.Move(this.options.transitionTime,this.$element,function(){t("[data-off-canvas-wrapper]").addClass("is-off-canvas-open is-open-"+n.options.position),n.$element.addClass("is-open")}),this.$triggers.attr("aria-expanded","true"),this.$element.attr("aria-hidden","false").trigger("opened.zf.offcanvas"),this.options.closeOnClick&&this.$exiter.addClass("is-visible"),i&&(this.$lastTrigger=i),this.options.autoFocus&&this.$element.one(Foundation.transitionend(this.$element),function(){n.$element.find("a, button").eq(0).focus()}),this.options.trapFocus&&(t("[data-off-canvas-content]").attr("tabindex","-1"),this._trapFocus())}}},{key:"_trapFocus",value:function(){var t=Foundation.Keyboard.findFocusable(this.$element),e=t.eq(0),i=t.eq(-1);t.off(".zf.offcanvas").on("keydown.zf.offcanvas",function(t){9!==t.which&&9!==t.keycode||(t.target!==i[0]||t.shiftKey||(t.preventDefault(),e.focus()),t.target===e[0]&&t.shiftKey&&(t.preventDefault(),i.focus()))})}},{key:"close",value:function(e){if(this.$element.hasClass("is-open")&&!this.isRevealed){var i=this;t("[data-off-canvas-wrapper]").removeClass("is-off-canvas-open is-open-"+i.options.position),i.$element.removeClass("is-open"),this.$element.attr("aria-hidden","true").trigger("closed.zf.offcanvas"),this.options.closeOnClick&&this.$exiter.removeClass("is-visible"),this.$triggers.attr("aria-expanded","false"),this.options.trapFocus&&t("[data-off-canvas-content]").removeAttr("tabindex")}}},{key:"toggle",value:function(t,e){this.$element.hasClass("is-open")?this.close(t,e):this.open(t,e)}},{key:"_handleKeyboard",value:function(t){27===t.which&&(t.stopPropagation(),t.preventDefault(),this.close(),this.$lastTrigger.focus())}},{key:"destroy",value:function(){this.close(),this.$element.off(".zf.trigger .zf.offcanvas"),this.$exiter.off(".zf.offcanvas"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={closeOnClick:!0,transitionTime:0,position:"left",forceTop:!0,isRevealed:!1,revealOn:null,autoFocus:!0,revealClass:"reveal-for-",trapFocus:!1},Foundation.plugin(e,"OffCanvas")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Orbit"),Foundation.Keyboard.register("Orbit",{ltr:{ARROW_RIGHT:"next",ARROW_LEFT:"previous"},rtl:{ARROW_LEFT:"next",ARROW_RIGHT:"previous"}})}return _createClass(e,[{key:"_init",value:function(){this.$wrapper=this.$element.find("."+this.options.containerClass),this.$slides=this.$element.find("."+this.options.slideClass);var t=this.$element.find("img"),e=this.$slides.filter(".is-active");e.length||this.$slides.eq(0).addClass("is-active"),this.options.useMUI||this.$slides.addClass("no-motionui"),t.length?Foundation.onImagesLoaded(t,this._prepareForOrbit.bind(this)):this._prepareForOrbit(),this.options.bullets&&this._loadBullets(),this._events(),this.options.autoPlay&&this.$slides.length>1&&this.geoSync(),this.options.accessible&&this.$wrapper.attr("tabindex",0)}},{key:"_loadBullets",value:function(){this.$bullets=this.$element.find("."+this.options.boxOfBullets).find("button")}},{key:"geoSync",value:function(){var t=this;this.timer=new Foundation.Timer(this.$element,{duration:this.options.timerDelay,infinite:!1},function(){t.changeSlide(!0)}),this.timer.start()}},{key:"_prepareForOrbit",value:function(){var t=this;this._setWrapperHeight(function(e){t._setSlideHeight(e)})}},{key:"_setWrapperHeight",value:function(e){var i,n=0,s=0;this.$slides.each(function(){i=this.getBoundingClientRect().height,t(this).attr("data-slide",s),s&&t(this).css({position:"relative",display:"none"}),n=i>n?i:n,s++}),s===this.$slides.length&&(this.$wrapper.css({height:n}),e(n))}},{key:"_setSlideHeight",value:function(e){this.$slides.each(function(){t(this).css("max-height",e)})}},{key:"_events",value:function(){var e=this;if(this.$slides.length>1){if(this.options.swipe&&this.$slides.off("swipeleft.zf.orbit swiperight.zf.orbit").on("swipeleft.zf.orbit",function(t){t.preventDefault(),e.changeSlide(!0)}).on("swiperight.zf.orbit",function(t){t.preventDefault(),e.changeSlide(!1)}),this.options.autoPlay&&(this.$slides.on("click.zf.orbit",function(){e.$element.data("clickedOn",!e.$element.data("clickedOn")),e.timer[e.$element.data("clickedOn")?"pause":"start"]()}),this.options.pauseOnHover&&this.$element.on("mouseenter.zf.orbit",function(){e.timer.pause()}).on("mouseleave.zf.orbit",function(){e.$element.data("clickedOn")||e.timer.start()})),this.options.navButtons){var i=this.$element.find("."+this.options.nextClass+", ."+this.options.prevClass);i.attr("tabindex",0).on("click.zf.orbit touchend.zf.orbit",function(i){i.preventDefault(),e.changeSlide(t(this).hasClass(e.options.nextClass))})}this.options.bullets&&this.$bullets.on("click.zf.orbit touchend.zf.orbit",function(){if(/is-active/g.test(this.className))return!1;var i=t(this).data("slide"),n=i>e.$slides.filter(".is-active").data("slide"),s=e.$slides.eq(i);e.changeSlide(n,s,i)}),this.$wrapper.add(this.$bullets).on("keydown.zf.orbit",function(i){Foundation.Keyboard.handleKey(i,"Orbit",{next:function(){e.changeSlide(!0)},previous:function(){e.changeSlide(!1)},handled:function(){t(i.target).is(e.$bullets)&&e.$bullets.filter(".is-active").focus()}})})}}},{key:"changeSlide",value:function(t,e,i){var n=this.$slides.filter(".is-active").eq(0);if(/mui/g.test(n[0].className))return!1;var s,o=this.$slides.first(),a=this.$slides.last(),r=t?"Right":"Left",l=t?"Left":"Right",u=this;s=e?e:t?this.options.infiniteWrap?n.next("."+this.options.slideClass).length?n.next("."+this.options.slideClass):o:n.next("."+this.options.slideClass):this.options.infiniteWrap?n.prev("."+this.options.slideClass).length?n.prev("."+this.options.slideClass):a:n.prev("."+this.options.slideClass),s.length&&(this.options.bullets&&(i=i||this.$slides.index(s),this._updateBullets(i)),this.options.useMUI?(Foundation.Motion.animateIn(s.addClass("is-active").css({position:"absolute",top:0}),this.options["animInFrom"+r],function(){s.css({position:"relative",display:"block"}).attr("aria-live","polite")}),Foundation.Motion.animateOut(n.removeClass("is-active"),this.options["animOutTo"+l],function(){n.removeAttr("aria-live"),u.options.autoPlay&&!u.timer.isPaused&&u.timer.restart()})):(n.removeClass("is-active is-in").removeAttr("aria-live").hide(),s.addClass("is-active is-in").attr("aria-live","polite").show(),this.options.autoPlay&&!this.timer.isPaused&&this.timer.restart()),this.$element.trigger("slidechange.zf.orbit",[s]))}},{key:"_updateBullets",value:function(t){var e=this.$element.find("."+this.options.boxOfBullets).find(".is-active").removeClass("is-active").blur(),i=e.find("span:last").detach();this.$bullets.eq(t).addClass("is-active").append(i)}},{key:"destroy",value:function(){this.$element.off(".zf.orbit").find("*").off(".zf.orbit").end().hide(),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={bullets:!0,navButtons:!0,animInFromRight:"slide-in-right",animOutToRight:"slide-out-right",animInFromLeft:"slide-in-left",animOutToLeft:"slide-out-left",autoPlay:!0,timerDelay:5e3,infiniteWrap:!0,swipe:!0,pauseOnHover:!0,accessible:!0,containerClass:"orbit-container",slideClass:"orbit-slide",boxOfBullets:"orbit-bullets",nextClass:"orbit-next",prevClass:"orbit-previous",useMUI:!0},Foundation.plugin(e,"Orbit")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=t(i),this.rules=this.$element.data("responsive-menu"),this.currentMq=null,this.currentPlugin=null,this._init(),this._events(),Foundation.registerPlugin(this,"ResponsiveMenu")}return _createClass(e,[{key:"_init",value:function(){if("string"==typeof this.rules){for(var e={},n=this.rules.split(" "),s=0;s<n.length;s++){var o=n[s].split("-"),a=o.length>1?o[0]:"small",r=o.length>1?o[1]:o[0];null!==i[r]&&(e[a]=i[r])}this.rules=e}t.isEmptyObject(this.rules)||this._checkMediaQueries()}},{key:"_events",value:function(){var e=this;t(window).on("changed.zf.mediaquery",function(){e._checkMediaQueries()})}},{key:"_checkMediaQueries",value:function(){var e,n=this;t.each(this.rules,function(t){Foundation.MediaQuery.atLeast(t)&&(e=t)}),e&&(this.currentPlugin instanceof this.rules[e].plugin||(t.each(i,function(t,e){n.$element.removeClass(e.cssClass)}),this.$element.addClass(this.rules[e].cssClass),this.currentPlugin&&this.currentPlugin.destroy(),this.currentPlugin=new this.rules[e].plugin(this.$element,{})))}},{key:"destroy",value:function(){this.currentPlugin.destroy(),t(window).off(".zf.ResponsiveMenu"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={};var i={dropdown:{cssClass:"dropdown",plugin:Foundation._plugins["dropdown-menu"]||null},drilldown:{cssClass:"drilldown",plugin:Foundation._plugins.drilldown||null},accordion:{cssClass:"accordion-menu",plugin:Foundation._plugins["accordion-menu"]||null}};Foundation.plugin(e,"ResponsiveMenu")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=t(i),this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),this._events(),Foundation.registerPlugin(this,"ResponsiveToggle")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.data("responsive-toggle");e||console.error("Your tab bar needs an ID of a Menu as the value of data-tab-bar."),this.$targetMenu=t("#"+e),this.$toggler=this.$element.find("[data-toggle]"),this._update()}},{key:"_events",value:function(){this._updateMqHandler=this._update.bind(this),t(window).on("changed.zf.mediaquery",this._updateMqHandler),this.$toggler.on("click.zf.responsiveToggle",this.toggleMenu.bind(this))}},{key:"_update",value:function(){Foundation.MediaQuery.atLeast(this.options.hideFor)?(this.$element.hide(),this.$targetMenu.show()):(this.$element.show(),this.$targetMenu.hide())}},{key:"toggleMenu",value:function(){Foundation.MediaQuery.atLeast(this.options.hideFor)||(this.$targetMenu.toggle(0),this.$element.trigger("toggled.zf.responsiveToggle"))}},{key:"destroy",value:function(){this.$element.off(".zf.responsiveToggle"),this.$toggler.off(".zf.responsiveToggle"),t(window).off("changed.zf.mediaquery",this._updateMqHandler),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={hideFor:"medium"},Foundation.plugin(e,"ResponsiveToggle")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){function e(){return/iP(ad|hone|od).*OS/.test(window.navigator.userAgent)}function i(){return/Android/.test(window.navigator.userAgent)}function n(){return e()||i()}var s=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Reveal"),Foundation.Keyboard.register("Reveal",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}return _createClass(e,[{key:"_init",value:function(){this.id=this.$element.attr("id"),this.isActive=!1,this.cached={mq:Foundation.MediaQuery.current},this.isMobile=n(),this.$anchor=t(t('[data-open="'+this.id+'"]').length?'[data-open="'+this.id+'"]':'[data-toggle="'+this.id+'"]'),this.$anchor.attr({"aria-controls":this.id,"aria-haspopup":!0,tabindex:0}),(this.options.fullScreen||this.$element.hasClass("full"))&&(this.options.fullScreen=!0,this.options.overlay=!1),this.options.overlay&&!this.$overlay&&(this.$overlay=this._makeOverlay(this.id)),this.$element.attr({role:"dialog","aria-hidden":!0,"data-yeti-box":this.id,"data-resize":this.id}),this.$overlay?this.$element.detach().appendTo(this.$overlay):(this.$element.detach().appendTo(t("body")),this.$element.addClass("without-overlay")),this._events(),this.options.deepLink&&window.location.hash==="#"+this.id&&t(window).one("load.zf.reveal",this.open.bind(this))}},{key:"_makeOverlay",value:function(e){var i=t("<div></div>").addClass("reveal-overlay").appendTo("body");return i}},{key:"_updatePosition",value:function(){var e,i,n=this.$element.outerWidth(),s=t(window).width(),o=this.$element.outerHeight(),a=t(window).height();e="auto"===this.options.hOffset?parseInt((s-n)/2,10):parseInt(this.options.hOffset,10),i="auto"===this.options.vOffset?o>a?parseInt(Math.min(100,a/10),10):parseInt((a-o)/4,10):parseInt(this.options.vOffset,10),this.$element.css({top:i+"px"}),this.$overlay&&"auto"===this.options.hOffset||(this.$element.css({left:e+"px"}),this.$element.css({margin:"0px"}))}},{key:"_events",value:function(){var e=this,i=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":function(n,s){return n.target===i.$element[0]||t(n.target).parents("[data-closable]")[0]===s?e.close.apply(e):void 0},"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":function(){i._updatePosition()}}),this.$anchor.length&&this.$anchor.on("keydown.zf.reveal",function(t){13!==t.which&&32!==t.which||(t.stopPropagation(),t.preventDefault(),i.open())}),this.options.closeOnClick&&this.options.overlay&&this.$overlay.off(".zf.reveal").on("click.zf.reveal",function(e){e.target===i.$element[0]||t.contains(i.$element[0],e.target)||i.close()}),this.options.deepLink&&t(window).on("popstate.zf.reveal:"+this.id,this._handleState.bind(this))}},{key:"_handleState",value:function(t){window.location.hash!=="#"+this.id||this.isActive?this.close():this.open()}},{key:"open",value:function(){var e=this;if(this.options.deepLink){var i="#"+this.id;window.history.pushState?window.history.pushState(null,null,i):window.location.hash=i}if(this.isActive=!0,this.$element.css({visibility:"hidden"}).show().scrollTop(0),this.options.overlay&&this.$overlay.css({visibility:"hidden"}).show(),this._updatePosition(),this.$element.hide().css({visibility:""}),this.$overlay&&(this.$overlay.css({visibility:""}).hide(),this.$element.hasClass("fast")?this.$overlay.addClass("fast"):this.$element.hasClass("slow")&&this.$overlay.addClass("slow")),this.options.multipleOpened||this.$element.trigger("closeme.zf.reveal",this.id),this.options.animationIn){var n;!function(){var t=function(){n.$element.attr({"aria-hidden":!1,tabindex:-1}).focus(),console.log("focus")};n=e,e.options.overlay&&Foundation.Motion.animateIn(e.$overlay,"fade-in"),Foundation.Motion.animateIn(e.$element,e.options.animationIn,function(){e.focusableElements=Foundation.Keyboard.findFocusable(e.$element),t()})}()}else this.options.overlay&&this.$overlay.show(0),this.$element.show(this.options.showDelay);this.$element.attr({"aria-hidden":!1,tabindex:-1}).focus(),this.$element.trigger("open.zf.reveal"),this.isMobile?(this.originalScrollPos=window.pageYOffset,t("html, body").addClass("is-reveal-open")):t("body").addClass("is-reveal-open"),setTimeout(function(){e._extraHandlers()},0)}},{key:"_extraHandlers",value:function(){var e=this;this.focusableElements=Foundation.Keyboard.findFocusable(this.$element),this.options.overlay||!this.options.closeOnClick||this.options.fullScreen||t("body").on("click.zf.reveal",function(i){i.target===e.$element[0]||t.contains(e.$element[0],i.target)||e.close()}),this.options.closeOnEsc&&t(window).on("keydown.zf.reveal",function(t){Foundation.Keyboard.handleKey(t,"Reveal",{close:function(){e.options.closeOnEsc&&(e.close(),e.$anchor.focus())}})}),this.$element.on("keydown.zf.reveal",function(i){var n=t(this);Foundation.Keyboard.handleKey(i,"Reveal",{tab_forward:function(){return e.$element.find(":focus").is(e.focusableElements.eq(-1))?(e.focusableElements.eq(0).focus(),!0):0===e.focusableElements.length?!0:void 0},tab_backward:function(){return e.$element.find(":focus").is(e.focusableElements.eq(0))||e.$element.is(":focus")?(e.focusableElements.eq(-1).focus(),!0):0===e.focusableElements.length?!0:void 0},open:function(){e.$element.find(":focus").is(e.$element.find("[data-close]"))?setTimeout(function(){e.$anchor.focus()},1):n.is(e.focusableElements)&&e.open()},close:function(){e.options.closeOnEsc&&(e.close(),e.$anchor.focus())},handled:function(t){t&&i.preventDefault()}})})}},{key:"close",value:function(){function e(){i.isMobile?(t("html, body").removeClass("is-reveal-open"),i.originalScrollPos&&(t("body").scrollTop(i.originalScrollPos),i.originalScrollPos=null)):t("body").removeClass("is-reveal-open"),i.$element.attr("aria-hidden",!0),i.$element.trigger("closed.zf.reveal")}if(!this.isActive||!this.$element.is(":visible"))return!1;var i=this;this.options.animationOut?(this.options.overlay?Foundation.Motion.animateOut(this.$overlay,"fade-out",e):e(),Foundation.Motion.animateOut(this.$element,this.options.animationOut)):(this.options.overlay?this.$overlay.hide(0,e):e(),this.$element.hide(this.options.hideDelay)),this.options.closeOnEsc&&t(window).off("keydown.zf.reveal"),!this.options.overlay&&this.options.closeOnClick&&t("body").off("click.zf.reveal"),this.$element.off("keydown.zf.reveal"),this.options.resetOnClose&&this.$element.html(this.$element.html()),this.isActive=!1,i.options.deepLink&&(window.history.replaceState?window.history.replaceState("",document.title,window.location.pathname):window.location.hash="")}},{key:"toggle",value:function(){this.isActive?this.close():this.open()}},{key:"destroy",value:function(){this.options.overlay&&(this.$element.appendTo(t("body")),this.$overlay.hide().off().remove()),this.$element.hide().off(),this.$anchor.off(".zf"),t(window).off(".zf.reveal:"+this.id),Foundation.unregisterPlugin(this)}}]),e}();s.defaults={animationIn:"",animationOut:"",showDelay:0,hideDelay:0,closeOnClick:!0,closeOnEsc:!0,multipleOpened:!1,vOffset:"auto",hOffset:"auto",fullScreen:!1,btmOffsetPct:10,overlay:!0,resetOnClose:!1,deepLink:!1},Foundation.plugin(s,"Reveal")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){function e(t,e){return t/e}function i(t,e,i,n){return Math.abs(t.position()[e]+t[n]()/2-i)}var n=function(){function n(e,i){_classCallCheck(this,n),this.$element=e,this.options=t.extend({},n.defaults,this.$element.data(),i),this._init(),Foundation.registerPlugin(this,"Slider"),Foundation.Keyboard.register("Slider",{ltr:{ARROW_RIGHT:"increase",ARROW_UP:"increase",ARROW_DOWN:"decrease",ARROW_LEFT:"decrease",SHIFT_ARROW_RIGHT:"increase_fast",SHIFT_ARROW_UP:"increase_fast",SHIFT_ARROW_DOWN:"decrease_fast",SHIFT_ARROW_LEFT:"decrease_fast"},rtl:{ARROW_LEFT:"increase",ARROW_RIGHT:"decrease",SHIFT_ARROW_LEFT:"increase_fast",SHIFT_ARROW_RIGHT:"decrease_fast"}})}return _createClass(n,[{key:"_init",value:function(){this.inputs=this.$element.find("input"),this.handles=this.$element.find("[data-slider-handle]"),this.$handle=this.handles.eq(0),this.$input=this.inputs.length?this.inputs.eq(0):t("#"+this.$handle.attr("aria-controls")),this.$fill=this.$element.find("[data-slider-fill]").css(this.options.vertical?"height":"width",0);var e=!1,i=this;(this.options.disabled||this.$element.hasClass(this.options.disabledClass))&&(this.options.disabled=!0,this.$element.addClass(this.options.disabledClass)),this.inputs.length||(this.inputs=t().add(this.$input),this.options.binding=!0),this._setInitAttr(0),this._events(this.$handle),this.handles[1]&&(this.options.doubleSided=!0,this.$handle2=this.handles.eq(1),this.$input2=this.inputs.length>1?this.inputs.eq(1):t("#"+this.$handle2.attr("aria-controls")),this.inputs[1]||(this.inputs=this.inputs.add(this.$input2)),e=!0,this._setHandlePos(this.$handle,this.options.initialStart,!0,function(){i._setHandlePos(i.$handle2,i.options.initialEnd,!0)}),this._setInitAttr(1),this._events(this.$handle2)),e||this._setHandlePos(this.$handle,this.options.initialStart,!0)}},{key:"_setHandlePos",value:function(t,i,n,s){if(!this.$element.hasClass(this.options.disabledClass)){i=parseFloat(i),i<this.options.start?i=this.options.start:i>this.options.end&&(i=this.options.end);var o=this.options.doubleSided;if(o)if(0===this.handles.index(t)){var a=parseFloat(this.$handle2.attr("aria-valuenow"));i=i>=a?a-this.options.step:i}else{var r=parseFloat(this.$handle.attr("aria-valuenow"));i=r>=i?r+this.options.step:i}this.options.vertical&&!n&&(i=this.options.end-i);var l=this,u=this.options.vertical,d=u?"height":"width",h=u?"top":"left",c=t[0].getBoundingClientRect()[d],f=this.$element[0].getBoundingClientRect()[d],p=e(i-this.options.start,this.options.end-this.options.start).toFixed(2),m=(f-c)*p,v=(100*e(m,f)).toFixed(this.options.decimal);i=parseFloat(i.toFixed(this.options.decimal));var g={};if(this._setValues(t,i),o){var w,y=0===this.handles.index(t),b=~~(100*e(c,f));if(y)g[h]=v+"%",w=parseFloat(this.$handle2[0].style[h])-v+b,s&&"function"==typeof s&&s();else{var $=parseFloat(this.$handle[0].style[h]);w=v-(isNaN($)?this.options.initialStart/((this.options.end-this.options.start)/100):$)+b}g["min-"+d]=w+"%"}this.$element.one("finished.zf.animate",function(){l.$element.trigger("moved.zf.slider",[t])});var C=this.$element.data("dragging")?1e3/60:this.options.moveTime;Foundation.Move(C,t,function(){t.css(h,v+"%"),l.options.doubleSided?l.$fill.css(g):l.$fill.css(d,100*p+"%")}),clearTimeout(l.timeout),l.timeout=setTimeout(function(){l.$element.trigger("changed.zf.slider",[t])},l.options.changedDelay)}}},{key:"_setInitAttr",value:function(t){var e=this.inputs.eq(t).attr("id")||Foundation.GetYoDigits(6,"slider");this.inputs.eq(t).attr({id:e,max:this.options.end,min:this.options.start,step:this.options.step}),this.handles.eq(t).attr({role:"slider","aria-controls":e,"aria-valuemax":this.options.end,"aria-valuemin":this.options.start,"aria-valuenow":0===t?this.options.initialStart:this.options.initialEnd,"aria-orientation":this.options.vertical?"vertical":"horizontal",tabindex:0})}},{key:"_setValues",value:function(t,e){var i=this.options.doubleSided?this.handles.index(t):0;this.inputs.eq(i).val(e),t.attr("aria-valuenow",e)}},{key:"_handleEvent",value:function(n,s,o){var a,r;if(o)a=this._adjustValue(null,o),r=!0;else{n.preventDefault();var l=this,u=this.options.vertical,d=u?"height":"width",h=u?"top":"left",c=u?n.pageY:n.pageX,f=(this.$handle[0].getBoundingClientRect()[d]/2,this.$element[0].getBoundingClientRect()[d]),p=u?t(window).scrollTop():t(window).scrollLeft(),m=this.$element.offset()[h];n.clientY===n.pageY&&(c+=p);var v,g=c-m;if(v=0>g?0:g>f?f:g,offsetPct=e(v,f),a=(this.options.end-this.options.start)*offsetPct+this.options.start,Foundation.rtl()&&!this.options.vertical&&(a=this.options.end-a),a=l._adjustValue(null,a),r=!1,!s){var w=i(this.$handle,h,v,d),y=i(this.$handle2,h,v,d);s=y>=w?this.$handle:this.$handle2}}this._setHandlePos(s,a,r)}},{key:"_adjustValue",value:function(t,e){var i,n,s,o,a=this.options.step,r=parseFloat(a/2);return i=t?parseFloat(t.attr("aria-valuenow")):e,n=i%a,s=i-n,o=s+a,0===n?i:i=i>=s+r?o:s}},{key:"_events",value:function(e){var i,n=this;if(this.inputs.off("change.zf.slider").on("change.zf.slider",function(e){var i=n.inputs.index(t(this));n._handleEvent(e,n.handles.eq(i),t(this).val())}),this.options.clickSelect&&this.$element.off("click.zf.slider").on("click.zf.slider",function(e){return n.$element.data("dragging")?!1:void(t(e.target).is("[data-slider-handle]")||(n.options.doubleSided?n._handleEvent(e):n._handleEvent(e,n.$handle)))}),this.options.draggable){this.handles.addTouch();var s=t("body");e.off("mousedown.zf.slider").on("mousedown.zf.slider",function(o){e.addClass("is-dragging"),n.$fill.addClass("is-dragging"),n.$element.data("dragging",!0),i=t(o.currentTarget),s.on("mousemove.zf.slider",function(t){t.preventDefault(),n._handleEvent(t,i)}).on("mouseup.zf.slider",function(t){n._handleEvent(t,i),e.removeClass("is-dragging"),n.$fill.removeClass("is-dragging"),n.$element.data("dragging",!1),s.off("mousemove.zf.slider mouseup.zf.slider")})}).on("selectstart.zf.slider touchmove.zf.slider",function(t){t.preventDefault()})}e.off("keydown.zf.slider").on("keydown.zf.slider",function(e){var i,s=t(this),o=n.options.doubleSided?n.handles.index(s):0,a=parseFloat(n.inputs.eq(o).val());Foundation.Keyboard.handleKey(e,"Slider",{decrease:function(){i=a-n.options.step},increase:function(){i=a+n.options.step},decrease_fast:function(){i=a-10*n.options.step},increase_fast:function(){i=a+10*n.options.step},handled:function(){e.preventDefault(),n._setHandlePos(s,i,!0)}})})}},{key:"destroy",value:function(){this.handles.off(".zf.slider"),this.inputs.off(".zf.slider"),this.$element.off(".zf.slider"),Foundation.unregisterPlugin(this)}}]),n}();n.defaults={start:0,end:100,step:1,initialStart:0,initialEnd:100,binding:!1,clickSelect:!0,vertical:!1,draggable:!0,disabled:!1,doubleSided:!1,decimal:2,moveTime:200,disabledClass:"disabled",invertVertical:!1,changedDelay:500},Foundation.plugin(n,"Slider")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){function e(t){return parseInt(window.getComputedStyle(document.body,null).fontSize,10)*t}var i=function(){function i(e,n){_classCallCheck(this,i),this.$element=e,this.options=t.extend({},i.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Sticky")}return _createClass(i,[{key:"_init",value:function(){var e=this.$element.parent("[data-sticky-container]"),i=this.$element[0].id||Foundation.GetYoDigits(6,"sticky"),n=this;e.length||(this.wasWrapped=!0),this.$container=e.length?e:t(this.options.container).wrapInner(this.$element),this.$container.addClass(this.options.containerClass),this.$element.addClass(this.options.stickyClass).attr({"data-resize":i}),this.scrollCount=this.options.checkEvery,this.isStuck=!1,t(window).one("load.zf.sticky",function(){""!==n.options.anchor?n.$anchor=t("#"+n.options.anchor):n._parsePoints(),n._setSizes(function(){n._calc(!1)}),n._events(i.split("-").reverse().join("-"))})}},{key:"_parsePoints",value:function(){for(var e=""==this.options.topAnchor?1:this.options.topAnchor,i=""==this.options.btmAnchor?document.documentElement.scrollHeight:this.options.btmAnchor,n=[e,i],s={},o=0,a=n.length;a>o&&n[o];o++){var r;if("number"==typeof n[o])r=n[o];else{var l=n[o].split(":"),u=t("#"+l[0]);r=u.offset().top,l[1]&&"bottom"===l[1].toLowerCase()&&(r+=u[0].getBoundingClientRect().height)}s[o]=r}this.points=s}},{key:"_events",value:function(e){var i=this,n=this.scrollListener="scroll.zf."+e;this.isOn||(this.canStick&&(this.isOn=!0,t(window).off(n).on(n,function(t){0===i.scrollCount?(i.scrollCount=i.options.checkEvery,i._setSizes(function(){i._calc(!1,window.pageYOffset)})):(i.scrollCount--,i._calc(!1,window.pageYOffset))})),this.$element.off("resizeme.zf.trigger").on("resizeme.zf.trigger",function(t,s){i._setSizes(function(){i._calc(!1),i.canStick?i.isOn||i._events(e):i.isOn&&i._pauseListeners(n)})}))}},{key:"_pauseListeners",value:function(e){this.isOn=!1,t(window).off(e),this.$element.trigger("pause.zf.sticky")}},{key:"_calc",value:function(t,e){return t&&this._setSizes(),this.canStick?(e||(e=window.pageYOffset),void(e>=this.topPoint?e<=this.bottomPoint?this.isStuck||this._setSticky():this.isStuck&&this._removeSticky(!1):this.isStuck&&this._removeSticky(!0))):(this.isStuck&&this._removeSticky(!0),!1)}},{key:"_setSticky",value:function(){var t=this,e=this.options.stickTo,i="top"===e?"marginTop":"marginBottom",n="top"===e?"bottom":"top",s={};s[i]=this.options[i]+"em",s[e]=0,s[n]="auto",s.left=this.$container.offset().left+parseInt(window.getComputedStyle(this.$container[0])["padding-left"],10),this.isStuck=!0,this.$element.removeClass("is-anchored is-at-"+n).addClass("is-stuck is-at-"+e).css(s).trigger("sticky.zf.stuckto:"+e),this.$element.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",function(){t._setSizes()})}},{key:"_removeSticky",value:function(t){var e=this.options.stickTo,i="top"===e,n={},s=(this.points?this.points[1]-this.points[0]:this.anchorHeight)-this.elemHeight,o=i?"marginTop":"marginBottom",a=t?"top":"bottom";n[o]=0,n.bottom="auto",t?n.top=0:n.top=s,n.left="",this.isStuck=!1,this.$element.removeClass("is-stuck is-at-"+e).addClass("is-anchored is-at-"+a).css(n).trigger("sticky.zf.unstuckfrom:"+a)}},{key:"_setSizes",value:function(t){this.canStick=Foundation.MediaQuery.atLeast(this.options.stickyOn),this.canStick||t();var e=this.$container[0].getBoundingClientRect().width,i=window.getComputedStyle(this.$container[0]),n=parseInt(i["padding-right"],10);this.$anchor&&this.$anchor.length?this.anchorHeight=this.$anchor[0].getBoundingClientRect().height:this._parsePoints(),this.$element.css({"max-width":e-n+"px"});var s=this.$element[0].getBoundingClientRect().height||this.containerHeight;"none"==this.$element.css("display")&&(s=0),this.containerHeight=s,this.$container.css({height:s}),this.elemHeight=s,this.isStuck&&this.$element.css({left:this.$container.offset().left+parseInt(i["padding-left"],10)}),this._setBreakPoints(s,function(){t&&t()})}},{key:"_setBreakPoints",value:function(t,i){if(!this.canStick){if(!i)return!1;i()}var n=e(this.options.marginTop),s=e(this.options.marginBottom),o=this.points?this.points[0]:this.$anchor.offset().top,a=this.points?this.points[1]:o+this.anchorHeight,r=window.innerHeight;"top"===this.options.stickTo?(o-=n,a-=t+n):"bottom"===this.options.stickTo&&(o-=r-(t+s),a-=r-s),this.topPoint=o,this.bottomPoint=a,i&&i()}},{key:"destroy",value:function(){this._removeSticky(!0),this.$element.removeClass(this.options.stickyClass+" is-anchored is-at-top").css({height:"",top:"",bottom:"","max-width":""}).off("resizeme.zf.trigger"),this.$anchor&&this.$anchor.length&&this.$anchor.off("change.zf.sticky"),t(window).off(this.scrollListener),this.wasWrapped?this.$element.unwrap():this.$container.removeClass(this.options.containerClass).css({height:""}),Foundation.unregisterPlugin(this)}}]),i}();i.defaults={container:"<div data-sticky-container></div>",stickTo:"top",anchor:"",topAnchor:"",btmAnchor:"",marginTop:1,marginBottom:1,stickyOn:"medium",stickyClass:"sticky",containerClass:"sticky-container",checkEvery:-1},Foundation.plugin(i,"Sticky")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n);
-}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Tabs"),Foundation.Keyboard.register("Tabs",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"previous",ARROW_DOWN:"next",ARROW_LEFT:"previous"})}return _createClass(e,[{key:"_init",value:function(){var e=this;if(this.$tabTitles=this.$element.find("."+this.options.linkClass),this.$tabContent=t('[data-tabs-content="'+this.$element[0].id+'"]'),this.$tabTitles.each(function(){var i=t(this),n=i.find("a"),s=i.hasClass("is-active"),o=n[0].hash.slice(1),a=n[0].id?n[0].id:o+"-label",r=t("#"+o);i.attr({role:"presentation"}),n.attr({role:"tab","aria-controls":o,"aria-selected":s,id:a}),r.attr({role:"tabpanel","aria-hidden":!s,"aria-labelledby":a}),s&&e.options.autoFocus&&n.focus()}),this.options.matchHeight){var i=this.$tabContent.find("img");i.length?Foundation.onImagesLoaded(i,this._setHeight.bind(this)):this._setHeight()}this._events()}},{key:"_events",value:function(){this._addKeyHandler(),this._addClickHandler(),this._setHeightMqHandler=null,this.options.matchHeight&&(this._setHeightMqHandler=this._setHeight.bind(this),t(window).on("changed.zf.mediaquery",this._setHeightMqHandler))}},{key:"_addClickHandler",value:function(){var e=this;this.$element.off("click.zf.tabs").on("click.zf.tabs","."+this.options.linkClass,function(i){i.preventDefault(),i.stopPropagation(),t(this).hasClass("is-active")||e._handleTabChange(t(this))})}},{key:"_addKeyHandler",value:function(){var e=this;e.$element.find("li:first-of-type"),e.$element.find("li:last-of-type");this.$tabTitles.off("keydown.zf.tabs").on("keydown.zf.tabs",function(i){if(9!==i.which){var n,s,o=t(this),a=o.parent("ul").children("li");a.each(function(i){return t(this).is(o)?void(e.options.wrapOnKeys?(n=0===i?a.last():a.eq(i-1),s=i===a.length-1?a.first():a.eq(i+1)):(n=a.eq(Math.max(0,i-1)),s=a.eq(Math.min(i+1,a.length-1)))):void 0}),Foundation.Keyboard.handleKey(i,"Tabs",{open:function(){o.find('[role="tab"]').focus(),e._handleTabChange(o)},previous:function(){n.find('[role="tab"]').focus(),e._handleTabChange(n)},next:function(){s.find('[role="tab"]').focus(),e._handleTabChange(s)},handled:function(){i.stopPropagation(),i.preventDefault()}})}})}},{key:"_handleTabChange",value:function(e){var i=e.find('[role="tab"]'),n=i[0].hash,s=this.$tabContent.find(n),o=this.$element.find("."+this.options.linkClass+".is-active").removeClass("is-active").find('[role="tab"]').attr({"aria-selected":"false"});t("#"+o.attr("aria-controls")).removeClass("is-active").attr({"aria-hidden":"true"}),e.addClass("is-active"),i.attr({"aria-selected":"true"}),s.addClass("is-active").attr({"aria-hidden":"false"}),this.$element.trigger("change.zf.tabs",[e])}},{key:"selectTab",value:function(t){var e;e="object"==typeof t?t[0].id:t,e.indexOf("#")<0&&(e="#"+e);var i=this.$tabTitles.find('[href="'+e+'"]').parent("."+this.options.linkClass);this._handleTabChange(i)}},{key:"_setHeight",value:function(){var e=0;this.$tabContent.find("."+this.options.panelClass).css("height","").each(function(){var i=t(this),n=i.hasClass("is-active");n||i.css({visibility:"hidden",display:"block"});var s=this.getBoundingClientRect().height;n||i.css({visibility:"",display:""}),e=s>e?s:e}).css("height",e+"px")}},{key:"destroy",value:function(){this.$element.find("."+this.options.linkClass).off(".zf.tabs").hide().end().find("."+this.options.panelClass).hide(),this.options.matchHeight&&null!=this._setHeightMqHandler&&t(window).off("changed.zf.mediaquery",this._setHeightMqHandler),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={autoFocus:!1,wrapOnKeys:!0,matchHeight:!1,linkClass:"tabs-title",panelClass:"tabs-panel"},Foundation.plugin(e,"Tabs")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,i.data(),n),this.className="",this._init(),this._events(),Foundation.registerPlugin(this,"Toggler")}return _createClass(e,[{key:"_init",value:function(){var e;this.options.animate?(e=this.options.animate.split(" "),this.animationIn=e[0],this.animationOut=e[1]||null):(e=this.$element.data("toggler"),this.className="."===e[0]?e.slice(1):e);var i=this.$element[0].id;t('[data-open="'+i+'"], [data-close="'+i+'"], [data-toggle="'+i+'"]').attr("aria-controls",i),this.$element.attr("aria-expanded",!this.$element.is(":hidden"))}},{key:"_events",value:function(){this.$element.off("toggle.zf.trigger").on("toggle.zf.trigger",this.toggle.bind(this))}},{key:"toggle",value:function(){this[this.options.animate?"_toggleAnimate":"_toggleClass"]()}},{key:"_toggleClass",value:function(){this.$element.toggleClass(this.className);var t=this.$element.hasClass(this.className);t?this.$element.trigger("on.zf.toggler"):this.$element.trigger("off.zf.toggler"),this._updateARIA(t)}},{key:"_toggleAnimate",value:function(){var t=this;this.$element.is(":hidden")?Foundation.Motion.animateIn(this.$element,this.animationIn,function(){t._updateARIA(!0),this.trigger("on.zf.toggler")}):Foundation.Motion.animateOut(this.$element,this.animationOut,function(){t._updateARIA(!1),this.trigger("off.zf.toggler")})}},{key:"_updateARIA",value:function(t){this.$element.attr("aria-expanded",!!t)}},{key:"destroy",value:function(){this.$element.off(".zf.toggler"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={animate:!1},Foundation.plugin(e,"Toggler")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this.isActive=!1,this.isClick=!1,this._init(),Foundation.registerPlugin(this,"Tooltip")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("aria-describedby")||Foundation.GetYoDigits(6,"tooltip");this.options.positionClass=this.options.positionClass||this._getPositionClass(this.$element),this.options.tipText=this.options.tipText||this.$element.attr("title"),this.template=this.options.template?t(this.options.template):this._buildTemplate(e),this.template.appendTo(document.body).text(this.options.tipText).hide(),this.$element.attr({title:"","aria-describedby":e,"data-yeti-box":e,"data-toggle":e,"data-resize":e}).addClass(this.triggerClass),this.usedPositions=[],this.counter=4,this.classChanged=!1,this._events()}},{key:"_getPositionClass",value:function(t){if(!t)return"";var e=t[0].className.match(/\b(top|left|right)\b/g);return e=e?e[0]:""}},{key:"_buildTemplate",value:function(e){var i=(this.options.tooltipClass+" "+this.options.positionClass+" "+this.options.templateClasses).trim(),n=t("<div></div>").addClass(i).attr({role:"tooltip","aria-hidden":!0,"data-is-active":!1,"data-is-focus":!1,id:e});return n}},{key:"_reposition",value:function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.template.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.template.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.template.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):this.template.removeClass(t),this.classChanged=!0,this.counter--}},{key:"_setPosition",value:function(){var t=this._getPositionClass(this.template),e=Foundation.Box.GetDimensions(this.template),i=Foundation.Box.GetDimensions(this.$element),n="left"===t?"left":"right"===t?"left":"top",s="top"===n?"height":"width";"height"===s?this.options.vOffset:this.options.hOffset;if(e.width>=e.windowDims.width||!this.counter&&!Foundation.Box.ImNotTouchingYou(this.template))return this.template.offset(Foundation.Box.GetOffsets(this.template,this.$element,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:i.windowDims.width-2*this.options.hOffset,height:"auto"}),!1;for(this.template.offset(Foundation.Box.GetOffsets(this.template,this.$element,"center "+(t||"bottom"),this.options.vOffset,this.options.hOffset));!Foundation.Box.ImNotTouchingYou(this.template)&&this.counter;)this._reposition(t),this._setPosition()}},{key:"show",value:function(){if("all"!==this.options.showOn&&!Foundation.MediaQuery.atLeast(this.options.showOn))return!1;var t=this;this.template.css("visibility","hidden").show(),this._setPosition(),this.$element.trigger("closeme.zf.tooltip",this.template.attr("id")),this.template.attr({"data-is-active":!0,"aria-hidden":!1}),t.isActive=!0,this.template.stop().hide().css("visibility","").fadeIn(this.options.fadeInDuration,function(){}),this.$element.trigger("show.zf.tooltip")}},{key:"hide",value:function(){var t=this;this.template.stop().attr({"aria-hidden":!0,"data-is-active":!1}).fadeOut(this.options.fadeOutDuration,function(){t.isActive=!1,t.isClick=!1,t.classChanged&&(t.template.removeClass(t._getPositionClass(t.template)).addClass(t.options.positionClass),t.usedPositions=[],t.counter=4,t.classChanged=!1)}),this.$element.trigger("hide.zf.tooltip")}},{key:"_events",value:function(){var t=this,e=(this.template,!1);this.options.disableHover||this.$element.on("mouseenter.zf.tooltip",function(e){t.isActive||(t.timeout=setTimeout(function(){t.show()},t.options.hoverDelay))}).on("mouseleave.zf.tooltip",function(i){clearTimeout(t.timeout),(!e||t.isClick&&!t.options.clickOpen)&&t.hide()}),this.options.clickOpen?this.$element.on("mousedown.zf.tooltip",function(e){e.stopImmediatePropagation(),t.isClick||(t.isClick=!0,!t.options.disableHover&&t.$element.attr("tabindex")||t.isActive||t.show())}):this.$element.on("mousedown.zf.tooltip",function(e){e.stopImmediatePropagation(),t.isClick=!0}),this.options.disableForTouch||this.$element.on("tap.zf.tooltip touchend.zf.tooltip",function(e){t.isActive?t.hide():t.show()}),this.$element.on({"close.zf.trigger":this.hide.bind(this)}),this.$element.on("focus.zf.tooltip",function(i){return e=!0,t.isClick?(t.options.clickOpen||(e=!1),!1):void t.show()}).on("focusout.zf.tooltip",function(i){e=!1,t.isClick=!1,t.hide()}).on("resizeme.zf.trigger",function(){t.isActive&&t._setPosition()})}},{key:"toggle",value:function(){this.isActive?this.hide():this.show()}},{key:"destroy",value:function(){this.$element.attr("title",this.template.text()).off(".zf.trigger .zf.tootip").removeAttr("aria-describedby").removeAttr("data-yeti-box").removeAttr("data-toggle").removeAttr("data-resize"),this.template.remove(),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={disableForTouch:!1,hoverDelay:200,fadeInDuration:150,fadeOutDuration:150,disableHover:!1,templateClasses:"",tooltipClass:"tooltip",triggerClass:"has-tip",showOn:"small",template:"",tipText:"",touchCloseText:"Tap to close.",clickOpen:!0,positionClass:"",vOffset:10,hOffset:12},Foundation.plugin(e,"Tooltip")}(jQuery);
+function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}!function(t){"use strict";function e(t){if(void 0===Function.prototype.name){var e=/function\s([^(]{1,})\(/,i=e.exec(t.toString());return i&&i.length>1?i[1].trim():""}return void 0===t.prototype?t.constructor.name:t.prototype.constructor.name}function i(t){return!!/true/.test(t)||!/false/.test(t)&&(isNaN(1*t)?t:parseFloat(t))}function n(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}var s="6.2.4",o={version:s,_plugins:{},_uuids:[],rtl:function(){return"rtl"===t("html").attr("dir")},plugin:function(t,i){var s=i||e(t),o=n(s);this._plugins[o]=this[s]=t},registerPlugin:function(t,i){var s=i?n(i):e(t.constructor).toLowerCase();t.uuid=this.GetYoDigits(6,s),t.$element.attr("data-"+s)||t.$element.attr("data-"+s,t.uuid),t.$element.data("zfPlugin")||t.$element.data("zfPlugin",t),t.$element.trigger("init.zf."+s),this._uuids.push(t.uuid)},unregisterPlugin:function(t){var i=n(e(t.$element.data("zfPlugin").constructor));this._uuids.splice(this._uuids.indexOf(t.uuid),1),t.$element.removeAttr("data-"+i).removeData("zfPlugin").trigger("destroyed.zf."+i);for(var s in t)t[s]=null},reInit:function(e){var i=e instanceof t;try{if(i)e.each(function(){t(this).data("zfPlugin")._init()});else{var s=typeof e,o=this,a={object:function(e){e.forEach(function(e){e=n(e),t("[data-"+e+"]").foundation("_init")})},string:function(){e=n(e),t("[data-"+e+"]").foundation("_init")},undefined:function(){this.object(Object.keys(o._plugins))}};a[s](e)}}catch(r){console.error(r)}finally{return e}},GetYoDigits:function(t,e){return t=t||6,Math.round(Math.pow(36,t+1)-Math.random()*Math.pow(36,t)).toString(36).slice(1)+(e?"-"+e:"")},reflow:function(e,n){"undefined"==typeof n?n=Object.keys(this._plugins):"string"==typeof n&&(n=[n]);var s=this;t.each(n,function(n,o){var a=s._plugins[o],r=t(e).find("[data-"+o+"]").addBack("[data-"+o+"]");r.each(function(){var e=t(this),n={};if(e.data("zfPlugin"))return void console.warn("Tried to initialize "+o+" on an element that already has a Foundation plugin.");if(e.attr("data-options")){e.attr("data-options").split(";").forEach(function(t,e){var s=t.split(":").map(function(t){return t.trim()});s[0]&&(n[s[0]]=i(s[1]))})}try{e.data("zfPlugin",new a(t(this),n))}catch(s){console.error(s)}finally{return}})})},getFnName:e,transitionend:function(t){var e,i={transition:"transitionend",WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend"},n=document.createElement("div");for(var s in i)"undefined"!=typeof n.style[s]&&(e=i[s]);return e?e:(e=setTimeout(function(){t.triggerHandler("transitionend",[t])},1),"transitionend")}};o.util={throttle:function(t,e){var i=null;return function(){var n=this,s=arguments;null===i&&(i=setTimeout(function(){t.apply(n,s),i=null},e))}}};var a=function(i){var n=typeof i,s=t("meta.foundation-mq"),a=t(".no-js");if(s.length||t('<meta class="foundation-mq">').appendTo(document.head),a.length&&a.removeClass("no-js"),"undefined"===n)o.MediaQuery._init(),o.reflow(this);else{if("string"!==n)throw new TypeError("We're sorry, "+n+" is not a valid parameter. You must use a string representing the method you wish to invoke.");var r=Array.prototype.slice.call(arguments,1),l=this.data("zfPlugin");if(void 0===l||void 0===l[i])throw new ReferenceError("We're sorry, '"+i+"' is not an available method for "+(l?e(l):"this element")+".");1===this.length?l[i].apply(l,r):this.each(function(e,n){l[i].apply(t(n).data("zfPlugin"),r)})}return this};window.Foundation=o,t.fn.foundation=a,function(){Date.now&&window.Date.now||(window.Date.now=Date.now=function(){return(new Date).getTime()});for(var t=["webkit","moz"],e=0;e<t.length&&!window.requestAnimationFrame;++e){var i=t[e];window.requestAnimationFrame=window[i+"RequestAnimationFrame"],window.cancelAnimationFrame=window[i+"CancelAnimationFrame"]||window[i+"CancelRequestAnimationFrame"]}if(/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent)||!window.requestAnimationFrame||!window.cancelAnimationFrame){var n=0;window.requestAnimationFrame=function(t){var e=Date.now(),i=Math.max(n+16,e);return setTimeout(function(){t(n=i)},i-e)},window.cancelAnimationFrame=clearTimeout}window.performance&&window.performance.now||(window.performance={start:Date.now(),now:function(){return Date.now()-this.start}})}(),Function.prototype.bind||(Function.prototype.bind=function(t){if("function"!=typeof this)throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");var e=Array.prototype.slice.call(arguments,1),i=this,n=function(){},s=function(){return i.apply(this instanceof n?this:t,e.concat(Array.prototype.slice.call(arguments)))};return this.prototype&&(n.prototype=this.prototype),s.prototype=new n,s})}(jQuery),!function(t){function e(t,e,n,s){var o,a,r,l,u=i(t);if(e){var d=i(e);a=u.offset.top+u.height<=d.height+d.offset.top,o=u.offset.top>=d.offset.top,r=u.offset.left>=d.offset.left,l=u.offset.left+u.width<=d.width+d.offset.left}else a=u.offset.top+u.height<=u.windowDims.height+u.windowDims.offset.top,o=u.offset.top>=u.windowDims.offset.top,r=u.offset.left>=u.windowDims.offset.left,l=u.offset.left+u.width<=u.windowDims.width;var h=[a,o,r,l];return n?r===l==!0:s?o===a==!0:h.indexOf(!1)===-1}function i(t,e){if(t=t.length?t[0]:t,t===window||t===document)throw new Error("I'm sorry, Dave. I'm afraid I can't do that.");var i=t.getBoundingClientRect(),n=t.parentNode.getBoundingClientRect(),s=document.body.getBoundingClientRect(),o=window.pageYOffset,a=window.pageXOffset;return{width:i.width,height:i.height,offset:{top:i.top+o,left:i.left+a},parentDims:{width:n.width,height:n.height,offset:{top:n.top+o,left:n.left+a}},windowDims:{width:s.width,height:s.height,offset:{top:o,left:a}}}}function n(t,e,n,s,o,a){var r=i(t),l=e?i(e):null;switch(n){case"top":return{left:Foundation.rtl()?l.offset.left-r.width+l.width:l.offset.left,top:l.offset.top-(r.height+s)};case"left":return{left:l.offset.left-(r.width+o),top:l.offset.top};case"right":return{left:l.offset.left+l.width+o,top:l.offset.top};case"center top":return{left:l.offset.left+l.width/2-r.width/2,top:l.offset.top-(r.height+s)};case"center bottom":return{left:a?o:l.offset.left+l.width/2-r.width/2,top:l.offset.top+l.height+s};case"center left":return{left:l.offset.left-(r.width+o),top:l.offset.top+l.height/2-r.height/2};case"center right":return{left:l.offset.left+l.width+o+1,top:l.offset.top+l.height/2-r.height/2};case"center":return{left:r.windowDims.offset.left+r.windowDims.width/2-r.width/2,top:r.windowDims.offset.top+r.windowDims.height/2-r.height/2};case"reveal":return{left:(r.windowDims.width-r.width)/2,top:r.windowDims.offset.top+s};case"reveal full":return{left:r.windowDims.offset.left,top:r.windowDims.offset.top};case"left bottom":return{left:l.offset.left,top:l.offset.top+l.height};case"right bottom":return{left:l.offset.left+l.width+o-r.width,top:l.offset.top+l.height};default:return{left:Foundation.rtl()?l.offset.left-r.width+l.width:l.offset.left+o,top:l.offset.top+l.height+s}}}Foundation.Box={ImNotTouchingYou:e,GetDimensions:i,GetOffsets:n}}(jQuery),!function(t){function e(t){var e={};for(var i in t)e[t[i]]=t[i];return e}var i={9:"TAB",13:"ENTER",27:"ESCAPE",32:"SPACE",37:"ARROW_LEFT",38:"ARROW_UP",39:"ARROW_RIGHT",40:"ARROW_DOWN"},n={},s={keys:e(i),parseKey:function(t){var e=i[t.which||t.keyCode]||String.fromCharCode(t.which).toUpperCase();return t.shiftKey&&(e="SHIFT_"+e),t.ctrlKey&&(e="CTRL_"+e),t.altKey&&(e="ALT_"+e),e},handleKey:function(e,i,s){var o,a,r,l=n[i],u=this.parseKey(e);if(!l)return console.warn("Component not defined!");if(o="undefined"==typeof l.ltr?l:Foundation.rtl()?t.extend({},l.ltr,l.rtl):t.extend({},l.rtl,l.ltr),a=o[u],r=s[a],r&&"function"==typeof r){var d=r.apply();(s.handled||"function"==typeof s.handled)&&s.handled(d)}else(s.unhandled||"function"==typeof s.unhandled)&&s.unhandled()},findFocusable:function(e){return e.find("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]").filter(function(){return!(!t(this).is(":visible")||t(this).attr("tabindex")<0)})},register:function(t,e){n[t]=e}};Foundation.Keyboard=s}(jQuery),!function(t){function e(t){var e={};return"string"!=typeof t?e:(t=t.trim().slice(1,-1))?e=t.split("&").reduce(function(t,e){var i=e.replace(/\+/g," ").split("="),n=i[0],s=i[1];return n=decodeURIComponent(n),s=void 0===s?null:decodeURIComponent(s),t.hasOwnProperty(n)?Array.isArray(t[n])?t[n].push(s):t[n]=[t[n],s]:t[n]=s,t},{}):e}var i={queries:[],current:"",_init:function(){var i,n=this,s=t(".foundation-mq").css("font-family");i=e(s);for(var o in i)i.hasOwnProperty(o)&&n.queries.push({name:o,value:"only screen and (min-width: "+i[o]+")"});this.current=this._getCurrentSize(),this._watcher()},atLeast:function(t){var e=this.get(t);return!!e&&window.matchMedia(e).matches},get:function(t){for(var e in this.queries)if(this.queries.hasOwnProperty(e)){var i=this.queries[e];if(t===i.name)return i.value}return null},_getCurrentSize:function(){for(var t,e=0;e<this.queries.length;e++){var i=this.queries[e];window.matchMedia(i.value).matches&&(t=i)}return"object"==typeof t?t.name:t},_watcher:function(){var e=this;t(window).on("resize.zf.mediaquery",function(){var i=e._getCurrentSize(),n=e.current;i!==n&&(e.current=i,t(window).trigger("changed.zf.mediaquery",[i,n]))})}};Foundation.MediaQuery=i,window.matchMedia||(window.matchMedia=function(){"use strict";var t=window.styleMedia||window.media;if(!t){var e=document.createElement("style"),i=document.getElementsByTagName("script")[0],n=null;e.type="text/css",e.id="matchmediajs-test",i&&i.parentNode&&i.parentNode.insertBefore(e,i),n="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle,t={matchMedium:function(t){var i="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=i:e.textContent=i,"1px"===n.width}}}return function(e){return{matches:t.matchMedium(e||"all"),media:e||"all"}}}()),Foundation.MediaQuery=i}(jQuery),!function(t){function e(t,e,i){function n(r){a||(a=window.performance.now()),o=r-a,i.apply(e),o<t?s=window.requestAnimationFrame(n,e):(window.cancelAnimationFrame(s),e.trigger("finished.zf.animate",[e]).triggerHandler("finished.zf.animate",[e]))}var s,o,a=null;s=window.requestAnimationFrame(n)}function i(e,i,o,a){function r(){e||i.hide(),l(),a&&a.apply(i)}function l(){i[0].style.transitionDuration=0,i.removeClass(u+" "+d+" "+o)}if(i=t(i).eq(0),i.length){var u=e?n[0]:n[1],d=e?s[0]:s[1];l(),i.addClass(o).css("transition","none"),requestAnimationFrame(function(){i.addClass(u),e&&i.show()}),requestAnimationFrame(function(){i[0].offsetWidth,i.css("transition","").addClass(d)}),i.one(Foundation.transitionend(i),r)}}var n=["mui-enter","mui-leave"],s=["mui-enter-active","mui-leave-active"],o={animateIn:function(t,e,n){i(!0,t,e,n)},animateOut:function(t,e,n){i(!1,t,e,n)}};Foundation.Move=e,Foundation.Motion=o}(jQuery),!function(t){var e={Feather:function(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"zf";e.attr("role","menubar");var n=e.find("li").attr({role:"menuitem"}),s="is-"+i+"-submenu",o=s+"-item",a="is-"+i+"-submenu-parent";e.find("a:first").attr("tabindex",0),n.each(function(){var e=t(this),i=e.children("ul");i.length&&(e.addClass(a).attr({"aria-haspopup":!0,"aria-expanded":!1,"aria-label":e.children("a:first").text()}),i.addClass("submenu "+s).attr({"data-submenu":"","aria-hidden":!0,role:"menu"})),e.parent("[data-submenu]").length&&e.addClass("is-submenu-item "+o)})},Burn:function(t,e){var i=(t.find("li").removeAttr("tabindex"),"is-"+e+"-submenu"),n=i+"-item",s="is-"+e+"-submenu-parent";t.find(">li, .menu, .menu > li").removeClass(i+" "+n+" "+s+" is-submenu-item submenu is-active").removeAttr("data-submenu").css("display","")}};Foundation.Nest=e}(jQuery),!function(t){function e(t,e,i){var n,s,o=this,a=e.duration,r=Object.keys(t.data())[0]||"timer",l=-1;this.isPaused=!1,this.restart=function(){l=-1,clearTimeout(s),this.start()},this.start=function(){this.isPaused=!1,clearTimeout(s),l=l<=0?a:l,t.data("paused",!1),n=Date.now(),s=setTimeout(function(){e.infinite&&o.restart(),i&&"function"==typeof i&&i()},l),t.trigger("timerstart.zf."+r)},this.pause=function(){this.isPaused=!0,clearTimeout(s),t.data("paused",!0);var e=Date.now();l-=e-n,t.trigger("timerpaused.zf."+r)}}function i(e,i){function n(){s--,0===s&&i()}var s=e.length;0===s&&i(),e.each(function(){this.complete?n():"undefined"!=typeof this.naturalWidth&&this.naturalWidth>0?n():t(this).one("load",function(){n()})})}Foundation.Timer=e,Foundation.onImagesLoaded=i}(jQuery),function(t){function e(){this.removeEventListener("touchmove",i),this.removeEventListener("touchend",e),u=!1}function i(i){if(t.spotSwipe.preventDefault&&i.preventDefault(),u){var n,s=i.touches[0].pageX,a=(i.touches[0].pageY,o-s);l=(new Date).getTime()-r,Math.abs(a)>=t.spotSwipe.moveThreshold&&l<=t.spotSwipe.timeThreshold&&(n=a>0?"left":"right"),n&&(i.preventDefault(),e.call(this),t(this).trigger("swipe",n).trigger("swipe"+n))}}function n(t){1==t.touches.length&&(o=t.touches[0].pageX,a=t.touches[0].pageY,u=!0,r=(new Date).getTime(),this.addEventListener("touchmove",i,!1),this.addEventListener("touchend",e,!1))}function s(){this.addEventListener&&this.addEventListener("touchstart",n,!1)}t.spotSwipe={version:"1.0.0",enabled:"ontouchstart"in document.documentElement,preventDefault:!1,moveThreshold:75,timeThreshold:200};var o,a,r,l,u=!1;t.event.special.swipe={setup:s},t.each(["left","up","down","right"],function(){t.event.special["swipe"+this]={setup:function(){t(this).on("swipe",t.noop)}}})}(jQuery),!function(t){t.fn.addTouch=function(){this.each(function(i,n){t(n).bind("touchstart touchmove touchend touchcancel",function(){e(event)})});var e=function(t){var e,i=t.changedTouches,n=i[0],s={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup"},o=s[t.type];"MouseEvent"in window&&"function"==typeof window.MouseEvent?e=new window.MouseEvent(o,{bubbles:!0,cancelable:!0,screenX:n.screenX,screenY:n.screenY,clientX:n.clientX,clientY:n.clientY}):(e=document.createEvent("MouseEvent"),e.initMouseEvent(o,!0,!0,window,1,n.screenX,n.screenY,n.clientX,n.clientY,!1,!1,!1,!1,0,null)),n.target.dispatchEvent(e)}}}(jQuery),!function(t){function e(){o(),n(),s(),i()}function i(e){var i=t("[data-yeti-box]"),n=["dropdown","tooltip","reveal"];if(e&&("string"==typeof e?n.push(e):"object"==typeof e&&"string"==typeof e[0]?n.concat(e):console.error("Plugin names must be strings")),i.length){var s=n.map(function(t){return"closeme.zf."+t}).join(" ");t(window).off(s).on(s,function(e,i){var n=e.namespace.split(".")[0],s=t("[data-"+n+"]").not('[data-yeti-box="'+i+'"]');s.each(function(){var e=t(this);e.triggerHandler("close.zf.trigger",[e])})})}}function n(e){var i=void 0,n=t("[data-resize]");n.length&&t(window).off("resize.zf.trigger").on("resize.zf.trigger",function(s){i&&clearTimeout(i),i=setTimeout(function(){a||n.each(function(){t(this).triggerHandler("resizeme.zf.trigger")}),n.attr("data-events","resize")},e||10)})}function s(e){var i=void 0,n=t("[data-scroll]");n.length&&t(window).off("scroll.zf.trigger").on("scroll.zf.trigger",function(s){i&&clearTimeout(i),i=setTimeout(function(){a||n.each(function(){t(this).triggerHandler("scrollme.zf.trigger")}),n.attr("data-events","scroll")},e||10)})}function o(){if(!a)return!1;var e=document.querySelectorAll("[data-resize], [data-scroll], [data-mutate]"),i=function(e){var i=t(e[0].target);switch(i.attr("data-events")){case"resize":i.triggerHandler("resizeme.zf.trigger",[i]);break;case"scroll":i.triggerHandler("scrollme.zf.trigger",[i,window.pageYOffset]);break;default:return!1}};if(e.length)for(var n=0;n<=e.length-1;n++){var s=new a(i);s.observe(e[n],{attributes:!0,childList:!1,characterData:!1,subtree:!1,attributeFilter:["data-events"]})}}var a=function(){for(var t=["WebKit","Moz","O","Ms",""],e=0;e<t.length;e++)if(t[e]+"MutationObserver"in window)return window[t[e]+"MutationObserver"];return!1}(),r=function(e,i){e.data(i).split(" ").forEach(function(n){t("#"+n)["close"===i?"trigger":"triggerHandler"](i+".zf.trigger",[e])})};t(document).on("click.zf.trigger","[data-open]",function(){r(t(this),"open")}),t(document).on("click.zf.trigger","[data-close]",function(){var e=t(this).data("close");e?r(t(this),"close"):t(this).trigger("close.zf.trigger")}),t(document).on("click.zf.trigger","[data-toggle]",function(){r(t(this),"toggle")}),t(document).on("close.zf.trigger","[data-closable]",function(e){e.stopPropagation();var i=t(this).data("closable");""!==i?Foundation.Motion.animateOut(t(this),i,function(){t(this).trigger("closed.zf")}):t(this).fadeOut().trigger("closed.zf")}),t(document).on("focus.zf.trigger blur.zf.trigger","[data-toggle-focus]",function(){var e=t(this).data("toggle-focus");t("#"+e).triggerHandler("toggle.zf.trigger",[t(this)])}),t(window).on("load",function(){e()}),Foundation.IHearYou=e}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Abide")}return _createClass(e,[{key:"_init",value:function(){this.$inputs=this.$element.find("input, textarea, select"),this._events()}},{key:"_events",value:function(){var e=this;this.$element.off(".abide").on("reset.zf.abide",function(){e.resetForm()}).on("submit.zf.abide",function(){return e.validateForm()}),"fieldChange"===this.options.validateOn&&this.$inputs.off("change.zf.abide").on("change.zf.abide",function(i){e.validateInput(t(i.target))}),this.options.liveValidate&&this.$inputs.off("input.zf.abide").on("input.zf.abide",function(i){e.validateInput(t(i.target))})}},{key:"_reflow",value:function(){this._init()}},{key:"requiredCheck",value:function(t){if(!t.attr("required"))return!0;var e=!0;switch(t[0].type){case"checkbox":e=t[0].checked;break;case"select":case"select-one":case"select-multiple":var i=t.find("option:selected");i.length&&i.val()||(e=!1);break;default:t.val()&&t.val().length||(e=!1)}return e}},{key:"findFormError",value:function(t){var e=t.siblings(this.options.formErrorSelector);return e.length||(e=t.parent().find(this.options.formErrorSelector)),e}},{key:"findLabel",value:function(t){var e=t[0].id,i=this.$element.find('label[for="'+e+'"]');return i.length?i:t.closest("label")}},{key:"findRadioLabels",value:function(e){var i=this,n=e.map(function(e,n){var s=n.id,o=i.$element.find('label[for="'+s+'"]');return o.length||(o=t(n).closest("label")),o[0]});return t(n)}},{key:"addErrorClasses",value:function(t){var e=this.findLabel(t),i=this.findFormError(t);e.length&&e.addClass(this.options.labelErrorClass),i.length&&i.addClass(this.options.formErrorClass),t.addClass(this.options.inputErrorClass).attr("data-invalid","")}},{key:"removeRadioErrorClasses",value:function(t){var e=this.$element.find(':radio[name="'+t+'"]'),i=this.findRadioLabels(e),n=this.findFormError(e);i.length&&i.removeClass(this.options.labelErrorClass),n.length&&n.removeClass(this.options.formErrorClass),e.removeClass(this.options.inputErrorClass).removeAttr("data-invalid")}},{key:"removeErrorClasses",value:function(t){if("radio"==t[0].type)return this.removeRadioErrorClasses(t.attr("name"));var e=this.findLabel(t),i=this.findFormError(t);e.length&&e.removeClass(this.options.labelErrorClass),i.length&&i.removeClass(this.options.formErrorClass),t.removeClass(this.options.inputErrorClass).removeAttr("data-invalid")}},{key:"validateInput",value:function(t){var e=this.requiredCheck(t),i=!1,n=!0,s=t.attr("data-validator"),o=!0;if(t.is("[data-abide-ignore]")||t.is('[type="hidden"]'))return!0;switch(t[0].type){case"radio":i=this.validateRadio(t.attr("name"));break;case"checkbox":i=e;break;case"select":case"select-one":case"select-multiple":i=e;break;default:i=this.validateText(t)}s&&(n=this.matchValidation(t,s,t.attr("required"))),t.attr("data-equalto")&&(o=this.options.validators.equalTo(t));var a=[e,i,n,o].indexOf(!1)===-1,r=(a?"valid":"invalid")+".zf.abide";return this[a?"removeErrorClasses":"addErrorClasses"](t),t.trigger(r,[t]),a}},{key:"validateForm",value:function(){var e=[],i=this;this.$inputs.each(function(){e.push(i.validateInput(t(this)))});var n=e.indexOf(!1)===-1;return this.$element.find("[data-abide-error]").css("display",n?"none":"block"),this.$element.trigger((n?"formvalid":"forminvalid")+".zf.abide",[this.$element]),n}},{key:"validateText",value:function(t,e){e=e||t.attr("pattern")||t.attr("type");var i=t.val(),n=!1;return i.length?n=this.options.patterns.hasOwnProperty(e)?this.options.patterns[e].test(i):e===t.attr("type")||new RegExp(e).test(i):t.prop("required")||(n=!0),n}},{key:"validateRadio",value:function(e){var i=this.$element.find(':radio[name="'+e+'"]'),n=!1,s=!1;return i.each(function(e,i){t(i).attr("required")&&(s=!0)}),s||(n=!0),n||i.each(function(e,i){t(i).prop("checked")&&(n=!0)}),n}},{key:"matchValidation",value:function(t,e,i){var n=this;i=!!i;var s=e.split(" ").map(function(e){return n.options.validators[e](t,i,t.parent())});return s.indexOf(!1)===-1}},{key:"resetForm",value:function(){var e=this.$element,i=this.options;t("."+i.labelErrorClass,e).not("small").removeClass(i.labelErrorClass),t("."+i.inputErrorClass,e).not("small").removeClass(i.inputErrorClass),t(i.formErrorSelector+"."+i.formErrorClass).removeClass(i.formErrorClass),e.find("[data-abide-error]").css("display","none"),t(":input",e).not(":button, :submit, :reset, :hidden, :radio, :checkbox, [data-abide-ignore]").val("").removeAttr("data-invalid"),t(":input:radio",e).not("[data-abide-ignore]").prop("checked",!1).removeAttr("data-invalid"),t(":input:checkbox",e).not("[data-abide-ignore]").prop("checked",!1).removeAttr("data-invalid"),e.trigger("formreset.zf.abide",[e])}},{key:"destroy",value:function(){var e=this;this.$element.off(".abide").find("[data-abide-error]").css("display","none"),this.$inputs.off(".abide").each(function(){e.removeErrorClasses(t(this))}),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={validateOn:"fieldChange",labelErrorClass:"is-invalid-label",inputErrorClass:"is-invalid-input",formErrorSelector:".form-error",formErrorClass:"is-visible",liveValidate:!1,patterns:{alpha:/^[a-zA-Z]+$/,alpha_numeric:/^[a-zA-Z0-9]+$/,integer:/^[-+]?\d+$/,number:/^[-+]?\d*(?:[\.\,]\d+)?$/,card:/^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,cvv:/^([0-9]){3,4}$/,email:/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,url:/^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/,domain:/^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/,datetime:/^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/,date:/(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/,time:/^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/,dateISO:/^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/,month_day_year:/^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/,day_month_year:/^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/,color:/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/},validators:{equalTo:function(e,i,n){return t("#"+e.attr("data-equalto")).val()===e.val()}}},Foundation.plugin(e,"Abide")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Accordion"),Foundation.Keyboard.register("Accordion",{ENTER:"toggle",SPACE:"toggle",ARROW_DOWN:"next",ARROW_UP:"previous"})}return _createClass(e,[{key:"_init",value:function(){this.$element.attr("role","tablist"),this.$tabs=this.$element.children("li, [data-accordion-item]"),this.$tabs.each(function(e,i){var n=t(i),s=n.children("[data-tab-content]"),o=s[0].id||Foundation.GetYoDigits(6,"accordion"),a=i.id||o+"-label";n.find("a:first").attr({"aria-controls":o,role:"tab",id:a,"aria-expanded":!1,"aria-selected":!1}),s.attr({role:"tabpanel","aria-labelledby":a,"aria-hidden":!0,id:o})});var e=this.$element.find(".is-active").children("[data-tab-content]");e.length&&this.down(e,!0),this._events()}},{key:"_events",value:function(){var e=this;this.$tabs.each(function(){var i=t(this),n=i.children("[data-tab-content]");n.length&&i.children("a").off("click.zf.accordion keydown.zf.accordion").on("click.zf.accordion",function(t){t.preventDefault(),e.toggle(n)}).on("keydown.zf.accordion",function(t){Foundation.Keyboard.handleKey(t,"Accordion",{toggle:function(){e.toggle(n)},next:function(){var t=i.next().find("a").focus();e.options.multiExpand||t.trigger("click.zf.accordion")},previous:function(){var t=i.prev().find("a").focus();e.options.multiExpand||t.trigger("click.zf.accordion")},handled:function(){t.preventDefault(),t.stopPropagation()}})})})}},{key:"toggle",value:function(t){t.parent().hasClass("is-active")?this.up(t):this.down(t)}},{key:"down",value:function(e,i){var n=this;if(e.attr("aria-hidden",!1).parent("[data-tab-content]").addBack().parent().addClass("is-active"),!this.options.multiExpand&&!i){var s=this.$element.children(".is-active").children("[data-tab-content]");s.length&&this.up(s.not(e))}e.slideDown(this.options.slideSpeed,function(){n.$element.trigger("down.zf.accordion",[e])}),t("#"+e.attr("aria-labelledby")).attr({"aria-expanded":!0,"aria-selected":!0})}},{key:"up",value:function(e){var i=e.parent().siblings(),n=this;(this.options.allowAllClosed||i.hasClass("is-active"))&&e.parent().hasClass("is-active")&&(e.slideUp(n.options.slideSpeed,function(){n.$element.trigger("up.zf.accordion",[e])}),e.attr("aria-hidden",!0).parent().removeClass("is-active"),t("#"+e.attr("aria-labelledby")).attr({"aria-expanded":!1,"aria-selected":!1}))}},{key:"destroy",value:function(){this.$element.find("[data-tab-content]").stop(!0).slideUp(0).css("display",""),this.$element.find("a").off(".zf.accordion"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={slideSpeed:250,multiExpand:!1,allowAllClosed:!1},Foundation.plugin(e,"Accordion")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"accordion"),this._init(),Foundation.registerPlugin(this,"AccordionMenu"),Foundation.Keyboard.register("AccordionMenu",{ENTER:"toggle",SPACE:"toggle",ARROW_RIGHT:"open",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"close",ESCAPE:"closeAll"})}return _createClass(e,[{key:"_init",value:function(){this.$element.find("[data-submenu]").not(".is-active").slideUp(0),this.$element.attr({role:"menu","aria-multiselectable":this.options.multiOpen}),this.$menuLinks=this.$element.find(".is-accordion-submenu-parent"),this.$menuLinks.each(function(){var e=this.id||Foundation.GetYoDigits(6,"acc-menu-link"),i=t(this),n=i.children("[data-submenu]"),s=n[0].id||Foundation.GetYoDigits(6,"acc-menu"),o=n.hasClass("is-active");i.attr({"aria-controls":s,"aria-expanded":o,role:"menuitem",id:e}),n.attr({"aria-labelledby":e,"aria-hidden":!o,role:"menu",id:s})});var e=this.$element.find(".is-active");if(e.length){var i=this;e.each(function(){i.down(t(this))})}this._events()}},{key:"_events",value:function(){var e=this;this.$element.find("li").each(function(){var i=t(this).children("[data-submenu]");i.length&&t(this).children("a").off("click.zf.accordionMenu").on("click.zf.accordionMenu",function(t){t.preventDefault(),e.toggle(i)})}).on("keydown.zf.accordionmenu",function(i){var n,s,o=t(this),a=o.parent("ul").children("li"),r=o.children("[data-submenu]");a.each(function(e){if(t(this).is(o))return n=a.eq(Math.max(0,e-1)).find("a").first(),s=a.eq(Math.min(e+1,a.length-1)).find("a").first(),t(this).children("[data-submenu]:visible").length&&(s=o.find("li:first-child").find("a").first()),
+t(this).is(":first-child")?n=o.parents("li").first().find("a").first():n.parents("li").first().children("[data-submenu]:visible").length&&(n=n.parents("li").find("li:last-child").find("a").first()),void(t(this).is(":last-child")&&(s=o.parents("li").first().next("li").find("a").first()))}),Foundation.Keyboard.handleKey(i,"AccordionMenu",{open:function(){r.is(":hidden")&&(e.down(r),r.find("li").first().find("a").first().focus())},close:function(){r.length&&!r.is(":hidden")?e.up(r):o.parent("[data-submenu]").length&&(e.up(o.parent("[data-submenu]")),o.parents("li").first().find("a").first().focus())},up:function(){return n.focus(),!0},down:function(){return s.focus(),!0},toggle:function(){o.children("[data-submenu]").length&&e.toggle(o.children("[data-submenu]"))},closeAll:function(){e.hideAll()},handled:function(t){t&&i.preventDefault(),i.stopImmediatePropagation()}})})}},{key:"hideAll",value:function(){this.$element.find("[data-submenu]").slideUp(this.options.slideSpeed)}},{key:"toggle",value:function(t){t.is(":animated")||(t.is(":hidden")?this.down(t):this.up(t))}},{key:"down",value:function(t){var e=this;this.options.multiOpen||this.up(this.$element.find(".is-active").not(t.parentsUntil(this.$element).add(t))),t.addClass("is-active").attr({"aria-hidden":!1}).parent(".is-accordion-submenu-parent").attr({"aria-expanded":!0}),t.slideDown(e.options.slideSpeed,function(){e.$element.trigger("down.zf.accordionMenu",[t])})}},{key:"up",value:function(t){var e=this;t.slideUp(e.options.slideSpeed,function(){e.$element.trigger("up.zf.accordionMenu",[t])});var i=t.find("[data-submenu]").slideUp(0).addBack().attr("aria-hidden",!0);i.parent(".is-accordion-submenu-parent").attr("aria-expanded",!1)}},{key:"destroy",value:function(){this.$element.find("[data-submenu]").slideDown(0).css("display",""),this.$element.find("a").off("click.zf.accordionMenu"),Foundation.Nest.Burn(this.$element,"accordion"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={slideSpeed:250,multiOpen:!0},Foundation.plugin(e,"AccordionMenu")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"drilldown"),this._init(),Foundation.registerPlugin(this,"Drilldown"),Foundation.Keyboard.register("Drilldown",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close",TAB:"down",SHIFT_TAB:"up"})}return _createClass(e,[{key:"_init",value:function(){this.$submenuAnchors=this.$element.find("li.is-drilldown-submenu-parent").children("a"),this.$submenus=this.$submenuAnchors.parent("li").children("[data-submenu]"),this.$menuItems=this.$element.find("li").not(".js-drilldown-back").attr("role","menuitem").find("a"),this._prepareMenu(),this._keyboardEvents()}},{key:"_prepareMenu",value:function(){var e=this;this.$submenuAnchors.each(function(){var i=t(this),n=i.parent();e.options.parentLink&&i.clone().prependTo(n.children("[data-submenu]")).wrap('<li class="is-submenu-parent-item is-submenu-item is-drilldown-submenu-item" role="menu-item"></li>'),i.data("savedHref",i.attr("href")).removeAttr("href").attr("tabindex",0),i.children("[data-submenu]").attr({"aria-hidden":!0,tabindex:0,role:"menu"}),e._events(i)}),this.$submenus.each(function(){var i=t(this),n=i.find(".js-drilldown-back");n.length||i.prepend(e.options.backButton),e._back(i)}),this.$element.parent().hasClass("is-drilldown")||(this.$wrapper=t(this.options.wrapper).addClass("is-drilldown"),this.$wrapper=this.$element.wrap(this.$wrapper).parent().css(this._getMaxDims()))}},{key:"_events",value:function(e){var i=this;e.off("click.zf.drilldown").on("click.zf.drilldown",function(n){if(t(n.target).parentsUntil("ul","li").hasClass("is-drilldown-submenu-parent")&&(n.stopImmediatePropagation(),n.preventDefault()),i._show(e.parent("li")),i.options.closeOnClick){var s=t("body");s.off(".zf.drilldown").on("click.zf.drilldown",function(e){e.target===i.$element[0]||t.contains(i.$element[0],e.target)||(e.preventDefault(),i._hideAll(),s.off(".zf.drilldown"))})}})}},{key:"_keyboardEvents",value:function(){var e=this;this.$menuItems.add(this.$element.find(".js-drilldown-back > a")).on("keydown.zf.drilldown",function(i){var n,s,o=t(this),a=o.parent("li").parent("ul").children("li").children("a");a.each(function(e){if(t(this).is(o))return n=a.eq(Math.max(0,e-1)),void(s=a.eq(Math.min(e+1,a.length-1)))}),Foundation.Keyboard.handleKey(i,"Drilldown",{next:function(){if(o.is(e.$submenuAnchors))return e._show(o.parent("li")),o.parent("li").one(Foundation.transitionend(o),function(){o.parent("li").find("ul li a").filter(e.$menuItems).first().focus()}),!0},previous:function(){return e._hide(o.parent("li").parent("ul")),o.parent("li").parent("ul").one(Foundation.transitionend(o),function(){setTimeout(function(){o.parent("li").parent("ul").parent("li").children("a").first().focus()},1)}),!0},up:function(){return n.focus(),!0},down:function(){return s.focus(),!0},close:function(){e._back()},open:function(){return o.is(e.$menuItems)?o.is(e.$submenuAnchors)?(e._show(o.parent("li")),o.parent("li").one(Foundation.transitionend(o),function(){o.parent("li").find("ul li a").filter(e.$menuItems).first().focus()}),!0):void 0:(e._hide(o.parent("li").parent("ul")),o.parent("li").parent("ul").one(Foundation.transitionend(o),function(){setTimeout(function(){o.parent("li").parent("ul").parent("li").children("a").first().focus()},1)}),!0)},handled:function(t){t&&i.preventDefault(),i.stopImmediatePropagation()}})})}},{key:"_hideAll",value:function(){var t=this.$element.find(".is-drilldown-submenu.is-active").addClass("is-closing");t.one(Foundation.transitionend(t),function(e){t.removeClass("is-active is-closing")}),this.$element.trigger("closed.zf.drilldown")}},{key:"_back",value:function(t){var e=this;t.off("click.zf.drilldown"),t.children(".js-drilldown-back").on("click.zf.drilldown",function(i){i.stopImmediatePropagation(),e._hide(t);var n=t.parent("li").parent("ul").parent("li");n.length&&e._show(n)})}},{key:"_menuLinkEvents",value:function(){var t=this;this.$menuItems.not(".is-drilldown-submenu-parent").off("click.zf.drilldown").on("click.zf.drilldown",function(e){setTimeout(function(){t._hideAll()},0)})}},{key:"_show",value:function(t){t.attr("aria-expanded",!0),t.children("[data-submenu]").addClass("is-active").attr("aria-hidden",!1),this.$element.trigger("open.zf.drilldown",[t])}},{key:"_hide",value:function(t){t.parent("li").attr("aria-expanded",!1),t.attr("aria-hidden",!0).addClass("is-closing").one(Foundation.transitionend(t),function(){t.removeClass("is-active is-closing"),t.blur()}),t.trigger("hide.zf.drilldown",[t])}},{key:"_getMaxDims",value:function(){var t=0,e={};return this.$submenus.add(this.$element).each(function(e,i){var n=i.getBoundingClientRect().height;n>t&&(t=n)}),e["min-height"]=t+"px",e["max-width"]=this.$element[0].getBoundingClientRect().width+"px",e}},{key:"destroy",value:function(){this._hideAll(),Foundation.Nest.Burn(this.$element,"drilldown"),this.$element.unwrap().find(".js-drilldown-back, .is-submenu-parent-item").remove().end().find(".is-active, .is-closing, .is-drilldown-submenu").removeClass("is-active is-closing is-drilldown-submenu").end().find("[data-submenu]").removeAttr("aria-hidden tabindex role"),this.$submenuAnchors.each(function(){t(this).off(".zf.drilldown")}),this.$element.find("a").each(function(){var e=t(this);e.removeAttr("tabindex"),e.data("savedHref")&&e.attr("href",e.data("savedHref")).removeData("savedHref")}),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={backButton:'<li class="js-drilldown-back"><a tabindex="0">Back</a></li>',wrapper:"<div></div>",parentLink:!1,closeOnClick:!1},Foundation.plugin(e,"Drilldown")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Dropdown"),Foundation.Keyboard.register("Dropdown",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("id");this.$anchor=t(t('[data-toggle="'+e+'"]').length?'[data-toggle="'+e+'"]':'[data-open="'+e+'"]'),this.$anchor.attr({"aria-controls":e,"data-is-focus":!1,"data-yeti-box":e,"aria-haspopup":!0,"aria-expanded":!1}),this.options.positionClass=this.getPositionClass(),this.counter=4,this.usedPositions=[],this.$element.attr({"aria-hidden":"true","data-yeti-box":e,"data-resize":e,"aria-labelledby":this.$anchor[0].id||Foundation.GetYoDigits(6,"dd-anchor")}),this._events()}},{key:"getPositionClass",value:function(){var t=this.$element[0].className.match(/(top|left|right|bottom)/g);t=t?t[0]:"";var e=/float-(\S+)/.exec(this.$anchor[0].className);e=e?e[1]:"";var i=e?e+" "+t:t;return i}},{key:"_reposition",value:function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.$element.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.$element.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.$element.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):this.$element.removeClass(t),this.classChanged=!0,this.counter--}},{key:"_setPosition",value:function(){if("false"===this.$anchor.attr("aria-expanded"))return!1;var t=this.getPositionClass(),e=Foundation.Box.GetDimensions(this.$element),i=(Foundation.Box.GetDimensions(this.$anchor),"left"===t?"left":"right"===t?"left":"top"),n="top"===i?"height":"width";"height"===n?this.options.vOffset:this.options.hOffset;if(e.width>=e.windowDims.width||!this.counter&&!Foundation.Box.ImNotTouchingYou(this.$element))return this.$element.offset(Foundation.Box.GetOffsets(this.$element,this.$anchor,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:e.windowDims.width-2*this.options.hOffset,height:"auto"}),this.classChanged=!0,!1;for(this.$element.offset(Foundation.Box.GetOffsets(this.$element,this.$anchor,t,this.options.vOffset,this.options.hOffset));!Foundation.Box.ImNotTouchingYou(this.$element,!1,!0)&&this.counter;)this._reposition(t),this._setPosition()}},{key:"_events",value:function(){var e=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":this._setPosition.bind(this)}),this.options.hover&&(this.$anchor.off("mouseenter.zf.dropdown mouseleave.zf.dropdown").on("mouseenter.zf.dropdown",function(){t('body[data-whatinput="mouse"]').is("*")&&(clearTimeout(e.timeout),e.timeout=setTimeout(function(){e.open(),e.$anchor.data("hover",!0)},e.options.hoverDelay))}).on("mouseleave.zf.dropdown",function(){clearTimeout(e.timeout),e.timeout=setTimeout(function(){e.close(),e.$anchor.data("hover",!1)},e.options.hoverDelay)}),this.options.hoverPane&&this.$element.off("mouseenter.zf.dropdown mouseleave.zf.dropdown").on("mouseenter.zf.dropdown",function(){clearTimeout(e.timeout)}).on("mouseleave.zf.dropdown",function(){clearTimeout(e.timeout),e.timeout=setTimeout(function(){e.close(),e.$anchor.data("hover",!1)},e.options.hoverDelay)})),this.$anchor.add(this.$element).on("keydown.zf.dropdown",function(i){var n=t(this),s=Foundation.Keyboard.findFocusable(e.$element);Foundation.Keyboard.handleKey(i,"Dropdown",{tab_forward:function(){e.$element.find(":focus").is(s.eq(-1))&&(e.options.trapFocus?(s.eq(0).focus(),i.preventDefault()):e.close())},tab_backward:function(){(e.$element.find(":focus").is(s.eq(0))||e.$element.is(":focus"))&&(e.options.trapFocus?(s.eq(-1).focus(),i.preventDefault()):e.close())},open:function(){n.is(e.$anchor)&&(e.open(),e.$element.attr("tabindex",-1).focus(),i.preventDefault())},close:function(){e.close(),e.$anchor.focus()}})})}},{key:"_addBodyHandler",value:function(){var e=t(document.body).not(this.$element),i=this;e.off("click.zf.dropdown").on("click.zf.dropdown",function(t){i.$anchor.is(t.target)||i.$anchor.find(t.target).length||i.$element.find(t.target).length||(i.close(),e.off("click.zf.dropdown"))})}},{key:"open",value:function(){if(this.$element.trigger("closeme.zf.dropdown",this.$element.attr("id")),this.$anchor.addClass("hover").attr({"aria-expanded":!0}),this._setPosition(),this.$element.addClass("is-open").attr({"aria-hidden":!1}),this.options.autoFocus){var t=Foundation.Keyboard.findFocusable(this.$element);t.length&&t.eq(0).focus()}this.options.closeOnClick&&this._addBodyHandler(),this.$element.trigger("show.zf.dropdown",[this.$element])}},{key:"close",value:function(){if(!this.$element.hasClass("is-open"))return!1;if(this.$element.removeClass("is-open").attr({"aria-hidden":!0}),this.$anchor.removeClass("hover").attr("aria-expanded",!1),this.classChanged){var t=this.getPositionClass();t&&this.$element.removeClass(t),this.$element.addClass(this.options.positionClass).css({height:"",width:""}),this.classChanged=!1,this.counter=4,this.usedPositions.length=0}this.$element.trigger("hide.zf.dropdown",[this.$element])}},{key:"toggle",value:function(){if(this.$element.hasClass("is-open")){if(this.$anchor.data("hover"))return;this.close()}else this.open()}},{key:"destroy",value:function(){this.$element.off(".zf.trigger").hide(),this.$anchor.off(".zf.dropdown"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={hoverDelay:250,hover:!1,hoverPane:!1,vOffset:1,hOffset:1,positionClass:"",trapFocus:!1,autoFocus:!1,closeOnClick:!1},Foundation.plugin(e,"Dropdown")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"dropdown"),this._init(),Foundation.registerPlugin(this,"DropdownMenu"),Foundation.Keyboard.register("DropdownMenu",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close"})}return _createClass(e,[{key:"_init",value:function(){var t=this.$element.find("li.is-dropdown-submenu-parent");this.$element.children(".is-dropdown-submenu-parent").children(".is-dropdown-submenu").addClass("first-sub"),this.$menuItems=this.$element.find('[role="menuitem"]'),this.$tabs=this.$element.children('[role="menuitem"]'),this.$tabs.find("ul.is-dropdown-submenu").addClass(this.options.verticalClass),this.$element.hasClass(this.options.rightClass)||"right"===this.options.alignment||Foundation.rtl()||this.$element.parents(".top-bar-right").is("*")?(this.options.alignment="right",t.addClass("opens-left")):t.addClass("opens-right"),this.changed=!1,this._events()}},{key:"_isVertical",value:function(){return"block"===this.$tabs.css("display")}},{key:"_events",value:function(){var e=this,i="ontouchstart"in window||"undefined"!=typeof window.ontouchstart,n="is-dropdown-submenu-parent",s=function(s){var o=t(s.target).parentsUntil("ul","."+n),a=o.hasClass(n),r="true"===o.attr("data-is-click"),l=o.children(".is-dropdown-submenu");if(!a)return void(e.options.closeOnClickInside&&e._hide(o));if(r){if(!e.options.closeOnClick||!e.options.clickOpen&&!i||e.options.forceFollow&&i)return;s.stopImmediatePropagation(),s.preventDefault(),e._hide(o)}else s.preventDefault(),s.stopImmediatePropagation(),e._show(l),o.add(o.parentsUntil(e.$element,"."+n)).attr("data-is-click",!0)};(this.options.clickOpen||i)&&this.$menuItems.on("click.zf.dropdownmenu touchstart.zf.dropdownmenu",s),this.options.disableHover||this.$menuItems.on("mouseenter.zf.dropdownmenu",function(i){var s=t(this),o=s.hasClass(n);o&&(clearTimeout(e.delay),e.delay=setTimeout(function(){e._show(s.children(".is-dropdown-submenu"))},e.options.hoverDelay))}).on("mouseleave.zf.dropdownmenu",function(i){var s=t(this),o=s.hasClass(n);if(o&&e.options.autoclose){if("true"===s.attr("data-is-click")&&e.options.clickOpen)return!1;clearTimeout(e.delay),e.delay=setTimeout(function(){e._hide(s)},e.options.closingTime)}}),this.$menuItems.on("keydown.zf.dropdownmenu",function(i){var n,s,o=t(i.target).parentsUntil("ul",'[role="menuitem"]'),a=e.$tabs.index(o)>-1,r=a?e.$tabs:o.siblings("li").add(o);r.each(function(e){if(t(this).is(o))return n=r.eq(e-1),void(s=r.eq(e+1))});var l=function(){o.is(":last-child")||(s.children("a:first").focus(),i.preventDefault())},u=function(){n.children("a:first").focus(),i.preventDefault()},d=function(){var t=o.children("ul.is-dropdown-submenu");t.length&&(e._show(t),o.find("li > a:first").focus(),i.preventDefault())},h=function(){var t=o.parent("ul").parent("li");t.children("a:first").focus(),e._hide(t),i.preventDefault()},c={open:d,close:function(){e._hide(e.$element),e.$menuItems.find("a:first").focus(),i.preventDefault()},handled:function(){i.stopImmediatePropagation()}};a?e._isVertical()?Foundation.rtl()?t.extend(c,{down:l,up:u,next:h,previous:d}):t.extend(c,{down:l,up:u,next:d,previous:h}):Foundation.rtl()?t.extend(c,{next:u,previous:l,down:d,up:h}):t.extend(c,{next:l,previous:u,down:d,up:h}):Foundation.rtl()?t.extend(c,{next:h,previous:d,down:l,up:u}):t.extend(c,{next:d,previous:h,down:l,up:u}),Foundation.Keyboard.handleKey(i,"DropdownMenu",c)})}},{key:"_addBodyHandler",value:function(){var e=t(document.body),i=this;e.off("mouseup.zf.dropdownmenu touchend.zf.dropdownmenu").on("mouseup.zf.dropdownmenu touchend.zf.dropdownmenu",function(t){var n=i.$element.find(t.target);n.length||(i._hide(),e.off("mouseup.zf.dropdownmenu touchend.zf.dropdownmenu"))})}},{key:"_show",value:function(e){var i=this.$tabs.index(this.$tabs.filter(function(i,n){return t(n).find(e).length>0})),n=e.parent("li.is-dropdown-submenu-parent").siblings("li.is-dropdown-submenu-parent");this._hide(n,i),e.css("visibility","hidden").addClass("js-dropdown-active").attr({"aria-hidden":!1}).parent("li.is-dropdown-submenu-parent").addClass("is-active").attr({"aria-expanded":!0});var s=Foundation.Box.ImNotTouchingYou(e,null,!0);if(!s){var o="left"===this.options.alignment?"-right":"-left",a=e.parent(".is-dropdown-submenu-parent");a.removeClass("opens"+o).addClass("opens-"+this.options.alignment),s=Foundation.Box.ImNotTouchingYou(e,null,!0),s||a.removeClass("opens-"+this.options.alignment).addClass("opens-inner"),this.changed=!0}e.css("visibility",""),this.options.closeOnClick&&this._addBodyHandler(),this.$element.trigger("show.zf.dropdownmenu",[e])}},{key:"_hide",value:function(t,e){var i;i=t&&t.length?t:void 0!==e?this.$tabs.not(function(t,i){return t===e}):this.$element;var n=i.hasClass("is-active")||i.find(".is-active").length>0;if(n){if(i.find("li.is-active").add(i).attr({"aria-expanded":!1,"data-is-click":!1}).removeClass("is-active"),i.find("ul.js-dropdown-active").attr({"aria-hidden":!0}).removeClass("js-dropdown-active"),this.changed||i.find("opens-inner").length){var s="left"===this.options.alignment?"right":"left";i.find("li.is-dropdown-submenu-parent").add(i).removeClass("opens-inner opens-"+this.options.alignment).addClass("opens-"+s),this.changed=!1}this.$element.trigger("hide.zf.dropdownmenu",[i])}}},{key:"destroy",value:function(){this.$menuItems.off(".zf.dropdownmenu").removeAttr("data-is-click").removeClass("is-right-arrow is-left-arrow is-down-arrow opens-right opens-left opens-inner"),t(document.body).off(".zf.dropdownmenu"),Foundation.Nest.Burn(this.$element,"dropdown"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={disableHover:!1,autoclose:!0,hoverDelay:50,clickOpen:!1,closingTime:500,alignment:"left",closeOnClick:!0,closeOnClickInside:!0,verticalClass:"vertical",rightClass:"align-right",forceFollow:!0},Foundation.plugin(e,"DropdownMenu")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Equalizer")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("data-equalizer")||"",i=this.$element.find('[data-equalizer-watch="'+e+'"]');this.$watched=i.length?i:this.$element.find("[data-equalizer-watch]"),this.$element.attr("data-resize",e||Foundation.GetYoDigits(6,"eq")),this.hasNested=this.$element.find("[data-equalizer]").length>0,this.isNested=this.$element.parentsUntil(document.body,"[data-equalizer]").length>0,this.isOn=!1,this._bindHandler={onResizeMeBound:this._onResizeMe.bind(this),onPostEqualizedBound:this._onPostEqualized.bind(this)};var n,s=this.$element.find("img");this.options.equalizeOn?(n=this._checkMQ(),t(window).on("changed.zf.mediaquery",this._checkMQ.bind(this))):this._events(),(void 0!==n&&n===!1||void 0===n)&&(s.length?Foundation.onImagesLoaded(s,this._reflow.bind(this)):this._reflow())}},{key:"_pauseEvents",value:function(){this.isOn=!1,this.$element.off({".zf.equalizer":this._bindHandler.onPostEqualizedBound,"resizeme.zf.trigger":this._bindHandler.onResizeMeBound})}},{key:"_onResizeMe",value:function(t){this._reflow()}},{key:"_onPostEqualized",value:function(t){t.target!==this.$element[0]&&this._reflow()}},{key:"_events",value:function(){this._pauseEvents(),this.hasNested?this.$element.on("postequalized.zf.equalizer",this._bindHandler.onPostEqualizedBound):this.$element.on("resizeme.zf.trigger",this._bindHandler.onResizeMeBound),this.isOn=!0}},{key:"_checkMQ",value:function(){var t=!Foundation.MediaQuery.atLeast(this.options.equalizeOn);return t?this.isOn&&(this._pauseEvents(),this.$watched.css("height","auto")):this.isOn||this._events(),t}},{key:"_killswitch",value:function(){}},{key:"_reflow",value:function(){return!this.options.equalizeOnStack&&this._isStacked()?(this.$watched.css("height","auto"),!1):void(this.options.equalizeByRow?this.getHeightsByRow(this.applyHeightByRow.bind(this)):this.getHeights(this.applyHeight.bind(this)))}},{key:"_isStacked",value:function(){return this.$watched[0].getBoundingClientRect().top!==this.$watched[1].getBoundingClientRect().top}},{key:"getHeights",value:function(t){for(var e=[],i=0,n=this.$watched.length;i<n;i++)this.$watched[i].style.height="auto",e.push(this.$watched[i].offsetHeight);t(e)}},{key:"getHeightsByRow",value:function(e){var i=this.$watched.length?this.$watched.first().offset().top:0,n=[],s=0;n[s]=[];for(var o=0,a=this.$watched.length;o<a;o++){this.$watched[o].style.height="auto";var r=t(this.$watched[o]).offset().top;r!=i&&(s++,n[s]=[],i=r),n[s].push([this.$watched[o],this.$watched[o].offsetHeight])}for(var l=0,u=n.length;l<u;l++){var d=t(n[l]).map(function(){return this[1]}).get(),h=Math.max.apply(null,d);n[l].push(h)}e(n)}},{key:"applyHeight",value:function(t){var e=Math.max.apply(null,t);this.$element.trigger("preequalized.zf.equalizer"),this.$watched.css("height",e),this.$element.trigger("postequalized.zf.equalizer")}},{key:"applyHeightByRow",value:function(e){this.$element.trigger("preequalized.zf.equalizer");for(var i=0,n=e.length;i<n;i++){var s=e[i].length,o=e[i][s-1];if(s<=2)t(e[i][0][0]).css({height:"auto"});else{this.$element.trigger("preequalizedrow.zf.equalizer");for(var a=0,r=s-1;a<r;a++)t(e[i][a][0]).css({height:o});this.$element.trigger("postequalizedrow.zf.equalizer")}}this.$element.trigger("postequalized.zf.equalizer")}},{key:"destroy",value:function(){this._pauseEvents(),this.$watched.css("height","auto"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={equalizeOnStack:!1,equalizeByRow:!1,equalizeOn:""},Foundation.plugin(e,"Equalizer")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,n),this.rules=[],this.currentPath="",this._init(),this._events(),Foundation.registerPlugin(this,"Interchange")}return _createClass(e,[{key:"_init",value:function(){this._addBreakpoints(),this._generateRules(),this._reflow()}},{key:"_events",value:function(){t(window).on("resize.zf.interchange",Foundation.util.throttle(this._reflow.bind(this),50))}},{key:"_reflow",value:function(){var t;for(var e in this.rules)if(this.rules.hasOwnProperty(e)){var i=this.rules[e];window.matchMedia(i.query).matches&&(t=i)}t&&this.replace(t.path)}},{key:"_addBreakpoints",value:function(){for(var t in Foundation.MediaQuery.queries)if(Foundation.MediaQuery.queries.hasOwnProperty(t)){var i=Foundation.MediaQuery.queries[t];e.SPECIAL_QUERIES[i.name]=i.value}}},{key:"_generateRules",value:function(t){var i,n=[];i=this.options.rules?this.options.rules:this.$element.data("interchange").match(/\[.*?\]/g);for(var s in i)if(i.hasOwnProperty(s)){var o=i[s].slice(1,-1).split(", "),a=o.slice(0,-1).join(""),r=o[o.length-1];e.SPECIAL_QUERIES[r]&&(r=e.SPECIAL_QUERIES[r]),n.push({path:a,query:r})}this.rules=n}},{key:"replace",value:function(e){if(this.currentPath!==e){var i=this,n="replaced.zf.interchange";"IMG"===this.$element[0].nodeName?this.$element.attr("src",e).on("load",function(){i.currentPath=e}).trigger(n):e.match(/\.(gif|jpg|jpeg|png|svg|tiff)([?#].*)?/i)?this.$element.css({"background-image":"url("+e+")"}).trigger(n):t.get(e,function(s){i.$element.html(s).trigger(n),t(s).foundation(),i.currentPath=e})}}},{key:"destroy",value:function(){}}]),e}();e.defaults={rules:null},e.SPECIAL_QUERIES={landscape:"screen and (orientation: landscape)",portrait:"screen and (orientation: portrait)",retina:"only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)"},Foundation.plugin(e,"Interchange")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Magellan")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element[0].id||Foundation.GetYoDigits(6,"magellan");this.$targets=t("[data-magellan-target]"),this.$links=this.$element.find("a"),this.$element.attr({"data-resize":e,"data-scroll":e,id:e}),this.$active=t(),this.scrollPos=parseInt(window.pageYOffset,10),this._events()}},{key:"calcPoints",value:function(){var e=this,i=document.body,n=document.documentElement;this.points=[],this.winHeight=Math.round(Math.max(window.innerHeight,n.clientHeight)),this.docHeight=Math.round(Math.max(i.scrollHeight,i.offsetHeight,n.clientHeight,n.scrollHeight,n.offsetHeight)),this.$targets.each(function(){var i=t(this),n=Math.round(i.offset().top-e.options.threshold);i.targetPoint=n,e.points.push(n)})}},{key:"_events",value:function(){var e=this;t("html, body"),{duration:e.options.animationDuration,easing:e.options.animationEasing};t(window).one("load",function(){e.options.deepLinking&&location.hash&&e.scrollToLoc(location.hash),e.calcPoints(),e._updateActive()}),this.$element.on({"resizeme.zf.trigger":this.reflow.bind(this),"scrollme.zf.trigger":this._updateActive.bind(this)}).on("click.zf.magellan",'a[href^="#"]',function(t){t.preventDefault();var i=this.getAttribute("href");e.scrollToLoc(i)})}},{key:"scrollToLoc",value:function(e){if(!t(e).length)return!1;var i=Math.round(t(e).offset().top-this.options.threshold/2-this.options.barOffset);t("html, body").stop(!0).animate({scrollTop:i},this.options.animationDuration,this.options.animationEasing)}},{key:"reflow",value:function(){this.calcPoints(),this._updateActive()}},{key:"_updateActive",value:function(){var t,e=parseInt(window.pageYOffset,10);if(e+this.winHeight===this.docHeight)t=this.points.length-1;else if(e<this.points[0])t=0;else{var i=this.scrollPos<e,n=this,s=this.points.filter(function(t,s){return i?t-n.options.barOffset<=e:t-n.options.barOffset-n.options.threshold<=e});t=s.length?s.length-1:0}if(this.$active.removeClass(this.options.activeClass),this.$active=this.$links.filter('[href="#'+this.$targets.eq(t).data("magellan-target")+'"]').addClass(this.options.activeClass),this.options.deepLinking){var o=this.$active[0].getAttribute("href");window.history.pushState?window.history.pushState(null,null,o):window.location.hash=o}this.scrollPos=e,this.$element.trigger("update.zf.magellan",[this.$active])}},{key:"destroy",value:function(){if(this.$element.off(".zf.trigger .zf.magellan").find("."+this.options.activeClass).removeClass(this.options.activeClass),this.options.deepLinking){var t=this.$active[0].getAttribute("href");window.location.hash.replace(t,"")}Foundation.unregisterPlugin(this)}}]),e}();e.defaults={animationDuration:500,animationEasing:"linear",threshold:50,activeClass:"active",deepLinking:!1,barOffset:0},Foundation.plugin(e,"Magellan")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this.$lastTrigger=t(),this.$triggers=t(),this._init(),this._events(),Foundation.registerPlugin(this,"OffCanvas"),Foundation.Keyboard.register("OffCanvas",{ESCAPE:"close"})}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("id");if(this.$element.attr("aria-hidden","true"),this.$triggers=t(document).find('[data-open="'+e+'"], [data-close="'+e+'"], [data-toggle="'+e+'"]').attr("aria-expanded","false").attr("aria-controls",e),this.options.closeOnClick)if(t(".js-off-canvas-exit").length)this.$exiter=t(".js-off-canvas-exit");else{var i=document.createElement("div");i.setAttribute("class","js-off-canvas-exit"),t("[data-off-canvas-content]").append(i),this.$exiter=t(i)}this.options.isRevealed=this.options.isRevealed||new RegExp(this.options.revealClass,"g").test(this.$element[0].className),this.options.isRevealed&&(this.options.revealOn=this.options.revealOn||this.$element[0].className.match(/(reveal-for-medium|reveal-for-large)/g)[0].split("-")[2],this._setMQChecker()),this.options.transitionTime||(this.options.transitionTime=1e3*parseFloat(window.getComputedStyle(t("[data-off-canvas-wrapper]")[0]).transitionDuration));
+}},{key:"_events",value:function(){this.$element.off(".zf.trigger .zf.offcanvas").on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"keydown.zf.offcanvas":this._handleKeyboard.bind(this)}),this.options.closeOnClick&&this.$exiter.length&&this.$exiter.on({"click.zf.offcanvas":this.close.bind(this)})}},{key:"_setMQChecker",value:function(){var e=this;t(window).on("changed.zf.mediaquery",function(){Foundation.MediaQuery.atLeast(e.options.revealOn)?e.reveal(!0):e.reveal(!1)}).one("load.zf.offcanvas",function(){Foundation.MediaQuery.atLeast(e.options.revealOn)&&e.reveal(!0)})}},{key:"reveal",value:function(t){var e=this.$element.find("[data-close]");t?(this.close(),this.isRevealed=!0,this.$element.off("open.zf.trigger toggle.zf.trigger"),e.length&&e.hide()):(this.isRevealed=!1,this.$element.on({"open.zf.trigger":this.open.bind(this),"toggle.zf.trigger":this.toggle.bind(this)}),e.length&&e.show())}},{key:"open",value:function(e,i){if(!this.$element.hasClass("is-open")&&!this.isRevealed){var n=this;t(document.body);this.options.forceTop&&t("body").scrollTop(0);var s=t("[data-off-canvas-wrapper]");s.addClass("is-off-canvas-open is-open-"+n.options.position),n.$element.addClass("is-open"),this.$triggers.attr("aria-expanded","true"),this.$element.attr("aria-hidden","false").trigger("opened.zf.offcanvas"),this.options.closeOnClick&&this.$exiter.addClass("is-visible"),i&&(this.$lastTrigger=i),this.options.autoFocus&&s.one(Foundation.transitionend(s),function(){n.$element.hasClass("is-open")&&(n.$element.attr("tabindex","-1"),n.$element.focus())}),this.options.trapFocus&&s.one(Foundation.transitionend(s),function(){n.$element.hasClass("is-open")&&(n.$element.attr("tabindex","-1"),n.trapFocus())})}}},{key:"_trapFocus",value:function(){var t=Foundation.Keyboard.findFocusable(this.$element),e=t.eq(0),i=t.eq(-1);t.off(".zf.offcanvas").on("keydown.zf.offcanvas",function(t){var n=Foundation.Keyboard.parseKey(t);"TAB"===n&&t.target===i[0]&&(t.preventDefault(),e.focus()),"SHIFT_TAB"===n&&t.target===e[0]&&(t.preventDefault(),i.focus())})}},{key:"close",value:function(e){if(this.$element.hasClass("is-open")&&!this.isRevealed){var i=this;t("[data-off-canvas-wrapper]").removeClass("is-off-canvas-open is-open-"+i.options.position),i.$element.removeClass("is-open"),this.$element.attr("aria-hidden","true").trigger("closed.zf.offcanvas"),this.options.closeOnClick&&this.$exiter.removeClass("is-visible"),this.$triggers.attr("aria-expanded","false"),this.options.trapFocus&&t("[data-off-canvas-content]").removeAttr("tabindex")}}},{key:"toggle",value:function(t,e){this.$element.hasClass("is-open")?this.close(t,e):this.open(t,e)}},{key:"_handleKeyboard",value:function(t){var e=this;Foundation.Keyboard.handleKey(t,"OffCanvas",{close:function(){return e.close(),e.$lastTrigger.focus(),!0},handled:function(){t.stopPropagation(),t.preventDefault()}})}},{key:"destroy",value:function(){this.close(),this.$element.off(".zf.trigger .zf.offcanvas"),this.$exiter.off(".zf.offcanvas"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={closeOnClick:!0,transitionTime:0,position:"left",forceTop:!0,isRevealed:!1,revealOn:null,autoFocus:!0,revealClass:"reveal-for-",trapFocus:!1},Foundation.plugin(e,"OffCanvas")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Orbit"),Foundation.Keyboard.register("Orbit",{ltr:{ARROW_RIGHT:"next",ARROW_LEFT:"previous"},rtl:{ARROW_LEFT:"next",ARROW_RIGHT:"previous"}})}return _createClass(e,[{key:"_init",value:function(){this.$wrapper=this.$element.find("."+this.options.containerClass),this.$slides=this.$element.find("."+this.options.slideClass);var t=this.$element.find("img"),e=this.$slides.filter(".is-active");e.length||this.$slides.eq(0).addClass("is-active"),this.options.useMUI||this.$slides.addClass("no-motionui"),t.length?Foundation.onImagesLoaded(t,this._prepareForOrbit.bind(this)):this._prepareForOrbit(),this.options.bullets&&this._loadBullets(),this._events(),this.options.autoPlay&&this.$slides.length>1&&this.geoSync(),this.options.accessible&&this.$wrapper.attr("tabindex",0)}},{key:"_loadBullets",value:function(){this.$bullets=this.$element.find("."+this.options.boxOfBullets).find("button")}},{key:"geoSync",value:function(){var t=this;this.timer=new Foundation.Timer(this.$element,{duration:this.options.timerDelay,infinite:!1},function(){t.changeSlide(!0)}),this.timer.start()}},{key:"_prepareForOrbit",value:function(){var t=this;this._setWrapperHeight(function(e){t._setSlideHeight(e)})}},{key:"_setWrapperHeight",value:function(e){var i,n=0,s=0;this.$slides.each(function(){i=this.getBoundingClientRect().height,t(this).attr("data-slide",s),s&&t(this).css({position:"relative",display:"none"}),n=i>n?i:n,s++}),s===this.$slides.length&&(this.$wrapper.css({height:n}),e(n))}},{key:"_setSlideHeight",value:function(e){this.$slides.each(function(){t(this).css("max-height",e)})}},{key:"_events",value:function(){var e=this;if(this.$slides.length>1){if(this.options.swipe&&this.$slides.off("swipeleft.zf.orbit swiperight.zf.orbit").on("swipeleft.zf.orbit",function(t){t.preventDefault(),e.changeSlide(!0)}).on("swiperight.zf.orbit",function(t){t.preventDefault(),e.changeSlide(!1)}),this.options.autoPlay&&(this.$slides.on("click.zf.orbit",function(){e.$element.data("clickedOn",!e.$element.data("clickedOn")),e.timer[e.$element.data("clickedOn")?"pause":"start"]()}),this.options.pauseOnHover&&this.$element.on("mouseenter.zf.orbit",function(){e.timer.pause()}).on("mouseleave.zf.orbit",function(){e.$element.data("clickedOn")||e.timer.start()})),this.options.navButtons){var i=this.$element.find("."+this.options.nextClass+", ."+this.options.prevClass);i.attr("tabindex",0).on("click.zf.orbit touchend.zf.orbit",function(i){i.preventDefault(),e.changeSlide(t(this).hasClass(e.options.nextClass))})}this.options.bullets&&this.$bullets.on("click.zf.orbit touchend.zf.orbit",function(){if(/is-active/g.test(this.className))return!1;var i=t(this).data("slide"),n=i>e.$slides.filter(".is-active").data("slide"),s=e.$slides.eq(i);e.changeSlide(n,s,i)}),this.options.accessible&&this.$wrapper.add(this.$bullets).on("keydown.zf.orbit",function(i){Foundation.Keyboard.handleKey(i,"Orbit",{next:function(){e.changeSlide(!0)},previous:function(){e.changeSlide(!1)},handled:function(){t(i.target).is(e.$bullets)&&e.$bullets.filter(".is-active").focus()}})})}}},{key:"changeSlide",value:function(t,e,i){var n=this.$slides.filter(".is-active").eq(0);if(/mui/g.test(n[0].className))return!1;var s,o=this.$slides.first(),a=this.$slides.last(),r=t?"Right":"Left",l=t?"Left":"Right",u=this;s=e?e:t?this.options.infiniteWrap?n.next("."+this.options.slideClass).length?n.next("."+this.options.slideClass):o:n.next("."+this.options.slideClass):this.options.infiniteWrap?n.prev("."+this.options.slideClass).length?n.prev("."+this.options.slideClass):a:n.prev("."+this.options.slideClass),s.length&&(this.$element.trigger("beforeslidechange.zf.orbit",[n,s]),this.options.bullets&&(i=i||this.$slides.index(s),this._updateBullets(i)),this.options.useMUI?(Foundation.Motion.animateIn(s.addClass("is-active").css({position:"absolute",top:0}),this.options["animInFrom"+r],function(){s.css({position:"relative",display:"block"}).attr("aria-live","polite")}),Foundation.Motion.animateOut(n.removeClass("is-active"),this.options["animOutTo"+l],function(){n.removeAttr("aria-live"),u.options.autoPlay&&!u.timer.isPaused&&u.timer.restart()})):(n.removeClass("is-active is-in").removeAttr("aria-live").hide(),s.addClass("is-active is-in").attr("aria-live","polite").show(),this.options.autoPlay&&!this.timer.isPaused&&this.timer.restart()),this.$element.trigger("slidechange.zf.orbit",[s]))}},{key:"_updateBullets",value:function(t){var e=this.$element.find("."+this.options.boxOfBullets).find(".is-active").removeClass("is-active").blur(),i=e.find("span:last").detach();this.$bullets.eq(t).addClass("is-active").append(i)}},{key:"destroy",value:function(){this.$element.off(".zf.orbit").find("*").off(".zf.orbit").end().hide(),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={bullets:!0,navButtons:!0,animInFromRight:"slide-in-right",animOutToRight:"slide-out-right",animInFromLeft:"slide-in-left",animOutToLeft:"slide-out-left",autoPlay:!0,timerDelay:5e3,infiniteWrap:!0,swipe:!0,pauseOnHover:!0,accessible:!0,containerClass:"orbit-container",slideClass:"orbit-slide",boxOfBullets:"orbit-bullets",nextClass:"orbit-next",prevClass:"orbit-previous",useMUI:!0},Foundation.plugin(e,"Orbit")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=t(i),this.rules=this.$element.data("responsive-menu"),this.currentMq=null,this.currentPlugin=null,this._init(),this._events(),Foundation.registerPlugin(this,"ResponsiveMenu")}return _createClass(e,[{key:"_init",value:function(){if("string"==typeof this.rules){for(var e={},n=this.rules.split(" "),s=0;s<n.length;s++){var o=n[s].split("-"),a=o.length>1?o[0]:"small",r=o.length>1?o[1]:o[0];null!==i[r]&&(e[a]=i[r])}this.rules=e}t.isEmptyObject(this.rules)||this._checkMediaQueries()}},{key:"_events",value:function(){var e=this;t(window).on("changed.zf.mediaquery",function(){e._checkMediaQueries()})}},{key:"_checkMediaQueries",value:function(){var e,n=this;t.each(this.rules,function(t){Foundation.MediaQuery.atLeast(t)&&(e=t)}),e&&(this.currentPlugin instanceof this.rules[e].plugin||(t.each(i,function(t,e){n.$element.removeClass(e.cssClass)}),this.$element.addClass(this.rules[e].cssClass),this.currentPlugin&&this.currentPlugin.destroy(),this.currentPlugin=new this.rules[e].plugin(this.$element,{})))}},{key:"destroy",value:function(){this.currentPlugin.destroy(),t(window).off(".zf.ResponsiveMenu"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={};var i={dropdown:{cssClass:"dropdown",plugin:Foundation._plugins["dropdown-menu"]||null},drilldown:{cssClass:"drilldown",plugin:Foundation._plugins.drilldown||null},accordion:{cssClass:"accordion-menu",plugin:Foundation._plugins["accordion-menu"]||null}};Foundation.plugin(e,"ResponsiveMenu")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=t(i),this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),this._events(),Foundation.registerPlugin(this,"ResponsiveToggle")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.data("responsive-toggle");e||console.error("Your tab bar needs an ID of a Menu as the value of data-tab-bar."),this.$targetMenu=t("#"+e),this.$toggler=this.$element.find("[data-toggle]"),this._update()}},{key:"_events",value:function(){this._updateMqHandler=this._update.bind(this),t(window).on("changed.zf.mediaquery",this._updateMqHandler),this.$toggler.on("click.zf.responsiveToggle",this.toggleMenu.bind(this))}},{key:"_update",value:function(){Foundation.MediaQuery.atLeast(this.options.hideFor)?(this.$element.hide(),this.$targetMenu.show()):(this.$element.show(),this.$targetMenu.hide())}},{key:"toggleMenu",value:function(){Foundation.MediaQuery.atLeast(this.options.hideFor)||(this.$targetMenu.toggle(0),this.$element.trigger("toggled.zf.responsiveToggle"))}},{key:"destroy",value:function(){this.$element.off(".zf.responsiveToggle"),this.$toggler.off(".zf.responsiveToggle"),t(window).off("changed.zf.mediaquery",this._updateMqHandler),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={hideFor:"medium"},Foundation.plugin(e,"ResponsiveToggle")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){function e(){return/iP(ad|hone|od).*OS/.test(window.navigator.userAgent)}function i(){return/Android/.test(window.navigator.userAgent)}function n(){return e()||i()}var s=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Reveal"),Foundation.Keyboard.register("Reveal",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}return _createClass(e,[{key:"_init",value:function(){this.id=this.$element.attr("id"),this.isActive=!1,this.cached={mq:Foundation.MediaQuery.current},this.isMobile=n(),this.$anchor=t(t('[data-open="'+this.id+'"]').length?'[data-open="'+this.id+'"]':'[data-toggle="'+this.id+'"]'),this.$anchor.attr({"aria-controls":this.id,"aria-haspopup":!0,tabindex:0}),(this.options.fullScreen||this.$element.hasClass("full"))&&(this.options.fullScreen=!0,this.options.overlay=!1),this.options.overlay&&!this.$overlay&&(this.$overlay=this._makeOverlay(this.id)),this.$element.attr({role:"dialog","aria-hidden":!0,"data-yeti-box":this.id,"data-resize":this.id}),this.$overlay?this.$element.detach().appendTo(this.$overlay):(this.$element.detach().appendTo(t("body")),this.$element.addClass("without-overlay")),this._events(),this.options.deepLink&&window.location.hash==="#"+this.id&&t(window).one("load.zf.reveal",this.open.bind(this))}},{key:"_makeOverlay",value:function(e){var i=t("<div></div>").addClass("reveal-overlay").appendTo("body");return i}},{key:"_updatePosition",value:function(){var e,i,n=this.$element.outerWidth(),s=t(window).width(),o=this.$element.outerHeight(),a=t(window).height();e="auto"===this.options.hOffset?parseInt((s-n)/2,10):parseInt(this.options.hOffset,10),i="auto"===this.options.vOffset?o>a?parseInt(Math.min(100,a/10),10):parseInt((a-o)/4,10):parseInt(this.options.vOffset,10),this.$element.css({top:i+"px"}),this.$overlay&&"auto"===this.options.hOffset||(this.$element.css({left:e+"px"}),this.$element.css({margin:"0px"}))}},{key:"_events",value:function(){var e=this,i=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":function(n,s){if(n.target===i.$element[0]||t(n.target).parents("[data-closable]")[0]===s)return e.close.apply(e)},"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":function(){i._updatePosition()}}),this.$anchor.length&&this.$anchor.on("keydown.zf.reveal",function(t){13!==t.which&&32!==t.which||(t.stopPropagation(),t.preventDefault(),i.open())}),this.options.closeOnClick&&this.options.overlay&&this.$overlay.off(".zf.reveal").on("click.zf.reveal",function(e){e.target!==i.$element[0]&&!t.contains(i.$element[0],e.target)&&t.contains(document,e.target)&&i.close()}),this.options.deepLink&&t(window).on("popstate.zf.reveal:"+this.id,this._handleState.bind(this))}},{key:"_handleState",value:function(t){window.location.hash!=="#"+this.id||this.isActive?this.close():this.open()}},{key:"open",value:function(){var e=this;if(this.options.deepLink){var i="#"+this.id;window.history.pushState?window.history.pushState(null,null,i):window.location.hash=i}if(this.isActive=!0,this.$element.css({visibility:"hidden"}).show().scrollTop(0),this.options.overlay&&this.$overlay.css({visibility:"hidden"}).show(),this._updatePosition(),this.$element.hide().css({visibility:""}),this.$overlay&&(this.$overlay.css({visibility:""}).hide(),this.$element.hasClass("fast")?this.$overlay.addClass("fast"):this.$element.hasClass("slow")&&this.$overlay.addClass("slow")),this.options.multipleOpened||this.$element.trigger("closeme.zf.reveal",this.id),this.options.animationIn){var n;!function(){var t=function(){n.$element.attr({"aria-hidden":!1,tabindex:-1}).focus()};n=e,e.options.overlay&&Foundation.Motion.animateIn(e.$overlay,"fade-in"),Foundation.Motion.animateIn(e.$element,e.options.animationIn,function(){e.focusableElements=Foundation.Keyboard.findFocusable(e.$element),t()})}()}else this.options.overlay&&this.$overlay.show(0),this.$element.show(this.options.showDelay);this.$element.attr({"aria-hidden":!1,tabindex:-1}).focus(),this.$element.trigger("open.zf.reveal"),this.isMobile?(this.originalScrollPos=window.pageYOffset,t("html, body").addClass("is-reveal-open")):t("body").addClass("is-reveal-open"),setTimeout(function(){e._extraHandlers()},0)}},{key:"_extraHandlers",value:function(){var e=this;this.focusableElements=Foundation.Keyboard.findFocusable(this.$element),this.options.overlay||!this.options.closeOnClick||this.options.fullScreen||t("body").on("click.zf.reveal",function(i){i.target!==e.$element[0]&&!t.contains(e.$element[0],i.target)&&t.contains(document,i.target)&&e.close()}),this.options.closeOnEsc&&t(window).on("keydown.zf.reveal",function(t){Foundation.Keyboard.handleKey(t,"Reveal",{close:function(){e.options.closeOnEsc&&(e.close(),e.$anchor.focus())}})}),this.$element.on("keydown.zf.reveal",function(i){var n=t(this);Foundation.Keyboard.handleKey(i,"Reveal",{tab_forward:function(){return e.focusableElements=Foundation.Keyboard.findFocusable(e.$element),e.$element.find(":focus").is(e.focusableElements.eq(-1))?(e.focusableElements.eq(0).focus(),!0):0===e.focusableElements.length||void 0},tab_backward:function(){return e.focusableElements=Foundation.Keyboard.findFocusable(e.$element),e.$element.find(":focus").is(e.focusableElements.eq(0))||e.$element.is(":focus")?(e.focusableElements.eq(-1).focus(),!0):0===e.focusableElements.length||void 0},open:function(){e.$element.find(":focus").is(e.$element.find("[data-close]"))?setTimeout(function(){e.$anchor.focus()},1):n.is(e.focusableElements)&&e.open()},close:function(){e.options.closeOnEsc&&(e.close(),e.$anchor.focus())},handled:function(t){t&&i.preventDefault()}})})}},{key:"close",value:function(){function e(){i.isMobile?(t("html, body").removeClass("is-reveal-open"),i.originalScrollPos&&(t("body").scrollTop(i.originalScrollPos),i.originalScrollPos=null)):t("body").removeClass("is-reveal-open"),i.$element.attr("aria-hidden",!0),i.$element.trigger("closed.zf.reveal")}if(!this.isActive||!this.$element.is(":visible"))return!1;var i=this;this.options.animationOut?(this.options.overlay?Foundation.Motion.animateOut(this.$overlay,"fade-out",e):e(),Foundation.Motion.animateOut(this.$element,this.options.animationOut)):(this.options.overlay?this.$overlay.hide(0,e):e(),this.$element.hide(this.options.hideDelay)),this.options.closeOnEsc&&t(window).off("keydown.zf.reveal"),!this.options.overlay&&this.options.closeOnClick&&t("body").off("click.zf.reveal"),this.$element.off("keydown.zf.reveal"),this.options.resetOnClose&&this.$element.html(this.$element.html()),this.isActive=!1,i.options.deepLink&&(window.history.replaceState?window.history.replaceState("",document.title,window.location.pathname):window.location.hash="")}},{key:"toggle",value:function(){this.isActive?this.close():this.open()}},{key:"destroy",value:function(){this.options.overlay&&(this.$element.appendTo(t("body")),this.$overlay.hide().off().remove()),this.$element.hide().off(),this.$anchor.off(".zf"),t(window).off(".zf.reveal:"+this.id),Foundation.unregisterPlugin(this)}}]),e}();s.defaults={animationIn:"",animationOut:"",showDelay:0,hideDelay:0,closeOnClick:!0,closeOnEsc:!0,multipleOpened:!1,vOffset:"auto",hOffset:"auto",fullScreen:!1,btmOffsetPct:10,overlay:!0,resetOnClose:!1,deepLink:!1},Foundation.plugin(s,"Reveal")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){function e(t,e){return t/e}function i(t,e,i,n){return Math.abs(t.position()[e]+t[n]()/2-i)}var n=function(){function n(e,i){_classCallCheck(this,n),this.$element=e,this.options=t.extend({},n.defaults,this.$element.data(),i),this._init(),Foundation.registerPlugin(this,"Slider"),Foundation.Keyboard.register("Slider",{ltr:{ARROW_RIGHT:"increase",ARROW_UP:"increase",ARROW_DOWN:"decrease",ARROW_LEFT:"decrease",SHIFT_ARROW_RIGHT:"increase_fast",SHIFT_ARROW_UP:"increase_fast",SHIFT_ARROW_DOWN:"decrease_fast",SHIFT_ARROW_LEFT:"decrease_fast"},rtl:{ARROW_LEFT:"increase",ARROW_RIGHT:"decrease",SHIFT_ARROW_LEFT:"increase_fast",SHIFT_ARROW_RIGHT:"decrease_fast"}})}return _createClass(n,[{key:"_init",value:function(){this.inputs=this.$element.find("input"),this.handles=this.$element.find("[data-slider-handle]"),this.$handle=this.handles.eq(0),this.$input=this.inputs.length?this.inputs.eq(0):t("#"+this.$handle.attr("aria-controls")),this.$fill=this.$element.find("[data-slider-fill]").css(this.options.vertical?"height":"width",0);var e=!1,i=this;(this.options.disabled||this.$element.hasClass(this.options.disabledClass))&&(this.options.disabled=!0,this.$element.addClass(this.options.disabledClass)),this.inputs.length||(this.inputs=t().add(this.$input),this.options.binding=!0),this._setInitAttr(0),this._events(this.$handle),this.handles[1]&&(this.options.doubleSided=!0,this.$handle2=this.handles.eq(1),this.$input2=this.inputs.length>1?this.inputs.eq(1):t("#"+this.$handle2.attr("aria-controls")),this.inputs[1]||(this.inputs=this.inputs.add(this.$input2)),e=!0,this._setHandlePos(this.$handle,this.options.initialStart,!0,function(){i._setHandlePos(i.$handle2,i.options.initialEnd,!0)}),this._setInitAttr(1),this._events(this.$handle2)),e||this._setHandlePos(this.$handle,this.options.initialStart,!0)}},{key:"_setHandlePos",value:function(t,i,n,s){if(!this.$element.hasClass(this.options.disabledClass)){i=parseFloat(i),i<this.options.start?i=this.options.start:i>this.options.end&&(i=this.options.end);var o=this.options.doubleSided;if(o)if(0===this.handles.index(t)){var a=parseFloat(this.$handle2.attr("aria-valuenow"));i=i>=a?a-this.options.step:i}else{var r=parseFloat(this.$handle.attr("aria-valuenow"));i=i<=r?r+this.options.step:i}this.options.vertical&&!n&&(i=this.options.end-i);var l=this,u=this.options.vertical,d=u?"height":"width",h=u?"top":"left",c=t[0].getBoundingClientRect()[d],f=this.$element[0].getBoundingClientRect()[d],p=e(i-this.options.start,this.options.end-this.options.start).toFixed(2),m=(f-c)*p,v=(100*e(m,f)).toFixed(this.options.decimal);i=parseFloat(i.toFixed(this.options.decimal));var g={};if(this._setValues(t,i),o){var w,y=0===this.handles.index(t),b=~~(100*e(c,f));if(y)g[h]=v+"%",w=parseFloat(this.$handle2[0].style[h])-v+b,s&&"function"==typeof s&&s();else{var $=parseFloat(this.$handle[0].style[h]);w=v-(isNaN($)?this.options.initialStart/((this.options.end-this.options.start)/100):$)+b}g["min-"+d]=w+"%"}this.$element.one("finished.zf.animate",function(){l.$element.trigger("moved.zf.slider",[t])});var C=this.$element.data("dragging")?1e3/60:this.options.moveTime;Foundation.Move(C,t,function(){t.css(h,v+"%"),l.options.doubleSided?l.$fill.css(g):l.$fill.css(d,100*p+"%")}),clearTimeout(l.timeout),l.timeout=setTimeout(function(){l.$element.trigger("changed.zf.slider",[t])},l.options.changedDelay)}}},{key:"_setInitAttr",value:function(t){var e=this.inputs.eq(t).attr("id")||Foundation.GetYoDigits(6,"slider");this.inputs.eq(t).attr({id:e,max:this.options.end,min:this.options.start,step:this.options.step}),this.handles.eq(t).attr({role:"slider","aria-controls":e,"aria-valuemax":this.options.end,"aria-valuemin":this.options.start,"aria-valuenow":0===t?this.options.initialStart:this.options.initialEnd,"aria-orientation":this.options.vertical?"vertical":"horizontal",tabindex:0})}},{key:"_setValues",value:function(t,e){var i=this.options.doubleSided?this.handles.index(t):0;this.inputs.eq(i).val(e),t.attr("aria-valuenow",e)}},{key:"_handleEvent",value:function(n,s,o){var a,r;if(o)a=this._adjustValue(null,o),r=!0;else{n.preventDefault();var l=this,u=this.options.vertical,d=u?"height":"width",h=u?"top":"left",c=u?n.pageY:n.pageX,f=(this.$handle[0].getBoundingClientRect()[d]/2,this.$element[0].getBoundingClientRect()[d]),p=u?t(window).scrollTop():t(window).scrollLeft(),m=this.$element.offset()[h];n.clientY===n.pageY&&(c+=p);var v,g=c-m;v=g<0?0:g>f?f:g;var w=e(v,f);if(a=(this.options.end-this.options.start)*w+this.options.start,Foundation.rtl()&&!this.options.vertical&&(a=this.options.end-a),a=l._adjustValue(null,a),r=!1,!s){var y=i(this.$handle,h,v,d),b=i(this.$handle2,h,v,d);s=y<=b?this.$handle:this.$handle2}}this._setHandlePos(s,a,r)}},{key:"_adjustValue",value:function(t,e){var i,n,s,o,a=this.options.step,r=parseFloat(a/2);return i=t?parseFloat(t.attr("aria-valuenow")):e,n=i%a,s=i-n,o=s+a,0===n?i:i=i>=s+r?o:s}},{key:"_events",value:function(e){var i,n=this;if(this.inputs.off("change.zf.slider").on("change.zf.slider",function(e){var i=n.inputs.index(t(this));n._handleEvent(e,n.handles.eq(i),t(this).val())}),this.options.clickSelect&&this.$element.off("click.zf.slider").on("click.zf.slider",function(e){return!n.$element.data("dragging")&&void(t(e.target).is("[data-slider-handle]")||(n.options.doubleSided?n._handleEvent(e):n._handleEvent(e,n.$handle)))}),this.options.draggable){this.handles.addTouch();var s=t("body");e.off("mousedown.zf.slider").on("mousedown.zf.slider",function(o){e.addClass("is-dragging"),n.$fill.addClass("is-dragging"),n.$element.data("dragging",!0),i=t(o.currentTarget),s.on("mousemove.zf.slider",function(t){t.preventDefault(),n._handleEvent(t,i)}).on("mouseup.zf.slider",function(t){n._handleEvent(t,i),e.removeClass("is-dragging"),n.$fill.removeClass("is-dragging"),n.$element.data("dragging",!1),s.off("mousemove.zf.slider mouseup.zf.slider")})}).on("selectstart.zf.slider touchmove.zf.slider",function(t){t.preventDefault()})}e.off("keydown.zf.slider").on("keydown.zf.slider",function(e){var i,s=t(this),o=n.options.doubleSided?n.handles.index(s):0,a=parseFloat(n.inputs.eq(o).val());Foundation.Keyboard.handleKey(e,"Slider",{decrease:function(){i=a-n.options.step},increase:function(){i=a+n.options.step},decrease_fast:function(){i=a-10*n.options.step},increase_fast:function(){i=a+10*n.options.step},handled:function(){e.preventDefault(),n._setHandlePos(s,i,!0)}})})}},{key:"destroy",value:function(){this.handles.off(".zf.slider"),this.inputs.off(".zf.slider"),this.$element.off(".zf.slider"),Foundation.unregisterPlugin(this)}}]),n}();n.defaults={start:0,end:100,step:1,initialStart:0,initialEnd:100,binding:!1,clickSelect:!0,vertical:!1,draggable:!0,disabled:!1,doubleSided:!1,decimal:2,moveTime:200,disabledClass:"disabled",invertVertical:!1,changedDelay:500},Foundation.plugin(n,"Slider")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){function e(t){return parseInt(window.getComputedStyle(document.body,null).fontSize,10)*t}var i=function(){function i(e,n){_classCallCheck(this,i),this.$element=e,this.options=t.extend({},i.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Sticky")}return _createClass(i,[{key:"_init",value:function(){var e=this.$element.parent("[data-sticky-container]"),i=this.$element[0].id||Foundation.GetYoDigits(6,"sticky"),n=this;e.length||(this.wasWrapped=!0),this.$container=e.length?e:t(this.options.container).wrapInner(this.$element),this.$container.addClass(this.options.containerClass),this.$element.addClass(this.options.stickyClass).attr({"data-resize":i}),this.scrollCount=this.options.checkEvery,this.isStuck=!1,t(window).one("load.zf.sticky",function(){n.containerHeight="none"==n.$element.css("display")?0:n.$element[0].getBoundingClientRect().height,n.$container.css("height",n.containerHeight),n.elemHeight=n.containerHeight,""!==n.options.anchor?n.$anchor=t("#"+n.options.anchor):n._parsePoints(),n._setSizes(function(){n._calc(!1)}),n._events(i.split("-").reverse().join("-"))})}},{key:"_parsePoints",value:function(){for(var e=""==this.options.topAnchor?1:this.options.topAnchor,i=""==this.options.btmAnchor?document.documentElement.scrollHeight:this.options.btmAnchor,n=[e,i],s={},o=0,a=n.length;o<a&&n[o];o++){var r;if("number"==typeof n[o])r=n[o];else{var l=n[o].split(":"),u=t("#"+l[0]);r=u.offset().top,l[1]&&"bottom"===l[1].toLowerCase()&&(r+=u[0].getBoundingClientRect().height)}s[o]=r}this.points=s}},{key:"_events",value:function(e){var i=this,n=this.scrollListener="scroll.zf."+e;this.isOn||(this.canStick&&(this.isOn=!0,t(window).off(n).on(n,function(t){0===i.scrollCount?(i.scrollCount=i.options.checkEvery,i._setSizes(function(){i._calc(!1,window.pageYOffset)})):(i.scrollCount--,i._calc(!1,window.pageYOffset))})),this.$element.off("resizeme.zf.trigger").on("resizeme.zf.trigger",function(t,s){i._setSizes(function(){i._calc(!1),i.canStick?i.isOn||i._events(e):i.isOn&&i._pauseListeners(n)})}))}},{key:"_pauseListeners",value:function(e){this.isOn=!1,t(window).off(e),this.$element.trigger("pause.zf.sticky")}},{key:"_calc",value:function(t,e){return t&&this._setSizes(),this.canStick?(e||(e=window.pageYOffset),void(e>=this.topPoint?e<=this.bottomPoint?this.isStuck||this._setSticky():this.isStuck&&this._removeSticky(!1):this.isStuck&&this._removeSticky(!0))):(this.isStuck&&this._removeSticky(!0),!1)}},{key:"_setSticky",value:function(){var t=this,e=this.options.stickTo,i="top"===e?"marginTop":"marginBottom",n="top"===e?"bottom":"top",s={};s[i]=this.options[i]+"em",s[e]=0,s[n]="auto",s.left=this.$container.offset().left+parseInt(window.getComputedStyle(this.$container[0])["padding-left"],10),this.isStuck=!0,this.$element.removeClass("is-anchored is-at-"+n).addClass("is-stuck is-at-"+e).css(s).trigger("sticky.zf.stuckto:"+e),this.$element.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",function(){t._setSizes()})}},{key:"_removeSticky",value:function(t){var e=this.options.stickTo,i="top"===e,n={},s=(this.points?this.points[1]-this.points[0]:this.anchorHeight)-this.elemHeight,o=i?"marginTop":"marginBottom",a=t?"top":"bottom";n[o]=0,n.bottom="auto",t?n.top=0:n.top=s,n.left="",this.isStuck=!1,this.$element.removeClass("is-stuck is-at-"+e).addClass("is-anchored is-at-"+a).css(n).trigger("sticky.zf.unstuckfrom:"+a)}},{key:"_setSizes",value:function(t){this.canStick=Foundation.MediaQuery.atLeast(this.options.stickyOn),this.canStick||t&&"function"==typeof t&&t();var e=this.$container[0].getBoundingClientRect().width,i=window.getComputedStyle(this.$container[0]),n=parseInt(i["padding-right"],10);this.$anchor&&this.$anchor.length?this.anchorHeight=this.$anchor[0].getBoundingClientRect().height:this._parsePoints(),this.$element.css({"max-width":e-n+"px"});var s=this.$element[0].getBoundingClientRect().height||this.containerHeight;if("none"==this.$element.css("display")&&(s=0),this.containerHeight=s,this.$container.css({height:s}),this.elemHeight=s,this.isStuck)this.$element.css({left:this.$container.offset().left+parseInt(i["padding-left"],10)});else if(this.$element.hasClass("is-at-bottom")){var o=(this.points?this.points[1]-this.$container.offset().top:this.anchorHeight)-this.elemHeight;this.$element.css("top",o)}this._setBreakPoints(s,function(){t&&"function"==typeof t&&t()})}},{key:"_setBreakPoints",value:function(t,i){if(!this.canStick){if(!i||"function"!=typeof i)return!1;i()}var n=e(this.options.marginTop),s=e(this.options.marginBottom),o=this.points?this.points[0]:this.$anchor.offset().top,a=this.points?this.points[1]:o+this.anchorHeight,r=window.innerHeight;
+"top"===this.options.stickTo?(o-=n,a-=t+n):"bottom"===this.options.stickTo&&(o-=r-(t+s),a-=r-s),this.topPoint=o,this.bottomPoint=a,i&&"function"==typeof i&&i()}},{key:"destroy",value:function(){this._removeSticky(!0),this.$element.removeClass(this.options.stickyClass+" is-anchored is-at-top").css({height:"",top:"",bottom:"","max-width":""}).off("resizeme.zf.trigger"),this.$anchor&&this.$anchor.length&&this.$anchor.off("change.zf.sticky"),t(window).off(this.scrollListener),this.wasWrapped?this.$element.unwrap():this.$container.removeClass(this.options.containerClass).css({height:""}),Foundation.unregisterPlugin(this)}}]),i}();i.defaults={container:"<div data-sticky-container></div>",stickTo:"top",anchor:"",topAnchor:"",btmAnchor:"",marginTop:1,marginBottom:1,stickyOn:"medium",stickyClass:"sticky",containerClass:"sticky-container",checkEvery:-1},Foundation.plugin(i,"Sticky")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this._init(),Foundation.registerPlugin(this,"Tabs"),Foundation.Keyboard.register("Tabs",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"previous",ARROW_DOWN:"next",ARROW_LEFT:"previous"})}return _createClass(e,[{key:"_init",value:function(){var e=this;if(this.$tabTitles=this.$element.find("."+this.options.linkClass),this.$tabContent=t('[data-tabs-content="'+this.$element[0].id+'"]'),this.$tabTitles.each(function(){var i=t(this),n=i.find("a"),s=i.hasClass("is-active"),o=n[0].hash.slice(1),a=n[0].id?n[0].id:o+"-label",r=t("#"+o);i.attr({role:"presentation"}),n.attr({role:"tab","aria-controls":o,"aria-selected":s,id:a}),r.attr({role:"tabpanel","aria-hidden":!s,"aria-labelledby":a}),s&&e.options.autoFocus&&n.focus()}),this.options.matchHeight){var i=this.$tabContent.find("img");i.length?Foundation.onImagesLoaded(i,this._setHeight.bind(this)):this._setHeight()}this._events()}},{key:"_events",value:function(){this._addKeyHandler(),this._addClickHandler(),this._setHeightMqHandler=null,this.options.matchHeight&&(this._setHeightMqHandler=this._setHeight.bind(this),t(window).on("changed.zf.mediaquery",this._setHeightMqHandler))}},{key:"_addClickHandler",value:function(){var e=this;this.$element.off("click.zf.tabs").on("click.zf.tabs","."+this.options.linkClass,function(i){i.preventDefault(),i.stopPropagation(),t(this).hasClass("is-active")||e._handleTabChange(t(this))})}},{key:"_addKeyHandler",value:function(){var e=this;e.$element.find("li:first-of-type"),e.$element.find("li:last-of-type");this.$tabTitles.off("keydown.zf.tabs").on("keydown.zf.tabs",function(i){if(9!==i.which){var n,s,o=t(this),a=o.parent("ul").children("li");a.each(function(i){if(t(this).is(o))return void(e.options.wrapOnKeys?(n=0===i?a.last():a.eq(i-1),s=i===a.length-1?a.first():a.eq(i+1)):(n=a.eq(Math.max(0,i-1)),s=a.eq(Math.min(i+1,a.length-1))))}),Foundation.Keyboard.handleKey(i,"Tabs",{open:function(){o.find('[role="tab"]').focus(),e._handleTabChange(o)},previous:function(){n.find('[role="tab"]').focus(),e._handleTabChange(n)},next:function(){s.find('[role="tab"]').focus(),e._handleTabChange(s)},handled:function(){i.stopPropagation(),i.preventDefault()}})}})}},{key:"_handleTabChange",value:function(e){var i=e.find('[role="tab"]'),n=i[0].hash,s=this.$tabContent.find(n),o=this.$element.find("."+this.options.linkClass+".is-active").removeClass("is-active").find('[role="tab"]').attr({"aria-selected":"false"});t("#"+o.attr("aria-controls")).removeClass("is-active").attr({"aria-hidden":"true"}),e.addClass("is-active"),i.attr({"aria-selected":"true"}),s.addClass("is-active").attr({"aria-hidden":"false"}),this.$element.trigger("change.zf.tabs",[e])}},{key:"selectTab",value:function(t){var e;e="object"==typeof t?t[0].id:t,e.indexOf("#")<0&&(e="#"+e);var i=this.$tabTitles.find('[href="'+e+'"]').parent("."+this.options.linkClass);this._handleTabChange(i)}},{key:"_setHeight",value:function(){var e=0;this.$tabContent.find("."+this.options.panelClass).css("height","").each(function(){var i=t(this),n=i.hasClass("is-active");n||i.css({visibility:"hidden",display:"block"});var s=this.getBoundingClientRect().height;n||i.css({visibility:"",display:""}),e=s>e?s:e}).css("height",e+"px")}},{key:"destroy",value:function(){this.$element.find("."+this.options.linkClass).off(".zf.tabs").hide().end().find("."+this.options.panelClass).hide(),this.options.matchHeight&&null!=this._setHeightMqHandler&&t(window).off("changed.zf.mediaquery",this._setHeightMqHandler),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={autoFocus:!1,wrapOnKeys:!0,matchHeight:!1,linkClass:"tabs-title",panelClass:"tabs-panel"},Foundation.plugin(e,"Tabs")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,i.data(),n),this.className="",this._init(),this._events(),Foundation.registerPlugin(this,"Toggler")}return _createClass(e,[{key:"_init",value:function(){var e;this.options.animate?(e=this.options.animate.split(" "),this.animationIn=e[0],this.animationOut=e[1]||null):(e=this.$element.data("toggler"),this.className="."===e[0]?e.slice(1):e);var i=this.$element[0].id;t('[data-open="'+i+'"], [data-close="'+i+'"], [data-toggle="'+i+'"]').attr("aria-controls",i),this.$element.attr("aria-expanded",!this.$element.is(":hidden"))}},{key:"_events",value:function(){this.$element.off("toggle.zf.trigger").on("toggle.zf.trigger",this.toggle.bind(this))}},{key:"toggle",value:function(){this[this.options.animate?"_toggleAnimate":"_toggleClass"]()}},{key:"_toggleClass",value:function(){this.$element.toggleClass(this.className);var t=this.$element.hasClass(this.className);t?this.$element.trigger("on.zf.toggler"):this.$element.trigger("off.zf.toggler"),this._updateARIA(t)}},{key:"_toggleAnimate",value:function(){var t=this;this.$element.is(":hidden")?Foundation.Motion.animateIn(this.$element,this.animationIn,function(){t._updateARIA(!0),this.trigger("on.zf.toggler")}):Foundation.Motion.animateOut(this.$element,this.animationOut,function(){t._updateARIA(!1),this.trigger("off.zf.toggler")})}},{key:"_updateARIA",value:function(t){this.$element.attr("aria-expanded",!!t)}},{key:"destroy",value:function(){this.$element.off(".zf.toggler"),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={animate:!1},Foundation.plugin(e,"Toggler")}(jQuery);var _createClass=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}();!function(t){var e=function(){function e(i,n){_classCallCheck(this,e),this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),this.isActive=!1,this.isClick=!1,this._init(),Foundation.registerPlugin(this,"Tooltip")}return _createClass(e,[{key:"_init",value:function(){var e=this.$element.attr("aria-describedby")||Foundation.GetYoDigits(6,"tooltip");this.options.positionClass=this.options.positionClass||this._getPositionClass(this.$element),this.options.tipText=this.options.tipText||this.$element.attr("title"),this.template=this.options.template?t(this.options.template):this._buildTemplate(e),this.template.appendTo(document.body).text(this.options.tipText).hide(),this.$element.attr({title:"","aria-describedby":e,"data-yeti-box":e,"data-toggle":e,"data-resize":e}).addClass(this.options.triggerClass),this.usedPositions=[],this.counter=4,this.classChanged=!1,this._events()}},{key:"_getPositionClass",value:function(t){if(!t)return"";var e=t[0].className.match(/\b(top|left|right)\b/g);return e=e?e[0]:""}},{key:"_buildTemplate",value:function(e){var i=(this.options.tooltipClass+" "+this.options.positionClass+" "+this.options.templateClasses).trim(),n=t("<div></div>").addClass(i).attr({role:"tooltip","aria-hidden":!0,"data-is-active":!1,"data-is-focus":!1,id:e});return n}},{key:"_reposition",value:function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.template.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.template.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.template.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):this.template.removeClass(t),this.classChanged=!0,this.counter--}},{key:"_setPosition",value:function(){var t=this._getPositionClass(this.template),e=Foundation.Box.GetDimensions(this.template),i=Foundation.Box.GetDimensions(this.$element),n="left"===t?"left":"right"===t?"left":"top",s="top"===n?"height":"width";"height"===s?this.options.vOffset:this.options.hOffset;if(e.width>=e.windowDims.width||!this.counter&&!Foundation.Box.ImNotTouchingYou(this.template))return this.template.offset(Foundation.Box.GetOffsets(this.template,this.$element,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:i.windowDims.width-2*this.options.hOffset,height:"auto"}),!1;for(this.template.offset(Foundation.Box.GetOffsets(this.template,this.$element,"center "+(t||"bottom"),this.options.vOffset,this.options.hOffset));!Foundation.Box.ImNotTouchingYou(this.template)&&this.counter;)this._reposition(t),this._setPosition()}},{key:"show",value:function(){if("all"!==this.options.showOn&&!Foundation.MediaQuery.atLeast(this.options.showOn))return!1;var t=this;this.template.css("visibility","hidden").show(),this._setPosition(),this.$element.trigger("closeme.zf.tooltip",this.template.attr("id")),this.template.attr({"data-is-active":!0,"aria-hidden":!1}),t.isActive=!0,this.template.stop().hide().css("visibility","").fadeIn(this.options.fadeInDuration,function(){}),this.$element.trigger("show.zf.tooltip")}},{key:"hide",value:function(){var t=this;this.template.stop().attr({"aria-hidden":!0,"data-is-active":!1}).fadeOut(this.options.fadeOutDuration,function(){t.isActive=!1,t.isClick=!1,t.classChanged&&(t.template.removeClass(t._getPositionClass(t.template)).addClass(t.options.positionClass),t.usedPositions=[],t.counter=4,t.classChanged=!1)}),this.$element.trigger("hide.zf.tooltip")}},{key:"_events",value:function(){var t=this,e=(this.template,!1);this.options.disableHover||this.$element.on("mouseenter.zf.tooltip",function(e){t.isActive||(t.timeout=setTimeout(function(){t.show()},t.options.hoverDelay))}).on("mouseleave.zf.tooltip",function(i){clearTimeout(t.timeout),(!e||t.isClick&&!t.options.clickOpen)&&t.hide()}),this.options.clickOpen?this.$element.on("mousedown.zf.tooltip",function(e){e.stopImmediatePropagation(),t.isClick||(t.isClick=!0,!t.options.disableHover&&t.$element.attr("tabindex")||t.isActive||t.show())}):this.$element.on("mousedown.zf.tooltip",function(e){e.stopImmediatePropagation(),t.isClick=!0}),this.options.disableForTouch||this.$element.on("tap.zf.tooltip touchend.zf.tooltip",function(e){t.isActive?t.hide():t.show()}),this.$element.on({"close.zf.trigger":this.hide.bind(this)}),this.$element.on("focus.zf.tooltip",function(i){return e=!0,t.isClick?(t.options.clickOpen||(e=!1),!1):void t.show()}).on("focusout.zf.tooltip",function(i){e=!1,t.isClick=!1,t.hide()}).on("resizeme.zf.trigger",function(){t.isActive&&t._setPosition()})}},{key:"toggle",value:function(){this.isActive?this.hide():this.show()}},{key:"destroy",value:function(){this.$element.attr("title",this.template.text()).off(".zf.trigger .zf.tootip").removeAttr("aria-describedby").removeAttr("data-yeti-box").removeAttr("data-toggle").removeAttr("data-resize"),this.template.remove(),Foundation.unregisterPlugin(this)}}]),e}();e.defaults={disableForTouch:!1,hoverDelay:200,fadeInDuration:150,fadeOutDuration:150,disableHover:!1,templateClasses:"",tooltipClass:"tooltip",triggerClass:"has-tip",showOn:"small",template:"",tipText:"",touchCloseText:"Tap to close.",clickOpen:!0,positionClass:"",vOffset:10,hOffset:12},Foundation.plugin(e,"Tooltip")}(jQuery);
\ No newline at end of file
diff --git a/libraries/foundation-6/js/foundation.offcanvas.js b/libraries/foundation-6/js/foundation.offcanvas.js
index 5e7b3cf8..b1676253 100644
--- a/libraries/foundation-6/js/foundation.offcanvas.js
+++ b/libraries/foundation-6/js/foundation.offcanvas.js
@@ -27,7 +27,11 @@ class OffCanvas {
this._init();
this._events();
- Foundation.registerPlugin(this, 'OffCanvas');
+ Foundation.registerPlugin(this, 'OffCanvas')
+ Foundation.Keyboard.register('OffCanvas', {
+ 'ESCAPE': 'close'
+ });
+
}
/**
@@ -169,16 +173,15 @@ class OffCanvas {
* Fires when the off-canvas menu opens.
* @event OffCanvas#opened
*/
- Foundation.Move(this.options.transitionTime, this.$element, function() {
- $('[data-off-canvas-wrapper]').addClass('is-off-canvas-open is-open-'+ _this.options.position);
- _this.$element
- .addClass('is-open')
+ var $wrapper = $('[data-off-canvas-wrapper]');
+ $wrapper.addClass('is-off-canvas-open is-open-'+ _this.options.position);
+
+ _this.$element.addClass('is-open')
// if (_this.options.isSticky) {
// _this._stick();
// }
- });
this.$triggers.attr('aria-expanded', 'true');
this.$element.attr('aria-hidden', 'false')
@@ -193,14 +196,21 @@ class OffCanvas {
}
if (this.options.autoFocus) {
- this.$element.one(Foundation.transitionend(this.$element), function() {
- _this.$element.find('a, button').eq(0).focus();
+ $wrapper.one(Foundation.transitionend($wrapper), function() {
+ if(_this.$element.hasClass('is-open')) { // handle double clicks
+ _this.$element.attr('tabindex', '-1');
+ _this.$element.focus();
+ }
});
}
if (this.options.trapFocus) {
- $('[data-off-canvas-content]').attr('tabindex', '-1');
- this._trapFocus();
+ $wrapper.one(Foundation.transitionend($wrapper), function() {
+ if(_this.$element.hasClass('is-open')) { // handle double clicks
+ _this.$element.attr('tabindex', '-1');
+ _this._trapFocus();
+ }
+ });
}
}
@@ -214,15 +224,14 @@ class OffCanvas {
last = focusable.eq(-1);
focusable.off('.zf.offcanvas').on('keydown.zf.offcanvas', function(e) {
- if (e.which === 9 || e.keycode === 9) {
- if (e.target === last[0] && !e.shiftKey) {
- e.preventDefault();
- first.focus();
- }
- if (e.target === first[0] && e.shiftKey) {
- e.preventDefault();
- last.focus();
- }
+ var key = Foundation.Keyboard.parseKey(e);
+ if (key === 'TAB' && e.target === last[0]) {
+ e.preventDefault();
+ first.focus();
+ }
+ if (key === 'SHIFT_TAB' && e.target === first[0]) {
+ e.preventDefault();
+ last.focus();
}
});
}
@@ -304,13 +313,18 @@ class OffCanvas {
* @function
* @private
*/
- _handleKeyboard(event) {
- if (event.which !== 27) return;
-
- event.stopPropagation();
- event.preventDefault();
- this.close();
- this.$lastTrigger.focus();
+ _handleKeyboard(e) {
+ Foundation.Keyboard.handleKey(e, 'OffCanvas', {
+ close: () => {
+ this.close();
+ this.$lastTrigger.focus();
+ return true;
+ },
+ handled: () => {
+ e.stopPropagation();
+ e.preventDefault();
+ }
+ });
}
/**
@@ -370,7 +384,7 @@ OffCanvas.defaults = {
revealOn: null,
/**
- * Force focus to the offcanvas on open. If true, will focus the opening trigger on close.
+ * Force focus to the offcanvas on open. If true, will focus the opening trigger on close. Sets tabindex of [data-off-canvas-content] to -1 for accessibility purposes.
* @option
* @example true
*/
diff --git a/libraries/foundation-6/js/foundation.orbit.js b/libraries/foundation-6/js/foundation.orbit.js
index a0a221c1..46786dd1 100644
--- a/libraries/foundation-6/js/foundation.orbit.js
+++ b/libraries/foundation-6/js/foundation.orbit.js
@@ -43,10 +43,20 @@ class Orbit {
* @private
*/
_init() {
+ // @TODO: consider discussion on PR #9278 about DOM pollution by changeSlide
+ this._reset();
+
this.$wrapper = this.$element.find(`.${this.options.containerClass}`);
this.$slides = this.$element.find(`.${this.options.slideClass}`);
+
var $images = this.$element.find('img'),
- initActive = this.$slides.filter('.is-active');
+ initActive = this.$slides.filter('.is-active'),
+ id = this.$element[0].id || Foundation.GetYoDigits(6, 'orbit');
+
+ this.$element.attr({
+ 'data-resize': id,
+ 'id': id
+ });
if (!initActive.length) {
this.$slides.eq(0).addClass('is-active');
@@ -111,9 +121,7 @@ class Orbit {
*/
_prepareForOrbit() {
var _this = this;
- this._setWrapperHeight(function(max){
- _this._setSlideHeight(max);
- });
+ this._setWrapperHeight();
}
/**
@@ -123,13 +131,13 @@ class Orbit {
* @param {Function} cb - a callback function to fire when complete.
*/
_setWrapperHeight(cb) {//rewrite this to `for` loop
- var max = 0, temp, counter = 0;
+ var max = 0, temp, counter = 0, _this = this;
this.$slides.each(function() {
temp = this.getBoundingClientRect().height;
$(this).attr('data-slide', counter);
- if (counter) {//if not the first slide, set css position and display property
+ if (_this.$slides.filter('.is-active')[0] !== _this.$slides.eq(counter)[0]) {//if not the active slide, set css position and display property
$(this).css({'position': 'relative', 'display': 'none'});
}
max = temp > max ? temp : max;
@@ -138,7 +146,7 @@ class Orbit {
if (counter === this.$slides.length) {
this.$wrapper.css({'height': max}); //only change the wrapper height property once.
- cb(max); //fire callback with max height dimension.
+ if(cb) {cb(max);} //fire callback with max height dimension.
}
}
@@ -165,6 +173,10 @@ class Orbit {
//**Now using custom event - thanks to:**
//** Yohai Ararat of Toronto **
//***************************************
+ //
+ this.$element.off('.resizeme.zf.trigger').on({
+ 'resizeme.zf.trigger': this._prepareForOrbit.bind(this)
+ })
if (this.$slides.length > 1) {
if (this.options.swipe) {
@@ -217,22 +229,62 @@ class Orbit {
});
}
- this.$wrapper.add(this.$bullets).on('keydown.zf.orbit', function(e) {
- // handle keyboard event with keyboard util
- Foundation.Keyboard.handleKey(e, 'Orbit', {
- next: function() {
- _this.changeSlide(true);
- },
- previous: function() {
- _this.changeSlide(false);
- },
- handled: function() { // if bullet is focused, make sure focus moves
- if ($(e.target).is(_this.$bullets)) {
- _this.$bullets.filter('.is-active').focus();
+ if (this.options.accessible) {
+ this.$wrapper.add(this.$bullets).on('keydown.zf.orbit', function(e) {
+ // handle keyboard event with keyboard util
+ Foundation.Keyboard.handleKey(e, 'Orbit', {
+ next: function() {
+ _this.changeSlide(true);
+ },
+ previous: function() {
+ _this.changeSlide(false);
+ },
+ handled: function() { // if bullet is focused, make sure focus moves
+ if ($(e.target).is(_this.$bullets)) {
+ _this.$bullets.filter('.is-active').focus();
+ }
}
- }
+ });
});
+ }
+ }
+ }
+
+ /**
+ * Resets Orbit so it can be reinitialized
+ */
+ _reset() {
+ // Don't do anything if there are no slides (first run)
+ if (typeof this.$slides == 'undefined') {
+ return;
+ }
+
+ if (this.$slides.length > 1) {
+ // Remove old events
+ this.$element.off('.zf.orbit').find('*').off('.zf.orbit')
+
+ // Restart timer if autoPlay is enabled
+ if (this.options.autoPlay) {
+ this.timer.restart();
+ }
+
+ // Reset all sliddes
+ this.$slides.each(function(el) {
+ $(el).removeClass('is-active is-active is-in')
+ .removeAttr('aria-live')
+ .hide();
});
+
+ // Show the first slide
+ this.$slides.first().addClass('is-active').show();
+
+ // Triggers when the slide has finished animating
+ this.$element.trigger('slidechange.zf.orbit', [this.$slides.first()]);
+
+ // Select first bullet if bullets are present
+ if (this.options.bullets) {
+ this._updateBullets(0);
+ }
}
}
@@ -245,6 +297,7 @@ class Orbit {
* @fires Orbit#slidechange
*/
changeSlide(isLTR, chosenSlide, idx) {
+ if (!this.$slides) {return; } // Don't freak out if we're in the middle of cleanup
var $curSlide = this.$slides.filter('.is-active').eq(0);
if (/mui/g.test($curSlide[0].className)) { return false; } //if the slide is currently animating, kick out of the function
@@ -266,12 +319,18 @@ class Orbit {
}
if ($newSlide.length) {
+ /**
+ * Triggers before the next slide starts animating in and only if a next slide has been found.
+ * @event Orbit#beforeslidechange
+ */
+ this.$element.trigger('beforeslidechange.zf.orbit', [$curSlide, $newSlide]);
+
if (this.options.bullets) {
idx = idx || this.$slides.index($newSlide); //grab index to update bullets
this._updateBullets(idx);
}
- if (this.options.useMUI) {
+ if (this.options.useMUI && !this.$element.is(':hidden')) {
Foundation.Motion.animateIn(
$newSlide.addClass('is-active').css({'position': 'absolute', 'top': 0}),
this.options[`animInFrom${dirIn}`],
diff --git a/libraries/foundation-6/js/foundation.responsiveToggle.js b/libraries/foundation-6/js/foundation.responsiveToggle.js
index c73a1e50..c0d46bd1 100644
--- a/libraries/foundation-6/js/foundation.responsiveToggle.js
+++ b/libraries/foundation-6/js/foundation.responsiveToggle.js
@@ -39,6 +39,15 @@ class ResponsiveToggle {
this.$targetMenu = $(`#${targetID}`);
this.$toggler = this.$element.find('[data-toggle]');
+ this.options = $.extend({}, this.options, this.$targetMenu.data());
+
+ // If they were set, parse the animation classes
+ if(this.options.animate) {
+ let input = this.options.animate.split(' ');
+
+ this.animationIn = input[0];
+ this.animationOut = input[1] || null;
+ }
this._update();
}
@@ -52,7 +61,7 @@ class ResponsiveToggle {
var _this = this;
this._updateMqHandler = this._update.bind(this);
-
+
$(window).on('changed.zf.mediaquery', this._updateMqHandler);
this.$toggler.on('click.zf.responsiveToggle', this.toggleMenu.bind(this));
@@ -82,24 +91,46 @@ class ResponsiveToggle {
* @function
* @fires ResponsiveToggle#toggled
*/
- toggleMenu() {
+ toggleMenu() {
if (!Foundation.MediaQuery.atLeast(this.options.hideFor)) {
- this.$targetMenu.toggle(0);
-
- /**
- * Fires when the element attached to the tab bar toggles.
- * @event ResponsiveToggle#toggled
- */
- this.$element.trigger('toggled.zf.responsiveToggle');
+ if(this.options.animate) {
+ if (this.$targetMenu.is(':hidden')) {
+ Foundation.Motion.animateIn(this.$targetMenu, this.animationIn, () => {
+ /**
+ * Fires when the element attached to the tab bar toggles.
+ * @event ResponsiveToggle#toggled
+ */
+ this.$element.trigger('toggled.zf.responsiveToggle');
+ });
+ }
+ else {
+ Foundation.Motion.animateOut(this.$targetMenu, this.animationOut, () => {
+ /**
+ * Fires when the element attached to the tab bar toggles.
+ * @event ResponsiveToggle#toggled
+ */
+ this.$element.trigger('toggled.zf.responsiveToggle');
+ });
+ }
+ }
+ else {
+ this.$targetMenu.toggle(0);
+
+ /**
+ * Fires when the element attached to the tab bar toggles.
+ * @event ResponsiveToggle#toggled
+ */
+ this.$element.trigger('toggled.zf.responsiveToggle');
+ }
}
};
destroy() {
this.$element.off('.zf.responsiveToggle');
this.$toggler.off('.zf.responsiveToggle');
-
+
$(window).off('changed.zf.mediaquery', this._updateMqHandler);
-
+
Foundation.unregisterPlugin(this);
}
}
@@ -110,7 +141,14 @@ ResponsiveToggle.defaults = {
* @option
* @example 'medium'
*/
- hideFor: 'medium'
+ hideFor: 'medium',
+
+ /**
+ * To decide if the toggle should be animated or not.
+ * @option
+ * @example false
+ */
+ animate: false
};
// Window exports
diff --git a/libraries/foundation-6/js/foundation.reveal.js b/libraries/foundation-6/js/foundation.reveal.js
index ed1d4a0d..7cae72d0 100644
--- a/libraries/foundation-6/js/foundation.reveal.js
+++ b/libraries/foundation-6/js/foundation.reveal.js
@@ -69,7 +69,7 @@ class Reveal {
if(this.$overlay) {
this.$element.detach().appendTo(this.$overlay);
} else {
- this.$element.detach().appendTo($('body'));
+ this.$element.detach().appendTo($(this.options.appendTo));
this.$element.addClass('without-overlay');
}
this._events();
@@ -85,7 +85,7 @@ class Reveal {
_makeOverlay(id) {
var $overlay = $('<div></div>')
.addClass('reveal-overlay')
- .appendTo('body');
+ .appendTo(this.options.appendTo);
return $overlay;
}
@@ -157,7 +157,11 @@ class Reveal {
if (this.options.closeOnClick && this.options.overlay) {
this.$overlay.off('.zf.reveal').on('click.zf.reveal', function(e) {
- if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target)) { return; }
+ if (e.target === _this.$element[0] ||
+ $.contains(_this.$element[0], e.target) ||
+ !$.contains(document, e.target)) {
+ return;
+ }
_this.close();
});
}
@@ -228,24 +232,39 @@ class Reveal {
*/
this.$element.trigger('closeme.zf.reveal', this.id);
}
+
+ var _this = this;
+
+ function addRevealOpenClasses() {
+ if (_this.isMobile) {
+ if(!_this.originalScrollPos) {
+ _this.originalScrollPos = window.pageYOffset;
+ }
+ $('html, body').addClass('is-reveal-open');
+ }
+ else {
+ $('body').addClass('is-reveal-open');
+ }
+ }
// Motion UI method of reveal
if (this.options.animationIn) {
- var _this = this;
- function afterAnimationFocus(){
+ function afterAnimation(){
_this.$element
.attr({
'aria-hidden': false,
'tabindex': -1
})
.focus();
- console.log('focus');
+ addRevealOpenClasses();
}
if (this.options.overlay) {
Foundation.Motion.animateIn(this.$overlay, 'fade-in');
}
Foundation.Motion.animateIn(this.$element, this.options.animationIn, () => {
- this.focusableElements = Foundation.Keyboard.findFocusable(this.$element);
- afterAnimationFocus();
+ if(this.$element) { // protect against object having been removed
+ this.focusableElements = Foundation.Keyboard.findFocusable(this.$element);
+ afterAnimation();
+ }
});
}
// jQuery method of reveal
@@ -270,13 +289,7 @@ class Reveal {
*/
this.$element.trigger('open.zf.reveal');
- if (this.isMobile) {
- this.originalScrollPos = window.pageYOffset;
- $('html, body').addClass('is-reveal-open');
- }
- else {
- $('body').addClass('is-reveal-open');
- }
+ addRevealOpenClasses();
setTimeout(() => {
this._extraHandlers();
@@ -289,11 +302,14 @@ class Reveal {
*/
_extraHandlers() {
var _this = this;
+ if(!this.$element) { return; } // If we're in the middle of cleanup, don't freak out
this.focusableElements = Foundation.Keyboard.findFocusable(this.$element);
if (!this.options.overlay && this.options.closeOnClick && !this.options.fullScreen) {
$('body').on('click.zf.reveal', function(e) {
- if (e.target === _this.$element[0] || $.contains(_this.$element[0], e.target)) { return; }
+ if (e.target === _this.$element[0] ||
+ $.contains(_this.$element[0], e.target) ||
+ !$.contains(document, e.target)) { return; }
_this.close();
});
}
@@ -317,6 +333,7 @@ class Reveal {
// handle keyboard event with keyboard util
Foundation.Keyboard.handleKey(e, 'Reveal', {
tab_forward: function() {
+ _this.focusableElements = Foundation.Keyboard.findFocusable(_this.$element);
if (_this.$element.find(':focus').is(_this.focusableElements.eq(-1))) { // left modal downwards, setting focus to first element
_this.focusableElements.eq(0).focus();
return true;
@@ -326,6 +343,7 @@ class Reveal {
}
},
tab_backward: function() {
+ _this.focusableElements = Foundation.Keyboard.findFocusable(_this.$element);
if (_this.$element.find(':focus').is(_this.focusableElements.eq(0)) || _this.$element.is(':focus')) { // left modal upwards, setting focus to last element
_this.focusableElements.eq(-1).focus();
return true;
@@ -460,7 +478,7 @@ class Reveal {
*/
destroy() {
if (this.options.overlay) {
- this.$element.appendTo($('body')); // move $element outside of $overlay to prevent error unregisterPlugin()
+ this.$element.appendTo($(this.options.appendTo)); // move $element outside of $overlay to prevent error unregisterPlugin()
this.$overlay.hide().off().remove();
}
this.$element.hide().off();
@@ -555,7 +573,14 @@ Reveal.defaults = {
* @option
* @example false
*/
- deepLink: false
+ deepLink: false,
+ /**
+ * Allows the modal to append to custom div.
+ * @option
+ * @example false
+ */
+ appendTo: "body"
+
};
// Window exports
diff --git a/libraries/foundation-6/js/foundation.slider.js b/libraries/foundation-6/js/foundation.slider.js
index dec7b0a5..41efb7fc 100644
--- a/libraries/foundation-6/js/foundation.slider.js
+++ b/libraries/foundation-6/js/foundation.slider.js
@@ -68,8 +68,8 @@ class Slider {
this.inputs = $().add(this.$input);
this.options.binding = true;
}
+
this._setInitAttr(0);
- this._events(this.$handle);
if (this.handles[1]) {
this.options.doubleSided = true;
@@ -81,20 +81,29 @@ class Slider {
}
isDbl = true;
- this._setHandlePos(this.$handle, this.options.initialStart, true, function() {
-
- _this._setHandlePos(_this.$handle2, _this.options.initialEnd, true);
- });
// this.$handle.triggerHandler('click.zf.slider');
this._setInitAttr(1);
- this._events(this.$handle2);
}
- if (!isDbl) {
- this._setHandlePos(this.$handle, this.options.initialStart, true);
+ // Set handle positions
+ this.setHandles();
+
+ this._events();
+ }
+
+ setHandles() {
+ if(this.handles[1]) {
+ this._setHandlePos(this.$handle, this.inputs.eq(0).val(), true, () => {
+ this._setHandlePos(this.$handle2, this.inputs.eq(1).val(), true);
+ });
+ } else {
+ this._setHandlePos(this.$handle, this.inputs.eq(0).val(), true);
}
}
+ _reflow() {
+ this.setHandles();
+ }
/**
* Sets the position of the selected handle and fill bar.
* @function
@@ -175,7 +184,7 @@ class Slider {
var handlePos = parseFloat(this.$handle[0].style[lOrT]);
//calculate the new min-height/width for the fill bar. Use isNaN to prevent false positives for numbers <= 0
//based on the percentage of movement of the handle being manipulated, less the opposing handle's left/top position, plus the percentage w/h of the handle itself
- dim = movement - (isNaN(handlePos) ? this.options.initialStart/((this.options.end-this.options.start)/100) : handlePos) + handlePct;
+ dim = movement - (isNaN(handlePos) ? (this.options.initialStart - this.options.start)/((this.options.end-this.options.start)/100) : handlePos) + handlePct;
}
// assign the min-height/width to our css object
css[`min-${hOrW}`] = `${dim}%`;
@@ -193,8 +202,15 @@ class Slider {
var moveTime = this.$element.data('dragging') ? 1000/60 : this.options.moveTime;
Foundation.Move(moveTime, $hndl, function() {
- //adjusting the left/top property of the handle, based on the percentage calculated above
- $hndl.css(lOrT, `${movement}%`);
+ // adjusting the left/top property of the handle, based on the percentage calculated above
+ // if movement isNaN, that is because the slider is hidden and we cannot determine handle width,
+ // fall back to next best guess.
+ if (isNaN(movement)) {
+ $hndl.css(lOrT, `${pctOfBar * 100}%`);
+ }
+ else {
+ $hndl.css(lOrT, `${movement}%`);
+ }
if (!_this.options.doubleSided) {
//if single-handled, a simple method to expand the fill bar
@@ -205,6 +221,7 @@ class Slider {
}
});
+
/**
* Fires when the value has not been change for a given time.
* @event Slider#changed
@@ -222,6 +239,7 @@ class Slider {
* @param {Number} idx - index of the current handle/input to use.
*/
_setInitAttr(idx) {
+ var initVal = (idx === 0 ? this.options.initialStart : this.options.initialEnd)
var id = this.inputs.eq(idx).attr('id') || Foundation.GetYoDigits(6, 'slider');
this.inputs.eq(idx).attr({
'id': id,
@@ -229,12 +247,13 @@ class Slider {
'min': this.options.start,
'step': this.options.step
});
+ this.inputs.eq(idx).val(initVal);
this.handles.eq(idx).attr({
'role': 'slider',
'aria-controls': id,
'aria-valuemax': this.options.end,
'aria-valuemin': this.options.start,
- 'aria-valuenow': idx === 0 ? this.options.initialStart : this.options.initialEnd,
+ 'aria-valuenow': initVal,
'aria-orientation': this.options.vertical ? 'vertical' : 'horizontal',
'tabindex': 0
});
@@ -292,7 +311,7 @@ class Slider {
} else {
barXY = eventFromBar;
}
- offsetPct = percent(barXY, barDim);
+ var offsetPct = percent(barXY, barDim);
value = (this.options.end - this.options.start) * offsetPct + this.options.start;
@@ -349,9 +368,22 @@ class Slider {
* Adds event listeners to the slider elements.
* @function
* @private
+ */
+ _events() {
+ this._eventsForHandle(this.$handle);
+ if(this.handles[1]) {
+ this._eventsForHandle(this.$handle2);
+ }
+ }
+
+
+ /**
+ * Adds event listeners a particular handle
+ * @function
+ * @private
* @param {jQuery} $handle - the current handle to apply listeners to.
*/
- _events($handle) {
+ _eventsForHandle($handle) {
var _this = this,
curHandle,
timer;
@@ -448,6 +480,8 @@ class Slider {
this.inputs.off('.zf.slider');
this.$element.off('.zf.slider');
+ clearTimeout(this.timeout);
+
Foundation.unregisterPlugin(this);
}
}
@@ -571,27 +605,3 @@ Foundation.plugin(Slider, 'Slider');
}(jQuery);
-//*********this is in case we go to static, absolute positions instead of dynamic positioning********
-// this.setSteps(function() {
-// _this._events();
-// var initStart = _this.options.positions[_this.options.initialStart - 1] || null;
-// var initEnd = _this.options.initialEnd ? _this.options.position[_this.options.initialEnd - 1] : null;
-// if (initStart || initEnd) {
-// _this._handleEvent(initStart, initEnd);
-// }
-// });
-
-//***********the other part of absolute positions*************
-// Slider.prototype.setSteps = function(cb) {
-// var posChange = this.$element.outerWidth() / this.options.steps;
-// var counter = 0
-// while(counter < this.options.steps) {
-// if (counter) {
-// this.options.positions.push(this.options.positions[counter - 1] + posChange);
-// } else {
-// this.options.positions.push(posChange);
-// }
-// counter++;
-// }
-// cb();
-// };
diff --git a/libraries/foundation-6/js/foundation.sticky.js b/libraries/foundation-6/js/foundation.sticky.js
index 64060c5b..86e39159 100644
--- a/libraries/foundation-6/js/foundation.sticky.js
+++ b/libraries/foundation-6/js/foundation.sticky.js
@@ -266,12 +266,15 @@ class Sticky {
* @private
*/
_setSizes(cb) {
- this.canStick = Foundation.MediaQuery.atLeast(this.options.stickyOn);
- if (!this.canStick) { cb(); }
+ this.canStick = Foundation.MediaQuery.is(this.options.stickyOn);
+ if (!this.canStick) {
+ if (cb && typeof cb === 'function') { cb(); }
+ }
var _this = this,
newElemWidth = this.$container[0].getBoundingClientRect().width,
comp = window.getComputedStyle(this.$container[0]),
- pdng = parseInt(comp['padding-right'], 10);
+ pdngl = parseInt(comp['padding-left'], 10),
+ pdngr = parseInt(comp['padding-right'], 10);
if (this.$anchor && this.$anchor.length) {
this.anchorHeight = this.$anchor[0].getBoundingClientRect().height;
@@ -280,7 +283,7 @@ class Sticky {
}
this.$element.css({
- 'max-width': `${newElemWidth - pdng}px`
+ 'max-width': `${newElemWidth - pdngl - pdngr}px`
});
var newContainerHeight = this.$element[0].getBoundingClientRect().height || this.containerHeight;
@@ -303,7 +306,7 @@ class Sticky {
}
this._setBreakPoints(newContainerHeight, function() {
- if (cb) { cb(); }
+ if (cb && typeof cb === 'function') { cb(); }
});
}
@@ -315,7 +318,7 @@ class Sticky {
*/
_setBreakPoints(elemHeight, cb) {
if (!this.canStick) {
- if (cb) { cb(); }
+ if (cb && typeof cb === 'function') { cb(); }
else { return false; }
}
var mTop = emCalc(this.options.marginTop),
@@ -339,7 +342,7 @@ class Sticky {
this.topPoint = topPoint;
this.bottomPoint = bottomPoint;
- if (cb) { cb(); }
+ if (cb && typeof cb === 'function') { cb(); }
}
/**
diff --git a/libraries/foundation-6/js/foundation.tabs.js b/libraries/foundation-6/js/foundation.tabs.js
index 97947963..39ca0f7c 100644
--- a/libraries/foundation-6/js/foundation.tabs.js
+++ b/libraries/foundation-6/js/foundation.tabs.js
@@ -42,13 +42,14 @@ class Tabs {
_init() {
var _this = this;
+ this.$element.attr({'role': 'tablist'});
this.$tabTitles = this.$element.find(`.${this.options.linkClass}`);
this.$tabContent = $(`[data-tabs-content="${this.$element[0].id}"]`);
this.$tabTitles.each(function(){
var $elem = $(this),
$link = $elem.find('a'),
- isActive = $elem.hasClass('is-active'),
+ isActive = $elem.hasClass(`${_this.options.linkActiveClass}`),
hash = $link[0].hash.slice(1),
linkId = $link[0].id ? $link[0].id : `${hash}-label`,
$tabContent = $(`#${hash}`);
@@ -69,7 +70,37 @@ class Tabs {
});
if(isActive && _this.options.autoFocus){
- $link.focus();
+ $(window).load(function() {
+ $('html, body').animate({ scrollTop: $elem.offset().top }, _this.options.deepLinkSmudgeDelay, () => {
+ $link.focus();
+ });
+ });
+ }
+
+ //use browser to open a tab, if it exists in this tabset
+ if (_this.options.deepLink) {
+ var anchor = window.location.hash;
+ //need a hash and a relevant anchor in this tabset
+ if(anchor.length) {
+ var $link = $elem.find('[href="'+anchor+'"]');
+ if ($link.length) {
+ _this.selectTab($(anchor));
+
+ //roll up a little to show the titles
+ if (_this.options.deepLinkSmudge) {
+ $(window).load(function() {
+ var offset = $elem.offset();
+ $('html, body').animate({ scrollTop: offset.top }, _this.options.deepLinkSmudgeDelay);
+ });
+ }
+
+ /**
+ * Fires when the zplugin has deeplinked at pageload
+ * @event Tabs#deeplink
+ */
+ $elem.trigger('deeplink.zf.tabs', [$link, $(anchor)]);
+ }
+ }
}
});
@@ -94,10 +125,10 @@ class Tabs {
this._addKeyHandler();
this._addClickHandler();
this._setHeightMqHandler = null;
-
+
if (this.options.matchHeight) {
this._setHeightMqHandler = this._setHeight.bind(this);
-
+
$(window).on('changed.zf.mediaquery', this._setHeightMqHandler);
}
}
@@ -114,9 +145,6 @@ class Tabs {
.on('click.zf.tabs', `.${this.options.linkClass}`, function(e){
e.preventDefault();
e.stopPropagation();
- if ($(this).hasClass('is-active')) {
- return;
- }
_this._handleTabChange($(this));
});
}
@@ -127,12 +155,10 @@ class Tabs {
*/
_addKeyHandler() {
var _this = this;
- var $firstTab = _this.$element.find('li:first-of-type');
- var $lastTab = _this.$element.find('li:last-of-type');
this.$tabTitles.off('keydown.zf.tabs').on('keydown.zf.tabs', function(e){
if (e.which === 9) return;
-
+
var $element = $(this),
$elements = $element.parent('ul').children('li'),
@@ -175,38 +201,92 @@ class Tabs {
}
/**
- * Opens the tab `$targetContent` defined by `$target`.
+ * Opens the tab `$targetContent` defined by `$target`. Collapses active tab.
* @param {jQuery} $target - Tab to open.
* @fires Tabs#change
* @function
*/
_handleTabChange($target) {
- var $tabLink = $target.find('[role="tab"]'),
- hash = $tabLink[0].hash,
- $targetContent = this.$tabContent.find(hash),
- $oldTab = this.$element.
- find(`.${this.options.linkClass}.is-active`)
- .removeClass('is-active')
- .find('[role="tab"]')
- .attr({ 'aria-selected': 'false' });
-
- $(`#${$oldTab.attr('aria-controls')}`)
- .removeClass('is-active')
- .attr({ 'aria-hidden': 'true' });
- $target.addClass('is-active');
+ /**
+ * Check for active class on target. Collapse if exists.
+ */
+ if ($target.hasClass(`${this.options.linkActiveClass}`)) {
+ if(this.options.activeCollapse) {
+ this._collapseTab($target);
+
+ /**
+ * Fires when the zplugin has successfully collapsed tabs.
+ * @event Tabs#collapse
+ */
+ this.$element.trigger('collapse.zf.tabs', [$target]);
+ }
+ return;
+ }
+
+ var $oldTab = this.$element.
+ find(`.${this.options.linkClass}.${this.options.linkActiveClass}`),
+ $tabLink = $target.find('[role="tab"]'),
+ hash = $tabLink[0].hash,
+ $targetContent = this.$tabContent.find(hash);
- $tabLink.attr({'aria-selected': 'true'});
+ //close old tab
+ this._collapseTab($oldTab);
- $targetContent
- .addClass('is-active')
- .attr({'aria-hidden': 'false'});
+ //open new tab
+ this._openTab($target);
+
+ //either replace or update browser history
+ var anchor = $target.find('a').attr('href');
+ if (this.options.updateHistory) {
+ history.pushState({}, "", anchor);
+ } else {
+ history.replaceState({}, "", anchor);
+ }
/**
* Fires when the plugin has successfully changed tabs.
* @event Tabs#change
*/
- this.$element.trigger('change.zf.tabs', [$target]);
+ this.$element.trigger('change.zf.tabs', [$target, $targetContent]);
+
+ //fire to children a mutation event
+ $targetContent.find("[data-mutate]").trigger("mutateme.zf.trigger");
+ }
+
+ /**
+ * Opens the tab `$targetContent` defined by `$target`.
+ * @param {jQuery} $target - Tab to Open.
+ * @function
+ */
+ _openTab($target) {
+ var $tabLink = $target.find('[role="tab"]'),
+ hash = $tabLink[0].hash,
+ $targetContent = this.$tabContent.find(hash);
+
+ $target.addClass(`${this.options.linkActiveClass}`);
+
+ $tabLink.attr({'aria-selected': 'true'});
+
+ $targetContent
+ .addClass(`${this.options.panelActiveClass}`)
+ .attr({'aria-hidden': 'false'});
+ }
+
+ /**
+ * Collapses `$targetContent` defined by `$target`.
+ * @param {jQuery} $target - Tab to Open.
+ * @function
+ */
+ _collapseTab($target) {
+ var $target_anchor = $target
+ .removeClass(`${this.options.linkActiveClass}`)
+ .find('[role="tab"]')
+ .attr({ 'aria-selected': 'false' });
+
+ $(`#${$target_anchor.attr('aria-controls')}`)
+ .removeClass(`${this.options.panelActiveClass}`)
+ .attr({ 'aria-hidden': 'true' });
}
/**
@@ -245,7 +325,7 @@ class Tabs {
.css('height', '')
.each(function() {
var panel = $(this),
- isActive = panel.hasClass('is-active');
+ isActive = panel.hasClass(`${this.options.panelActiveClass}`);
if (!isActive) {
panel.css({'visibility': 'hidden', 'display': 'block'});
@@ -287,8 +367,37 @@ class Tabs {
}
Tabs.defaults = {
+ /**
+ * Allows the window to scroll to content of pane specified by hash anchor
+ * @option
+ * @example false
+ */
+ deepLink: false,
+
+ /**
+ * Adjust the deep link scroll to make sure the top of the tab panel is visible
+ * @option
+ * @example false
+ */
+ deepLinkSmudge: false,
+
+ /**
+ * Animation time (ms) for the deep link adjustment
+ * @option
+ * @example 300
+ */
+ deepLinkSmudgeDelay: 300,
+
+ /**
+ * Update the browser history with the open tab
+ * @option
+ * @example false
+ */
+ updateHistory: false,
+
/**
* Allows the window to scroll to content of active pane on load if set to true.
+ * Not recommended if more than one tab panel per page.
* @option
* @example false
*/
@@ -308,6 +417,13 @@ Tabs.defaults = {
*/
matchHeight: false,
+ /**
+ * Allows active tabs to collapse when clicked.
+ * @option
+ * @example false
+ */
+ activeCollapse: false,
+
/**
* Class applied to `li`'s in tab link list.
* @option
@@ -315,17 +431,27 @@ Tabs.defaults = {
*/
linkClass: 'tabs-title',
+ /**
+ * Class applied to the active `li` in tab link list.
+ * @option
+ * @example 'is-active'
+ */
+ linkActiveClass: 'is-active',
+
/**
* Class applied to the content containers.
* @option
* @example 'tabs-panel'
*/
- panelClass: 'tabs-panel'
-};
+ panelClass: 'tabs-panel',
-function checkClass($elem){
- return $elem.hasClass('is-active');
-}
+ /**
+ * Class applied to the active content container.
+ * @option
+ * @example 'is-active'
+ */
+ panelActiveClass: 'is-active'
+};
// Window exports
Foundation.plugin(Tabs, 'Tabs');
diff --git a/libraries/foundation-6/js/foundation.tooltip.js b/libraries/foundation-6/js/foundation.tooltip.js
index 2a78a706..fc822a41 100644
--- a/libraries/foundation-6/js/foundation.tooltip.js
+++ b/libraries/foundation-6/js/foundation.tooltip.js
@@ -6,6 +6,7 @@
* Tooltip module.
* @module foundation.tooltip
* @requires foundation.util.box
+ * @requires foundation.util.mediaQuery
* @requires foundation.util.triggers
*/
@@ -39,9 +40,15 @@ class Tooltip {
this.options.tipText = this.options.tipText || this.$element.attr('title');
this.template = this.options.template ? $(this.options.template) : this._buildTemplate(elemId);
- this.template.appendTo(document.body)
+ if (this.options.allowHtml) {
+ this.template.appendTo(document.body)
+ .html(this.options.tipText)
+ .hide();
+ } else {
+ this.template.appendTo(document.body)
.text(this.options.tipText)
.hide();
+ }
this.$element.attr({
'title': '',
@@ -49,7 +56,7 @@ class Tooltip {
'data-yeti-box': elemId,
'data-toggle': elemId,
'data-resize': elemId
- }).addClass(this.triggerClass);
+ }).addClass(this.options.triggerClass);
//helper variables to track movement on collisions
this.usedPositions = [];
@@ -164,7 +171,7 @@ class Tooltip {
* @function
*/
show() {
- if (this.options.showOn !== 'all' && !Foundation.MediaQuery.atLeast(this.options.showOn)) {
+ if (this.options.showOn !== 'all' && !Foundation.MediaQuery.is(this.options.showOn)) {
// console.error('The screen is too small to display this tooltip');
return false;
}
@@ -332,12 +339,9 @@ class Tooltip {
*/
destroy() {
this.$element.attr('title', this.template.text())
- .off('.zf.trigger .zf.tootip')
- // .removeClass('has-tip')
- .removeAttr('aria-describedby')
- .removeAttr('data-yeti-box')
- .removeAttr('data-toggle')
- .removeAttr('data-resize');
+ .off('.zf.trigger .zf.tooltip')
+ .removeClass('has-tip top right left')
+ .removeAttr('aria-describedby aria-haspopup data-disable-hover data-resize data-toggle data-tooltip data-yeti-box');
this.template.remove();
@@ -431,7 +435,14 @@ Tooltip.defaults = {
* @option
* @example 12
*/
- hOffset: 12
+ hOffset: 12,
+ /**
+ * Allow HTML in tooltip. Warning: If you are loading user-generated content into tooltips,
+ * allowing HTML may open yourself up to XSS attacks.
+ * @option
+ * @example false
+ */
+ allowHtml: false
};
/**
@@ -441,4 +452,4 @@ Tooltip.defaults = {
// Window exports
Foundation.plugin(Tooltip, 'Tooltip');
-}(jQuery);
\ No newline at end of file
+}(jQuery);
diff --git a/libraries/foundation-6/js/foundation.util.box.js b/libraries/foundation-6/js/foundation.util.box.js
index 029362dd..f734a0cf 100644
--- a/libraries/foundation-6/js/foundation.util.box.js
+++ b/libraries/foundation-6/js/foundation.util.box.js
@@ -175,18 +175,18 @@ function GetOffsets(element, anchor, position, vOffset, hOffset, isOverflow) {
case 'left bottom':
return {
left: $anchorDims.offset.left,
- top: $anchorDims.offset.top + $anchorDims.height
+ top: $anchorDims.offset.top + $anchorDims.height + vOffset
};
break;
case 'right bottom':
return {
left: $anchorDims.offset.left + $anchorDims.width + hOffset - $eleDims.width,
- top: $anchorDims.offset.top + $anchorDims.height
+ top: $anchorDims.offset.top + $anchorDims.height + vOffset
};
break;
default:
return {
- left: (Foundation.rtl() ? $anchorDims.offset.left - $eleDims.width + $anchorDims.width : $anchorDims.offset.left),
+ left: (Foundation.rtl() ? $anchorDims.offset.left - $eleDims.width + $anchorDims.width : $anchorDims.offset.left + hOffset),
top: $anchorDims.offset.top + $anchorDims.height + vOffset
}
}
diff --git a/libraries/foundation-6/js/foundation.util.keyboard.js b/libraries/foundation-6/js/foundation.util.keyboard.js
index 290e7438..d4a5344a 100644
--- a/libraries/foundation-6/js/foundation.util.keyboard.js
+++ b/libraries/foundation-6/js/foundation.util.keyboard.js
@@ -83,6 +83,7 @@ var Keyboard = {
* @return {jQuery} $focusable - all focusable elements within `$element`
*/
findFocusable($element) {
+ if(!$element) {return false; }
return $element.find('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]').filter(function() {
if (!$(this).is(':visible') || $(this).attr('tabindex') < 0) { return false; } //only have visible elements and those that have a tabindex greater or equal 0
return true;
diff --git a/libraries/foundation-6/js/foundation.util.mediaQuery.js b/libraries/foundation-6/js/foundation.util.mediaQuery.js
index e98555dc..9edd33d5 100644
--- a/libraries/foundation-6/js/foundation.util.mediaQuery.js
+++ b/libraries/foundation-6/js/foundation.util.mediaQuery.js
@@ -62,6 +62,22 @@ var MediaQuery = {
return false;
},
+ /**
+ * Checks if the screen matches to a breakpoint.
+ * @function
+ * @param {String} size - Name of the breakpoint to check, either 'small only' or 'small'. Omitting 'only' falls back to using atLeast() method.
+ * @returns {Boolean} `true` if the breakpoint matches, `false` if it does not.
+ */
+ is(size) {
+ size = size.trim().split(' ');
+ if(size.length > 1 && size[1] === 'only') {
+ if(size[0] === this._getCurrentSize()) return true;
+ } else {
+ return this.atLeast(size[0]);
+ }
+ return false;
+ },
+
/**
* Gets the media query of a breakpoint.
* @function
@@ -142,7 +158,7 @@ window.matchMedia || (window.matchMedia = function() {
style.type = 'text/css';
style.id = 'matchmediajs-test';
- script.parentNode.insertBefore(style, script);
+ script && script.parentNode && script.parentNode.insertBefore(style, script);
// 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers
info = ('getComputedStyle' in window) && window.getComputedStyle(style, null) || style.currentStyle;
diff --git a/libraries/foundation-6/js/foundation.util.motion.js b/libraries/foundation-6/js/foundation.util.motion.js
index 0473a110..e6614c35 100644
--- a/libraries/foundation-6/js/foundation.util.motion.js
+++ b/libraries/foundation-6/js/foundation.util.motion.js
@@ -24,8 +24,14 @@ function Move(duration, elem, fn){
var anim, prog, start = null;
// console.log('called');
+ if (duration === 0) {
+ fn.apply(elem);
+ elem.trigger('finished.zf.animate', [elem]).triggerHandler('finished.zf.animate', [elem]);
+ return;
+ }
+
function move(ts){
- if(!start) start = window.performance.now();
+ if(!start) start = ts;
// console.log(start, ts);
prog = ts - start;
fn.apply(elem);
diff --git a/libraries/foundation-6/js/foundation.util.nest.js b/libraries/foundation-6/js/foundation.util.nest.js
index a2602442..82603a79 100644
--- a/libraries/foundation-6/js/foundation.util.nest.js
+++ b/libraries/foundation-6/js/foundation.util.nest.js
@@ -4,14 +4,21 @@
const Nest = {
Feather(menu, type = 'zf') {
- menu.attr('role', 'menubar');
- var items = menu.find('li').attr({'role': 'menuitem'}),
+ if( type !== 'accordion'){
+ menu.attr('role', 'menubar');
+ menu.find('a:first').attr('tabindex', 0);
+ } else {
+ menu.find('li:first').attr('tabindex', 0);
+ }
+
+ var roleType = (type === 'accordion') ? 'treeitem' : 'menuitem',
+ elementType = (type === 'accordion') ? 'span' : 'a',
+ items = menu.find('li').attr({'role': roleType}),
subMenuClass = `is-${type}-submenu`,
subItemClass = `${subMenuClass}-item`,
- hasSubClass = `is-${type}-submenu-parent`;
-
- menu.find('a:first').attr('tabindex', 0);
+ hasSubClass = `is-${type}-submenu-parent`,
+ noSubClass = `is-${type}-submenu-none`;
items.each(function() {
var $item = $(this),
@@ -23,7 +30,7 @@ const Nest = {
.attr({
'aria-haspopup': true,
'aria-expanded': false,
- 'aria-label': $item.children('a:first').text()
+ 'aria-label': $item.children(elementType + ':first').text()
});
$sub
@@ -33,6 +40,12 @@ const Nest = {
'aria-hidden': true,
'role': 'menu'
});
+ } else {
+ $item.addClass(noSubClass).find('a').attr('tabindex',-1);
+ var text = $item.addClass(noSubClass).find('a').text();
+ if( $item.find('a').length > 0 ){
+ $item.attr('aria-label',text + ' link');
+ }
}
if ($item.parent('[data-submenu]').length) {
@@ -50,7 +63,7 @@ const Nest = {
hasSubClass = `is-${type}-submenu-parent`;
menu
- .find('*')
+ .find('>li, .menu, .menu > li')
.removeClass(`${subMenuClass} ${subItemClass} ${hasSubClass} is-submenu-item submenu is-active`)
.removeAttr('data-submenu').css('display', '');
diff --git a/libraries/foundation-6/js/foundation.util.timerAndImageLoader.js b/libraries/foundation-6/js/foundation.util.timerAndImageLoader.js
index b5facd02..0da3e054 100644
--- a/libraries/foundation-6/js/foundation.util.timerAndImageLoader.js
+++ b/libraries/foundation-6/js/foundation.util.timerAndImageLoader.js
@@ -29,7 +29,7 @@ function Timer(elem, options, cb) {
if(options.infinite){
_this.restart();//rerun the timer.
}
- cb();
+ if (cb && typeof cb === 'function') { cb(); }
}, remain);
elem.trigger(`timerstart.zf.${nameSpace}`);
}
@@ -59,12 +59,11 @@ function onImagesLoaded(images, callback){
}
images.each(function() {
- if (this.complete) {
- singleImageLoaded();
- }
- else if (typeof this.naturalWidth !== 'undefined' && this.naturalWidth > 0) {
+ // Check if image is loaded
+ if (this.complete || (this.readyState === 4) || (this.readyState === 'complete')) {
singleImageLoaded();
}
+ // Force load the image
else {
$(this).one('load', function() {
singleImageLoaded();
diff --git a/libraries/foundation-6/js/foundation.util.triggers.js b/libraries/foundation-6/js/foundation.util.triggers.js
index c904c994..69ce8b74 100644
--- a/libraries/foundation-6/js/foundation.util.triggers.js
+++ b/libraries/foundation-6/js/foundation.util.triggers.js
@@ -63,7 +63,7 @@ $(document).on('focus.zf.trigger blur.zf.trigger', '[data-toggle-focus]', functi
* @function
* @private
*/
-$(window).load(() => {
+$(window).on('load', () => {
checkListeners();
});
@@ -71,6 +71,7 @@ function checkListeners() {
eventsListener();
resizeListener();
scrollListener();
+ mutateListener();
closemeListener();
}
@@ -150,48 +151,60 @@ function scrollListener(debounce){
}
}
+function mutateListener(debounce) {
+ let $nodes = $('[data-mutate]');
+ if ($nodes.length && MutationObserver){
+ //trigger all listening elements and signal a mutate event
+ //no IE 9 or 10
+ $nodes.each(function () {
+ $(this).triggerHandler('mutateme.zf.trigger');
+ });
+ }
+ }
+
function eventsListener() {
if(!MutationObserver){ return false; }
let nodes = document.querySelectorAll('[data-resize], [data-scroll], [data-mutate]');
//element callback
- var listeningElementsMutation = function(mutationRecordsList) {
- var $target = $(mutationRecordsList[0].target);
- //trigger the event handler for the element depending on type
- switch ($target.attr("data-events")) {
-
- case "resize" :
- $target.triggerHandler('resizeme.zf.trigger', [$target]);
- break;
-
- case "scroll" :
- $target.triggerHandler('scrollme.zf.trigger', [$target, window.pageYOffset]);
- break;
-
- // case "mutate" :
- // console.log('mutate', $target);
- // $target.triggerHandler('mutate.zf.trigger');
- //
- // //make sure we don't get stuck in an infinite loop from sloppy codeing
- // if ($target.index('[data-mutate]') == $("[data-mutate]").length-1) {
- // domMutationObserver();
- // }
- // break;
-
- default :
- return false;
- //nothing
- }
- }
-
- if(nodes.length){
- //for each element that needs to listen for resizing, scrolling, (or coming soon mutation) add a single observer
- for (var i = 0; i <= nodes.length-1; i++) {
- let elementObserver = new MutationObserver(listeningElementsMutation);
- elementObserver.observe(nodes[i], { attributes: true, childList: false, characterData: false, subtree:false, attributeFilter:["data-events"]});
+ var listeningElementsMutation = function (mutationRecordsList) {
+ var $target = $(mutationRecordsList[0].target);
+
+ //trigger the event handler for the element depending on type
+ switch (mutationRecordsList[0].type) {
+
+ case "attributes":
+ if ($target.attr("data-events") === "scroll" && mutationRecordsList[0].attributeName === "data-events") {
+ $target.triggerHandler('scrollme.zf.trigger', [$target, window.pageYOffset]);
+ }
+ if ($target.attr("data-events") === "resize" && mutationRecordsList[0].attributeName === "data-events") {
+ $target.triggerHandler('resizeme.zf.trigger', [$target]);
+ }
+ if (mutationRecordsList[0].attributeName === "style") {
+ $target.closest("[data-mutate]").attr("data-events","mutate");
+ $target.closest("[data-mutate]").triggerHandler('mutateme.zf.trigger', [$target.closest("[data-mutate]")]);
+ }
+ break;
+
+ case "childList":
+ $target.closest("[data-mutate]").attr("data-events","mutate");
+ $target.closest("[data-mutate]").triggerHandler('mutateme.zf.trigger', [$target.closest("[data-mutate]")]);
+ break;
+
+ default:
+ return false;
+ //nothing
+ }
+ };
+
+ if (nodes.length) {
+ //for each element that needs to listen for resizing, scrolling, or mutation add a single observer
+ for (var i = 0; i <= nodes.length - 1; i++) {
+ var elementObserver = new MutationObserver(listeningElementsMutation);
+ elementObserver.observe(nodes[i], { attributes: true, childList: true, characterData: false, subtree: true, attributeFilter: ["data-events", "style"] });
+ }
}
}
-}
// ------------------------------------
diff --git a/libraries/foundation-6/js/foundation.zf.responsiveAccordionTabs.js b/libraries/foundation-6/js/foundation.zf.responsiveAccordionTabs.js
new file mode 100644
index 00000000..0201924e
--- /dev/null
+++ b/libraries/foundation-6/js/foundation.zf.responsiveAccordionTabs.js
@@ -0,0 +1,240 @@
+'use strict';
+
+!function($) {
+
+/**
+ * ResponsiveAccordionTabs module.
+ * @module foundation.responsiveAccordionTabs
+ * @requires foundation.util.keyboard
+ * @requires foundation.util.timerAndImageLoader
+ * @requires foundation.util.motion
+ * @requires foundation.accordion
+ * @requires foundation.tabs
+ */
+
+class ResponsiveAccordionTabs {
+ /**
+ * Creates a new instance of a responsive accordion tabs.
+ * @class
+ * @fires ResponsiveAccordionTabs#init
+ * @param {jQuery} element - jQuery object to make into a dropdown menu.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ constructor(element, options) {
+ this.$element = $(element);
+ this.options = $.extend({}, this.$element.data(), options);
+ this.rules = this.$element.data('responsive-accordion-tabs');
+ this.currentMq = null;
+ this.currentPlugin = null;
+ if (!this.$element.attr('id')) {
+ this.$element.attr('id',Foundation.GetYoDigits(6, 'responsiveaccordiontabs'));
+ };
+
+ this._init();
+ this._events();
+
+ Foundation.registerPlugin(this, 'ResponsiveAccordionTabs');
+ }
+
+ /**
+ * Initializes the Menu by parsing the classes from the 'data-responsive-accordion-tabs' attribute on the element.
+ * @function
+ * @private
+ */
+ _init() {
+ // The first time an Interchange plugin is initialized, this.rules is converted from a string of "classes" to an object of rules
+ if (typeof this.rules === 'string') {
+ let rulesTree = {};
+
+ // Parse rules from "classes" pulled from data attribute
+ let rules = this.rules.split(' ');
+
+ // Iterate through every rule found
+ for (let i = 0; i < rules.length; i++) {
+ let rule = rules[i].split('-');
+ let ruleSize = rule.length > 1 ? rule[0] : 'small';
+ let rulePlugin = rule.length > 1 ? rule[1] : rule[0];
+
+ if (MenuPlugins[rulePlugin] !== null) {
+ rulesTree[ruleSize] = MenuPlugins[rulePlugin];
+ }
+ }
+
+ this.rules = rulesTree;
+ }
+
+ this._getAllOptions();
+
+ if (!$.isEmptyObject(this.rules)) {
+ this._checkMediaQueries();
+ }
+ }
+
+ _getAllOptions() {
+ //get all defaults and options
+ var _this = this;
+ _this.allOptions = {};
+ for (var key in MenuPlugins) {
+ if (MenuPlugins.hasOwnProperty(key)) {
+ var obj = MenuPlugins[key];
+ try {
+ var dummyPlugin = $('<ul></ul>');
+ var tmpPlugin = new obj.plugin(dummyPlugin,_this.options);
+ for (var keyKey in tmpPlugin.options) {
+ if (tmpPlugin.options.hasOwnProperty(keyKey) && keyKey !== 'zfPlugin') {
+ var objObj = tmpPlugin.options[keyKey];
+ _this.allOptions[keyKey] = objObj;
+ }
+ }
+ tmpPlugin.destroy();
+ }
+ catch(e) {
+ }
+ }
+ }
+ }
+
+ /**
+ * Initializes events for the Menu.
+ * @function
+ * @private
+ */
+ _events() {
+ var _this = this;
+
+ $(window).on('changed.zf.mediaquery', function() {
+ _this._checkMediaQueries();
+ });
+ }
+
+ /**
+ * Checks the current screen width against available media queries. If the media query has changed, and the plugin needed has changed, the plugins will swap out.
+ * @function
+ * @private
+ */
+ _checkMediaQueries() {
+ var matchedMq, _this = this;
+ // Iterate through each rule and find the last matching rule
+ $.each(this.rules, function(key) {
+ if (Foundation.MediaQuery.atLeast(key)) {
+ matchedMq = key;
+ }
+ });
+
+ // No match? No dice
+ if (!matchedMq) return;
+
+ // Plugin already initialized? We good
+ if (this.currentPlugin instanceof this.rules[matchedMq].plugin) return;
+
+ // Remove existing plugin-specific CSS classes
+ $.each(MenuPlugins, function(key, value) {
+ _this.$element.removeClass(value.cssClass);
+ });
+
+ // Add the CSS class for the new plugin
+ this.$element.addClass(this.rules[matchedMq].cssClass);
+
+ // Create an instance of the new plugin
+ if (this.currentPlugin) {
+ //don't know why but on nested elements data zfPlugin get's lost
+ if (!this.currentPlugin.$element.data('zfPlugin') && this.storezfData) this.currentPlugin.$element.data('zfPlugin',this.storezfData);
+ this.currentPlugin.destroy();
+ }
+ this._handleMarkup(this.rules[matchedMq].cssClass);
+ this.currentPlugin = new this.rules[matchedMq].plugin(this.$element, {});
+ this.storezfData = this.currentPlugin.$element.data('zfPlugin');
+
+ }
+
+ _handleMarkup(toSet){
+ var _this = this, fromString = 'accordion';
+ var $panels = $('[data-tabs-content='+this.$element.attr('id')+']');
+ if ($panels.length) fromString = 'tabs';
+ if (fromString === toSet) {
+ return;
+ };
+
+ var tabsTitle = _this.allOptions.linkClass?_this.allOptions.linkClass:'tabs-title';
+ var tabsPanel = _this.allOptions.panelClass?_this.allOptions.panelClass:'tabs-panel';
+
+ this.$element.removeAttr('role');
+ var $liHeads = this.$element.children('.'+tabsTitle+',[data-accordion-item]').removeClass(tabsTitle).removeClass('accordion-item').removeAttr('data-accordion-item');
+ var $liHeadsA = $liHeads.children('a').removeClass('accordion-title');
+
+ if (fromString === 'tabs') {
+ $panels = $panels.children('.'+tabsPanel).removeClass(tabsPanel).removeAttr('role').removeAttr('aria-hidden').removeAttr('aria-labelledby');
+ $panels.children('a').removeAttr('role').removeAttr('aria-controls').removeAttr('aria-selected');
+ }else{
+ $panels = $liHeads.children('[data-tab-content]').removeClass('accordion-content');
+ };
+
+ $panels.css({display:'',visibility:''});
+ $liHeads.css({display:'',visibility:''});
+ if (toSet === 'accordion') {
+ $panels.each(function(key,value){
+ $(value).appendTo($liHeads.get(key)).addClass('accordion-content').attr('data-tab-content','').removeClass('is-active').css({height:''});
+ $('[data-tabs-content='+_this.$element.attr('id')+']').after('<div id="tabs-placeholder-'+_this.$element.attr('id')+'"></div>').remove();
+ $liHeads.addClass('accordion-item').attr('data-accordion-item','');
+ $liHeadsA.addClass('accordion-title');
+ });
+ }else if (toSet === 'tabs'){
+ var $tabsContent = $('[data-tabs-content='+_this.$element.attr('id')+']');
+ var $placeholder = $('#tabs-placeholder-'+_this.$element.attr('id'));
+ if ($placeholder.length) {
+ $tabsContent = $('<div class="tabs-content"></div>').insertAfter($placeholder).attr('data-tabs-content',_this.$element.attr('id'));
+ $placeholder.remove();
+ }else{
+ $tabsContent = $('<div class="tabs-content"></div>').insertAfter(_this.$element).attr('data-tabs-content',_this.$element.attr('id'));
+ };
+ $panels.each(function(key,value){
+ var tempValue = $(value).appendTo($tabsContent).addClass(tabsPanel);
+ var hash = $liHeadsA.get(key).hash.slice(1);
+ var id = $(value).attr('id') || Foundation.GetYoDigits(6, 'accordion');
+ if (hash !== id) {
+ if (hash !== '') {
+ $(value).attr('id',hash);
+ }else{
+ hash = id;
+ $(value).attr('id',hash);
+ $($liHeadsA.get(key)).attr('href',$($liHeadsA.get(key)).attr('href').replace('#','')+'#'+hash);
+ };
+ };
+ var isActive = $($liHeads.get(key)).hasClass('is-active');
+ if (isActive) {
+ tempValue.addClass('is-active');
+ };
+ });
+ $liHeads.addClass(tabsTitle);
+ };
+ }
+
+ /**
+ * Destroys the instance of the current plugin on this element, as well as the window resize handler that switches the plugins out.
+ * @function
+ */
+ destroy() {
+ if (this.currentPlugin) this.currentPlugin.destroy();
+ $(window).off('.zf.ResponsiveAccordionTabs');
+ Foundation.unregisterPlugin(this);
+ }
+}
+
+ResponsiveAccordionTabs.defaults = {};
+
+// The plugin matches the plugin classes with these plugin instances.
+var MenuPlugins = {
+ tabs: {
+ cssClass: 'tabs',
+ plugin: Foundation._plugins.tabs || null
+ },
+ accordion: {
+ cssClass: 'accordion',
+ plugin: Foundation._plugins.accordion || null
+ }
+};
+
+// Window exports
+Foundation.plugin(ResponsiveAccordionTabs, 'ResponsiveAccordionTabs');
+
+}(jQuery);
diff --git a/libraries/foundation-6/meteor-README.md b/libraries/foundation-6/meteor-README.md
index 199bd5d4..c0bd4a90 100644
--- a/libraries/foundation-6/meteor-README.md
+++ b/libraries/foundation-6/meteor-README.md
@@ -1,4 +1,4 @@
-# [Foundation for Sites](http://foundation.zurb.com) (v6.2.1)
+# [Foundation for Sites](http://foundation.zurb.com) (v6.2.4)
Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototype to production, building sites or apps that work on any kind of device with Foundation. Includes layout constructs, like a fully customizable, responsive grid, commonly used JavaScript plugins, and full A11Y support.
@@ -50,7 +50,7 @@ Or you can comment out the components you don't need:
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
-@include foundation-flex-video;
+@include foundation-responsive-embed;
@include foundation-label;
@include foundation-media-object;
@include foundation-menu;
@@ -70,7 +70,7 @@ Or you can comment out the components you don't need:
@include foundation-top-bar;
```
-Note: For now there is a Motion-UI library added in the package (css, js files). It is needed for some Foundation plugins. Maybe in the future it will be separated package.
+Note: For now there is a Motion-UI library added in the package (css, js files). It is needed for some Foundation plugins. Maybe in the future it will be separated package.
### 3. Overwrite Foundation settings
@@ -145,6 +145,5 @@ You will find more info about particular plugins on its docs page here: [http://
#### Known problems
-1. **Conflicts with Meteor events**.
+1. **Conflicts with Meteor events**.
Solution: Try to always wrap Foundation's DOM nodes into another ones in your Meteor templates. This applies only to nodes on which are initialized Foundation's JS plugins and which are the first nodes in the Meteor templates with attached custom Meteor events. For more details read the last comments here: [#7248](https://github.com/zurb/foundation-sites/issues/7248)
-
diff --git a/libraries/foundation-6/package.js b/libraries/foundation-6/package.js
index 6ee6a889..4cf7d619 100644
--- a/libraries/foundation-6/package.js
+++ b/libraries/foundation-6/package.js
@@ -1,7 +1,7 @@
Package.describe({
name: 'zurb:foundation-sites',
summary: 'Foundation 6 - The most advanced responsive front-end framework in the world.',
- version: '6.2.3',
+ version: '6.2.4',
git: 'https://github.com/zurb/foundation-sites.git',
documentation: 'meteor-README.md'
});
@@ -28,7 +28,6 @@ Package.onUse(function(api) {
'scss/components/_drilldown.scss',
'scss/components/_dropdown-menu.scss',
'scss/components/_dropdown.scss',
- 'scss/components/_flex-video.scss',
'scss/components/_flex.scss',
'scss/components/_float.scss',
'scss/components/_label.scss',
@@ -39,6 +38,7 @@ Package.onUse(function(api) {
'scss/components/_orbit.scss',
'scss/components/_pagination.scss',
'scss/components/_progress-bar.scss',
+ 'scss/components/_responsive-embed.scss',
'scss/components/_reveal.scss',
'scss/components/_slider.scss',
'scss/components/_sticky.scss',
diff --git a/libraries/foundation-6/package.json b/libraries/foundation-6/package.json
index 2c91ea4f..46680b88 100644
--- a/libraries/foundation-6/package.json
+++ b/libraries/foundation-6/package.json
@@ -1,6 +1,6 @@
{
"name": "foundation-sites",
- "version": "6.2.3",
+ "version": "6.2.4",
"main": "dist/foundation.js",
"description": "The most advanced responsive front-end framework in the world.",
"author": "ZURB <foundation@zurb.com> (http://foundation.zurb.com)",
@@ -9,7 +9,7 @@
"start": "gulp",
"test": "npm run test:sass && npm run test:javascript",
"test:sass": "mocha test/sass/test_sass.js",
- "test:javascript": "gulp sass:foundation && gulp test:transpile-js && mocha-phantomjs test/javascript/index.html",
+ "test:javascript": "gulp sass:foundation && gulp test:transpile-js && mocha-phantomjs --ignore-resource-errors test/javascript/index.html",
"test:visual": "gulp test",
"deploy": "gulp deploy",
"deploy:prep": "gulp deploy:prep",
@@ -38,12 +38,14 @@
"chalk": "^1.1.1",
"clipboard": "^1.5.5",
"corejs-typeahead": "corejavascript/typeahead.js",
+ "doiuse": "^2.5.0",
"foundation-docs": "zurb/foundation-docs",
"gulp": "^3.8.10",
"gulp-add-src": "^0.2.0",
"gulp-autoprefixer": "^2.3.1",
"gulp-babel": "^6.1.1",
- "gulp-cache-bust": "^1.0.2",
+ "gulp-cache-bust": "1.0.2",
+ "gulp-check-deps": "^1.4.1",
"gulp-concat": "^2.4.3",
"gulp-cssnano": "^2.1.0",
"gulp-eslint": "^2.0.0",
@@ -53,14 +55,15 @@
"gulp-mocha": "^2.2.0",
"gulp-newer": "^1.1.0",
"gulp-plumber": "^1.0.1",
+ "gulp-postcss": "^6.2.0",
"gulp-prompt": "^0.1.2",
"gulp-rename": "^1.2.2",
"gulp-replace": "^0.5.4",
"gulp-rsync": "0.0.5",
"gulp-ruby-sass": "^2.0.6",
"gulp-sass": "^2.1.0",
- "gulp-scss-lint": "^0.3.9",
- "gulp-sourcemaps": "^1.6.0",
+ "gulp-sass-lint": "^1.3.2",
+ "gulp-sourcemaps": "1.6.0",
"gulp-uglify": "^1.1.0",
"gulp-zip": "^3.2.0",
"inquirer": "^0.11.4",
@@ -70,6 +73,7 @@
"mocha-phantomjs": "^4.0.2",
"motion-ui": "^1.1.0",
"multiline": "^1.0.2",
+ "normalize-scss": "^6.0.0",
"octophant": "^1.0.0",
"opener": "^1.4.1",
"panini": "^1.3.0",
@@ -95,13 +99,15 @@
"email": "foundation@zurb.com"
},
"keywords": [
+ "eyeglass-module",
"handlebars-helper-rel",
"handlebars-helper-slugify"
],
"eyeglass": {
"name": "foundation",
"sassDir": "scss",
- "needs": "^0.8.0"
+ "needs": "^0.8.0",
+ "exports": false
},
"jspm": {
"format": "global",
@@ -112,5 +118,17 @@
]
}
}
+ },
+ "browserify": {
+ "transform": [
+ [
+ "babelify",
+ {
+ "presets": [
+ "es2015"
+ ]
+ }
+ ]
+ ]
}
}
diff --git a/libraries/foundation-6/scss/_global.scss b/libraries/foundation-6/scss/_global.scss
index 86c83d8d..1e672ec8 100644
--- a/libraries/foundation-6/scss/_global.scss
+++ b/libraries/foundation-6/scss/_global.scss
@@ -2,7 +2,7 @@
// foundation.zurb.com
// Licensed under MIT Open Source
-// scss-lint:disable ColorVariable, QualifyingElement, VendorPrefix
+// sass-lint:disable force-attribute-nesting, force-pseudo-nesting, no-color-literals, no-qualifying-elements
////
/// @group global
@@ -114,7 +114,7 @@ $-zf-menu-icon-imported: false;
$-zf-flex-classes-imported: false;
@mixin foundation-global-styles {
- @include -zf-normalize;
+ // @include -zf-normalize;
// These styles are applied to a <meta> tag, which is read by the Foundation JavaScript
.foundation-mq {
@@ -122,8 +122,8 @@ $-zf-flex-classes-imported: false;
}
html {
- font-size: $global-font-size;
box-sizing: border-box;
+ font-size: $global-font-size;
}
// Set box-sizing globally to handle padding and border widths
@@ -135,13 +135,15 @@ $-zf-flex-classes-imported: false;
// Default body styles
body {
- padding: 0;
margin: 0;
+ padding: 0;
+
+ background: $body-background;
+
font-family: $body-font-family;
font-weight: $global-weight-normal;
line-height: $global-lineheight;
color: $body-font-color;
- background: $body-background;
@if ($body-antialiased) {
-webkit-font-smoothing: antialiased;
@@ -150,14 +152,14 @@ $-zf-flex-classes-imported: false;
}
img {
+ // Get rid of gap under images by making them display: inline-block; by default
+ display: inline-block;
+ vertical-align: middle;
+
// Grid defaults to get images and embeds to work properly
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
-
- // Get rid of gap under images by making them display: inline-block; by default
- display: inline-block;
- vertical-align: middle;
}
// Make sure textarea takes on height automatically
@@ -174,8 +176,7 @@ $-zf-flex-classes-imported: false;
}
// Styles Google Maps and MapQuest embeds properly
- // scss-lint:disable IdSelector
- #map_canvas,
+ // sass-lint:disable-line no-ids
.map_canvas,
.mqa-display {
img,
@@ -188,12 +189,14 @@ $-zf-flex-classes-imported: false;
// Reset <button> styles created by most browsers
button {
@include disable-mouse-outline;
- -webkit-appearance: none;
- -moz-appearance: none;
- background: transparent;
+
padding: 0;
+
+ appearance: none;
border: 0;
border-radius: $global-radius;
+ background: transparent;
+
line-height: 1;
}
@@ -209,430 +212,6 @@ $-zf-flex-classes-imported: false;
/// Loads normalize.css.
/// @access private
-@mixin -zf-normalize {
- /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-
- /**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS and IE text size adjust after device 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/10/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 of focused elements when they are also in an
- * active/hover state.
- */
-
- 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"], /* 1 */
- 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: not-allowed;
- }
-
- /**
- * 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.
- */
-
- input[type="search"] {
- -webkit-appearance: textfield; /* 1 */
- box-sizing: content-box; /* 2 */
- }
-
- /**
- * 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.
- * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
- */
-
- /* 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;
- }
-}
+// @mixin -zf-normalize {
+// @include normalize();
+// }
diff --git a/libraries/foundation-6/scss/components/_accordion-menu.scss b/libraries/foundation-6/scss/components/_accordion-menu.scss
index 0241030c..7719c0c2 100644
--- a/libraries/foundation-6/scss/components/_accordion-menu.scss
+++ b/libraries/foundation-6/scss/components/_accordion-menu.scss
@@ -11,22 +11,39 @@ $accordionmenu-arrows: true !default;
$accordionmenu-arrow-color: $primary-color !default;
@mixin foundation-accordion-menu {
+ .tree {
+ .is-accordion-submenu-none > a {
+ padding: 0;
+ line-height: $list-lineheight;
+ }
+
+ }
+
@if $accordionmenu-arrows {
- .is-accordion-submenu-parent > a {
+ .is-accordion-submenu-parent > span {
position: relative;
+ display: block;
+ color: $anchor-color;
+ cursor: pointer;
+
+ &:hover {
+ color: $anchor-color-hover;
+ }
&::after {
@include css-triangle(6px, $accordionmenu-arrow-color, down);
position: absolute;
top: 50%;
- margin-top: -4px;
right: 1rem;
+ #{$global-right}: -4px;
}
+
}
- .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
- transform-origin: 50% 50%;
+ .is-accordion-submenu-parent[aria-expanded='true'] > span::after {
transform: scaleY(-1);
+ transform-origin: 50% 50%;
}
+
}
}
diff --git a/libraries/foundation-6/scss/components/_accordion.scss b/libraries/foundation-6/scss/components/_accordion.scss
index fed5c30e..3678f660 100644
--- a/libraries/foundation-6/scss/components/_accordion.scss
+++ b/libraries/foundation-6/scss/components/_accordion.scss
@@ -14,6 +14,10 @@ $accordion-background: $white !default;
/// @type Boolean
$accordion-plusminus: true !default;
+/// Font size of accordion titles.
+/// @type Number
+$accordion-title-font-size: rem-calc(12) !default;
+
/// Default text color for items in a Menu.
/// @type Color
$accordion-item-color: foreground($accordion-background, $primary-color) !default;
@@ -44,9 +48,9 @@ $accordion-content-padding: 1rem !default;
/// Adds styles for an accordion container. Apply this to the same element that gets `data-accordion`.
@mixin accordion-container {
- list-style-type: none;
- background: $accordion-background;
margin-#{$global-left}: 0;
+ background: $accordion-background;
+ list-style-type: none;
}
/// Adds styles for the accordion item. Apply this to the list item within an accordion ul.
@@ -62,18 +66,20 @@ $accordion-content-padding: 1rem !default;
/// Adds styles for the title of an accordion item. Apply this to the link within an accordion item.
@mixin accordion-title {
+ position: relative;
display: block;
padding: $accordion-item-padding;
- line-height: 1;
- font-size: rem-calc(12);
- color: $accordion-item-color;
- position: relative;
+
border: $accordion-content-border;
border-bottom: 0;
+ font-size: $accordion-title-font-size;
+ line-height: 1;
+ color: $accordion-item-color;
+
:last-child:not(.is-active) > & {
- border-radius: 0 0 $global-radius $global-radius;
border-bottom: $accordion-content-border;
+ border-radius: 0 0 $global-radius $global-radius;
}
&:hover,
@@ -83,11 +89,11 @@ $accordion-content-padding: 1rem !default;
@if $accordion-plusminus {
&::before {
- content: '+';
position: absolute;
- #{$global-right}: 1rem;
top: 50%;
+ #{$global-right}: 1rem;
margin-top: -0.5rem;
+ content: '+';
}
.is-active > &::before {
@@ -98,11 +104,13 @@ $accordion-content-padding: 1rem !default;
/// Adds styles for accordion content. Apply this to the content pane below an accordion item's title.
@mixin accordion-content {
- padding: $accordion-content-padding;
display: none;
+ padding: $accordion-content-padding;
+
border: $accordion-content-border;
border-bottom: 0;
background-color: $accordion-content-background;
+
color: $accordion-content-color;
:last-child > &:last-child {
diff --git a/libraries/foundation-6/scss/components/_badge.scss b/libraries/foundation-6/scss/components/_badge.scss
index c3c0112d..487f0d76 100644
--- a/libraries/foundation-6/scss/components/_badge.scss
+++ b/libraries/foundation-6/scss/components/_badge.scss
@@ -29,11 +29,13 @@ $badge-font-size: 0.6rem !default;
/// Generates the base styles for a badge.
@mixin badge {
display: inline-block;
- padding: $badge-padding;
min-width: $badge-minwidth;
+ padding: $badge-padding;
+
+ border-radius: 50%;
+
font-size: $badge-font-size;
text-align: center;
- border-radius: 50%;
}
@mixin foundation-badge {
diff --git a/libraries/foundation-6/scss/components/_breadcrumbs.scss b/libraries/foundation-6/scss/components/_breadcrumbs.scss
index a02f7c26..ccaa3993 100644
--- a/libraries/foundation-6/scss/components/_breadcrumbs.scss
+++ b/libraries/foundation-6/scss/components/_breadcrumbs.scss
@@ -41,14 +41,15 @@ $breadcrumbs-item-slash: true !default;
/// Adds styles for a breadcrumbs container, along with the styles for the `<li>` and `<a>` elements inside of it.
@mixin breadcrumbs-container {
@include clearfix;
- list-style: none;
margin: $breadcrumbs-margin;
+ list-style: none;
// Item wrapper
li {
float: #{$global-left};
- color: $breadcrumbs-item-color-current;
+
font-size: $breadcrumbs-item-font-size;
+ color: $breadcrumbs-item-color-current;
cursor: default;
@if $breadcrumbs-item-uppercase {
@@ -60,12 +61,13 @@ $breadcrumbs-item-slash: true !default;
$slash: if($global-text-direction == 'ltr', '/', '\\');
&:not(:last-child)::after {
- color: $medium-gray;
- content: $slash;
- margin: 0 $breadcrumbs-item-margin;
position: relative;
top: 1px;
+ margin: 0 $breadcrumbs-item-margin;
+
opacity: 1;
+ content: $slash;
+ color: $medium-gray;
}
}
@else {
diff --git a/libraries/foundation-6/scss/components/_button-group.scss b/libraries/foundation-6/scss/components/_button-group.scss
index 4fa4047f..6f6fc196 100644
--- a/libraries/foundation-6/scss/components/_button-group.scss
+++ b/libraries/foundation-6/scss/components/_button-group.scss
@@ -22,6 +22,10 @@ $buttongroup-child-selector: '.button' !default;
/// @type Number
$buttongroup-expand-max: 6 !default;
+/// Determines if $button-radius is applied to each button or the button group as a whole. Use $global-radius in _settings.scss to change radius.
+/// @type Boolean
+$buttongroup-radius-on-each: true !default;
+
/// Add styles for a button group container.
/// @param {String} $child-selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.
@mixin button-group(
@@ -52,6 +56,21 @@ $buttongroup-expand-max: 6 !default;
&:last-child {
margin-#{$global-right}: 0;
}
+
+ @if not $buttongroup-radius-on-each {
+ border-radius: 0;
+
+ &:first-child {
+ border-top-#{$global-left}-radius: $global-radius;
+ border-bottom-#{$global-left}-radius: $global-radius;
+ }
+
+ &:last-child {
+ border-top-#{$global-right}-radius: $global-radius;
+ border-bottom-#{$global-right}-radius: $global-radius;
+ }
+ }
+
}
}
@@ -70,10 +89,9 @@ $buttongroup-expand-max: 6 !default;
}
}
- // scss-lint:disable ZeroUnit
#{$selector} {
@if $global-flexbox {
- flex: 1 1 0px;
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
}
@else {
@for $i from 2 through $buttongroup-expand-max {
@@ -113,6 +131,23 @@ $buttongroup-expand-max: 6 !default;
&:last-child {
margin-bottom: 0;
}
+
+
+ @if not $buttongroup-radius-on-each {
+ border-radius: 0;
+
+ &:first-child{
+ border-top-#{$global-left}-radius: $global-radius;
+ border-top-#{$global-right}-radius: $global-radius;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ border-bottom-#{$global-left}-radius: $global-radius;
+ border-bottom-#{$global-right}-radius: $global-radius;
+ }
+ }
+
}
}
@@ -121,15 +156,29 @@ $buttongroup-expand-max: 6 !default;
@mixin button-group-unstack(
$selector: $buttongroup-child-selector
) {
- // scss-lint:disable ZeroUnit
#{$selector} {
@if $global-flexbox {
- flex: 1 1 0px;
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
}
@else {
width: auto;
}
margin-bottom: 0;
+
+ @if not $buttongroup-radius-on-each {
+ &:first-child {
+ border-top-#{$global-left}-radius: $global-radius;
+ border-top-#{$global-right}-radius: 0;
+ border-bottom-#{$global-left}-radius: $global-radius;
+ }
+
+ &:last-child {
+ border-top-#{$global-right}-radius: $global-radius;
+ border-bottom-#{$global-right}-radius: $global-radius;
+ border-bottom-#{$global-left}-radius: 0;
+ }
+ }
+
}
}
@@ -180,8 +229,7 @@ $buttongroup-expand-max: 6 !default;
}
}
- // scss-lint:disable MergeableSelector
- &.stacked-for-small.expanded {
+ &.stacked-for-small.expanded { // sass-lint:disable-line force-element-nesting
@include breakpoint(small only) {
display: block;
diff --git a/libraries/foundation-6/scss/components/_button.scss b/libraries/foundation-6/scss/components/_button.scss
index 9860dd30..ecb0d345 100644
--- a/libraries/foundation-6/scss/components/_button.scss
+++ b/libraries/foundation-6/scss/components/_button.scss
@@ -51,26 +51,40 @@ $button-sizes: (
/// @type List
$button-opacity-disabled: 0.25 !default;
+/// Background color lightness on hover for buttons.
+/// @type Number
+$button-background-hover-lightness: -20% !default;
+
+/// Color lightness on hover for hollow buttons.
+/// @type Number
+$button-hollow-hover-lightness: -50% !default;
+
// Internal: flip from margin-right to margin-left for defaults
@if $global-text-direction == 'rtl' {
$button-margin: 0 0 $global-margin $global-margin !default;
}
+/// transitions for buttons.
+/// @type List
+$button-transition: background-color 0.25s ease-out, color 0.25s ease-out !default;
+
// TODO: Document button-base() mixin
@mixin button-base {
@include disable-mouse-outline;
display: inline-block;
- text-align: center;
- line-height: 1;
- cursor: pointer;
- -webkit-appearance: none;
- transition: background-color 0.25s ease-out, color 0.25s ease-out;
vertical-align: middle;
+ margin: $button-margin;
+ padding: $button-padding;
+
+ -webkit-appearance: none;
border: 1px solid transparent;
border-radius: $button-radius;
- padding: $button-padding;
- margin: $button-margin;
+ transition: $button-transition;
+
font-size: map-get($button-sizes, default);
+ line-height: 1;
+ text-align: center;
+ cursor: pointer;
}
/// Expands a button to make it full-width.
@@ -79,8 +93,8 @@ $button-opacity-disabled: 0.25 !default;
@if $expand {
display: block;
width: 100%;
- margin-left: 0;
margin-right: 0;
+ margin-left: 0;
}
@else {
display: inline-block;
@@ -96,14 +110,15 @@ $button-opacity-disabled: 0.25 !default;
@mixin button-style(
$background: $button-background,
$background-hover: $button-background-hover,
- $color: $button-color
+ $color: $button-color,
+ $background-hover-lightness: $button-background-hover-lightness
) {
@if $color == auto {
$color: foreground($background, $button-color-alt, $button-color);
}
@if $background-hover == auto {
- $background-hover: scale-color($background, $lightness: -20%);
+ $background-hover: scale-color($background, $lightness: $background-hover-lightness);
}
background-color: $background;
@@ -123,8 +138,11 @@ $button-opacity-disabled: 0.25 !default;
}
}
-@mixin button-hollow-style($color: $primary-color) {
- $color-hover: scale-color($color, $lightness: -50%);
+@mixin button-hollow-style(
+ $color: $primary-color,
+ $hover-lightness: $button-hollow-hover-lightness
+) {
+ $color-hover: scale-color($color, $lightness: $hover-lightness);
border: 1px solid $color;
color: $color;
@@ -136,12 +154,12 @@ $button-opacity-disabled: 0.25 !default;
}
/// Adds disabled styles to a button by fading the element, reseting the cursor, and disabling pointer events.
-@mixin button-disabled {
+@mixin button-disabled($color: $primary-color) {
opacity: $button-opacity-disabled;
cursor: not-allowed;
&:hover, &:focus {
- background-color: $button-background;
+ background-color: $color;
color: $button-color;
}
}
@@ -159,9 +177,10 @@ $button-opacity-disabled: 0.25 !default;
@include css-triangle($size, $color, down);
position: relative;
top: 0.4em; // Aligns the arrow with the text of the button
+
+ display: inline-block;
float: #{$global-right};
margin-#{$global-left}: get-side($button-padding, right);
- display: inline-block;
}
}
@@ -242,6 +261,12 @@ $button-opacity-disabled: 0.25 !default;
&.disabled,
&[disabled] {
@include button-disabled;
+
+ @each $name, $color in $foundation-palette {
+ &.#{$name} {
+ @include button-disabled($color);
+ }
+ }
}
// Dropdown arrow
@@ -257,9 +282,9 @@ $button-opacity-disabled: 0.25 !default;
// Button with dropdown arrow only
&.arrow-only::after {
- margin-#{$global-left}: 0;
- float: none;
top: -0.1em;
+ float: none;
+ margin-#{$global-left}: 0;
}
}
}
diff --git a/libraries/foundation-6/scss/components/_callout.scss b/libraries/foundation-6/scss/components/_callout.scss
index cb466511..37a20224 100644
--- a/libraries/foundation-6/scss/components/_callout.scss
+++ b/libraries/foundation-6/scss/components/_callout.scss
@@ -44,11 +44,13 @@ $callout-link-tint: 30% !default;
/// Adds basic styles for a callout, including padding and margin.
@mixin callout-base() {
+ position: relative;
margin: $callout-margin;
padding: $callout-padding;
+
border: $callout-border;
border-radius: $callout-radius;
- position: relative;
+
color: $callout-font-color;
// Respect the padding, fool.
diff --git a/libraries/foundation-6/scss/components/_card.scss b/libraries/foundation-6/scss/components/_card.scss
new file mode 100644
index 00000000..e6305730
--- /dev/null
+++ b/libraries/foundation-6/scss/components/_card.scss
@@ -0,0 +1,121 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group card
+////
+
+/// Defualt background color.
+/// @type Color
+$card-background: $white !default;
+
+/// Default font color for cards.
+/// @type Color
+$card-font-color: $body-font-color !default;
+
+/// Default background.
+/// @type Color
+$card-divider-background: $light-gray !default;
+
+/// Default border style.
+/// @type List
+$card-border: 1px solid $light-gray !default;
+
+/// Default card shadow.
+/// @type List
+$card-shadow: none !default;
+
+/// Default border radius.
+/// @type List
+$card-border-radius: $global-radius !default;
+
+/// Default padding.
+/// @type Number
+$card-padding: $global-padding !default;
+
+/// Default bottom margin.
+/// @type number
+$card-margin: $global-margin !default;
+
+/// Adds styles for a card container.
+/// @param {Color} $background - Background color of the card.
+/// @param {Color} $color - font color of the card.
+/// @param {Number} $margin - Bottom margin of the card.
+/// @param {List} $border - Border around the card.
+/// @param {List} $radius - border radius of the card.
+/// @param {List} $shadow - box shadow of the card.
+@mixin card-container(
+ $background: $card-background,
+ $color: $card-font-color,
+ $margin: $card-margin,
+ $border: $card-border,
+ $radius: $card-border-radius,
+ $shadow: $card-shadow
+) {
+ @if $global-flexbox {
+ display: flex;
+ flex-direction: column;
+ }
+
+ margin-bottom: $margin;
+
+ border: $border;
+ border-radius: $radius;
+
+ background: $background;
+ box-shadow: $shadow;
+
+ overflow: hidden;
+ color: $card-font-color;
+
+ & > :last-child {
+ margin-bottom: 0;
+ }
+}
+
+/// Adds styles for a card divider.
+@mixin card-divider(
+ $background: $card-divider-background,
+ $padding: $card-padding
+) {
+ @if $global-flexbox {
+ flex: 0 1 auto;
+ }
+
+ padding: $padding;
+ background: $background;
+
+ & > :last-child {
+ margin-bottom: 0;
+ }
+}
+
+/// Adds styles for a card section.
+@mixin card-section(
+ $padding: $card-padding
+) {
+ @if $global-flexbox {
+ flex: 1 0 auto;
+ }
+
+ padding: $padding;
+
+ & > :last-child {
+ margin-bottom: 0;
+ }
+}
+
+@mixin foundation-card {
+ .card {
+ @include card-container;
+ }
+
+ .card-divider {
+ @include card-divider;
+ }
+
+ .card-section {
+ @include card-section;
+ }
+}
diff --git a/libraries/foundation-6/scss/components/_close-button.scss b/libraries/foundation-6/scss/components/_close-button.scss
index 7ea8f237..927741f0 100644
--- a/libraries/foundation-6/scss/components/_close-button.scss
+++ b/libraries/foundation-6/scss/components/_close-button.scss
@@ -10,17 +10,26 @@
/// @type List
$closebutton-position: right top !default;
-/// Right (or left) offset for a close button.
-/// @type Number
-$closebutton-offset-horizontal: 1rem !default;
+/// Right (or left) offset(s) for a close button.
+/// @type Number|Map
+$closebutton-offset-horizontal: (
+ small: 0.66rem,
+ medium: 1rem,
+) !default;
-/// Top (or bottom) offset for a close button.
-/// @type Number
-$closebutton-offset-vertical: 0.5rem !default;
+/// Top (or bottom) offset(s) for a close button.
+/// @type Number|Map
+$closebutton-offset-vertical: (
+ small: 0.33em,
+ medium: 0.5rem,
+) !default;
-/// Default font size of the close button.
-/// @type Number
-$closebutton-size: 2em !default;
+/// Default font size(s) of the close button.
+/// @type Number|Map
+$closebutton-size: (
+ small: 1.5em,
+ medium: 2em,
+) !default;
/// The line-height of the close button. It affects the spacing of the element.
/// @type Number
@@ -34,6 +43,39 @@ $closebutton-color: $dark-gray !default;
/// @type Color
$closebutton-color-hover: $black !default;
+
+/// Get the size and position for a close button. If the input value is a number, the number is returned. If the input value is a config map and the map has the key `$size`, the value is returned.
+///
+/// @param {Number|Map} $value - A number or map that represents the size or position value(s) of the close button.
+/// @param {Keyword} $size - The size of the close button to use.
+///
+/// @return {Number} The given number or the value found in the map.
+@function -zf-get-size-val($value, $size) {
+ // Check if the value is a number
+ @if type-of($value) == 'number' {
+ // If it is, just return the number
+ @return $value;
+ }
+
+ // Check if the size name exists in the value map
+ @else if map-has-key($value, $size) {
+ // If it does, return the value
+ @return map-get($value, $size);
+ }
+}
+
+/// Sets the size and position of a close button.
+/// @param {Keyword} $size [medium] - The size to use. Set to `small` to create a small close button. The 'medium' values defined in `$closebutton-*` variables will be used as the default size and position of the close button.
+@mixin close-button-size($size) {
+ $x: nth($closebutton-position, 1);
+ $y: nth($closebutton-position, 2);
+
+ #{$x}: -zf-get-size-val($closebutton-offset-horizontal, $size);
+ #{$y}: -zf-get-size-val($closebutton-offset-vertical, $size);
+ font-size: -zf-get-size-val($closebutton-size, $size);
+ line-height: -zf-get-size-val($closebutton-lineheight, $size);
+}
+
/// Adds styles for a close button, using the styles in the settings variables.
@mixin close-button {
$x: nth($closebutton-position, 1);
@@ -42,10 +84,6 @@ $closebutton-color-hover: $black !default;
@include disable-mouse-outline;
position: absolute;
color: $closebutton-color;
- #{$x}: $closebutton-offset-horizontal;
- #{$y}: $closebutton-offset-vertical;
- font-size: $closebutton-size;
- line-height: $closebutton-lineheight;
cursor: pointer;
&:hover,
@@ -57,5 +95,8 @@ $closebutton-color-hover: $black !default;
@mixin foundation-close-button {
.close-button {
@include close-button;
+
+ &.small { @include close-button-size(small) }
+ &, &.medium { @include close-button-size(medium) }
}
}
diff --git a/libraries/foundation-6/scss/components/_drilldown.scss b/libraries/foundation-6/scss/components/_drilldown.scss
index 159dbb4e..85e9fbf2 100644
--- a/libraries/foundation-6/scss/components/_drilldown.scss
+++ b/libraries/foundation-6/scss/components/_drilldown.scss
@@ -29,7 +29,11 @@ $drilldown-background: $white !default;
overflow: hidden;
li {
- display: block !important;
+ display: block;
+ }
+
+ &.animate-height {
+ transition: height 0.5s;
}
}
@@ -39,7 +43,8 @@ $drilldown-background: $white !default;
top: 0;
#{$global-left}: 100%;
z-index: -1;
- height: 100%;
+
+ // height: 100%;
width: 100%;
background: $drilldown-background;
transition: $drilldown-transition;
@@ -63,17 +68,18 @@ $drilldown-background: $white !default;
@include css-triangle(6px, $drilldown-arrow-color, $global-right);
position: absolute;
top: 50%;
- margin-top: -6px;
#{$global-right}: 1rem;
+ margin-top: -6px;
}
}
.js-drilldown-back > a::before {
@include css-triangle(6px, $drilldown-arrow-color, $global-left);
- border-#{$global-left}-width: 0;
display: inline-block;
vertical-align: middle;
margin-#{$global-right}: 0.75rem; // Creates space between the arrow and the text
+
+ border-#{$global-left}-width: 0;
}
}
}
diff --git a/libraries/foundation-6/scss/components/_dropdown-menu.scss b/libraries/foundation-6/scss/components/_dropdown-menu.scss
index 0ce9c1f5..5dceed62 100644
--- a/libraries/foundation-6/scss/components/_dropdown-menu.scss
+++ b/libraries/foundation-6/scss/components/_dropdown-menu.scss
@@ -34,7 +34,7 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
@mixin left-right-arrows {
> a::after {
#{$global-right}: 14px;
- margin-top: -3px;
+ margin-top: -5px;
}
&.opens-left > a::after {
@@ -50,24 +50,24 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
@if $dir == horizontal {
> li.opens-left {
> .is-dropdown-submenu {
- left: auto;
- right: 0;
top: 100%;
+ right: 0;
+ left: auto;
}
}
> li.opens-right {
> .is-dropdown-submenu {
+ top: 100%;
right: auto;
left: 0;
- top: 100%;
}
}
@if $dropdownmenu-arrows {
> li.is-dropdown-submenu-parent > a {
- padding-#{$global-right}: 1.5rem;
position: relative;
+ padding-#{$global-right}: 1.5rem;
}
> li.is-dropdown-submenu-parent > a::after {
@@ -85,8 +85,8 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
&.opens-left {
> .is-dropdown-submenu {
- left: auto;
right: 100%;
+ left: auto;
}
}
@@ -140,8 +140,8 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
&.align-right {
.is-dropdown-submenu.first-sub {
top: 100%;
- left: auto;
right: 0;
+ left: auto;
}
}
}
@@ -169,14 +169,15 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
top: 100%;
@if $global-text-direction == 'rtl' {
right: auto;
- } @else {
+ }
+ @else {
left: auto;
}
}
&.opens-left > .is-dropdown-submenu {
- left: auto;
right: 100%;
+ left: auto;
}
&.opens-right > .is-dropdown-submenu {
@@ -186,14 +187,16 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
}
.is-dropdown-submenu {
- display: none;
position: absolute;
top: 0;
#{$global-left}: 100%;
- min-width: $dropdownmenu-min-width;
z-index: 1;
- background: $dropdownmenu-background;
+
+ display: none;
+ min-width: $dropdownmenu-min-width;
+
border: $dropdownmenu-border;
+ background: $dropdownmenu-background;
.is-dropdown-submenu-parent {
@if $dropdownmenu-arrows {
@@ -212,7 +215,6 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
}
// [TODO] Cut back specificity
- // scss-lint:disable SelectorDepth
//&:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > &, // why is this line needed? Opening is handled by JS and this causes some ugly flickering when the sub is re-positioned automatically...
&.js-dropdown-active {
display: block;
diff --git a/libraries/foundation-6/scss/components/_dropdown.scss b/libraries/foundation-6/scss/components/_dropdown.scss
index 771b5fd3..7c791a73 100644
--- a/libraries/foundation-6/scss/components/_dropdown.scss
+++ b/libraries/foundation-6/scss/components/_dropdown.scss
@@ -10,6 +10,10 @@
/// @type List
$dropdown-padding: 1rem !default;
+/// Background for dropdown panes.
+/// @type Color
+$dropdown-background: $body-background !default;
+
/// Border for dropdown panes.
/// @type List
$dropdown-border: 1px solid $medium-gray !default;
@@ -36,16 +40,19 @@ $dropdown-sizes: (
/// Applies styles for a basic dropdown.
@mixin dropdown-container {
- background-color: $body-background;
- border: $dropdown-border;
- border-radius: $dropdown-radius;
+ position: absolute;
+ z-index: 10;
+
display: block;
- font-size: $dropdown-font-size;
+ width: $dropdown-width;
padding: $dropdown-padding;
- position: absolute;
+
visibility: hidden;
- width: $dropdown-width;
- z-index: 10;
+ border: $dropdown-border;
+ border-radius: $dropdown-radius;
+ background-color: $dropdown-background;
+
+ font-size: $dropdown-font-size;
&.is-open {
visibility: visible;
diff --git a/libraries/foundation-6/scss/components/_flex-video.scss b/libraries/foundation-6/scss/components/_flex-video.scss
index 71cce125..bf85a6c5 100644
--- a/libraries/foundation-6/scss/components/_flex-video.scss
+++ b/libraries/foundation-6/scss/components/_flex-video.scss
@@ -1,63 +1 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group flex-video
-////
-
-/// Margin below a flex video container.
-/// @type Number
-$flexvideo-margin-bottom: rem-calc(16) !default;
-
-/// Padding used to create a 4:3 aspect ratio.
-/// @type Number
-$flexvideo-ratio: 4 by 3 !default;
-
-/// Padding used to create a 16:9 aspect ratio.
-/// @type Number
-$flexvideo-ratio-widescreen: 16 by 9 !default;
-
-/// Creates a percentage height that can be used as padding in a flex video container.
-/// @param {List} $ratio - Ratio to use to calculate the height, formatted as `x by y`.
-/// @return {Number} A percentage value that can be used as the `padding-bottom` parameter of a flex video container.
-@function flex-video($ratio) {
- $w: nth($ratio, 1);
- $h: nth($ratio, 3);
- @return $h / $w * 100%;
-}
-
-/// Creates a flex video container.
-/// @param {List} $ratio [$flexvideo-ratio] - Ratio to use for the container, formatted as `x by y`.
-@mixin flex-video($ratio: $flexvideo-ratio) {
- position: relative;
- height: 0;
- padding-bottom: flex-video($ratio);
- margin-bottom: $flexvideo-margin-bottom;
- overflow: hidden;
-
- iframe,
- object,
- embed,
- video {
- position: absolute;
- top: 0;
- #{$global-left}: 0;
- width: 100%;
- height: 100%;
- }
-}
-
-@mixin foundation-flex-video {
- .flex-video {
- @include flex-video;
-
- &.widescreen {
- padding-bottom: flex-video($flexvideo-ratio-widescreen);
- }
-
- &.vimeo {
- padding-top: 0;
- }
- }
-}
+@import 'responsive-embed';
diff --git a/libraries/foundation-6/scss/components/_float.scss b/libraries/foundation-6/scss/components/_float.scss
index 63629202..3f81f3d1 100644
--- a/libraries/foundation-6/scss/components/_float.scss
+++ b/libraries/foundation-6/scss/components/_float.scss
@@ -17,8 +17,8 @@
.float-center {
display: block;
- margin-left: auto;
margin-right: auto;
+ margin-left: auto;
}
.clearfix {
diff --git a/libraries/foundation-6/scss/components/_label.scss b/libraries/foundation-6/scss/components/_label.scss
index 6fb1864a..28bbc0ba 100644
--- a/libraries/foundation-6/scss/components/_label.scss
+++ b/libraries/foundation-6/scss/components/_label.scss
@@ -30,11 +30,13 @@ $label-radius: $global-radius !default;
@mixin label {
display: inline-block;
padding: $label-padding;
+
+ border-radius: $label-radius;
+
font-size: $label-font-size;
line-height: 1;
white-space: nowrap;
cursor: default;
- border-radius: $label-radius;
}
@mixin foundation-label {
diff --git a/libraries/foundation-6/scss/components/_media-object.scss b/libraries/foundation-6/scss/components/_media-object.scss
index a7c74c8e..3c85f46f 100644
--- a/libraries/foundation-6/scss/components/_media-object.scss
+++ b/libraries/foundation-6/scss/components/_media-object.scss
@@ -20,8 +20,8 @@ $mediaobject-image-width-stacked: 100% !default;
/// Adds styles for a media object container.
@mixin media-object-container {
- margin-bottom: $mediaobject-margin-bottom;
display: if($global-flexbox, flex, block);
+ margin-bottom: $mediaobject-margin-bottom;
@if $global-flexbox {
flex-wrap: nowrap;
@@ -97,9 +97,8 @@ $mediaobject-image-width-stacked: 100% !default;
@include media-object-section;
@if $global-flexbox {
- // scss-lint:disable ZeroUnit
&.main-section {
- flex: 1 1 0px;
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
}
}
@else {
diff --git a/libraries/foundation-6/scss/components/_menu.scss b/libraries/foundation-6/scss/components/_menu.scss
index 566cef12..97bf21a8 100644
--- a/libraries/foundation-6/scss/components/_menu.scss
+++ b/libraries/foundation-6/scss/components/_menu.scss
@@ -30,16 +30,24 @@ $menu-item-background-active: map-get($foundation-palette, primary) !default;
/// @type Number
$menu-icon-spacing: 0.25rem !default;
+/// Background color for an hovered menu item.
+/// @type Color
+$menu-item-background-hover: $light-gray !default;
+
+/// Color for bordered menu
+/// @type Color
+$menu-border: $light-gray !default;
+
/// Creates the base styles for a Menu.
@mixin menu-base {
margin: $menu-margin;
list-style-type: none;
@if $global-flexbox {
- width: 100%;
display: flex;
flex-wrap: nowrap;
align-items: center;
+ width: 100%;
}
// List items are table cell to allow for vertical alignment
@@ -62,8 +70,10 @@ $menu-icon-spacing: 0.25rem !default;
line-height: 1;
}
+
// Reset styles of inner elements
input,
+ select,
a,
button {
margin-bottom: 0;
@@ -73,14 +83,13 @@ $menu-icon-spacing: 0.25rem !default;
/// Expands the items of a Menu, so each item is the same width.
@mixin menu-expand {
@if $global-flexbox {
- // scss-lint:disable ZeroUnit
> li {
- flex: 1 1 0px;
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
}
}
@else {
- width: 100%;
display: table;
+ width: 100%;
table-layout: fixed;
}
}
@@ -112,8 +121,8 @@ $menu-icon-spacing: 0.25rem !default;
}
> li > a {
- align-items: flex-start;
justify-content: flex-start;
+ align-items: flex-start;
}
}
@else {
@@ -130,9 +139,9 @@ $menu-icon-spacing: 0.25rem !default;
/// Creates a simple Menu, which has no padding or hover state.
@mixin menu-simple {
li {
- line-height: 1;
display: inline-block;
margin-#{$global-right}: get-side($menu-item-padding, $global-right);
+ line-height: 1;
}
a {
@@ -206,8 +215,8 @@ $menu-icon-spacing: 0.25rem !default;
}
@else {
align-self: stretch;
- text-align: center;
margin-bottom: $menu-icon-spacing;
+ text-align: center;
}
}
}
@@ -215,16 +224,17 @@ $menu-icon-spacing: 0.25rem !default;
}
@mixin menu-text {
- font-weight: bold;
- color: inherit;
- line-height: 1;
padding-top: 0;
padding-bottom: 0;
padding: $menu-item-padding;
+
+ font-weight: bold;
+ line-height: 1;
+ color: inherit;
}
@mixin foundation-menu {
- .menu {
+ .menu, .tree {
@include menu-base;
@include menu-icons;
@@ -280,6 +290,12 @@ $menu-icon-spacing: 0.25rem !default;
// Vertical icons
&.icon-top {
@include menu-icons(top, $base: false);
+ // Make vertical menu with icons on top work
+ &.vertical {
+ a > span {
+ margin: auto;
+ }
+ }
}
// Nesting
@@ -289,8 +305,25 @@ $menu-icon-spacing: 0.25rem !default;
// Active state
.active > a {
- color: $menu-item-color-active;
background: $menu-item-background-active;
+ color: $menu-item-color-active;
+ }
+
+ // Menu with border
+ &.menu-bordered {
+ li {
+ border: 1px solid $menu-border;
+ &:not(:first-child) {
+ border-top: 0;
+ }
+ }
+ }
+
+ // Menu with background hover
+ &.menu-hover {
+ li:hover {
+ background-color: $menu-item-background-hover;
+ }
}
}
diff --git a/libraries/foundation-6/scss/components/_off-canvas.scss b/libraries/foundation-6/scss/components/_off-canvas.scss
index e7175e97..505252d2 100644
--- a/libraries/foundation-6/scss/components/_off-canvas.scss
+++ b/libraries/foundation-6/scss/components/_off-canvas.scss
@@ -33,6 +33,10 @@ $offcanvas-fixed-reveal: true !default;
/// @type Color
$offcanvas-exit-background: rgba($white, 0.25) !default;
+/// Height of a vertical off-canvas menu.
+/// @type Number
+$offcanvas-vertical-size: 250px !default;
+
/// CSS class used for the main content area. The off-canvas mixins use this to target the page body.
$maincontent-class: 'off-canvas-content' !default;
@@ -49,9 +53,11 @@ $maincontent-shadow: 0 0 10px rgba($black, 0.5) !default;
}
.off-canvas-wrapper {
+ position: relative;
width: 100%;
+
overflow-x: hidden;
- position: relative;
+ overflow-y: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: auto;
}
@@ -60,18 +66,21 @@ $maincontent-shadow: 0 0 10px rgba($black, 0.5) !default;
@include clearfix;
position: relative;
width: 100%;
+ min-height: 100%;
+
transition: transform $offcanvas-transition-length $offcanvas-transition-timing;
}
// Container for page content
.off-canvas-content,
.#{$maincontent-class} {
+ z-index: 1;
min-height: 100%;
+ padding-bottom: 0.1px; // Prevents margin collapsing, which would reveal the box shadow of the wrapper
+
background: $body-background;
transition: transform $offcanvas-transition-length $offcanvas-transition-timing;
backface-visibility: hidden;
- z-index: 1;
- padding-bottom: 0.1px; // Prevents margin collapsing, which would reveal the box shadow of the wrapper
@if has-value($maincontent-shadow) {
box-shadow: $maincontent-shadow;
@@ -80,15 +89,16 @@ $maincontent-shadow: 0 0 10px rgba($black, 0.5) !default;
// Click-to-exit overlay (generated by JavaScript)
.js-off-canvas-exit {
- display: none;
position: absolute;
top: 0;
left: 0;
+ display: none;
width: 100%;
height: 100%;
+
background: $offcanvas-exit-background;
- cursor: pointer;
transition: background $offcanvas-transition-length $offcanvas-transition-timing;
+ cursor: pointer;
}
}
@@ -96,28 +106,34 @@ $maincontent-shadow: 0 0 10px rgba($black, 0.5) !default;
@mixin off-canvas-base {
@include disable-mouse-outline;
position: absolute;
- background: $offcanvas-background;
z-index: $offcanvas-zindex;
max-height: 100%;
+
+ transform: translateX(0) translateY(0);
+ background: $offcanvas-background;
overflow-y: auto;
- transform: translateX(0);
}
@mixin off-canvas-position(
$position: left,
$size: $offcanvas-size,
- $fixed: false
+ $fixed: false,
+ $vertical-size: $offcanvas-vertical-size
) {
@if $position == left {
- left: -$size;
top: 0;
+ left: -$size;
width: $size;
}
@else if $position == right {
- right: -$size;
top: 0;
+ right: -$size;
width: $size;
}
+ @else if $position == top {
+ top: -$vertical-size;
+ width: 100%;
+ }
// Generates an open state class that matches the width of the menu
@at-root {
@@ -128,6 +144,9 @@ $maincontent-shadow: 0 0 10px rgba($black, 0.5) !default;
@else if $position == right {
transform: translateX(-$size);
}
+ @else if $position == top {
+ transform: translateY($vertical-size);
+ }
}
}
}
@@ -158,6 +177,7 @@ $maincontent-shadow: 0 0 10px rgba($black, 0.5) !default;
&.position-left { @include off-canvas-position(left); }
&.position-right { @include off-canvas-position(right); }
+ &.position-top { @include off-canvas-position(top); }
}
// Reveal off-canvas menu on larger screens
@@ -171,6 +191,10 @@ $maincontent-shadow: 0 0 10px rgba($black, 0.5) !default;
.position-right.reveal-for-#{$name} {
@include off-canvas-reveal(right);
}
+
+ .position-top.reveal-for-#{$name} {
+ @include off-canvas-reveal(top);
+ }
}
}
}
diff --git a/libraries/foundation-6/scss/components/_orbit.scss b/libraries/foundation-6/scss/components/_orbit.scss
index 357c154c..1ff70018 100644
--- a/libraries/foundation-6/scss/components/_orbit.scss
+++ b/libraries/foundation-6/scss/components/_orbit.scss
@@ -58,15 +58,15 @@ $orbit-control-zindex: 10 !default;
/// Adds styles for the inner Orbit slide container. These styles are used on the `.orbit-container` class.
@mixin orbit-container {
position: relative;
+ height: 0; // Prevent FOUC by not showing until JS sets height
margin: 0;
- overflow: hidden;
list-style: none;
+ overflow: hidden;
}
/// Adds styles for the individual slides of an Orbit slider. These styles are used on the `.orbit-slide` class.
@mixin orbit-slide {
width: 100%;
- max-height: 100%;
&.no-motionui {
&.is-active {
@@ -80,10 +80,11 @@ $orbit-control-zindex: 10 !default;
margin: 0;
}
+/// Adds styles for a slide containing an image. These styles are used on the `.orbit-image` class.
@mixin orbit-image {
- margin: 0;
width: 100%;
max-width: 100%;
+ margin: 0;
}
/// Adds styles for an orbit slide caption. These styles are used on the `.orbit-caption` class.
@@ -91,10 +92,11 @@ $orbit-control-zindex: 10 !default;
position: absolute;
bottom: 0;
width: 100%;
- padding: $orbit-caption-padding;
margin-bottom: 0;
- color: foreground($orbit-caption-background);
+ padding: $orbit-caption-padding;
+
background-color: $orbit-caption-background;
+ color: foreground($orbit-caption-background);
}
/// Adds base styles for the next/previous buttons in an Orbit slider. These styles are shared between the `.orbit-next` and `.orbit-previous` classes in the default CSS.
@@ -135,8 +137,9 @@ $orbit-control-zindex: 10 !default;
width: $orbit-bullet-diameter;
height: $orbit-bullet-diameter;
margin: $orbit-bullet-margin;
- background-color: $orbit-bullet-background;
+
border-radius: 50%;
+ background-color: $orbit-bullet-background;
&:hover {
background-color: $orbit-bullet-background-active;
diff --git a/libraries/foundation-6/scss/components/_pagination.scss b/libraries/foundation-6/scss/components/_pagination.scss
index 6f1f23b1..288041f7 100644
--- a/libraries/foundation-6/scss/components/_pagination.scss
+++ b/libraries/foundation-6/scss/components/_pagination.scss
@@ -10,7 +10,7 @@
/// @type Number
$pagination-font-size: rem-calc(14) !default;
-/// Default bottom margin of the media object.
+/// Default bottom margin of the pagination object.
/// @type Number
$pagination-margin-bottom: $global-margin !default;
@@ -50,10 +50,17 @@ $pagination-item-color-disabled: $medium-gray !default;
/// @type Color
$pagination-ellipsis-color: $black !default;
-/// If `false`, don't display page number links on mobile, only next/previous links.
+/// If `false`, don't display page number links on mobile, only next/previous links
+/// and optionally current page number.
/// @type Boolean
$pagination-mobile-items: false !default;
+/// If `true`, display the current page number on mobile even if `$pagination-mobile-items` is set to `false`.
+/// This parameter will only override the visibility setting of the current item for `$pagination-mobile-items: false;`,
+/// it will not affect the current page number visibility when `$pagination-mobile-items` is set to `true`.
+/// @type Boolean
+$pagination-mobile-current-item: false !default;
+
/// If `true`, arrows are added to the next and previous links of pagination.
/// @type Boolean
$pagination-arrows: true !default;
@@ -66,9 +73,9 @@ $pagination-arrows: true !default;
// List item
li {
- font-size: $pagination-font-size;
margin-#{$global-right}: $pagination-item-spacing;
border-radius: $pagination-radius;
+ font-size: $pagination-font-size;
@if $pagination-mobile-items {
display: inline-block;
@@ -81,6 +88,12 @@ $pagination-arrows: true !default;
display: inline-block;
}
+ @if $pagination-mobile-current-item {
+ &.current {
+ display: inline-block;
+ }
+ }
+
@include breakpoint(medium) {
display: inline-block;
}
@@ -90,10 +103,10 @@ $pagination-arrows: true !default;
// Page links
a,
button {
- color: $pagination-item-color;
display: block;
padding: $pagination-item-padding;
border-radius: $global-radius;
+ color: $pagination-item-color;
&:hover {
background: $pagination-item-background-hover;
@@ -122,8 +135,8 @@ $pagination-arrows: true !default;
/// Adds styles for an ellipsis for use in a pagination list.
@mixin pagination-ellipsis {
- content: '\2026';
padding: $pagination-item-padding;
+ content: '\2026';
color: $pagination-ellipsis-color;
}
@@ -147,16 +160,16 @@ $pagination-arrows: true !default;
@if $pagination-arrows {
.pagination-previous a::before,
.pagination-previous.disabled::before {
- content: '\00ab';
display: inline-block;
margin-#{$global-right}: 0.5rem;
+ content: '\00ab';
}
.pagination-next a::after,
.pagination-next.disabled::after {
- content: '\00bb';
display: inline-block;
margin-#{$global-left}: 0.5rem;
+ content: '\00bb';
}
}
}
diff --git a/libraries/foundation-6/scss/components/_progress-bar.scss b/libraries/foundation-6/scss/components/_progress-bar.scss
index e74a0c1f..342cfe6c 100644
--- a/libraries/foundation-6/scss/components/_progress-bar.scss
+++ b/libraries/foundation-6/scss/components/_progress-bar.scss
@@ -4,10 +4,10 @@
/// Adds styles for a progress bar container.
@mixin progress-container {
- background-color: $progress-background;
height: $progress-height;
margin-bottom: $progress-margin-bottom;
border-radius: $progress-radius;
+ background-color: $progress-background;
}
/// Adds styles for the inner meter of a progress bar.
diff --git a/libraries/foundation-6/scss/components/_responsive-embed.scss b/libraries/foundation-6/scss/components/_responsive-embed.scss
new file mode 100644
index 00000000..a476c149
--- /dev/null
+++ b/libraries/foundation-6/scss/components/_responsive-embed.scss
@@ -0,0 +1,84 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group responsive-embed
+////
+
+/// Margin below a responsive embed container.
+/// @type Number
+$responsive-embed-margin-bottom: rem-calc(16) !default;
+
+/// Padding used to create a 4:3 aspect ratio.
+/// @type Number
+$responsive-embed-ratio: 4 by 3 !default;
+
+/// Padding used to create a 16:9 aspect ratio.
+/// @type Number
+$responsive-embed-ratio-widescreen: 16 by 9 !default;
+
+/// Creates a percentage height that can be used as padding in a responsive embed container.
+/// @param {List} $ratio - Ratio to use to calculate the height, formatted as `x by y`.
+/// @return {Number} A percentage value that can be used as the `padding-bottom` parameter of a responsive embed container.
+@function responsive-embed($ratio) {
+ $w: nth($ratio, 1);
+ $h: nth($ratio, 3);
+ @return $h / $w * 100%;
+}
+
+/// Creates a responsive embed container.
+/// @param {List} $ratio [$responsive-embed-ratio] - Ratio to use for the container, formatted as `x by y`.
+@mixin responsive-embed($ratio: $responsive-embed-ratio) {
+ position: relative;
+ height: 0;
+ margin-bottom: $responsive-embed-margin-bottom;
+ padding-bottom: responsive-embed($ratio);
+ overflow: hidden;
+
+ iframe,
+ object,
+ embed,
+ video {
+ position: absolute;
+ top: 0;
+ #{$global-left}: 0;
+ width: 100%;
+ height: 100%;
+ }
+}
+
+@mixin foundation-responsive-embed {
+ .responsive-embed, .flex-video {
+ @include responsive-embed;
+
+ &.widescreen {
+ padding-bottom: responsive-embed($responsive-embed-ratio-widescreen);
+ }
+ }
+}
+
+@mixin foundation-flex-video {
+ @warn 'This mixin is being replaced by foundation-responsive-embed(). foundation-flex-video() will be removed in Foundation 6.4.';
+ @include foundation-responsive-embed;
+}
+
+@mixin flex-video($ratio: $responsive-embed-ratio) {
+ @warn 'This mixin is being replaced by responsive-embed(). flex-video() will be removed in Foundation 6.4.';
+ position: relative;
+ height: 0;
+ margin-bottom: $responsive-embed-margin-bottom;
+ padding-bottom: responsive-embed($ratio);
+ overflow: hidden;
+
+ iframe,
+ object,
+ embed,
+ video {
+ position: absolute;
+ top: 0;
+ #{$global-left}: 0;
+ width: 100%;
+ height: 100%;
+ }
+}
diff --git a/libraries/foundation-6/scss/components/_reveal.scss b/libraries/foundation-6/scss/components/_reveal.scss
index cac8b944..c226a19a 100644
--- a/libraries/foundation-6/scss/components/_reveal.scss
+++ b/libraries/foundation-6/scss/components/_reveal.scss
@@ -40,27 +40,30 @@ $reveal-overlay-background: rgba($black, 0.45) !default;
/// Adds styles for a modal overlay.
/// @param {Color} $background [$reveal-overlay-background] - Background color of the overlay.
-@mixin reveal-overlay {
- display: none;
+@mixin reveal-overlay($background: $reveal-overlay-background) {
position: fixed;
top: 0;
+ right: 0;
bottom: 0;
left: 0;
- right: 0;
z-index: $reveal-zindex;
- background-color: $reveal-overlay-background;
+
+ display: none;
+ background-color: $background;
overflow-y: scroll;
}
/// Adds base styles for a modal.
@mixin reveal-modal-base {
@include disable-mouse-outline;
- display: none;
z-index: $reveal-zindex + 1;
+
+ display: none;
padding: $reveal-padding;
+
border: $reveal-border;
- background-color: $reveal-background;
border-radius: $reveal-radius;
+ background-color: $reveal-background;
@include breakpoint(medium) {
min-height: 0;
@@ -94,29 +97,30 @@ $reveal-overlay-background: rgba($black, 0.45) !default;
/// Creates a full-screen modal, which stretches the full width and height of the window.
@mixin reveal-modal-fullscreen {
- // scss-lint:disable DuplicateProperty
top: 0;
left: 0;
+
width: 100%;
+ max-width: none;
height: 100%;
- height: 100vh;
+ height: 100vh; // sass-lint:disable-line no-duplicate-properties
min-height: 100vh;
- max-width: none;
margin-left: 0;
+
border: 0;
border-radius: 0;
}
@mixin foundation-reveal {
// [TODO] Is this necessary?
- // scss-lint:disable QualifyingElement
- body.is-reveal-open {
+ body.is-reveal-open { // sass-lint:disable-line no-qualifying-elements
overflow: hidden;
}
+
// html gets this class only in iOS
html.is-reveal-open,
html.is-reveal-open body {
- height: 100%;
+ min-height: 100%;
overflow: hidden;
user-select: none;
}
@@ -132,16 +136,16 @@ $reveal-overlay-background: rgba($black, 0.45) !default;
@include reveal-modal-width($reveal-width);
position: relative;
top: 100px;
- margin-left: auto;
margin-right: auto;
+ margin-left: auto;
overflow-y: auto;
// Placeholder selector for medium-and-up modals
// Prevents duplicate CSS when defining multiple Reveal sizes
@include breakpoint(medium) {
%reveal-centered {
- left: auto;
right: auto;
+ left: auto;
margin: 0 auto;
}
}
diff --git a/libraries/foundation-6/scss/components/_slider.scss b/libraries/foundation-6/scss/components/_slider.scss
index 7813e97f..25b28d44 100644
--- a/libraries/foundation-6/scss/components/_slider.scss
+++ b/libraries/foundation-6/scss/components/_slider.scss
@@ -23,6 +23,7 @@ $slider-transition: all 0.2s ease-in-out !default;
height: $slider-height;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
+
background-color: $slider-background;
cursor: pointer;
user-select: none;
@@ -34,9 +35,11 @@ $slider-transition: all 0.2s ease-in-out !default;
position: absolute;
top: 0;
left: 0;
+
display: inline-block;
max-width: 100%;
height: $slider-height;
+
background-color: $slider-fill-background;
transition: $slider-transition;
@@ -52,13 +55,15 @@ $slider-transition: all 0.2s ease-in-out !default;
position: absolute;
left: 0;
z-index: 1;
+
display: inline-block;
width: $slider-handle-width;
height: $slider-handle-height;
+
+ border-radius: $slider-radius;
background-color: $slider-handle-background;
transition: $slider-transition;
touch-action: manipulation;
- border-radius: $slider-radius;
&:hover {
background-color: scale-color($slider-handle-background, $lightness: -15%);
diff --git a/libraries/foundation-6/scss/components/_sticky.scss b/libraries/foundation-6/scss/components/_sticky.scss
index 0273603c..90d65731 100644
--- a/libraries/foundation-6/scss/components/_sticky.scss
+++ b/libraries/foundation-6/scss/components/_sticky.scss
@@ -8,7 +8,7 @@
}
.sticky {
- position: absolute;
+ position: relative;
z-index: 0;
transform: translate3d(0, 0, 0);
}
@@ -27,9 +27,9 @@
}
.sticky.is-anchored {
- position: absolute;
- left: auto;
+ position: relative;
right: auto;
+ left: auto;
&.is-at-bottom {
bottom: 0;
diff --git a/libraries/foundation-6/scss/components/_switch.scss b/libraries/foundation-6/scss/components/_switch.scss
index e38a4e13..a2211c6e 100644
--- a/libraries/foundation-6/scss/components/_switch.scss
+++ b/libraries/foundation-6/scss/components/_switch.scss
@@ -60,38 +60,46 @@ $switch-paddle-transition: all 0.25s ease-out !default;
/// Adds styles for a switch container. Apply this to a container class.
@mixin switch-container {
+ position: relative;
margin-bottom: $switch-margin;
outline: 0;
- position: relative;
- user-select: none;
// These properties cascade down to the switch text
- color: $white;
- font-weight: bold;
font-size: rem-calc(14);
+ font-weight: bold;
+ color: $white;
+
+ user-select: none;
}
/// Adds styles for a switch input. Apply this to an `<input>` within a switch.
@mixin switch-input {
- opacity: 0;
position: absolute;
margin-bottom: 0;
+ opacity: 0;
}
/// Adds styles for the background and paddle of a switch. Apply this to a `<label>` within a switch.
@mixin switch-paddle {
- background: $switch-background;
- cursor: pointer;
- display: block;
+ $switch-width: $switch-height * 2;
+ $paddle-height: $switch-height - ($switch-paddle-offset * 2);
+ $paddle-width: $switch-height - ($switch-paddle-offset * 2);
+ $paddle-active-offest: $switch-width - $paddle-width - $switch-paddle-offset;
+
position: relative;
- width: 4rem;
+ display: block;
+ width: $switch-width;
height: $switch-height;
- transition: $switch-paddle-transition;
+
border-radius: $switch-radius;
+ background: $switch-background;
+ transition: $switch-paddle-transition;
// Resetting these <label> presets so type styles cascade down
- color: inherit;
font-weight: inherit;
+ color: inherit;
+
+ cursor: pointer;
// Needed to override specificity
input + & {
@@ -100,17 +108,19 @@ $switch-paddle-transition: all 0.25s ease-out !default;
// The paddle itself
&::after {
- background: $switch-paddle-background;
- content: '';
- display: block;
position: absolute;
- height: 1.5rem;
- #{$global-left}: 0.25rem;
- top: 0.25rem;
- width: 1.5rem;
- transition: $switch-paddle-transition;
+ top: $switch-paddle-offset;
+ #{$global-left}: $switch-paddle-offset;
+
+ display: block;
+ width: $paddle-width;
+ height: $paddle-height;
+
transform: translate3d(0, 0, 0);
border-radius: $switch-paddle-radius;
+ background: $switch-paddle-background;
+ transition: $switch-paddle-transition;
+ content: '';
}
// Change the visual style when the switch is active
@@ -118,7 +128,7 @@ $switch-paddle-transition: all 0.25s ease-out !default;
background: $switch-background-active;
&::after {
- #{$global-left}: 2.25rem;
+ #{$global-left}: $paddle-active-offest;
}
}
@@ -155,35 +165,36 @@ $switch-paddle-transition: all 0.25s ease-out !default;
/// Changes the size of a switch by modifying the size of the body and paddle. Apply this to a switch container.
/// @param {Number} $font-size [1rem] - Font size of label text within the switch.
-/// @param {Number} $width [4rem] - Width of the switch body.
-/// @param {Number} $height [2rem] - Height of the switch body.
-/// @param {Number} $paddle-width [1.5rem] - Width of the switch paddle.
+/// @param {Number} $switch-height [2rem] - Height of the switch body.
/// @param {Number} $paddle-offset [0.25rem] - Spacing between the switch paddle and the edge of the switch body.
@mixin switch-size(
$font-size: 1rem,
- $width: 4rem,
- $height: 2rem,
- $paddle-width: 1.5rem,
+ $switch-height: 2rem,
$paddle-offset: 0.25rem
) {
- $paddle-height: $height - ($paddle-offset * 2);
- $paddle-left-active: $width - $paddle-width - $paddle-offset;
- height: $height;
-
+ $switch-width: $switch-height * 2;
+ $paddle-width: $switch-height - ($paddle-offset * 2);
+ $paddle-height: $switch-height - ($paddle-offset * 2);
+ $paddle-active-offest: $switch-width - $paddle-width - $paddle-offset;
+
+ height: $switch-height;
+
.switch-paddle {
- width: $width;
- height: $height;
+ width: $switch-width;
+ height: $switch-height;
font-size: $font-size;
}
.switch-paddle::after {
+ top: $paddle-offset;
+ #{$global-left}: $paddle-offset;
width: $paddle-width;
height: $paddle-height;
}
input:checked ~ .switch-paddle::after {
- #{$global-left}: $paddle-left-active;
+ #{$global-left}: $paddle-active-offest;
}
}
@@ -223,14 +234,14 @@ $switch-paddle-transition: all 0.25s ease-out !default;
// Switch sizes
.switch.tiny {
- @include switch-size(rem-calc(10), 3rem, $switch-height-tiny, 1rem, $switch-paddle-offset);
+ @include switch-size(rem-calc(10), $switch-height-tiny, $switch-paddle-offset);
}
.switch.small {
- @include switch-size(rem-calc(12), 3.5rem, $switch-height-small, 1.25rem, $switch-paddle-offset);
+ @include switch-size(rem-calc(12), $switch-height-small, $switch-paddle-offset);
}
.switch.large {
- @include switch-size(rem-calc(16), 5rem, $switch-height-large, 2rem, $switch-paddle-offset);
+ @include switch-size(rem-calc(16), $switch-height-large, $switch-paddle-offset);
}
}
diff --git a/libraries/foundation-6/scss/components/_table.scss b/libraries/foundation-6/scss/components/_table.scss
index 1e25b20a..388f1d73 100644
--- a/libraries/foundation-6/scss/components/_table.scss
+++ b/libraries/foundation-6/scss/components/_table.scss
@@ -2,7 +2,7 @@
// foundation.zurb.com
// Licensed under MIT Open Source
-// scss-lint:disable MergeableSelector, QualifyingElement
+// sass-lint:disable force-element-nesting, no-qualifying-elements
////
/// @group table
@@ -36,6 +36,10 @@ $table-row-hover: darken($table-background, $table-hover-scale) !default;
/// @type List
$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale) !default;
+/// If `true`, tables are striped by default and an .unstriped class is created. If `false`, a .striped class is created.
+/// @type Boolean
+$table-is-striped: true !default;
+
/// Default background color for striped rows.
/// @type Color
$table-striped-background: smart-scale($table-background, $table-color-scale) !default;
@@ -48,10 +52,18 @@ $table-stripe: even !default;
/// @type Color
$table-head-background: smart-scale($table-background, $table-color-scale / 2) !default;
+/// Default color of header rows on hover.
+/// @type List
+$table-head-row-hover: darken($table-head-background, $table-hover-scale) !default;
+
/// Default color for footer background.
/// @type Color
$table-foot-background: smart-scale($table-background, $table-color-scale) !default;
+/// Default color of footer rows on hover.
+/// @type List
+$table-foot-row-hover: darken($table-foot-background, $table-hover-scale) !default;
+
/// Default font color for header.
/// @type Color
$table-head-font-color: $body-font-color !default;
@@ -64,7 +76,34 @@ $table-foot-font-color: $body-font-color !default;
/// @type Boolean
$show-header-for-stacked: false !default;
-@mixin -zf-table-children-styles($stripe: $table-stripe) {
+@mixin -zf-table-stripe($stripe: $table-stripe) {
+ tr {
+ // If stripe is set to even, darken the even rows.
+ @if $stripe == even {
+ &:nth-child(even) {
+ border-bottom: 0;
+ background-color: $table-striped-background;
+ }
+ }
+
+ // If stripe is set to odd, darken the odd rows.
+ @else if $stripe == odd {
+ &:nth-child(odd) {
+ background-color: $table-striped-background;
+ }
+ }
+ }
+}
+
+@mixin -zf-table-unstripe() {
+ tr {
+ border-bottom: 0;
+ border-bottom: $table-border;
+ background-color: $table-background;
+ }
+}
+
+@mixin -zf-table-children-styles($stripe: $table-stripe, $is-striped: $table-is-striped) {
thead,
tbody,
tfoot {
@@ -74,10 +113,10 @@ $show-header-for-stacked: false !default;
// Caption
caption {
- font-weight: $global-weight-bold;
padding: $table-padding;
+ font-weight: $global-weight-bold;
}
-
+
// Table head
thead {
background: $table-head-background;
@@ -109,25 +148,36 @@ $show-header-for-stacked: false !default;
// Table rows
tbody {
- tr {
- // If stripe is set to even, darken the even rows.
- @if $stripe == even {
- &:nth-child(even) {
- background-color: $table-striped-background;
- }
- }
+ th,
+ td {
+ padding: $table-padding;
+ }
+ }
- // If stripe is set to odd, darken the odd rows.
- @else if $stripe == odd {
- &:nth-child(odd) {
- background-color: $table-striped-background;
- }
+ // If tables are striped
+ @if $is-striped == true {
+ tbody {
+ @include -zf-table-stripe($stripe);
+ }
+
+ &.unstriped {
+ tbody {
+ @include -zf-table-unstripe();
+ background-color: $table-background;
}
}
+ }
- th,
- td {
- padding: $table-padding;
+ // If tables are not striped
+ @else if $is-striped == false {
+ tbody {
+ @include -zf-table-unstripe();
+ }
+
+ &.striped {
+ tbody {
+ @include -zf-table-stripe($stripe);
+ }
}
}
}
@@ -161,22 +211,54 @@ $show-header-for-stacked: false !default;
/// Slightly darkens the table rows on hover.
@mixin table-hover {
- tr {
+ thead tr {
+ //Darkens the table header rows on hover.
+ &:hover {
+ background-color: $table-head-row-hover;
+ }
+ }
+
+ tfoot tr {
+ //Darkens the table footer rows on hover.
+ &:hover {
+ background-color: $table-foot-row-hover;
+ }
+ }
+
+ tbody tr {
//Darkens the non-striped table rows on hover.
&:hover {
background-color: $table-row-hover;
}
+ }
+
+ @if $table-is-striped == true {
+ // Darkens the even striped table rows.
+ @if($table-stripe == even) {
+ &:not(.unstriped) tr:nth-of-type(even):hover {
+ background-color: $table-row-stripe-hover;
+ }
+ }
+
+ // Darkens the odd striped table rows.
+ @elseif($table-stripe == odd) {
+ &:not(.unstriped) tr:nth-of-type(odd):hover {
+ background-color: $table-row-stripe-hover;
+ }
+ }
+ }
- //Darkens the even striped table rows.
+ @else if $table-is-striped == false {
+ // Darkens the even striped table rows.
@if($table-stripe == even) {
- &:nth-of-type(even):hover {
+ &.striped tr:nth-of-type(even):hover {
background-color: $table-row-stripe-hover;
}
}
- //Darkens the odd striped table rows.
+ // Darkens the odd striped table rows.
@elseif($table-stripe == odd) {
- &:nth-of-type(odd):hover {
+ &.striped tr:nth-of-type(odd):hover {
background-color: $table-row-stripe-hover;
}
}
diff --git a/libraries/foundation-6/scss/components/_tabs.scss b/libraries/foundation-6/scss/components/_tabs.scss
index 1e545ef5..c7992849 100644
--- a/libraries/foundation-6/scss/components/_tabs.scss
+++ b/libraries/foundation-6/scss/components/_tabs.scss
@@ -53,17 +53,17 @@ $tab-content-padding: 1rem !default;
@mixin tabs-container {
@include clearfix;
margin: $tab-margin;
- list-style-type: none;
- background: $tab-background;
border: 1px solid $tab-content-border;
+ background: $tab-background;
+ list-style-type: none;
}
/// Augments a tab container to have vertical tabs. Use this in conjunction with `tabs-container()`.
@mixin tabs-container-vertical {
> li {
- width: auto;
- float: none;
display: block;
+ float: none;
+ width: auto;
}
}
@@ -74,8 +74,8 @@ $tab-content-padding: 1rem !default;
> a {
display: block;
padding: $tab-item-padding;
- line-height: 1;
font-size: $tab-item-font-size;
+ line-height: 1;
&:hover {
background: $tab-item-background-hover;
@@ -90,10 +90,10 @@ $tab-content-padding: 1rem !default;
/// Adds styles for the wrapper that surrounds a tab group's content panes.
@mixin tabs-content {
- background: $tab-content-background;
- transition: all 0.5s ease;
border: 1px solid $tab-content-border;
border-top: 0;
+ background: $tab-content-background;
+ transition: all 0.5s ease;
}
/// Augments a tab content container to have a vertical style, by shifting the border around. Use this in conjunction with `tabs-content()`.
@@ -107,7 +107,7 @@ $tab-content-padding: 1rem !default;
display: none;
padding: $tab-content-padding;
- &.is-active {
+ &[aria-hidden="false"] {
display: block;
}
}
diff --git a/libraries/foundation-6/scss/components/_thumbnail.scss b/libraries/foundation-6/scss/components/_thumbnail.scss
index d6b12d54..2ce42b31 100644
--- a/libraries/foundation-6/scss/components/_thumbnail.scss
+++ b/libraries/foundation-6/scss/components/_thumbnail.scss
@@ -32,23 +32,36 @@ $thumbnail-radius: $global-radius !default;
/// Adds thumbnail styles to an element.
@mixin thumbnail {
+ display: inline-block;
+ max-width: 100%;
+ margin-bottom: $thumbnail-margin-bottom;
+
border: $thumbnail-border;
+ border-radius: $thumbnail-radius;
box-shadow: $thumbnail-shadow;
- display: inline-block;
+
line-height: 0;
- max-width: 100%;
+}
+
+@mixin thumbnail-link {
transition: $thumbnail-transition;
- border-radius: $thumbnail-radius;
- margin-bottom: $thumbnail-margin-bottom;
&:hover,
&:focus {
box-shadow: $thumbnail-shadow-hover;
}
+
+ image {
+ box-shadow: none;
+ }
}
@mixin foundation-thumbnail {
.thumbnail {
@include thumbnail;
}
+
+ a.thumbnail {
+ @include thumbnail-link;
+ }
}
diff --git a/libraries/foundation-6/scss/components/_title-bar.scss b/libraries/foundation-6/scss/components/_title-bar.scss
index 14b5eb06..de754c7f 100644
--- a/libraries/foundation-6/scss/components/_title-bar.scss
+++ b/libraries/foundation-6/scss/components/_title-bar.scss
@@ -36,14 +36,14 @@ $titlebar-icon-spacing: 0.25rem !default;
@mixin foundation-title-bar {
.title-bar {
+ padding: $titlebar-padding;
background: $titlebar-background;
color: $titlebar-color;
- padding: $titlebar-padding;
@if $global-flexbox {
display: flex;
- align-items: center;
justify-content: space-between;
+ align-items: center;
}
@else {
@include clearfix;
@@ -56,10 +56,9 @@ $titlebar-icon-spacing: 0.25rem !default;
}
@if $global-flexbox {
- // scss-lint:disable ZeroUnit
.title-bar-left,
.title-bar-right {
- flex: 1 1 0px;
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
}
.title-bar-right {
@@ -78,12 +77,8 @@ $titlebar-icon-spacing: 0.25rem !default;
}
.title-bar-title {
- font-weight: $titlebar-text-font-weight;
- vertical-align: middle;
display: inline-block;
- }
-
- .menu-icon.dark {
- @include hamburger;
+ vertical-align: middle;
+ font-weight: $titlebar-text-font-weight;
}
}
diff --git a/libraries/foundation-6/scss/components/_tooltip.scss b/libraries/foundation-6/scss/components/_tooltip.scss
index 5afd5ec0..2e4265c4 100644
--- a/libraries/foundation-6/scss/components/_tooltip.scss
+++ b/libraries/foundation-6/scss/components/_tooltip.scss
@@ -43,28 +43,31 @@ $tooltip-pip-height: $tooltip-pip-width * 0.866 !default;
$tooltip-radius: $global-radius !default;
@mixin has-tip {
- border-bottom: $has-tip-border-bottom;
- font-weight: $has-tip-font-weight;
position: relative;
display: inline-block;
+
+ border-bottom: $has-tip-border-bottom;
+ font-weight: $has-tip-font-weight;
cursor: help;
}
@mixin tooltip {
- background-color: $tooltip-background-color;
- color: $tooltip-color;
- font-size: $tooltip-font-size;
- padding: $tooltip-padding;
position: absolute;
- z-index: 10;
top: calc(100% + #{$tooltip-pip-height});
+ z-index: 1200;
+
max-width: 10rem !important;
+ padding: $tooltip-padding;
+
border-radius: $tooltip-radius;
+ background-color: $tooltip-background-color;
+ font-size: $tooltip-font-size;
+ color: $tooltip-color;
&::before {
@include css-triangle($tooltip-pip-width, $tooltip-background-color, up);
- bottom: 100%;
position: absolute;
+ bottom: 100%;
left: 50%;
transform: translateX(-50%);
}
@@ -77,18 +80,18 @@ $tooltip-radius: $global-radius !default;
&.left::before {
@include css-triangle($tooltip-pip-width, $tooltip-background-color, right);
+ top: 50%;
bottom: auto;
left: 100%;
- top: 50%;
transform: translateY(-50%);
}
&.right::before {
@include css-triangle($tooltip-pip-width, $tooltip-background-color, left);
+ top: 50%;
+ right: 100%;
bottom: auto;
left: auto;
- right: 100%;
- top: 50%;
transform: translateY(-50%);
}
}
diff --git a/libraries/foundation-6/scss/components/_top-bar.scss b/libraries/foundation-6/scss/components/_top-bar.scss
index f56d3d04..05c1936b 100644
--- a/libraries/foundation-6/scss/components/_top-bar.scss
+++ b/libraries/foundation-6/scss/components/_top-bar.scss
@@ -20,7 +20,7 @@ $topbar-submenu-background: $topbar-background !default;
/// Spacing for the top bar title.
/// @type Number
-$topbar-title-spacing: 1rem !default;
+$topbar-title-spacing: 0.45rem 1rem 0 1rem !default;
/// Maximum width of `<input>` elements inside the top bar.
/// @type Number
@@ -34,9 +34,9 @@ $topbar-unstack-breakpoint: medium !default;
@mixin top-bar-container {
@if $global-flexbox {
display: flex;
- align-items: center;
- justify-content: space-between;
flex-wrap: nowrap;
+ justify-content: space-between;
+ align-items: center;
}
@else {
@include clearfix;
@@ -68,8 +68,7 @@ $topbar-unstack-breakpoint: medium !default;
margin-#{$global-right}: 0;
}
- // scss-lint:disable QualifyingElement
- input.button {
+ input.button { // sass-lint:disable-line no-qualifying-elements
width: auto;
}
}
@@ -100,10 +99,12 @@ $topbar-unstack-breakpoint: medium !default;
@if $global-flexbox {
flex-wrap: nowrap;
- // scss-lint:disable ZeroUnit
- .top-bar-left,
+ .top-bar-left {
+ flex: 1 1 auto;
+ }
+
.top-bar-right {
- flex: 1 1 0px;
+ flex: 0 1 auto;
}
}
@else {
@@ -142,7 +143,7 @@ $topbar-unstack-breakpoint: medium !default;
@if $global-flexbox {
.top-bar-title {
flex: 0 0 auto;
- margin-right: $topbar-title-spacing;
+ margin: $topbar-title-spacing;
}
.top-bar-left,
@@ -152,9 +153,9 @@ $topbar-unstack-breakpoint: medium !default;
}
@else {
.top-bar-title {
+ display: inline-block;
float: left;
- margin-right: $topbar-title-spacing;
-
+ margin: $topbar-title-spacing;
}
.top-bar-left {
diff --git a/libraries/foundation-6/scss/forms/_checkbox.scss b/libraries/foundation-6/scss/forms/_checkbox.scss
index 0c388cd3..60e8bfc1 100644
--- a/libraries/foundation-6/scss/forms/_checkbox.scss
+++ b/libraries/foundation-6/scss/forms/_checkbox.scss
@@ -17,10 +17,11 @@
[type='checkbox'] + label,
[type='radio'] + label {
display: inline-block;
+ vertical-align: baseline;
+
margin-#{$global-left}: $form-spacing * 0.5;
margin-#{$global-right}: $form-spacing;
margin-bottom: 0;
- vertical-align: baseline;
&[for] {
cursor: pointer;
diff --git a/libraries/foundation-6/scss/forms/_error.scss b/libraries/foundation-6/scss/forms/_error.scss
index 792182d4..84ba398c 100644
--- a/libraries/foundation-6/scss/forms/_error.scss
+++ b/libraries/foundation-6/scss/forms/_error.scss
@@ -43,8 +43,8 @@ $input-error-font-weight: $global-weight-bold !default;
$background-alpha: 0.1
) {
&:not(:focus) {
- background-color: rgba($background, $background-alpha);
border-color: $background;
+ background-color: rgba($background, $background-alpha);
}
}
@@ -53,6 +53,7 @@ $input-error-font-weight: $global-weight-bold !default;
display: none;
margin-top: $form-spacing * -0.5;
margin-bottom: $form-spacing;
+
font-size: $input-error-font-size;
font-weight: $input-error-font-weight;
color: $input-error-color;
diff --git a/libraries/foundation-6/scss/forms/_fieldset.scss b/libraries/foundation-6/scss/forms/_fieldset.scss
index 875706d2..8ba4c83d 100644
--- a/libraries/foundation-6/scss/forms/_fieldset.scss
+++ b/libraries/foundation-6/scss/forms/_fieldset.scss
@@ -23,29 +23,29 @@ $fieldset-margin: rem-calc(18 0) !default;
$legend-padding: rem-calc(0 3) !default;
@mixin fieldset {
- border: $fieldset-border;
- padding: $fieldset-padding;
margin: $fieldset-margin;
+ padding: $fieldset-padding;
+ border: $fieldset-border;
legend {
// Covers up the fieldset's border to create artificial padding
- background: $body-background;
- padding: $legend-padding;
margin: 0;
margin-#{$global-left}: rem-calc(-3);
+ padding: $legend-padding;
+ background: $body-background;
}
}
@mixin foundation-form-fieldset {
fieldset {
- border: 0;
- padding: 0;
margin: 0;
+ padding: 0;
+ border: 0;
}
legend {
- margin-bottom: $form-spacing * 0.5;
max-width: 100%;
+ margin-bottom: $form-spacing * 0.5;
}
.fieldset {
diff --git a/libraries/foundation-6/scss/forms/_input-group.scss b/libraries/foundation-6/scss/forms/_input-group.scss
index 04a86ae5..33995a7c 100644
--- a/libraries/foundation-6/scss/forms/_input-group.scss
+++ b/libraries/foundation-6/scss/forms/_input-group.scss
@@ -34,12 +34,12 @@ $input-prefix-padding: 1rem !default;
}
> :first-child {
- border-radius: if($global-text-direction == rtl, 0 $global-radius $global-radius 0, $global-radius 0 0 $global-radius);
+ border-radius: if($global-text-direction == rtl, 0 $input-radius $input-radius 0, $input-radius 0 0 $input-radius);
}
> :last-child {
> * {
- border-radius: if($global-text-direction == rtl, $global-radius 0 0 $global-radius, 0 $global-radius $global-radius 0);
+ border-radius: if($global-text-direction == rtl, $input-radius 0 0 $input-radius, 0 $input-radius $input-radius 0);
}
}
}
@@ -56,16 +56,17 @@ $input-prefix-padding: 1rem !default;
.input-group-label {
@extend %input-group-child;
- text-align: center;
padding: 0 $input-prefix-padding;
+ border: $input-prefix-border;
background: $input-prefix-background;
+
color: $input-prefix-color;
- border: $input-prefix-border;
+ text-align: center;
white-space: nowrap;
@if $global-flexbox {
- flex: 0 0 auto;
display: flex;
+ flex: 0 0 auto;
align-items: center;
}
@else {
@@ -88,10 +89,8 @@ $input-prefix-padding: 1rem !default;
@extend %input-group-child;
border-radius: 0;
- // scss-lint:disable ZeroUnit
@if $global-flexbox {
- flex: 1 1 0px;
- width: auto;
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
height: auto;
}
@else {
@@ -109,20 +108,27 @@ $input-prefix-padding: 1rem !default;
flex: 0 0 auto;
}
@else {
- height: 100%;
width: 1%;
+ height: 100%;
}
a,
input,
- button {
- margin: 0;
+ button,
+ label {
+ @extend %input-group-child;
+ height: $height;
+ padding-top: 0;
+ padding-bottom: 0;
+
+ font-size: $input-font-size;
}
}
// Specificity bump needed to prevent override by buttons
- // scss-lint:disable QualifyingSelector
- .input-group .input-group-button {
- display: table-cell;
+ @if not $global-flexbox {
+ .input-group .input-group-button {
+ display: table-cell;
+ }
}
}
diff --git a/libraries/foundation-6/scss/forms/_label.scss b/libraries/foundation-6/scss/forms/_label.scss
index ef44a528..1c388519 100644
--- a/libraries/foundation-6/scss/forms/_label.scss
+++ b/libraries/foundation-6/scss/forms/_label.scss
@@ -25,6 +25,7 @@ $form-label-line-height: 1.8 !default;
@mixin form-label {
display: block;
margin: 0;
+
font-size: $form-label-font-size;
font-weight: $form-label-font-weight;
line-height: $form-label-line-height;
@@ -33,6 +34,7 @@ $form-label-line-height: 1.8 !default;
@mixin form-label-middle {
$input-border-width: get-border-value($input-border, width);
+
margin: 0 0 $form-spacing;
padding: ($form-spacing / 2 + rem-calc($input-border-width)) 0;
}
diff --git a/libraries/foundation-6/scss/forms/_meter.scss b/libraries/foundation-6/scss/forms/_meter.scss
index 10cf985f..c3862ad1 100644
--- a/libraries/foundation-6/scss/forms/_meter.scss
+++ b/libraries/foundation-6/scss/forms/_meter.scss
@@ -32,30 +32,29 @@ $meter-fill-bad: $alert-color !default;
@mixin foundation-meter-element {
meter {
- -webkit-appearance: none;
- -moz-appearance: none;
display: block;
width: 100%;
height: $meter-height;
margin-bottom: 1rem;
+ appearance: none;
+
@if has-value($meter-radius) {
border-radius: $meter-radius;
}
// For Firefox
- background: $meter-background;
border: 0;
+ background: $meter-background;
// Chrome/Safari/Edge
&::-webkit-meter-bar {
- background: $meter-background;
-
+ border: 0;
@if has-value($meter-radius) {
border-radius: $meter-radius;
}
-
- border: 0;
+
+ background: $meter-background;
}
&::-webkit-meter-inner-element {
@@ -96,15 +95,15 @@ $meter-fill-bad: $alert-color !default;
}
}
- &:-moz-meter-optimum::-moz-meter-bar {
+ &:-moz-meter-optimum::-moz-meter-bar { // sass-lint:disable-line force-pseudo-nesting
background: $meter-fill-good;
}
- &:-moz-meter-sub-optimum::-moz-meter-bar {
+ &:-moz-meter-sub-optimum::-moz-meter-bar { // sass-lint:disable-line force-pseudo-nesting
background: $meter-fill-medium;
}
- &:-moz-meter-sub-sub-optimum::-moz-meter-bar {
+ &:-moz-meter-sub-sub-optimum::-moz-meter-bar { // sass-lint:disable-line force-pseudo-nesting
background: $meter-fill-bad;
}
}
diff --git a/libraries/foundation-6/scss/forms/_progress.scss b/libraries/foundation-6/scss/forms/_progress.scss
index d157a33a..4dd37f1f 100644
--- a/libraries/foundation-6/scss/forms/_progress.scss
+++ b/libraries/foundation-6/scss/forms/_progress.scss
@@ -28,20 +28,20 @@ $progress-radius: $global-radius !default;
@mixin foundation-progress-element {
progress {
- -webkit-appearance: none;
- -moz-appearance: none;
display: block;
width: 100%;
height: $progress-height;
margin-bottom: $progress-margin-bottom;
+ appearance: none;
+
@if hasvalue($progress-radius) {
border-radius: $progress-radius;
}
// For Firefox
- background: $progress-background;
border: 0;
+ background: $progress-background;
&::-webkit-progress-bar {
background: $progress-background;
@@ -81,14 +81,14 @@ $progress-radius: $global-radius !default;
}
}
}
-
- // For IE and Edge
- &::-ms-fill{
+
+ // For IE and Edge
+ &::-ms-fill {
@if hasvalue($progress-radius) {
- border-radius: $progress-radius;
+ border-radius: $progress-radius;
}
- border: 0;
- }
+ border: 0;
+ }
}
}
diff --git a/libraries/foundation-6/scss/forms/_range.scss b/libraries/foundation-6/scss/forms/_range.scss
index 9524458b..b5766419 100644
--- a/libraries/foundation-6/scss/forms/_range.scss
+++ b/libraries/foundation-6/scss/forms/_range.scss
@@ -39,20 +39,19 @@ $slider-opacity-disabled: 0.25 !default;
$slider-radius: $global-radius !default;
@mixin foundation-range-input {
- // scss-lint:disable QualifyingElement
- input[type="range"] {
+ input[type="range"] { // sass-lint:disable-line no-qualifying-elements
$margin: ($slider-handle-height - $slider-height) / 2;
- -webkit-appearance: none;
- -moz-appearance: none;
display: block;
width: 100%;
height: auto;
- cursor: pointer;
margin-top: $margin;
margin-bottom: $margin;
+
+ appearance: none;
border: 0;
line-height: 1;
+ cursor: pointer;
@if has-value($slider-radius) {
border-radius: $slider-radius;
@@ -66,6 +65,8 @@ $slider-radius: $global-radius !default;
opacity: $slider-opacity-disabled;
}
+ // sass-lint:disable no-vendor-prefix
+
// Chrome/Safari
&::-webkit-slider-runnable-track {
height: $slider-height;
@@ -73,12 +74,13 @@ $slider-radius: $global-radius !default;
}
&::-webkit-slider-handle {
- -webkit-appearance: none;
- background: $slider-handle-background;
width: $slider-handle-width;
height: $slider-handle-height;
margin-top: -$margin;
+ -webkit-appearance: none;
+ background: $slider-handle-background;
+
@if has-value($slider-radius) {
border-radius: $slider-radius;
}
@@ -86,18 +88,19 @@ $slider-radius: $global-radius !default;
// Firefox
&::-moz-range-track {
- -moz-appearance: none;
height: $slider-height;
+ -moz-appearance: none;
background: $slider-background;
}
&::-moz-range-thumb {
- -moz-appearance: none;
- background: $slider-handle-background;
width: $slider-handle-width;
height: $slider-handle-height;
margin-top: -$margin;
+ -moz-appearance: none;
+ background: $slider-handle-background;
+
@if has-value($slider-radius) {
border-radius: $slider-radius;
}
@@ -106,19 +109,21 @@ $slider-radius: $global-radius !default;
// Internet Explorer
&::-ms-track {
height: $slider-height;
- background: $slider-background;
- color: transparent;
+
border: 0;
- overflow: visible;
border-top: $margin solid $body-background;
border-bottom: $margin solid $body-background;
+ background: $slider-background;
+
+ overflow: visible;
+ color: transparent;
}
&::-ms-thumb {
- background: $slider-handle-background;
width: $slider-handle-width;
height: $slider-handle-height;
border: 0;
+ background: $slider-handle-background;
@if has-value($slider-radius) {
border-radius: $slider-radius;
@@ -135,9 +140,9 @@ $slider-radius: $global-radius !default;
@at-root {
output {
- line-height: $slider-handle-height;
vertical-align: middle;
margin-left: 0.5em;
+ line-height: $slider-handle-height;
}
}
}
diff --git a/libraries/foundation-6/scss/forms/_select.scss b/libraries/foundation-6/scss/forms/_select.scss
index 71aef3b7..f9f1fbe7 100644
--- a/libraries/foundation-6/scss/forms/_select.scss
+++ b/libraries/foundation-6/scss/forms/_select.scss
@@ -22,27 +22,45 @@ $select-radius: $global-radius !default;
$height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
height: $height;
+ margin: 0 0 $form-spacing;
padding: ($form-spacing / 2);
+
+ appearance: none;
border: $input-border;
- margin: 0 0 $form-spacing;
- font-size: $input-font-size;
+ border-radius: $select-radius;
+ background-color: $select-background;
+
font-family: $input-font-family;
+ font-size: $input-font-size;
line-height: normal;
color: $input-color;
- background-color: $select-background;
- border-radius: $select-radius;
- -webkit-appearance: none;
- -moz-appearance: none;
@if $select-triangle-color != transparent {
@include background-triangle($select-triangle-color);
- background-size: 9px 6px;
- background-position: $global-right (-$form-spacing) center;
background-origin: content-box;
+ background-position: $global-right (-$form-spacing) center;
background-repeat: no-repeat;
+ background-size: 9px 6px;
+
padding-#{$global-right}: ($form-spacing * 1.5);
}
+ @if has-value($input-transition) {
+ transition: $input-transition;
+ }
+
+ // Focus state
+ &:focus {
+ outline: none;
+ border: $input-border-focus;
+ background-color: $input-background-focus;
+ box-shadow: $input-shadow-focus;
+
+ @if has-value($input-transition) {
+ transition: $input-transition;
+ }
+ }
+
// Disabled state
&:disabled {
background-color: $input-background-disabled;
diff --git a/libraries/foundation-6/scss/forms/_text.scss b/libraries/foundation-6/scss/forms/_text.scss
index a61db361..87406fc0 100644
--- a/libraries/foundation-6/scss/forms/_text.scss
+++ b/libraries/foundation-6/scss/forms/_text.scss
@@ -22,6 +22,10 @@ $input-font-family: inherit !default;
/// @type Number
$input-font-size: rem-calc(16) !default;
+/// Font weight of text inputs.
+/// @type Keyword
+$input-font-weight: $global-weight-normal !default;
+
/// Background color of text inputs.
/// @type Color
$input-background: $white !default;
@@ -66,6 +70,10 @@ $input-number-spinners: true !default;
/// @type Border
$input-radius: $global-radius !default;
+/// Border radius for form buttons, defaulted to global-radius.
+/// @type Number
+$form-button-radius: $global-radius !default;
+
@mixin form-element {
$height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
@@ -73,16 +81,18 @@ $input-radius: $global-radius !default;
box-sizing: border-box;
width: 100%;
height: $height;
+ margin: 0 0 $form-spacing;
padding: $form-spacing / 2;
+
border: $input-border;
- margin: 0 0 $form-spacing;
+ border-radius: $input-radius;
+ background-color: $input-background;
+ box-shadow: $input-shadow;
font-family: $input-font-family;
font-size: $input-font-size;
+ font-weight: $input-font-weight;
color: $input-color;
- background-color: $input-background;
- box-shadow: $input-shadow;
- border-radius: $input-radius;
@if has-value($input-transition) {
transition: $input-transition;
@@ -90,9 +100,9 @@ $input-radius: $global-radius !default;
// Focus state
&:focus {
+ outline: none;
border: $input-border-focus;
background-color: $input-background-focus;
- outline: none;
box-shadow: $input-shadow-focus;
@if has-value($input-transition) {
@@ -106,8 +116,7 @@ $input-radius: $global-radius !default;
#{text-inputs()},
textarea {
@include form-element;
- -webkit-appearance: none;
- -moz-appearance: none;
+ appearance: none;
}
// Text areas
@@ -137,25 +146,23 @@ $input-radius: $global-radius !default;
// Reset styles on button-like inputs
[type='submit'],
[type='button'] {
- border-radius: $button-radius;
- -webkit-appearance: none;
- -moz-appearance: none;
+ appearance: none;
+ border-radius: $form-button-radius;
}
// Reset Normalize setting content-box to search elements
- // scss-lint:disable QualifyingElement
- input[type='search'] {
+ input[type='search'] { // sass-lint:disable-line no-qualifying-elements
box-sizing: border-box;
}
// Number input styles
[type='number'] {
@if not $input-number-spinners {
- -moz-appearance: textfield;
+ -moz-appearance: textfield; // sass-lint:disable-line no-vendor-prefix
- [type='number']::-webkit-inner-spin-button,
- [type='number']::-webkit-outer-spin-button {
- -webkit-appearance: none;
+ &::-webkit-inner-spin-button,
+ &::-webkit-outer-spin-button {
+ -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefix
margin: 0;
}
}
diff --git a/libraries/foundation-6/scss/foundation.scss b/libraries/foundation-6/scss/foundation.scss
index 72128c11..ebb004c2 100644
--- a/libraries/foundation-6/scss/foundation.scss
+++ b/libraries/foundation-6/scss/foundation.scss
@@ -1,10 +1,13 @@
/**
* Foundation for Sites by ZURB
- * Version 6.2.3
+ * Version 6.2.4
* foundation.zurb.com
* Licensed under MIT Open Source
*/
+// Dependencies
+// @import "normalize";
+
// Sass utilities
@import 'util/util';
@@ -24,12 +27,13 @@
@import 'components/badge';
@import 'components/breadcrumbs';
@import 'components/callout';
+@import 'components/card';
@import 'components/close-button';
@import 'components/drilldown';
@import 'components/dropdown-menu';
@import 'components/dropdown';
@import 'components/flex';
-@import 'components/flex-video';
+@import 'components/responsive-embed';
@import 'components/label';
@import 'components/media-object';
@import 'components/menu';
@@ -70,13 +74,14 @@
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
+ @include foundation-card;
@include foundation-close-button;
@include foundation-menu;
@include foundation-menu-icon;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
- @include foundation-flex-video;
+ @include foundation-responsive-embed;
@include foundation-label;
@include foundation-media-object;
@include foundation-off-canvas;
diff --git a/libraries/foundation-6/scss/grid/_classes.scss b/libraries/foundation-6/scss/grid/_classes.scss
index abbfd4aa..bb15aa03 100644
--- a/libraries/foundation-6/scss/grid/_classes.scss
+++ b/libraries/foundation-6/scss/grid/_classes.scss
@@ -12,6 +12,7 @@
$row: 'row',
$column: 'column',
$column-row: 'column-row',
+ $gutter: 'gutter',
$push: 'push',
$pull: 'pull',
$center: 'centered',
@@ -34,22 +35,31 @@
}
// Nesting
- & & {
+ & .#{$row} {
@include grid-row-nest($grid-column-gutter);
&.#{$collapse} {
- margin-left: 0;
margin-right: 0;
+ margin-left: 0;
}
}
// Expanded (full-width) row
&.#{$expanded} {
- max-width: none;
+ @include grid-row-size(expand);
.#{$row} {
- margin-left: auto;
margin-right: auto;
+ margin-left: auto;
+ }
+ }
+
+ // Static (unresponsive) row gutters
+ @each $breakpoint, $value in $grid-column-gutter {
+ &.#{$gutter}-#{$breakpoint} {
+ > .#{$column} {
+ @include grid-col-gutter($value);
+ }
}
}
}
@@ -69,14 +79,14 @@
// The double .row class is needed to bump up the specificity
.#{$column}.#{$row}.#{$row} {
float: none;
+ }
- // To properly nest a column row, padding and margin is removed
- .#{$row} & {
- padding-left: 0;
- padding-right: 0;
- margin-left: 0;
- margin-right: 0;
- }
+ // To properly nest a column row, padding and margin is removed
+ .#{$row} .#{$column}.#{$row}.#{$row} {
+ margin-right: 0;
+ margin-left: 0;
+ padding-right: 0;
+ padding-left: 0;
}
@include -zf-each-breakpoint {
@@ -108,7 +118,7 @@
// Block grid
@for $i from 1 through $block-grid-max {
.#{$-zf-size}-up-#{$i} {
- @include grid-layout($i, ".#{$column}");
+ @include grid-layout($i, '.#{$column}');
}
}
@@ -116,17 +126,19 @@
.#{$-zf-size}-#{$collapse} {
> .#{$column} { @include grid-col-collapse; }
- .#{$row},
- .#{$expanded}.#{$row} &.#{$row} {
- margin-left: 0;
+ .#{$row} {
margin-right: 0;
+ margin-left: 0;
}
}
- .#{$-zf-size}-#{$uncollapse} {
- $gutter: -zf-get-bp-val($grid-column-gutter, $-zf-size);
+ .#{$expanded}.#{$row} .#{$-zf-size}-#{$collapse}.#{$row} {
+ margin-right: 0;
+ margin-left: 0;
+ }
- > .#{$column} { @include grid-col-uncollapse($gutter); }
+ .#{$-zf-size}-#{$uncollapse} {
+ > .#{$column} { @include grid-col-gutter($-zf-size); }
}
// Positioning
@@ -144,7 +156,7 @@
@if $column == 'column' {
.columns {
- // scss-lint:disable PlaceholderInExtend
+ // sass-lint:disable-block placeholder-in-extend
@extend .column;
}
}
diff --git a/libraries/foundation-6/scss/grid/_column.scss b/libraries/foundation-6/scss/grid/_column.scss
index a128cd8a..c49645a7 100644
--- a/libraries/foundation-6/scss/grid/_column.scss
+++ b/libraries/foundation-6/scss/grid/_column.scss
@@ -52,30 +52,16 @@
/// Creates a grid column.
///
/// @param {Mixed} $columns [$grid-column-count] - Width of the column. Refer to the `grid-column()` function to see possible values.
-/// @param {Number} $gutter [$grid-column-gutter] - Spacing between columns.
+/// @param {Mixed} $gutters [$grid-column-gutter] - Spacing between columns. Refer to the `grid-column-gutter()` function to see possible values.
@mixin grid-column(
$columns: $grid-column-count,
- $gutter: $grid-column-gutter
+ $gutters: $grid-column-gutter
) {
@include grid-column-size($columns);
float: $global-left;
// Gutters
- @if type-of($gutter) == 'map' {
- @each $breakpoint, $value in $gutter {
- $padding: rem-calc($value) / 2;
-
- @include breakpoint($breakpoint) {
- padding-left: $padding;
- padding-right: $padding;
- }
- }
- }
- @else if type-of($gutter) == 'number' and strip-unit($gutter) > 0 {
- $padding: rem-calc($gutter) / 2;
- padding-left: $padding;
- padding-right: $padding;
- }
+ @include grid-column-gutter($gutters: $gutters);
// Last column alignment
@if $grid-column-align-edge {
@@ -87,12 +73,12 @@
/// Creates a grid column row. This is the equivalent of adding `.row` and `.column` to the same element.
///
-/// @param {Number} $gutter [$grid-column-gutter] - Width of the gutters on either side of the column row.
+/// @param {Mixed} $gutters [$grid-column-gutter] - Width of the gutters on either side of the column row. Refer to the `grid-column-gutter()` function to see possible values.
@mixin grid-column-row(
- $gutter: $grid-column-gutter
+ $gutters: $grid-column-gutter
) {
@include grid-row;
- @include grid-column($gutter: $gutter);
+ @include grid-column($gutters: $gutters);
&,
&:last-child {
@@ -112,15 +98,15 @@
/// @alias grid-column
@mixin grid-col(
$columns: $grid-column-count,
- $gutter: $grid-column-gutter
+ $gutters: $grid-column-gutter
) {
- @include grid-column($columns, $gutter);
+ @include grid-column($columns, $gutters);
}
/// Shorthand for `grid-column-row()`.
/// @alias grid-column-row
@mixin grid-col-row(
- $gutter: $grid-column-gutter
+ $gutters: $grid-column-gutter
) {
- @include grid-column-row($gutter);
+ @include grid-column-row($gutters);
}
diff --git a/libraries/foundation-6/scss/grid/_flex-grid.scss b/libraries/foundation-6/scss/grid/_flex-grid.scss
index d8f33a64..a7919c89 100644
--- a/libraries/foundation-6/scss/grid/_flex-grid.scss
+++ b/libraries/foundation-6/scss/grid/_flex-grid.scss
@@ -10,36 +10,38 @@
///
/// @param {Keyword|List} $behavior [null]
/// Modifications to the default grid styles. `nest` indicates the row will be placed inside another row. `collapse` indicates that the columns inside this row will not have padding. `nest collapse` combines both behaviors.
-/// @param {Number} $width [$grid-row-width] - Maximum width of the row.
+/// @param {Keyword|Number} $size [$grid-row-width] Maximum size of the row. Set to `expand` to make the row taking the full width.
/// @param {Number} $columns [null] - Number of columns to use for this row. If set to `null` (the default), the global column count will be used.
/// @param {Boolean} $base [true] - Set to `false` to prevent basic styles from being output. Useful if you're calling this mixin on the same element twice, as it prevents duplicate CSS output.
-/// @param {Number} $gutter [$grid-column-gutter] - Gutter to use when inverting margins, in case the row is nested.
+/// @param {Number|Map} $gutters [$grid-column-gutter] - Gutter map or single value to use when inverting margins, in case the row is nested. Responsive gutter settings by default.
@mixin flex-grid-row(
$behavior: null,
- $width: $grid-row-width,
+ $size: $grid-row-width,
$columns: null,
$base: true,
- $gutter: $grid-column-gutter
+ $wrap: true,
+ $gutters: $grid-column-gutter
) {
$margin: auto;
+ $wrap: if($wrap, wrap, nowrap);
@if index($behavior, nest) != null {
- @include grid-row-nest($gutter);
+ @include grid-row-nest($gutters);
@if index($behavior, collapse) != null {
- margin-left: 0;
margin-right: 0;
+ margin-left: 0;
}
}
@else {
- max-width: $width;
- margin-left: auto;
+ @include grid-row-size($size);
margin-right: auto;
+ margin-left: auto;
}
@if $base {
display: flex;
- flex-flow: row wrap;
+ flex-flow: row $wrap;
}
@if $columns != null {
@@ -50,18 +52,17 @@
}
/// Calculates the `flex` property for a flex grid column. It accepts all of the same values as the basic `grid-column()` function, along with two extras:
-/// - `null` (the default) will make the column expand to fill space.
+/// - `expand` (the default) will make the column expand to fill space.
/// - `shrink` will make the column contract, so it only takes up the horizontal space it needs.
///
-/// @param {Mixed} $columns [null] - Width of the column.
-@function flex-grid-column($columns: null) {
- // scss-lint:disable ZeroUnit
- $flex: 1 1 0px;
+/// @param {Mixed} $columns [expand] - Width of the column.
+@function flex-grid-column($columns: expand) {
+ $flex: 1 1 0px; // sass-lint:disable-line zero-unit
@if $columns == shrink {
$flex: 0 0 auto;
}
- @else if $columns != null {
+ @else if $columns != expand {
$flex: 0 0 grid-column($columns);
}
@@ -70,39 +71,25 @@
/// Creates a column for a flex grid. By default, the column will stretch to the full width of its container, but this can be overridden with sizing classes, or by using the `unstack` class on the parent flex row.
///
-/// @param {Mixed} $columns [null] - Width of the column. Refer to the `flex-grid-column()` function to see possible values.
+/// @param {Mixed} $columns [expand] - Width of the column. Refer to the `flex-grid-column()` function to see possible values.
/// @param {Number} $gutter [$grid-column-gutter] - Space between columns, added as a left and right padding.
@mixin flex-grid-column(
- $columns: null,
- $gutter: $grid-column-gutter
+ $columns: expand,
+ $gutters: $grid-column-gutter
) {
// Base properties
flex: flex-grid-column($columns);
// Gutters
- @if type-of($gutter) == 'map' {
- @each $breakpoint, $value in $gutter {
- $padding: rem-calc($value) / 2;
-
- @include breakpoint($breakpoint) {
- padding-left: $padding;
- padding-right: $padding;
- }
- }
- }
- @else if type-of($gutter) == 'number' and strip-unit($gutter) > 0 {
- $padding: rem-calc($gutter) / 2;
- padding-left: $padding;
- padding-right: $padding;
- }
+ @include grid-column-gutter($gutters: $gutters);
// fixes recent Chrome version not limiting child width
// https://stackoverflow.com/questions/34934586/white-space-nowrap-and-flexbox-did-not-work-in-chrome
- @if $columns == null {
+ @if $columns == expand {
min-width: initial;
}
// max-width fixes IE 10/11 not respecting the flex-basis property
- @if $columns != null and $columns != shrink {
+ @if $columns != expand and $columns != shrink {
max-width: grid-column($columns);
}
}
@@ -125,6 +112,19 @@
}
}
+/// Changes the width flex grid column.
+/// @param {Mixed} $columns [expand] - Width of the column. Refer to the `flex-grid-column()` function to see possible values.
+@mixin flex-grid-size($columns: null) {
+ $columns: $columns or expand;
+
+ flex: flex-grid-column($columns);
+
+ // max-width fixes IE 10/11 not respecting the flex-basis property
+ @if $columns != expand and $columns != shrink {
+ max-width: grid-column($columns);
+ }
+}
+
/// Changes the source order of a flex grid column. Columns with lower numbers appear first in the layout.
/// @param {Number} $order [0] - Order number to apply.
@mixin flex-grid-order($order: 0) {
@@ -155,24 +155,28 @@
@include flex-grid-row;
// Nesting behavior
- & & {
+ & .row {
@include flex-grid-row(nest, $base: false);
}
// Expanded row
&.expanded {
- max-width: none;
+ @include grid-row-size(expand);
}
&.collapse {
> .column {
@include grid-col-collapse;
- > .row {
- margin-left: 0;
- margin-right: 0;
- }
}
}
+
+ // Undo negative margins
+ // From collapsed child
+ &.is-collapse-child,
+ &.collapse > .column > .row {
+ margin-right: 0;
+ margin-left: 0;
+ }
}
// Column
@@ -183,15 +187,37 @@
// Column row
// The double .row class is needed to bump up the specificity
.column.row.row {
- float: none;
- display: block;
+ display: flex;
+ }
- // To properly nest a column row, padding and margin is removed
- .row & {
- padding-left: 0;
- padding-right: 0;
- margin-left: 0;
- margin-right: 0;
+ // To properly nest a column row, padding and margin is removed
+ .row .column.row.row {
+ margin-right: 0;
+ margin-left: 0;
+ padding-right: 0;
+ padding-left: 0;
+ }
+
+
+ .flex-container {
+ @include flex;
+ }
+
+ .flex-child-auto {
+ flex: 1 1 auto;
+ }
+
+ .flex-child-grow {
+ flex: 1 0 auto;
+ }
+
+ .flex-child-shrink {
+ flex: 0 1 auto;
+ }
+
+ @each $dir, $prop in $-zf-flex-direction {
+ .flex-dir-#{$dir} {
+ @include flex-direction($prop);
}
}
@@ -233,6 +259,25 @@
}
}
+ // direction helper classes
+ @each $dir, $prop in $-zf-flex-direction {
+ .#{$-zf-size}-flex-dir-#{$dir} {
+ @include flex-direction($prop);
+ }
+ }
+ // child helper classes
+ .#{$-zf-size}-flex-child-auto {
+ flex: 1 1 auto;
+ }
+
+ .#{$-zf-size}-flex-child-grow {
+ flex: 1 0 auto;
+ }
+
+ .#{$-zf-size}-flex-child-shrink {
+ flex: 0 1 auto;
+ }
+
// Auto-stacking/unstacking
@at-root (without: media) {
.row.#{$-zf-size}-unstack {
@@ -253,9 +298,7 @@
}
.#{$-zf-size}-uncollapse {
- $gutter: -zf-get-bp-val($grid-column-gutter, $-zf-size);
-
- > .column { @include grid-col-uncollapse($gutter); }
+ > .column { @include grid-col-gutter($-zf-size); }
}
}
@@ -274,7 +317,7 @@
}
.columns {
- // scss-lint:disable PlaceholderInExtend
- @extend .column;
+ @extend .column; // sass-lint:disable-line placeholder-in-extend
+
}
}
diff --git a/libraries/foundation-6/scss/grid/_grid.scss b/libraries/foundation-6/scss/grid/_grid.scss
index 0a8d879c..eab0dc1c 100644
--- a/libraries/foundation-6/scss/grid/_grid.scss
+++ b/libraries/foundation-6/scss/grid/_grid.scss
@@ -37,18 +37,10 @@ $-zf-end-float: if($grid-column-align-edge, $global-right, $global-left);
// Remove this in 6.3
$grid-column-responsive-gutter: null !default;
@if $grid-column-responsive-gutter {
- // scss-lint:disable DebugStatement
@warn 'Rename $grid-column-responsive-gutter to $grid-column-gutter to remove this warning.';
$grid-column-gutter: $grid-column-responsive-gutter;
}
-// If a single value is passed as a gutter, convert it to a map so the code knows what to do with it
-@if type-of($grid-column-gutter) == 'number' {
- $grid-column-gutter: (
- small: $grid-column-gutter,
- );
-}
-
@import 'row';
@import 'column';
@import 'size';
diff --git a/libraries/foundation-6/scss/grid/_gutter.scss b/libraries/foundation-6/scss/grid/_gutter.scss
index 5897eb55..8408b610 100644
--- a/libraries/foundation-6/scss/grid/_gutter.scss
+++ b/libraries/foundation-6/scss/grid/_gutter.scss
@@ -6,19 +6,77 @@
/// @group grid
////
+/// Get a gutter size for a given breakpoint
+/// @param {Keyword} $breakpoint [small] - Breakpoint name.
+/// @param {Number|Map} $gutters [$grid-column-gutter] - Gutter map or single value to use. Responsive gutter settings by default.
+///
+/// @returns {Number} Gutter size.
+@function grid-column-gutter(
+ $breakpoint: $-zf-zero-breakpoint,
+ $gutters: $grid-column-gutter
+) {
+ // If gutter is single value, return it
+ @if type-of($gutters) == 'number' {
+ @return $gutters;
+ }
+
+ // Else, return the corresponding responsive value
+ @return -zf-get-bp-val($gutters, $breakpoint);
+}
+
+/// Set the gutters on a column
+/// @param {Number|Keyword} $gutter [auto]
+/// Spacing between columns, accepts multiple values:
+/// - A single value will make the gutter that exact size.
+/// - A breakpoint name will make the gutter the corresponding size in the $gutters map.
+/// - "auto" will make the gutter responsive, using the $gutters map values.
+/// @param {Number|Map} $gutters [$grid-column-gutter] - Gutter map or single value to use. Responsive gutter settings by default.
+@mixin grid-column-gutter(
+ $gutter: auto,
+ $gutters: $grid-column-gutter
+) {
+ @if $gutter == auto and type-of($gutters) == 'map' {
+ // "auto"
+ @each $breakpoint, $value in $gutters {
+ @include breakpoint($breakpoint) {
+ @include grid-column-gutter($value);
+ }
+ }
+ }
+ @else {
+ // breakpoint name
+ @if type-of($gutter) == 'string' {
+ $gutter: grid-column-gutter($gutter, $gutters);
+ }
+
+ // single value
+ $padding: rem-calc($gutter) / 2;
+
+ padding-right: $padding;
+ padding-left: $padding;
+ }
+}
+
/// Collapse the gutters on a column by removing the padding. **Note:** only use this mixin within a breakpoint. To collapse a column's gutters on all screen sizes, use the `$gutter` parameter of the `grid-column()` mixin instead.
@mixin grid-column-collapse {
- padding-left: 0;
- padding-right: 0;
+ @include grid-column-gutter(0);
}
/// Un-collapse the gutters on a column by re-adding the padding.
///
/// @param {Number} $gutter [$grid-column-gutter] - Spacing between columns.
@mixin grid-column-uncollapse($gutter: $grid-column-gutter) {
- $gutter: rem-calc($gutter) / 2;
- padding-left: $gutter;
- padding-right: $gutter;
+ @warn 'This mixin is being replaced by grid-column-gutter(). grid-column-uncollapse() will be removed in Foundation 6.4.';
+ @include grid-column-gutter($gutters: $gutter);
+}
+
+/// Shorthand for `grid-column-gutter()`.
+/// @alias grid-column-gutter
+@mixin grid-col-gutter(
+ $gutter: auto,
+ $gutters: $grid-column-gutter
+) {
+ @include grid-column-gutter($gutter, $gutters);
}
/// Shorthand for `grid-column-collapse()`.
@@ -30,5 +88,6 @@
/// Shorthand for `grid-column-uncollapse()`.
/// @alias grid-column-uncollapse
@mixin grid-col-uncollapse($gutter: $grid-column-gutter) {
+ @warn 'This mixin is being replaced by grid-col-gutter(). grid-col-uncollapse() will be removed in Foundation 6.4.';
@include grid-column-uncollapse($gutter);
}
diff --git a/libraries/foundation-6/scss/grid/_layout.scss b/libraries/foundation-6/scss/grid/_layout.scss
index 9f5da07c..1e087911 100644
--- a/libraries/foundation-6/scss/grid/_layout.scss
+++ b/libraries/foundation-6/scss/grid/_layout.scss
@@ -10,13 +10,38 @@
///
/// @param {Number} $n - Number of elements to display per row.
/// @param {String} $selector ['.column'] - Selector(s) to use for child elements.
+/// @param {Number|List} $gutter
+/// The gutter to apply to child elements. Accepts multiple values:
+/// - $grid-column-gutter will use the values in the $grid-column-gutter map, including breakpoint sizes.
+/// - A fixed numeric value will apply this gutter to all breakpoints.
@mixin grid-layout(
$n,
- $selector: '.column'
+ $selector: '.column',
+ $gutter: null
) {
& > #{$selector} {
- width: percentage(1/$n);
float: $global-left;
+ width: percentage(1/$n);
+
+ // If a $gutter value is passed
+ @if($gutter) {
+ // Gutters
+ @if type-of($gutter) == 'map' {
+ @each $breakpoint, $value in $gutter {
+ $padding: rem-calc($value) / 2;
+
+ @include breakpoint($breakpoint) {
+ padding-right: $padding;
+ padding-left: $padding;
+ }
+ }
+ }
+ @else if type-of($gutter) == 'number' and strip-unit($gutter) > 0 {
+ $padding: rem-calc($gutter) / 2;
+ padding-right: $padding;
+ padding-left: $padding;
+ }
+ }
&:nth-of-type(1n) {
clear: none;
@@ -27,7 +52,7 @@
}
&:last-child {
- float: left;
+ float: $global-left;
}
}
}
diff --git a/libraries/foundation-6/scss/grid/_position.scss b/libraries/foundation-6/scss/grid/_position.scss
index 4d1bea5d..0883ad9d 100644
--- a/libraries/foundation-6/scss/grid/_position.scss
+++ b/libraries/foundation-6/scss/grid/_position.scss
@@ -17,9 +17,12 @@
#{$global-left}: $offset;
}
@else if $position == center {
- float: none;
- margin-left: auto;
+ &, &:last-child:not(:first-child) {
+ float: none;
+ clear: both;
+ }
margin-right: auto;
+ margin-left: auto;
}
@else {
@warn 'Wrong syntax for grid-column-position(). Enter a positive or negative number, or center.';
@@ -29,9 +32,9 @@
/// Reset a position definition.
@mixin grid-column-unposition {
position: static;
- margin-left: 0;
- margin-right: 0;
float: left;
+ margin-right: 0;
+ margin-left: 0;
}
/// Offsets a column to the right by `$n` columns.
diff --git a/libraries/foundation-6/scss/grid/_row.scss b/libraries/foundation-6/scss/grid/_row.scss
index 9cd14883..36c7c192 100644
--- a/libraries/foundation-6/scss/grid/_row.scss
+++ b/libraries/foundation-6/scss/grid/_row.scss
@@ -29,7 +29,7 @@
}
// Restore the old column count
- $grid-column-count: $old-grid-column-count;
+ $grid-column-count: $old-grid-column-count !global;
}
/// Creates a grid row.
@@ -38,30 +38,30 @@
/// @param {Number} $columns [null] - Column count for this row. `null` will use the default column count.
/// @param {Keywords} $behavior [null]
/// Modifications to the default grid styles. `nest` indicates the row will be placed inside another row. `collapse` indicates that the columns inside this row will not have padding. `nest collapse` combines both behaviors.
-/// @param {Number} $width [$grid-row-width] - Maximum width of the row.
+/// @param {Keyword|Number} $size [$grid-row-width] Maximum size of the row. Set to `expand` to make the row taking the full width.
/// @param {Boolean} $cf [true] - Whether or not to include a clearfix.
-/// @param {Number} $gutter [$grid-column-gutter] - Gutter to use when inverting margins, in case the row is nested.
+/// @param {Number|Map} $gutters [$grid-column-gutter] - Gutter map or single value to use when inverting margins. Responsive gutter settings by default.
@mixin grid-row(
$columns: null,
$behavior: null,
- $width: $grid-row-width,
+ $size: $grid-row-width,
$cf: true,
- $gutter: $grid-column-gutter
+ $gutters: $grid-column-gutter
) {
$margin: auto;
@if index($behavior, nest) != null {
- @include grid-row-nest($gutter);
+ @include grid-row-nest($gutters);
@if index($behavior, collapse) != null {
- margin-left: 0;
margin-right: 0;
+ margin-left: 0;
}
}
@else {
- max-width: $width;
- margin-left: auto;
+ @include grid-row-size($size);
margin-right: auto;
+ margin-left: auto;
}
@if $cf {
@@ -77,19 +77,23 @@
/// Inverts the margins of a row to nest it inside of a column.
///
-/// @param {Map|null} $gutter [null] - Gutter value to use when inverting the margins. Set to `null` to refer to the responsive gutter settings.
-@mixin grid-row-nest($gutter: $grid-column-gutter) {
- @if type-of($gutter) == 'number' {
- $gutter: ($-zf-zero-breakpoint: $gutter);
- }
- max-width: none;
+/// @param {Number|Map} $gutters [$grid-column-gutter] - Gutter map or single value to use when inverting margins. Responsive gutter settings by default.
+@mixin grid-row-nest($gutters: $grid-column-gutter) {
+ @include -zf-each-breakpoint {
+ $margin: rem-calc(grid-column-gutter($-zf-size, $gutters)) / 2 * -1;
- @each $breakpoint, $value in $gutter {
- $margin: rem-calc($value) / 2 * -1;
+ margin-right: $margin;
+ margin-left: $margin;
+ }
+}
- @include breakpoint($breakpoint) {
- margin-left: $margin;
- margin-right: $margin;
- }
+/// Set a grid row size
+///
+/// @param {Keyword|Number} $size [$grid-row-width] Maximum size of the row. Set to `expand` to make the row taking the full width.
+@mixin grid-row-size($size: $grid-row-width) {
+ @if $size == expand {
+ $size: none;
}
+
+ max-width: $size;
}
diff --git a/libraries/foundation-6/scss/settings/_settings.scss b/libraries/foundation-6/scss/settings/_settings.scss
index af51ab2b..43057cb1 100644
--- a/libraries/foundation-6/scss/settings/_settings.scss
+++ b/libraries/foundation-6/scss/settings/_settings.scss
@@ -20,16 +20,16 @@
// 15. Drilldown
// 16. Dropdown
// 17. Dropdown Menu
-// 18. Flex Video
-// 19. Forms
-// 20. Label
-// 21. Media Object
-// 22. Menu
-// 23. Meter
-// 24. Off-canvas
-// 25. Orbit
-// 26. Pagination
-// 27. Progress Bar
+// 18. Forms
+// 19. Label
+// 20. Media Object
+// 21. Menu
+// 22. Meter
+// 23. Off-canvas
+// 24. Orbit
+// 25. Pagination
+// 26. Progress Bar
+// 27. Responsive Embed
// 28. Reveal
// 29. Slider
// 30. Switch
@@ -160,6 +160,7 @@ $blockquote-padding: rem-calc(9 20 0 19);
$blockquote-border: 1px solid $medium-gray;
$cite-font-size: rem-calc(13);
$cite-color: $dark-gray;
+$cite-pseudo-content: '\2014 \0020';
$keystroke-font: $font-family-monospace;
$keystroke-color: $black;
$keystroke-background: $light-gray;
@@ -195,6 +196,7 @@ $input-error-font-weight: $global-weight-bold;
$accordion-background: $white;
$accordion-plusminus: true;
+$accordion-title-font-size: rem-calc(12);
$accordion-item-color: foreground($accordion-background, $primary-color);
$accordion-item-background-hover: $light-gray;
$accordion-item-padding: 1.25rem 1rem;
@@ -248,6 +250,9 @@ $button-sizes: (
large: 1.25rem,
);
$button-opacity-disabled: 0.25;
+$button-background-hover-lightness: -20%;
+$button-hollow-hover-lightness: -50%;
+$button-transition: background-color 0.25s ease-out, color 0.25s ease-out;
// 12. Button Group
// ----------------
@@ -274,9 +279,18 @@ $callout-link-tint: 30%;
// ----------------
$closebutton-position: right top;
-$closebutton-offset-horizontal: 1rem;
-$closebutton-offset-vertical: 0.5rem;
-$closebutton-size: 2em;
+$closebutton-offset-horizontal: (
+ small: 0.66rem,
+ medium: 1rem,
+);
+$closebutton-offset-vertical: (
+ small: 0.33em,
+ medium: 0.5rem,
+);
+$closebutton-sizes: (
+ small: 1.5em,
+ medium: 2em,
+);
$closebutton-lineheight: 1;
$closebutton-color: $dark-gray;
$closebutton-color-hover: $black;
@@ -293,6 +307,7 @@ $drilldown-background: $white;
// ------------
$dropdown-padding: 1rem;
+$dropdown-background: $body-background;
$dropdown-border: 1px solid $medium-gray;
$dropdown-font-size: 1rem;
$dropdown-width: 300px;
@@ -312,14 +327,7 @@ $dropdownmenu-min-width: 200px;
$dropdownmenu-background: $white;
$dropdownmenu-border: 1px solid $medium-gray;
-// 18. Flex Video
-// --------------
-
-$flexvideo-margin-bottom: rem-calc(16);
-$flexvideo-ratio: 4 by 3;
-$flexvideo-ratio-widescreen: 16 by 9;
-
-// 19. Forms
+// 18. Forms
// ---------
$fieldset-border: 1px solid $medium-gray;
@@ -345,6 +353,7 @@ $input-color: $black;
$input-placeholder-color: $medium-gray;
$input-font-family: inherit;
$input-font-size: rem-calc(16);
+$input-font-weight: $global-weight-normal;
$input-background: $white;
$input-background-focus: $white;
$input-background-disabled: $light-gray;
@@ -356,8 +365,9 @@ $input-cursor-disabled: not-allowed;
$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
$input-number-spinners: true;
$input-radius: $global-radius;
+$form-button-radius: $global-radius;
-// 20. Label
+// 19. Label
// ---------
$label-background: $primary-color;
@@ -366,7 +376,7 @@ $label-font-size: 0.8rem;
$label-padding: 0.33333rem 0.5rem;
$label-radius: $global-radius;
-// 21. Media Object
+// 20. Media Object
// ----------------
$mediaobject-margin-bottom: $global-margin;
@@ -383,7 +393,7 @@ $menu-item-color-active: $white;
$menu-item-background-active: map-get($foundation-palette, primary);
$menu-icon-spacing: 0.25rem;
-// 23. Meter
+// 22. Meter
// ---------
$meter-height: 1rem;
@@ -393,7 +403,7 @@ $meter-fill-good: $success-color;
$meter-fill-medium: $warning-color;
$meter-fill-bad: $alert-color;
-// 24. Off-canvas
+// 23. Off-canvas
// --------------
$offcanvas-size: 250px;
@@ -403,10 +413,11 @@ $offcanvas-transition-length: 0.5s;
$offcanvas-transition-timing: ease;
$offcanvas-fixed-reveal: true;
$offcanvas-exit-background: rgba($white, 0.25);
+$offcanvas-vertical-size: 250px;
$maincontent-class: 'off-canvas-content';
$maincontent-shadow: 0 0 10px rgba($black, 0.5);
-// 25. Orbit
+// 24. Orbit
// ---------
$orbit-bullet-background: $medium-gray;
@@ -421,7 +432,7 @@ $orbit-control-background-hover: rgba($black, 0.5);
$orbit-control-padding: 1rem;
$orbit-control-zindex: 10;
-// 26. Pagination
+// 25. Pagination
// --------------
$pagination-font-size: rem-calc(14);
@@ -436,9 +447,10 @@ $pagination-item-color-current: foreground($pagination-item-background-current);
$pagination-item-color-disabled: $medium-gray;
$pagination-ellipsis-color: $black;
$pagination-mobile-items: false;
+$pagination-mobile-current-item: false;
$pagination-arrows: true;
-// 27. Progress Bar
+// 26. Progress Bar
// ----------------
$progress-height: 1rem;
@@ -447,6 +459,13 @@ $progress-margin-bottom: $global-margin;
$progress-meter-background: $primary-color;
$progress-radius: $global-radius;
+// 27. Responsive Embed
+// --------------
+
+$responsive-embed-margin-bottom: rem-calc(16);
+$responsive-embed-ratio: 4 by 3;
+$responsive-embed-ratio-widescreen: 16 by 9;
+
// 28. Reveal
// ----------
@@ -499,10 +518,13 @@ $table-padding: rem-calc(8 10 10);
$table-hover-scale: 2%;
$table-row-hover: darken($table-background, $table-hover-scale);
$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
+$table-is-striped: true;
$table-striped-background: smart-scale($table-background, $table-color-scale);
$table-stripe: even;
$table-head-background: smart-scale($table-background, $table-color-scale / 2);
+$table-head-row-hover: darken($table-head-background, $table-hover-scale);
$table-foot-background: smart-scale($table-background, $table-color-scale);
+$table-foot-row-hover: darken($table-foot-background, $table-hover-scale);
$table-head-font-color: $body-font-color;
$table-foot-font-color: $body-font-color;
$show-header-for-stacked: false;
@@ -562,7 +584,6 @@ $tooltip-radius: $global-radius;
$topbar-padding: 0.5rem;
$topbar-background: $light-gray;
$topbar-submenu-background: $topbar-background;
-$topbar-title-spacing: 1rem;
+$topbar-title-spacing: 0.45rem 1rem 0 1rem !default;
$topbar-input-width: 200px;
$topbar-unstack-breakpoint: medium;
-
diff --git a/libraries/foundation-6/scss/typography/_base.scss b/libraries/foundation-6/scss/typography/_base.scss
index 55a9b518..e21550e3 100644
--- a/libraries/foundation-6/scss/typography/_base.scss
+++ b/libraries/foundation-6/scss/typography/_base.scss
@@ -203,6 +203,10 @@ $cite-font-size: rem-calc(13) !default;
/// @type Color
$cite-color: $dark-gray !default;
+/// Pseudo content for `<cite>` elements.
+/// @type String
+$cite-pseudo-content: '\2014 \0020' !default;
+
/// Font family for `<kbd>` elements.
/// @type String | List
$keystroke-font: $font-family-monospace !default;
@@ -254,9 +258,10 @@ $abbr-underline: 1px dotted $black !default;
// Paragraphs
p {
+ margin-bottom: $paragraph-margin-bottom;
+
font-size: inherit;
line-height: $paragraph-lineheight;
- margin-bottom: $paragraph-margin-bottom;
text-rendering: $paragraph-text-rendering;
}
@@ -287,18 +292,19 @@ $abbr-underline: 1px dotted $black !default;
h4,
h5,
h6 {
+ margin-top: 0;
+ margin-bottom: $header-margin-bottom;
+
font-family: $header-font-family;
- font-weight: $header-font-weight;
font-style: $header-font-style;
+ font-weight: $header-font-weight;
+ line-height: $header-lineheight;
color: $header-color;
text-rendering: $header-text-rendering;
- margin-top: 0;
- margin-bottom: $header-margin-bottom;
- line-height: $header-lineheight;
small {
- color: $header-small-font-color;
line-height: 0;
+ color: $header-small-font-color;
}
}
@@ -315,9 +321,10 @@ $abbr-underline: 1px dotted $black !default;
// Links
a {
+ line-height: inherit;
color: $anchor-color;
text-decoration: $anchor-text-decoration;
- line-height: inherit;
+
cursor: pointer;
&:hover,
@@ -335,23 +342,25 @@ $abbr-underline: 1px dotted $black !default;
// Horizontal rule
hr {
+ clear: both;
+
max-width: $hr-width;
height: 0;
- border-right: 0;
+ margin: $hr-margin;
+
border-top: 0;
+ border-right: 0;
border-bottom: $hr-border;
border-left: 0;
- margin: $hr-margin;
- clear: both;
}
// Lists
ul,
ol,
dl {
- line-height: $list-lineheight;
margin-bottom: $list-margin-bottom;
list-style-position: $list-style-position;
+ line-height: $list-lineheight;
}
// List items
@@ -361,8 +370,8 @@ $abbr-underline: 1px dotted $black !default;
// Unordered lists
ul {
- list-style-type: $list-style-type;
margin-#{$global-left}: $list-side-margin;
+ list-style-type: $list-style-type;
}
// Ordered lists
@@ -407,34 +416,38 @@ $abbr-underline: 1px dotted $black !default;
color: $cite-color;
&:before {
- content: '\2014 \0020';
+ content: $cite-pseudo-content;
}
}
// Abbreviations
abbr {
+ border-bottom: $abbr-underline;
color: $body-font-color;
cursor: help;
- border-bottom: $abbr-underline;
}
// Code
code {
+ padding: $code-padding;
+
+ border: $code-border;
+ background-color: $code-background;
+
font-family: $code-font-family;
font-weight: $code-font-weight;
color: $code-color;
- background-color: $code-background;
- border: $code-border;
- padding: $code-padding;
}
// Keystrokes
kbd {
- padding: $keystroke-padding;
margin: 0;
+ padding: $keystroke-padding;
+
background-color: $keystroke-background;
- color: $keystroke-color;
+
font-family: $keystroke-font;
+ color: $keystroke-color;
@if has-value($keystroke-radius) {
border-radius: $keystroke-radius;
diff --git a/libraries/foundation-6/scss/typography/_helpers.scss b/libraries/foundation-6/scss/typography/_helpers.scss
index 1e753aeb..011e8e66 100644
--- a/libraries/foundation-6/scss/typography/_helpers.scss
+++ b/libraries/foundation-6/scss/typography/_helpers.scss
@@ -48,6 +48,7 @@ $stat-font-size: 2.5rem !default;
.subheader {
margin-top: $subheader-margin-top;
margin-bottom: $subheader-margin-bottom;
+
font-weight: $subheader-font-weight;
line-height: $subheader-lineheight;
color: $subheader-color;
diff --git a/libraries/foundation-6/scss/typography/_print.scss b/libraries/foundation-6/scss/typography/_print.scss
index 348aad9c..2de0fa9a 100644
--- a/libraries/foundation-6/scss/typography/_print.scss
+++ b/libraries/foundation-6/scss/typography/_print.scss
@@ -6,8 +6,9 @@
/// @type Boolean
/// @group global
$print-transparent-backgrounds: true !default;
+$print-hrefs: true !default;
-// scss-lint:disable all
+// sass-lint:disable-all
@mixin foundation-print-styles {
.show-for-print { display: none !important; }
@@ -18,8 +19,9 @@ $print-transparent-backgrounds: true !default;
background: transparent !important;
}
- color: black !important; // Black prints faster: h5bp.com/s
box-shadow: none !important;
+
+ color: black !important; // Black prints faster: h5bp.com/s
text-shadow: none !important;
}
@@ -36,7 +38,9 @@ $print-transparent-backgrounds: true !default;
// Display the URL of a link after the text
a,
a:visited { text-decoration: underline;}
- a[href]:after { content: ' (' attr(href) ')'; }
+ @if $print-hrefs {
+ a[href]:after { content: ' (' attr(href) ')'; }
+ }
// Don't display the URL for images or JavaScript/internal links
.ir a:after,
diff --git a/libraries/foundation-6/scss/typography/_typography.scss b/libraries/foundation-6/scss/typography/_typography.scss
index d17c16ab..c794126a 100644
--- a/libraries/foundation-6/scss/typography/_typography.scss
+++ b/libraries/foundation-6/scss/typography/_typography.scss
@@ -6,8 +6,6 @@
/// @group typography
////
-// scss-lint:disable DeclarationOrder
-
// Base typography styles (tags only)
@import 'base';
diff --git a/libraries/foundation-6/scss/util/_breakpoint.scss b/libraries/foundation-6/scss/util/_breakpoint.scss
index 15707b99..50f6f22b 100644
--- a/libraries/foundation-6/scss/util/_breakpoint.scss
+++ b/libraries/foundation-6/scss/util/_breakpoint.scss
@@ -6,8 +6,6 @@
/// @group breakpoints
////
-// scss-lint:disable ZeroUnit
-
/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.
/// @type Map
$breakpoints: (
@@ -18,8 +16,14 @@ $breakpoints: (
xxlarge: 1440px,
) !default;
+/// The largest named breakpoint in which to include print as a media type
+/// @type Keyword
+$print-breakpoint: large !default;
+
$-zf-zero-breakpoint: small !default;
+$-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');
+
@if nth(map-values($breakpoints), 1) != 0 {
@error 'Your smallest breakpoint (defined in $breakpoints) must be set to "0".';
}
@@ -137,6 +141,8 @@ $breakpoint-classes: (small medium large) !default;
/// @output If the breakpoint is "0px and larger", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.
@mixin breakpoint($value) {
$str: breakpoint($value);
+ $bp: index($-zf-breakpoints-keys, $value);
+ $pbp: index($-zf-breakpoints-keys, $print-breakpoint);
// If $str is still an empty string, no media query is needed
@if $str == '' {
@@ -145,8 +151,16 @@ $breakpoint-classes: (small medium large) !default;
// Otherwise, wrap the content in a media query
@else {
- @media screen and #{$str} {
- @content;
+ // For named breakpoints less than or equal to $print-breakpoint, add print to the media types
+ @if $bp != null and $bp <= $pbp {
+ @media print, screen and #{$str} {
+ @content;
+ }
+ }
+ @else {
+ @media screen and #{$str} {
+ @content;
+ }
}
}
}
@@ -175,29 +189,26 @@ $breakpoint-classes: (small medium large) !default;
///
/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.
@function -zf-map-next($map, $key) {
- // Store the values of the map as a list, so we can access them with nth
- $values: map-values($map);
-
- // Ghetto for loop
- $i: 1;
- $found: false;
- @each $val in map-keys($map) {
- @if $found == false {
- @if ($key == $val) {
- $found: true;
- }
- $i: $i + 1;
- }
+
+ // Store the keys of the map as a list
+ $values: map-keys($map);
+
+ $i: 0;
+
+ // If the Key Exists, Get the index of the key within the map and add 1 to it for the next breakpoint in the map
+ @if (map-has-key($map, $key)) {
+ $i: index($values, $key) + 1;
}
// If the key doesn't exist, or it's the last key in the map, return null
- @if $i > length($map) {
+ @if ($i > length($map) or $i == 0) {
@return null;
}
// Otherwise, return the value
@else {
- @return nth($values, $i);
+ @return map-get($map, nth($values, $i));
}
+
}
/// Get a value for a breakpoint from a responsive config map. If the config map has the key `$value`, the exact breakpoint value is returned. If the config map does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.
diff --git a/libraries/foundation-6/scss/util/_color.scss b/libraries/foundation-6/scss/util/_color.scss
index a001de2a..ae23683b 100644
--- a/libraries/foundation-6/scss/util/_color.scss
+++ b/libraries/foundation-6/scss/util/_color.scss
@@ -26,7 +26,7 @@
}
}
-/// Scales a color to be lighter if it's light, or darker if it's dark. Use this function to tint a color appropriate to its lightness.
+/// Scales a color to be darker if it's light, or lighter if it's dark. Use this function to tint a color appropriate to its lightness.
///
/// @param {Color} $color - Color to scale.
/// @param {Percentage} $scale [5%] - Amount to scale up or down.
@@ -40,6 +40,20 @@
@return scale-color($color, $lightness: $scale);
}
+/// Get color from foundation-palette
+///
+/// @param {key} color key from foundation-palette
+///
+/// @returns {Color} color from foundation-palette
+@function get-color($key) {
+ @if map-has-key($foundation-palette, $key) {
+ @return map-get($foundation-palette, $key);
+ }
+ @else {
+ @error 'given $key is not available in $foundation-palette';
+ }
+}
+
/// Transfers the colors in the `$foundation-palette` variable into the legacy color variables, such as `$primary-color` and `$secondary-color`. Call this mixin below the Global section of your settings file to properly migrate your codebase.
@mixin add-foundation-colors() {
@if map-has-key($foundation-palette, primary) {
diff --git a/libraries/foundation-6/scss/util/_flex.scss b/libraries/foundation-6/scss/util/_flex.scss
index cf7d3455..cd24dd71 100644
--- a/libraries/foundation-6/scss/util/_flex.scss
+++ b/libraries/foundation-6/scss/util/_flex.scss
@@ -13,6 +13,13 @@ $-zf-flex-align: (
'stretch': stretch,
);
+$-zf-flex-direction: (
+ 'row': row,
+ 'row-reverse': row-reverse,
+ 'column': column,
+ 'column-reverse': column-reverse,
+);
+
/// Enables flexbox by adding `display: flex` to the element.
@mixin flex {
display: flex;
@@ -28,7 +35,7 @@ $-zf-flex-align: (
$x: map-get($-zf-flex-justify, $x);
}
@else {
- @warn 'flex-grid-row-align(): #{$x} is not a valid value for horizontal alignment. Use left, right, center, justify, or spaced.'
+ @warn 'flex-grid-row-align(): #{$x} is not a valid value for horizontal alignment. Use left, right, center, justify, or spaced.';
}
}
@@ -37,7 +44,7 @@ $-zf-flex-align: (
$y: map-get($-zf-flex-align, $y);
}
@else {
- @warn 'flex-grid-row-align(): #{$y} is not a valid value for vertical alignment. Use top, bottom, middle, or stretch.'
+ @warn 'flex-grid-row-align(): #{$y} is not a valid value for vertical alignment. Use top, bottom, middle, or stretch.';
}
}
@@ -54,7 +61,7 @@ $-zf-flex-align: (
$y: map-get($-zf-flex-align, $y);
}
@else {
- @warn 'flex-grid-column-align(): #{$y} is not a valid value for alignment. Use top, bottom, middle, or stretch.'
+ @warn 'flex-grid-column-align(): #{$y} is not a valid value for alignment. Use top, bottom, middle, or stretch.';
}
}
@@ -66,3 +73,13 @@ $-zf-flex-align: (
@mixin flex-order($order: 0) {
order: $order;
}
+
+/// Change flex-direction
+/// @param {Keyword} $direction [row] - Flex direction to use. Can be
+/// - row (default): same as text direction
+/// - row-reverse: opposite to text direction
+/// - column: same as row but top to bottom
+/// - column-reverse: same as row-reverse top to bottom
+@mixin flex-direction($direction: row) {
+ flex-direction: $direction;
+}
diff --git a/libraries/foundation-6/scss/util/_mixins.scss b/libraries/foundation-6/scss/util/_mixins.scss
index 129e0db5..353bc32f 100644
--- a/libraries/foundation-6/scss/util/_mixins.scss
+++ b/libraries/foundation-6/scss/util/_mixins.scss
@@ -16,31 +16,33 @@
$triangle-color,
$triangle-direction
) {
- content: '';
display: block;
width: 0;
height: 0;
+
border: inset $triangle-size;
+ content: '';
+
@if ($triangle-direction == down) {
- border-color: $triangle-color transparent transparent;
- border-top-style: solid;
border-bottom-width: 0;
+ border-top-style: solid;
+ border-color: $triangle-color transparent transparent;
}
@if ($triangle-direction == up) {
- border-color: transparent transparent $triangle-color;
- border-bottom-style: solid;
border-top-width: 0;
+ border-bottom-style: solid;
+ border-color: transparent transparent $triangle-color;
}
@if ($triangle-direction == right) {
- border-color: transparent transparent transparent $triangle-color;
- border-left-style: solid;
border-right-width: 0;
+ border-left-style: solid;
+ border-color: transparent transparent transparent $triangle-color;
}
@if ($triangle-direction == left) {
- border-color: transparent $triangle-color transparent transparent;
- border-right-style: solid;
border-left-width: 0;
+ border-right-style: solid;
+ border-color: transparent $triangle-color transparent transparent;
}
}
@@ -65,33 +67,39 @@
$hover-shadow: ();
// Spacing between bars is calculated based on the total height of the icon and the weight of each bar
- $spacing: floor(($height - ($weight * $bars)) / ($bars - 1));
+ $spacing: ($height - ($weight * $bars)) / ($bars - 1);
+
+ @if unit($spacing) == 'px' {
+ $spacing: floor($spacing);
+ }
// Icon container
position: relative;
display: inline-block;
vertical-align: middle;
- cursor: pointer;
width: $width;
height: $height;
+ cursor: pointer;
// Icon bars
&::after {
- content: '';
position: absolute;
+ top: 0;
+ left: 0;
+
display: block;
width: 100%;
height: $weight;
+
background: $color;
- top: 0;
- left: 0;
+ box-shadow: $shadow;
+
+ content: '';
@for $i from 2 through $bars {
$offset: ($weight + $spacing) * ($i - 1);
$shadow: append($shadow, 0 $offset 0 $color, comma);
}
-
- box-shadow: $shadow;
}
// Hover state
@@ -114,7 +122,7 @@
///
/// @param {Color} $color [$black] - Color to use for the triangle.
@mixin background-triangle($color: $black) {
- $rgb: 'rgb%28#{red($color)}, #{green($color)}, #{blue($color)}%29';
+ $rgb: 'rgb%28#{round(red($color))}, #{round(green($color))}, #{round(blue($color))}%29';
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: #{$rgb}'></polygon></svg>");
@@ -137,8 +145,9 @@
@mixin clearfix {
&::before,
&::after {
- content: ' ';
display: table;
+ content: ' ';
+
@if $global-flexbox {
flex-basis: 0;
order: 1;
@@ -184,8 +193,8 @@
/// Reverses the CSS output created by the `element-invisible()` mixin.
@mixin element-invisible-off {
position: static !important;
- height: auto;
width: auto;
+ height: auto;
overflow: visible;
clip: auto;
}
diff --git a/libraries/foundation-6/scss/util/_selector.scss b/libraries/foundation-6/scss/util/_selector.scss
index 65b00b4f..2c79c041 100644
--- a/libraries/foundation-6/scss/util/_selector.scss
+++ b/libraries/foundation-6/scss/util/_selector.scss
@@ -9,7 +9,8 @@
/// Generates a selector with every text input type. You can also filter the list to only output a subset of those selectors.
///
/// @param {List|Keyword} $types [()] - A list of text input types to use. Leave blank to use all of them.
-@function text-inputs($types: ()) {
+/// @param {Keyword} $modifier [''] - A modifier to be applied to each text input type (e.g. a class or a pseudo-class). Leave blank to ignore.
+@function text-inputs($types: (), $modifier: '') {
$return: ();
$all-types:
@@ -33,7 +34,7 @@
}
@each $type in $types {
- $return: append($return, unquote('[type=\'#{$type}\']'), comma);
+ $return: append($return, unquote('[type=\'#{$type}\']#{$modifier}'), comma);
}
@return $return;
diff --git a/libraries/foundation-6/scss/util/_unit.scss b/libraries/foundation-6/scss/util/_unit.scss
index bb96c98c..c8cc6be5 100644
--- a/libraries/foundation-6/scss/util/_unit.scss
+++ b/libraries/foundation-6/scss/util/_unit.scss
@@ -8,8 +8,6 @@
$global-font-size: 100% !default;
-// scss-lint:disable ZeroUnit
-
/// Removes the unit (e.g. px, em, rem) from a value, returning the number only.
///
/// @param {Number} $num - Number to strip unit from.
@@ -40,6 +38,11 @@ $global-font-size: 100% !default;
$base: ($base / 100%) * 16px;
}
+ // Using rem as base allows correct scaling
+ @if unit($base) == 'rem' {
+ $base: strip-unit($base) * 16px;
+ }
+
@if $count == 1 {
@return -zf-to-rem($values, $base);
}
diff --git a/libraries/foundation-6/scss/util/_value.scss b/libraries/foundation-6/scss/util/_value.scss
index 54e562b0..cec4408b 100644
--- a/libraries/foundation-6/scss/util/_value.scss
+++ b/libraries/foundation-6/scss/util/_value.scss
@@ -105,3 +105,36 @@
}
@return $map;
}
+
+/// Casts a map into a list.
+/// @link http://hugogiraudel.com/2014/04/28/casting-map-into-list/
+///
+/// @param {Map} $map - Map to pull a value from.
+///
+/// @returns {List} Depending on the flag, returns either $keys or $values or both.
+@function map-to-list($map, $keep: 'both') {
+ $keep: if(index('keys' 'values', $keep), $keep, 'both');
+
+ @if type-of($map) == 'map' {
+ $keys: ();
+ $values: ();
+
+ @each $key, $val in $map {
+ $keys: append($keys, $key);
+ $values: append($values, $val);
+ }
+
+ @if $keep == 'keys' {
+ @return $keys;
+ }
+ @else if $keep == 'values' {
+ @return $values;
+ }
+ @else {
+ @return zip($keys, $values);
+ }
+ }
+
+ @return if(type-of($map) != 'list', ($value,), $map);
+
+}
diff --git a/libraries/foundation-6/test/javascript/components/accordion.js b/libraries/foundation-6/test/javascript/components/accordion.js
index 302031bf..c4837c5e 100644
--- a/libraries/foundation-6/test/javascript/components/accordion.js
+++ b/libraries/foundation-6/test/javascript/components/accordion.js
@@ -1,20 +1,142 @@
describe('Accordion', function() {
- var plugin;
- var $html;
+ var plugin;
+ var $html;
+ var template = `<ul class="accordion" data-accordion>
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content >
+ <p>Panel 1. Lorem ipsum dolor</p>
+ <a href="#">Nowhere to Go</a>
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ <textarea></textarea>
+ <button class="button">I do nothing!</button>
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 3</a>
+ <div class="accordion-content" data-tab-content>
+ Pick a date!
+ <input type="date"></input>
+ </div>
+ </li>
+</ul>`;
- // afterEach(function() {
- // plugin.destroy();
- // $html.remove();
- // });
+ afterEach(function() {
+ plugin.destroy();
+ $html.remove();
+ });
- describe('constructor()', function() {
- // it('', function() {
- // $html = $('').appendTo('body');
- // plugin = new Foundation.Accordion($html, {});
+ describe('constructor()', function() {
+ it('stores the element and plugin options', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Accordion($html, {});
- // plugin.$element.should.be.an('object');
- // plugin.options.should.be.an('object');
- // });
- });
+ plugin.$element.should.be.an('object');
+ plugin.options.should.be.an('object');
+ });
+ });
+ describe('up()', function(done) {
+ it('closes the targeted container if allowAllClosed is true', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Accordion($html, {allowAllClosed: true});
+
+ plugin.up($html.find('.accordion-content').eq(0));
+ $html.find('.accordion-content').eq(0).should.have.attr('aria-hidden', 'true');
+ $html.on('up.zf.accordion', function() {
+ $html.find('.accordion-content').eq(0).should.be.hidden;
+ done();
+ });
+ });
+
+ it('toggles attributes of title of the targeted container', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Accordion($html, {allowAllClosed: true});
+
+ plugin.up($html.find('.accordion-content').eq(0));
+ $html.find('.accordion-title').eq(0).should.have.attr('aria-expanded', 'false');
+ $html.find('.accordion-title').eq(0).should.have.attr('aria-selected', 'false');
+ });
+
+ it('not closes the open container if allowAllClosed is false', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Accordion($html, {allowAllClosed: false});
+
+ plugin.up($html.find('.accordion-content').eq(0));
+ $html.find('.accordion-content').eq(0).should.be.visible;
+ // Element has aria-hidden="false" not set if it has not been actively toggled so far
+ // Therefor check if it has not aria-hidden="true"
+ $html.find('.accordion-content').eq(0).should.not.have.attr('aria-hidden', 'true');
+ });
+ });
+
+ describe('down()', function() {
+ it('opens the targeted container', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Accordion($html, {});
+
+ plugin.down($html.find('.accordion-content').eq(1));
+ $html.find('.accordion-content').eq(1).should.be.visible;
+ $html.find('.accordion-content').eq(1).should.have.attr('aria-hidden', 'false');
+ });
+
+ it('toggles attributes of title of the targeted container', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Accordion($html, {});
+
+ plugin.down($html.find('.accordion-content').eq(1));
+ $html.find('.accordion-title').eq(1).should.have.attr('aria-expanded', 'true');
+ $html.find('.accordion-title').eq(1).should.have.attr('aria-selected', 'true');
+ });
+
+ it('closes open container if multiExpand is false', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Accordion($html, {multiExpand: false});
+
+ plugin.down($html.find('.accordion-content').eq(1));
+ $html.find('.accordion-content').eq(0).should.have.attr('aria-hidden', 'true');
+ $html.on('up.zf.accordion', function() {
+ $html.find('.accordion-content').eq(0).should.be.hidden;
+ done();
+ });
+ });
+
+ it('not closes open container if multiExpand is true', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Accordion($html, {multiExpand: true});
+
+ plugin.down($html.find('.accordion-content').eq(1));
+ $html.find('.accordion-content').eq(0).should.be.visible;
+ // Element has aria-hidden="false" not set if it has not been actively toggled so far
+ // Therefor check if it has not aria-hidden="true"
+ $html.find('.accordion-content').eq(0).should.not.have.attr('aria-hidden', 'true');
+ });
+ });
+
+ describe('toggle()', function(done) {
+ it('closes the only open container if allowAllClosed is true', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Accordion($html, {allowAllClosed: true});
+
+ plugin.toggle($html.find('.accordion-content').eq(0));
+ $html.find('.accordion-content').eq(0).should.have.attr('aria-hidden', 'true');
+ $html.on('up.zf.accordion', function() {
+ $html.find('.accordion-content').eq(0).should.be.hidden;
+ done();
+ });
+ });
+
+ it('not closes the only open container if allowAllClosed is false', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Accordion($html, {allowAllClosed: false});
+
+ plugin.toggle($html.find('.accordion-content').eq(0));
+ $html.find('.accordion-content').eq(0).should.be.visible;
+ $html.find('.accordion-content').eq(0).should.have.attr('aria-hidden', 'false');
+ });
+ });
});
\ No newline at end of file
diff --git a/libraries/foundation-6/test/javascript/components/accordionMenu.js b/libraries/foundation-6/test/javascript/components/accordionMenu.js
index 7a3c8df3..8847a355 100644
--- a/libraries/foundation-6/test/javascript/components/accordionMenu.js
+++ b/libraries/foundation-6/test/javascript/components/accordionMenu.js
@@ -1,20 +1,171 @@
describe('Accordion Menu', function() {
- var plugin;
- var $html;
-
- // afterEach(function() {
- // plugin.destroy();
- // $html.remove();
- // });
-
- describe('constructor()', function() {
- // it('', function() {
- // $html = $('').appendTo('body');
- // plugin = new Foundation.AccordionMenu($html, {});
-
- // plugin.$element.should.be.an('object');
- // plugin.options.should.be.an('object');
- // });
- });
+ var plugin;
+ var $html;
+ var template = `<ul class="vertical tree" data-accordion-menu>
+ <li><span>Item 1</span>
+ <ul class="tree vertical nested">
+ <li><span>Item 1A</span>
+ <ul class="tree vertical nested">
+ <li><span>Item 1Ai</span></li>
+ <li><a href="http://www.google.com">External link</a></li>
+ <li><span>Item 1Aiii</span></li>
+ </ul>
+ </li>
+ <li><span>Item 1B</span></li>
+ <li><span>Item 1C</span></li>
+ </ul>
+ </li>
+ <li><span>Item 2</span>
+ <ul class="tree vertical nested">
+ <li><span>Item 2A</a></li>
+ <li><span>Item 2B</a></li>
+ </ul>
+ </li>
+ <li><a href="http://www.google.com">External link</a></li>
+ </ul>`;
+ Foundation.AccordionMenu.defaults.slideSpeed = 0;
+
+ afterEach(function() {
+ plugin.destroy();
+ $html.remove();
+ });
+
+ describe('constructor()', function() {
+ it('stores the element and plugin options', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.AccordionMenu($html, {});
+
+ plugin.$element.should.be.an('object');
+ plugin.options.should.be.an('object');
+ });
+ });
+
+ describe('up()', function() {
+ it('closes the targeted submenu', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.AccordionMenu($html);
+
+ // Open it first
+ plugin.down($html.find('.is-accordion-submenu').eq(0));
+
+ plugin.up($html.find('.is-accordion-submenu').eq(0));
+ $html.find('.is-accordion-submenu').eq(0).should.be.hidden;
+ });
+
+ it('toggles attributes of title of the targeted container', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.AccordionMenu($html, {});
+
+ // Open it first
+ plugin.down($html.find('.is-accordion-submenu').eq(0));
+
+ plugin.up($html.find('.is-accordion-submenu').eq(0));
+ $html.find('.is-accordion-submenu-parent').eq(0).should.have.attr('aria-expanded', 'false');
+ });
+
+ it('fires up.zf.accordionMenu event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.AccordionMenu($html, {slideSpeed: 200});
+
+ // Open it first
+ plugin.down($html.find('.is-accordion-submenu').eq(0));
+
+ $html.on('up.zf.accordionMenu', function() {
+ $html.find('.is-accordion-submenu').eq(0).should.be.hidden;
+ done();
+ });
+ plugin.up($html.find('.is-accordion-submenu').eq(0));
+ });
+ });
+
+ describe('down()', function() {
+ it('opens the targeted submenu', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.AccordionMenu($html, {});
+
+ plugin.down($html.find('.is-accordion-submenu').eq(0));
+ $html.find('.is-accordion-submenu').eq(0).should.be.visible;
+ });
+
+ it('toggles attributes of title of the targeted submenu', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.AccordionMenu($html, {});
+
+ plugin.down($html.find('.is-accordion-submenu').eq(0));
+ $html.find('.is-accordion-submenu-parent').eq(0).should.have.attr('aria-expanded', 'true');
+ });
+
+ it('closes open submenu if multiOpen is false', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.AccordionMenu($html, {multiOpen: false});
+
+ // Open another one first
+ plugin.down($html.find('.is-accordion-submenu').eq(0));
+
+ plugin.down($html.find('.is-accordion-submenu').eq(2));
+ $html.find('.is-accordion-submenu').eq(0).should.be.hidden;
+ });
+
+ it('not closes open submenu if multiOpen is true', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.AccordionMenu($html, {multiOpen: true});
+
+ // Open another one first
+ plugin.down($html.find('.is-accordion-submenu').eq(0));
+
+ plugin.down($html.find('.is-accordion-submenu').eq(2));
+ $html.find('.is-accordion-submenu').eq(0).should.be.visible;
+ });
+
+ it('fires down.zf.accordionMenu event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.AccordionMenu($html, {slideSpeed: 200});
+
+ $html.on('down.zf.accordionMenu', function() {
+ $html.find('.is-accordion-submenu').eq(0).should.be.visible;
+ done();
+ });
+ plugin.down($html.find('.is-accordion-submenu').eq(0));
+ });
+ });
+
+ describe('toggle()', function() {
+ it('opens a closed container', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.AccordionMenu($html, {});
+
+ plugin.toggle($html.find('.is-accordion-submenu').eq(0));
+ $html.find('.is-accordion-submenu').eq(0).should.be.visible;
+ });
+
+ it('closes an open container', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.AccordionMenu($html, {});
+
+ // Open first
+ plugin.down($html.find('.is-accordion-submenu').eq(0));
+
+ plugin.toggle($html.find('.is-accordion-submenu').eq(0));
+ $html.find('.is-accordion-submenu').eq(0).should.be.hidden;
+ });
+ });
+
+ describe('hideAll()', function() {
+ it('closes all accordions', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.AccordionMenu($html, {});
+
+ // Open some first
+ plugin.down($html.find('.is-accordion-submenu').eq(0));
+ plugin.down($html.find('.is-accordion-submenu').eq(1));
+ plugin.down($html.find('.is-accordion-submenu').eq(2));
+
+ plugin.hideAll();
+
+ $html.find('[data-submenu]').each(function() {
+ $(this).should.be.hidden;
+ });
+ });
+ });
});
\ No newline at end of file
diff --git a/libraries/foundation-6/test/javascript/components/drilldown.js b/libraries/foundation-6/test/javascript/components/drilldown.js
index 915dee4b..8cd6f9c4 100644
--- a/libraries/foundation-6/test/javascript/components/drilldown.js
+++ b/libraries/foundation-6/test/javascript/components/drilldown.js
@@ -1,20 +1,215 @@
describe('Drilldown Menu', function() {
- var plugin;
- var $html;
-
- // afterEach(function() {
- // plugin.destroy();
- // $html.remove();
- // });
-
- describe('constructor()', function() {
- // it('', function() {
- // $html = $('').appendTo('body');
- // plugin = new Foundation.Drilldown($html, {});
-
- // plugin.$element.should.be.an('object');
- // plugin.options.should.be.an('object');
- // });
- });
+ var plugin;
+ var $html;
+ var template = `<ul class="menu" data-drilldown style="width: 200px" id="m1">
+ <li>
+ <a href="#">Item 1</a>
+ <ul class="menu">
+ <li>
+ <a href="#">Item 1A</a>
+ <ul class="menu">
+ <li><a href="#Item-1Aa">Item 1Aa</a></li>
+ <li><a href="#Item-1Ba">Item 1Ba</a></li>
+ </ul>
+ </li>
+ <li><a href="#Item-1B">Item 1B</a></li>
+ <li><a href="#Item-1C">Item 1C</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">Item 2</a>
+ <ul class="menu">
+ <li><a href="#Item-2A">Item 2A</a></li>
+ <li><a href="#Item-2B">Item 2B</a></li>
+ </ul>
+ </li>
+ <li><a href="#Item-3"> Item 3</a></li>
+ </ul>`;
+
+ afterEach(function() {
+ plugin.destroy();
+ $html.remove();
+ });
+
+ describe('constructor()', function() {
+ it('stores the element and plugin options', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ plugin.$element.should.be.an('object');
+ plugin.options.should.be.an('object');
+ });
+ });
+
+ describe('init()', function() {
+ it('stores additional elements', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ plugin.$submenuAnchors.should.be.an('object');
+ plugin.$submenus.should.be.an('object');
+ plugin.$menuItems.should.be.an('object');
+ });
+ });
+
+ describe('prepareMenu()', function() {
+ it('wraps the submenus', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ });
+ it('adds ARIA attributes', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ plugin.$element.find('[data-submenu]').each(function() {
+ $(this).should.have.attr('role', 'menu');
+ $(this).should.have.attr('aria-hidden', 'true');
+ });
+
+ plugin.$element.find('.is-drilldown-submenu-parent').each(function() {
+ $(this).should.have.attr('aria-haspopup', 'true');
+ $(this).should.have.attr('aria-expanded', 'false');
+ $(this).should.have.attr('aria-label', $(this).children('a').first().text());
+ });
+ });
+ });
+
+ describe('show()', function() {
+ it('shows the given submenu', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ plugin._show($html.find('li.is-drilldown-submenu-parent').eq(0));
+
+ // Checking with .be.hidden is not possible because they don't have display: block but z-index: -1
+ $html.find('li.is-drilldown-submenu-parent').eq(0).find('ul').should.have.class('is-active');
+ });
+ it('toggles ARIA attributes', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ plugin._show($html.find('li.is-drilldown-submenu-parent').eq(0));
+
+ $html.find('li.is-drilldown-submenu-parent').eq(0).should.have.attr('aria-expanded', 'true');
+ $html.find('li.is-drilldown-submenu-parent').eq(0).children('ul').should.have.attr('aria-hidden', 'false');
+ });
+ it('fires open.zf.drilldown event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ $html.on('open.zf.drilldown', function() {
+ // Checking with .be.hidden is not possible because they don't have display: block but z-index: -1
+ $html.find('li.is-drilldown-submenu-parent').eq(0).find('ul').should.have.class('is-active');
+ done();
+ });
+
+ plugin._show($html.find('li.is-drilldown-submenu-parent').eq(0));
+ });
+ });
+
+ describe('hide()', function() {
+ it('hides the given submenu', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ // Open it first
+ plugin._show($html.find('li.is-drilldown-submenu-parent').eq(0));
+
+ plugin._hide($html.find('li.is-drilldown-submenu-parent').eq(0).children('ul'));
+
+ // Checking with .be.hidden is not possible because they don't have display: block but z-index: -1
+ $html.find('li.is-drilldown-submenu-parent').eq(0).children('ul').should.have.class('is-closing');
+ });
+ it('toggles ARIA attributes', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ // Open it first
+ plugin._show($html.find('li.is-drilldown-submenu-parent').eq(0));
+
+ plugin._hide($html.find('li.is-drilldown-submenu-parent').eq(0).children('ul'));
+
+ $html.find('li.is-drilldown-submenu-parent').eq(0).should.have.attr('aria-expanded', 'false');
+ $html.find('li.is-drilldown-submenu-parent').eq(0).children('ul').should.have.attr('aria-hidden', 'true');
+ });
+ it('fires hide.zf.drilldown event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ // Open it first
+ plugin._show($html.find('li.is-drilldown-submenu-parent').eq(0));
+
+ $html.on('hide.zf.drilldown', function() {
+ // Checking with .be.hidden is not possible because they don't have display: block but z-index: -1
+ $html.find('li.is-drilldown-submenu-parent').eq(0).children('ul').should.have.class('is-closing');
+ done();
+ });
+
+ plugin._hide($html.find('li.is-drilldown-submenu-parent').eq(0).children('ul'));
+ });
+ });
+
+ describe('hideAll()', function() {
+ it('hides all submenus', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ // Open one first
+ plugin._show($html.find('li.is-drilldown-submenu-parent').eq(2));
+
+ plugin._hideAll();
+
+ $html.find('ul[data-submenu].is-active').each(function() {
+ // Checking with .be.hidden is not possible because they don't have display: block but z-index: -1
+ $(this).should.have.class('is-closing');
+ });
+ });
+ it('fires closed.zf.drilldown event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ // Open one first
+ plugin._show($html.find('li.is-drilldown-submenu-parent').eq(2));
+
+ $html.one('closed.zf.drilldown', function() {
+ $html.find('ul[data-submenu].is-active').each(function() {
+ // Checking with .be.hidden is not possible because they don't have display: block but z-index: -1
+ $(this).should.have.class('is-closing');
+ });
+ done();
+ });
+
+ plugin._hideAll();
+ });
+ });
+
+ describe('back()', function() {
+ it('hides current submenu', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ // Open one first
+ plugin._show($html.find('li.is-drilldown-submenu-parent').eq(1));
+
+ $html.find('li.is-drilldown-submenu-parent').eq(1).children('ul').children('.js-drilldown-back').trigger('click');
+
+ // Checking with .be.hidden is not possible because they don't have display: block but z-index: -1
+ $html.find('li.is-drilldown-submenu-parent').eq(1).children('ul').should.have.class('is-closing');
+ });
+ it('shows parent submenu', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Drilldown($html, {});
+
+ // Open one first
+ plugin._show($html.find('li.is-drilldown-submenu-parent').eq(1));
+
+ $html.find('li.is-drilldown-submenu-parent').eq(1).children('ul').children('.js-drilldown-back').trigger('click');
+
+ // Checking with .be.hidden is not possible because they don't have display: block but z-index: -1
+ $html.find('li.is-drilldown-submenu-parent').eq(0).children('ul').should.have.class('is-active');
+ });
+ });
+
});
\ No newline at end of file
diff --git a/libraries/foundation-6/test/javascript/components/dropdown.js b/libraries/foundation-6/test/javascript/components/dropdown.js
index 18c62daa..42f2f6ca 100644
--- a/libraries/foundation-6/test/javascript/components/dropdown.js
+++ b/libraries/foundation-6/test/javascript/components/dropdown.js
@@ -1,20 +1,64 @@
describe('Dropdown', function() {
- var plugin;
- var $html;
+ let plugin;
+ let $dropdownController;
+ let $dropdownContainer;
- // afterEach(function() {
- // plugin.destroy();
- // $html.remove();
- // });
+ const getDropdownController = (buttonClasses = '') =>
+ `<button class="${buttonClasses}" type="button" data-toggle="my-dropdown">toggle</button>`;
+ const getDropdownContainer = (dropdownClasses = '') =>
+ `<div class="${dropdownClasses}" data-dropdown id="my-dropdown">Dropdown</div>`;
- describe('constructor()', function() {
- // it('', function() {
- // $html = $('').appendTo('body');
- // plugin = new Foundation.Dropdown($html, {});
+ afterEach(function() {
+ plugin.destroy();
+ $dropdownController.remove();
+ $dropdownContainer.remove();
+ });
- // plugin.$element.should.be.an('object');
- // plugin.options.should.be.an('object');
- // });
- });
+ describe('constructor()', function() {
+ it('stores the element & plugin options', function() {
+ $dropdownController = $(getDropdownController()).appendTo('body');
+ $dropdownContainer = $(getDropdownContainer()).appendTo('body');
+ plugin = new Foundation.Dropdown($dropdownContainer, {});
-});
\ No newline at end of file
+ plugin.$element.should.be.an('object');
+ plugin.options.should.be.an('object');
+ });
+ });
+
+ describe('getPositionClass()', function() {
+ it('has no orientation', function() {
+ $dropdownController = $(getDropdownController()).appendTo('body');
+ $dropdownContainer = $(getDropdownContainer()).appendTo('body');
+ plugin = new Foundation.Dropdown($dropdownContainer, {});
+
+ plugin.getPositionClass().trim().should.equal('');
+ });
+
+ it('has vertical position', function() {
+ $dropdownController = $(getDropdownController()).appendTo('body');
+ $dropdownContainer = $(getDropdownContainer('custom-style-before bottom custom-style-after'))
+ .appendTo('body');
+ plugin = new Foundation.Dropdown($dropdownContainer, {});
+
+ plugin.getPositionClass().trim().should.equal('bottom');
+ });
+
+ it('has horizontal position', function() {
+ $dropdownController = $(getDropdownController('custom-style-before float-right custom-style-after'))
+ .appendTo('body');
+ $dropdownContainer = $(getDropdownContainer()).appendTo('body');
+ plugin = new Foundation.Dropdown($dropdownContainer, {});
+
+ plugin.getPositionClass().trim().should.equal('right');
+ });
+
+ it('has horizontal position and only one class', function() {
+ $dropdownController = $(getDropdownController('float-right'))
+ .appendTo('body');
+ $dropdownContainer = $(getDropdownContainer()).appendTo('body');
+ plugin = new Foundation.Dropdown($dropdownContainer, {});
+
+ plugin.getPositionClass().trim().should.equal('right');
+ });
+ });
+});
diff --git a/libraries/foundation-6/test/javascript/components/interchange.js b/libraries/foundation-6/test/javascript/components/interchange.js
index 945b7465..8186c4ea 100644
--- a/libraries/foundation-6/test/javascript/components/interchange.js
+++ b/libraries/foundation-6/test/javascript/components/interchange.js
@@ -1,20 +1,195 @@
describe('Interchange', function() {
- var plugin;
- var $html;
-
- // afterEach(function() {
- // plugin.destroy();
- // $html.remove();
- // });
-
- describe('constructor()', function() {
- // it('', function() {
- // $html = $('').appendTo('body');
- // plugin = new Foundation.Interchange($html, {});
-
- // plugin.$element.should.be.an('object');
- // plugin.options.should.be.an('object');
- // });
- });
+ var plugin;
+ var $html;
+
+ /**
+ * Generates paths to different assets
+ * @param {[type]} type [description]
+ * @param {[type]} size [description]
+ * @return {[type]} [description]
+ */
+ var getPath = function(type, size) {
+ switch (type) {
+ case 'image':
+ case 'background':
+ return `_build/assets/img/interchange/${size}.jpg`;
+ default:
+ return `_build/assets/partials/interchange-${size}.html`;
+ }
+ };
+ /**
+ * Generates templates to use based on type.
+ * @param {string} type Type to generate, image, background or template.
+ * @return {string} Generated template.
+ */
+ var generateTemplate = function(type) {
+ var type = type || 'template',
+ tag = type === 'image' ? 'img' : 'div',
+ path;
+ switch (type) {
+ case 'image':
+ return `<img data-interchange="
+ [${getPath(type, 'small')}, small],
+ [${getPath(type, 'medium')}, medium],
+ [${getPath(type, 'large')}, large]
+ ">`;
+ case 'background':
+ return `<div data-interchange="
+ [${getPath(type, 'small')}, small],
+ [${getPath(type, 'medium')}, medium],
+ [${getPath(type, 'large')}, large]
+ "></div>`;
+ default:
+ return `<div data-interchange="
+ [${getPath(type, 'default')}, small],
+ [${getPath(type, 'medium')}, medium],
+ [${getPath(type, 'large')}, large]
+ "></div>`;
+ }
+ };
+
+ afterEach(function() {
+ plugin.destroy();
+ $html.remove();
+ });
+
+ describe('constructor()', function() {
+ it('stores the element and plugin options', function() {
+ $html = $(generateTemplate('template')).appendTo('body');
+ plugin = new Foundation.Interchange($html, {});
+
+ plugin.$element.should.be.an('object');
+ plugin.options.should.be.an('object');
+ });
+ });
+
+ describe('replace()', function() {
+ it('replaces src attribute of img', function() {
+ $html = $(generateTemplate('image')).attr('data-interchange', '').appendTo('body');
+ plugin = new Foundation.Interchange($html, {});
+
+ plugin.replace(getPath('img', 'large'));
+
+ $html.should.have.attr('src', getPath('img', 'large'));
+ });
+
+ it('replaces background style of divs', function() {
+ $html = $(generateTemplate('background')).attr('data-interchange', '').appendTo('body');
+ plugin = new Foundation.Interchange($html, {});
+
+ plugin.replace(getPath('background', 'large'));
+
+ $html[0].style.backgroundImage.should.contain(getPath('background', 'large'));
+ });
+
+ it('replaces contents of div with templates', function() {
+ $html = $(generateTemplate('template')).attr('data-interchange', '').appendTo('body');
+ plugin = new Foundation.Interchange($html, {});
+
+ var spy = sinon.spy($, 'get');
+
+ plugin.replace(getPath('template', 'large'));
+
+ sinon.assert.calledWith(spy, getPath('template', 'large'));
+
+ spy.restore();
+ });
+
+ it('fires replaced.zf.interchange event', function() {
+ $html = $(generateTemplate('image')).appendTo('body');
+ plugin = new Foundation.Interchange($html, {});
+
+ let spy = sinon.spy();
+ $html.on('replaced.zf.interchange', spy);
+
+ plugin.replace(getPath('image', 'large'));
+
+ sinon.assert.called(spy);
+ });
+ });
+
+ describe('reflow()', function() {
+ it('calls replace for given media query', function() {
+ $html = $(generateTemplate('image')).attr('data-interchange', '[image.png, (min-width: 1px)]').appendTo('body');
+ plugin = new Foundation.Interchange($html, {});
+
+ let spy = sinon.spy();
+ plugin.replace = spy;
+
+ plugin._reflow();
+
+ sinon.assert.calledWith(spy, 'image.png');
+ });
+ });
+
+ describe('generateRules()', function() {
+ it('extracts rules from the plugin element', function() {
+ $html = $(generateTemplate('image')).appendTo('body');
+ plugin = new Foundation.Interchange($html, {});
+
+ plugin._generateRules($html);
+
+ plugin.rules.length.should.be.equal(3);
+ });
+
+ it('extracts special queries from the plugin element', function() {
+ $html = $(generateTemplate('image')).attr('data-interchange', '[image.png, retina]').appendTo('body');
+ plugin = new Foundation.Interchange($html, {});
+
+ plugin._generateRules($html);
+
+ plugin.rules[0].query.should.be.equal(Foundation.Interchange.SPECIAL_QUERIES['retina']);
+ });
+ });
+
+
+ describe('addBreakpoints()', function() {
+ it('adds Foundation breakpoints to special queries', function() {
+ $html = $(generateTemplate('image')).appendTo('body');
+ plugin = new Foundation.Interchange($html, {});
+
+
+ var specialQueriesCount = Object.keys(Foundation.Interchange.SPECIAL_QUERIES).length,
+ foundationMediaQueriesCount = Foundation.MediaQuery.queries.length;
+
+ Foundation.MediaQuery.queries.push({
+ name: 'test-query',
+ value: 'test-query-value'
+ })
+
+ plugin._addBreakpoints($html);
+
+ Object.keys(Foundation.Interchange.SPECIAL_QUERIES).length.should.be.equal(specialQueriesCount + 1);
+
+ // Reset Foundation.MediaQueries
+ Foundation.MediaQuery.queries.length = foundationMediaQueriesCount;
+ });
+ });
+
+ describe('events()', function() {
+ it('calls reflow on viewport size change once', function(done) {
+ $html = $(generateTemplate('image')).appendTo('body');
+ plugin = new Foundation.Interchange($html, {});
+
+ let spy = sinon.spy(plugin, '_reflow');
+
+ $(window).trigger('resize');
+
+ setTimeout(function() {
+ $(window).trigger('resize');
+ }, 30);
+
+ setTimeout(function() {
+ $(window).trigger('resize');
+ }, 60);
+
+ setTimeout(function() { // Wait for third trigger...
+ $(window).trigger('resize');
+ sinon.assert.calledOnce(spy);
+ done();
+ }, 60);
+ });
+ });
+
});
\ No newline at end of file
diff --git a/libraries/foundation-6/test/javascript/components/magellan.js b/libraries/foundation-6/test/javascript/components/magellan.js
index 26678f2c..23e6d4f5 100644
--- a/libraries/foundation-6/test/javascript/components/magellan.js
+++ b/libraries/foundation-6/test/javascript/components/magellan.js
@@ -1,6 +1,31 @@
describe('Magellan', function() {
var plugin;
- var $html;
+ var $html, $content;
+
+ var generateUl = function(count) {
+ var html = '';
+ html += '<ul class="vertical-menu">';
+ for (var c = 0; c < count; c++) {
+ html += '<li><a href="#target-' + c + '">Section ' + c + '</a></li>';
+ }
+ html += '</ul>';
+ return html;
+ };
+ var generateContent = function(count) {
+ var html = '';
+ html += '<div>';
+ for (var c = 0; c < count; c++) {
+ html += '<div id="target-' + c + '" style="height: 1000px";>Section ' + c + '</div>';
+ }
+ html += '</div>';
+ return html;
+ };
+
+ afterEach(function() {
+ plugin.destroy();
+ $html.remove();
+ $content.remove();
+ });
// afterEach(function() {
// plugin.destroy();
@@ -17,4 +42,54 @@ describe('Magellan', function() {
// });
});
+
+ describe('scrollToLoc()', function() {
+ it('scrolls the selected element into viewport', function(done) {
+ var count = 5, duration = 200;
+ $html = $(generateUl(count)).appendTo('body');
+ $content = $(generateContent(count)).appendTo('body');
+ plugin = new Foundation.Magellan($html, {
+ animationDuration: duration
+ });
+
+
+
+ // Jump to last section
+ var target = $html.find('a').eq(-1).attr('href');
+ plugin.scrollToLoc(target);
+
+ // The `update` event doesn't work properly because it fires too often
+ setTimeout(function() {
+ var isInViewport = false;
+ if ($content.find('div').eq(-1).offset().top > $('body').scrollTop() && $content.offset().top < $('body').scrollTop() + $('body').innerHeight()) {
+ isInViewport = true;
+ }
+ isInViewport.should.equal(true);
+ done();
+ }, duration);
+
+ });
+
+
+ it('fails gracefully when target does not exist', function() {
+ var count = 5, duration = 200;
+ $html = $(generateUl(count)).appendTo('body');
+ $content = $(generateContent(count - 1)).appendTo('body');
+ plugin = new Foundation.Magellan($html, {
+ animationDuration: duration
+ });
+
+ var hasError = false;
+ try {
+ var target = $html.find('a').eq(-1).attr('href');
+ plugin.scrollToLoc(target);
+ } catch (err) {
+ hasError = true;
+ }
+ hasError.should.equal(false);
+
+ });
+
+ });
+
});
\ No newline at end of file
diff --git a/libraries/foundation-6/test/javascript/components/offcanvas.js b/libraries/foundation-6/test/javascript/components/offcanvas.js
index 3935a140..6df80d2e 100644
--- a/libraries/foundation-6/test/javascript/components/offcanvas.js
+++ b/libraries/foundation-6/test/javascript/components/offcanvas.js
@@ -1,20 +1,232 @@
describe('Off Canvas', function() {
- var plugin;
- var $html;
-
- // afterEach(function() {
- // plugin.destroy();
- // $html.remove();
- // });
-
- describe('constructor()', function() {
- // it('', function() {
- // $html = $('').appendTo('body');
- // plugin = new Foundation.OffCanvas($html, {});
-
- // plugin.$element.should.be.an('object');
- // plugin.options.should.be.an('object');
- // });
- });
+ var plugin;
+ var $html;
+ var template = `<div class="off-canvas-wrapper">
+ <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
+ <div class="off-canvas position-left" id="offCanvas" data-off-canvas>
+
+ <!-- Close button -->
+ <button class="close-button" aria-label="Close menu" type="button" data-close>
+ <span aria-hidden="true">×</span>
+ </button>
+
+ <!-- Menu -->
+ <ul class="vertical menu">
+ <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="off-canvas-content" data-off-canvas-content>
+ <!-- Page content -->
+ PAGE_CONTENT.
+
+ <!-- Triggers -->
+ <button type="button" class="button" data-toggle="offCanvas">Open Menu</button>
+ </div>
+ </div>
+ </div>`;
+
+ afterEach(function() {
+ plugin.destroy();
+ $html.remove();
+ });
+
+ describe('constructor()', function() {
+ it('stores the element and plugin options', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {});
+
+ plugin.$element.should.be.an('object');
+ plugin.options.should.be.an('object');
+ });
+ });
+
+ describe('init()', function() {
+ it('finds triggers for the Off Canvas', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {});
+
+ plugin.$triggers.length.should.be.equal(1);
+ });
+
+ it('sets ARIA attributes', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {});
+
+ plugin.$element.should.have.attr('aria-hidden', 'true');
+ plugin.$triggers.should.have.attr('aria-controls', plugin.$element.attr('id'));
+ plugin.$triggers.should.have.attr('aria-expanded', 'false');
+ });
+
+ it('closes Off Canvas on outside click if closeOnClick option is true', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {closeOnClick: true});
+
+ plugin.$exiter.should.be.an('object');
+
+ $html.one(Foundation.transitionend($html), function() {
+ plugin.$exiter.trigger('click');
+ plugin.$element.should.not.have.class('is-open');
+ done();
+ });
+
+ plugin.open();
+ });
+ });
+
+ describe('open()', function() {
+ it('toggles ARIA attributes', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {});
+
+ $html.one(Foundation.transitionend($html), function() {
+ plugin.$triggers.should.have.attr('aria-expanded', 'true');
+ plugin.$element.should.have.attr('aria-hidden', 'false');
+ done();
+ });
+
+ plugin.open();
+ });
+
+ it('adds active classes', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {});
+
+ $html.one(Foundation.transitionend($html), function() {
+ plugin.$element.should.have.class('is-open');
+ $html.find('[data-off-canvas-wrapper]').should.have.class('is-off-canvas-open');
+ done();
+ });
+
+ plugin.open();
+ });
+
+ it('focusses Off Canvas if autoFocus option is true', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {autoFocus: true});
+
+
+ $html.one(Foundation.transitionend($html), function() {
+ plugin.$element.should.have.attr('tabindex', '-1');
+ plugin.$element[0].should.be.equal(document.activeElement);
+ done();
+ });
+
+ plugin.open();
+ });
+
+ it('sets tabindex attribute to -1 if trapFocus option is true', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {trapFocus: true});
+
+ $html.one(Foundation.transitionend($html), function() {
+ plugin.$element.should.have.attr('tabindex', '-1');
+ done();
+ });
+
+ plugin.open();
+ });
+
+
+ it('fires opened.zf.offcanvas event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {});
+
+ $html.on('opened.zf.offcanvas', function() {
+ $html.one(Foundation.transitionend($html), function() {
+ done();
+ });
+ });
+
+ plugin.open();
+ });
+ });
+
+ describe('close()', function() {
+ it('toggles ARIA attributes', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {});
+
+ $html.one(Foundation.transitionend($html), function() {
+ plugin.close();
+
+ plugin.$triggers.should.have.attr('aria-expanded', 'false');
+ plugin.$element.should.have.attr('aria-hidden', 'true');
+ done();
+ });
+
+ // Open it first
+ plugin.open();
+ });
+
+ it('removes active classes', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {});
+
+ $html.one(Foundation.transitionend($html), function() {
+ plugin.close();
+
+ plugin.$element.should.not.have.class('is-open');
+ $html.find('[data-off-canvas-wrapper]').should.not.have.class('is-off-canvas-open');
+ done();
+ });
+
+ // Open it first
+ plugin.open();
+ });
+
+ it('fires closed.zf.offcanvas event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {});
+
+
+
+ $html.one(Foundation.transitionend($html), function() {
+ $html.one('closed.zf.offcanvas', function() {
+ done();
+ });
+
+ plugin.close();
+ });
+
+ // Open it first
+ plugin.open();
+ });
+ });
+
+ describe('toggle()', function() {
+ it('opens a closed Off Canvas', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {});
+
+ $html.one(Foundation.transitionend($html), function() {
+ plugin.$element.should.have.class('is-open');
+ done();
+ });
+
+ plugin.toggle();
+ });
+
+ it('closes an open Off Canvas', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.OffCanvas($html.find('[data-off-canvas]'), {});
+
+ $html.one(Foundation.transitionend($html), function() {
+ plugin.toggle();
+
+ plugin.$element.should.not.have.class('is-open');
+ done();
+ });
+
+ // Open it first
+ plugin.toggle();
+ });
+ });
});
\ No newline at end of file
diff --git a/libraries/foundation-6/test/javascript/components/orbit.js b/libraries/foundation-6/test/javascript/components/orbit.js
index 84d0b403..1a008441 100644
--- a/libraries/foundation-6/test/javascript/components/orbit.js
+++ b/libraries/foundation-6/test/javascript/components/orbit.js
@@ -1,20 +1,197 @@
describe('Orbit', function() {
- var plugin;
- var $html;
+ var plugin;
+ var $html;
+ var template = `<div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit>
+ <ul class="orbit-container">
+ <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>◀︎</button>
+ <button class="orbit-next"><span class="show-for-sr">Next Slide</span>▶︎</button>
+ <li class="is-active orbit-slide">
+ Slide #1 content.
+ </li>
+ <li class="orbit-slide">
+ Slide #2 content.
+ </li>
+ <li class="orbit-slide">
+ Slide #3 content.
+ </li>
+ <li class="orbit-slide">
+ Slide #4 content.
+ </li>
+ </ul>
+ <nav class="orbit-bullets">
+ <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
+ <button data-slide="1"><span class="show-for-sr">Second slide details.</span></button>
+ <button data-slide="2"><span class="show-for-sr">Third slide details.</span></button>
+ <button data-slide="3"><span class="show-for-sr">Fourth slide details.</span></button>
+ </nav>
+ </div>`;
+ Foundation.Orbit.defaults.useMUI = false;
- // afterEach(function() {
- // plugin.destroy();
- // $html.remove();
- // });
+ afterEach(function() {
+ plugin.destroy();
+ $html.remove();
+ });
- describe('constructor()', function() {
- // it('', function() {
- // $html = $('').appendTo('body');
- // plugin = new Foundation.Orbit($html, {});
+ describe('constructor()', function() {
+ it('stores the element and plugin options', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
- // plugin.$element.should.be.an('object');
- // plugin.options.should.be.an('object');
- // });
- });
+ plugin.$element.should.be.an('object');
+ plugin.$wrapper.should.be.an('object');
+ plugin.$slides.should.be.an('object');
+ plugin.options.should.be.an('object');
+ });
+ });
+ describe('init()', function() {
+ it('shows the first slide', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
+
+ $html.find('.orbit-slide').eq(0).should.be.visible;
+ });
+ it('hides all slides except the first one', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
+
+ $html.find('.orbit-slide').each(function(index) {
+ if (index === 0) {return;} // Not for the first one as this is visible
+ $(this).should.be.hidden;
+ });
+ });
+ it('makes slide with is-active class active initially', function() {
+ $html = $(template).appendTo('body');
+ $html.find('.orbit-slide.is-active').removeClass('is-active');
+ $html.find('.orbit-slide').eq(2).addClass('is-active');
+ plugin = new Foundation.Orbit($html, {});
+
+ $html.find('.orbit-slide').eq(2).should.be.visible;
+ });
+ });
+
+ describe('loadBullets()', function() {
+ it('stores the bullets', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
+
+ plugin.$bullets.should.be.an('object');
+ });
+ });
+
+ describe('changeSlide()', function() {
+ it('changes slides to the next one for ltr is true', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
+
+ plugin.changeSlide(true);
+
+ $html.find('.orbit-slide').eq(0).should.be.hidden;
+ $html.find('.orbit-slide').eq(1).should.be.visible;
+ });
+ it('changes slides to the last one for ltr is false', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
+
+ plugin.changeSlide(false);
+
+ $html.find('.orbit-slide').eq(0).should.not.have.class('is-active');
+ $html.find('.orbit-slide').eq(-1).should.have.class('is-active');
+ });
+ it('changes slides to the chosen one', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
+
+ plugin.changeSlide(true, $html.find('.orbit-slide').eq(2), 2);
+
+ $html.find('.orbit-slide').eq(0).should.be.hidden;
+ $html.find('.orbit-slide').eq(2).should.be.visible;
+ });
+ it('toggles ARIA attributes', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
+
+ plugin.changeSlide(true);
+
+ $html.find('.orbit-slide').eq(0).should.not.have.attr('aria-live');
+ $html.find('.orbit-slide').eq(1).should.have.attr('aria-live', 'polite');
+ });
+ it('fires beforeslidechange.zf.orbit event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
+
+ $html.on('beforeslidechange.zf.orbit', function() {
+ // Old slide should still be active
+ $html.find('.orbit-slide').eq(0).should.be.visible;
+ done();
+ });
+ plugin.changeSlide(true);
+ });
+ it('fires slidechange.zf.orbit event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
+
+ $html.on('slidechange.zf.orbit', function() {
+ // New slide is already active
+ $html.find('.orbit-slide').eq(1).should.be.visible;
+ done();
+ });
+ plugin.changeSlide(true);
+ });
+ });
+
+ describe('updateBullets()', function() {
+ it('updates the bullets', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
+
+ plugin.changeSlide(true);
+
+ $html.find('.orbit-bullets [data-slide]').eq(0).should.not.have.class('is-active');
+ $html.find('.orbit-bullets [data-slide]').eq(1).should.have.class('is-active');
+ });
+ });
+
+ describe('events()', function() {
+ it('changes slides on bullet click', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
+
+ $html.find('.orbit-bullets [data-slide]').eq(2).trigger('click');
+
+ $html.find('.orbit-slide').eq(0).should.be.hidden;
+ $html.find('.orbit-slide').eq(2).should.be.visible;
+ });
+ it('changes slides to the previous one', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
+
+ $html.find('.orbit-previous').trigger('click');
+
+ $html.find('.orbit-slide').eq(0).should.be.hidden;
+ $html.find('.orbit-slide').eq(-1).should.be.visible;
+ });
+ it('changes slides to the next one', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {});
+
+ $html.find('.orbit-next').trigger('click');
+
+ $html.find('.orbit-slide').eq(0).should.be.hidden;
+ $html.find('.orbit-slide').eq(1).should.be.visible;
+ });
+ });
+
+ describe('geoSync()', function() {
+ it('changes slides automatically based on timerDelay option', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Orbit($html, {timerDelay: 200});
+
+ setTimeout(function() {
+ $html.find('.orbit-slide').eq(0).should.be.hidden;
+ $html.find('.orbit-slide').eq(1).should.be.visible;
+ done();
+ }, 201);
+ });
+ });
});
\ No newline at end of file
diff --git a/libraries/foundation-6/test/javascript/components/reveal.js b/libraries/foundation-6/test/javascript/components/reveal.js
index 01a25ea2..802d9ed6 100644
--- a/libraries/foundation-6/test/javascript/components/reveal.js
+++ b/libraries/foundation-6/test/javascript/components/reveal.js
@@ -1,20 +1,251 @@
describe('Reveal', function() {
var plugin;
var $html;
+ var template = `<div class="reveal" id="exampleModal1" data-reveal>
+ Modal content
+ <button class="close-button" data-close aria-label="Close modal" type="button">
+ <span aria-hidden="true">×</span>
+ </button>
+ </div>`;
- // afterEach(function() {
- // plugin.destroy();
- // $html.remove();
- // });
+ afterEach(function() {
+ plugin.destroy();
+ $html.remove();
+ });
- describe('constructor()', function() {
- // it('', function() {
- // $html = $('').appendTo('body');
- // plugin = new Foundation.Reveal($html, {});
+ describe('constructor()', function() {
+ it('stores the element and plugin options', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
- // plugin.$element.should.be.an('object');
- // plugin.options.should.be.an('object');
- // });
- });
+ plugin.$element.should.be.an('object');
+ plugin.options.should.be.an('object');
+ });
+ });
+ describe('init()', function() {
+ it('sets ARIA attributes for modal', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
+
+ $html.should.have.attr('aria-hidden', 'true');
+ $html.should.have.attr('role', 'dialog');
+ });
+
+ it('detects anchor if one exists', function() {
+ $html = $(template).appendTo('body');
+ var $anchor = $('<button data-open="exampleModal1">Open</button>').appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
+
+ plugin.$anchor[0].should.be.equal($anchor[0]);
+
+ $anchor.remove();
+ });
+
+ it('sets ARIA attributes for anchor if one exists', function() {
+ $html = $(template).appendTo('body');
+ var $anchor = $('<button data-open="exampleModal1">Open</button>').appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
+
+ $anchor.should.have.attr('aria-haspopup', 'true');
+ $anchor.should.have.attr('aria-controls', $html.attr('id'));
+
+ $anchor.remove();
+ });
+ });
+
+ describe('makeOverlay()', function() {
+ it('creates an overlay if overlay option is true', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {overlay: true});
+
+ plugin.$overlay.should.be.an('object');
+ plugin.$overlay.should.have.class('reveal-overlay');
+ $.contains(document.body, plugin.$overlay[0]).should.be.true;
+ });
+ });
+
+ describe('open()', function() {
+ it('opens the modal', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
+
+ plugin.open();
+
+ $html.should.be.visible;
+ });
+ it('opens the overlay', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {overlay: true});
+
+ plugin.open();
+
+ plugin.$overlay.should.be.visible;
+ });
+ it('toggles ARIA attributes', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
+
+ plugin.open();
+
+ $html.should.have.attr('aria-hidden', 'false');
+ $html.should.have.attr('tabindex', '-1');
+ });
+ it('adds class to body', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
+
+ plugin.open();
+
+ $('body').should.have.class('is-reveal-open');
+ });
+ // TODO: Check if this.$element.trigger('closeme.zf.reveal', this.id) is correctly used.
+
+ // it('closes previously opened modal if multipleOpened option is false', function(done) {
+ // $html = $(template).appendTo('body');
+ // $html2 = $(template).attr('id', 'exampleModal2').appendTo('body');
+
+ // plugin = new Foundation.Reveal($html, {multipleOpened: false});
+ // plugin2 = new Foundation.Reveal($html2, {multipleOpened: false});
+
+ // plugin.open();
+
+ // plugin2.open();
+
+ // $html.should.be.hidden;
+
+ // plugin2.destroy();
+ // $html2.remove();
+ // });
+ it('fires open.zf.reveal event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
+
+ $html.on('open.zf.reveal', function() {
+ $html.should.be.visible;
+ done();
+ });
+
+ plugin.open();
+ });
+ });
+
+ describe('close()', function() {
+ it('closes the modal', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
+
+ // Open it first
+ plugin.open();
+
+ plugin.close();
+
+ $html.should.be.hidden;
+ });
+ it('closes the overlay', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {overlay: true});
+
+ // Open it first
+ plugin.open();
+
+ plugin.close();
+
+ plugin.$overlay.should.be.hidden;
+ });
+ it('toggles ARIA attributes', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
+
+ // Open it first
+ plugin.open();
+
+ plugin.close();
+
+ $html.should.have.attr('aria-hidden', 'true');
+ });
+ it('removes class from body', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
+
+ // Open it first
+ plugin.open();
+
+ plugin.close();
+
+ $('body').should.not.have.class('is-reveal-open');
+ });
+ it('fires closed.zf.reveal event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
+
+ // Open it first
+ plugin.open();
+
+ $html.on('closed.zf.reveal', function() {
+ $html.should.be.hidden;
+ done();
+ });
+
+ plugin.close();
+ });
+ });
+
+ describe('toggle()', function() {
+ it('opens a closed modal', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {overlay: true});
+
+ plugin.open();
+
+ plugin.$overlay.should.be.visible;
+ });
+ it('closes an open modal', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
+
+ // Open it first
+ plugin.open();
+
+ plugin.close();
+
+ $html.should.be.hidden;
+ });
+ });
+
+ describe('events()', function() {
+ it('opens the modal on anchor click', function() {
+ $html = $(template).appendTo('body');
+ var $anchor = $('<button data-open="exampleModal1">Open</button>').appendTo('body');
+ plugin = new Foundation.Reveal($html, {});
+
+ $anchor.trigger('click');
+
+ plugin.$overlay.should.be.visible;
+
+ $anchor.remove();
+ });
+ it('closes a modal on overlay click if closeOnClick option is true', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {overlay: true, closeOnClick: true});
+
+ // Open it first
+ plugin.open();
+
+ plugin.$overlay.trigger('click');
+
+ $html.should.be.hidden;
+ });
+ it('not closes a modal on overlay click if closeOnClick option is true', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Reveal($html, {overlay: true, closeOnClick: false});
+
+ // Open it first
+ plugin.open();
+
+ plugin.$overlay.trigger('click');
+
+ $html.should.be.visible;
+ });
+ });
});
\ No newline at end of file
diff --git a/libraries/foundation-6/test/javascript/components/slider.js b/libraries/foundation-6/test/javascript/components/slider.js
index 41987331..22c90035 100644
--- a/libraries/foundation-6/test/javascript/components/slider.js
+++ b/libraries/foundation-6/test/javascript/components/slider.js
@@ -1,20 +1,156 @@
describe('Slider', function() {
- var plugin;
- var $html;
-
- // afterEach(function() {
- // plugin.destroy();
- // $html.remove();
- // });
-
- describe('constructor()', function() {
- // it('', function() {
- // $html = $('').appendTo('body');
- // plugin = new Foundation.Slider($html, {});
-
- // plugin.$element.should.be.an('object');
- // plugin.options.should.be.an('object');
- // });
- });
+ var plugin;
+ var $html;
+ var template = `<div class="slider" data-slider>
+ <span class="slider-handle" data-slider-handle role="slider" tabindex="1"></span>
+ <span class="slider-fill" data-slider-fill></span>
+ <input type="hidden">
+ </div>`;
+
+ Foundation.Slider.defaults.moveTime = 0;
+ Foundation.Slider.defaults.changedDelay = 0;
+
+ afterEach(function(done) {
+ // Timeout needed because even with changeDelay = 0 the changed.zf.slider event may be fired after this hook
+ plugin.destroy();
+ $html.remove();
+ done();
+ });
+
+ describe('constructor()', function() {
+ it('stores the element and plugin options', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Slider($html, {});
+
+ plugin.$element.should.be.an('object');
+ plugin.options.should.be.an('object');
+ });
+ });
+
+ describe('init()', function() {
+ it('stores handle, inout and fill elements', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Slider($html, {});
+
+ plugin.$handle.should.be.an('object');
+ plugin.$input.should.be.an('object');
+ plugin.$fill.should.be.an('object');
+ });
+ it('stores two handle and input elements for two sided slider', function() {
+ $html = $(template).append('<span class="slider-handle" data-slider-handle role="slider" tabindex="1"></span><input type="hidden">')
+ .appendTo('body');
+ plugin = new Foundation.Slider($html, {doubleSided: true});
+
+ plugin.$handle2.should.be.an('object');
+ plugin.$input2.should.be.an('object');
+ });
+ it('is disabled when disable option is true', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Slider($html, {disabled: true});
+
+ $html.should.have.class('disabled');
+ });
+ });
+
+ describe('setHandlePos()', function() {
+ it('positions the handle', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Slider($html, {});
+
+ plugin._setHandlePos(plugin.$handle, 10, true);
+
+ plugin.$handle[0].style.left.should.not.be.equal('');
+ });
+ it('does nothing if disabled option is true', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Slider($html, {disabled: true});
+
+ plugin._setHandlePos(plugin.$handle, 10, true);
+
+ plugin.$handle[0].style.left.should.be.equal('');
+ });
+ it('fires changed.zf.slider event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Slider($html, {changedDelay: 50});
+
+ $html.on('changed.zf.slider', function(e, $handle) {
+ $handle[0].should.be.equal(plugin.$handle[0]);
+ done();
+ });
+
+ // Rapidly change to see if event fires only once
+ for (let i = 0; i < 5; i++) {
+ setTimeout(function() {
+ plugin._setHandlePos(plugin.$handle, i * 10, true);
+ }, i * 20);
+ }
+ });
+ it('fires moved.zf.slider event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Slider($html, {});
+
+ let timesCallbackCalled = 0;
+ $html.on('moved.zf.slider', function(e, $handle) {
+ if (++timesCallbackCalled === 5) {
+ $handle[0].should.be.equal(plugin.$handle[0]);
+ done();
+ }
+ });
+
+ // Rapidly change to see if event fires multiple times
+ for (let i = 0; i < 5; i++) {
+ setTimeout(function() {
+ plugin._setHandlePos(plugin.$handle, i * 10, true);
+ }, i * 20);
+ }
+ });
+ });
+
+ describe('setValues()', function() {
+ it('updates ARIA attributes', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Slider($html, {});
+
+ plugin._setValues(plugin.$handle, 10);
+
+ plugin.$handle.should.have.attr('aria-valuenow', '10');
+ });
+ it('updates input value', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Slider($html, {});
+
+ plugin._setValues(plugin.$handle, 10);
+
+ plugin.$input.val().should.have.be.equal('10');
+ });
+ });
+
+ describe('setInitAttr()', function() {
+ it('adds ARIA attributes to handle', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Slider($html, {
+ initialStart: 50,
+ end: 70,
+ start: 20,
+ vertical: true
+ });
+
+ plugin.$handle.should.have.attr('role', 'slider');
+ plugin.$handle.should.have.attr('aria-controls', plugin.$handle.attr('id'));
+ plugin.$handle.should.have.attr('aria-valuemax', '70');
+ plugin.$handle.should.have.attr('aria-valuemin', '20');
+ plugin.$handle.should.have.attr('aria-valuenow', '50');
+ plugin.$handle.should.have.attr('aria-orientation', 'vertical');
+ plugin.$handle.should.have.attr('tabindex', '0');
+ });
+ it('adds attributes to input', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Slider($html, {});
+
+ plugin.$input.should.have.attr('max', '100');
+ plugin.$input.should.have.attr('min', '0');
+ plugin.$input.should.have.attr('step', '1');
+ });
+ });
});
\ No newline at end of file
diff --git a/libraries/foundation-6/test/javascript/components/tabs.js b/libraries/foundation-6/test/javascript/components/tabs.js
index 0dab0cee..e91c44ca 100644
--- a/libraries/foundation-6/test/javascript/components/tabs.js
+++ b/libraries/foundation-6/test/javascript/components/tabs.js
@@ -1,20 +1,134 @@
describe('Tabs', function() {
- var plugin;
- var $html;
-
- // afterEach(function() {
- // plugin.destroy();
- // $html.remove();
- // });
-
- describe('constructor()', function() {
- // it('', function() {
- // $html = $('').appendTo('body');
- // plugin = new Foundation.Tabs($html, {});
-
- // plugin.$element.should.be.an('object');
- // plugin.options.should.be.an('object');
- // });
- });
+ var plugin;
+ var $html;
+ var template = `
+ <div>
+ <ul class="tabs" data-tabs id="example-tabs">
+ <li class="tabs-title is-active"><a href="#panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#panel2">Tab 2</a></li>
+ <li class="tabs-title"><a href="#panel3">Tab 3</a></li>
+ </ul>
+
+ <div class="tabs-content" data-tabs-content="example-tabs">
+ <div class="tabs-panel is-active" id="panel1">
+ <p>one</p>
+ <p>Check me out! I'm a super cool Tab panel with text content!</p>
+ </div>
+ <div class="tabs-panel" id="panel2">
+ <p>two</p>
+ <p>Check me out! I'm a super cool Tab panel with text content!</p>
+ </div>
+ <div class="tabs-panel" id="panel3">
+ <p>three</p>
+ <p>Check me out! I'm a super cool Tab panel with text content!</p>
+ </div>
+ </div>
+ </div>`;
+
+ afterEach(function() {
+ plugin.destroy();
+ $html.remove();
+ });
+
+ describe('constructor()', function() {
+ it('stores the element and plugin options', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tabs($html.find('[data-tabs]'), {});
+
+ plugin.$element.should.be.an('object');
+ plugin.options.should.be.an('object');
+ });
+ });
+
+ describe('init()', function() {
+ it('sets ARIA attributes', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tabs($html.find('[data-tabs]'), {});
+
+ // Panels
+ $html.find('#panel1').should.have.attr('role', 'tabpanel');
+ $html.find('#panel1').should.have.attr('aria-labelledby', $html.find('[href="#panel1"]').attr('id'));
+ $html.find('#panel1').should.have.attr('aria-hidden', 'false');
+ $html.find('#panel2').should.have.attr('aria-hidden', 'true');
+
+ // Links
+ $html.find('[href="#panel1"]').should.have.attr('role', 'tab');
+ $html.find('[href="#panel1"]').should.have.attr('aria-controls', $html.find('panel1').attr('id'));
+ $html.find('[href="#panel1"]').should.have.attr('aria-selected', 'true');
+ $html.find('[href="#panel2"]').should.have.attr('aria-selected', 'false');
+
+ // Tab list items
+ $html.find('[href="#panel1"]').parent().should.have.attr('role', 'presentation');
+ });
+ });
+
+ describe('selectTab()', function() {
+ it('opens the selected tab via jQuery element', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tabs($html.find('[data-tabs]'), {});
+
+ plugin.selectTab($html.find('#panel2'));
+ $html.find('#panel2').should.be.visible;
+ });
+
+ it('opens the selected tab via id string', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tabs($html.find('[data-tabs]'), {});
+
+ plugin.selectTab('#panel2');
+ $html.find('#panel2').should.be.visible;
+ });
+ });
+
+ describe('_handleTabChange()', function() {
+ it('opens the selected tab', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tabs($html.find('[data-tabs]'), {});
+
+ plugin.selectTab('#panel2');
+ $html.find('#panel2').should.be.visible;
+ $html.find('#panel2').should.have.class('is-active');
+ });
+
+ it('sets ARIA attributes for open tab', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tabs($html.find('[data-tabs]'), {});
+
+ plugin.selectTab('#panel2');
+ $html.find('#panel2').should.have.attr('aria-hidden', 'false');
+ $html.find('[href="#panel2"]').should.have.attr('aria-selected', 'true');
+ });
+
+ it('hides the open tab', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tabs($html.find('[data-tabs]'), {});
+
+ plugin.selectTab('#panel2');
+ $html.find('#panel1').should.be.hidden;
+ $html.find('#panel1').should.not.have.class('is-active');
+ });
+
+ it('sets ARIA attributes for closed tab', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tabs($html.find('[data-tabs]'), {});
+
+ plugin.selectTab('#panel2');
+ $html.find('#panel1').should.be.have.attr('aria-hidden', 'true');
+ $html.find('[href="#panel1"]').should.be.have.attr('aria-selected', 'false');
+ });
+
+ it('fires change.zf.tabs event with target as data', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tabs($html.find('[data-tabs]'), {});
+
+ $html.one('change.zf.tabs', function(e, $target) {
+ e.stopPropagation();
+ $html.find('[href="#panel2"]').parent()[0].should.be.equal($target[0]);
+ done();
+ });
+
+ plugin.selectTab('#panel2');
+ });
+ });
});
\ No newline at end of file
diff --git a/libraries/foundation-6/test/javascript/components/toggler.js b/libraries/foundation-6/test/javascript/components/toggler.js
index 12538c17..e55817b3 100644
--- a/libraries/foundation-6/test/javascript/components/toggler.js
+++ b/libraries/foundation-6/test/javascript/components/toggler.js
@@ -42,16 +42,16 @@ describe('Toggler', function() {
it('adds Aria attributes to click triggers', function() {
$html = $('<div id="toggler" data-toggler="class"></div>').appendTo('body');
- var $triggers = $(`
- <a data-open="toggler">Open</a>
- <a data-close="toggler">Close</a>
- <a data-toggle="toggler">Toggle</a>
- `).appendTo('body');
+ var $triggers = $(`<div>
+ <a data-open="toggler">Open</a>
+ <a data-close="toggler">Close</a>
+ <a data-toggle="toggler">Toggle</a>
+ </div>`).appendTo('body');
plugin = new Foundation.Toggler($html, {});
- $('[data-open]').should.have.attr('aria-controls', 'toggler');
- $('[data-close]').should.have.attr('aria-controls', 'toggler');
- $('[data-toggle]').should.have.attr('aria-controls', 'toggler');
+ $triggers.find('[data-open]').should.have.attr('aria-controls', 'toggler');
+ $triggers.find('[data-close]').should.have.attr('aria-controls', 'toggler');
+ $triggers.find('[data-toggle]').should.have.attr('aria-controls', 'toggler');
$triggers.remove();
});
diff --git a/libraries/foundation-6/test/javascript/components/tooltip.js b/libraries/foundation-6/test/javascript/components/tooltip.js
index d680367a..b755ad75 100644
--- a/libraries/foundation-6/test/javascript/components/tooltip.js
+++ b/libraries/foundation-6/test/javascript/components/tooltip.js
@@ -1,20 +1,148 @@
describe('Tooltip', function() {
- var plugin;
- var $html;
-
- // afterEach(function() {
- // plugin.destroy();
- // $html.remove();
- // });
-
- describe('constructor()', function() {
- // it('', function() {
- // $html = $('').appendTo('body');
- // plugin = new Foundation.Tooltip($html, {});
-
- // plugin.$element.should.be.an('object');
- // plugin.options.should.be.an('object');
- // });
- });
+ var plugin;
+ var $html;
+ var template = `
+ <span data-tooltip aria-haspopup="true" class="has-tip" tabindex="1" title="TOOLTIP_CONTENT">
+ TEXT
+ </span>`;
+ Foundation.Tooltip.defaults.showOn = 'all';
+ Foundation.Tooltip.defaults.fadeOutDuration = 0;
+ Foundation.Tooltip.defaults.fadeInDuration = 0;
+
+ afterEach(function() {
+ plugin.destroy();
+ $html.remove();
+ });
+
+ describe('constructor()', function() {
+ it('stores the element and plugin options', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tooltip($html, {});
+
+ plugin.$element.should.be.an('object');
+ plugin.options.should.be.an('object');
+ });
+ });
+
+ describe('init()', function() {
+
+ it('has value of title attribute as content', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tooltip($html, {});
+
+ plugin.template.text().should.equal('TOOLTIP_CONTENT');
+ });
+
+ it('has value of tipText option as content', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tooltip($html, {tipText: 'TOOLTIP_CONTENT_OPTION'});
+
+ plugin.template.text().should.equal('TOOLTIP_CONTENT_OPTION');
+ });
+
+ it('uses value of template option as template', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tooltip($html, {template: '<div class="TEMPLATE_OPTION"></div>'});
+
+ plugin.template.should.have.class('TEMPLATE_OPTION');
+ });
+
+ it('uses value of triggerClass option as trigger class', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tooltip($html, {triggerClass: 'TRIGGER_CLASS_OPTION'});
+
+ plugin.$element.should.have.class('TRIGGER_CLASS_OPTION');
+ });
+
+ it('sets ARIA attributes', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tooltip($html, {});
+
+ plugin.$element.should.have.attr('aria-describedby', plugin.template.attr('id'));
+ plugin.template.should.have.attr('role', 'tooltip');
+ });
+
+ });
+
+ describe('buildTemplate()', function() {
+ it('uses value of templateClasses option as template class', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tooltip($html, {templateClasses: 'TOOLTIP_CLASS_OPTION'});
+
+ plugin.template.should.have.class('TOOLTIP_CLASS_OPTION');
+ });
+ });
+
+ describe('show()', function() {
+ it('shows the tooltip', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tooltip($html, {});
+
+ plugin.show();
+
+ plugin.template.should.be.visible;
+ });
+
+ it('fires show.zf.tooltip event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tooltip($html, {});
+
+ $html.on('show.zf.tooltip', function() {
+ plugin.template.should.be.visible;
+ done();
+ });
+
+ plugin.show();
+ });
+ });
+
+ describe('hide()', function() {
+ it('hides the tooltip', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tooltip($html, {});
+
+ // Show first
+ plugin.show();
+
+ plugin.hide();
+
+ plugin.template.should.be.hidden;
+ });
+
+ it('fires hide.zf.tooltip event', function(done) {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tooltip($html, {});
+
+ // Open it first
+ plugin.show();
+
+ $html.on('hide.zf.tooltip', function() {
+ plugin.template.should.be.hidden;
+ done();
+ });
+
+ plugin.hide();
+ });
+ });
+
+ describe('toggle()', function() {
+ it('shows a hidden tooltip', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tooltip($html, {});
+
+ plugin.toggle();
+ plugin.template.should.be.visible;
+ });
+ it('hides a visible tooltip', function() {
+ $html = $(template).appendTo('body');
+ plugin = new Foundation.Tooltip($html, {});
+
+ // Show first
+ plugin.show();
+
+ plugin.toggle();
+ plugin.template.should.be.hidden;
+ });
+ });
});
\ No newline at end of file
diff --git a/libraries/foundation-6/test/javascript/util/keyboard.js b/libraries/foundation-6/test/javascript/util/keyboard.js
new file mode 100644
index 00000000..5c3f0025
--- /dev/null
+++ b/libraries/foundation-6/test/javascript/util/keyboard.js
@@ -0,0 +1,191 @@
+describe('Keyboard util', function() {
+ /**
+ * Create object to use as fake event.
+ * @param {number} keyCode Key code of the key that is simulated.
+ * @param {object} opts Options that say if modifiers are pressed.
+ * @return {object} Object to use intead of an event.
+ */
+ const createEvent = function(keyCode, opts) {
+ let options = opts || {},
+ isCtrl = !!options.ctrl,
+ isAlt = !!options.alt,
+ isShift = !!options.shift,
+ isMeta = !!options.meta,
+ event = {
+ shiftKey: isShift,
+ altKey: isAlt,
+ ctrlKey: isCtrl,
+ metaKey: isMeta,
+ keyCode: keyCode,
+ which: keyCode
+ };
+ return event;
+ };
+ const keyCodes = {
+ 'A': 65,
+ 'TAB': 9,
+ 'ENTER': 13,
+ 'ESCAPE': 27,
+ 'SPACE': 32,
+ 'ARROW_LEFT': 37,
+ 'ARROW_UP': 38,
+ 'ARROW_RIGHT': 39,
+ 'ARROW_DOWN': 40
+ };
+
+ it('exists on the Foundation API', function() {
+ (window.Foundation.Keyboard).should.be.an('object');
+ });
+
+ describe('parseKey()', function() {
+ it('returns the character pressed for a normal key', function() {
+ let event = createEvent(keyCodes['A']),
+ parsedKey = Foundation.Keyboard.parseKey(event);
+
+ parsedKey.should.be.equal('A');
+ });
+ it('returns the character pressed for special keys', function() {
+ for (let key in keyCodes) {
+ let keyCode = keyCodes[key];
+ let event = createEvent(keyCode),
+ parsedKey = Foundation.Keyboard.parseKey(event);
+
+ parsedKey.should.be.equal(key);
+ }
+ });
+ it('recognizes if CTRL was pressed', function() {
+ let event = createEvent(keyCodes['A'], {ctrl: true}),
+ parsedKey = Foundation.Keyboard.parseKey(event);
+
+ parsedKey.should.be.equal('CTRL_A');
+ });
+ it('recognizes if ALT was pressed', function() {
+ let event = createEvent(keyCodes['A'], {alt: true}),
+ parsedKey = Foundation.Keyboard.parseKey(event);
+
+ parsedKey.should.be.equal('ALT_A');
+ });
+ it('recognizes if SHIFT was pressed', function() {
+ let event = createEvent(keyCodes['A'], {shift: true}),
+ parsedKey = Foundation.Keyboard.parseKey(event);
+
+ parsedKey.should.be.equal('SHIFT_A');
+ });
+ it('recognizes if multiple modifiers were pressed', function() {
+ let event = createEvent(keyCodes['A'], {shift: true, alt: true, ctrl: true}),
+ parsedKey = Foundation.Keyboard.parseKey(event);
+
+ parsedKey.should.be.equal('ALT_CTRL_SHIFT_A');
+ });
+ });
+ describe('handleKey()', function() {
+ it('executes callback for given key event', function() {
+ let spy = sinon.spy();
+
+ // Register component
+ Foundation.Keyboard.register('MyComponent', {
+ 'ESCAPE': 'close'
+ });
+
+ let event = createEvent(keyCodes['ESCAPE']);
+
+ Foundation.Keyboard.handleKey(event, 'MyComponent', {
+ close: () => {
+ spy();
+ }
+ });
+
+ spy.called.should.be.true;
+ });
+ it('executes handled callback for given key event', function() {
+ let spy = sinon.spy();
+
+ // Register component
+ Foundation.Keyboard.register('MyComponent', {
+ 'ESCAPE': 'close'
+ });
+
+ let event = createEvent(keyCodes['ESCAPE']);
+
+ Foundation.Keyboard.handleKey(event, 'MyComponent', {
+ close: () => {
+ // stuff
+ },
+ handled: () => {
+ spy();
+ }
+ });
+
+ spy.called.should.be.true;
+ });
+ it('executes unhandled callback for given key event', function() {
+ let spy = sinon.spy();
+
+ // Register component
+ Foundation.Keyboard.register('MyComponent', {
+ });
+
+ let event = createEvent(keyCodes['ESCAPE']);
+
+ Foundation.Keyboard.handleKey(event, 'MyComponent', {
+ unhandled: () => {
+ spy();
+ }
+ });
+
+ spy.called.should.be.true;
+ });
+ });
+
+ describe('findFocusable()', function() {
+ it('finds focusable elements inside a container', function() {
+ let $html = $(`<div>
+ <a href="#">Link</a>
+ <button>Button</button>
+ </div>`).appendTo('body');
+
+ let $focusable = Foundation.Keyboard.findFocusable($html);
+
+ $focusable.length.should.be.equal(2);
+
+ $html.remove();
+ });
+
+ it('does not find hidden focusable elements', function() {
+ let $html = $(`<div>
+ <a style="display: none;" href="#">Link</a>
+ <button style="display: none;">Button</button>
+ </div>`).appendTo('body');
+
+ let $focusable = Foundation.Keyboard.findFocusable($html);
+
+ $focusable.length.should.be.equal(0);
+
+ $html.remove();
+ });
+
+ it('does not find disabled focusable elements', function() {
+ let $html = $(`<div>
+ <button disabled>Button</button>
+ </div>`).appendTo('body');
+
+ let $focusable = Foundation.Keyboard.findFocusable($html);
+
+ $focusable.length.should.be.equal(0);
+
+ $html.remove();
+ });
+
+ it('does not find focusable elements with negative tabindex', function() {
+ let $html = $(`<div>
+ <button tabindex="-1">Button</button>
+ </div>`).appendTo('body');
+
+ let $focusable = Foundation.Keyboard.findFocusable($html);
+
+ $focusable.length.should.be.equal(0);
+
+ $html.remove();
+ });
+ });
+});
diff --git a/libraries/foundation-6/test/sass/_components.scss b/libraries/foundation-6/test/sass/_components.scss
index 9d93d5a2..90d28486 100644
--- a/libraries/foundation-6/test/sass/_components.scss
+++ b/libraries/foundation-6/test/sass/_components.scss
@@ -1,13 +1,13 @@
@import "true";
@import '../../scss/global';
-@import '../../scss/components/flex-video';
+@import '../../scss/components/responsive-embed';
@import '../../scss/grid/grid';
@include test-module('Components') {
-
- @include test('Flex Video [function]') {
- $test: flex-video(3 by 4);
+
+ @include test('Responsive Embed [function]') {
+ $test: responsive-embed(3 by 4);
$expect: 4 / 3 * 100%;
@include assert-equal($test, $expect,
diff --git a/libraries/foundation-6/test/sass/_selector.scss b/libraries/foundation-6/test/sass/_selector.scss
index 077fa3bf..8e47ae7c 100755
--- a/libraries/foundation-6/test/sass/_selector.scss
+++ b/libraries/foundation-6/test/sass/_selector.scss
@@ -14,4 +14,14 @@
'Creates a selector out of a list of text input types');
}
+ @include test('Selector (with modifiers) [function]') {
+ $test: #{text-inputs(text password, $modifier: ':focus')};
+ $expect: "[type='text']:focus, [type='password']:focus";
+
+ //@debug $test;
+
+ @include assert-equal($test, $expect,
+ 'Creates a selector out of a list of text input types with a modifier');
+ }
+
}
diff --git a/libraries/foundation-6/test/visual/accordion-menu/keyboard.html b/libraries/foundation-6/test/visual/accordion-menu/keyboard.html
index cc7b7add..fd0c346f 100644
--- a/libraries/foundation-6/test/visual/accordion-menu/keyboard.html
+++ b/libraries/foundation-6/test/visual/accordion-menu/keyboard.html
@@ -12,23 +12,36 @@
<h1>Accordion Menu: Keyboard Control</h1>
<ul>
- <li>The Tab and down arrow keys should navigate down the menu, including open sub-menus.</li>
+ <li>Hitting the tab key focuses you to the menu or the last open item.
+ <li>The up and down arrow keys should navigate you through the menu items.</li>
+ <li>The space bar, enter key and right arrow opens a menu if already closed. </li>
+ <li>The space bar, enter key, esc and left arrow opens a menu if already open. </li>
<li>Shift-tab and up arrow keys should navigate up the menu, including open sub-menus.</li>
- <li>When focused on a parent menu, the space bar and Enter key should open or close the menu.</li>
- <li>When focused on a link item, the space bar and Center key should navigate to the link.</li>
+ <li>When focused on a link item, the space bar and enter key should navigate to the link.</li>
</ul>
- <ul class="vertical menu" data-accordion-menu>
- <li>
- <a href="#">Item 1</a>
- <ul class="menu vertical nested">
- <li><a href="google.com">External link</a></li>
- <li><a href="#">Item 1B</a></li>
- </ul>
- </li>
- <li><a href="#">Item 2</a></li>
+ <ul class="vertical tree" data-accordion-menu>
+ <li><span>Item 1</span>
+ <ul class="tree vertical nested">
+ <li><span>Item 1A</span>
+ <ul class="tree vertical nested">
+ <li><span>Item 1Ai</span></li>
+ <li><a href="http://www.google.com">External link</a></li>
+ <li><span>Item 1Aiii</span></li>
+ </ul>
+ </li>
+ <li><span>Item 1B</span></li>
+ <li><span>Item 1C</span></li>
+ </ul>
+ </li>
+ <li><span>Item 2</span>
+ <ul class="tree vertical nested">
+ <li><span>Item 2A</a></li>
+ <li><span>Item 2B</a></li>
+ </ul>
+ </li>
+ <li><a href="http://www.google.com">External link</a></li>
</ul>
- </div>
<script src="../assets/js/vendor.js"></script>
<script src="../assets/js/foundation.js"></script>
diff --git a/libraries/foundation-6/test/visual/drilldown/drilldown-menu-auto-height.html b/libraries/foundation-6/test/visual/drilldown/drilldown-menu-auto-height.html
new file mode 100644
index 00000000..3a19b697
--- /dev/null
+++ b/libraries/foundation-6/test/visual/drilldown/drilldown-menu-auto-height.html
@@ -0,0 +1,267 @@
+<!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 http-equiv="X-UA-Compatible" content="IE=edge">
+ <title>Foundation for Sites Testing</title>
+ <link href="../assets/css/foundation.css" rel="stylesheet" />
+ <style>
+
+ </style>
+ </head>
+ <body>
+ <div class="medium-6 row column">
+ <p>Drilldown should auto adjust height and animate height</p>
+ <div class="callout">
+ <ul class="vertical menu" data-drilldown data-auto-height="true" data-animate-height="true">
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+</ul>
+ </div>
+ </div>
+ <div class="medium-6 row column">
+ <p>Drilldown should auto adjust height</p>
+ <div class="callout">
+ <ul class="vertical menu" data-drilldown data-auto-height="true" data-close-on-click="true">
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+</ul>
+ </div>
+ </div>
+
+ <div class="medium-6 row column">
+ <p>Drilldown should auto adjust height and change behavior</p>
+ <div class="callout">
+ <ul id="mainMenuLeft" class="drilldown menu" data-responsive-menu="drilldown medium-dropdown" data-auto-height="true" data-animate-height="true">
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+</ul>
+ </div>
+ </div>
+
+<div class="row cloumn">
+ <p>Drilldown should auto adjust height even if in Responsive Menu</p>
+ <div class="title-bar" data-responsive-toggle="example-autoheight" data-hide-for="">
+ <button class="menu-icon" type="button" data-toggle></button>
+ <div class="title-bar-title">Menu</div>
+ </div>
+ <div class="callout" id="example-autoheight">
+ <ul class="vertical menu" data-drilldown data-auto-height="true">
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+</ul>
+ </div>
+</div>
+
+ <script src="../assets/js/vendor.js"></script>
+ <script src="../assets/js/foundation.js"></script>
+ <script>
+ $(document).foundation();
+ </script>
+ </body>
+</html>
diff --git a/libraries/foundation-6/test/visual/drilldown/drilldown-menu-scroll-top.html b/libraries/foundation-6/test/visual/drilldown/drilldown-menu-scroll-top.html
new file mode 100644
index 00000000..5b12c5d3
--- /dev/null
+++ b/libraries/foundation-6/test/visual/drilldown/drilldown-menu-scroll-top.html
@@ -0,0 +1,196 @@
+<!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 http-equiv="X-UA-Compatible" content="IE=edge">
+ <title>Foundation for Sites Testing</title>
+ <link href="../assets/css/foundation.css" rel="stylesheet" />
+ <style>
+
+ </style>
+ </head>
+ <body>
+<div class="row column small-12 medium-6">
+ <h4>I scroll to top Position of drilldown element</h4>
+ <div class="callout">
+ <ul class="vertical menu" data-drilldown data-scroll-top="true" data-scroll-top-offset="0" data-scroll-top-element="">
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ <h4>I scroll to top Position of drilldown element with a -30px offset also have a close on click</h4>
+ <div class="callout">
+ <ul class="vertical menu" data-drilldown data-scroll-top="true" data-scroll-top-offset="-30" data-scroll-top-element="" data-close-on-click="true">
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ <h4>I am responsive and scroll to top Position of drilldown element with a -30px offset</h4>
+ <div class="callout">
+ <ul id="mainMenuLeft" class="drilldown menu" data-responsive-menu="drilldown medium-dropdown" data-scroll-top="true" data-scroll-top-offset="-30">
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li> <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+</div>
+ <script src="../assets/js/vendor.js"></script>
+ <script src="../assets/js/foundation.js"></script>
+ <script>
+ $(document).foundation();
+ </script>
+ </body>
+</html>
diff --git a/libraries/foundation-6/test/visual/drilldown/long-drilldown-menu.html b/libraries/foundation-6/test/visual/drilldown/long-drilldown-menu.html
deleted file mode 100644
index 70b0326a..00000000
--- a/libraries/foundation-6/test/visual/drilldown/long-drilldown-menu.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<!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 http-equiv="X-UA-Compatible" content="IE=edge">
- <title>Foundation for Sites Testing</title>
- <link href="../assets/css/foundation.css" rel="stylesheet" />
- <style>
- .is-drilldown-submenu {
- background: #eee;
- }
- </style>
- </head>
- <body>
- <div class="medium-6 row column">
- <p>Submenus should not be cut off at the bottom.</p>
-
- <ul class="vertical menu" data-drilldown>
- <li>
- <a href="#">Item</a>
- <ul class="vertical menu">
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- <li><a href="#">Item</a></li>
- </ul>
- </li>
- <li><a href="#">Item</a></li>
- </ul>
- </div>
-
- <script src="../assets/js/vendor.js"></script>
- <script src="../assets/js/foundation.js"></script>
- <script>
- $(document).foundation();
- </script>
- </body>
-</html>
diff --git a/libraries/foundation-6/test/visual/drilldown/long-titles.html b/libraries/foundation-6/test/visual/drilldown/long-titles.html
new file mode 100644
index 00000000..fee576d4
--- /dev/null
+++ b/libraries/foundation-6/test/visual/drilldown/long-titles.html
@@ -0,0 +1,73 @@
+<!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 http-equiv="X-UA-Compatible" content="IE=edge">
+ <title>Foundation for Sites Testing</title>
+ <link href="../assets/css/foundation.css" rel="stylesheet" />
+ <style>
+ .test-drilldown-wrapper {
+ width: 300px;
+ }
+ .is-drilldown-submenu {
+ background: #eee;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="medium-6 row column">
+ <p>Submenus should not be cut off at the bottom.</p>
+
+ <div class="test-drilldown-wrapper">
+ <ul class="vertical menu" data-drilldown>
+ <li>
+ <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item With the Longest Title You've Probably Ever Seen</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item With the Longest Title You've Probably Ever Seen</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">Item</a>
+ <ul class="vertical menu">
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item With the Longest Title You've Probably Ever Seen</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ <li><a href="#">Item</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ </div>
+
+ <script src="../assets/js/vendor.js"></script>
+ <script src="../assets/js/foundation.js"></script>
+ <script>
+ $(document).foundation();
+ </script>
+ </body>
+</html>
diff --git a/libraries/foundation-6/test/visual/dropdown-menu/right-aligned-dropdown-menu.html b/libraries/foundation-6/test/visual/dropdown-menu/right-aligned-dropdown-menu.html
index f00bd659..9cc7dd39 100644
--- a/libraries/foundation-6/test/visual/dropdown-menu/right-aligned-dropdown-menu.html
+++ b/libraries/foundation-6/test/visual/dropdown-menu/right-aligned-dropdown-menu.html
@@ -65,19 +65,19 @@
</li>
<li><a href="#Item-3">Item 3</a></li>
<li><a href="#Item-4">Item 4</a></li>
-
+
</ul>
</div>
</div>
<p>This dropdown menu is positioned right just by the content before it.</p>
- <div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium">
+ <div class="title-bar" data-responsive-toggle="second-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle></button>
<div class="title-bar-title">Menu</div>
</div>
- <div class="top-bar" id="main-menu">
- <div class="top-bar-left">
+ <div class="top-bar" id="second-menu">
+ <div class="top-bar-left hide-for-small-only">
<ul class="dropdown menu" data-dropdown-menu>
<li class="menu-text"><strong>Site Title</strong></li>
<li class="menu-text">Some long text to push the menu.</li>
diff --git a/libraries/foundation-6/test/visual/flex-grid/top-bar.html b/libraries/foundation-6/test/visual/flex-grid/top-bar.html
new file mode 100644
index 00000000..3f7d4cfb
--- /dev/null
+++ b/libraries/foundation-6/test/visual/flex-grid/top-bar.html
@@ -0,0 +1,49 @@
+
+<!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 http-equiv="X-UA-Compatible" content="IE=edge">
+ <title>Foundation for Sites Testing</title>
+ <link href="../assets/css/foundation-flex.css" rel="stylesheet" />
+ </head>
+ <body>
+ <div class="top-bar">
+ <div class="top-bar-title">
+ This should be left aligned as a title
+ </div>
+ <div class="top-bar-left">
+ This should be left aligned next to title
+ </div>
+ <div class="top-bar-right">
+ This should be right aligned
+ </div>
+ </div>
+ <hr/>
+ <div class="top-bar">
+ <div class="top-bar-title">
+ This should be left aligned as a title
+ </div>
+ <div class="top-bar-right">
+ This should be right aligned
+ </div>
+ </div>
+
+ <hr/>
+ <div class="top-bar">
+ <div class="top-bar-left">
+ This should be left aligned
+ </div>
+ <div class="top-bar-right">
+ This should be right aligned
+ </div>
+ </div>
+
+ <script src="../assets/js/vendor.js"></script>
+ <script src="../assets/js/foundation.js"></script>
+ <script>
+ $(document).foundation();
+ </script>
+ </body>
+</html>
diff --git a/libraries/foundation-6/test/visual/grid/centered-columns.html b/libraries/foundation-6/test/visual/grid/centered-columns.html
new file mode 100644
index 00000000..f9205492
--- /dev/null
+++ b/libraries/foundation-6/test/visual/grid/centered-columns.html
@@ -0,0 +1,61 @@
+<!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 http-equiv="X-UA-Compatible" content="IE=edge">
+ <title>Foundation for Sites Testing</title>
+ <link href="../motion-ui/dist/motion-ui.css" rel="stylesheet" />
+ <link href="../assets/css/foundation.css" rel="stylesheet" />
+ </head>
+ <body>
+
+ <div class="row column">
+ <h1>Centered Columns</h1>
+ </div>
+
+ <div class="row">
+ <div class="medium-7 medium-centered columns">
+ <p style="background-color:#eee;">All these grey columns should be centered, even the last one.</p>
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="medium-7 medium-centered columns">
+ <p style="background-color:#eee;">All these grey columns should be centered, even the last one.</p>
+ </div>
+ <div class="medium-7 medium-centered columns">
+ <p style="background-color:#eee;">All these grey columns should be centered, even the last one.</p>
+ </div>
+ <div class="medium-7 medium-centered columns">
+ <p style="background-color:#eee;">All these grey columns should be centered, even the last one.</p>
+ </div>
+ <div class="medium-7 medium-centered columns">
+ <p style="background-color:#eee;">All these grey columns should be centered, even the last one.</p>
+ </div>
+ </div>
+
+ <div class="row column"><hr></div>
+
+ <div class="row">
+ <div class="medium-5 columns">
+ <p style="background-color:#aee;">This blue column is not centered.</p>
+ </div>
+ <div class="medium-7 medium-centered columns">
+ <p style="background-color:#fbb;">This pink column should be centered and clear the blue column.</p>
+ </div>
+ <div class="medium-5 columns">
+ <p style="background-color:#aee;">This blue column is not centered.</p>
+ </div>
+ <div class="medium-5 columns">
+ <p style="background-color:#aee;">This blue column is not centered.</p>
+ </div>
+ </div>
+
+ <script src="../assets/js/vendor.js"></script>
+ <script src="../assets/js/foundation.js"></script>
+ <script>
+ $(document).foundation();
+ </script>
+ </body>
+</html>
diff --git a/libraries/foundation-6/test/visual/magellan/active-item.html b/libraries/foundation-6/test/visual/magellan/active-item.html
new file mode 100644
index 00000000..2bc5849f
--- /dev/null
+++ b/libraries/foundation-6/test/visual/magellan/active-item.html
@@ -0,0 +1,97 @@
+<!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 http-equiv="X-UA-Compatible" content="IE=edge">
+ <title>Magellan:Active Item</title>
+ <link href="../motion-ui/dist/motion-ui.css" rel="stylesheet" />
+ <link href="../assets/css/foundation.css" rel="stylesheet" />
+ <style type="text/css">
+
+ section{height:60em;}
+ nav{height:4em!important;}
+ .sticky{width: 100%;}
+ .highlight{background:#A1D4E9;}
+ .top-bar, .top-bar ul, .dark{background:#3a3a3a; color:#A1D4E9 }
+ .top-bar a{color: #A1D4E9;}
+ .active{background:#A1D4E9;color:white!important;}
+ .well{padding:3rem;}
+
+ </style>
+ </head>
+
+<body>
+ <header>
+ <nav data-sticky-container>
+ <div class="sticky is-stuck is-at-top" data-sticky data-sticky-on="small" data-margin-top="0" data-margin-bottom="0" data-top-anchor="top">
+ <div class="top-bar">
+ <ul data-magellan data-bar-offset="25" data-deep-linking="true" class="small-horizontal menu">
+ <li><a href="#one">one</a></li>
+ <li><a href="#two">two</a></li>
+ <li><a href="#three">three</a></li>
+ <li><a href="#four">four</a></li>
+ <li><a href="#five">five</a></li>
+ <li><a href="#six">six</a></li>
+ </ul>
+ </div>
+ </div>
+ </nav>
+
+ <section id="heading">
+ <h1 class="text-center well">Pre-anchor Section</h1>
+ <div class="well">
+ <p>Incorrect: Navigation item one is active before first anchor point at section One.</p>
+ Correct:
+ <ul>
+ <li>Navigation items should be inactive until first anchor point.</li>
+ <li>URL should contain no hash</li>
+ </ul>
+ </div>
+ </section>
+
+ </header>
+ <main>
+
+ <section id="one" class="highlight" data-magellan-target="one">
+ <h1 class="text-center well">Section One</h1>
+ <div class="well">
+ <p>First anchor point. Navigation item one should be active only in this section.</p>
+ <p>Location hash should be #one with deep linking set to true</p>
+ </div>
+ </section>
+ <section id="two" data-magellan-target="two">
+ <h1 class="text-center well">Section Two</h1>
+ <div class="well">
+ <p>Second anchor point. Navigation item two should be active only in this section.</p>
+ <p>Location hash should be #two with deep linking set to true</p>
+ </div>
+ </section>
+ <section id="three" class="highlight" data-magellan-target="three">
+ <h1 class="text-center well">Section Three</h1>
+ <div class="well">
+ <p>Third anchor point. Navigation item three should be active only in this section.</p>
+ <p>Location hash should be #three with deep linking set to true</p>
+ </div>
+ </section>
+ <section id="four" data-magellan-target="four">
+ <h1 class="text-center well">Section Four</h1>
+ </section>
+ <section id="five" class="highlight" data-magellan-target="five">
+ <h1 class="text-center well">Section Five</h1>
+ </section>
+ </section>
+ <section id="six" class="dark" data-magellan-target="six">
+ <h1 class="text-center well">Section Six</h1>
+ </section>
+
+
+ </main>
+
+ <script src="../assets/js/vendor.js"></script>
+ <script src="../assets/js/foundation.js"></script>
+ <script>
+ $(document).foundation();
+ </script>
+ </body>
+</html>
diff --git a/libraries/foundation-6/test/visual/magellan/unordered-links.html b/libraries/foundation-6/test/visual/magellan/unordered-links.html
new file mode 100644
index 00000000..1073c75e
--- /dev/null
+++ b/libraries/foundation-6/test/visual/magellan/unordered-links.html
@@ -0,0 +1,76 @@
+<!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 http-equiv="X-UA-Compatible" content="IE=edge">
+ <title>Foundation for Sites Testing</title>
+ <link href="../assets/css/foundation.css" rel="stylesheet" />
+ <style type="text/css">
+ [data-magellan] {
+ position: fixed;
+ top: 0;
+ right: 0;
+ }
+ [data-magellan] a.active {
+ font-weight: bold;
+ color: #000;
+ }
+ </style>
+ </head>
+ <body>
+ <ul class="vertical menu" data-magellan>
+ <li><a href="#one">Section One</a></li>
+ <li><a href="#three">Section Three</a></li>
+ <li><a href="#two">Section Two</a></li>
+ <li><a href="#four">Section Four</a></li>
+ <li><a href="#five">Section Five</a></li>
+ <li><a href="#three">Section Three</a></li>
+ </ul>
+ <div class="row">
+ <div class="column small-10 medium-6 large-4">
+ <section id="one" data-magellan-target="one">
+ <h1>Section One</h1>
+ <p>
+ <strong>This test checks if the correct link gets the active class when scrolling.</strong> This section is in the same place as the corresponding link. All should go well.
+ </p>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ultricies porttitor lorem. Fusce condimentum in erat id pellentesque. Ut id lacus non nulla sodales suscipit. Donec dictum ante lacus, id fermentum ex dictum id. Pellentesque vel ullamcorper nisi. In hac habitasse platea dictumst. Morbi vehicula egestas tellus, non pulvinar leo viverra in. Maecenas eget est ut nisi scelerisque semper a sed quam. Suspendisse viverra ornare lacus, vehicula sagittis est condimentum a. Aliquam erat volutpat. Nullam consequat aliquam eros quis dictum. Suspendisse dapibus massa eget felis convallis dapibus. Nam vestibulum ligula velit, egestas faucibus justo pellentesque a.
+ </p>
+ </section>
+ <section id="two" data-magellan-target="two">
+ <h1>Section Two</h1>
+ <p>
+ This section is not in the same place as the corresponding link. Notice that the corresponding link comes third in the menu, but the section comes second in the page.
+ </p>
+ <p>
+ Mauris non metus porttitor, iaculis arcu in, ultrices metus. Maecenas et est lacus. Ut a diam rutrum, iaculis leo vitae, commodo felis. Donec molestie, elit in mollis consequat, mauris arcu auctor tortor, non feugiat felis mauris eu tellus. In hac habitasse platea dictumst. Phasellus condimentum nulla a orci varius placerat. Integer vitae orci tristique, convallis ligula ac, sodales dui. Morbi pharetra eros ut semper egestas. Donec ornare velit vel felis tempor tempor. Nullam egestas rhoncus elit et rhoncus.
+ </p>
+ </section>
+ <section id="three" data-magellan-target="three">
+ <h1>Section Three</h1>
+ <p>
+ This section has two corresponding links in the menu. Both should get the active class.
+ </p>
+ <p>
+ Cras in nunc ultricies, eleifend nisl ut, volutpat ipsum. In a neque nulla. Donec varius tempus fringilla. Nunc massa tellus, lobortis a imperdiet vel, placerat quis leo. Pellentesque vel accumsan lacus, aliquam tristique eros. Proin bibendum purus quis feugiat egestas. Vivamus facilisis libero tortor, ut finibus eros lobortis sed. Donec a blandit erat. Morbi et purus urna. Ut orci libero, sodales dapibus molestie id, pretium quis mi. Nam et lacinia quam.
+ </p>
+ </section>
+ <section id="five" data-magellan-target="five">
+ <h1>Section Five</h1>
+ <p>
+ This section comes fourth in the page because Section Four is missing. The Section Four link should not get the active class. Instead, the corresponding Section Five link should.
+ </p>
+ <p>
+ Donec aliquet dictum mauris nec volutpat. Nunc id mauris neque. Aenean venenatis, massa laoreet fermentum convallis, purus tellus luctus tellus, nec pharetra quam nisi non dolor. Aliquam quam mi, aliquam non leo eu, tincidunt aliquam nibh. Sed malesuada, ligula at maximus imperdiet, risus arcu hendrerit dolor, ac rutrum elit leo nec dolor. Nulla eu dolor eget sapien eleifend pulvinar finibus ac nisl. Nulla augue lorem, ullamcorper id felis sit amet, pretium viverra lectus. Praesent ullamcorper orci sed convallis pulvinar. Sed accumsan orci vel blandit sodales. Duis lobortis sem at fermentum scelerisque. Cras sed turpis at est sollicitudin sollicitudin dignissim vel libero. Maecenas sit amet mauris elementum, tincidunt sem vitae, pharetra ex. Curabitur viverra erat ut ipsum cursus mattis. Vestibulum consectetur, ligula id gravida tristique, nisi lorem gravida ex, in imperdiet risus turpis eget neque.
+ </p>
+ </section>
+ </div>
+ </div>
+ <script src="../assets/js/vendor.js"></script>
+ <script src="../assets/js/foundation.js"></script>
+ <script>
+ $(document).foundation();
+ </script>
+ </body>
+</html>
diff --git a/libraries/foundation-6/test/visual/responsive-accordion-tabs/responsive-accordion-tabs.html b/libraries/foundation-6/test/visual/responsive-accordion-tabs/responsive-accordion-tabs.html
new file mode 100644
index 00000000..9260d863
--- /dev/null
+++ b/libraries/foundation-6/test/visual/responsive-accordion-tabs/responsive-accordion-tabs.html
@@ -0,0 +1,457 @@
+<!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 http-equiv="X-UA-Compatible" content="IE=edge">
+ <title>Foundation for Sites Testing</title>
+ <link href="../assets/css/foundation.css" rel="stylesheet" />
+ </head>
+ <body>
+ <div class="row column">
+ <h1>Responsive Accordion Tabs</h1>
+ <h4>Codebase Tabs</h4>
+ <p class="callout small">I have the HTML Markup from Tabs and should be <code>tabs on small</code> <code>accordion on medium</code> <code>tabs on large</code> </p>
+ <ul class="" id="example-tabs" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="tabs-title is-active"><a href="#panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs">
+ <div class="tabs-panel is-active" id="panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ </div>
+ </div>
+ <br>
+ <p class="callout small">I have the HTML Markup from Tabs and should be <code>accordion on small</code> <code>tabs on medium</code> <code>accordion on large</code> </p>
+ <ul class="" id="example-tabs2" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="tabs-title is-active"><a href="#2-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#2-panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs2">
+ <div class="tabs-panel is-active" id="2-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="2-panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ </div>
+ </div>
+
+ <h4>Codebase Accordion</h4>
+ <p class="callout small">I have the HTML Markup from Accordion and should be <code>accordion on small</code> <code>tabs on medium</code> <code>accordion on large</code> </p>
+ <ul class="" id="example-accordion" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus expedita animi, ipsum nostrum tempore deserunt quae dolores ratione modi repudiandae dolor doloremque, non necessitatibus accusamus dignissimos facere magni corporis quasi laboriosam. Eum accusamus odio possimus iste itaque quidem, sapiente repellat placeat. Obcaecati odio consequatur debitis asperiores veritatis, impedit nulla accusantium sint ab ducimus neque sit non illum, accusamus, quibusdam possimus vero a distinctio repellat, ad quas voluptates adipisci. Explicabo voluptatem dolorem laborum deserunt fugiat praesentium totam aperiam, similique iure voluptas. Maxime, sequi vero velit praesentium earum suscipit facere cum quasi tenetur voluptatibus eos magni ipsum assumenda quibusdam ut dolorem voluptate debitis molestias, aliquid obcaecati! Consequuntur nisi repudiandae et in veniam vel, quod dolor doloribus eveniet atque ipsa eos odio, dignissimos laboriosam eius quidem distinctio non sunt maiores id dolore a similique. Quis exercitationem consequatur error, deleniti soluta harum. Est consequuntur aut, iusto. Vitae quam, neque velit ab ullam ex nobis laudantium exercitationem porro culpa necessitatibus provident, nulla similique pariatur dolorem iste perspiciatis ratione quaerat fugit, reiciendis ut ad reprehenderit totam, veritatis natus. Ut alias possimus perspiciatis veritatis, ratione laboriosam. Placeat hic nobis, deleniti aperiam dolore qui illum iusto alias explicabo sunt aliquid autem pariatur error saepe ad perferendis tempore adipisci.
+ </div>
+ </li>
+ </ul>
+ <br>
+ <p class="callout small">I have the HTML Markup from Accordion and should be <code>tabs on small</code> <code>accordion on medium</code> <code>tabs on large</code> </p>
+ <ul class="" id="example-accordion2" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem optio nihil natus incidunt. Esse, in nesciunt? Quo odit ipsam facilis, consequatur nesciunt aliquid ipsa accusantium repellendus totam doloremque officiis quia ad qui quibusdam neque deserunt saepe. Inventore amet sed cupiditate ipsam animi, quod est officiis ratione expedita vitae, facilis tenetur ex quaerat fugit mollitia vero, esse labore eos. Ullam minima nemo, dicta neque numquam cumque iusto, ratione quia blanditiis accusantium id adipisci obcaecati eum aliquid consequatur eveniet. Culpa nihil, dolore quasi eveniet est ipsa accusamus asperiores voluptates autem? Mollitia consequuntur iste maxime, est rerum, quod quam voluptatum id natus commodi? Maxime vel debitis optio blanditiis dolorem, eum minus reprehenderit. Mollitia natus similique amet adipisci quae, voluptatem doloribus asperiores cum, accusantium hic eveniet quis temporibus fugiat excepturi nemo harum non voluptatibus aliquid voluptatum enim provident? Nam deleniti impedit animi blanditiis itaque amet mollitia, aperiam alias, magni ex sit. Harum quibusdam cum fuga vitae nobis, saepe, cupiditate inventore reiciendis, aut similique voluptatibus consequatur soluta sunt repellat. Animi deserunt, reiciendis, sed labore maiores nobis reprehenderit debitis! Sequi dignissimos nam sint dolorum deleniti magnam aliquam et, tempore alias repellat, possimus quos doloremque illum accusantium quisquam sunt, nulla obcaecati ea omnis. Eaque cumque cum error.
+ </div>
+ </li>
+ </ul>
+ <h4>Nested Elements Tabs Markup</h4>
+ <ul class="" id="example-tabs3" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="tabs-title is-active"><a href="#3-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#3-panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs3">
+ <div class="tabs-panel is-active" id="3-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="3-panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ <ul class="" id="example-tabs4" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="tabs-title is-active"><a href="#4-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#4-panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs4">
+ <div class="tabs-panel is-active" id="4-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="4-panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <br>
+ <ul class="" id="example-tabs5" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="tabs-title is-active"><a href="#5-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#5-panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs5">
+ <div class="tabs-panel is-active" id="5-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="5-panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ <ul class="" id="example-tabs6" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="tabs-title is-active"><a href="#6-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#6-panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs6">
+ <div class="tabs-panel is-active" id="6-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="6-panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <h4>Nested Elements Accordion Markup</h4>
+ <ul class="" id="example-accordion3" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ <ul class="" id="example-accordion4" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus expedita animi, ipsum nostrum tempore deserunt quae dolores ratione modi repudiandae dolor doloremque, non necessitatibus accusamus dignissimos facere magni corporis quasi laboriosam. Eum accusamus odio possimus iste itaque quidem, sapiente repellat placeat. Obcaecati odio consequatur debitis asperiores veritatis, impedit nulla accusantium sint ab ducimus neque sit non illum, accusamus, quibusdam possimus vero a distinctio repellat, ad quas voluptates adipisci. Explicabo voluptatem dolorem laborum deserunt fugiat praesentium totam aperiam, similique iure voluptas. Maxime, sequi vero velit praesentium earum suscipit facere cum quasi tenetur voluptatibus eos magni ipsum assumenda quibusdam ut dolorem voluptate debitis molestias, aliquid obcaecati! Consequuntur nisi repudiandae et in veniam vel, quod dolor doloribus eveniet atque ipsa eos odio, dignissimos laboriosam eius quidem distinctio non sunt maiores id dolore a similique. Quis exercitationem consequatur error, deleniti soluta harum. Est consequuntur aut, iusto. Vitae quam, neque velit ab ullam ex nobis laudantium exercitationem porro culpa necessitatibus provident, nulla similique pariatur dolorem iste perspiciatis ratione quaerat fugit, reiciendis ut ad reprehenderit totam, veritatis natus. Ut alias possimus perspiciatis veritatis, ratione laboriosam. Placeat hic nobis, deleniti aperiam dolore qui illum iusto alias explicabo sunt aliquid autem pariatur error saepe ad perferendis tempore adipisci.
+ </div>
+ </li>
+ </ul>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus expedita animi, ipsum nostrum tempore deserunt quae dolores ratione modi repudiandae dolor doloremque, non necessitatibus accusamus dignissimos facere magni corporis quasi laboriosam. Eum accusamus odio possimus iste itaque quidem, sapiente repellat placeat. Obcaecati odio consequatur debitis asperiores veritatis, impedit nulla accusantium sint ab ducimus neque sit non illum, accusamus, quibusdam possimus vero a distinctio repellat, ad quas voluptates adipisci. Explicabo voluptatem dolorem laborum deserunt fugiat praesentium totam aperiam, similique iure voluptas. Maxime, sequi vero velit praesentium earum suscipit facere cum quasi tenetur voluptatibus eos magni ipsum assumenda quibusdam ut dolorem voluptate debitis molestias, aliquid obcaecati! Consequuntur nisi repudiandae et in veniam vel, quod dolor doloribus eveniet atque ipsa eos odio, dignissimos laboriosam eius quidem distinctio non sunt maiores id dolore a similique. Quis exercitationem consequatur error, deleniti soluta harum. Est consequuntur aut, iusto. Vitae quam, neque velit ab ullam ex nobis laudantium exercitationem porro culpa necessitatibus provident, nulla similique pariatur dolorem iste perspiciatis ratione quaerat fugit, reiciendis ut ad reprehenderit totam, veritatis natus. Ut alias possimus perspiciatis veritatis, ratione laboriosam. Placeat hic nobis, deleniti aperiam dolore qui illum iusto alias explicabo sunt aliquid autem pariatur error saepe ad perferendis tempore adipisci.
+ </div>
+ </li>
+ </ul>
+ <ul class="" id="example-accordion5" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ <ul class="" id="example-accordion6" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus expedita animi, ipsum nostrum tempore deserunt quae dolores ratione modi repudiandae dolor doloremque, non necessitatibus accusamus dignissimos facere magni corporis quasi laboriosam. Eum accusamus odio possimus iste itaque quidem, sapiente repellat placeat. Obcaecati odio consequatur debitis asperiores veritatis, impedit nulla accusantium sint ab ducimus neque sit non illum, accusamus, quibusdam possimus vero a distinctio repellat, ad quas voluptates adipisci. Explicabo voluptatem dolorem laborum deserunt fugiat praesentium totam aperiam, similique iure voluptas. Maxime, sequi vero velit praesentium earum suscipit facere cum quasi tenetur voluptatibus eos magni ipsum assumenda quibusdam ut dolorem voluptate debitis molestias, aliquid obcaecati! Consequuntur nisi repudiandae et in veniam vel, quod dolor doloribus eveniet atque ipsa eos odio, dignissimos laboriosam eius quidem distinctio non sunt maiores id dolore a similique. Quis exercitationem consequatur error, deleniti soluta harum. Est consequuntur aut, iusto. Vitae quam, neque velit ab ullam ex nobis laudantium exercitationem porro culpa necessitatibus provident, nulla similique pariatur dolorem iste perspiciatis ratione quaerat fugit, reiciendis ut ad reprehenderit totam, veritatis natus. Ut alias possimus perspiciatis veritatis, ratione laboriosam. Placeat hic nobis, deleniti aperiam dolore qui illum iusto alias explicabo sunt aliquid autem pariatur error saepe ad perferendis tempore adipisci.
+ </div>
+ </li>
+ </ul>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus expedita animi, ipsum nostrum tempore deserunt quae dolores ratione modi repudiandae dolor doloremque, non necessitatibus accusamus dignissimos facere magni corporis quasi laboriosam. Eum accusamus odio possimus iste itaque quidem, sapiente repellat placeat. Obcaecati odio consequatur debitis asperiores veritatis, impedit nulla accusantium sint ab ducimus neque sit non illum, accusamus, quibusdam possimus vero a distinctio repellat, ad quas voluptates adipisci. Explicabo voluptatem dolorem laborum deserunt fugiat praesentium totam aperiam, similique iure voluptas. Maxime, sequi vero velit praesentium earum suscipit facere cum quasi tenetur voluptatibus eos magni ipsum assumenda quibusdam ut dolorem voluptate debitis molestias, aliquid obcaecati! Consequuntur nisi repudiandae et in veniam vel, quod dolor doloribus eveniet atque ipsa eos odio, dignissimos laboriosam eius quidem distinctio non sunt maiores id dolore a similique. Quis exercitationem consequatur error, deleniti soluta harum. Est consequuntur aut, iusto. Vitae quam, neque velit ab ullam ex nobis laudantium exercitationem porro culpa necessitatibus provident, nulla similique pariatur dolorem iste perspiciatis ratione quaerat fugit, reiciendis ut ad reprehenderit totam, veritatis natus. Ut alias possimus perspiciatis veritatis, ratione laboriosam. Placeat hic nobis, deleniti aperiam dolore qui illum iusto alias explicabo sunt aliquid autem pariatur error saepe ad perferendis tempore adipisci.
+ </div>
+ </li>
+ </ul>
+ <h4>Nested Elements Mixed Markup</h4>
+ <ul class="" id="example-tabs7" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="tabs-title is-active"><a href="#7-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#7-panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs7">
+ <div class="tabs-panel is-active" id="7-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="7-panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ <ul class="" id="example-accordion7" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus expedita animi, ipsum nostrum tempore deserunt quae dolores ratione modi repudiandae dolor doloremque, non necessitatibus accusamus dignissimos facere magni corporis quasi laboriosam. Eum accusamus odio possimus iste itaque quidem, sapiente repellat placeat. Obcaecati odio consequatur debitis asperiores veritatis, impedit nulla accusantium sint ab ducimus neque sit non illum, accusamus, quibusdam possimus vero a distinctio repellat, ad quas voluptates adipisci. Explicabo voluptatem dolorem laborum deserunt fugiat praesentium totam aperiam, similique iure voluptas. Maxime, sequi vero velit praesentium earum suscipit facere cum quasi tenetur voluptatibus eos magni ipsum assumenda quibusdam ut dolorem voluptate debitis molestias, aliquid obcaecati! Consequuntur nisi repudiandae et in veniam vel, quod dolor doloribus eveniet atque ipsa eos odio, dignissimos laboriosam eius quidem distinctio non sunt maiores id dolore a similique. Quis exercitationem consequatur error, deleniti soluta harum. Est consequuntur aut, iusto. Vitae quam, neque velit ab ullam ex nobis laudantium exercitationem porro culpa necessitatibus provident, nulla similique pariatur dolorem iste perspiciatis ratione quaerat fugit, reiciendis ut ad reprehenderit totam, veritatis natus. Ut alias possimus perspiciatis veritatis, ratione laboriosam. Placeat hic nobis, deleniti aperiam dolore qui illum iusto alias explicabo sunt aliquid autem pariatur error saepe ad perferendis tempore adipisci.
+ </div>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <br>
+ <ul class="" id="example-accordion8" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ <ul class="" id="example-tabs8" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="tabs-title is-active"><a href="#8-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#8-panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs8">
+ <div class="tabs-panel is-active" id="8-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="8-panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ </div>
+ </div>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus expedita animi, ipsum nostrum tempore deserunt quae dolores ratione modi repudiandae dolor doloremque, non necessitatibus accusamus dignissimos facere magni corporis quasi laboriosam. Eum accusamus odio possimus iste itaque quidem, sapiente repellat placeat. Obcaecati odio consequatur debitis asperiores veritatis, impedit nulla accusantium sint ab ducimus neque sit non illum, accusamus, quibusdam possimus vero a distinctio repellat, ad quas voluptates adipisci. Explicabo voluptatem dolorem laborum deserunt fugiat praesentium totam aperiam, similique iure voluptas. Maxime, sequi vero velit praesentium earum suscipit facere cum quasi tenetur voluptatibus eos magni ipsum assumenda quibusdam ut dolorem voluptate debitis molestias, aliquid obcaecati! Consequuntur nisi repudiandae et in veniam vel, quod dolor doloribus eveniet atque ipsa eos odio, dignissimos laboriosam eius quidem distinctio non sunt maiores id dolore a similique. Quis exercitationem consequatur error, deleniti soluta harum. Est consequuntur aut, iusto. Vitae quam, neque velit ab ullam ex nobis laudantium exercitationem porro culpa necessitatibus provident, nulla similique pariatur dolorem iste perspiciatis ratione quaerat fugit, reiciendis ut ad reprehenderit totam, veritatis natus. Ut alias possimus perspiciatis veritatis, ratione laboriosam. Placeat hic nobis, deleniti aperiam dolore qui illum iusto alias explicabo sunt aliquid autem pariatur error saepe ad perferendis tempore adipisci.
+ </div>
+ </li>
+ </ul>
+ <br>
+ <ul class="" id="example-tabs9" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="tabs-title is-active"><a href="#9-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#9-panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs9">
+ <div class="tabs-panel is-active" id="9-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="9-panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ <ul class="" id="example-accordion9" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus expedita animi, ipsum nostrum tempore deserunt quae dolores ratione modi repudiandae dolor doloremque, non necessitatibus accusamus dignissimos facere magni corporis quasi laboriosam. Eum accusamus odio possimus iste itaque quidem, sapiente repellat placeat. Obcaecati odio consequatur debitis asperiores veritatis, impedit nulla accusantium sint ab ducimus neque sit non illum, accusamus, quibusdam possimus vero a distinctio repellat, ad quas voluptates adipisci. Explicabo voluptatem dolorem laborum deserunt fugiat praesentium totam aperiam, similique iure voluptas. Maxime, sequi vero velit praesentium earum suscipit facere cum quasi tenetur voluptatibus eos magni ipsum assumenda quibusdam ut dolorem voluptate debitis molestias, aliquid obcaecati! Consequuntur nisi repudiandae et in veniam vel, quod dolor doloribus eveniet atque ipsa eos odio, dignissimos laboriosam eius quidem distinctio non sunt maiores id dolore a similique. Quis exercitationem consequatur error, deleniti soluta harum. Est consequuntur aut, iusto. Vitae quam, neque velit ab ullam ex nobis laudantium exercitationem porro culpa necessitatibus provident, nulla similique pariatur dolorem iste perspiciatis ratione quaerat fugit, reiciendis ut ad reprehenderit totam, veritatis natus. Ut alias possimus perspiciatis veritatis, ratione laboriosam. Placeat hic nobis, deleniti aperiam dolore qui illum iusto alias explicabo sunt aliquid autem pariatur error saepe ad perferendis tempore adipisci.
+ </div>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <br>
+ <ul class="" id="example-accordion10" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ <ul class="" id="example-tabs10" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="tabs-title is-active"><a href="#10-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#10-panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs10">
+ <div class="tabs-panel is-active" id="10-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="10-panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ </div>
+ </div>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus expedita animi, ipsum nostrum tempore deserunt quae dolores ratione modi repudiandae dolor doloremque, non necessitatibus accusamus dignissimos facere magni corporis quasi laboriosam. Eum accusamus odio possimus iste itaque quidem, sapiente repellat placeat. Obcaecati odio consequatur debitis asperiores veritatis, impedit nulla accusantium sint ab ducimus neque sit non illum, accusamus, quibusdam possimus vero a distinctio repellat, ad quas voluptates adipisci. Explicabo voluptatem dolorem laborum deserunt fugiat praesentium totam aperiam, similique iure voluptas. Maxime, sequi vero velit praesentium earum suscipit facere cum quasi tenetur voluptatibus eos magni ipsum assumenda quibusdam ut dolorem voluptate debitis molestias, aliquid obcaecati! Consequuntur nisi repudiandae et in veniam vel, quod dolor doloribus eveniet atque ipsa eos odio, dignissimos laboriosam eius quidem distinctio non sunt maiores id dolore a similique. Quis exercitationem consequatur error, deleniti soluta harum. Est consequuntur aut, iusto. Vitae quam, neque velit ab ullam ex nobis laudantium exercitationem porro culpa necessitatibus provident, nulla similique pariatur dolorem iste perspiciatis ratione quaerat fugit, reiciendis ut ad reprehenderit totam, veritatis natus. Ut alias possimus perspiciatis veritatis, ratione laboriosam. Placeat hic nobis, deleniti aperiam dolore qui illum iusto alias explicabo sunt aliquid autem pariatur error saepe ad perferendis tempore adipisci.
+ </div>
+ </li>
+ </ul>
+ <h4>Extreme Nesting</h4>
+ <ul class="" id="example-accordion11" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ <ul class="" id="example-tabs11" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="tabs-title is-active"><a href="#11-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#11-panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs11">
+ <div class="tabs-panel is-active" id="11-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="11-panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ <ul class="" id="example-accordion14" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus expedita animi, ipsum nostrum tempore deserunt quae dolores ratione modi repudiandae dolor doloremque, non necessitatibus accusamus dignissimos facere magni corporis quasi laboriosam. Eum accusamus odio possimus iste itaque quidem, sapiente repellat placeat. Obcaecati odio consequatur debitis asperiores veritatis, impedit nulla accusantium sint ab ducimus neque sit non illum, accusamus, quibusdam possimus vero a distinctio repellat, ad quas voluptates adipisci. Explicabo voluptatem dolorem laborum deserunt fugiat praesentium totam aperiam, similique iure voluptas. Maxime, sequi vero velit praesentium earum suscipit facere cum quasi tenetur voluptatibus eos magni ipsum assumenda quibusdam ut dolorem voluptate debitis molestias, aliquid obcaecati! Consequuntur nisi repudiandae et in veniam vel, quod dolor doloribus eveniet atque ipsa eos odio, dignissimos laboriosam eius quidem distinctio non sunt maiores id dolore a similique. Quis exercitationem consequatur error, deleniti soluta harum. Est consequuntur aut, iusto. Vitae quam, neque velit ab ullam ex nobis laudantium exercitationem porro culpa necessitatibus provident, nulla similique pariatur dolorem iste perspiciatis ratione quaerat fugit, reiciendis ut ad reprehenderit totam, veritatis natus. Ut alias possimus perspiciatis veritatis, ratione laboriosam. Placeat hic nobis, deleniti aperiam dolore qui illum iusto alias explicabo sunt aliquid autem pariatur error saepe ad perferendis tempore adipisci.
+ </div>
+ </li>
+ </ul>
+ </div>
+ </div>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ <ul class="" id="example-accordion12" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ <ul class="" id="example-tabs12" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="tabs-title is-active"><a href="#12-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#12-panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs12">
+ <div class="tabs-panel is-active" id="12-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="12-panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ </div>
+ </div>
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ <ul class="" id="example-accordion13" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ <ul class="" id="example-tabs13" data-responsive-accordion-tabs="tabs medium-accordion large-tabs">
+ <li class="tabs-title is-active"><a href="#13-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#13-panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs13">
+ <div class="tabs-panel is-active" id="13-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="13-panel2">
+ <ul class="" id="example-accordion15" data-responsive-accordion-tabs="accordion medium-tabs large-accordion">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus expedita animi, ipsum nostrum tempore deserunt quae dolores ratione modi repudiandae dolor doloremque, non necessitatibus accusamus dignissimos facere magni corporis quasi laboriosam. Eum accusamus odio possimus iste itaque quidem, sapiente repellat placeat. Obcaecati odio consequatur debitis asperiores veritatis, impedit nulla accusantium sint ab ducimus neque sit non illum, accusamus, quibusdam possimus vero a distinctio repellat, ad quas voluptates adipisci. Explicabo voluptatem dolorem laborum deserunt fugiat praesentium totam aperiam, similique iure voluptas. Maxime, sequi vero velit praesentium earum suscipit facere cum quasi tenetur voluptatibus eos magni ipsum assumenda quibusdam ut dolorem voluptate debitis molestias, aliquid obcaecati! Consequuntur nisi repudiandae et in veniam vel, quod dolor doloribus eveniet atque ipsa eos odio, dignissimos laboriosam eius quidem distinctio non sunt maiores id dolore a similique. Quis exercitationem consequatur error, deleniti soluta harum. Est consequuntur aut, iusto. Vitae quam, neque velit ab ullam ex nobis laudantium exercitationem porro culpa necessitatibus provident, nulla similique pariatur dolorem iste perspiciatis ratione quaerat fugit, reiciendis ut ad reprehenderit totam, veritatis natus. Ut alias possimus perspiciatis veritatis, ratione laboriosam. Placeat hic nobis, deleniti aperiam dolore qui illum iusto alias explicabo sunt aliquid autem pariatur error saepe ad perferendis tempore adipisci.
+ </div>
+ </li>
+ </ul>
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ </div>
+ </div>
+ </div>
+ </li>
+ </ul>
+ </div>
+ </li>
+ </ul>
+ </div>
+ </li>
+ </ul>
+ <h4>Vertical example only with codebase tabs on first level</h4>
+ <div class="row collapse">
+ <div class="medium-3 columns">
+ <ul class="vertical" id="example-tabs14" data-responsive-accordion-tabs="accordion medium-tabs large-tabs">
+ <li class="tabs-title is-active"><a href="#14-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="tabs-title"><a href="#14-panel2">Tab 2</a></li>
+ </ul>
+ </div>
+ <div class="medium-9 columns">
+ <div class="tabs-content vertical" data-tabs-content="example-tabs14">
+ <div class="tabs-panel is-active" id="14-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="tabs-panel" id="14-panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <h4>Different data-link-class and data-panel-class</h4>
+ <style type="text/css">
+ .test-link {
+
+ }
+ .test-panel {
+ display: none;
+ }
+ .test-panel.is-active {
+ display: block;
+ }
+ </style>
+ <ul class="" id="example-tabs15" data-responsive-accordion-tabs="tabs medium-accordion large-tabs" data-link-class="test-link" data-panel-class="test-panel">
+ <li class="test-link is-active"><a href="#15-panel1" aria-selected="true">Tab 1</a></li>
+ <li class="test-link"><a href="#15-panel2">Tab 2</a></li>
+ </ul>
+ <div class="tabs-content" data-tabs-content="example-tabs15">
+ <div class="test-panel is-active" id="15-panel1">
+ <p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p>
+ </div>
+ <div class="test-panel" id="15-panel2">
+ <p>Suspendisse dictum feugiat nisl ut dapibus. Vivamus hendrerit arcu sed erat molestie vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.</p>
+ </div>
+ </div>
+ <br>
+ <ul class="" id="example-accordion16" data-responsive-accordion-tabs="accordion medium-tabs large-accordion" data-link-class="test-link" data-panel-class="test-panel">
+ <li class="accordion-item is-active" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 1</a>
+ <div class="accordion-content" data-tab-content>
+ I would start in the open state, due to using the `is-active` state class.
+ </div>
+ </li>
+ <li class="accordion-item" data-accordion-item>
+ <a href="#" class="accordion-title">Accordion 2</a>
+ <div class="accordion-content" data-tab-content>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus expedita animi, ipsum nostrum tempore deserunt quae dolores ratione modi repudiandae dolor doloremque, non necessitatibus accusamus dignissimos facere magni corporis quasi laboriosam. Eum accusamus odio possimus iste itaque quidem, sapiente repellat placeat. Obcaecati odio consequatur debitis asperiores veritatis, impedit nulla accusantium sint ab ducimus neque sit non illum, accusamus, quibusdam possimus vero a distinctio repellat, ad quas voluptates adipisci. Explicabo voluptatem dolorem laborum deserunt fugiat praesentium totam aperiam, similique iure voluptas. Maxime, sequi vero velit praesentium earum suscipit facere cum quasi tenetur voluptatibus eos magni ipsum assumenda quibusdam ut dolorem voluptate debitis molestias, aliquid obcaecati! Consequuntur nisi repudiandae et in veniam vel, quod dolor doloribus eveniet atque ipsa eos odio, dignissimos laboriosam eius quidem distinctio non sunt maiores id dolore a similique. Quis exercitationem consequatur error, deleniti soluta harum. Est consequuntur aut, iusto. Vitae quam, neque velit ab ullam ex nobis laudantium exercitationem porro culpa necessitatibus provident, nulla similique pariatur dolorem iste perspiciatis ratione quaerat fugit, reiciendis ut ad reprehenderit totam, veritatis natus. Ut alias possimus perspiciatis veritatis, ratione laboriosam. Placeat hic nobis, deleniti aperiam dolore qui illum iusto alias explicabo sunt aliquid autem pariatur error saepe ad perferendis tempore adipisci.
+ </div>
+ </li>
+ </ul>
+ </div>
+ <script src="../assets/js/vendor.js"></script>
+ <script src="../assets/js/foundation.js"></script>
+ <script>
+ $(document).foundation();
+ </script>
+ </body>
+</html>
diff --git a/libraries/foundation-6/test/visual/responsive-menu/dropdown-on-right-middle.html b/libraries/foundation-6/test/visual/responsive-menu/dropdown-on-right-middle.html
index ff5304f8..2ac80a05 100644
--- a/libraries/foundation-6/test/visual/responsive-menu/dropdown-on-right-middle.html
+++ b/libraries/foundation-6/test/visual/responsive-menu/dropdown-on-right-middle.html
@@ -103,7 +103,7 @@
<li>On the left side, submenu dropdowns should be aligned to right-top of the parent element and open toward the middle.</li>
<li>Dropdown parent element arrows should point down.</li>
<br>
- <li>On mobile, the arrows to access submenu should be at the left of the dropdown.</li>
+ <li>On mobile, the arrows to access submenu should be at the right of the dropdown.</li>
</ul>
<script src="../assets/js/vendor.js"></script>
diff --git a/libraries/foundation-6/test/visual/reveal/element-outside-dom-click.html b/libraries/foundation-6/test/visual/reveal/element-outside-dom-click.html
new file mode 100644
index 00000000..2ae58cd4
--- /dev/null
+++ b/libraries/foundation-6/test/visual/reveal/element-outside-dom-click.html
@@ -0,0 +1,33 @@
+<!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 http-equiv="X-UA-Compatible" content="IE=edge">
+ <title>Foundation for Sites Testing</title>
+ <link href="../motion-ui/dist/motion-ui.css" rel="stylesheet" />
+ <link href="../assets/css/foundation.css" rel="stylesheet" />
+ </head>
+ <body>
+ <div class="row column">
+ <h1>Reveal</h1>
+
+ <section>
+ <h2>Avoid reveal modal closing upon click of an element not in the DOM</h2>
+ <p>When an element inside the modal is removed on click, the modal would close because then the clicked element is not within the modal anymore (because it has been removed from the DOM). This example removes the button inside the modal on click and the modal should remain open. See issue #9146.</p>
+ <p><button data-open="exampleModal1" class="button">Open Trigger</button></p>
+
+ <div class="reveal" id="exampleModal1" data-reveal>
+ <p>Clicking any of these triggers should close the modal.</p>
+ <p><button class="button" onclick="$(this).remove();">Click to remove me without closing the reveal!</button>
+ </div>
+ </section>
+ </div>
+
+ <script src="../assets/js/vendor.js"></script>
+ <script src="../assets/js/foundation.js"></script>
+ <script>
+ $(document).foundation();
+ </script>
+ </body>
+</html>
diff --git a/libraries/foundation-6/test/visual/sticky/simple-menu.html b/libraries/foundation-6/test/visual/sticky/simple-menu.html
new file mode 100644
index 00000000..20c189f5
--- /dev/null
+++ b/libraries/foundation-6/test/visual/sticky/simple-menu.html
@@ -0,0 +1,109 @@
+<!doctype html>
+<html lang="en" class="no-js">
+
+<head>
+ <meta charset="UTF-8">
+ <title>Foundation for Sites Testing</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+ <link href="../assets/css/foundation.css" rel="stylesheet" />
+
+ <style>
+ .menue {
+ background-color: white;
+ text-align: right;
+ display: block;
+ background: $white;
+ padding-top: 8px;
+ padding-bottom: 8px;
+ width: 100%
+ }
+
+ .is-stuck {
+ width: 100%;
+ }
+
+ .row {
+ background: gray;
+ }
+
+ main .row {
+ background: yellow;
+ }
+ </style>
+
+</head>
+
+<body>
+
+ <div class="row">
+ <div class="small-12 columns">
+ <h2>This could be a logo</h1>
+ </div>
+ </div>
+
+ <div class="row">
+ <hr>
+ <div class="small-12 columns" data-sticky-container>
+ <div class="menue sticky" data-sticky-on="small" data-top-anchor="200" data-margin-top="1" data-sticky>
+ <span>Menu 1: </span>
+ <a href="simple-menu.html">Issue 1</a>
+ <span>·</span>
+ <a href="simple-menu.html">Issue 2</a>
+ <span>·</span>
+ <a href="simple-menu.html">Issue 3</a>
+ </div>
+ </div>
+ <hr>
+ </div>
+
+
+<main>
+ <div class="row">
+ <div class="small-12 columns">
+ <h1>This could be content</h2>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa quis veritatis sapiente itaque at nesciunt quos deserunt dolor minima quas, nihil, molestias deleniti, dignissimos corporis libero quidem quisquam et optio debitis fugiat explicabo beatae
+ aperiam ducimus. Quisquam non ex explicabo aliquid, suscipit minus sed minima doloremque repellendus facere aut rerum eius beatae optio eos animi iusto provident, id quo possimus quibusdam officia est nihil omnis. Autem quo, quod, eum saepe sunt
+ odio impedit nam architecto sint expedita repellat. Omnis ipsum pariatur nobis sequi, et labore voluptates officia facere asperiores doloremque enim tempora hic eum illo obcaecati sapiente tempore vitae ex praesentium quam, fugiat molestias quod?
+ Quasi, perspiciatis? Optio architecto asperiores eveniet aliquam magnam atque eius eos nemo laboriosam numquam repudiandae assumenda, ut perferendis vel saepe qui, tempora, dolorem sapiente ad doloribus minus a veniam possimus amet. Ratione amet
+ qui quo consequatur reprehenderit, ad esse perspiciatis similique nobis est. Labore accusamus suscipit itaque corrupti reiciendis consectetur natus cumque, error est repellat dolorem illo iste expedita. Iure culpa minus ducimus totam, ratione
+ delectus non cupiditate consequatur ipsum eius. Maxime, alias. Soluta, delectus, cumque! Consequuntur excepturi velit eos. Repellendus ea ut reiciendis beatae similique earum quaerat blanditiis dolor temporibus amet. Voluptatum, consequuntur,
+ nostrum? Libero tempore provident, nihil necessitatibus maxime voluptates! Totam fugit repellendus commodi at nam, officiis eaque deleniti voluptatem suscipit quas cumque illum nisi optio beatae tempore doloribus veritatis tenetur neque, sunt
+ officia aliquam obcaecati omnis, perferendis. Nam labore quis voluptas nisi beatae ipsam sunt eligendi mollitia praesentium ducimus iusto excepturi officia, tenetur neque perferendis cumque libero? Incidunt nesciunt architecto tempore atque expedita
+ tenetur, voluptates, debitis cupiditate quaerat est magni maiores! Maxime rerum temporibus dolor! Ducimus doloremque facilis illo quam adipisci voluptatem, suscipit amet optio ipsam sunt dignissimos perspiciatis omnis error esse neque pariatur
+ eaque totam possimus dolorum magni nemo quidem. In harum illum quod officiis quo mollitia cum, ducimus corporis vitae eligendi cupiditate pariatur, tempore repellat ratione. Nobis pariatur alias aspernatur repudiandae laborum maiores unde debitis
+ neque maxime earum accusamus eaque illum, iusto velit similique culpa, perspiciatis hic, et ipsum. Neque nisi vero unde sunt, suscipit aliquid, animi at accusantium laboriosam natus repudiandae temporibus vel fuga porro, mollitia saepe alias nihil
+ distinctio, quaerat dolore consequuntur vitae aut. Odit omnis nisi, atque voluptatem alias quod, iusto aut ipsum odio reiciendis rem laudantium est eos! Corporis laudantium sit deserunt adipisci odio quasi eaque amet, illo et explicabo, laborum
+ repudiandae id culpa, voluptatum earum fugiat mollitia suscipit placeat in. Facilis tenetur provident temporibus aliquid! Incidunt magni enim voluptatum iure suscipit excepturi laudantium dolorem eum, sapiente, non hic deserunt veniam minima voluptate
+ ab nobis eligendi expedita! Eaque ad voluptatibus maiores cumque fugiat accusantium doloremque tempore minima ullam repellat, atque nostrum consequatur, quo debitis? Nihil consectetur, dolorem, nostrum vitae, earum hic debitis quia fugit dolor
+ cum architecto error molestiae in facilis incidunt tenetur eos culpa. Laboriosam nostrum similique, cum, quae, voluptatum eos molestiae aperiam praesentium animi sapiente commodi explicabo? Asperiores saepe reprehenderit beatae aliquam id, officiis
+ omnis pariatur in tenetur nulla optio sint hic quisquam, repellat aliquid. Corporis illo ducimus illum, rem tempora recusandae esse atque temporibus sit ut mollitia id quae nobis dignissimos doloremque error iure consequuntur autem, itaque unde
+ totam. Quam, similique, at. Exercitationem accusantium asperiores nam omnis quis magnam, ipsa id placeat error consectetur, minima. Minima quaerat perspiciatis molestiae delectus error ad libero, architecto nesciunt consequatur at suscipit reprehenderit.
+ Culpa consequuntur eos dicta necessitatibus. Eum provident veniam odio nam ratione facere blanditiis vero doloremque, maxime culpa corrupti modi sapiente possimus. Saepe, quos odio laboriosam nulla. Adipisci, facere iusto natus quaerat quam quidem
+ id expedita libero illo magnam asperiores odit, cum dolores eveniet voluptatem reiciendis, assumenda quos. Quam, ab officiis, quasi placeat aperiam laudantium quidem deserunt blanditiis. Officia rerum eos neque qui temporibus quaerat ullam. Aut
+ exercitationem nobis aliquam voluptatibus non reiciendis eius, voluptatum sed quidem in cumque aspernatur est harum error dolore amet beatae accusamus, illo totam sapiente nesciunt perferendis optio commodi? Voluptates, aliquam, officiis. Dolores
+ suscipit ipsam cumque alias nostrum, doloribus temporibus, vel in veniam facilis sit ad labore. Iste adipisci, ipsam hic molestias libero! Labore, suscipit praesentium quam pariatur veritatis ea, sapiente repellat optio rerum autem, molestiae
+ architecto! Tempore maiores impedit excepturi, dolore ea quaerat doloremque eligendi aut officiis veniam consequuntur iure, laborum necessitatibus corrupti voluptates, quo, magnam maxime. Deserunt ipsam ratione fugiat illum odit commodi, blanditiis
+ optio corrupti. Sint modi distinctio provident obcaecati maiores unde debitis veritatis, animi incidunt, accusantium numquam placeat veniam aliquam quod dolor, quae dolore blanditiis. Voluptatum rerum aperiam magnam consequatur hic quod nostrum
+ recusandae! Assumenda dolores, voluptates harum, inventore, odio voluptatem cumque qui porro officia eveniet minus esse nihil suscipit consectetur rerum accusamus cupiditate, ab maxime labore veritatis. Soluta, porro optio eligendi deserunt maxime
+ sit dolorum repellat libero esse, saepe ea. Dicta est quaerat excepturi aperiam beatae, consequatur molestias, magnam ut sit assumenda obcaecati, mollitia rerum. Assumenda odio quo eum error quisquam, ad, commodi suscipit animi voluptatum. Architecto
+ a ea quisquam temporibus rerum praesentium tenetur soluta repellat repellendus non doloribus odio vel consequuntur impedit aut voluptatum sapiente, inventore harum aspernatur dolore corrupti reprehenderit velit blanditiis minus. Hic dignissimos
+ facere ipsa quae facilis ducimus at, nihil quas illum recusandae maxime deleniti explicabo porro nam, ex modi? Quas amet, repellat eius voluptates provident quos ipsa autem vitae suscipit a, odit, cupiditate vero reprehenderit temporibus dicta
+ nemo veritatis distinctio id! Amet officiis eos quia mollitia sint quam aliquam magnam possimus, ducimus qui aspernatur blanditiis ex eum omnis, sed repellendus maiores alias, similique tempore adipisci numquam voluptatibus corporis! Quas distinctio
+ architecto quaerat, odio officia blanditiis sequi cupiditate, laboriosam quae, tempore voluptate? Minima, inventore obcaecati beatae ipsa reiciendis dolores, magnam totam alias magni praesentium fugiat culpa officiis! Dolorum assumenda deleniti
+ incidunt beatae accusantium laborum dicta commodi repellat odio obcaecati voluptates esse, minus nemo optio omnis fuga! Sapiente beatae voluptates, dolorum obcaecati facere, repellat deleniti quam veritatis laborum accusantium atque expedita debitis
+ perferendis laboriosam minima ab excepturi odio eaque. Assumenda facere ex, officia repellendus nulla illum saepe eum magni dolore suscipit officiis culpa? Impedit nihil soluta illum aliquam sunt reiciendis nesciunt cumque.
+ </p>
+
+ </div>
+ </div>
+</main>
+
+ <script src="../assets/js/vendor.js"></script>
+ <script src="../assets/js/foundation.js"></script>
+ <script>
+ $(document).foundation();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
--
GitLab