{"version":3,"file":"styles.css","sources":["styles.scss","setup/_settings.scss","../node_modules/foundation-sites/scss/util/_util.scss","../node_modules/foundation-sites/scss/util/_math.scss","../node_modules/foundation-sites/scss/util/_unit.scss","../node_modules/foundation-sites/scss/util/_value.scss","../node_modules/foundation-sites/scss/util/_direction.scss","../node_modules/foundation-sites/scss/util/_color.scss","../node_modules/foundation-sites/scss/util/_selector.scss","../node_modules/foundation-sites/scss/util/_flex.scss","../node_modules/foundation-sites/scss/util/_breakpoint.scss","../node_modules/foundation-sites/scss/util/_mixins.scss","../node_modules/foundation-sites/scss/util/_typography.scss","../node_modules/foundation-sites/scss/foundation.scss","../node_modules/foundation-sites/scss/vendor/normalize.scss","../node_modules/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_missing-dependencies.scss","../node_modules/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_true.scss","../node_modules/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_contain.scss","../node_modules/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_purge.scss","../node_modules/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_remove.scss","../node_modules/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_replace.scss","../node_modules/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_to-list.scss","../node_modules/foundation-sites/scss/util/_util.scss","../node_modules/foundation-sites/scss/_global.scss","../node_modules/foundation-sites/scss/forms/_forms.scss","../node_modules/foundation-sites/scss/forms/_text.scss","../node_modules/foundation-sites/scss/forms/_checkbox.scss","../node_modules/foundation-sites/scss/forms/_label.scss","../node_modules/foundation-sites/scss/forms/_help-text.scss","../node_modules/foundation-sites/scss/forms/_input-group.scss","../node_modules/foundation-sites/scss/forms/_fieldset.scss","../node_modules/foundation-sites/scss/forms/_select.scss","../node_modules/foundation-sites/scss/forms/_range.scss","../node_modules/foundation-sites/scss/forms/_progress.scss","../node_modules/foundation-sites/scss/forms/_meter.scss","../node_modules/foundation-sites/scss/forms/_error.scss","../node_modules/foundation-sites/scss/typography/_typography.scss","../node_modules/foundation-sites/scss/typography/_base.scss","../node_modules/foundation-sites/scss/typography/_helpers.scss","../node_modules/foundation-sites/scss/typography/_alignment.scss","../node_modules/foundation-sites/scss/typography/_print.scss","../node_modules/foundation-sites/scss/grid/_grid.scss","../node_modules/foundation-sites/scss/grid/_row.scss","../node_modules/foundation-sites/scss/grid/_column.scss","../node_modules/foundation-sites/scss/grid/_size.scss","../node_modules/foundation-sites/scss/grid/_position.scss","../node_modules/foundation-sites/scss/grid/_gutter.scss","../node_modules/foundation-sites/scss/grid/_classes.scss","../node_modules/foundation-sites/scss/grid/_layout.scss","../node_modules/foundation-sites/scss/grid/_flex-grid.scss","../node_modules/foundation-sites/scss/xy-grid/_xy-grid.scss","../node_modules/foundation-sites/scss/xy-grid/_gutters.scss","../node_modules/foundation-sites/scss/xy-grid/_grid.scss","../node_modules/foundation-sites/scss/xy-grid/_cell.scss","../node_modules/foundation-sites/scss/xy-grid/_frame.scss","../node_modules/foundation-sites/scss/xy-grid/_position.scss","../node_modules/foundation-sites/scss/xy-grid/_layout.scss","../node_modules/foundation-sites/scss/xy-grid/_collapse.scss","../node_modules/foundation-sites/scss/xy-grid/_classes.scss","../node_modules/foundation-sites/scss/components/_button.scss","../node_modules/foundation-sites/scss/components/_button-group.scss","../node_modules/foundation-sites/scss/components/_close-button.scss","../node_modules/foundation-sites/scss/components/_label.scss","../node_modules/foundation-sites/scss/components/_progress-bar.scss","../node_modules/foundation-sites/scss/components/_slider.scss","../node_modules/foundation-sites/scss/components/_switch.scss","../node_modules/foundation-sites/scss/components/_table.scss","../node_modules/foundation-sites/scss/components/_badge.scss","../node_modules/foundation-sites/scss/components/_breadcrumbs.scss","../node_modules/foundation-sites/scss/components/_callout.scss","../node_modules/foundation-sites/scss/components/_card.scss","../node_modules/foundation-sites/scss/components/_dropdown.scss","../node_modules/foundation-sites/scss/components/_pagination.scss","../node_modules/foundation-sites/scss/components/_tooltip.scss","../node_modules/foundation-sites/scss/components/_accordion.scss","../node_modules/foundation-sites/scss/components/_media-object.scss","../node_modules/foundation-sites/scss/components/_orbit.scss","../node_modules/foundation-sites/scss/components/_responsive-embed.scss","../node_modules/foundation-sites/scss/components/_tabs.scss","../node_modules/foundation-sites/scss/components/_thumbnail.scss","../node_modules/foundation-sites/scss/components/_menu.scss","../node_modules/foundation-sites/scss/components/_menu-icon.scss","../node_modules/foundation-sites/scss/components/_accordion-menu.scss","../node_modules/foundation-sites/scss/components/_drilldown.scss","../node_modules/foundation-sites/scss/components/_dropdown-menu.scss","../node_modules/foundation-sites/scss/components/_off-canvas.scss","../node_modules/foundation-sites/scss/components/_reveal.scss","../node_modules/foundation-sites/scss/components/_sticky.scss","../node_modules/foundation-sites/scss/components/_title-bar.scss","../node_modules/foundation-sites/scss/components/_top-bar.scss","../node_modules/foundation-sites/scss/components/_float.scss","../node_modules/foundation-sites/scss/components/_flex.scss","../node_modules/foundation-sites/scss/components/_visibility.scss","../node_modules/foundation-sites/scss/prototype/_prototype.scss","../node_modules/foundation-sites/scss/prototype/_relation.scss","../node_modules/foundation-sites/scss/prototype/_box.scss","../node_modules/foundation-sites/scss/prototype/_rotate.scss","../node_modules/foundation-sites/scss/prototype/_text-utilities.scss","../node_modules/foundation-sites/scss/prototype/_text-transformation.scss","../node_modules/foundation-sites/scss/prototype/_text-decoration.scss","../node_modules/foundation-sites/scss/prototype/_font-styling.scss","../node_modules/foundation-sites/scss/prototype/_list-style-type.scss","../node_modules/foundation-sites/scss/prototype/_rounded.scss","../node_modules/foundation-sites/scss/prototype/_bordered.scss","../node_modules/foundation-sites/scss/prototype/_shadow.scss","../node_modules/foundation-sites/scss/prototype/_arrow.scss","../node_modules/foundation-sites/scss/prototype/_separator.scss","../node_modules/foundation-sites/scss/prototype/_overflow.scss","../node_modules/foundation-sites/scss/prototype/_display.scss","../node_modules/foundation-sites/scss/prototype/_position.scss","../node_modules/foundation-sites/scss/prototype/_border-box.scss","../node_modules/foundation-sites/scss/prototype/_border-none.scss","../node_modules/foundation-sites/scss/prototype/_sizing.scss","../node_modules/foundation-sites/scss/prototype/_spacing.scss","setup/_reset.scss","../node_modules/slick-carousel/slick/slick.scss","setup/_globals.scss","pages/_header.scss","pages/_home.scss","pages/_default.scss"],"sourcesContent":["/*popsu*/ \n\n/*foundation*/ \n@import 'setup/settings';\n@import 'foundation';\n// Global styles //\n@include foundation-global-styles;\n@include foundation-forms;\n// Grids //\n//@include foundation-xy-grid-classes;\n// @include foundation-grid;\n@include foundation-flex-grid;\n\n\n/*setup*/\n\n@import \"setup/reset\";\n@import \"../node_modules/slick-carousel/slick/slick.scss\";\n//import \"../node_modules/slick-carousel/slick/slick-theme.scss\";\n//@import \"foundation\";\n//@import \"mixins\";\n//@import \"variables\";\n//@import \"fonts\";\n@import \"setup/globals\";\n\n/*pages*/\n@import \"pages/header\";\n@import \"pages/home\";\n@import \"pages/default\";","//  Foundation for Sites Settings\n//  -----------------------------\n//\n//  Table of Contents:\n//\n//   1. Global\n//   2. Breakpoints\n//   3. The Grid\n//   4. Base Typography\n//   5. Typography Helpers\n//   6. Abide\n//   7. Accordion\n//   8. Accordion Menu\n//   9. Badge\n//  10. Breadcrumbs\n//  11. Button\n//  12. Button Group\n//  13. Callout\n//  14. Card\n//  15. Close Button\n//  16. Drilldown\n//  17. Dropdown\n//  18. Dropdown Menu\n//  19. Flexbox Utilities\n//  20. Forms\n//  21. Label\n//  22. Media Object\n//  23. Menu\n//  24. Meter\n//  25. Off-canvas\n//  26. Orbit\n//  27. Pagination\n//  28. Progress Bar\n//  29. Prototype Arrow\n//  30. Prototype Border-Box\n//  31. Prototype Border-None\n//  32. Prototype Bordered\n//  33. Prototype Display\n//  34. Prototype Font-Styling\n//  35. Prototype List-Style-Type\n//  36. Prototype Overflow\n//  37. Prototype Position\n//  38. Prototype Rounded\n//  39. Prototype Separator\n//  40. Prototype Shadow\n//  41. Prototype Sizing\n//  42. Prototype Spacing\n//  43. Prototype Text-Decoration\n//  44. Prototype Text-Transformation\n//  45. Prototype Text-Utilities\n//  46. Responsive Embed\n//  47. Reveal\n//  48. Slider\n//  49. Switch\n//  50. Table\n//  51. Tabs\n//  52. Thumbnail\n//  53. Title Bar\n//  54. Tooltip\n//  55. Top Bar\n//  56. Xy Grid\n\n@import 'util/util';\n\n// 1. Global\n// ---------\n\n$global-font-size: 100%;\n\n$global-width: 100%; // old value : rem-calc(1200)\n\n$global-lineheight: 1.5;\n$foundation-palette: (\n  primary: #1779ba,\n  secondary: #767676,\n  success: #3adb76,\n  warning: #ffae00,\n  alert: #cc4b37,\n);\n$light-gray: #e6e6e6;\n$medium-gray: #cacaca;\n$dark-gray: #8a8a8a;\n$black: #0a0a0a;\n$white: #fefefe;\n$body-background: $white;\n$body-font-color: $black;\n$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;\n$body-antialiased: true;\n$global-margin: 1rem;\n$global-padding: 1rem;\n$global-position: 1rem;\n$global-weight-normal: normal;\n$global-weight-bold: bold;\n$global-radius: 0;\n$global-menu-padding: 0.7rem 1rem;\n$global-menu-nested-margin: 1rem;\n$global-text-direction: ltr;\n$global-flexbox: true;\n$global-prototype-breakpoints: false;\n$global-button-cursor: auto;\n$global-color-pick-contrast-tolerance: 0;\n$print-transparent-backgrounds: true;\n$print-hrefs: true;\n\n@include add-foundation-colors;\n\n// 2. Breakpoints\n// --------------\n\n$breakpoints: (\n  small: 0,\n  medium: 640px,\n  large: 1024px,\n  xlarge: 1200px,\n  xxlarge: 1440px,\n);\n$breakpoints-hidpi: (\n  hidpi-1: 1,\n  hidpi-1-5: 1.5,\n  hidpi-2: 2,\n  retina: 2,\n  hidpi-3: 3\n);\n$print-breakpoint: large;\n$breakpoint-classes: (small medium large);\n\n// 3. The Grid\n// -----------\n\n$grid-row-width: $global-width;\n$grid-column-count: 12;\n$grid-column-gutter: (\n  small: 20px,\n  medium: 30px,\n);\n$grid-column-align-edge: true;\n$grid-column-alias: 'columns';\n$block-grid-max: 8;\n\n// 4. Base Typography\n// ------------------\n\n$header-font-family: $body-font-family;\n$header-font-weight: $global-weight-normal;\n$header-font-style: normal;\n$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;\n$header-color: inherit;\n$header-lineheight: 1.4;\n$header-margin-bottom: 0.5rem;\n$header-styles: (\n  small: (\n    'h1': ('font-size': 24),\n    'h2': ('font-size': 20),\n    'h3': ('font-size': 19),\n    'h4': ('font-size': 18),\n    'h5': ('font-size': 17),\n    'h6': ('font-size': 16),\n  ),\n  medium: (\n    'h1': ('font-size': 48),\n    'h2': ('font-size': 40),\n    'h3': ('font-size': 31),\n    'h4': ('font-size': 25),\n    'h5': ('font-size': 20),\n    'h6': ('font-size': 16),\n  ),\n);\n$header-text-rendering: optimizeLegibility;\n$small-font-size: 80%;\n$header-small-font-color: $medium-gray;\n$paragraph-lineheight: 1.6;\n$paragraph-margin-bottom: 1rem;\n$paragraph-text-rendering: optimizeLegibility;\n$enable-code-inline: true;\n$anchor-color: $primary-color;\n$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);\n$anchor-text-decoration: none;\n$anchor-text-decoration-hover: none;\n$hr-width: $global-width;\n$hr-border: 1px solid $medium-gray;\n$hr-margin: rem-calc(20) auto;\n$list-lineheight: $paragraph-lineheight;\n$list-margin-bottom: $paragraph-margin-bottom;\n$list-style-type: disc;\n$list-style-position: outside;\n$list-side-margin: 1.25rem;\n$list-nested-side-margin: 1.25rem;\n$defnlist-margin-bottom: 1rem;\n$defnlist-term-weight: $global-weight-bold;\n$defnlist-term-margin-bottom: 0.3rem;\n$blockquote-color: $dark-gray;\n$blockquote-padding: rem-calc(9 20 0 19);\n$blockquote-border: 1px solid $medium-gray;\n$enable-cite-block: true;\n$keystroke-font: $font-family-monospace;\n$keystroke-color: $black;\n$keystroke-background: $light-gray;\n$keystroke-padding: rem-calc(2 4 0);\n$keystroke-radius: $global-radius;\n$abbr-underline: 1px dotted $black;\n\n// 5. Typography Helpers\n// ---------------------\n\n$lead-font-size: $global-font-size * 1.25;\n$lead-lineheight: 1.6;\n$subheader-lineheight: 1.4;\n$subheader-color: $dark-gray;\n$subheader-font-weight: $global-weight-normal;\n$subheader-margin-top: 0.2rem;\n$subheader-margin-bottom: 0.5rem;\n$stat-font-size: 2.5rem;\n$cite-color: $dark-gray;\n$cite-font-size: rem-calc(13);\n$cite-pseudo-content: '\\2014 \\0020';\n$code-color: $black;\n$code-font-family: $font-family-monospace;\n$code-font-weight: $global-weight-normal;\n$code-background: $light-gray;\n$code-border: 1px solid $medium-gray;\n$code-padding: rem-calc(2 5 1);\n$code-block-padding: 1rem;\n$code-block-margin-bottom: 1.5rem;\n\n// 6. Abide\n// --------\n\n$abide-inputs: true;\n$abide-labels: true;\n$input-background-invalid: get-color(alert);\n$form-label-color-invalid: get-color(alert);\n$input-error-color: get-color(alert);\n$input-error-font-size: rem-calc(12);\n$input-error-font-weight: $global-weight-bold;\n\n// 7. Accordion\n// ------------\n\n$accordion-background: $white;\n$accordion-plusminus: true;\n$accordion-plus-content: '\\002B';\n$accordion-minus-content: '\\2013';\n$accordion-title-font-size: rem-calc(12);\n$accordion-item-color: $primary-color;\n$accordion-item-background-hover: $light-gray;\n$accordion-item-padding: 1.25rem 1rem;\n$accordion-content-background: $white;\n$accordion-content-border: 1px solid $light-gray;\n$accordion-content-color: $body-font-color;\n$accordion-content-padding: 1rem;\n\n// 8. Accordion Menu\n// -----------------\n\n$accordionmenu-padding: $global-menu-padding;\n$accordionmenu-nested-margin: $global-menu-nested-margin;\n$accordionmenu-submenu-padding: $accordionmenu-padding;\n$accordionmenu-arrows: true;\n$accordionmenu-arrow-color: $primary-color;\n$accordionmenu-item-background: null;\n$accordionmenu-border: null;\n$accordionmenu-submenu-toggle-background: null;\n$accordion-submenu-toggle-border: $accordionmenu-border;\n$accordionmenu-submenu-toggle-width: 40px;\n$accordionmenu-submenu-toggle-height: $accordionmenu-submenu-toggle-width;\n$accordionmenu-arrow-size: 6px;\n\n// 9. Badge\n// --------\n\n$badge-background: $primary-color;\n$badge-color: $white;\n$badge-color-alt: $black;\n$badge-palette: $foundation-palette;\n$badge-padding: 0.3em;\n$badge-minwidth: 2.1em;\n$badge-font-size: 0.6rem;\n\n// 10. Breadcrumbs\n// ---------------\n\n$breadcrumbs-margin: 0 0 $global-margin 0;\n$breadcrumbs-item-font-size: rem-calc(11);\n$breadcrumbs-item-color: $primary-color;\n$breadcrumbs-item-color-current: $black;\n$breadcrumbs-item-color-disabled: $medium-gray;\n$breadcrumbs-item-margin: 0.75rem;\n$breadcrumbs-item-uppercase: true;\n$breadcrumbs-item-separator: true;\n$breadcrumbs-item-separator-item: '/';\n$breadcrumbs-item-separator-item-rtl: '\\\\';\n$breadcrumbs-item-separator-color: $medium-gray;\n\n// 11. Button\n// ----------\n\n$button-font-family: inherit;\n$button-font-weight: null;\n$button-padding: 0.85em 1em;\n$button-margin: 0 0 $global-margin 0;\n$button-fill: solid;\n$button-background: $primary-color;\n$button-background-hover: scale-color($button-background, $lightness: -15%);\n$button-color: $white;\n$button-color-alt: $black;\n$button-radius: $global-radius;\n$button-border: 1px solid transparent;\n$button-hollow-border-width: 1px;\n$button-sizes: (\n  tiny: 0.6rem,\n  small: 0.75rem,\n  default: 0.9rem,\n  large: 1.25rem,\n);\n$button-palette: $foundation-palette;\n$button-opacity-disabled: 0.25;\n$button-background-hover-lightness: -20%;\n$button-hollow-hover-lightness: -50%;\n$button-transition: background-color 0.25s ease-out, color 0.25s ease-out;\n$button-responsive-expanded: false;\n\n// 12. Button Group\n// ----------------\n\n$buttongroup-margin: 1rem;\n$buttongroup-spacing: 1px;\n$buttongroup-child-selector: '.button';\n$buttongroup-expand-max: 6;\n$buttongroup-radius-on-each: true;\n\n// 13. Callout\n// -----------\n\n$callout-background: $white;\n$callout-background-fade: 85%;\n$callout-border: 1px solid rgba($black, 0.25);\n$callout-margin: 0 0 1rem 0;\n$callout-sizes: (\n  small: 0.5rem,\n  default: 1rem,\n  large: 3rem,\n);\n$callout-font-color: $body-font-color;\n$callout-font-color-alt: $body-background;\n$callout-radius: $global-radius;\n$callout-link-tint: 30%;\n\n// 14. Card\n// --------\n\n$card-background: $white;\n$card-font-color: $body-font-color;\n$card-divider-background: $light-gray;\n$card-border: 1px solid $light-gray;\n$card-shadow: none;\n$card-border-radius: $global-radius;\n$card-padding: $global-padding;\n$card-margin-bottom: $global-margin;\n\n// 15. Close Button\n// ----------------\n\n$closebutton-position: right top;\n$closebutton-z-index: 10;\n$closebutton-default-size: medium;\n$closebutton-offset-horizontal: (\n  small: 0.66rem,\n  medium: 1rem,\n);\n$closebutton-offset-vertical: (\n  small: 0.33em,\n  medium: 0.5rem,\n);\n$closebutton-size: (\n  small: 1.5em,\n  medium: 2em,\n);\n$closebutton-lineheight: 1;\n$closebutton-color: $dark-gray;\n$closebutton-color-hover: $black;\n\n// 16. Drilldown\n// -------------\n\n$drilldown-transition: transform 0.15s linear;\n$drilldown-arrows: true;\n$drilldown-padding: $global-menu-padding;\n$drilldown-nested-margin: 0;\n$drilldown-background: $white;\n$drilldown-submenu-padding: $drilldown-padding;\n$drilldown-submenu-background: $white;\n$drilldown-arrow-color: $primary-color;\n$drilldown-arrow-size: 6px;\n\n// 17. Dropdown\n// ------------\n\n$dropdown-padding: 1rem;\n$dropdown-background: $body-background;\n$dropdown-border: 1px solid $medium-gray;\n$dropdown-font-size: 1rem;\n$dropdown-width: 300px;\n$dropdown-radius: $global-radius;\n$dropdown-sizes: (\n  tiny: 100px,\n  small: 200px,\n  large: 400px,\n);\n\n// 18. Dropdown Menu\n// -----------------\n\n$dropdownmenu-arrows: true;\n$dropdownmenu-arrow-color: $anchor-color;\n$dropdownmenu-arrow-size: 6px;\n$dropdownmenu-arrow-padding: 1.5rem;\n$dropdownmenu-min-width: 200px;\n$dropdownmenu-background: null;\n$dropdownmenu-submenu-background: $white;\n$dropdownmenu-padding: $global-menu-padding;\n$dropdownmenu-nested-margin: 0;\n$dropdownmenu-submenu-padding: $dropdownmenu-padding;\n$dropdownmenu-border: 1px solid $medium-gray;\n$dropdown-menu-item-color-active: get-color(primary);\n$dropdown-menu-item-background-active: transparent;\n\n// 19. Flexbox Utilities\n// ---------------------\n\n$flex-source-ordering-count: 6;\n$flexbox-responsive-breakpoints: true;\n\n// 20. Forms\n// ---------\n\n$fieldset-border: 1px solid $medium-gray;\n$fieldset-padding: rem-calc(20);\n$fieldset-margin: rem-calc(18 0);\n$legend-padding: rem-calc(0 3);\n$form-spacing: rem-calc(16);\n$helptext-color: $black;\n$helptext-font-size: rem-calc(13);\n$helptext-font-style: italic;\n$input-prefix-color: $black;\n$input-prefix-background: $light-gray;\n$input-prefix-border: 1px solid $medium-gray;\n$input-prefix-padding: 1rem;\n$form-label-color: $black;\n$form-label-font-size: rem-calc(14);\n$form-label-font-weight: $global-weight-normal;\n$form-label-line-height: 1.8;\n$select-background: $white;\n$select-triangle-color: $dark-gray;\n$select-radius: $global-radius;\n$input-color: $black;\n$input-placeholder-color: $medium-gray;\n$input-font-family: inherit;\n$input-font-size: rem-calc(16);\n$input-font-weight: $global-weight-normal;\n$input-line-height: $global-lineheight;\n$input-background: $white;\n$input-background-focus: $white;\n$input-background-disabled: $light-gray;\n$input-border: 1px solid $medium-gray;\n$input-border-focus: 1px solid $dark-gray;\n$input-padding: $form-spacing / 2;\n$input-shadow: inset 0 1px 2px rgba($black, 0.1);\n$input-shadow-focus: 0 0 5px $medium-gray;\n$input-cursor-disabled: not-allowed;\n$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n$input-number-spinners: true;\n$input-radius: $global-radius;\n$form-button-radius: $global-radius;\n\n// 21. Label\n// ---------\n\n$label-background: $primary-color;\n$label-color: $white;\n$label-color-alt: $black;\n$label-palette: $foundation-palette;\n$label-font-size: 0.8rem;\n$label-padding: 0.33333rem 0.5rem;\n$label-radius: $global-radius;\n\n// 22. Media Object\n// ----------------\n\n$mediaobject-margin-bottom: $global-margin;\n$mediaobject-section-padding: $global-padding;\n$mediaobject-image-width-stacked: 100%;\n\n// 23. Menu\n// --------\n\n$menu-margin: 0;\n$menu-nested-margin: $global-menu-nested-margin;\n$menu-items-padding: $global-menu-padding;\n$menu-simple-margin: 1rem;\n$menu-item-color-active: $white;\n$menu-item-color-alt-active: $black;\n$menu-item-background-active: get-color(primary);\n$menu-icon-spacing: 0.25rem;\n$menu-state-back-compat: true;\n$menu-centered-back-compat: true;\n$menu-icons-back-compat: true;\n\n// 24. Meter\n// ---------\n\n$meter-height: 1rem;\n$meter-radius: $global-radius;\n$meter-background: $medium-gray;\n$meter-fill-good: $success-color;\n$meter-fill-medium: $warning-color;\n$meter-fill-bad: $alert-color;\n\n// 25. Off-canvas\n// --------------\n\n$offcanvas-sizes: (\n  small: 250px,\n);\n$offcanvas-vertical-sizes: (\n  small: 250px,\n);\n$offcanvas-background: $light-gray;\n$offcanvas-shadow: 0 0 10px rgba($black, 0.7);\n$offcanvas-inner-shadow-size: 20px;\n$offcanvas-inner-shadow-color: rgba($black, 0.25);\n$offcanvas-overlay-zindex: 11;\n$offcanvas-push-zindex: 12;\n$offcanvas-overlap-zindex: 13;\n$offcanvas-reveal-zindex: 12;\n$offcanvas-transition-length: 0.5s;\n$offcanvas-transition-timing: ease;\n$offcanvas-fixed-reveal: true;\n$offcanvas-exit-background: rgba($white, 0.25);\n$maincontent-class: 'off-canvas-content';\n\n// 26. Orbit\n// ---------\n\n$orbit-bullet-background: $medium-gray;\n$orbit-bullet-background-active: $dark-gray;\n$orbit-bullet-diameter: 1.2rem;\n$orbit-bullet-margin: 0.1rem;\n$orbit-bullet-margin-top: 0.8rem;\n$orbit-bullet-margin-bottom: 0.8rem;\n$orbit-caption-background: rgba($black, 0.5);\n$orbit-caption-padding: 1rem;\n$orbit-control-background-hover: rgba($black, 0.5);\n$orbit-control-padding: 1rem;\n$orbit-control-zindex: 10;\n\n// 27. Pagination\n// --------------\n\n$pagination-font-size: rem-calc(14);\n$pagination-margin-bottom: $global-margin;\n$pagination-item-color: $black;\n$pagination-item-padding: rem-calc(3 10);\n$pagination-item-spacing: rem-calc(1);\n$pagination-radius: $global-radius;\n$pagination-item-background-hover: $light-gray;\n$pagination-item-background-current: $primary-color;\n$pagination-item-color-current: $white;\n$pagination-item-color-disabled: $medium-gray;\n$pagination-ellipsis-color: $black;\n$pagination-mobile-items: false;\n$pagination-mobile-current-item: false;\n$pagination-arrows: true;\n$pagination-arrow-previous: '\\00AB';\n$pagination-arrow-next: '\\00BB';\n\n// 28. Progress Bar\n// ----------------\n\n$progress-height: 1rem;\n$progress-background: $medium-gray;\n$progress-margin-bottom: $global-margin;\n$progress-meter-background: $primary-color;\n$progress-radius: $global-radius;\n\n// 29. Prototype Arrow\n// -------------------\n\n$prototype-arrow-directions: (\n  down,\n  up,\n  right,\n  left\n);\n$prototype-arrow-size: 0.4375rem;\n$prototype-arrow-color: $black;\n\n// 30. Prototype Border-Box\n// ------------------------\n\n$prototype-border-box-breakpoints: $global-prototype-breakpoints;\n\n// 31. Prototype Border-None\n// -------------------------\n\n$prototype-border-none-breakpoints: $global-prototype-breakpoints;\n\n// 32. Prototype Bordered\n// ----------------------\n\n$prototype-bordered-breakpoints: $global-prototype-breakpoints;\n$prototype-border-width: rem-calc(1);\n$prototype-border-type: solid;\n$prototype-border-color: $medium-gray;\n\n// 33. Prototype Display\n// ---------------------\n\n$prototype-display-breakpoints: $global-prototype-breakpoints;\n$prototype-display: (\n  inline,\n  inline-block,\n  block,\n  table,\n  table-cell\n);\n\n// 34. Prototype Font-Styling\n// --------------------------\n\n$prototype-font-breakpoints: $global-prototype-breakpoints;\n$prototype-wide-letter-spacing: rem-calc(4);\n$prototype-font-normal: $global-weight-normal;\n$prototype-font-bold: $global-weight-bold;\n\n// 35. Prototype List-Style-Type\n// -----------------------------\n\n$prototype-list-breakpoints: $global-prototype-breakpoints;\n$prototype-style-type-unordered: (\n  disc,\n  circle,\n  square\n);\n$prototype-style-type-ordered: (\n  decimal,\n  lower-alpha,\n  lower-latin,\n  lower-roman,\n  upper-alpha,\n  upper-latin,\n  upper-roman\n);\n\n// 36. Prototype Overflow\n// ----------------------\n\n$prototype-overflow-breakpoints: $global-prototype-breakpoints;\n$prototype-overflow: (\n  visible,\n  hidden,\n  scroll\n);\n\n// 37. Prototype Position\n// ----------------------\n\n$prototype-position-breakpoints: $global-prototype-breakpoints;\n$prototype-position: (\n  static,\n  relative,\n  absolute,\n  fixed\n);\n$prototype-position-z-index: 975;\n\n// 38. Prototype Rounded\n// ---------------------\n\n$prototype-rounded-breakpoints: $global-prototype-breakpoints;\n$prototype-border-radius: rem-calc(3);\n\n// 39. Prototype Separator\n// -----------------------\n\n$prototype-separator-breakpoints: $global-prototype-breakpoints;\n$prototype-separator-align: center;\n$prototype-separator-height: rem-calc(2);\n$prototype-separator-width: 3rem;\n$prototype-separator-background: $primary-color;\n$prototype-separator-margin-top: $global-margin;\n\n// 40. Prototype Shadow\n// --------------------\n\n$prototype-shadow-breakpoints: $global-prototype-breakpoints;\n$prototype-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),\n                       0 2px 10px 0 rgba(0,0,0,.12);\n\n// 41. Prototype Sizing\n// --------------------\n\n$prototype-sizing-breakpoints: $global-prototype-breakpoints;\n$prototype-sizing: (\n  width,\n  height\n);\n$prototype-sizes: (\n  25: 25%,\n  50: 50%,\n  75: 75%,\n  100: 100%\n);\n\n// 42. Prototype Spacing\n// ---------------------\n\n$prototype-spacing-breakpoints: $global-prototype-breakpoints;\n$prototype-spacers-count: 3;\n\n// 43. Prototype Text-Decoration\n// -----------------------------\n\n$prototype-decoration-breakpoints: $global-prototype-breakpoints;\n$prototype-text-decoration: (\n  overline,\n  underline,\n  line-through,\n);\n\n// 44. Prototype Text-Transformation\n// ---------------------------------\n\n$prototype-transformation-breakpoints: $global-prototype-breakpoints;\n$prototype-text-transformation: (\n  lowercase,\n  uppercase,\n  capitalize\n);\n\n// 45. Prototype Text-Utilities\n// ----------------------------\n\n$prototype-utilities-breakpoints: $global-prototype-breakpoints;\n$prototype-text-overflow: ellipsis;\n\n// 46. Responsive Embed\n// --------------------\n\n$responsive-embed-margin-bottom: rem-calc(16);\n$responsive-embed-ratios: (\n  default: 4 by 3,\n  widescreen: 16 by 9,\n);\n\n// 47. Reveal\n// ----------\n\n$reveal-background: $white;\n$reveal-width: 600px;\n$reveal-max-width: $global-width;\n$reveal-padding: $global-padding;\n$reveal-border: 1px solid $medium-gray;\n$reveal-radius: $global-radius;\n$reveal-zindex: 1005;\n$reveal-overlay-background: rgba($black, 0.45);\n\n// 48. Slider\n// ----------\n\n$slider-width-vertical: 0.5rem;\n$slider-transition: all 0.2s ease-in-out;\n$slider-height: 0.5rem;\n$slider-background: $light-gray;\n$slider-fill-background: $medium-gray;\n$slider-handle-height: 1.4rem;\n$slider-handle-width: 1.4rem;\n$slider-handle-background: $primary-color;\n$slider-opacity-disabled: 0.25;\n$slider-radius: $global-radius;\n\n// 49. Switch\n// ----------\n\n$switch-background: $medium-gray;\n$switch-background-active: $primary-color;\n$switch-height: 2rem;\n$switch-height-tiny: 1.5rem;\n$switch-height-small: 1.75rem;\n$switch-height-large: 2.5rem;\n$switch-radius: $global-radius;\n$switch-margin: $global-margin;\n$switch-paddle-background: $white;\n$switch-paddle-offset: 0.25rem;\n$switch-paddle-radius: $global-radius;\n$switch-paddle-transition: all 0.25s ease-out;\n$switch-opacity-disabled: .5;\n$switch-cursor-disabled: not-allowed;\n\n// 50. Table\n// ---------\n\n$table-background: $white;\n$table-color-scale: 5%;\n$table-border: 1px solid smart-scale($table-background, $table-color-scale);\n$table-padding: rem-calc(8 10 10);\n$table-hover-scale: 2%;\n$table-row-hover: darken($table-background, $table-hover-scale);\n$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);\n$table-is-striped: true;\n$table-striped-background: smart-scale($table-background, $table-color-scale);\n$table-stripe: even;\n$table-head-background: smart-scale($table-background, $table-color-scale / 2);\n$table-head-row-hover: darken($table-head-background, $table-hover-scale);\n$table-foot-background: smart-scale($table-background, $table-color-scale);\n$table-foot-row-hover: darken($table-foot-background, $table-hover-scale);\n$table-head-font-color: $body-font-color;\n$table-foot-font-color: $body-font-color;\n$show-header-for-stacked: false;\n$table-stack-breakpoint: medium;\n\n// 51. Tabs\n// --------\n\n$tab-margin: 0;\n$tab-background: $white;\n$tab-color: $primary-color;\n$tab-background-active: $light-gray;\n$tab-active-color: $primary-color;\n$tab-item-font-size: rem-calc(12);\n$tab-item-background-hover: $white;\n$tab-item-padding: 1.25rem 1.5rem;\n$tab-content-background: $white;\n$tab-content-border: $light-gray;\n$tab-content-color: $body-font-color;\n$tab-content-padding: 1rem;\n\n// 52. Thumbnail\n// -------------\n\n$thumbnail-border: 4px solid $white;\n$thumbnail-margin-bottom: $global-margin;\n$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);\n$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);\n$thumbnail-transition: box-shadow 200ms ease-out;\n$thumbnail-radius: $global-radius;\n\n// 53. Title Bar\n// -------------\n\n$titlebar-background: $black;\n$titlebar-color: $white;\n$titlebar-padding: 0.5rem;\n$titlebar-text-font-weight: bold;\n$titlebar-icon-color: $white;\n$titlebar-icon-color-hover: $medium-gray;\n$titlebar-icon-spacing: 0.25rem;\n\n// 54. Tooltip\n// -----------\n\n$has-tip-cursor: help;\n$has-tip-font-weight: $global-weight-bold;\n$has-tip-border-bottom: dotted 1px $dark-gray;\n$tooltip-background-color: $black;\n$tooltip-color: $white;\n$tooltip-padding: 0.75rem;\n$tooltip-max-width: 10rem;\n$tooltip-font-size: $small-font-size;\n$tooltip-pip-width: 0.75rem;\n$tooltip-pip-height: $tooltip-pip-width * 0.866;\n$tooltip-radius: $global-radius;\n\n// 55. Top Bar\n// -----------\n\n$topbar-padding: 0.5rem;\n$topbar-background: $light-gray;\n$topbar-submenu-background: $topbar-background;\n$topbar-title-spacing: 0.5rem 1rem 0.5rem 0;\n$topbar-input-width: 200px;\n$topbar-unstack-breakpoint: medium;\n\n// 56. Xy Grid\n// -----------\n\n$xy-grid: true;\n$grid-container: $global-width;\n$grid-columns: 12;\n$grid-margin-gutters: (\n  small: 20px,\n  medium: 30px\n);\n$grid-padding-gutters: $grid-margin-gutters;\n$grid-container-padding: $grid-padding-gutters;\n$grid-container-max: $global-width;\n$xy-block-grid-max: 8;\n\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n@import 'math';\n@import 'unit';\n@import 'value';\n@import 'direction';\n@import 'color';\n@import 'selector';\n@import 'flex';\n@import 'breakpoint';\n@import 'mixins';\n@import 'typography';\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n/// Finds the greatest common divisor of two integers.\n///\n/// @param {Number} $a - First number to compare.\n/// @param {Number} $b - Second number to compare.\n///\n/// @returns {Number} The greatest common divisor.\n@function gcd($a, $b) {\n  // From: http://rosettacode.org/wiki/Greatest_common_divisor#JavaScript\n  @if ($b != 0) {\n    @return gcd($b, $a % $b);\n  }\n  @else {\n    @return abs($a);\n  }\n}\n\n/// Handles decimal exponents by trying to convert them into a fraction and then use a nth-root-algorithm for parts of the calculation\n///\n/// @param {Number} $base - The base number.\n/// @param {Number} $exponent - The exponent.\n///\n/// @returns {Number} The product of the exponentiation.\n@function pow($base, $exponent, $prec: 16) {\n  @if (floor($exponent) != $exponent) {\n    $prec2 : pow(10, $prec);\n    $exponent: round($exponent * $prec2);\n    $denominator: gcd($exponent, $prec2);\n    @return nth-root(pow($base, $exponent / $denominator), $prec2 / $denominator, $prec);\n  }\n\n  $value: $base;\n  @if $exponent > 1 {\n    @for $i from 2 through $exponent {\n      $value: $value * $base;\n    }\n  }\n  @else if $exponent < 1 {\n    @for $i from 0 through -$exponent {\n      $value: $value / $base;\n    }\n  }\n\n  @return $value;\n}\n\n@function nth-root($num, $n: 2, $prec: 12) {\n  // From: http://rosettacode.org/wiki/Nth_root#JavaScript\n  $x: 1;\n\n  @for $i from 0 through $prec {\n    $x: 1 / $n * (($n - 1) * $x + ($num / pow($x, $n - 1)));\n  }\n\n  @return $x;\n}\n\n/// Calculates the height as a percentage of the width for a given ratio.\n/// @param {List} $ratio - Ratio to use to calculate the height, formatted as `x by y`.\n/// @return {Number} A percentage value for the height relative to the width of a responsive container.\n@function ratio-to-percentage($ratio) {\n  $w: nth($ratio, 1);\n  $h: nth($ratio, 3);\n  @return $h / $w * 100%;\n}\n\n/// Parse the given `$fraction` to numerators and denumerators.\n///\n/// @param {*} $fraction - Value representing a fraction to parse. It can be formatted as `50%`, `1 of 2`, `1/2` or `50` (no denominator would be returned).\n///\n/// @return {List} List of parsed values with numerator at first position and denumerator as second. These values may be null.\n@function zf-parse-fraction($fraction) {\n\n  @if type-of($fraction) == 'number' {\n    // \"50%\"\n    @if unit($fraction) == '%' {\n      @return (strip-unit($fraction), 100);\n    }\n    @else if (unit($fraction) == '') {\n      // \"0.5\"\n      @if $fraction < 1 {\n        @return ($fraction * 100, 100);\n      }\n      // \"50\"\n      @else {\n        @return ($fraction, null);\n      }\n    }\n  }\n\n  @else if type-of($fraction) == 'list' {\n    // \"50 of 100\", \"50/100\"...\n    @if length($fraction) == 3\n      and type-of(nth($fraction, 1) == 'number')\n      and type-of(nth($fraction, 3) == 'number') {\n      @return (nth($fraction, 1), nth($fraction, 3));\n    }\n  }\n\n  @return (null, null);\n}\n\n/// Returns whether the given `$value` represents a fraction. Supports formats like `50%`, `1 of 2`, `1 per 2` or `1/2`.\n///\n/// @param {*} $value - Value to test.\n/// @param {Boolean} $allow-no-denominator [false] - If `true`, simple numbers without denominators like `50` are supported.\n///\n/// @return {Boolean} `true` if `$value` represents a fraction, `false` otherwise.\n@function zf-is-fraction($value, $allow-no-denominator: false) {\n  $parsed: zf-parse-fraction($value);\n  @return not(nth($parsed, 1) == null\n    or (nth($parsed, 2) == null and $allow-no-denominator == false));\n}\n\n/// Calculate a percentage from a given fraction.\n///\n/// @param {Number|List} $fraction - Value representing a fraction to use to calculate the percentage, formatted as `50` (relative to `$denominator`), `50%`, `1 of 2` or `1/2`.\n/// @param {Number|List} $denominator - Default value to use as denominator when `$fraction` represents an absolute value.\n@function fraction-to-percentage(\n  $fraction,\n  $denominator: null\n) {\n  $parsed: zf-parse-fraction($fraction);\n  $parsed-nominator: nth($parsed, 1);\n  $parsed-denominator: nth($parsed, 2);\n\n  @if $parsed-nominator == null {\n    @error 'Wrong syntax for \"fraction-to-percentage()\". Use a number, decimal, percentage, or \"n of n\" / \"n/n\".';\n  }\n  @if $parsed-denominator == null {\n    @if type-of($denominator) == 'number' {\n      $parsed-denominator: $denominator;\n    }\n    @else {\n      @error 'Error with \"fraction-to-percentage()\". A default \"$denominator\" is required to support absolute values';\n    }\n  }\n\n  @return percentage($parsed-nominator / $parsed-denominator);\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n$global-font-size: 100% !default;\n\n/// Removes the unit (e.g. px, em, rem) from a value, returning the number only.\n///\n/// @param {Number} $num - Number to strip unit from.\n///\n/// @returns {Number} The same number, sans unit.\n@function strip-unit($num) {\n  @return $num / ($num * 0 + 1);\n}\n\n/// Converts one or more pixel values into matching rem values.\n///\n/// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.\n/// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$global-font-size` variable as the base.\n///\n/// @returns {List} A list of converted values.\n@function rem-calc($values, $base: null) {\n  $rem-values: ();\n  $count: length($values);\n\n  // If no base is defined, defer to the global font size\n  @if $base == null {\n    $base: $global-font-size;\n  }\n\n  // If the base font size is a %, then multiply it by 16px\n  // This is because 100% font size = 16px in most all browsers\n  @if unit($base) == '%' {\n    $base: ($base / 100%) * 16px;\n  }\n\n  // Using rem as base allows correct scaling\n  @if unit($base) == 'rem' {\n    $base: strip-unit($base) * 16px;\n  }\n\n  @if $count == 1 {\n    @return -zf-to-rem($values, $base);\n  }\n\n  @for $i from 1 through $count {\n    $rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base));\n  }\n\n  @return $rem-values;\n}\n\n// Converts a unitless, pixel, or rem value to em, for use in breakpoints.\n@function -zf-bp-to-em($value) {\n  // Pixel and unitless values are converted to rems\n  @if unit($value) == 'px' or unitless($value) {\n    $value: rem-calc($value, $base: 16px);\n  }\n\n  // Then the value is converted to ems\n  @return strip-unit($value) * 1em;\n}\n\n/// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.\n/// @access private\n///\n/// @param {Number} $value - Pixel value to convert.\n/// @param {Number} $base [null] - Base for pixel conversion.\n///\n/// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.\n@function -zf-to-rem($value, $base: null) {\n  // Check if the value is a number\n  @if type-of($value) != 'number' {\n    @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';\n    @return $value;\n  }\n\n  // Transform em into rem if someone hands over 'em's\n  @if unit($value) == 'em' {\n    $value: strip-unit($value) * 1rem;\n  }\n\n  // Calculate rem if units for $value is not rem or em\n  @if unit($value) != 'rem' {\n    $value: strip-unit($value) / strip-unit($base) * 1rem;\n  }\n\n  // Turn 0rem into 0\n  @if $value == 0rem {\n    $value: 0;\n  }\n\n  @return $value;\n}\n\n/// Converts a pixel, percentage, rem or em value to a unitless value based on a given font size. Ideal for working out unitless line heights.\n///\n/// @param {Number} $value - Value to convert to a unitless line height\n/// @param {Number} $base - The font size to use to work out the line height - defaults to $global-font-size\n///\n/// @return {Number} - Unitless number\n@function unitless-calc($value, $base: null) {\n\n  // If no base is defined, defer to the global font size\n  @if $base == null {\n    $base: $global-font-size;\n  }\n\n  // First, lets convert our $base to pixels\n\n  // If the base font size is a %, then multiply it by 16px\n  @if unit($base) == '%' {\n    $base: ($base / 100%) * 16px;\n  }\n\n  @if unit($base) == 'rem' {\n    $base: strip-unit($base) * 16px;\n  }\n\n  @if unit($base) == 'em' {\n    $base: strip-unit($base) * 16px;\n  }\n\n  // Now let's convert our value to pixels too\n  @if unit($value) == '%' {\n    $value: ($value / 100%) * $base;\n  }\n\n  @if unit($value) == 'rem' {\n    $value: strip-unit($value) * $base;\n  }\n\n  @if unit($value) == 'em' {\n    $value: strip-unit($value) * $base;\n  }\n\n  // 'px'\n  @if unit($value) == 'px' {\n    @return strip-unit($value) / strip-unit($base);\n  }\n\n  // assume that line-heights greater than 10 are meant to be absolute in 'px'\n  @if unitless($value) and ($value > 10) {\n    @return $value / strip-unit($base);\n  }\n\n  @return $value;\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n/// Determine if a value is not falsey, in CSS terms. Falsey values are `null`, `none`, `0` with any unit, or an empty list.\n///\n/// @param {Mixed} $val - Value to check.\n///\n/// @returns {Boolean} `true` if `$val` is not falsey.\n@function has-value($val) {\n  @if $val == null or $val == none {\n    @return false;\n  }\n  @if type-of($val) == 'number' and strip-unit($val) == 0 {\n    @return false;\n  }\n  @if type-of($val) == 'list' and length($val) == 0 {\n    @return false;\n  }\n  @return true;\n}\n\n/// Determine a top/right/bottom/right value on a padding, margin, etc. property, no matter how many values were passed in. Use this function if you need to know the specific side of a value, but don't know if the value is using a shorthand format.\n///\n/// @param {List|Number} $val - Value to analyze. Should be a shorthand sizing property, e.g. \"1em 2em 1em\"\n/// @param {Keyword} $side - Side to return. Should be `top`, `right`, `bottom`, or `left`.\n///\n/// @returns {Number} A single value based on `$val` and `$side`.\n@function get-side($val, $side) {\n  $length: length($val);\n\n  @if $length == 1 {\n    @return $val;\n  }\n  @if $length == 2 {\n    @return map-get((\n      top: nth($val, 1),\n      bottom: nth($val, 1),\n      left: nth($val, 2),\n      right: nth($val, 2),\n    ), $side);\n  }\n  @if $length == 3 {\n    @return map-get((\n      top: nth($val, 1),\n      left: nth($val, 2),\n      right: nth($val, 2),\n      bottom: nth($val, 3),\n    ), $side);\n  }\n  @if $length == 4 {\n    @return map-get((\n      top: nth($val, 1),\n      right: nth($val, 2),\n      bottom: nth($val, 3),\n      left: nth($val, 4),\n    ), $side);\n  }\n}\n\n/// Given border $val, find a specific element of the border, which is $elem. The possible values for $elem are width, style, and color.\n///\n/// @param {List} $val - Border value to find a value in.\n/// @param {Keyword} $elem - Border component to extract.\n///\n/// @returns {Mixed} If the value exists, returns the value. If the value is not in the border definition, the function will return a 0px width, solid style, or black border.\n@function get-border-value($val, $elem) {\n  // Find the width, style, or color and return it\n  @each $v in $val {\n    $type: type-of($v);\n    @if $elem == width and $type == 'number' {\n      @return $v;\n    }\n    @if $elem == style and $type == 'string' {\n      @return $v;\n    }\n    @if $elem == color and $type == 'color' {\n      @return $v;\n    }\n  }\n\n  // Defaults\n  $defaults: (\n    width: 0,\n    style: solid,\n    color: #000,\n  );\n\n  @return map-get($defaults, $elem);\n}\n\n/// Finds a value in a nested map.\n/// @link https://css-tricks.com/snippets/sass/deep-getset-maps/ Deep Get/Set in Maps\n///\n/// @param {Map} $map - Map to pull a value from.\n/// @param {String} $keys... - Keys to use when looking for a value.\n/// @returns {Mixed} The value found in the map.\n@function map-deep-get($map, $keys...) {\n  @each $key in $keys {\n    $map: map-get($map, $key);\n  }\n  @return $map;\n}\n\n/// Casts a map into a list.\n/// @link http://hugogiraudel.com/2014/04/28/casting-map-into-list/\n///\n/// @param {Map} $map - Map to pull a value from.\n///\n/// @returns {List} Depending on the flag, returns either $keys or $values or both.\n@function map-to-list($map, $keep: 'both') {\n  $keep: if(index('keys' 'values', $keep), $keep, 'both');\n\n  @if type-of($map) == 'map' {\n    $keys: ();\n    $values: ();\n\n    @each $key, $val in $map {\n      $keys: append($keys, $key);\n      $values: append($values, $val);\n    }\n\n    @if $keep == 'keys' {\n      @return $keys;\n    }\n    @else if $keep == 'values' {\n      @return $values;\n    }\n    @else {\n      @return zip($keys, $values);\n    }\n  }\n\n  @return if(type-of($map) != 'list', ($value,), $map);\n\n}\n\n/// Return a join of the two given strings `$str1` and `$str2`.\n/// If the two strings are not empty, they are separated by `$delimiter`.\n///\n/// @param {String} $str1 [null] - First string to join.\n/// @param {String} $str1 [null] - Second string to join.\n/// @param {String} $delimiter [null] - Delimieter between `$str1` and `$str2`.\n///\n/// @returns {String} Join of `$str1`, `$delimiter` and `$str2`.\n@function zf-str-join(\n  $str1: null,\n  $str2: null,\n  $delimiter: null\n) {\n  $ret: '';\n\n  @if $str1 and str-length($str1) > 0 {\n    $ret: $ret + $str1;\n\n    @if $delimiter and str-length($delimiter) > 0 and $str2 and str-length($str2) > 0 {\n      $ret: $ret + $delimiter;\n    }\n  }\n  @if $str2 and str-length($str2) > 0 {\n    $ret: $ret + $str2;\n  }\n\n  @return $ret;\n}\n\n/// Safely return a value from a map.\n///\n/// @param {Map} $map - Map to retrieve a value from.\n/// @param {String} $key - Name of the map key.\n///\n/// @returns {List} Found value.\n@function map-safe-get($map, $key) {\n  @if (type-of($map) == 'map' or (type-of($map) == 'list' and length($map) == 0)) {\n    @if (map-has-key($map, $key)) {\n      @return map-get($map, $key);\n    }\n    @else {\n      @error 'Key: `#{$key}` is not available in `#{$map}`';\n    }\n  }\n  @else {\n    @error '`#{$map}` is not a valid map';\n  }\n}\n\n/// Convert the given `$val` to a Boolean. Empty values are considered as false.\n////\n/// @access private\n///\n/// @param {*} $val - Value to convert.\n///\n/// @returns {Boolean} Converted Boolean value.\n@function -zf-bool($val) {\n  @return $val != false and has-value($val);\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n/// Returns the opposite direction of $dir\n///\n/// @param {Keyword} $dir - Used direction between \"top\", \"right\", \"bottom\" and \"left\".\n/// @return {Keyword} Opposite direction of $dir\n@function direction-opposite(\n  $dir\n) {\n  $dirs: (top, right, bottom, left);\n  $place: index($dirs, $dir);\n\n  @if $place == null {\n    @error 'direction-opposite: Invalid $dir parameter, expected a value from \"#{$dirs}\", found \"#{$dir}\".';\n    @return null;\n  }\n\n  // Calculate the opposite place in a circle, with a starting index of 1\n  $length: length($dirs);\n  $demi: $length / 2;\n  $opposite-place: (($place + $demi - 1) % $length) + 1;\n\n  @return nth($dirs, $opposite-place);\n}\n\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n@import 'math';\n\n$contrast-warnings: true !default;\n\n////\n/// @group functions\n////\n\n/// Checks the luminance of `$color`.\n///\n/// @param {Color} $color - Color to check the luminance of.\n///\n/// @returns {Number} The luminance of `$color`.\n@function color-luminance($color) {\n  // Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js\n  // Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef\n  $rgba: red($color), green($color), blue($color);\n  $rgba2: ();\n\n  @for $i from 1 through 3 {\n    $rgb: nth($rgba, $i);\n    $rgb: $rgb / 255;\n\n    $rgb: if($rgb < 0.03928, $rgb / 12.92, pow(($rgb + 0.055) / 1.055, 2.4));\n\n    $rgba2: append($rgba2, $rgb);\n  }\n\n  @return 0.2126 * nth($rgba2, 1) + 0.7152 * nth($rgba2, 2) + 0.0722 * nth($rgba2, 3);\n}\n\n/// Checks the contrast ratio of two colors.\n///\n/// @param {Color} $color1 - First color to compare.\n/// @param {Color} $color2 - Second color to compare.\n///\n/// @returns {Number} The contrast ratio of the compared colors.\n@function color-contrast($color1, $color2) {\n  // Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js\n  // Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef\n  $luminance1: color-luminance($color1) + 0.05;\n  $luminance2: color-luminance($color2) + 0.05;\n  $ratio: $luminance1 / $luminance2;\n\n  @if $luminance2 > $luminance1 {\n    $ratio: 1 / $ratio;\n  }\n\n  $ratio: round($ratio * 10) / 10;\n\n  @return $ratio;\n}\n\n/// Checks the luminance of `$base`, and returns the color from `$colors` (list of colors) that has the most contrast.\n///\n/// @param {Color} $base - Color to check luminance.\n/// @param {List} $colors [($white, $black)] - Colors to compare.\n/// @param {Number} $tolerance [$global-color-pick-contrast-tolerance] - Contrast tolerance.\n///\n/// @returns {Color} the color from `$colors` (list of colors) that has the most contrast.\n@function color-pick-contrast($base, $colors: ($white, $black), $tolerance: $global-color-pick-contrast-tolerance) {\n  $contrast: color-contrast($base, nth($colors, 1));\n  $best: nth($colors, 1);\n\n  @for $i from 2 through length($colors) {\n    $current-contrast: color-contrast($base, nth($colors, $i));\n    @if ($current-contrast - $contrast > $tolerance) {\n      $contrast: color-contrast($base, nth($colors, $i));\n      $best: nth($colors, $i);\n    }\n  }\n\n  @if ($contrast-warnings and $contrast < 3) {\n    @warn \"Contrast ratio of #{$best} on #{$base} is pretty bad, just #{$contrast}\";\n  }\n\n  @return $best;\n}\n\n/// 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.\n///\n/// @param {Color} $color - Color to scale.\n/// @param {Percentage} $scale [5%] - Amount to scale up or down.\n/// @param {Percentage} $threshold [40%] - Threshold of lightness to check against.\n///\n/// @returns {Color} A scaled color.\n@function smart-scale($color, $scale: 5%, $threshold: 40%) {\n  @if lightness($color) > $threshold {\n    $scale: -$scale;\n  }\n  @return scale-color($color, $lightness: $scale);\n}\n\n/// Get color from foundation-palette\n///\n/// @param {key} color key from foundation-palette\n///\n/// @returns {Color} color from foundation-palette\n@function get-color($key) {\n  @if map-has-key($foundation-palette, $key) {\n    @return map-get($foundation-palette, $key);\n  }\n  @else {\n    @error 'given $key is not available in $foundation-palette';\n  }\n}\n\n/// Transfers the colors in the `$foundation-palette` map into variables, such as `$primary-color` and `$secondary-color`. Call this mixin below the Global section of your settings file to properly migrate your codebase.\n@mixin add-foundation-colors() {\n  @if map-has-key($foundation-palette, primary) {\n    $primary-color: map-get($foundation-palette, primary) !global;\n  } @else {\n    $primary-color: #1779ba !global;\n  }\n  @if map-has-key($foundation-palette, secondary) {\n    $secondary-color: map-get($foundation-palette, secondary) !global;\n  } @else {\n    $secondary-color: #767676 !global;\n  }\n  @if map-has-key($foundation-palette, success) {\n    $success-color: map-get($foundation-palette, success) !global;\n  } @else {\n    $success-color: #3adb76 !global;\n  }\n  @if map-has-key($foundation-palette, warning) {\n    $warning-color: map-get($foundation-palette, warning) !global;\n  } @else {\n    $warning-color: #ffae00 !global;\n  }\n  @if map-has-key($foundation-palette, alert) {\n    $alert-color: map-get($foundation-palette, alert) !global;\n  } @else {\n    $alert-color: #cc4b37 !global;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n/// Generates a selector with every text input type. You can also filter the list to only output a subset of those selectors.\n///\n/// @param {List|Keyword} $types [()] - A list of text input types to use. Leave blank to use all of them.\n/// @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.\n@function text-inputs($types: (), $modifier: '') {\n  $return: ();\n\n  $all-types:\n    text\n    password\n    date\n    datetime\n    datetime-local\n    month\n    week\n    email\n    number\n    search\n    tel\n    time\n    url\n    color;\n\n  @if not has-value($types) {\n    $types: $all-types;\n  }\n\n  @each $type in $types {\n    $return: append($return, unquote('[type=\\'#{$type}\\']#{$modifier}'), comma);\n  }\n\n  @return $return;\n}\n","@function -zf-flex-justify($text-direction){\n  $-zf-flex-justify: (\n    'left': if($text-direction == rtl, flex-end, flex-start),\n    'right': if($text-direction == rtl, flex-start, flex-end),\n    'center': center,\n    'justify': space-between,\n    'spaced': space-around,\n  );\n\n  @return $-zf-flex-justify;\n}\n\n\n$-zf-flex-align: (\n  'top': flex-start,\n  'bottom': flex-end,\n  'middle': center,\n  'stretch': stretch,\n);\n\n$-zf-flex-direction: (\n  'row': row,\n  'row-reverse': row-reverse,\n  'column': column,\n  'column-reverse': column-reverse,\n);\n\n/// Enables flexbox by adding `display: flex` to the element.\n@mixin flex {\n  display: flex;\n}\n\n/// Horizontally or vertically aligns the items within a flex container.\n///\n/// @param {Keyword} $x [null] - Horizontal alignment to use. Can be `left`, `right`, `center`, `justify`, or `spaced`. Or, set it to `null` (the default) to not set horizontal alignment.\n/// @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`, `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not set vertical alignment.\n@mixin flex-align($x: null, $y: null) {\n  @if $x {\n    @if map-has-key($-zf-flex-justify, $x) {\n      $x: map-get($-zf-flex-justify, $x);\n    }\n    @else {\n      @warn 'flex-grid-row-align(): #{$x} is not a valid value for horizontal alignment. Use left, right, center, justify, or spaced.';\n    }\n  }\n\n  @if $y {\n    @if map-has-key($-zf-flex-align, $y) {\n      $y: map-get($-zf-flex-align, $y);\n    }\n    @else {\n      @warn 'flex-grid-row-align(): #{$y} is not a valid value for vertical alignment. Use top, bottom, middle, or stretch.';\n    }\n  }\n\n  justify-content: $x;\n  align-items: $y;\n}\n\n/// Vertically align a single column within a flex row. Apply this mixin to a flex column.\n///\n/// @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`, `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not set vertical alignment.\n@mixin flex-align-self($y: null) {\n  @if $y {\n    @if map-has-key($-zf-flex-align, $y) {\n      $y: map-get($-zf-flex-align, $y);\n    }\n    @else {\n      @warn 'flex-grid-column-align(): #{$y} is not a valid value for alignment. Use top, bottom, middle, or stretch.';\n    }\n  }\n\n  align-self: $y;\n}\n\n/// Changes the source order of a flex child. Children with lower numbers appear first in the layout.\n/// @param {Number} $order [0] - Order number to apply.\n@mixin flex-order($order: 0) {\n  order: $order;\n}\n\n/// Change flex-direction\n/// @param {Keyword} $direction [row] - Flex direction to use. Can be\n///   - row (default): same as text direction\n///   - row-reverse: opposite to text direction\n///   - column: same as row but top to bottom\n///   - column-reverse: same as row-reverse top to bottom\n@mixin flex-direction($direction: row) {\n  flex-direction: $direction;\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group breakpoints\n////\n\n/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.\n/// @type Map\n$breakpoints: (\n  small: 0,\n  medium: 640px,\n  large: 1024px,\n  xlarge: 1200px,\n  xxlarge: 1440px,\n) !default;\n\n/// A list of named HiDPI breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries for resolutions.\n/// Values must represent the device pixels / web pixels ration and be unitless or in DPPX.\n/// @type Map\n$breakpoints-hidpi: (\n  hidpi-1: 1,\n  hidpi-1-5: 1.5,\n  hidpi-2: 2,\n  retina: 2,\n  hidpi-3: 3\n) !default;\n\n/// The largest named breakpoint in which to include print as a media type\n/// @type Keyword\n$print-breakpoint: large !default;\n\n$-zf-zero-breakpoint: small !default;\n\n$-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');\n\n@if nth(map-values($breakpoints), 1) != 0 {\n  @error 'The first key in the $breakpoints map must have a value of \"0\".';\n}\n@else {\n  $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);\n}\n\n/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.\n/// @type List\n$breakpoint-classes: (small medium large) !default;\n\n/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.\n///\n/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.\n@function breakpoint($val: $-zf-zero-breakpoint) {\n  // Web standard Pixels per inch. (1ddpx / $std-web-dpi) = 1dpi\n  // See https://www.w3.org/TR/css-values-3/#absolute-lengths\n  $std-web-dpi: 96;\n\n  // Size or keyword\n  $bp: nth($val, 1);\n  // Value of the following breakpoint\n  $bp-next: null;\n  // Value for max-width media queries\n  $bp-min: null;\n  // Value for min-width media queries\n  $bp-max: null;\n  // Direction of media query (up, down, or only)\n  $dir: if(length($val) > 1, nth($val, 2), up);\n  // If named, name of the breakpoint\n  $name: null;\n  // If the breakpoint is a HiDPI breakpoint\n  $hidpi: false;\n\n  // Orientation media queries have a unique syntax\n  @if $bp == 'landscape' or $bp == 'portrait' {\n    @return '(orientation: #{$bp})';\n  }\n\n  // If a breakpoint name is given, get its value from the $breakpoints/$breakpoints-hidpi map.\n  @if type-of($bp) == 'string' {\n    @if map-has-key($breakpoints, $bp) {\n      $name: $bp;\n      $bp: map-get($breakpoints, $name);\n      $bp-next: -zf-map-next($breakpoints, $name);\n    }\n    @else if map-has-key($breakpoints-hidpi, $bp) {\n      $name: $bp;\n      $bp: map-get($breakpoints-hidpi, $name);\n      $bp-next: -zf-map-next-number($breakpoints-hidpi, $bp);\n      $hidpi: true;\n    }\n    @else {\n      $bp: 0;\n      @warn 'breakpoint(): \"#{$val}\" is not defined in your `$breakpoints` or `$breakpoints-hidpi` setting.';\n    }\n  }\n\n  @if not $name and $dir == 'only' {\n    @warn 'breakpoint(): Only named media queries can have an `only` range.';\n    @return null;\n  }\n\n  // Only 'only' and 'up' have a min limit.\n  @if $dir == 'only' or $dir == 'up' {\n    $bp-min: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n  }\n  // Only 'only' and 'down' have a max limit.\n  @if $dir == 'only' or $dir == 'down' {\n    // If the breakpoint is a value, use it as max limit.\n    @if not $name {\n      $bp-max: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n    }\n    // If the breakpoint is named, the max limit is the following breakpoint - 1px.\n    @else if $bp-next {\n      // Max value is 0.2px under the next breakpoint (0.02 / 16 = 0.00125).\n      // Use a precision under 1px to support browser zoom, but not to low to avoid rounding.\n      // See https://github.com/foundation/foundation-sites/issues/11313\n      $bp-max: if($hidpi, $bp-next - (1/$std-web-dpi), -zf-bp-to-em($bp-next) - 0.00125);\n    }\n  }\n\n  // Generate the media query string from min and max limits.\n  @if $hidpi {\n    // Generate values in DPI instead of DPPX for an IE9-11/Opera mini compatibility.\n    // See https://caniuse.com/#feat=css-media-resolution\n    $bp-min-dpi: if($bp-min, $bp-min * $std-web-dpi * 1dpi, $bp-min);\n    $bp-max-dpi: if($bp-max, $bp-max * $std-web-dpi * 1dpi, $bp-max);\n    @return zf-str-join(\n      -zf-bp-join($bp-min, $bp-max, '-webkit-min-device-pixel-ratio', '-webkit-max-device-pixel-ratio'),\n      -zf-bp-join($bp-min-dpi, $bp-max-dpi, 'min-resolution', 'max-resolution'),\n      ', ');\n  }\n  @else {\n    @return -zf-bp-join($bp-min, $bp-max);\n  }\n}\n\n/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:\n///  - If a string is passed, the mixin will look for it in the `$breakpoints` and `$breakpoints-hidpi` maps, and use a media query there.\n///  - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.\n///  - If a rem value is passed, the unit will be changed to em.\n///  - If an em value is passed, the value will be used as-is.\n///\n/// If multiple values are passed, the mixin will generate a media query for each of them as described above.\n/// Since the content is duplicated for each breakpoint, this mixin should only be used with properties that\n/// change across breakpoints.\n///\n/// @param {Keyword|Number} $values... - Breakpoint name or px/rem/em value to process.\n///\n/// @output If the breakpoint is \"0px and larger\", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.\n@mixin breakpoint($values...) {\n  @for $i from 1 through length($values) {\n    $value: nth($values, $i);\n    $str: breakpoint($value);\n    $bp: index($-zf-breakpoints-keys, nth($value, 1));\n    $pbp: index($-zf-breakpoints-keys, $print-breakpoint);\n    // Direction of media query (up, down, or only)\n    $dir: if(length($value) > 1, nth($value, 2), up);\n\n    $old-zf-size: null;\n\n    // Make breakpoint size available as a variable\n    @if global-variable-exists(-zf-size) {\n      $old-zf-size: $-zf-size;\n    }\n    $-zf-size: nth($value, 1) !global; // get the first value to account for `only` and `down` keywords\n\n    // If $str is still an empty string, no media query is needed\n    @if $str == '' {\n      @content;\n    }\n\n    // Otherwise, wrap the content in a media query\n    @else {\n      // For named breakpoints less than or equal to $print-breakpoint, add print to the media types\n      // generate print if the breakpoint affects the print-breakpoint (or smaller).\n      // This means the current condition only needs to be extended so 'down' always generates print.\n      @if $bp != null and ($bp <= $pbp or $dir == down) {\n        @media print, screen and #{$str} {\n          @content;\n        }\n      }\n      @else {\n        @media screen and #{$str} {\n          @content;\n        }\n      }\n    }\n\n    $-zf-size: $old-zf-size !global;\n  }\n}\n\n/// Converts the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `<meta>` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.\n/// @access private\n///\n/// @param {Map} $map - Map to convert.\n///\n/// @returns {String} A string containing the map's contents.\n@function -zf-bp-serialize($map) {\n  $str: '';\n  @each $key, $value in $map {\n    $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';\n  }\n  $str: str-slice($str, 1, -2);\n\n  @return $str;\n}\n\n/// Find the next key in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $key - Key to use as a starting point.\n///\n/// @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`.\n@function -zf-map-next($map, $key) {\n\n  // Store the keys of the map as a list\n  $values: map-keys($map);\n\n  $i: 0;\n\n  // 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\n  @if (map-has-key($map, $key)) {\n    $i: index($values, $key) + 1;\n  }\n\n  // If the key doesn't exist, or it's the last key in the map, return null\n  @if ($i > length($map) or $i == 0) {\n    @return null;\n  }\n  // Otherwise, return the value\n  @else {\n    @return map-get($map, nth($values, $i));\n  }\n\n}\n\n/// Find the next number in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $number - Number to use as a starting point.\n///\n/// @returns {Mixed} The number following `$number`, if `$number` was found. If `$number` was not found, or `$number` was the biggest number in the map, returns `null`.\n@function -zf-map-next-number($map, $number) {\n\n  $next_number: null;\n\n  @each $k, $v in $map {\n    @if type-of($v) == 'number' and $v > $number and ($next_number == null or $v < $next_number) {\n      $next_number: $v;\n    }\n  }\n\n  @return $next_number;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $key - Key to use as last breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-breakpoints-less-than($key) {\n  $list: ();\n  $found_key: false;\n\n  @each $name in $-zf-breakpoints-keys {\n    @if ($name == $key) {\n      $found_key: true;\n    }\n    @if not $found_key {\n      $list: append($list, $name);\n    }\n  }\n  @return $list;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $breakpoint - a named or non-named breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-closest-named-breakpoint($breakpoint) {\n  $last: $-zf-zero-breakpoint;\n  $found: false;\n\n  $value: unitless-calc($breakpoint, 1px);\n  @each $key, $val in $breakpoints {\n    @if not $found {\n      @if unitless-calc($val) > $value {\n        $found: true;\n      } @else {\n        $last: $key;\n      }\n    }\n  }\n\n  @return $last;\n}\n\n/// Get a value for a breakpoint from a responsive config map or single value.\n/// - If the config is a single value, return it regardless of `$value`.\n/// - If the config is a map and has the key `$value`, the exact breakpoint value is returned.\n/// - If the config is a map and does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.\n/// @access private\n///\n/// @param {Number|Map} $map - Responsive config map or single value.\n/// @param {Keyword} $value - Breakpoint name to use.\n///\n/// @return {Mixed} The corresponding breakpoint value.\n@function -zf-get-bp-val($map, $value) {\n  // If the given map is a single value, return it\n  @if type-of($map) == 'number' {\n    @return $map;\n  }\n\n\n  // Check if the breakpoint name exists globally\n  @if not map-has-key($breakpoints, $value) {\n    @if type-of($value) == 'number' {\n      $value: -zf-closest-named-breakpoint($value);\n    } @else {\n      @return null;\n    }\n  }\n  // Check if the breakpoint name exists in the local config map\n  @else if map-has-key($map, $value) {\n    // If it does, just return the value\n    @return map-get($map, $value);\n  }\n  // Otherwise, find the next lowest breakpoint and return that value\n  @else {\n    $anchor: null;\n    $found: false;\n\n    @each $key, $val in $breakpoints {\n      @if not $found {\n        @if map-has-key($map, $key) {\n          $anchor: $key;\n        }\n        @if $key == $value {\n          $found: true;\n        }\n      }\n    }\n\n    @return map-get($map, $anchor);\n  }\n}\n\n/// Return the best breakpoint to use according to the calling context. It returns in order:\n/// 1. the given `$value` argument if it is not null.\n/// 2. the global breakpoint context `$-zf-size` if it is not null (like if called inside then `breakpoint()` mixin)\n/// 3. the given `$default` argument.\n/// @access private\n///\n/// @param {Keyword} $value [null] - Breakpoint to use in priority if non-null.\n/// @param {Keyword} $default [null] - Breakpoint to use by default if no other value can be used.\n///\n/// @return {Keyword} The resolved breakpoint.\n@function -zf-current-breakpoint($value: null, $default: null) {\n  @if ($value != null) {\n    @return $value;\n  }\n  @else if (variable-exists(-zf-size) and type-of($-zf-size) != 'number') and $-zf-size != null {\n    @return $-zf-size;\n  }\n  @else {\n    @return $default;\n  }\n}\n\n/// Return media query string from the given min and/or max limits.\n/// If a limit is equal to `null` or `0`, it is ignored.\n/// @access private\n///\n/// @param {Number} $min [0] - Min media query limit.\n/// @param {Number} $max [0] - Max media query limit.\n/// @param {String} $min-name ['min-width'] - Name of the min media query limit.\n/// @param {String} $delimiter ['max-width'] - Name of the max media query limit.\n///\n/// @returns {String} Media Query string.\n@function -zf-bp-join(\n  $min: 0,\n  $max: 0,\n  $min-name: 'min-width',\n  $max-name: 'max-width'\n) {\n  @return zf-str-join(\n    if($min and $min > 0, '(#{$min-name}: #{$min})', null),\n    if($max and $max > 0, '(#{$max-name}: #{$max})', null),\n    ' and ');\n}\n\n$small-up: '';\n$small-only: '';\n\n@if map-has-key($breakpoints, small) {\n  $small-up: screen;\n  $small-only: unquote('screen and #{breakpoint(small only)}');\n}\n\n$medium-up: '';\n$medium-only: '';\n\n@if map-has-key($breakpoints, medium) {\n  $medium-up: unquote('screen and #{breakpoint(medium)}');\n  $medium-only: unquote('screen and #{breakpoint(medium only)}');\n}\n\n$large-up: '';\n$large-only: '';\n\n@if map-has-key($breakpoints, large) {\n  $large-up: unquote('screen and #{breakpoint(large)}');\n  $large-only: unquote('screen and #{breakpoint(large only)}');\n}\n\n$xlarge-up: '';\n$xlarge-only: '';\n\n@if map-has-key($breakpoints, xlarge) {\n  $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');\n  $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');\n}\n\n$xxlarge-up: '';\n\n@if map-has-key($breakpoints, xxlarge) {\n  $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n/// Creates an inner box-shadow for only one side\n///\n/// @param {Keyword} $side - Side the shadow is supposed to appear. Can be `top`, `left`, `right` or `bottom`.\n/// @param {Number} $size - Width for the target side.\n/// @param {Color} $color - Color of the shadow.\n@mixin inner-side-shadow(\n  $side: bottom,\n  $size: 20px,\n  $color: rgba($black, 0.25)\n) {\n\n  $helper: round($size * 0.65);\n\n  @if ($side == top) {\n    box-shadow: inset 0 $helper $size (-1)*$helper $color;\n  } @else if ($side == left) {\n    box-shadow: inset $helper 0 $size (-1)*$helper $color;\n  } @else if ($side == right) {\n    box-shadow: inset (-1)*$helper 0 $size (-1)*$helper $color;\n  } @else if ($side == bottom) {\n    box-shadow: inset 0 (-1)*$helper $size (-1)*$helper $color;\n  }\n}\n\n/// Creates a CSS triangle, which can be used for dropdown arrows, dropdown pips, and more. Use this mixin inside a `&::before` or `&::after` selector, to attach the triangle to an existing element.\n///\n/// @param {Number} $triangle-size - Width of the triangle.\n/// @param {Color} $triangle-color - Color of the triangle.\n/// @param {Keyword} $triangle-direction - Direction the triangle points. Can be `up`, `right`, `down`, or `left`.\n@mixin css-triangle(\n  $triangle-size,\n  $triangle-color,\n  $triangle-direction\n) {\n  display: block;\n  width: 0;\n  height: 0;\n\n  border: inset $triangle-size;\n\n  content: '';\n\n  @if ($triangle-direction == down) {\n    border-bottom-width: 0;\n    border-top-style: solid;\n    border-color: $triangle-color transparent transparent;\n  }\n  @if ($triangle-direction == up) {\n    border-top-width: 0;\n    border-bottom-style: solid;\n    border-color: transparent transparent $triangle-color;\n  }\n  @if ($triangle-direction == right) {\n    border-right-width: 0;\n    border-left-style: solid;\n    border-color: transparent transparent transparent $triangle-color;\n  }\n  @if ($triangle-direction == left) {\n    border-left-width: 0;\n    border-right-style: solid;\n    border-color: transparent $triangle-color transparent transparent;\n  }\n}\n\n/// Creates a menu icon with a set width, height, number of bars, and colors. The mixin uses the height of the icon and the weight of the bars to determine spacing. <div class=\"docs-example-burger\"></div>\n///\n/// @param {Color} $color [$black] - Color to use for the icon.\n/// @param {Color} $color-hover [$dark-gray] - Color to use when the icon is hovered over.\n/// @param {Number} $width [20px] - Width of the icon.\n/// @param {Number} $height [16px] - Height of the icon.\n/// @param {Number} $weight [2px] - Height of individual bars in the icon.\n/// @param {Number} $bars [3] - Number of bars in the icon.\n@mixin hamburger(\n  $color: $black,\n  $color-hover: $dark-gray,\n  $width: 20px,\n  $height: 16px,\n  $weight: 2px,\n  $bars: 3\n) {\n  // box-shadow CSS output\n  $shadow: ();\n  $hover-shadow: ();\n\n  // Spacing between bars is calculated based on the total height of the icon and the weight of each bar\n  $spacing: ($height - ($weight * $bars)) / ($bars - 1);\n\n  @if unit($spacing) == 'px' {\n    $spacing: floor($spacing);\n  }\n\n  @for $i from 2 through $bars {\n    $offset: ($weight + $spacing) * ($i - 1);\n    $shadow: append($shadow, 0 $offset 0 $color, comma);\n  }\n\n  // Icon container\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  width: $width;\n  height: $height;\n  cursor: pointer;\n\n  // Icon bars\n  &::after {\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    display: block;\n    width: 100%;\n    height: $weight;\n\n    background: $color;\n    box-shadow: $shadow;\n\n    content: '';\n  }\n\n  // Hover state\n  @if $color-hover {\n    // Generate CSS\n    @for $i from 2 through $bars {\n      $offset: ($weight + $spacing) * ($i - 1);\n      $hover-shadow: append($hover-shadow, 0 $offset 0 $color-hover, comma);\n    }\n\n    &:hover::after {\n      background: $color-hover;\n      box-shadow: $hover-shadow;\n    }\n  }\n}\n\n/// Adds a downward-facing triangle as a background image to an element. The image is formatted as an SVG, making it easy to change the color. Because Internet Explorer doesn't support encoded SVGs as background images, a PNG fallback is also included.\n/// There are two PNG fallbacks: a black triangle and a white triangle. The one used depends on the lightness of the input color.\n///\n/// @param {Color} $color [$black] - Color to use for the triangle.\n@mixin background-triangle($color: $black) {\n  $rgb: 'rgb%28#{round(red($color))}, #{round(green($color))}, #{round(blue($color))}%29';\n\n  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>\");\n\n  @media screen and (min-width:0\\0) {\n    @if lightness($color) < 60% {\n      // White triangle\n      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==');\n    }\n    @else {\n      // Black triangle\n      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg==');\n    }\n  }\n}\n\n/// Applies the micro clearfix hack popularized by Nicolas Gallagher. Include this mixin on a container if its children are all floated, to give the container a proper height.\n/// The clearfix is augmented with specific styles to prevent borders in flexbox environments\n/// @link http://nicolasgallagher.com/micro-clearfix-hack/ Micro Clearfix Hack\n/// @link http://danisadesigner.com/blog/flexbox-clear-fix-pseudo-elements/ Flexbox fix\n@mixin clearfix {\n  &::before,\n  &::after {\n    display: table;\n    content: ' ';\n\n    @if $global-flexbox {\n      flex-basis: 0;\n      order: 1;\n    }\n  }\n\n  &::after {\n    clear: both;\n  }\n}\n\n/// Adds CSS for a \"quantity query\" selector that automatically sizes elements based on how many there are inside a container.\n/// @link http://alistapart.com/article/quantity-queries-for-css Quantity Queries for CSS\n///\n/// @param {Number} $max - Maximum number of items to detect. The higher this number is, the more CSS that's required to cover each number of items.\n/// @param {Keyword} $elem [li] - Tag to use for sibling selectors.\n@mixin auto-width($max, $elem: li) {\n  @for $i from 2 through $max {\n    &:nth-last-child(#{$i}):first-child,\n    &:nth-last-child(#{$i}):first-child ~ #{$elem} {\n      width: percentage(1 / $i);\n    }\n  }\n}\n\n/// Removes the focus ring around an element when a mouse input is detected.\n@mixin disable-mouse-outline {\n  [data-whatinput='mouse'] & {\n    outline: 0;\n  }\n}\n\n/// Makes an element visually hidden, but still accessible to keyboards and assistive devices.\n/// @link http://snook.ca/archives/html_and_css/hiding-content-for-accessibility Hiding Content for Accessibility\n/// @link http://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n///\n/// @param {Boolean} $enforce - If `true`, use `!important` on applied properties\n@mixin element-invisible(\n  $enforce: true\n) {\n  $important: if($enforce, '!important', null);\n\n  position: absolute #{$important};\n  width: 1px #{$important};\n  height: 1px #{$important};\n  padding: 0 #{$important};\n  overflow: hidden #{$important};\n  clip: rect(0,0,0,0) #{$important};\n  white-space: nowrap #{$important};\n  border: 0 #{$important};\n}\n\n/// Reverses the CSS output created by the `element-invisible()` mixin.\n/// @param {Boolean} $enforce - If `true`, use `!important` on applied properties\n@mixin element-invisible-off(\n  $enforce: true\n) {\n  $important: if($enforce, '!important', null);\n\n  position: static #{$important};\n  width: auto #{$important};\n  height: auto #{$important};\n  overflow: visible #{$important};\n  clip: auto #{$important};\n  white-space: normal #{$important};\n}\n\n/// Vertically centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin vertical-center {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/// Horizontally centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin horizontal-center {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n/// Absolutely centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin absolute-center {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n/// Iterates through breakpoints defined in `$breakpoint-classes` and prints the CSS inside the mixin at each breakpoint's media query. Use this with the grid, or any other component that has responsive classes.\n///\n/// @param {Boolean} $small [true] - If `false`, the mixin will skip the `small` breakpoint. Use this with components that don't prefix classes with `small-`, only `medium-` and up.\n/// @param {Boolean} $auto-insert-breakpoints [true] - If `false`, the mixin will iterate over breakpoints without doing the media query itself. Useful for more complex media query generation as in the margin grid.\n@mixin -zf-each-breakpoint(\n  $small: true,\n  $auto-insert-breakpoints: true\n) {\n  @include -zf-each-breakpoint-in(auto, -zf-bool($small), -zf-bool($auto-insert-breakpoints)) {\n    @content\n  };\n}\n\n/// Iterates with `@content` through the given list of breakpoints `$breakpoints`.\n///\n/// @access private\n///\n/// @param {Keyword|List} $breakpoints [auto] - Breakpoints to iterates on. It can be a breakpoint name, list of breakpoints or `auto` for all breakpoints.\n/// @param {Boolean|Null} $zero-breakpoint [null] - Whether the zero-breakpoint (often `small`) must be included. If `true`, it will always be added to the list if not already there. If `false`, it will always be removed. Does nothing by default.\n/// @param {Boolean|Keyword} $media-queries [true] - Whether media-queries must be generated. If `for-lists`, only generate media-queries when `$breakpoints` is a list.\n@mixin -zf-each-breakpoint-in(\n  $breakpoints: auto,\n  $zero-breakpoint: null,\n  $media-queries: true\n) {\n  $-list: ();\n  $-breakpoints-is-a-list: true;\n\n  // Retrieve the list of breakpoint(s) to iterate on.\n  @if $breakpoints == auto {\n    $-list: $breakpoint-classes;\n  }\n  @else if type-of($breakpoints) == 'list' {\n    $-list: $breakpoints;\n  }\n  @else if type-of($breakpoints) == 'string' {\n    $-list: ($breakpoints);\n    $-breakpoints-is-a-list: false;\n  }\n  @else {\n    @error 'Wrong syntax for \"$breakpoints\" in \"-zf-each-breakpoint-in()\". Got \"#{$breakpoints}\" (#{type-of($breakpoints)}). Expected a breakpoint name, a list of breakpoints or \"auto\"';\n  }\n\n  // Add or remove the zero breakpoint according to `$zero-breakpoint`\n  @if $zero-breakpoint == true {\n    $-list: join(($-zf-zero-breakpoint), sl-remove($-list, $-zf-zero-breakpoint));\n  }\n  @else if $zero-breakpoint == false {\n    $-list: sl-remove($-list, $-zf-zero-breakpoint);\n  }\n\n  // Iterate on breakpoint(s)\n  @each $bp in $-list {\n    $old-zf-size: null;\n    @if global-variable-exists(-zf-size) {\n      $old-zf-size: $-zf-size;\n    }\n    $-zf-size: $bp !global;\n\n    @if ($media-queries == true\n      or ($media-queries == 'for-lists' and $-breakpoints-is-a-list)) {\n      @include breakpoint($bp) {\n        @content;\n      }\n    }\n    @else {\n      @content;\n    }\n\n    $-zf-size: $old-zf-size !global;\n  }\n}\n\n/// Generate the `@content` passed to the mixin with a value `$-zf-bp-value` related to a breakpoint, depending on the `$name` parameter:\n/// - For a single value, `$-zf-bp-value` is this value.\n/// - For a breakpoint name, `$-zf-bp-value` is the corresponding breakpoint value in `$map`.\n/// - For \"auto\", `$-zf-bp-value` is the corresponding breakpoint value in `$map` and is passed to `@content`, which is made responsive for each breakpoint of `$map`.\n/// @param {Number|Array|Keyword} $name [auto] - Single value, breakpoint name, or list of breakpoint names to use. \"auto\" by default.\n/// @param {Number|Map} $map - Map of breakpoints and values or single value to use.\n@mixin -zf-breakpoint-value(\n  $name: auto,\n  $map: null\n) {\n  @if $name == auto and type-of($map) == 'map' {\n    // \"auto\"\n    @each $k, $v in $map {\n      @include breakpoint($k) {\n        @include -zf-breakpoint-value($v, $map) {\n          @content;\n        }\n      }\n    }\n  }\n  @else {\n    // breakpoint name\n    @if type-of($name) == 'string' {\n      $bp-value: -zf-get-bp-val($map, $name);\n      @if $bp-value != null {\n        $name: $bp-value;\n      }\n    }\n\n    // breakpoint value\n    $-zf-bp-value: $name !global;\n    @content;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n$-zf-font-stack: (\n  'georgia': (Georgia, \"URW Bookman L\", serif),\n  'helvetica': (Helvetica, Arial, \"Nimbus Sans L\", sans-serif),\n  'lucida-grande': (\"Lucida Grande\", \"Lucida Sans Unicode\", \"Bitstream Vera Sans\", sans-serif),\n  'monospace': (\"Courier New\", Courier, \"Nimbus Sans L\", monospace),\n  'system': (-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif),\n  'verdana': (Verdana, Geneva, \"DejaVu Sans\", sans-serif),\n);\n\n/// Return a font stack list from a map. Equivalent to `map-safe-get($name, $-zf-font-stack)`.\n///\n/// @param {String} $stack - Name of the font stack.\n/// @param {Map} $map [$-zf-font-stack] - Map of font stacks to retrieve a list from.\n///\n/// @returns {List} Found font stack.\n@function font-stack($stack, $map: $-zf-font-stack) {\n  @return map-safe-get($map, $stack);\n}\n","/**\n * Foundation for Sites\n * Version 6.6.3\n * https://get.foundation\n * Licensed under MIT Open Source\n */\n\n// --- Dependencies ---\n@import 'vendor/normalize';\n@import '../_vendor/sassy-lists/stylesheets/helpers/missing-dependencies';\n@import '../_vendor/sassy-lists/stylesheets/helpers/true';\n@import '../_vendor/sassy-lists/stylesheets/functions/contain';\n@import '../_vendor/sassy-lists/stylesheets/functions/purge';\n@import '../_vendor/sassy-lists/stylesheets/functions/remove';\n@import '../_vendor/sassy-lists/stylesheets/functions/replace';\n@import '../_vendor/sassy-lists/stylesheets/functions/to-list';\n\n// --- Settings ---\n// import your own `settings` here or\n// import and modify the default settings through\n// @import 'settings/settings';\n\n// --- Components ---\n// Utilities\n@import 'util/util';\n// Global styles\n@import 'global';\n@import 'forms/forms';\n@import 'typography/typography';\n\n// Grids\n@import 'grid/grid';\n@import 'xy-grid/xy-grid';\n// Generic components\n@import 'components/button';\n@import 'components/button-group';\n@import 'components/close-button';\n@import 'components/label';\n@import 'components/progress-bar';\n@import 'components/slider';\n@import 'components/switch';\n@import 'components/table';\n// Basic components\n@import 'components/badge';\n@import 'components/breadcrumbs';\n@import 'components/callout';\n@import 'components/card';\n@import 'components/dropdown';\n@import 'components/pagination';\n@import 'components/tooltip';\n\n// Containers\n@import 'components/accordion';\n@import 'components/media-object';\n@import 'components/orbit';\n@import 'components/responsive-embed';\n@import 'components/tabs';\n@import 'components/thumbnail';\n// Menu-based containers\n@import 'components/menu';\n@import 'components/menu-icon';\n@import 'components/accordion-menu';\n@import 'components/drilldown';\n@import 'components/dropdown-menu';\n\n// Layout components\n@import 'components/off-canvas';\n@import 'components/reveal';\n@import 'components/sticky';\n@import 'components/title-bar';\n@import 'components/top-bar';\n\n// Helpers\n@import 'components/float';\n@import 'components/flex';\n@import 'components/visibility';\n@import 'prototype/prototype';\n\n\n@mixin foundation-everything(\n  $flex: true,\n  $prototype: false,\n  $xy-grid: $xy-grid\n) {\n  @if $flex {\n    $global-flexbox: true !global;\n  }\n\n  @if $xy-grid {\n    $xy-grid: true !global;\n  }\n\n  // Global styles\n  @include foundation-global-styles;\n  @include foundation-forms;\n  @include foundation-typography;\n\n  // Grids\n  @if not $flex {\n    @include foundation-grid;\n  }\n  @else {\n    @if $xy-grid {\n      @include foundation-xy-grid-classes;\n    }\n    @else {\n      @include foundation-flex-grid;\n    }\n  }\n\n  // Generic components\n  @include foundation-button;\n  @include foundation-button-group;\n  @include foundation-close-button;\n  @include foundation-label;\n  @include foundation-progress-bar;\n  @include foundation-slider;\n  @include foundation-switch;\n  @include foundation-table;\n  // Basic components\n  @include foundation-badge;\n  @include foundation-breadcrumbs;\n  @include foundation-callout;\n  @include foundation-card;\n  @include foundation-dropdown;\n  @include foundation-pagination;\n  @include foundation-tooltip;\n\n  // Containers\n  @include foundation-accordion;\n  @include foundation-media-object;\n  @include foundation-orbit;\n  @include foundation-responsive-embed;\n  @include foundation-tabs;\n  @include foundation-thumbnail;\n  // Menu-based containers\n  @include foundation-menu;\n  @include foundation-menu-icon;\n  @include foundation-accordion-menu;\n  @include foundation-drilldown-menu;\n  @include foundation-dropdown-menu;\n\n  // Layout components\n  @include foundation-off-canvas;\n  @include foundation-reveal;\n  @include foundation-sticky;\n  @include foundation-title-bar;\n  @include foundation-top-bar;\n\n  // Helpers\n  @include foundation-float-classes;\n  @if $flex { @include foundation-flex-classes; }\n  @include foundation-visibility-classes;\n  @if $prototype { @include foundation-prototype-classes; }\n}\n","@mixin foundation-normalize() {\n  /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\n\n  // Document\n  // ==========================================================================\n\n  // 1. Correct the line height in all browsers.\n  // 2. Prevent adjustments of font size after orientation changes in iOS.\n\n  html {\n    line-height: 1.15; // 1\n    -webkit-text-size-adjust: 100%; // 2\n  }\n\n  // Sections\n  // ==========================================================================\n\n  // Remove the margin in all browsers.\n\n  body {\n    margin: 0;\n  }\n\n  // Correct the font size and margin on `h1` elements within `section` and\n  // `article` contexts in Chrome, Firefox, and Safari.\n\n  h1 {\n    font-size: 2em;\n    margin: 0.67em 0;\n  }\n\n  // Grouping content\n  // ==========================================================================\n\n  // 1. Add the correct box sizing in Firefox.\n  // 2. Show the overflow in Edge and IE.\n\n  hr {\n    box-sizing: content-box; // 1\n    height: 0; // 1\n    overflow: visible; // 2\n  }\n\n  // 1. Correct the inheritance and scaling of font size in all browsers.\n  // 2. Correct the odd `em` font sizing in all browsers.\n\n  pre {\n    font-family: monospace, monospace; // 1\n    font-size: 1em; // 2\n  }\n\n  // Text-level semantics\n  // ==========================================================================\n\n  // Remove the gray background on active links in IE 10.\n\n  a {\n    background-color: transparent;\n  }\n\n  // 1. Remove the bottom border in Chrome 57-\n  // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n\n  abbr[title] {\n    border-bottom: none; // 1\n    text-decoration: underline; // 2\n    text-decoration: underline dotted; // 2\n  }\n\n  // Add the correct font weight in Chrome, Edge, and Safari.\n\n  b,\n  strong {\n    font-weight: bolder;\n  }\n\n  // 1. Correct the inheritance and scaling of font size in all browsers.\n  // 2. Correct the odd `em` font sizing in all browsers.\n\n  code,\n  kbd,\n  samp {\n    font-family: monospace, monospace; // 1\n    font-size: 1em; // 2\n  }\n\n  // Add the correct font size in all browsers.\n\n  small {\n    font-size: 80%;\n  }\n\n  // Prevent `sub` and `sup` elements from affecting the line height in\n  // all browsers.\n\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n\n  sub {\n    bottom: -0.25em;\n  }\n\n  sup {\n    top: -0.5em;\n  }\n\n  // Embedded content\n  // ==========================================================================\n\n  // Remove the border on images inside links in IE 10.\n\n  img {\n    border-style: none;\n  }\n\n  // Forms\n  // ==========================================================================\n\n  // 1. Change the font styles in all browsers.\n  // 2. Remove the margin in Firefox and Safari.\n\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit; // 1\n    font-size: 100%; // 1\n    line-height: 1.15; // 1\n    margin: 0; // 2\n  }\n\n  // Show the overflow in IE.\n  // 1. Show the overflow in Edge.\n\n  button,\n  input { // 1\n    overflow: visible;\n  }\n\n  // Remove the inheritance of text transform in Edge, Firefox, and IE.\n  // 1. Remove the inheritance of text transform in Firefox.\n\n  button,\n  select { // 1\n    text-transform: none;\n  }\n\n  // Correct the inability to style clickable types in iOS and Safari.\n\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    -webkit-appearance: button;\n  }\n\n  // Remove the inner border and padding in Firefox.\n\n  button::-moz-focus-inner,\n  [type=\"button\"]::-moz-focus-inner,\n  [type=\"reset\"]::-moz-focus-inner,\n  [type=\"submit\"]::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n  }\n\n  // Restore the focus styles unset by the previous rule.\n\n  button:-moz-focusring,\n  [type=\"button\"]:-moz-focusring,\n  [type=\"reset\"]:-moz-focusring,\n  [type=\"submit\"]:-moz-focusring {\n    outline: 1px dotted ButtonText;\n  }\n\n  // Correct the padding in Firefox.\n\n  fieldset {\n    padding: 0.35em 0.75em 0.625em;\n  }\n\n  // 1. Correct the text wrapping in Edge and IE.\n  // 2. Correct the color inheritance from `fieldset` elements in IE.\n  // 3. Remove the padding so developers are not caught out when they zero out\n  //    `fieldset` elements in all browsers.\n\n  legend {\n    box-sizing: border-box; // 1\n    color: inherit; // 2\n    display: table; // 1\n    max-width: 100%; // 1\n    padding: 0; // 3\n    white-space: normal; // 1\n  }\n\n  // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  // Remove the default vertical scrollbar in IE 10+.\n\n  textarea {\n    overflow: auto;\n  }\n\n  // 1. Add the correct box sizing in IE 10.\n  // 2. Remove the padding in IE 10.\n\n  [type=\"checkbox\"],\n  [type=\"radio\"] {\n    box-sizing: border-box; // 1\n    padding: 0; // 2\n  }\n\n  // Correct the cursor style of increment and decrement buttons in Chrome.\n\n  [type=\"number\"]::-webkit-inner-spin-button,\n  [type=\"number\"]::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  // 1. Correct the odd appearance in Chrome and Safari.\n  // 2. Correct the outline style in Safari.\n\n  [type=\"search\"] {\n    -webkit-appearance: textfield; // 1\n    outline-offset: -2px; // 2\n  }\n\n  // Remove the inner padding in Chrome and Safari on macOS.\n\n  [type=\"search\"]::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  // 1. Correct the inability to style clickable types in iOS and Safari.\n  // 2. Change font properties to `inherit` in Safari.\n\n  ::-webkit-file-upload-button {\n    -webkit-appearance: button; // 1\n    font: inherit; // 2\n  }\n\n  // Interactive\n  // ==========================================================================\n\n  // Add the correct display in Edge, IE 10+, and Firefox.\n\n  details {\n    display: block;\n  }\n\n  // Add the correct display in all browsers.\n\n  summary {\n    display: list-item;\n  }\n\n  // Misc\n  // ==========================================================================\n\n  // Add the correct display in IE 10+.\n\n  template {\n    display: none;\n  }\n\n  // Add the correct display in IE 10.\n\n  [hidden] {\n    display: none;\n  }\n}\n","///\n/// Checks whether `$functions` exist in global scope.\n///\n/// @access private\n///\n/// @param {ArgList} $functions - list of functions to check for\n///\n/// @return {Bool} Whether or not there are missing dependencies\n///\n \n@function sl-missing-dependencies($functions...) {\n  $missing-dependencies: ();\n  \n  @each $function in $functions {\n    @if not function-exists($function) {\n      $missing-dependencies: append($missing-dependencies, $function, comma);\n    }\n  }\n  \n  @if length($missing-dependencies) > 0 {\n    @error 'Unmet dependencies! The following functions are required: #{$missing-dependencies}.';\n  }\n\n  @return length($missing-dependencies) > 0;\n}\n","///\n/// Returns truthiness of `$value`.\n///\n/// @access private\n///\n/// @param {*} $value - value to check\n///\n/// @return {Bool}\n///\n \n@function sl-is-true($value) {\n  @return if($value == null, false, $value and $value != null and $value != '' and $value != ());\n}\n","///\n/// Returns whether `$list` contains `$value`.\n///\n/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-contain\n///\n/// @param {List}    $list  - list to check\n/// @param {*}       $value - value to look for\n///\n/// @example\n/// sl-contain(a b c, a)\n/// // true\n///\n/// @example\n/// sl-contain(a b c, z)\n/// // false\n///\n/// @return {Bool}\n///\n\n@function sl-contain($list, $value) {\n  @return not not index($list, $value);\n}\n\n///\n/// @requires sl-contain\n/// @alias sl-contain\n///\n \n@function sl-include($list, $value) {\n  @return sl-contain($list, $value);\n}\n","/// Removes all false and null values from `$list`.\n///\n/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-purge\n///\n/// @requires sl-is-true\n/// @requires sl-to-list\n///\n/// @param {List} $list - list to purge\n///\n/// @example\n/// sl-purge(null a false b)\n/// // a b\n///\n/// @return {List}\n///\n\n@function sl-purge($list) {\n  $_: sl-missing-dependencies('sl-is-true', 'sl-to-list');\n  \n  $result: ();\n\n  @each $item in $list {\n    @if sl-is-true($item) {\n      $result: append($result, $item, list-separator($list));\n    }\n  }\n\n  @return sl-to-list($result);\n}\n\n///\n/// @requires sl-purge\n/// @alias sl-purge\n///\n \n@function sl-clean($list) {\n  @return sl-purge($list);\n}\n","///\n/// Removes value(s) `$value` from `$list`.\n///\n/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-remove\n///\n/// @requires sl-replace\n///\n/// @param {List}    $list      - list to update\n/// @param {*}       $value     - value to remove\n///\n/// @example\n/// sl-remove(a b c, a)\n/// // b c\n///\n/// @return {List}\n///\n\n@function sl-remove($list, $value) {\n  $_: sl-missing-dependencies('sl-replace');\n\n  @return sl-replace($list, $value, null);\n}\n\n///\n/// @requires sl-remove\n/// @alias sl-remove\n///\n\n@function sl-without($list, $value) {\n  @return sl-remove($list, $value);\n}\n","///\n/// Replaces `$old` by `$new` in `$list`.\n///\n/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-replace\n///\n/// @requires sl-is-true\n/// @requires sl-purge\n/// @requires sl-to-list\n///\n/// @param {List}    $list  - list to update\n/// @param {*}       $old   - value to replace\n/// @param {*}       $value - new value for $old\n///\n/// @example\n/// sl-replace(a b c, b, z)\n/// // a z c\n///\n/// @example\n/// sl-replace(a b c, y, z)\n/// // a b c\n/// \n/// @return {List}\n///\n \n@function sl-replace($list, $old, $value) {\n  $_: sl-missing-dependencies('sl-is-true', 'sl-purge', 'sl-to-list');\n\n  $running: true;\n\n  @while $running {\n    $index: index($list, $old);\n\n    @if not $index {\n      $running: false;\n    }\n\n    @else {\n      $list: set-nth($list, $index, $value);\n    }\n\n  }\n\n  $list: if(sl-is-true($value), $list, sl-purge($list));\n  \n  @return sl-to-list($list);\n}\n","///\n/// Casts `$value` into a list.\n///\n/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-to-list\n///\n/// @param {*} $value - value to cast to list\n/// @param {String} $separator [space] - separator to use\n///\n/// @example\n/// sl-to-list(a b c, comma)\n/// // a, b, c\n/// \n/// @return {List}\n///\n\n@function sl-to-list($value, $separator: list-separator($value)) {\n  @return join((), $value, $separator);\n}\n\n///\n/// @requires sl-to-list\n/// @alias sl-to-list\n///\n\n@function sl-listify($value) {\n  @return sl-to-list($value);\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n@import 'math';\n@import 'unit';\n@import 'value';\n@import 'direction';\n@import 'color';\n@import 'selector';\n@import 'flex';\n@import 'breakpoint';\n@import 'mixins';\n@import 'typography';\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n// sass-lint:disable no-color-literals, no-qualifying-elements\n\n////\n/// @group global\n////\n\n@import 'util/util';\n\n/// Font size attribute applied to `<html>` and `<body>`. We use 100% by default so the value is inherited from the user's browser settings.\n/// @type Number\n$global-font-size: 100% !default;\n\n/// Global width of your site. Used by the grid to determine row width.\n/// @type Number\n$global-width: rem-calc(1200) !default;\n\n/// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px\n/// @type Number\n$global-lineheight: 1.5 !default;\n\n/// Colors used for buttons, callouts, links, etc. There must always be a color called `primary`.\n/// @type Map\n$foundation-palette: (\n  primary: #1779ba,\n  secondary: #767676,\n  success: #3adb76,\n  warning: #ffae00,\n  alert: #cc4b37,\n) !default;\n\n/// Color used for light gray UI items.\n/// @type Color\n$light-gray: #e6e6e6 !default;\n\n/// Color used for medium gray UI items.\n/// @type Color\n$medium-gray: #cacaca !default;\n\n/// Color used for dark gray UI items.\n/// @type Color\n$dark-gray: #8a8a8a !default;\n\n/// Color used for black ui items.\n/// @type Color\n$black: #0a0a0a !default;\n\n/// Color used for white ui items.\n/// @type Color\n$white: #fefefe !default;\n\n/// Background color of the body.\n/// @type Color\n$body-background: $white !default;\n\n/// Text color of the body.\n/// @type Color\n$body-font-color: $black !default;\n\n/// Font stack of the body.\n/// @type List\n$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !default;\n\n/// Set to `true` to enable antialiased type, using the `-webkit-font-smoothing` and `-moz-osx-font-smoothing` CSS properties.\n/// @type Boolean\n$body-antialiased: true !default;\n\n/// Global value used for margin on components.\n/// @type Number\n$global-margin: 1rem !default;\n\n/// Global value used for padding on components.\n/// @type Number\n$global-padding: 1rem !default;\n\n/// Global value used for positioning on components.\n/// @type Number\n$global-position: 1rem !default;\n\n/// Global font weight used for normal type.\n/// @type Keyword | Number\n$global-weight-normal: normal !default;\n\n/// Global font weight used for bold type.\n/// @type Keyword | Number\n$global-weight-bold: bold !default;\n\n/// Global value used for all elements that have a border radius.\n/// @type Number\n$global-radius: 0 !default;\n\n/// Global value used for all menu styles. Can be overwritten at individual menu component level.\n/// @type Number\n$global-menu-padding: 0.7rem 1rem !default;\n\n/// Global value used for all menu styles. Nested margin for submenu.\n$global-menu-nested-margin: 1rem !default;\n\n/// Sets the text direction of the CSS. Can be either `ltr` or `rtl`.\n/// @type Keyword\n$global-text-direction: ltr !default;\n\n/// Enables flexbox for components that support it.\n/// @type Boolean\n$global-flexbox: true !default;\n\n/// Enabled responsive breakpoints for prototypes if applicable\n/// @type Boolean\n$global-prototype-breakpoints: false !default;\n\n/// Button cursor's value, `auto` by default\n/// @type Keyword\n$global-button-cursor: auto !default;\n\n@if not map-has-key($foundation-palette, primary) {\n  @error 'In $foundation-palette, you must have a color named \"primary\".';\n}\n\n// Internal variables used for text direction\n$global-left: if($global-text-direction == rtl, right, left);\n$global-right: if($global-text-direction == rtl, left, right);\n\n// Internal variable that contains the flex justifying options\n$-zf-flex-justify: -zf-flex-justify($global-text-direction);\n\n/// Global tolerance for color pick contrast.\n/// @type Number\n$global-color-pick-contrast-tolerance: 0 !default;\n\n// Internal variables used for colors\n@include add-foundation-colors;\n\n@mixin foundation-global-styles {\n  @include foundation-normalize;\n\n  // These styles are applied to a <meta> tag, which is read by the Foundation JavaScript\n  .foundation-mq {\n    font-family: '#{-zf-bp-serialize($breakpoints)}';\n  }\n\n  html {\n    box-sizing: border-box;\n    font-size: $global-font-size;\n  }\n\n  // Set box-sizing globally to handle padding and border widths\n  *,\n  *::before,\n  *::after {\n    box-sizing: inherit;\n  }\n\n  // Default body styles\n  body {\n    margin: 0;\n    padding: 0;\n\n    background: $body-background;\n\n    font-family: $body-font-family;\n    font-weight: $global-weight-normal;\n    line-height: $global-lineheight;\n    color: $body-font-color;\n\n    @if ($body-antialiased) {\n      -webkit-font-smoothing: antialiased; // sass-lint:disable-line no-vendor-prefixes\n      -moz-osx-font-smoothing: grayscale; // sass-lint:disable-line no-vendor-prefixes\n    }\n  }\n\n  img {\n    // Get rid of gap under images by making them display: inline-block; by default\n    display: inline-block;\n    vertical-align: middle;\n\n    // Grid defaults to get images and embeds to work properly\n    max-width: 100%;\n    height: auto;\n    -ms-interpolation-mode: bicubic;\n  }\n\n  // Make sure textarea takes on height automatically\n  textarea {\n    height: auto;\n    min-height: 50px;\n    border-radius: $global-radius;\n  }\n\n  // Make select elements are 100% width by default\n  select {\n    box-sizing: border-box;\n    width: 100%;\n    border-radius: $global-radius;\n  }\n\n  // Styles Google Maps and MapQuest embeds properly\n  // sass-lint:disable-line no-ids\n  .map_canvas,\n  .mqa-display {\n    img,\n    embed,\n    object {\n      max-width: none !important;\n    }\n  }\n\n  // Reset <button> styles created by most browsers\n  button {\n    @include disable-mouse-outline;\n    padding: 0;\n    appearance: none;\n    border: 0;\n    border-radius: $global-radius;\n    background: transparent;\n    line-height: 1;\n    cursor: $global-button-cursor;\n  }\n\n  // Prevent text overflow on pre\n  pre {\n    overflow: auto;\n  }\n\n  // Make reset inherit font-family instead of settings sans-serif\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit;\n  }\n\n  // Internal classes to show/hide elements in JavaScript\n  .is-visible {\n    display: block !important;\n  }\n\n  .is-hidden {\n    display: none !important;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n/// Global spacing for form elements.\n/// @type Number\n$form-spacing: rem-calc(16) !default;\n\n@import 'text';\n@import 'checkbox';\n@import 'label';\n@import 'help-text';\n@import 'input-group';\n@import 'fieldset';\n@import 'select';\n@import 'range';\n@import 'progress';\n@import 'meter';\n@import 'error';\n\n@mixin foundation-forms {\n  @include foundation-form-text;\n  @include foundation-form-checkbox;\n  @include foundation-form-label;\n  @include foundation-form-helptext;\n  @include foundation-form-prepostfix;\n  @include foundation-form-fieldset;\n  @include foundation-form-select;\n  @include foundation-form-error;\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n/// Font color of text inputs.\n/// @type Color\n$input-color: $black !default;\n\n/// Font color of placeholder text within text inputs.\n/// @type Color\n$input-placeholder-color: $medium-gray !default;\n\n/// Font family of text inputs.\n/// @type Font\n$input-font-family: inherit !default;\n\n/// Font size of text inputs.\n/// @type Number\n$input-font-size: rem-calc(16) !default;\n\n/// Font weight of text inputs.\n/// @type Keyword\n$input-font-weight: $global-weight-normal !default;\n\n/// Line height of text inputs.\n/// @type Keyword\n$input-line-height: $global-lineheight !default;\n\n/// Background color of text inputs.\n/// @type Color\n$input-background: $white !default;\n\n/// Background color of focused of text inputs.\n/// @type Color\n$input-background-focus: $white !default;\n\n/// Background color of disabled text inputs.\n/// @type Color\n$input-background-disabled: $light-gray !default;\n\n/// Border around text inputs.\n/// @type Border\n$input-border: 1px solid $medium-gray !default;\n\n/// Border around focused text inputs.\n/// @type Color\n$input-border-focus: 1px solid $dark-gray !default;\n\n/// Padding of text inputs.\n/// @type Color\n$input-padding: $form-spacing / 2 !default;\n\n/// Box shadow inside text inputs when not focused.\n/// @type Shadow\n$input-shadow: inset 0 1px 2px rgba($black, 0.1) !default;\n\n/// Box shadow outside text inputs when focused.\n/// @type Shadow\n$input-shadow-focus: 0 0 5px $medium-gray !default;\n\n/// Cursor to use when hovering over a disabled text input.\n/// @type Cursor\n$input-cursor-disabled: not-allowed !default;\n\n/// Properties to transition on text inputs.\n/// @type Transition\n$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out !default;\n\n/// Enables the up/down buttons that Chrome and Firefox add to `<input type='number'>` elements.\n/// @type Boolean\n$input-number-spinners: true !default;\n\n/// Radius for text inputs.\n/// @type Border\n$input-radius: $global-radius !default;\n\n/// Border radius for form buttons, defaulted to global-radius.\n/// @type Number\n$form-button-radius: $global-radius !default;\n\n@mixin form-element {\n  $height: ($input-font-size * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);\n\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  height: $height;\n  margin: 0 0 $form-spacing;\n  padding: $input-padding;\n\n  border: $input-border;\n  border-radius: $input-radius;\n  background-color: $input-background;\n  box-shadow: $input-shadow;\n\n  font-family: $input-font-family;\n  font-size: $input-font-size;\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n\n  @if has-value($input-transition) {\n    transition: $input-transition;\n  }\n\n  // Focus state\n  &:focus {\n    outline: none;\n    border: $input-border-focus;\n    background-color: $input-background-focus;\n    box-shadow: $input-shadow-focus;\n\n    @if has-value($input-transition) {\n      transition: $input-transition;\n    }\n  }\n}\n\n@mixin foundation-form-text {\n  // Text inputs\n  #{text-inputs()},\n  textarea {\n    @include form-element;\n    appearance: none;\n  }\n\n  // Text areas\n  textarea {\n    max-width: 100%;\n\n    &[rows] {\n      height: auto;\n    }\n  }\n\n  input,\n  textarea {\n    // Disabled/readonly state\n    &:disabled,\n    &[readonly] {\n      background-color: $input-background-disabled;\n      cursor: $input-cursor-disabled;\n    }\n  }\n\n  // Reset styles on button-like inputs\n  [type='submit'],\n  [type='button'] {\n    appearance: none;\n    border-radius: $form-button-radius;\n  }\n\n  // Reset Normalize setting content-box to search elements\n  input[type='search'] { // sass-lint:disable-line no-qualifying-elements\n    box-sizing: border-box;\n  }\n\n  // Number input styles\n  [type='number'] {\n    @if not $input-number-spinners {\n      -moz-appearance: textfield; // sass-lint:disable-line no-vendor-prefixes\n\n      &::-webkit-inner-spin-button,\n      &::-webkit-outer-spin-button {\n        -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefixes\n        margin: 0;\n      }\n    }\n  }\n\n  // Placeholder text\n  ::placeholder {\n    color: $input-placeholder-color;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n@mixin foundation-form-checkbox {\n  [type='file'],\n  [type='checkbox'],\n  [type='radio'] {\n    margin: 0 0 $form-spacing;\n  }\n\n  // Styles for input/label siblings\n  [type='checkbox'] + label,\n  [type='radio'] + label {\n    display: inline-block;\n    vertical-align: baseline;\n\n    margin-#{$global-left}: $form-spacing * 0.5;\n    margin-#{$global-right}: $form-spacing;\n    margin-bottom: 0;\n\n    &[for] {\n      cursor: pointer;\n    }\n  }\n\n  // Styles for inputs inside labels\n  label > [type='checkbox'],\n  label > [type='radio'] {\n    margin-#{$global-right}: $form-spacing * 0.5;\n  }\n\n  // Normalize file input width\n  [type='file'] {\n    width: 100%;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n/// Color for form labels.\n/// @type Color\n$form-label-color: $black !default;\n\n/// Font size for form labels.\n/// @type Number\n$form-label-font-size: rem-calc(14) !default;\n\n/// Font weight for form labels.\n/// @type Keyword\n$form-label-font-weight: $global-weight-normal !default;\n\n/// Line height for form labels. The higher the number, the more space between the label and its input field.\n/// @type Number\n$form-label-line-height: 1.8 !default;\n\n@mixin form-label {\n  display: block;\n  margin: 0;\n\n  font-size: $form-label-font-size;\n  font-weight: $form-label-font-weight;\n  line-height: $form-label-line-height;\n  color: $form-label-color;\n}\n\n@mixin form-label-middle {\n  $input-border-width: get-border-value($input-border, width);\n\n  margin: 0 0 $form-spacing;\n  padding: ($form-spacing / 2 + rem-calc($input-border-width)) 0;\n}\n\n@mixin foundation-form-label {\n  label {\n    @include form-label;\n\n    &.middle {\n      @include form-label-middle;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n/// Default color for help text.\n/// @type Color\n$helptext-color: $black !default;\n\n/// Default font size for help text.\n/// @type Number\n$helptext-font-size: rem-calc(13) !default;\n\n/// Default font style for help text.\n/// @type Keyword\n$helptext-font-style: italic !default;\n\n@mixin foundation-form-helptext {\n  .help-text {\n    $margin-top: ($form-spacing * 0.5) * -1;\n\n    margin-top: $margin-top;\n    font-size: $helptext-font-size;\n    font-style: $helptext-font-style;\n    color: $helptext-color;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n/// Color of labels prefixed to an input.\n/// @type Color\n$input-prefix-color: $black !default;\n\n/// Background color of labels prefixed to an input.\n/// @type Color\n$input-prefix-background: $light-gray !default;\n\n/// Border around labels prefixed to an input.\n/// @type Border\n$input-prefix-border: 1px solid $medium-gray !default;\n\n/// Left/right padding of an pre/postfixed input label\n$input-prefix-padding: 1rem !default;\n\n@mixin foundation-form-prepostfix {\n  $height: ($input-font-size * $input-line-height) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);\n\n  .input-group {\n    display: if($global-flexbox, flex, table);\n    width: 100%;\n    margin-bottom: $form-spacing;\n\n    @if $global-flexbox {\n      align-items: stretch;\n    }\n\n    > :first-child {\n      &, &.input-group-button > * {\n        border-radius: if($global-text-direction == rtl, 0 $input-radius $input-radius 0, $input-radius 0 0 $input-radius);\n      }\n    }\n\n    > :last-child {\n      &, &.input-group-button > * {\n        border-radius: if($global-text-direction == rtl, $input-radius 0 0 $input-radius, 0 $input-radius $input-radius 0);\n      }\n    }\n  }\n\n  %input-group-child {\n    margin: 0;\n    white-space: nowrap;\n\n    @if not $global-flexbox {\n      display: table-cell;\n      vertical-align: middle;\n    }\n  }\n\n  .input-group-label {\n    @extend %input-group-child;\n    padding: 0 $input-prefix-padding;\n    border: $input-prefix-border;\n    background: $input-prefix-background;\n\n    color: $input-prefix-color;\n    text-align: center;\n    white-space: nowrap;\n\n    @if $global-flexbox {\n      display: flex;\n      flex: 0 0 auto;\n      align-items: center;\n    }\n    @else {\n      width: 1%;\n      height: 100%;\n    }\n\n    @if has-value($input-prefix-border) {\n      &:first-child {\n        border-#{$global-right}: 0;\n      }\n\n      &:last-child {\n        border-#{$global-left}: 0;\n      }\n    }\n  }\n\n  .input-group-field {\n    @extend %input-group-child;\n    border-radius: 0;\n\n    @if $global-flexbox {\n      flex: 1 1 0px; // sass-lint:disable-line zero-unit\n      min-width: 0;\n    }\n  }\n\n  .input-group-button {\n    @extend %input-group-child;\n    padding-top: 0;\n    padding-bottom: 0;\n    text-align: center;\n\n    @if $global-flexbox {\n      display: flex;\n      flex: 0 0 auto;\n    }\n    @else {\n      width: 1%;\n      height: 100%;\n    }\n\n    a,\n    input,\n    button,\n    label {\n      @extend %input-group-child;\n\n      @if $global-flexbox {\n        align-self: stretch;\n        height: auto;\n      }\n      @else {\n        height: $height;\n      }\n      padding-top: 0;\n      padding-bottom: 0;\n      font-size: $input-font-size;\n    }\n  }\n\n  // Specificity bump needed to prevent override by buttons\n  @if not $global-flexbox {\n    .input-group {\n      .input-group-button {\n        display: table-cell;\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n/// Default border around custom fieldsets.\n/// @type Border\n$fieldset-border: 1px solid $medium-gray !default;\n\n/// Default padding inside custom fieldsets.\n/// @type Number\n$fieldset-padding: rem-calc(20) !default;\n\n/// Default margin around custom fieldsets.\n/// @type Number\n$fieldset-margin: rem-calc(18 0) !default;\n\n/// Default padding between the legend text and fieldset border.\n/// @type Number\n$legend-padding: rem-calc(0 3) !default;\n\n@mixin fieldset {\n  margin: $fieldset-margin;\n  padding: $fieldset-padding;\n  border: $fieldset-border;\n\n  legend {\n    // Covers up the fieldset's border to create artificial padding\n    margin: 0;\n    margin-#{$global-left}: rem-calc(-3);\n    padding: $legend-padding;\n  }\n}\n\n@mixin foundation-form-fieldset {\n  fieldset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n\n  legend {\n    max-width: 100%;\n    margin-bottom: $form-spacing * 0.5;\n  }\n\n  .fieldset {\n    @include fieldset;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group forms\n////\n\n/// Background color for select menus.\n/// @type Color\n$select-background: $white !default;\n\n/// Color of the dropdown triangle inside select menus. Set to `transparent` to remove it entirely.\n/// @type Color\n$select-triangle-color: $dark-gray !default;\n\n/// Default radius for select menus.\n/// @type Color\n$select-radius: $global-radius !default;\n\n@mixin form-select {\n  $height: ($input-font-size * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);\n\n  height: $height;\n  margin: 0 0 $form-spacing;\n  padding: $input-padding;\n\n  appearance: none;\n  border: $input-border;\n  border-radius: $select-radius;\n  background-color: $select-background;\n\n  font-family: $input-font-family;\n  font-size: $input-font-size;\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n\n  @if $select-triangle-color != transparent {\n    @include background-triangle($select-triangle-color);\n    background-origin: content-box;\n    background-position: $global-right (-$form-spacing) center;\n    background-repeat: no-repeat;\n    background-size: 9px 6px;\n\n    padding-#{$global-right}: ($form-spacing * 1.5);\n  }\n\n  @if has-value($input-transition) {\n    transition: $input-transition;\n  }\n\n  // Focus state\n  &:focus {\n    outline: none;\n    border: $input-border-focus;\n    background-color: $input-background-focus;\n    box-shadow: $input-shadow-focus;\n\n    @if has-value($input-transition) {\n      transition: $input-transition;\n    }\n  }\n\n  // Disabled state\n  &:disabled {\n    background-color: $input-background-disabled;\n    cursor: $input-cursor-disabled;\n  }\n\n  // Hide the dropdown arrow shown in newer IE versions\n  &::-ms-expand {\n    display: none;\n  }\n\n  &[multiple] {\n    height: auto;\n    background-image: none;\n  }\n  &:not([multiple]) {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n}\n\n@mixin foundation-form-select {\n  select {\n    @include form-select;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group slider\n////\n\n/// Default height of the slider.\n/// @type Number\n$slider-height: 0.5rem !default;\n\n/// Default background color of the slider's track.\n/// @type Color\n$slider-background: $light-gray !default;\n\n/// Default color of the active fill color of the slider.\n/// @type Color\n$slider-fill-background: $medium-gray !default;\n\n/// Default height of the handle of the slider.\n/// @type Number\n$slider-handle-height: 1.4rem !default;\n\n/// Default width of the handle of the slider.\n/// @type Number\n$slider-handle-width: 1.4rem !default;\n\n/// Default color of the handle for the slider.\n/// @type Color\n$slider-handle-background: $primary-color !default;\n\n/// Default fade amount of a disabled slider.\n/// @type Number\n$slider-opacity-disabled: 0.25 !default;\n\n/// Default radius for slider.\n/// @type Number\n$slider-radius: $global-radius !default;\n\n@mixin foundation-range-input {\n  input[type='range'] {  // sass-lint:disable-line no-qualifying-elements\n    $margin: ($slider-handle-height - $slider-height) / 2;\n\n    display: block;\n    width: 100%;\n    height: auto;\n    margin-top: $margin;\n    margin-bottom: $margin;\n\n    appearance: none;\n    border: 0;\n    line-height: 1;\n    cursor: pointer;\n\n    @if has-value($slider-radius) {\n      border-radius: $slider-radius;\n    }\n\n    &:focus {\n      outline: 0;\n    }\n\n    &[disabled] {\n      opacity: $slider-opacity-disabled;\n    }\n\n    // sass-lint:disable no-vendor-prefix\n\n    // Chrome/Safari\n    &::-webkit-slider-runnable-track {\n      height: $slider-height;\n      background: $slider-background;\n    }\n\n    &::-webkit-slider-thumb {\n      width: $slider-handle-width;\n      height: $slider-handle-height;\n      margin-top: -$margin;\n\n      -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefixes\n      background: $slider-handle-background;\n\n      @if has-value($slider-radius) {\n        border-radius: $slider-radius;\n      }\n    }\n\n    // Firefox\n    &::-moz-range-track {\n      height: $slider-height;\n      -moz-appearance: none; // sass-lint:disable-line no-vendor-prefixes\n      background: $slider-background;\n    }\n\n    &::-moz-range-thumb {\n      width: $slider-handle-width;\n      height: $slider-handle-height;\n      margin-top: -$margin;\n\n      -moz-appearance: none; // sass-lint:disable-line no-vendor-prefixes\n      background: $slider-handle-background;\n\n      @if has-value($slider-radius) {\n        border-radius: $slider-radius;\n      }\n    }\n\n    // Internet Explorer\n    &::-ms-track {\n      height: $slider-height;\n\n      border: 0;\n      border-top: $margin solid $body-background;\n      border-bottom: $margin solid $body-background;\n      background: $slider-background;\n\n      overflow: visible;\n      color: transparent;\n    }\n\n    &::-ms-thumb {\n      width: $slider-handle-width;\n      height: $slider-handle-height;\n      border: 0;\n      background: $slider-handle-background;\n\n      @if has-value($slider-radius) {\n        border-radius: $slider-radius;\n      }\n    }\n\n    &::-ms-fill-lower {\n      background: $slider-fill-background;\n    }\n\n    &::-ms-fill-upper {\n      background: $slider-background;\n    }\n\n    @at-root {\n      output {\n        vertical-align: middle;\n        margin-left: 0.5em;\n        line-height: $slider-handle-height;\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group progress-bar\n////\n\n/// Height of a progress bar.\n/// @type Number\n$progress-height: 1rem !default;\n\n/// Background color of a progress bar.\n/// @type Color\n$progress-background: $medium-gray !default;\n\n/// Bottom margin of a progress bar.\n/// @type Number\n$progress-margin-bottom: $global-margin !default;\n\n/// Default color of a progress bar's meter.\n/// @type Color\n$progress-meter-background: $primary-color !default;\n\n/// Default radius of a progress bar.\n/// @type Number\n$progress-radius: $global-radius !default;\n\n@mixin foundation-progress-element {\n  progress {\n    display: block;\n    width: 100%;\n    height: $progress-height;\n    margin-bottom: $progress-margin-bottom;\n\n    appearance: none;\n\n    @if has-value($progress-radius) {\n      border-radius: $progress-radius;\n    }\n\n    // For Firefox\n    border: 0;\n    background: $progress-background;\n\n    &::-webkit-progress-bar {\n      background: $progress-background;\n\n      @if has-value($progress-radius) {\n        border-radius: $progress-radius;\n      }\n    }\n\n    &::-webkit-progress-value {\n      background: $progress-meter-background;\n\n      @if has-value($progress-radius) {\n        border-radius: $progress-radius;\n      }\n    }\n\n    &::-moz-progress-bar {\n      background: $progress-meter-background;\n\n      @if has-value($progress-radius) {\n        border-radius: $progress-radius;\n      }\n    }\n\n    @each $name, $color in $foundation-palette {\n      &.#{$name} {\n        // Internet Explorer sets the fill with color\n        color: $color;\n\n        &::-webkit-progress-value {\n          background: $color;\n        }\n\n        &::-moz-progress-bar {\n          background: $color;\n        }\n      }\n    }\n\n    // For IE and Edge\n    &::-ms-fill { // sass-lint:disable-line no-vendor-prefixes\n      @if has-value($progress-radius) {\n        border-radius: $progress-radius;\n      }\n\n      border: 0;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group meter\n////\n\n/// Height of a `<meter>` element.\n/// @type Length\n$meter-height: 1rem !default;\n\n/// Border radius of a `<meter>` element.\n/// @type Length\n$meter-radius: $global-radius !default;\n\n/// Background color of a `<meter>` element.\n/// @type Color\n$meter-background: $medium-gray !default;\n\n/// Meter fill for an optimal value in a `<meter>` element.\n/// @type Color\n$meter-fill-good: $success-color !default;\n\n/// Meter fill for an average value in a `<meter>` element.\n/// @type Color\n$meter-fill-medium: $warning-color !default;\n\n/// Meter fill for a suboptimal value in a `<meter>` element.\n/// @type Color\n$meter-fill-bad: $alert-color !default;\n\n@mixin foundation-meter-element {\n  meter {\n    display: block;\n    width: 100%;\n    height: $meter-height;\n    margin-bottom: 1rem;\n\n    // Disable `-webkit-appearance: none` from getting prefixed,\n    // We have disabled autoprefixer first and are just only using \n    // `-moz-appearance: none` as a prefix and neglecting the webkit.\n    \n    /*! autoprefixer: off */\n    -moz-appearance: none; // sass-lint:disable-line no-vendor-prefixes\n    appearance: none;\n\n    @if has-value($meter-radius) {\n      border-radius: $meter-radius;\n    }\n\n    // For Firefox\n    border: 0;\n    background: $meter-background;\n\n    // Chrome/Safari/Edge\n    &::-webkit-meter-bar {\n      border: 0;\n      @if has-value($meter-radius) {\n        border-radius: $meter-radius;\n      }\n\n      background: $meter-background;\n    }\n\n    &::-webkit-meter-inner-element {\n      @if has-value($meter-radius) {\n        border-radius: $meter-radius;\n      }\n    }\n\n    &::-webkit-meter-optimum-value {\n      background: $meter-fill-good;\n\n      @if has-value($meter-radius) {\n        border-radius: $meter-radius;\n      }\n    }\n\n    &::-webkit-meter-suboptimum-value {\n      background: $meter-fill-medium;\n\n      @if has-value($meter-radius) {\n        border-radius: $meter-radius;\n      }\n    }\n\n    &::-webkit-meter-even-less-good-value {\n      background: $meter-fill-bad;\n\n      @if has-value($meter-radius) {\n        border-radius: $meter-radius;\n      }\n    }\n\n    &::-moz-meter-bar {\n      background: $primary-color;\n\n      @if has-value($meter-radius) {\n        border-radius: $meter-radius;\n      }\n    }\n\n    &:-moz-meter-optimum::-moz-meter-bar {\n      background: $meter-fill-good;\n    }\n\n    &:-moz-meter-sub-optimum::-moz-meter-bar {\n      background: $meter-fill-medium;\n    }\n\n    &:-moz-meter-sub-sub-optimum::-moz-meter-bar {\n      background: $meter-fill-bad;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group abide\n////\n\n/// Sets if error styles should be added to inputs.\n/// @type Boolean\n$abide-inputs: true !default;\n\n/// Sets if error styles should be added to labels.\n/// @type Boolean\n$abide-labels: true !default;\n\n/// Background color to use for invalid text inputs.\n/// @type Color\n$input-background-invalid: get-color(alert) !default;\n\n/// Color to use for labels of invalid inputs.\n/// @type Color\n$form-label-color-invalid: get-color(alert) !default;\n\n/// Default font color for form error text.\n/// @type Color\n$input-error-color: get-color(alert) !default;\n\n/// Default font size for form error text.\n/// @type Number\n$input-error-font-size: rem-calc(12) !default;\n\n/// Default font weight for form error text.\n/// @type Keyword\n$input-error-font-weight: $global-weight-bold !default;\n\n/// Styles the background and border of an input field to have an error state.\n///\n/// @param {Color} $background [$alert-color] - Color to use for the background and border.\n/// @param {Number} $background-lighten [10%] - Lightness level of the background color.\n@mixin form-input-error(\n  $background: $input-background-invalid,\n  $background-lighten: 10%\n) {\n  &:not(:focus) {\n    border-color: $background;\n    background-color: mix($background, $white, $background-lighten);\n\n    &::placeholder {\n      color: $background;\n    }\n  }\n}\n\n/// Adds error styles to a form element, using the values in the settings file.\n@mixin form-error {\n  display: none;\n  margin-top: $form-spacing * -0.5;\n  margin-bottom: $form-spacing;\n\n  font-size: $input-error-font-size;\n  font-weight: $input-error-font-weight;\n  color: $input-error-color;\n}\n\n@mixin foundation-form-error {\n  @if $abide-inputs {\n    // Error class for invalid inputs\n    .is-invalid-input {\n      @include form-input-error;\n    }\n  }\n\n  @if $abide-labels {\n    // Error class for labels of invalid outputs\n    .is-invalid-label {\n      color: $form-label-color-invalid;\n    }\n  }\n\n  // Form error element\n  .form-error {\n    @include form-error;\n\n    &.is-visible {\n      display: block;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group typography\n////\n\n// Base typography styles (tags only)\n@import 'base';\n\n// Typography helper classes (classes only)\n@import 'helpers';\n\n// Text alignment classes\n@import 'alignment';\n\n// Print styles\n@import 'print';\n\n@mixin foundation-typography {\n  @include foundation-typography-base;\n  @include foundation-typography-helpers;\n  @include foundation-text-alignment;\n  @include foundation-print-styles;\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group typography-base\n////\n\n// Base Typography\n// - - - - - - - - - - - - - - -\n// These are styles applied to basic HTML tags, including:\n//   - Paragraphs <p>\n//   - Bold/italics <b> <strong> <i> <em>\n//   - Small text <small>\n//   - Headings <h1>-<h6>\n//   - Anchors <a>\n//   - Dividers <hr>\n//   - Lists <ul> <ol> <dl>\n//   - Blockquotes <blockquote>\n//   - Code blocks <code>\n//   - Abbreviations <abbr>\n//   - Citations <cite>\n//   - Keystrokes <kbd>\n\n/// Font family for header elements.\n/// @type String | List\n$header-font-family: $body-font-family !default;\n\n/// Font weight of headers.\n/// @type String\n$header-font-weight: $global-weight-normal !default;\n\n/// Font style (e.g. italicized) of headers.\n/// @type String\n$header-font-style: normal !default;\n\n/// Font stack used for elements that use monospaced type, such as code samples\n/// @type String | List\n$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace !default;\n\n/// Color of headers.\n/// @type Color\n$header-color: inherit !default;\n\n/// Line height of headers.\n/// @type Number\n$header-lineheight: 1.4 !default;\n\n/// Bottom margin of headers.\n/// @type Number\n$header-margin-bottom: 0.5rem !default;\n\n/// Styles for headings at various screen sizes. Each key is a breakpoint, and each value is a map of heading styles.\n/// @type Map\n$header-styles: (\n  small: (\n    'h1': ('font-size': 24),\n    'h2': ('font-size': 20),\n    'h3': ('font-size': 19),\n    'h4': ('font-size': 18),\n    'h5': ('font-size': 17),\n    'h6': ('font-size': 16),\n  ),\n  medium: (\n    'h1': ('font-size': 48),\n    'h2': ('font-size': 40),\n    'h3': ('font-size': 31),\n    'h4': ('font-size': 25),\n    'h5': ('font-size': 20),\n    'h6': ('font-size': 16),\n  ),\n) !default;\n\n// $header-styles map is built from $header-sizes in order to ensure downward compatibility\n// when $header-sizes is depreciated, $header-styles needs to get !default values like settings.scss\n@function build_from_header-sizes($header-sizes) {\n  @warn 'Note, that $header-sizes has been replaced with $header-styles. $header-sizes still works, but it is going to be depreciated.';\n  $header-styles: ();\n  @each $size, $headers in $header-sizes {\n    $header-map: ();\n    @each $header, $font-size in $headers {\n      $header-map: map-merge($header-map, ($header: ('font-size': $font-size)));\n    }\n    $header-styles: map-merge($header-styles, ($size: $header-map));\n  }\n  @return $header-styles;\n}\n\n// If it exists $headers-sizes is used to build $header-styles. See the documentation.\n@if variable-exists(header-sizes) {\n  $header-styles: build_from_header-sizes($header-sizes);\n}\n\n/// Text rendering method of headers.\n/// @type String\n$header-text-rendering: optimizeLegibility !default;\n\n/// Font size of `<small>` elements.\n/// @type Number\n$small-font-size: 80% !default;\n\n/// Color of `<small>` elements when placed inside headers.\n/// @type Color\n$header-small-font-color: $medium-gray !default;\n\n/// Line height of text inside `<p>` elements.\n/// @type Number\n$paragraph-lineheight: 1.6 !default;\n\n/// Bottom margin of paragraphs.\n/// @type Number\n$paragraph-margin-bottom: 1rem !default;\n\n/// Text rendering method for paragraph text.\n/// @type String\n$paragraph-text-rendering: optimizeLegibility !default;\n\n/// Use the `.code-inline` component as default for `<code>` elements.\n/// @type Boolean\n$enable-code-inline: true;\n\n/// Default color for links.\n/// @type Color\n$anchor-color: $primary-color !default;\n\n/// Default color for links on hover.\n/// @type Color\n$anchor-color-hover: scale-color($anchor-color, $lightness: -14%) !default;\n\n/// Default text decoration for links.\n/// @type String\n$anchor-text-decoration: none !default;\n\n/// Default text decoration for links on hover.\n/// @type String\n$anchor-text-decoration-hover: none !default;\n\n/// Maximum width of a divider.\n/// @type Number\n$hr-width: $global-width !default;\n\n/// Default border for a divider.\n/// @type List\n$hr-border: 1px solid $medium-gray !default;\n\n/// Default margin for a divider.\n/// @type Number | List\n$hr-margin: rem-calc(20) auto !default;\n\n/// Line height for items in a list.\n/// @type Number\n$list-lineheight: $paragraph-lineheight !default;\n\n/// Bottom margin for items in a list.\n/// @type Number\n$list-margin-bottom: $paragraph-margin-bottom !default;\n\n/// Bullet type to use for unordered lists (e.g., `square`, `circle`, `disc`).\n/// @type String\n$list-style-type: disc !default;\n\n/// Positioning for bullets on unordered list items.\n/// @type String\n$list-style-position: outside !default;\n\n/// Left (or right) margin for lists.\n/// @type Number\n$list-side-margin: 1.25rem !default;\n\n/// Left (or right) margin for a list inside a list.\n/// @type Number\n$list-nested-side-margin: 1.25rem !default;\n\n/// Bottom margin for `<dl>` elements.\n/// @type Number\n$defnlist-margin-bottom: 1rem !default;\n\n/// Font weight for `<dt>` elements.\n/// @type String\n$defnlist-term-weight: $global-weight-bold !default;\n\n/// Spacing between `<dt>` and `<dd>` elements.\n/// @type Number\n$defnlist-term-margin-bottom: 0.3rem !default;\n\n/// Text color of `<blockquote>` elements.\n/// @type Color\n$blockquote-color: $dark-gray !default;\n\n/// Padding inside a `<blockquote>` element.\n/// @type Number | List\n$blockquote-padding: rem-calc(9 20 0 19) !default;\n\n/// Side border for `<blockquote>` elements.\n/// @type List\n$blockquote-border: 1px solid $medium-gray !default;\n\n/// Use the `.cite-block` component as default for `<cite>` elements.\n/// @type Boolean\n$enable-cite-block: true;\n\n/// Font family for `<kbd>` elements.\n/// @type String | List\n$keystroke-font: $font-family-monospace !default;\n\n/// Text color for `<kbd>` elements.\n/// @type Color\n$keystroke-color: $black !default;\n\n/// Background color for `<kbd>` elements.\n/// @type Color\n$keystroke-background: $light-gray !default;\n\n/// Padding for `<kbd>` elements.\n/// @type Number | List\n$keystroke-padding: rem-calc(2 4 0) !default;\n\n/// Border radius for `<kbd>` elements.\n/// @type Number | List\n$keystroke-radius: $global-radius !default;\n\n/// Bottom border style for `<abbr>` elements.\n/// @type List\n$abbr-underline: 1px dotted $black !default;\n\n@mixin foundation-typography-base {\n  // Typography resets\n  div,\n  dl,\n  dt,\n  dd,\n  ul,\n  ol,\n  li,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  pre,\n  form,\n  p,\n  blockquote,\n  th,\n  td {\n    margin: 0;\n    padding: 0;\n  }\n\n  // Paragraphs\n  p {\n    margin-bottom: $paragraph-margin-bottom;\n\n    font-size: inherit;\n    line-height: $paragraph-lineheight;\n    text-rendering: $paragraph-text-rendering;\n  }\n\n  // Emphasized text\n  em,\n  i {\n    font-style: italic;\n    line-height: inherit;\n  }\n\n  // Strong text\n  strong,\n  b {\n    font-weight: $global-weight-bold;\n    line-height: inherit;\n  }\n\n  // Small text\n  small {\n    font-size: $small-font-size;\n    line-height: inherit;\n  }\n\n  // Headings\n  h1, .h1,\n  h2, .h2,\n  h3, .h3,\n  h4, .h4,\n  h5, .h5,\n  h6, .h6 {\n    font-family: $header-font-family;\n    font-style: $header-font-style;\n    font-weight: $header-font-weight;\n    color: $header-color;\n    text-rendering: $header-text-rendering;\n\n    small {\n      line-height: 0;\n      color: $header-small-font-color;\n    }\n  }\n\n  // Heading styles\n  @each $size, $headers in $header-styles {\n    @include breakpoint($size) {\n      @each $header, $header-defs in $headers {\n        $font-size-temp: 1rem;\n        #{$header}, .#{$header} {\n\n          @if map-has-key($header-defs, font-size) {\n            $font-size-temp: rem-calc(map-get($header-defs, font-size));\n            font-size: $font-size-temp;\n          } @else if map-has-key($header-defs, fs) {\n            $font-size-temp: rem-calc(map-get($header-defs, fs));\n            font-size: $font-size-temp;\n          } @else if $size == $-zf-zero-breakpoint {\n            font-size: $font-size-temp;\n          }\n          @if map-has-key($header-defs, line-height) {\n            line-height: unitless-calc(map-get($header-defs, line-height), $font-size-temp);\n          } @else if map-has-key($header-defs, lh) {\n            line-height: unitless-calc(map-get($header-defs, lh), $font-size-temp);\n          } @else if $size == $-zf-zero-breakpoint {\n            line-height: unitless-calc($header-lineheight, $font-size-temp);\n          }\n\n          @if map-has-key($header-defs, margin-top) {\n            margin-top: rem-calc(map-get($header-defs, margin-top));\n          } @else if map-has-key($header-defs, mt) {\n            margin-top: rem-calc(map-get($header-defs, mt));\n          } @else if $size == $-zf-zero-breakpoint {\n            margin-top: 0;\n          }\n          @if map-has-key($header-defs, margin-bottom) {\n            margin-bottom: rem-calc(map-get($header-defs, margin-bottom));\n          } @else if map-has-key($header-defs, mb) {\n            margin-bottom: rem-calc(map-get($header-defs, mb));\n          } @else if $size == $-zf-zero-breakpoint {\n            margin-bottom: rem-calc($header-margin-bottom);\n          }\n        }\n      }\n    }\n  }\n\n  // Links\n  a {\n    line-height: inherit;\n    color: $anchor-color;\n    text-decoration: $anchor-text-decoration;\n\n    cursor: pointer;\n\n    &:hover,\n    &:focus {\n      color: $anchor-color-hover;\n      @if $anchor-text-decoration-hover != $anchor-text-decoration {\n        text-decoration: $anchor-text-decoration-hover;\n      }\n    }\n\n    img {\n      border: 0;\n    }\n  }\n\n  // Horizontal rule\n  hr {\n    clear: both;\n\n    max-width: $hr-width;\n    height: 0;\n    margin: $hr-margin;\n\n    border-top: 0;\n    border-right: 0;\n    border-bottom: $hr-border;\n    border-left: 0;\n  }\n\n  // Lists\n  ul,\n  ol,\n  dl {\n    margin-bottom: $list-margin-bottom;\n    list-style-position: $list-style-position;\n    line-height: $list-lineheight;\n  }\n\n  // List items\n  li {\n    font-size: inherit;\n  }\n\n  // Unordered lists\n  ul {\n    margin-#{$global-left}: $list-side-margin;\n    list-style-type: $list-style-type;\n  }\n\n  // Ordered lists\n  ol {\n    margin-#{$global-left}: $list-side-margin;\n  }\n\n  // Nested unordered/ordered lists\n  ul, ol {\n    & & {\n      margin-#{$global-left}: $list-nested-side-margin;\n      margin-bottom: 0;\n    }\n  }\n\n  // Definition lists\n  dl {\n    margin-bottom: $defnlist-margin-bottom;\n\n    dt {\n      margin-bottom: $defnlist-term-margin-bottom;\n      font-weight: $defnlist-term-weight;\n    }\n  }\n\n  // Blockquotes\n  blockquote {\n    margin: 0 0 $paragraph-margin-bottom;\n    padding: $blockquote-padding;\n    border-#{$global-left}: $blockquote-border;\n\n    &, p {\n      line-height: $paragraph-lineheight;\n      color: $blockquote-color;\n    }\n  }\n\n  // Inline Citations\n  @if ($enable-cite-block == true) {\n    cite {\n      // Extending a class is not recommended.\n      // TODO: Break the typography-base/typography-helpers separation\n      @extend .cite-block;\n    }\n  }\n\n  // Abbreviations\n  abbr, abbr[title] {\n    border-bottom: $abbr-underline;\n    cursor: help;\n    text-decoration: none;\n  }\n\n  // Figures\n  figure {\n    margin: 0;\n  }\n\n  // Code\n  @if ($enable-code-inline == true) {\n    code {\n      @extend .code-inline;\n    }\n  }\n\n  // Keystrokes\n  kbd {\n    margin: 0;\n    padding: $keystroke-padding;\n\n    background-color: $keystroke-background;\n\n    font-family: $keystroke-font;\n    color: $keystroke-color;\n\n    @if has-value($keystroke-radius) {\n      border-radius: $keystroke-radius;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group typography-helpers\n////\n\n/// Default font size for lead paragraphs.\n/// @type Number\n$lead-font-size: $global-font-size * 1.25 !default;\n\n/// Default line height for lead paragraphs.\n/// @type String\n$lead-lineheight: 1.6 !default;\n\n/// Default line height for subheaders.\n/// @type Number\n$subheader-lineheight: 1.4 !default;\n\n/// Default font color for subheaders.\n/// @type Color\n$subheader-color: $dark-gray !default;\n\n/// Default font weight for subheaders.\n/// @type String\n$subheader-font-weight: $global-weight-normal !default;\n\n/// Default top margin for subheaders.\n/// @type Number\n$subheader-margin-top: 0.2rem !default;\n\n/// Default bottom margin for subheaders.\n/// @type Number\n$subheader-margin-bottom: 0.5rem !default;\n\n/// Default font size for statistic numbers.\n/// @type Number\n$stat-font-size: 2.5rem !default;\n\n/// Text color for `.cite-block` component.\n/// @type Color\n$cite-color: $dark-gray !default;\n\n/// Font size for `.cite-block` component.\n/// @type Number\n$cite-font-size: rem-calc(13) !default;\n\n/// Pseudo content for `.cite-block` component.\n/// @type String\n$cite-pseudo-content: '\\2014 \\0020' !default;\n\n/// Text color of `.code-inline` and `.code-block` components.\n/// @type Color\n$code-color: $black !default;\n\n/// Font family of `.code-inline` and `.code-block` components.\n/// @type String | List\n$code-font-family: $font-family-monospace !default;\n\n/// Font weight of text in `.code-inline` and `.code-block` components.\n/// @type String\n$code-font-weight: $global-weight-normal !default;\n\n/// Background color of `.code-inline` and `.code-block` components.\n/// @type Color\n$code-background: $light-gray !default;\n\n/// Border around `.code-inline` and `.code-block` components.\n/// @type List\n$code-border: 1px solid $medium-gray !default;\n\n/// Padding around text of the `.code-inline` component.\n/// @type Number | List\n$code-padding: rem-calc(2 5 1) !default;\n\n/// Padding around text of the `.code-block` component.\n/// @type Number | List\n$code-block-padding: 1rem !default;\n\n/// Margin under the `.code-block` component.\n/// @type Number\n$code-block-margin-bottom: 1.5rem !default;\n\n@mixin cite-block {\n  display: block;\n  color: $cite-color;\n  font-size: $cite-font-size;\n\n  &:before {\n    content: $cite-pseudo-content;\n  }\n}\n\n/// Add basic styles for a code helper.\n/// See `code-inline` and `code-block` mixins.\n@mixin code-style {\n  border: $code-border;\n  background-color: $code-background;\n\n  font-family: $code-font-family;\n  font-weight: $code-font-weight;\n  color: $code-color;\n}\n\n/// Make code helper from the `code-style` mixin inline.\n/// Used to generate `.code-inline`\n@mixin code-inline {\n  display: inline;\n  max-width: 100%;\n  word-wrap: break-word;\n\n  padding: $code-padding;\n}\n\n/// Make code helper from the `code-style` mixin a block.\n/// Used to generate `.code-block`\n@mixin code-block {\n  display: block;\n  overflow: auto;\n  white-space: pre;\n\n  padding: $code-block-padding;\n  margin-bottom: $code-block-margin-bottom;\n}\n\n@mixin foundation-typography-helpers {\n  // Use to create a subheading under a main header\n  // Make sure you pair the two elements in a <header> element, like this:\n  // <header>\n  //   <h1>Heading</h1>\n  //   <h2>Subheading</h2>\n  // </header>\n  .subheader {\n    margin-top: $subheader-margin-top;\n    margin-bottom: $subheader-margin-bottom;\n\n    font-weight: $subheader-font-weight;\n    line-height: $subheader-lineheight;\n    color: $subheader-color;\n  }\n\n  // Use to style an introductory lead, deck, blurb, etc.\n  .lead {\n    font-size: $lead-font-size;\n    line-height: $lead-lineheight;\n  }\n\n  // Use to style a large number to display a statistic\n  .stat {\n    font-size: $stat-font-size;\n    line-height: 1;\n\n    p + & {\n      margin-top: -1rem;\n    }\n  }\n\n  ul, ol {\n    // Use to remove numbers from ordered list & bullets from unordered list\n    &.no-bullet {\n      margin-#{$global-left}: 0;\n      list-style: none;\n    }\n  }\n\n  .cite-block {\n    @include cite-block;\n  }\n\n  .code-inline {\n    @include code-style;\n    @include code-inline;\n  }\n\n  .code-block {\n    @include code-style;\n    @include code-block;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n@mixin foundation-text-alignment {\n  @each $size in $breakpoint-classes {\n    @include breakpoint($size) {\n      @each $align in (left, right, center, justify) {\n        @if $size != $-zf-zero-breakpoint {\n          .#{$size}-text-#{$align} {\n            text-align: $align;\n          }\n        }\n        @else {\n          .text-#{$align} {\n            text-align: $align;\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n/// If `true`, all elements will have transparent backgrounds when printed, to save on ink.\n/// @type Boolean\n/// @group global\n$print-transparent-backgrounds: true !default;\n\n/// If `true`, displays next to all links their \"href\" when printed.\n/// @type Boolean\n/// @group global\n$print-hrefs: true !default;\n\n// sass-lint:disable-all\n\n@mixin foundation-print-styles {\n  .show-for-print { display: none !important; }\n\n  @media print {\n    * {\n      // Ensure a \"black-on-white\" print by removing backgrounds,\n      // using black text everywhere and forcing the browser to economize ink.\n      @if $print-transparent-backgrounds {\n        background: transparent !important;\n        color: black !important; // Black prints faster: h5bp.com/s\n        color-adjust: economy;\n      }\n      // Otherwise, prevent any economy by the browser.\n      @else {\n        color-adjust: exact;\n      }\n\n      box-shadow: none !important;\n      text-shadow: none !important;\n    }\n\n    .show-for-print { display: block !important; }\n    .hide-for-print { display: none !important; }\n\n    table.show-for-print { display: table !important; }\n    thead.show-for-print { display: table-header-group !important; }\n    tbody.show-for-print { display: table-row-group !important; }\n    tr.show-for-print { display: table-row !important; }\n    td.show-for-print { display: table-cell !important; }\n    th.show-for-print { display: table-cell !important; }\n\n    // Display the URL of a link after the text\n    a,\n    a:visited { text-decoration: underline;}\n    @if $print-hrefs {\n      a[href]:after { content: ' (' attr(href) ')'; }\n    }\n\n    // Don't display the URL for images or JavaScript/internal links\n    .ir a:after,\n    a[href^='javascript:']:after,\n    a[href^='#']:after { content: ''; }\n\n    // Display what an abbreviation stands for after the text\n    abbr[title]:after { content: ' (' attr(title) ')'; }\n\n    // Prevent page breaks in the middle of a blockquote or preformatted text block\n    pre,\n    blockquote {\n      border: 1px solid $dark-gray;\n      page-break-inside: avoid;\n    }\n\n    // h5bp.com/t\n    thead { display: table-header-group; }\n\n    tr,\n    img { page-break-inside: avoid; }\n\n    img { max-width: 100% !important; }\n\n    @page { margin: 0.5cm; }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    // Avoid page breaks after a heading\n    h2,\n    h3 { page-break-after: avoid; }\n\n    // Helper to re-allow page breaks in the middle of certain elements (e.g. pre, blockquote, tr)\n    .print-break-inside {\n      page-break-inside: auto;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// The maximum width of a row.\n/// @type Number\n$grid-row-width: $global-width !default;\n\n/// The default column count of a grid. Changing this value affects the logic of the grid mixins, and the number of CSS classes output.\n/// @type Number\n$grid-column-count: 12 !default;\n\n/// The amount of space between columns at different screen sizes. To use just one size, set the variable to a number instead of a map.\n/// @type Map | Length\n/// @since 6.1.0\n$grid-column-gutter: (\n  small: 20px,\n  medium: 30px,\n) !default;\n\n/// If `true`, the last column in a row will align to the opposite edge of the row.\n/// @type Boolean\n$grid-column-align-edge: true !default;\n\n/// Selector used for an alias of column (with @extend). If `false`, no alias is created.\n/// @type String\n$grid-column-alias: 'columns' !default;\n\n/// The highest number of `.x-up` classes available when using the block grid CSS.\n/// @type Number\n$block-grid-max: 8 !default;\n\n// Internal value to store the end column float direction\n$-zf-end-float: if($grid-column-align-edge, $global-right, $global-left);\n\n@import 'row';\n@import 'column';\n@import 'size';\n@import 'position';\n@import 'gutter';\n@import 'classes';\n@import 'layout';\n\n@import 'flex-grid';\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Change the behavior of columns defined inside this mixin to use a different column count.\n/// @content\n///\n/// @param {Number} $columns - Number of columns to use.\n/// @param {Boolean} $root [false]\n///   If `false`, selectors inside this mixin will nest inside the parent selector.\n///   If `true`, selectors will not nest.\n@mixin grid-context(\n  $columns,\n  $root: false\n) {\n  // Store the current column count so it can be re-set later\n  $old-grid-column-count: $grid-column-count;\n  $grid-column-count: $columns !global;\n\n  @if $root {\n    @at-root { @content; }\n  }\n  @else {\n    @content;\n  }\n\n  // Restore the old column count\n  $grid-column-count: $old-grid-column-count !global;\n}\n\n/// Creates a grid row.\n/// @content\n///\n/// @param {Number} $columns [null] - Column count for this row. `null` will use the default column count.\n/// @param {Keywords} $behavior [null]\n///   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.\n/// @param {Keyword|Number} $size [$grid-row-width] Maximum size of the row. Set to `expand` to make the row taking the full width.\n/// @param {Boolean} $cf [true] - Whether or not to include a clearfix.\n/// @param {Number|Map} $gutters [$grid-column-gutter] - Gutter map or single value to use when inverting margins. Responsive gutter settings by default.\n@mixin grid-row(\n  $columns: null,\n  $behavior: null,\n  $size: $grid-row-width,\n  $cf: true,\n  $gutters: $grid-column-gutter\n) {\n  $margin: auto;\n\n  @if index($behavior, nest) != null {\n    @include grid-row-nest($gutters);\n\n    @if index($behavior, collapse) != null {\n      margin-right: 0;\n      margin-left: 0;\n    }\n  }\n  @else {\n    @include grid-row-size($size);\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  @if $cf {\n    @include clearfix;\n  }\n\n  @if $columns != null {\n    @include grid-context($columns) {\n      @content;\n    }\n  }\n}\n\n/// Inverts the margins of a row to nest it inside of a column.\n///\n/// @param {Number|Map} $gutters [$grid-column-gutter] - Gutter map or single value to use when inverting margins. Responsive gutter settings by default.\n@mixin grid-row-nest($gutters: $grid-column-gutter) {\n  @include -zf-each-breakpoint {\n    $margin: rem-calc(-zf-get-bp-val($gutters, $-zf-size)) / 2 * -1;\n\n    margin-right: $margin;\n    margin-left: $margin;\n  }\n}\n\n/// Set a grid row size\n///\n/// @param {Keyword|Number} $size [$grid-row-width] Maximum size of the row. Set to `expand` to make the row taking the full width.\n@mixin grid-row-size($size: $grid-row-width) {\n  @if $size == expand {\n    $size: none;\n  }\n\n  max-width: $size;\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Calculates the width of a column based on a number of factors.\n///\n/// @param {Number|List} $columns\n///   Width of the column. Accepts multiple values:\n///   - A percentage value will make the column that exact size.\n///   - A single digit will make the column span that number of columns wide, taking into account the column count of the parent row.\n///   - A list of the format \"x of y\" (without quotes) will make a column that is *x* columns wide, assuming *y* total columns for the parent.\n///\n/// @returns {Number} A calculated percentage value.\n@function grid-column($columns) {\n  @return fraction-to-percentage($columns, $denominator: $grid-column-count);\n}\n\n/// Creates a grid column.\n///\n/// @param {Mixed} $columns [$grid-column-count] - Width of the column. Refer to the `grid-column()` function to see possible values.\n/// @param {Mixed} $gutters [$grid-column-gutter] - Spacing between columns. Refer to the `grid-column-gutter()` function to see possible values.\n@mixin grid-column(\n  $columns: $grid-column-count,\n  $gutters: $grid-column-gutter\n) {\n  @include grid-column-size($columns);\n  float: $global-left;\n\n  // Gutters\n  @include grid-column-gutter($gutters: $gutters);\n\n  // Position\n  @include grid-col-pos(auto);\n}\n\n/// Creates a grid column row. This is the equivalent of adding `.row` and `.column` to the same element.\n///\n/// @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.\n@mixin grid-column-row(\n  $gutters: $grid-column-gutter\n) {\n  @include grid-row;\n  @include grid-column($gutters: $gutters);\n\n  &,\n  &:last-child {\n    float: none;\n  }\n}\n\n/// Shorthand for `grid-column()`.\n/// @alias grid-column\n@function grid-col(\n  $columns: $grid-column-count\n) {\n  @return grid-column($columns);\n}\n\n/// Shorthand for `grid-column()`.\n/// @alias grid-column\n@mixin grid-col(\n  $columns: $grid-column-count,\n  $gutters: $grid-column-gutter\n) {\n  @include grid-column($columns, $gutters);\n}\n\n/// Shorthand for `grid-column-row()`.\n/// @alias grid-column-row\n@mixin grid-col-row(\n  $gutters: $grid-column-gutter\n) {\n  @include grid-column-row($gutters);\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Set the width of a grid column.\n///\n/// @param {Number|List} $width [$grid-column-count] - Width to make the column. You can pass in any value accepted by the `grid-column()` function, such as `6`, `50%`, or `1 of 2`.\n@mixin grid-column-size(\n  $columns: $grid-column-count\n) {\n  width: grid-column($columns);\n}\n\n/// Shorthand for `grid-column-size()`.\n/// @alias grid-column-size\n@mixin grid-col-size(\n  $columns: $grid-column-count\n) {\n  @include grid-column-size($columns);\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Reposition a column.\n///\n/// @param {Number|Keyword} $position - It can be:\n///   * A number: The column will move equal to the width of the column count\n///     specified. A positive number will push the column to the right, while\n///     a negative number will pull it to the left.\n///   * `center`: Column will be centered\n///   * `auto`: Column will be pushed to the left (or to the right for the last column).\n@mixin grid-column-position($position) {\n  // Auto positioning\n  @if $position == auto {\n    &, &:last-child:not(:first-child) {\n      float: $global-left;\n      clear: none;\n    }\n\n    // Last column alignment\n    @if $grid-column-align-edge {\n      &:last-child:not(:first-child) {\n        float: $global-right;\n      }\n    }\n  }\n\n  // Push/pull\n  @else if type-of($position) == 'number' {\n    $offset: percentage($position / $grid-column-count);\n\n    position: relative;\n    #{$global-left}: $offset;\n  }\n\n  // Center positioning\n  @else if $position == center {\n    &, &:last-child:not(:first-child) {\n      float: none;\n      clear: both;\n    }\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  @else {\n    @warn 'Wrong syntax for grid-column-position(). Enter a positive or negative number, \"center\" or \"auto\".';\n  }\n}\n\n/// Reset a position definition.\n@mixin grid-column-unposition {\n  @include grid-column-position(auto);\n  position: static;\n  margin-right: 0;\n  margin-left: 0;\n}\n\n/// Offsets a column to the right by `$n` columns.\n/// @param {Number|List} $n - Width to offset by. You can pass in any value accepted by the `grid-column()` mixin, such as `6`, `50%`, or `1 of 2`.\n@mixin grid-column-offset($n) {\n  margin-#{$global-left}: grid-column($n);\n}\n\n/// Disable the default behavior of the last column in a row aligning to the opposite edge.\n@mixin grid-column-end {\n  // This extra specificity is required for the property to be applied\n  &:last-child:last-child {\n    float: $global-left;\n  }\n}\n\n/// Shorthand for `grid-column-position()`.\n/// @alias grid-column-position\n@mixin grid-col-pos($position) {\n  @include grid-column-position($position);\n}\n\n/// Shorthand for `grid-column-unposition()`.\n/// @alias grid-column-unposition\n@mixin grid-col-unpos {\n  @include grid-column-unposition;\n}\n\n/// Shorthand for `grid-column-offset()`.\n/// @alias grid-column-offset\n@mixin grid-col-off($n) {\n  @include grid-column-offset($n);\n}\n\n/// Shorthand for `grid-column-end()`.\n/// @alias grid-column-end\n@mixin grid-col-end {\n  @include grid-column-end;\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Set the gutters on a column\n/// @param {Number|Keyword} $gutter [auto]\n///   Spacing between columns, accepts multiple values:\n///   - A single value will make the gutter that exact size.\n///   - A breakpoint name will make the gutter the corresponding size in the $gutters map.\n///   - \"auto\" will make the gutter responsive, using the $gutters map values.\n/// @param {Number|Map} $gutters [$grid-column-gutter] - Gutter map or single value to use. Responsive gutter settings by default.\n@mixin grid-column-gutter(\n  $gutter: auto,\n  $gutters: $grid-column-gutter\n) {\n  @include -zf-breakpoint-value($gutter, $gutters) {\n    $padding: rem-calc($-zf-bp-value) / 2;\n\n    padding-right: $padding;\n    padding-left: $padding;\n  }\n}\n\n/// 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.\n@mixin grid-column-collapse {\n  @include grid-column-gutter(0);\n}\n\n/// Shorthand for `grid-column-gutter()`.\n/// @alias grid-column-gutter\n@mixin grid-col-gutter(\n  $gutter: auto,\n  $gutters: $grid-column-gutter\n) {\n  @include grid-column-gutter($gutter, $gutters);\n}\n\n/// Shorthand for `grid-column-collapse()`.\n/// @alias grid-column-collapse\n@mixin grid-col-collapse {\n  @include grid-column-collapse;\n}\n\n/// Sets bottom margin on grid columns to match gutters\n/// @param {Number|Keyword} $margin [auto]\n///   The bottom margin on grid columns, accepts multiple values:\n///   - A single value will make the margin that exact size.\n///   - A breakpoint name will make the margin the corresponding size in the $margins map.\n///   - \"auto\" will make the margin responsive, using the $margins map values.\n/// @param {Number|Map} $margins [$grid-column-gutter] - Map or single value to use. Responsive gutter settings by default.\n@mixin grid-column-margin (\n  $margin: auto,\n  $margins: $grid-column-gutter\n) {\n  @include -zf-breakpoint-value($margin, $margins) {\n    $margin-bottom: rem-calc($-zf-bp-value);\n    margin-bottom: $margin-bottom;\n\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Outputs CSS classes for the grid.\n/// @access private\n@mixin foundation-grid(\n  $row: 'row',\n  $column: 'column',\n  $column-row: 'column-row',\n  $gutter: 'gutter',\n  $push: 'push',\n  $pull: 'pull',\n  $center: 'centered',\n  $uncenter: 'uncentered',\n  $collapse: 'collapse',\n  $uncollapse: 'uncollapse',\n  $offset: 'offset',\n  $end: 'end',\n  $expanded: 'expanded',\n  $block: 'block'\n) {\n  // Row\n  .#{$row} {\n    @include grid-row;\n\n    // Collapsing\n    &.#{$collapse} {\n      > .#{$column} {\n        @include grid-col-collapse;\n      }\n    }\n\n    // Nesting\n    & .#{$row} {\n      @include grid-row-nest($grid-column-gutter);\n\n      &.#{$collapse} {\n        margin-right: 0;\n        margin-left: 0;\n      }\n    }\n\n    // Expanded (full-width) row\n    &.#{$expanded} {\n      @include grid-row-size(expand);\n\n      .#{$row} {\n        margin-right: auto;\n        margin-left: auto;\n      }\n    }\n\n    &:not(.#{$expanded}) .#{$row} {\n      @include grid-row-size(expand);\n    }\n\n    @if type-of($grid-column-gutter) == 'map' {\n      // Static (unresponsive) row gutters\n      //\n      @each $breakpoint, $value in $grid-column-gutter {\n        &.#{$gutter}-#{$breakpoint} {\n          > .#{$column} {\n            @include grid-col-gutter($value);\n          }\n        }\n      }\n    }\n  }\n\n  // Column\n  .#{$column} {\n    @include grid-col;\n\n    @if $grid-column-align-edge {\n      &.#{$end} {\n        @include grid-col-end;\n      }\n    }\n  }\n\n  // Column row\n  // The double .row class is needed to bump up the specificity\n  .#{$column}.#{$row}.#{$row} {\n    float: none;\n  }\n\n  // To properly nest a column row, padding and margin is removed\n  .#{$row} .#{$column}.#{$row}.#{$row} {\n    margin-right: 0;\n    margin-left: 0;\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  @include -zf-each-breakpoint {\n    @for $i from 1 through $grid-column-count {\n      // Column width\n      .#{$-zf-size}-#{$i} {\n        @include grid-col-size($i);\n      }\n\n      // Source ordering\n      @if $i < $grid-column-count {\n        @if $push {\n          .#{$-zf-size}-#{$push}-#{$i} {\n            @include grid-col-pos($i);\n          }\n        }\n\n        @if $pull {\n          .#{$-zf-size}-#{$pull}-#{$i} {\n            @include grid-col-pos(-$i);\n          }\n        }\n      }\n\n      // Offsets\n      $o: $i - 1;\n\n      @if $offset {\n        .#{$-zf-size}-#{$offset}-#{$o} {\n          @include grid-col-off($o);\n        }\n      }\n    }\n\n    // Block grid\n    @for $i from 1 through $block-grid-max {\n      .#{$-zf-size}-up-#{$i} {\n        @include grid-layout($i, '.#{$column}');\n      }\n    }\n\n    // Responsive collapsing\n    .#{$-zf-size}-#{$collapse} {\n      > .#{$column} { @include grid-col-collapse; }\n\n      .#{$row} {\n        margin-right: 0;\n        margin-left: 0;\n      }\n    }\n\n    .#{$expanded}.#{$row} .#{$-zf-size}-#{$collapse}.#{$row} {\n      margin-right: 0;\n      margin-left: 0;\n    }\n\n    .#{$-zf-size}-#{$uncollapse} {\n      > .#{$column} { @include grid-col-gutter($-zf-size); }\n    }\n\n    // Positioning\n    @if $center {\n      .#{$-zf-size}-#{$center} {\n        @include grid-col-pos(center);\n      }\n    }\n\n    // Gutter adjustment\n    $-gutter-unpos-selector: (\n      if($uncenter, '.#{$-zf-size}-#{$uncenter}', null),\n      if($push, '.#{$-zf-size}-#{$push}-0', null),\n      if($pull, '.#{$-zf-size}-#{$pull}-0', null),\n    );\n    @if ($uncenter or $push or $pull) {\n      #{$-gutter-unpos-selector} {\n        @include grid-col-unpos;\n      }\n    }\n  }\n\n  // Block grid columns\n  .#{$column}-#{$block} {\n    @include grid-column-margin;\n  }\n\n  @if $column == 'column' and has-value($grid-column-alias) {\n    .#{$grid-column-alias} {\n      // sass-lint:disable-block placeholder-in-extend\n      @extend .column;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Sizes child elements so that `$n` number of items appear on each row.\n///\n/// @param {Number} $n - Number of elements to display per row.\n/// @param {String} $selector ['.column'] - Selector(s) to use for child elements.\n/// @param {Number|List} $gutter\n///   The gutter to apply to child elements. Accepts multiple values:\n///   - $grid-column-gutter will use the values in the $grid-column-gutter map, including breakpoint sizes.\n///   - A fixed numeric value will apply this gutter to all breakpoints.\n@mixin grid-layout(\n  $n,\n  $selector: '.column',\n  $gutter: null\n) {\n  & > #{$selector} {\n    float: $global-left;\n    width: percentage(1/$n);\n\n    // If a $gutter value is passed\n    @if($gutter) {\n      // Gutters\n      @if type-of($gutter) == 'map' {\n        @each $breakpoint, $value in $gutter {\n          $padding: rem-calc($value) / 2;\n\n          @include breakpoint($breakpoint) {\n            padding-right: $padding;\n            padding-left: $padding;\n          }\n        }\n      }\n      @else if type-of($gutter) == 'number' and strip-unit($gutter) > 0 {\n        $padding: rem-calc($gutter) / 2;\n        padding-right: $padding;\n        padding-left: $padding;\n      }\n    }\n\n    &:nth-of-type(1n) {\n      clear: none;\n    }\n\n    &:nth-of-type(#{$n}n+1) {\n      clear: both;\n    }\n\n    &:last-child {\n      float: $global-left;\n    }\n  }\n}\n\n/// Adds extra CSS to block grid children so the last items in the row center automatically. Apply this to the columns, not the row.\n///\n/// @param {Number} $n - Number of items that appear in each row.\n@mixin grid-layout-center-last($n) {\n  @for $i from 1 to $n {\n    @if $i == 1 {\n      &:nth-child(#{$n}n+1):last-child {\n        margin-left: (100 - 100/$n * $i) / 2 * 1%;\n      }\n    }\n    @else {\n      &:nth-child(#{$n}n+1):nth-last-child(#{$i}) {\n        margin-left: (100 - 100/$n * $i) / 2 * 1%;\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group flex-grid\n////\n\n/// Creates a container for a flex grid row.\n///\n/// @param {Keyword|List} $behavior [null]\n///   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.\n/// @param {Keyword|Number} $size [$grid-row-width] Maximum size of the row. Set to `expand` to make the row taking the full width.\n/// @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.\n/// @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.\n/// @param {Boolean} $wrap [true] - Set to `false` to have row wrapping behavior set to nowrap\n/// @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.\n@mixin flex-grid-row(\n  $behavior: null,\n  $size: $grid-row-width,\n  $columns: null,\n  $base: true,\n  $wrap: true,\n  $gutters: $grid-column-gutter\n) {\n  $margin: auto;\n  $wrap: if($wrap, wrap, nowrap);\n\n  @if index($behavior, nest) != null {\n    @include grid-row-nest($gutters);\n\n    @if index($behavior, collapse) != null {\n      margin-right: 0;\n      margin-left: 0;\n    }\n  }\n  @else {\n    @include grid-row-size($size);\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  @if $base {\n    display: flex;\n    flex-flow: row $wrap;\n  }\n\n  @if $columns != null {\n    @include grid-context($columns, $base) {\n      @content;\n    }\n  }\n}\n\n/// 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:\n///   - `expand` (the default) will make the column expand to fill space.\n///   - `shrink` will make the column contract, so it only takes up the horizontal space it needs.\n///\n/// @param {Mixed} $columns [expand] - Width of the column.\n@function flex-grid-column($columns: expand) {\n  $flex: 1 1 0px; // sass-lint:disable-line zero-unit\n\n  @if $columns == shrink {\n    $flex: 0 0 auto;\n  }\n  @else if $columns != expand {\n    $flex: 0 0 grid-column($columns);\n  }\n\n  @return $flex;\n}\n\n/// 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.\n///\n/// @param {Mixed} $columns [expand] - Width of the column. Refer to the `flex-grid-column()` function to see possible values.\n/// @param {Number|Map} $gutters [$grid-column-gutter] - Map or single value for gutters width. See the `grid-column-gutter` mixin.\n@mixin flex-grid-column(\n  $columns: expand,\n  $gutters: $grid-column-gutter\n) {\n  // Base properties\n  @include flex-grid-size($columns);\n\n  // Gutters\n  @include grid-column-gutter($gutters: $gutters);\n\n  // fixes recent Chrome version not limiting child width\n  // https://stackoverflow.com/questions/34934586/white-space-nowrap-and-flexbox-did-not-work-in-chrome\n  @if $columns == expand {\n    min-width: 0;\n  }\n}\n\n/// Creates a block grid for a flex grid row.\n///\n/// @param {Number} $n - Number of columns to display on each row.\n/// @param {String} $selector - Selector to use to target columns within the row.\n@mixin flex-grid-layout(\n  $n,\n  $selector: '.column'\n) {\n  flex-wrap: wrap;\n\n  > #{$selector} {\n    $pct: percentage(1/$n);\n\n    flex: 0 0 $pct;\n    max-width: $pct;\n  }\n}\n\n/// Changes the width flex grid column.\n/// @param {Mixed} $columns [expand] - Width of the column. Refer to the `flex-grid-column()` function to see possible values.\n@mixin flex-grid-size($columns: null) {\n  $columns: $columns or expand;\n\n  flex: flex-grid-column($columns);\n\n  // max-width fixes IE 10/11 not respecting the flex-basis property\n  @if $columns != expand and $columns != shrink {\n    max-width: grid-column($columns);\n  }\n}\n\n\n@mixin foundation-flex-grid {\n  // Row\n  .row {\n    @include flex-grid-row;\n\n    // Nesting behavior\n    & .row {\n      @include flex-grid-row(nest, $base: false);\n\n      &.collapse {\n        margin-right: 0;\n        margin-left: 0;\n      }\n    }\n\n    // Expanded row\n    &.expanded {\n      @include grid-row-size(expand);\n\n      .row {\n        margin-right: auto;\n        margin-left: auto;\n      }\n    }\n\n    &:not(.expanded) .row {\n      @include grid-row-size(expand);\n    }\n\n    &.collapse {\n      > .column {\n        @include grid-col-collapse;\n      }\n    }\n\n    // Undo negative margins\n    // From collapsed child\n    &.is-collapse-child,\n    &.collapse > .column > .row {\n      margin-right: 0;\n      margin-left: 0;\n    }\n  }\n\n  // Column\n  .column {\n    @include flex-grid-column;\n  }\n\n  // Column row\n  // The double .row class is needed to bump up the specificity\n  .column.row.row {\n    float: none;\n    display: block;\n  }\n\n  // To properly nest a column row, padding and margin is removed\n  .row .column.row.row {\n    margin-right: 0;\n    margin-left: 0;\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  @include -zf-each-breakpoint {\n    @for $i from 1 through $grid-column-count {\n      // Sizing (percentage)\n      .#{$-zf-size}-#{$i} {\n        flex: flex-grid-column($i);\n        max-width: grid-column($i);\n      }\n\n      // Offsets\n      $o: $i - 1;\n\n      .#{$-zf-size}-offset-#{$o} {\n        @include grid-column-offset($o);\n      }\n    }\n\n    // Block grid\n    @for $i from 1 through $block-grid-max {\n      .#{$-zf-size}-up-#{$i} {\n        @include flex-grid-layout($i);\n      }\n    }\n\n    @if $-zf-size != $-zf-zero-breakpoint {\n      // Sizing (expand)\n      @include breakpoint($-zf-size) {\n        .#{$-zf-size}-expand {\n          flex: flex-grid-column();\n        }\n      }\n\n      // Auto-stacking/unstacking\n      @at-root (without: media) {\n        .row.#{$-zf-size}-unstack {\n          > .column {\n            flex: flex-grid-column(100%);\n\n            @include breakpoint($-zf-size) {\n              flex: flex-grid-column();\n            }\n          }\n        }\n      }\n    }\n\n    // Responsive collapsing\n    .#{$-zf-size}-collapse {\n      > .column { @include grid-col-collapse; }\n    }\n\n    .#{$-zf-size}-uncollapse {\n      > .column { @include grid-col-gutter($-zf-size); }\n    }\n  }\n\n  // Sizing (shrink)\n  .shrink {\n    flex: flex-grid-column(shrink);\n    max-width: 100%;\n  }\n\n  // Block grid columns\n  .column-block {\n    @include grid-column-margin;\n  }\n\n  .columns {\n    @extend .column; // sass-lint:disable-line placeholder-in-extend\n\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n/// Enables the XY grid.\n/// @type Boolean\n$xy-grid: true !default;\n\n/// The maximum width of a grid container.\n/// @type Number\n$grid-container: $global-width !default;\n\n/// The number of columns used in the grid.\n/// @type Number\n$grid-columns: 12 !default;\n\n/// The amount of margin between cells at different screen sizes when using the margin grid. To use just one size, set the variable to a number instead of a map.\n/// @type Map | Length\n$grid-margin-gutters: (\n  small: 20px,\n  medium: 30px\n) !default;\n\n/// The amount of padding in cells at different screen sizes when using the padding grid. To use just one size, set the variable to a number instead of a map.\n/// @type Map | Length\n$grid-padding-gutters: $grid-margin-gutters !default;\n\n/// The amount of padding to use when padding the grid-container.\n/// @type Map | Length\n$grid-container-padding: $grid-padding-gutters !default;\n\n/// The maximum width to apply to a grid container\n/// @type Number\n$grid-container-max: $global-width !default;\n\n/// The maximum number of cells in an XY block grid.\n/// @type Number\n$xy-block-grid-max: 8 !default;\n\n@import 'gutters';\n@import 'grid';\n@import 'cell';\n@import 'frame';\n@import 'position';\n@import 'layout';\n@import 'collapse';\n@import 'classes';\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n/// Create gutters for a cell/container.\n///\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts either margin or padding.\n/// @param {List} $gutter-position [right left] - The position to apply gutters to. Accepts `top`, `bottom`, `left`, `right` in any combination.\n/// @param {Boolean} $negative [false] - Whether to apply the gutter as a negative value. Commonly used for nested grids.\n@mixin xy-gutters(\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $gutter-position: right left,\n  $negative: false\n) {\n  $operator: if($negative, '-', '');\n\n  // If we have declared negative gutters, force type to `margin.\n  $gutter-type: if($negative, 'margin', $gutter-type);\n\n  // Output our margin gutters.\n  @if (type-of($gutters) == 'map') {\n    @include -zf-breakpoint-value(auto, $gutters) {\n      $gutter: rem-calc($-zf-bp-value) / 2;\n\n      // Loop through each gutter position\n      @each $value in $gutter-position {\n        #{$gutter-type}-#{$value}: unquote(\"#{$operator}#{$gutter}\");\n      }\n    }\n  }\n  @else if (type-of($gutters) == 'number') {\n    $gutter: rem-calc($gutters) / 2;\n\n    // Loop through each gutter position\n    @each $value in $gutter-position {\n      #{$gutter-type}-#{$value}: unquote(\"#{$operator}#{$gutter}\");\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n/// Creates a max width container, designed to house your grid content.\n///\n/// @param {Number} $width [$grid-container] - a width to limit the container to.\n/// @param {Number} $padding [$grid-container-padding] - paddings of the container.\n@mixin xy-grid-container(\n  $width: $grid-container,\n  $padding: $grid-container-padding\n) {\n  @include xy-gutters($gutters: $padding, $gutter-type: padding);\n\n  max-width: $width;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n/// Creates a container for your flex cells.\n///\n/// @param {Keyword} $direction [horizontal] - Either horizontal or vertical direction of cells within.\n/// @param {Boolean} $wrap [true] - If the cells within should wrap or not.\n@mixin xy-grid(\n  $direction: horizontal,\n  $wrap: true\n) {\n  $direction: if($direction == 'horizontal', row, column);\n  $wrap: if($wrap, wrap, nowrap);\n\n  display: flex;\n  flex-flow: $direction $wrap;\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n/// Returns the appropriate CSS flex value for a cell base.\n///\n/// @param {Keyword} $size [full] - The size of your cell. Accepts `full`, `auto`, `shrink`, `grow`, or any other value representing a cell size (it will be treated as `shrink`).\n///\n/// @returns {List} The cell flex property value.\n@function xy-cell-base($size: full) {\n  @if ($size == 'auto') {\n    @return 1 1 0px;\n  }\n  @else if ($size == 'grow') {\n    @return 1 0 auto;\n  }\n  @else if ($size == 'shrink' or $size == 'full' or zf-is-fraction($size, $allow-no-denominator: true)) {\n    @return 0 0 auto;\n  }\n  @return null;\n}\n\n/// Calculate the size of a cell gutters.\n///\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If `auto`, returns the responsive gutters map `$gutters`. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n///\n/// @returns {Number|Map} The cell gutter size or the responsive gutters map.\n@function xy-cell-gutters(\n  $gutters: $grid-margin-gutters,\n  $breakpoint: null\n) {\n  // For `auto`, returns the responsive map `$gutters`.\n  @if ($breakpoint == 'auto') {\n    @return $gutters;\n  }\n\n  // Use the contextual breakpoint by default.\n  $breakpoint: -zf-current-breakpoint($breakpoint);\n\n  @if ($breakpoint) {\n    @return -zf-get-bp-val($gutters, $breakpoint);\n  }\n  @else {\n    @return -zf-get-bp-val($gutters, $-zf-zero-breakpoint) or 0;\n  }\n}\n\n/// Returns the percentage size of a cell.\n///\n/// @param {Number|List} $size [$grid-columns] - Size to make the cell. You can pass a value in multiple formats, such as `6`, `50%`, `1 of 2` or `1/3`.\n///\n/// @returns {Number} Size of the cell (in percent).\n@function xy-cell-size(\n  $size: $grid-columns\n) {\n  @return fraction-to-percentage($size, $denominator: $grid-columns);\n}\n\n/// Returns the appropriate CSS value for a cell size.\n///\n/// Gutters-related arguments are required for cells with margin gutters (by default) as the gutter is included in the width.\n///\n/// @param {Keyword|Number} $size [full] - The size of your cell. Can be `full`, `auto`, `shrink` or any fraction like `6`, `50%`, `1 of 2` or `1/2`.\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts `margin`, `padding` or `none`.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If `auto`, returns a map of sizes adapted to responsive gutters. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n///\n/// @returns {Number|String|Map} The cell sizing property value, or a responsive map of them.\n@function xy-cell-size-css(\n  $size: full,\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $breakpoint: null\n) {\n  $margin-gutter: 0;\n\n  @if ($size == 'auto' or $size == 'shrink') {\n    @return auto;\n  }\n\n  // For cells with margin gutters, the gutter is included in the width.\n  @if ($gutter-type == 'margin') {\n    $margin-gutter: xy-cell-gutters($gutters, $breakpoint);\n    @if ($margin-gutter == null) {\n      @error 'xy-cell-size: no gutters were found in `$gutters` for \"$breakpoint: #{$breakpoint}\"';\n    }\n  }\n\n  // Calculate the cell size (number)\n  $size-raw: if($size == 'full', 100%, xy-cell-size($size));\n\n  // Calculate the cell CSS size including gutters (string)\n  // If the cell has responsive margin gutters, return a responsive map of sizes.\n  @if type-of($margin-gutter) == 'map' {\n    $responsive-css-sizes: ();\n\n    @each $bp, $mg in $margin-gutter {\n      $size-css: if($mg == 0, $size-raw, calc(#{$size-raw} - #{rem-calc($mg)}));\n      $responsive-css-sizes: map-merge($responsive-css-sizes, ($bp: $size-css));\n    }\n\n    @return $responsive-css-sizes;\n  }\n  // Otherwise, return a single CSS size.\n  @else {\n    $css-size: if($margin-gutter == 0, $size-raw, calc(#{$size-raw} - #{rem-calc($margin-gutter)}));\n    @return $css-size;\n  }\n}\n\n/// Sets base flex properties for cells.\n///\n/// @param {Keyword} $size [full] - The size of your cell. Accepts `full`, `auto`, `shrink`, `grow`, or any other value representing a cell size (it will be treated as `shrink`).\n@mixin xy-cell-base($size: full) {\n  $base: xy-cell-base($size);\n\n  flex: #{$base};\n\n  // Set base styles for \"full\" only\n  @if($size == 'full') {\n    min-height: 0px;\n    min-width: 0px;\n  }\n}\n\n/// Resets a cells width (or height if vertical is true) as well as strips its gutters.\n///\n/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.\n@mixin xy-cell-reset($vertical: true) {\n  $direction: if($vertical == true, height, width);\n  #{$direction}: auto;\n  max-#{$direction}: none;\n}\n\n/// Sets sizing properties for cells.\n///\n/// Gutters-related arguments are required for cells with margin gutters (by default) as the gutter is included in the width.\n///\n/// @param {Keyword|Number} $size [full] - The size of your cell. Can be `full` (100% width), `auto` (use all available space), `shrink` (use only the required space) or any fraction (`6`, `50%`, `1 of 2` or `1/2`...).\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts `margin`, `padding` or `none`.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If `auto`, generates sizes adapted for responsive gutters. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.\n@mixin xy-cell-size(\n  $size: full,\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $breakpoint: null,\n  $vertical: false\n) {\n  $sizes: xy-cell-size-css($size, $gutters, $gutter-type, $breakpoint);\n  $direction: if($vertical == true, height, width);\n\n  @if (type-of($sizes) == 'map') {\n    @include -zf-breakpoint-value(auto, $sizes) {\n      #{$direction}: $-zf-bp-value;\n    }\n  }\n  @else {\n    #{$direction}: $sizes;\n  }\n}\n\n/// Sets gutters properties for cells.\n///\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts `margin`, `padding` or `none`.\n/// @param {List} $gutter-position [null] - The position to apply gutters to. Accepts `top`, `bottom`, `left`, `right` in any combination. By default `right left` for horizontal cells and `top bottom` for vertical cells.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If `auto`, generates responsive gutters. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n/// @param {Boolean} $vertical [false] - Direction of the gutters to output. See `$gutter-position`.\n@mixin xy-cell-gutters(\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $gutter-position: null,\n  $breakpoint: null,\n  $vertical: false\n) {\n  // Get the default gutter position according to cell direction\n  @if($gutter-position == null) {\n    $gutter-position: if($vertical == true, top bottom, left right);\n  }\n\n  // Get the gutter width for this breakpoint\n  $gutter-width: xy-cell-gutters($gutters, $breakpoint);\n  @if ($gutter-width == null) {\n    @error 'xy-cell-gutters: no gutters were found in `$gutters` for \"$breakpoint: #{$breakpoint}\"';\n  }\n\n  @if ($gutter-type and $gutter-type != none) {\n    @include xy-gutters($gutter-width, $gutter-type, $gutter-position);\n  }\n}\n\n/// Creates a cell for your grid.\n///\n/// @param {Keyword|Number} $size [full] - The size of your cell. Can be `full` (100% width), `auto` (use all available space), `shrink` (use only the required space) or any fraction (`6`, `50%`, `1 of 2` or `1/2`...).\n/// @param {Boolean} $gutter-output [null] - [DEPRECATED] Whether or not to output gutters.\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts `margin`, `padding` or `none`.\n/// @param {List} $gutter-position [null] - The position to apply gutters to. Accepts `top`, `bottom`, `left`, `right` in any combination. By default `right left` for horizontal cells and `top bottom` for vertical cells.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If `auto`, generates responsive gutters. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.\n/// @param {List} $output [(base size gutters)] - Cell parts to output. You will need to generate others parts of the cell seperately, it may not work properly otherwise.\n@mixin xy-cell(\n  $size: full,\n  $gutter-output: null,\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $gutter-position: null,\n  $breakpoint: null,\n  $vertical: false,\n  $output: (base size gutters)\n) {\n  // Default for $gutter-output\n  @if ($gutter-output != null) {\n    @warn 'xy-cell: $gutter-output is deprecated and will be removed. See migration notes at https://git.io/foundation-6-6-0';\n    @if ($gutter-output == false) {\n      $output: sl-remove($output, gutters);\n    }\n  }\n\n  @if (index($output, base)) {\n    @include xy-cell-base($size);\n  }\n  @if (index($output, size)) {\n    @include xy-cell-size($size, $gutters, $gutter-type, $breakpoint, $vertical);\n  }\n  @if (index($output, gutters)) {\n    @include xy-cell-gutters($gutters, $gutter-type, $gutter-position, $breakpoint, $vertical);\n  }\n}\n\n/// Creates a single breakpoint sized grid. Used to generate our grid classes.\n///\n/// `xy-cell-static()` is deprecated and will be removed.\n/// Use `xy-cell()` instead with `$output: (size gutters)` to not generate the cell base.\n/// See migration notes at https://git.io/foundation-6-6-0\n///\n/// @deprecated v6.6.0\n///\n/// @param {Keyword|Number} $size [full] - The size of your cell. Can be `full` (100% width), `auto` (use all available space), `shrink` (use only the required space) or any fraction (`6`, `50%`, `1 of 2` or `1/2`...).\n/// @param {Boolean} $gutter-output [true] - Whether or not to output gutters. Always `true` for margin gutters.\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Map or single value for gutters.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.\n@mixin xy-cell-static(\n  $size: full,\n  $gutter-output: true,\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $breakpoint: $-zf-zero-breakpoint,\n  $vertical: false\n) {\n  @warn 'xy-cell-static() mixin is deprecated and will be removed. Use \"xy-cell()\" instead. See migration notes at https://git.io/foundation-6-6-0';\n\n  $gutter: -zf-get-bp-val($gutters, $breakpoint);\n  $gutter-position: if($vertical == true, top bottom, left right);\n\n  $-gutter-output: if($gutter-type == 'margin', true, $gutter-output);\n  $-gutter-margin: if($gutter-type == 'margin', $gutter, 0);\n\n  @include -xy-cell-properties($size, $-gutter-margin, $vertical);\n  @if ($-gutter-output) {\n    @include xy-gutters($gutter, $gutter-type, $gutter-position);\n  }\n}\n","/// Modifies a grid to give it \"frame\" behavior (no overflow, no wrap, stretch behavior)\n///\n/// @param {Boolean} $vertical [false] - Is grid vertical or horizontal. Should match grid.\n/// @param {Boolean} $nested [false] - Is grid nested or not. If nested is true this sets the frame to 100% height, otherwise will be 100vh.\n/// @param {Number|Map} $gutters [null] - Map or single value for gutters.\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from.\n/// @param {Boolean} $include-base [true] - Include the base styles that don't vary per breakpoint.\n@mixin xy-grid-frame(\n  $vertical: false,\n  $nested: false,\n  $gutters: null,\n  $breakpoint: null,\n  $include-base: true\n) {\n\n  @if $include-base {\n    overflow: hidden;\n    position: relative;\n    flex-wrap: nowrap;\n    align-items: stretch;\n  }\n\n  @if $breakpoint == null and type-of($gutters) == 'map' {\n    @include -zf-each-breakpoint() {\n      @include xy-grid-frame($vertical, $nested, $gutters, $-zf-size, false);\n    }\n  } @else {\n    // Get our gutters if applicable\n    $gutter: -zf-get-bp-val($gutters, $breakpoint);\n\n    // If we have a gutter, add it to the width/height\n    @if $gutter {\n      @if $vertical == true {\n        $unit: if($nested == true, 100%, 100vh);\n        $gutter: rem-calc($gutter);\n        height: calc(#{$unit} + #{$gutter});\n      } @else {\n        $unit: if($nested == true, 100%, 100vw);\n        $gutter: rem-calc($gutter);\n        width: calc(#{$unit} + #{$gutter});\n      }\n    }\n    @else {\n      @if $vertical == true {\n        height: if($nested == true, 100%, 100vh);\n      } @else {\n        width: if($nested == true, 100%, 100vw);\n      }\n    }\n  }\n}\n\n/// Modifies a cell to give it \"block\" behavior (overflow auto, inertial scrolling)\n///\n/// @param {Boolean} $vertical [false] - Is grid vertical or horizontal. Should match grid.\n@mixin xy-cell-block(\n  $vertical: false\n) {\n  $property: if($vertical == true, 'overflow-y', 'overflow-x');\n\n  @if $vertical == true {\n    overflow-y: auto;\n    max-height: 100%;\n    min-height: 100%;\n  } @else {\n    overflow-x: auto;\n    max-width: 100%;\n  }\n\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n/// Container for inside a grid frame containing multiple blocks. Typically used\n/// as a modifier for a `.cell` to allow the cell to pass along flex sizing\n/// constraints / from parents to children.\n@mixin xy-cell-block-container() {\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n\n  > .grid-x {\n    max-height: 100%;\n    flex-wrap: nowrap;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n/// Returns the appropriate CSS value to offset a cell.\n///\n/// @param {Number|List} $n - Size to offset by. You can pass in any value accepted by the `xy-cell()` mixin, such as `6`, `50%`, or `1 of 2`.\n/// @param {Number|Map} $gutters [$grid-margin-gutters] Map of gutters or single value to use for responsive gutters.\n/// @param {Keyword} $gutter-type [margin] The type of gutter to use. Can be `margin` or `padding`\n/// @param {String} $breakpoint [null] - The name of the breakpoint size in your gutters map to get the size from. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n///\n/// @returns {Number|String} The cell offset property value.\n@function xy-cell-offset(\n  $n,\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $breakpoint: null\n) {\n  $breakpoint: -zf-current-breakpoint($breakpoint, $default: $-zf-zero-breakpoint);\n  $size: xy-cell-size($n);\n\n  $offset: $size;\n  @if ($gutter-type == 'margin') {\n    $gutter: rem-calc(xy-cell-gutters($gutters, $breakpoint) / 2);\n    $offset: if($gutter == 0, $size, calc(#{$size} + #{$gutter}));\n  }\n  @return $offset;\n}\n\n/// Offsets a column to the right/bottom by `$n` columns.\n///\n/// @param {Number|List} $n - Size to offset by. You can pass in any value accepted by the `xy-cell()` mixin, such as `6`, `50%`, or `1 of 2`.\n/// @param {Number|Map} $gutters [$grid-margin-gutters] Map of gutters or single value to use for responsive gutters.\n/// @param {Keyword} $gutter-type [margin] The type of gutter to use. Can be `margin` or `padding`\n/// @param {Number|Array|Keyword} $breakpoint [null] - Breakpoint to use for `$gutters`. It can be a breakpoint name, list of breakpoints or `auto` for all breakpoints. If a list is given, media-queries will be generated. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n/// @param {Boolean} $vertical [false] Sets the direction of the offset. If set to true will apply margin-top instead.\n@mixin xy-cell-offset(\n $n,\n $gutters: $grid-margin-gutters,\n $gutter-type: margin,\n $breakpoint: null,\n $vertical: false\n) {\n  $breakpoint: -zf-current-breakpoint($breakpoint, $default: $-zf-zero-breakpoint);\n  $direction: if($vertical, 'top', $global-left);\n\n  @include -zf-each-breakpoint-in($breakpoint, $media-queries: 'for-lists') {\n    $offset: xy-cell-offset($n, $gutters, $gutter-type);\n    margin-#{$direction}: #{$offset};\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n/// Sizes child elements so that `$n` number of items appear on each row.\n///\n/// @param {Number} $n - Number of elements to display per row.\n/// @param {String} $selector ['.cell'] - Selector(s) to use for child elements.\n/// @param {Boolean} $gutter-output [null] - [DEPRECATED] Whether or not to output gutters.\n/// @param {Number|Map} $gutters [$grid-margin-gutters] - Map or single value for gutters.\n/// @param {Keyword} $gutter-type [margin] - Type of gutter to output. Accepts `margin`, `padding` or `none`.\n/// @param {List} $gutter-position [null] - The position to apply gutters to. Accepts `top`, `bottom`, `left`, `right` in any combination. By default `right left` for horizontal cells and `top bottom` for vertical cells.\n/// @param {String} $breakpoint [null] - The breakpoint to use for the cell generation. If using with the `breakpoint()` mixin this will be set automatically unless manually entered.\n/// @param {Boolean} $vertical [false] - Set to true to output vertical (height) styles rather than widths.\n/// @param {List} $output [(base size gutters)] - Cell parts to output. You will need to generate others parts of the cell seperately, it may not work correctly otherwise.\n@mixin xy-grid-layout(\n  $n,\n  $selector: '.cell',\n  $gutter-output: null,\n  $gutters: $grid-margin-gutters,\n  $gutter-type: margin,\n  $gutter-position: null,\n  $breakpoint: null,\n  $vertical: false,\n  $output: (base size gutters)\n) {\n  $size: percentage(1/$n);\n\n  & > #{$selector} {\n    @include xy-cell($size, $gutter-output, $gutters, $gutter-type, $gutter-position, $breakpoint, $vertical, $output);\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n/// Collapses the grid a cells within it.\n///\n/// @param {String} $selector [.cell] - The child element to remove the gutter from.\n/// @param {Keyword} $gutter-type [margin] - The type of gutter to remove.\n/// @param {List} $gutter-position [right left] - The positions to remove gutters from. Accepts `top`, `bottom`, `left`, `right` in any combination.\n/// @param {Keyword} $min-breakpoint [$-zf-zero-breakpoint] - Minimum breakpoint in `$breakpoint-classes` for which to collapse the gutter.\n@mixin xy-grid-collapse(\n  $selector: '.cell',\n  $gutter-type: margin,\n  $gutter-position: right left,\n  $min-breakpoint: $-zf-zero-breakpoint\n) {\n  // First, lets negate any margins on the top level\n  @if ($gutter-type == 'margin') {\n\n    @include breakpoint($min-breakpoint) {\n      @each $value in $gutter-position {\n        margin-#{$value}: 0;\n      }\n\n      > #{$selector} {\n        @each $value in $gutter-position {\n          margin-#{$value}: 0;\n        }\n      }\n    }\n\n    $excluded-bps: -zf-breakpoints-less-than($min-breakpoint);\n\n    // Output new widths to not include gutters\n    @each $bp in $breakpoint-classes {\n      @if(sl-contain($excluded-bps, $bp)) {\n        @include breakpoint($min-breakpoint) {\n          @for $i from 1 through $grid-columns {\n            // Sizing (percentage)\n            > .#{$bp}-#{$i} {\n              @include xy-cell-size($i, $gutter-type: none);\n            }\n          }\n        }\n      } @else {\n        @include breakpoint($bp) {\n          @for $i from 1 through $grid-columns {\n            // Sizing (percentage)\n            > .#{$bp}-#{$i} {\n              @include xy-cell-size($i, $gutter-type: none);\n            }\n          }\n        }\n      }\n    }\n  }\n  @else {\n\n    @include breakpoint($min-breakpoint) {\n      @each $value in $gutter-position {\n        margin-#{$value}: 0;\n      }\n\n      > #{$selector} {\n        @each $value in $gutter-position {\n          padding-#{$value}: 0;\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group xy-grid\n////\n\n// Margin Grid classes\n@mixin xy-base-grid-classes {\n\n  // Grid Container\n  .grid-container {\n    @include xy-grid-container;\n\n    &.fluid {\n      @include xy-grid-container(100%);\n    }\n\n    &.full {\n      @include xy-grid-container(100%, 0);\n    }\n  }\n\n  // Base grid styles\n  .grid-x {\n    @include xy-grid;\n  }\n\n  .cell {\n    @include xy-cell(full, $gutter-type: none);\n\n    &.auto {\n      @include xy-cell-base(auto);\n    }\n\n    &.shrink {\n      @include xy-cell-base(shrink);\n    }\n\n  }\n  .grid-x {\n    > .auto {\n      @include xy-cell-size(auto, $gutter-type: none);\n    }\n\n    > .shrink {\n      @include xy-cell-size(shrink, $gutter-type: none);\n    }\n  }\n\n  // Auto width\n  @include -zf-each-breakpoint() {\n    // This is a bit of a hack/workaround, see these issues & PRs for the backstory:\n    // https://github.com/foundation/foundation-sites/issues/10244\n    // https://github.com/foundation/foundation-sites/pull/10222 and\n    // https://github.com/foundation/foundation-sites/pull/10164\n    .grid-x {\n      $str: \"> .#{$-zf-size}-shrink, > .#{$-zf-size}-full\";\n      @for $i from 1 through $grid-columns {\n        $str: $str + \", > .#{$-zf-size}-#{$i}\"\n      }\n      #{$str} {\n        flex-basis: auto;\n      }\n    }\n  }\n\n  @include -zf-each-breakpoint() {\n    // Responsive \"auto\" modifier\n    @if not($-zf-size == $-zf-zero-breakpoint) {\n      .grid-x > .#{$-zf-size}-auto {\n        @include xy-cell(auto, $gutter-type: none);\n      }\n    }\n\n    %-xy-cell-base-shrink-horizontal-#{$-zf-size} {\n      @include xy-cell-base(shrink);\n    }\n\n    // Responsive \"shrink\" modifier\n    @if not($-zf-size == $-zf-zero-breakpoint) {\n      .grid-x > .#{$-zf-size}-shrink {\n        @extend %-xy-cell-base-shrink-horizontal-#{$-zf-size};\n        @include xy-cell-size(shrink, $gutter-type: none);\n      }\n    }\n\n    // Responsive width modifiers\n    @for $i from 1 through $grid-columns {\n      // Sizing (percentage)\n      .grid-x > .#{$-zf-size}-#{$i} {\n        @extend %-xy-cell-base-shrink-horizontal-#{$-zf-size};\n        @include xy-cell-size($i, $gutter-type: none);\n      }\n    }\n  }\n\n  // Reset width when using `.grid-margin-x` not on `.grid-x`\n  .grid-margin-x:not(.grid-x) > .cell {\n    width: auto;\n  }\n\n  // Reset height when using `.grid-margin-y` not on `.grid-y`\n  .grid-margin-y:not(.grid-y) > .cell {\n    height: auto;\n  }\n}\n\n@mixin -xy-breakpoint-cell-classes($class-breakpoint, $gutter-breakpoint, $vertical) {\n  $prefix: if($class-breakpoint == $-zf-zero-breakpoint, '', '#{$class-breakpoint}-');\n  > .#{$prefix}auto {\n    @include xy-cell-size(auto, $vertical: $vertical);\n  }\n\n  > .#{$prefix}shrink {\n    @include xy-cell-size(shrink, $vertical: $vertical);\n  }\n\n  @for $i from 1 through $grid-columns {\n    // Sizing (percentage)\n    $classname: if($vertical, '.#{$class-breakpoint}-#{$i}', '.#{$class-breakpoint}-#{$i}');\n\n    > #{$classname} {\n      @include xy-cell-size($i, $vertical: $vertical);\n    }\n  }\n}\n\n// Margin Grid classes\n@mixin xy-margin-grid-classes(\n  $gutter-position: left right,\n  $vertical: false,\n  $wrapping-selector: '.grid-margin-x'\n){\n  #{$wrapping-selector} {\n    @include xy-gutters($negative: true, $gutter-position: $gutter-position);\n\n    // Base cell styles\n    > .cell {\n      @include xy-cell($vertical: $vertical, $output: (size gutters));\n    }\n\n    // base styles need to all be before the auto and shrink styles\n    @include -zf-each-breakpoint() {\n      @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size) and $-zf-size != $-zf-zero-breakpoint) {\n        > .cell {\n          @include xy-cell($vertical: $vertical, $output: (size gutters));\n        }\n      }\n    }\n\n    @include -zf-each-breakpoint() {\n\n      // This is purely for responsive gutters - the margin grid has to go back and adjust widths (or heights)\n      // for all prior breakpoints.\n      // As their gutter is defined with their width/height, even breakpoint without a new margin must be\n      // generated to not having their width/height overrided by re-adjusted smaller breakpoints.\n      @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size)) {\n        @each $bp in -zf-breakpoints-less-than($-zf-size) {\n          @include -xy-breakpoint-cell-classes($bp, $-zf-size, $vertical);\n        }\n      }\n\n      @include -xy-breakpoint-cell-classes($-zf-size, $-zf-size, $vertical);\n    }\n  }\n}\n\n// Padding Grid classes\n@mixin xy-padding-grid-classes {\n  .grid-padding-x {\n\n    // Negative margin for nested grids\n    .grid-padding-x {\n      @include xy-gutters($negative: true);\n    }\n\n    // Negative margin for grids within `grid-container/grid-container.fluid`\n    // This allows margin and padding grids to line up with eachother\n    .grid-container:not(.full) > & {\n      @include xy-gutters($negative: true);\n    }\n\n    // Base cell styles\n    > .cell {\n      @include xy-gutters($gutters: $grid-padding-gutters, $gutter-type: padding);\n    }\n  }\n}\n\n// Block Grid classes\n@mixin xy-block-grid-classes($margin-grid: true, $padding-grid: true) {\n  @if $padding-grid {\n    @include -zf-each-breakpoint {\n      @for $i from 1 through $xy-block-grid-max {\n        .#{$-zf-size}-up-#{$i} {\n          @include xy-grid-layout($n: $i, $selector: '.cell', $gutter-type: padding, $output: (size));\n        }\n      }\n    }\n  }\n\n  @if $margin-grid {\n    @include -zf-each-breakpoint {\n      @for $i from 1 through $xy-block-grid-max {\n        // This is purely for responsive gutters - the margin grid has to go back and adjust widths (or heights)\n        // for prior breakpoints based on the responsive gutter.\n        @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size)) {\n          @each $bp in -zf-breakpoints-less-than($-zf-size) {\n            @if(map-has-key($grid-margin-gutters, $bp)) {\n              .grid-margin-x.#{$bp}-up-#{$i} {\n                @include xy-grid-layout($n: $i, $selector: '.cell', $gutter-type: margin, $output: (size));\n              }\n            }\n          }\n        }\n      }\n      @for $i from 1 through $xy-block-grid-max {\n        .grid-margin-x.#{$-zf-size}-up-#{$i} {\n          @include xy-grid-layout($n: $i, $selector: '.cell', $gutter-type: margin, $output: (size));\n        }\n      }\n    }\n  }\n}\n\n// Collapse classes\n@mixin xy-collapse-grid-classes($margin-grid: true, $padding-grid: true) {\n  @each $bp in $breakpoint-classes {\n    @if $margin-grid {\n      .#{$bp}-margin-collapse {\n        @include xy-grid-collapse($gutter-type: margin, $min-breakpoint: $bp);\n      }\n    }\n\n    @if $padding-grid {\n      .#{$bp}-padding-collapse {\n        @include xy-grid-collapse($gutter-type: padding, $min-breakpoint: $bp);\n      }\n    }\n  }\n}\n\n// Offset classes\n@mixin xy-offset-cell-classes {\n  @include -zf-each-breakpoint {\n    @for $i from 1 through $grid-columns {\n      // Offsets\n      $o: $i - 1;\n\n      .#{$-zf-size}-offset-#{$o} {\n        @include xy-cell-offset($o, $gutters: $grid-padding-gutters, $gutter-type: padding);\n      }\n\n      .grid-margin-x > .#{$-zf-size}-offset-#{$o} {\n        @include xy-cell-offset($o);\n      }\n    }\n  }\n}\n\n// Vertical Grid classes\n@mixin xy-vertical-grid-classes(\n  $margin-grid: true,\n  $padding-grid: true\n) {\n\n  @include -zf-each-breakpoint() {\n    @if not($-zf-size == $-zf-zero-breakpoint) {\n    }\n  }\n\n  .grid-y {\n    @include xy-grid(vertical, false);\n\n\n    > .cell {\n      @include xy-cell-reset();\n    }\n\n    > .auto {\n      @include xy-cell-size(auto, $gutter-type: none, $vertical: true);\n    }\n\n    > .shrink {\n      @include xy-cell-size(shrink, $gutter-type: none, $vertical: true);\n    }\n\n\n    @include -zf-each-breakpoint() {\n      // This is a bit of a hack/workaround, see these issues and PRs for the backstory:\n      // https://github.com/foundation/foundation-sites/issues/10244\n      // https://github.com/foundation/foundation-sites/pull/10222 and\n      // https://github.com/foundation/foundation-sites/pull/10164\n      $str: \"> .#{$-zf-size}-shrink, > .#{$-zf-size}-full\";\n      @for $i from 1 through $grid-columns {\n        $str: $str + \", > .#{$-zf-size}-#{$i}\"\n      }\n      #{$str} {\n        flex-basis: auto;\n      }\n    }\n\n    @include -zf-each-breakpoint() {\n      // Responsive \"auto\" modifier\n      @if not($-zf-size == $-zf-zero-breakpoint) {\n        > .#{$-zf-size}-auto {\n          @include xy-cell(auto, $gutter-type: none, $vertical: true);\n        }\n      }\n\n      %-xy-cell-base-shrink-vertical-#{$-zf-size} {\n        @include xy-cell-base(shrink);\n      }\n\n      // Responsive \"shrink\" modifier\n      @if not($-zf-size == $-zf-zero-breakpoint) {\n        > .#{$-zf-size}-shrink {\n          @extend %-xy-cell-base-shrink-vertical-#{$-zf-size};\n          @include xy-cell-size(shrink, $gutter-type: none, $vertical: true);\n        }\n      }\n\n      // Responsive width modifiers\n      @for $i from 1 through $grid-columns {\n        // Sizing (percentage)\n        > .#{$-zf-size}-#{$i} {\n          @extend %-xy-cell-base-shrink-vertical-#{$-zf-size};\n          @include xy-cell-size($i, $gutter-type: none, $vertical: true);\n        }\n      }\n\n    }\n  }\n\n  @if $padding-grid {\n    .grid-padding-y {\n      // Negative margin for nested grids\n      .grid-padding-y {\n        @include xy-gutters($negative: true, $gutter-position: top bottom);\n      }\n\n      // Base cell styles\n      > .cell {\n        @include xy-gutters($gutters: $grid-padding-gutters, $gutter-type: padding, $gutter-position: top bottom);\n      }\n    }\n  }\n\n  @if $margin-grid {\n    @include xy-margin-grid-classes(top bottom, true, '.grid-margin-y');\n  }\n\n}\n\n@mixin xy-frame-grid-classes($vertical-grid: true, $margin-grid: true) {\n  // Framed grid styles\n  .grid-frame {\n    @include xy-grid-frame;\n  }\n\n  .cell .grid-frame {\n    width: 100%; // Same as include with $nested, but with less css\n  }\n\n  .cell-block {\n    @include xy-cell-block();\n  }\n\n  .cell-block-y {\n    @include xy-cell-block(true);\n  }\n\n\n  .cell-block-container {\n    @include xy-cell-block-container();\n  }\n\n\n  @include -zf-each-breakpoint(false) {\n\n    .#{$-zf-size}-grid-frame {\n      @include xy-grid-frame;\n    }\n\n    .cell .#{$-zf-size}-grid-frame {\n      width: 100%; // Same as include with $nested, but with less css\n    }\n\n    .#{$-zf-size}-cell-block {\n      @include xy-cell-block();\n    }\n\n    .#{$-zf-size}-cell-block-container {\n      @include xy-cell-block-container();\n    }\n\n    .#{$-zf-size}-cell-block-y {\n      @include xy-cell-block(true);\n    }\n  }\n\n  @if $vertical-grid {\n    .grid-y {\n      &.grid-frame {\n        width: auto;\n        @include xy-grid-frame(true);\n      }\n\n      @include -zf-each-breakpoint(false) {\n        &.#{$-zf-size}-grid-frame {\n          width: auto;\n          @include xy-grid-frame(true);\n        }\n\n      }\n    }\n    .cell {\n      .grid-y.grid-frame {\n        height: 100%; // Same as include with $nested, but with less css\n      }\n      @include -zf-each-breakpoint(false) {\n        .grid-y.#{$-zf-size}-grid-frame {\n          height: 100%; // Same as include with $nested, but with less css\n        }\n      }\n    }\n  }\n  @if $margin-grid {\n    @include xy-margin-grid-classes(top bottom, true, '.grid-margin-y');\n    .grid-frame.grid-margin-y {\n      @include xy-grid-frame(true, false, $grid-margin-gutters, $include-base: false);\n    }\n    @include -zf-each-breakpoint(false) {\n      .grid-margin-y.#{$-zf-size}-grid-frame {\n        @include xy-grid-frame(true, false, $grid-margin-gutters, $-zf-size, false);\n      }\n    }\n  }\n}\n\n// Final classes\n@mixin foundation-xy-grid-classes(\n  $base-grid: true,\n  $margin-grid: true,\n  $padding-grid: true,\n  $block-grid: true,\n  $collapse: true,\n  $offset: true,\n  $vertical-grid: true,\n  $frame-grid: true\n) {\n\n  // Base grid styles\n  @if($base-grid) {\n    @include xy-base-grid-classes();\n  }\n\n  // Margin grid\n  @if($margin-grid) {\n    @include xy-margin-grid-classes();\n  }\n\n  // Padding grid\n  @if($padding-grid) {\n    @include xy-padding-grid-classes();\n  }\n\n  // Block grid\n  @if($block-grid) {\n    @include xy-block-grid-classes($margin-grid, $padding-grid);\n  }\n\n  // Collapse gutters\n  @if($collapse) {\n    @include xy-collapse-grid-classes($margin-grid, $padding-grid);\n  }\n\n  // Offset gutters\n  @if($offset) {\n    @include xy-offset-cell-classes();\n  }\n\n  // Vertical grid\n  @if($vertical-grid) {\n    @include xy-vertical-grid-classes($margin-grid, $padding-grid);\n  }\n\n  @if ($frame-grid) {\n    @include xy-frame-grid-classes($vertical-grid, $margin-grid)\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group button\n////\n\n/// Font family for button elements.\n/// @type Font\n$button-font-family: inherit !default;\n\n/// Font weight for button elements.\n/// Ignored if null (default)\n/// @type Font-Weight\n$button-font-weight: null !default;\n\n/// Padding inside buttons.\n/// @type List\n$button-padding: 0.85em 1em !default;\n\n/// Margin around buttons.\n/// @type List\n$button-margin: 0 0 $global-margin 0 !default;\n\n/// Default fill for buttons. Can either be `solid` or `hollow`.\n/// @type Keyword\n$button-fill: solid !default;\n\n/// Default background color for buttons.\n/// @type Color\n$button-background: $primary-color !default;\n\n/// Background color on hover for buttons.\n/// @type Color\n$button-background-hover: scale-color($button-background, $lightness: -15%) !default;\n\n/// Font color for buttons.\n/// @type List\n$button-color: $white !default;\n\n/// Alternative font color for buttons.\n/// @type List\n$button-color-alt: $black !default;\n\n/// Border radius for buttons, defaulted to global-radius.\n/// @type Number\n$button-radius: $global-radius !default;\n\n/// Border for buttons, transparent by default\n/// @type List\n$button-border: 1px solid transparent !default;\n\n/// Border width for hollow outline buttons\n/// @type Number\n$button-hollow-border-width: 1px !default;\n\n/// Sizes for buttons.\n/// @type Map\n$button-sizes: (\n  tiny: 0.6rem,\n  small: 0.75rem,\n  default: 0.9rem,\n  large: 1.25rem,\n) !default;\n\n/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.\n/// @type Map\n$button-palette: $foundation-palette !default;\n\n/// opacity for a disabled button.\n/// @type List\n$button-opacity-disabled: 0.25 !default;\n\n/// Background color lightness on hover for buttons.\n/// @type Number\n$button-background-hover-lightness: -20% !default;\n\n/// Color lightness on hover for hollow buttons.\n/// @type Number\n$button-hollow-hover-lightness: -50% !default;\n\n// Internal: flip from margin-right to margin-left for defaults\n@if $global-text-direction == 'rtl' {\n  $button-margin: 0 0 $global-margin $global-margin !default;\n}\n\n/// transitions for buttons.\n/// @type List\n$button-transition: background-color 0.25s ease-out, color 0.25s ease-out !default;\n\n/// Additional responsive classes for .expanded\n/// @type Boolean\n$button-responsive-expanded: false !default;\n\n// TODO: Document button-base() mixin\n@mixin button-base {\n  @include disable-mouse-outline;\n  display: inline-block;\n  vertical-align: middle;\n  margin: $button-margin;\n\n  @if (type-of($button-padding) == 'map') {\n    @each $size, $padding in $button-padding {\n      @include breakpoint($size) {\n        padding: $padding;\n      }\n    }\n  }\n  @else {\n    padding: $button-padding;\n  }\n\n  border: $button-border;\n  border-radius: $button-radius;\n  transition: $button-transition;\n  font-family: $button-font-family;\n  font-size: map-get($button-sizes, default);\n  font-weight: $button-font-weight;\n  -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefixes\n  line-height: 1;\n  text-align: center;\n  cursor: pointer;\n}\n\n/// Expands a button to make it full-width.\n/// @param {Boolean} $expand [true] - Set to `true` to enable the expand behavior. Set to `false` to reverse this behavior.\n@mixin button-expand($expand: true) {\n  @if $expand {\n    display: block;\n    width: 100%;\n    margin-right: 0;\n    margin-left: 0;\n  }\n  @else {\n    display: inline-block;\n    width: auto;\n    margin: $button-margin;\n  }\n}\n\n/// Sets the base styles of a hollow or clear button filling according to `$fill`.\n/// See mixin `button-fill-style` for the filling styles.\n/// @param {Keyword} $fill [$button-fill] - Type of filling between `hollow` and `clear`. `solid` has no effects.\n@mixin button-fill(\n  $fill: $button-fill\n) {\n  @if $fill == hollow {\n    @include button-hollow;\n  }\n  @else if $fill == clear {\n    @include button-clear;\n  }\n}\n\n/// Sets the visual styles of a solid/hollow/clear button filling according to `$fill`.\n/// See mixins `button-style`, `button-hollow-style` and `button-clear-style` for effects of visual styling parameters.\n/// @param {Keyword} $fill [$button-fill] - Type of filling between `hollow` and `clear`.\n/// @param {Color} $background [$button-background] - -\n/// @param {Color} $background-hover [$button-background-hover] - -\n/// @param {Color} $color [$button-color] - -\n@mixin button-fill-style(\n  $fill: $button-fill,\n  $background: $button-background,\n  $background-hover: $button-background-hover,\n  $color: $button-color\n) {\n  @if $fill == solid {\n    @include button-style($background, $background-hover, $color);\n  }\n  @else if $fill == hollow {\n    @include button-hollow-style($background);\n  }\n  @else if $fill == clear {\n    @include button-clear-style($background);\n  }\n}\n\n/// Sets the visual style of a button.\n/// @param {Color} $background [$button-background] - Background color of the button.\n/// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color.\n/// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color.\n@mixin button-style(\n  $background: $button-background,\n  $background-hover: $button-background-hover,\n  $color: $button-color,\n  $background-hover-lightness: $button-background-hover-lightness\n) {\n  @if $color == auto {\n    $color: color-pick-contrast($background, ($button-color, $button-color-alt));\n  }\n\n  @if $background-hover == auto {\n    $background-hover: scale-color($background, $lightness: $background-hover-lightness);\n  }\n\n  // Default and disabled states\n  &,\n  &.disabled, &[disabled],\n  &.disabled:hover, &[disabled]:hover,\n  &.disabled:focus, &[disabled]:focus {\n    background-color: $background;\n    color: $color;\n  }\n\n  &:hover, &:focus {\n    background-color: $background-hover;\n    color: $color;\n  }\n}\n\n/// Sets the base styles of a hollow button.\n/// See mixin `button-hollow-style` for the filling styles.\n@mixin button-hollow {\n  &, &.disabled, &[disabled] {\n    &, &:hover, &:focus {\n      background-color: transparent;\n    }\n  }\n}\n\n/// Sets the visual style of a hollow button.\n/// @param {Color} $color [$button-background] - Text and border color of the button.\n/// @param {Color} $hover-lightness [$button-hollow-hover-lightness] - Color lightness on hover.\n/// @param {Color} $border-width [$button-hollow-border-width] - Border width of the button.\n@mixin button-hollow-style(\n  $color: $button-background,\n  $hover-lightness: $button-hollow-hover-lightness,\n  $border-width: $button-hollow-border-width\n) {\n  $color-hover: scale-color($color, $lightness: $hover-lightness);\n\n  // Default and disabled states\n  &,\n  &.disabled, &[disabled],\n  &.disabled:hover, &[disabled]:hover,\n  &.disabled:focus, &[disabled]:focus {\n    border: $border-width solid $color;\n    color: $color;\n  }\n\n  &:hover, &:focus {\n    border-color: $color-hover;\n    color: $color-hover;\n  }\n}\n\n/// Sets the base styles of a clear button.\n/// See mixin `button-clear-style` for the filling styles.\n@mixin button-clear {\n  &, &.disabled, &[disabled] {\n    &, &:hover, &:focus {\n      border-color: transparent;\n      background-color: transparent;\n    }\n  }\n}\n\n/// Sets the visual style of a clear button.\n/// @param {Color} $color [$button-background] - Text color of the button.\n/// @param {Color} $hover-lightness [$button-hollow-hover-lightness] - Color lightness on hover.\n@mixin button-clear-style(\n  $color: $button-background,\n  $hover-lightness: $button-hollow-hover-lightness\n) {\n  $color-hover: scale-color($color, $lightness: $hover-lightness);\n\n  // Default and disabled states\n  &,\n  &.disabled, &[disabled],\n  &.disabled:hover, &[disabled]:hover,\n  &.disabled:focus, &[disabled]:focus {\n    color: $color;\n  }\n\n  &:hover, &:focus {\n    color: $color-hover;\n  }\n}\n\n/// Adds disabled styles to a button by fading the element and reseting the cursor.\n/// @param {Number} $opacity [$button-opacity-disabled] - Opacity of the disabled button.\n@mixin button-disabled(\n  $opacity: $button-opacity-disabled\n) {\n  opacity: $button-opacity-disabled;\n  cursor: not-allowed;\n}\n\n/// Adds a dropdown arrow to a button.\n/// @param {Number} $size [0.4em] - Size of the arrow. We recommend using an `em` value so the triangle scales when used inside different sizes of buttons.\n/// @param {Color} $color [white] - Color of the arrow.\n/// @param {Number} $offset [$button-padding] - Distance between the arrow and the text of the button. Defaults to whatever the right padding of a button is.\n@mixin button-dropdown(\n  $size: 0.4em,\n  $color: $white,\n  $offset: get-side($button-padding, right)\n) {\n  &::after {\n    @include css-triangle($size, $color, down);\n    position: relative;\n    top: 0.4em; // Aligns the arrow with the text of the button\n\n    display: inline-block;\n    float: #{$global-right};\n    margin-#{$global-left}: $offset;\n  }\n}\n\n/// Adds all styles for a button. For more granular control over styles, use the individual button mixins.\n/// @param {Boolean} $expand [false] - Set to `true` to make the button full-width.\n/// @param {Color} $background [$button-background] - Background color of the button.\n/// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color.\n/// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color.\n/// @param {Keyword} $style [solid] - Set to `hollow` to create a hollow button. The color defined in `$background` will be used as the primary color of the button.\n@mixin button(\n  $expand: false,\n  $background: $button-background,\n  $background-hover: $button-background-hover,\n  $color: $button-color,\n  $style: $button-fill\n) {\n  @include button-base;\n  @include button-fill($style);\n  @include button-fill-style($style, $background, $background-hover, $color);\n\n  @if $expand {\n    @include button-expand;\n  }\n}\n\n@mixin foundation-button {\n  .button {\n    @include button($style: none);\n\n    // Sizes\n    @each $size, $value in map-remove($button-sizes, default) {\n      &.#{$size} {\n        font-size: $value;\n      }\n    }\n\n    &.expanded { @include button-expand; }\n\n    @if $button-responsive-expanded {\n      @each $size in $breakpoint-classes {\n        @include breakpoint(#{$size} only) {\n          &.#{$size}-only-expanded {\n            @include button-expand;\n          }\n        }\n        @if $size != $-zf-zero-breakpoint {\n          @include breakpoint(#{$size} down) {\n            &.#{$size}-down-expanded {\n              @include button-expand;\n            }\n          }\n\n          @include breakpoint(#{$size}) {\n            &.#{$size}-expanded {\n              @include button-expand;\n            }\n          }\n        }\n      }\n    }\n\n    // Solid, hollow & clear styles\n    @each $filling in (solid hollow clear) {\n      $selector: if($button-fill == $filling, null, '.#{$filling}');\n\n      &#{$selector} {\n        @include button-fill($filling);\n        @include button-fill-style($filling);\n\n        @each $name, $color in $button-palette {\n          &.#{$name} {\n            @include button-fill-style($filling, $color, auto, auto);\n          }\n        }\n      }\n    }\n\n    // Disabled state\n    &.disabled, &[disabled] {\n      @include button-disabled;\n    }\n\n    // Dropdown arrow\n    &.dropdown {\n      @include button-dropdown;\n\n      @if $button-fill == hollow {\n        &::after {\n          border-top-color: $button-background;\n        }\n      }\n\n      &.hollow, &.clear {\n        &::after {\n          border-top-color: $button-background;\n        }\n\n        @each $name, $color in $button-palette {\n          &.#{$name} {\n            &::after {\n              border-top-color: $color;\n            }\n          }\n        }\n      }\n    }\n\n    // Button with dropdown arrow only\n    &.arrow-only::after {\n      top: -0.1em;\n      float: none;\n      margin-#{$global-left}: 0;\n    }\n  }\n\n  a.button { // sass-lint:disable-line no-qualifying-elements\n    &:hover,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group button-group\n////\n\n/// Margin for button groups.\n/// @type Number\n$buttongroup-margin: 1rem !default;\n\n/// Margin between buttons in a button group.\n/// @type Number\n$buttongroup-spacing: 1px !default;\n\n/// Selector for the buttons inside a button group.\n/// @type String\n$buttongroup-child-selector: '.button' !default;\n\n/// Maximum number of buttons that can be in an even-width button group. (Only needed when $global-flexbox: false;)\n/// @type Number\n$buttongroup-expand-max: 6 !default;\n\n/// 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.\n/// @type Boolean\n$buttongroup-radius-on-each: true !default;\n\n/// Add styles for a button group container.\n/// @param {String} $child-selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.\n/// @param {Number} $spacing [$buttongroup-spacing] - Spacing between buttons in a button group.\n@mixin button-group(\n  $child-selector: $buttongroup-child-selector,\n  $spacing: $buttongroup-spacing\n) {\n  @include clearfix;\n  margin-bottom: $buttongroup-margin;\n\n  @if $global-flexbox {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: stretch;\n    flex-grow: 1;\n\n    &::before,\n    &::after {\n      display: none; // Disable clearfix\n    }\n  }\n  @else {\n    font-size: 0;\n  }\n\n  #{$child-selector} {\n    margin: 0;\n    margin-#{$global-right}: $spacing;\n    margin-bottom: $spacing;\n    font-size: map-get($button-sizes, default);\n\n    @if $global-flexbox {\n      flex: 0 0 auto;\n    }\n\n    &:last-child {\n      margin-#{$global-right}: 0;\n    }\n\n    @if not $buttongroup-radius-on-each {\n      border-radius: 0;\n\n      &:first-child {\n        border-top-#{$global-left}-radius: $button-radius;\n        border-bottom-#{$global-left}-radius: $button-radius;\n      }\n\n      &:last-child {\n        border-top-#{$global-right}-radius: $button-radius;\n        border-bottom-#{$global-right}-radius: $button-radius;\n      }\n    }\n  }\n}\n\n/// Make buttons bonded without gap between them. Borders between buttons are merged\n/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.\n@mixin button-group-no-gaps(\n  $selector: $buttongroup-child-selector,\n  $border-width: $button-hollow-border-width\n) {\n  #{$selector} {\n    margin-#{$global-right}: rem-calc(-$border-width);\n\n    + #{$selector} {\n      border-#{$global-left}-color: transparent;\n    }\n  }\n}\n\n/// Creates a full-width button group, making each button equal width.\n/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.\n/// @param {Number} $spacing [$buttongroup-spacing] - Spacing between buttons in a button group.\n@mixin button-group-expand(\n  $selector: $buttongroup-child-selector,\n  $spacing: $buttongroup-spacing,\n  $count: null\n) {\n  @if not $global-flexbox {\n    margin-#{$global-right}: -$spacing;\n\n    &::before,\n    &::after {\n      display: none; // Disable clearfix\n    }\n  }\n\n  #{$selector} {\n    @if $global-flexbox {\n      flex: 1 1 0px; // sass-lint:disable-line zero-unit\n      margin-right: 0;\n    }\n    @else {\n      // One child\n      &:first-child {\n        &:last-child {\n          width: calc(100% - #{$spacing});\n        }\n      }\n\n      // Two or more childreen\n      @for $i from 2 through $buttongroup-expand-max {\n        &:first-child:nth-last-child(#{$i}) {\n          &, &:first-child:nth-last-child(#{$i}) ~ #{$selector} {\n            display: inline-block;\n            width: calc(#{percentage(1 / $i)} - #{$spacing});\n            margin-#{$global-right}: $spacing;\n\n            &:last-child {\n              margin-#{$global-right}: $spacing * -$buttongroup-expand-max;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n/// Stacks the buttons in a button group.\n/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group.\n@mixin button-group-stack(\n  $selector: $buttongroup-child-selector\n) {\n  @if $global-flexbox {\n    flex-wrap: wrap;\n  }\n\n  #{$selector} {\n    @if $global-flexbox {\n      flex: 0 0 100%;\n    }\n    @else {\n      width: 100%;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    @if not $buttongroup-radius-on-each {\n      border-radius: 0;\n\n      &:first-child {\n        border-top-#{$global-left}-radius: $global-radius;\n        border-top-#{$global-right}-radius: $global-radius;\n      }\n\n      &:last-child {\n        margin-bottom: 0;\n        border-bottom-#{$global-left}-radius: $global-radius;\n        border-bottom-#{$global-right}-radius: $global-radius;\n      }\n    }\n  }\n}\n\n/// Un-stacks the buttons in a button group.\n/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group.\n@mixin button-group-unstack(\n  $selector: $buttongroup-child-selector\n) {\n  #{$selector} {\n    @if $global-flexbox {\n      flex: 0 0 auto;\n    }\n    @else {\n      width: auto;\n    }\n    margin-bottom: 0;\n\n    @if not $buttongroup-radius-on-each {\n      &:first-child {\n        border-top-#{$global-left}-radius: $global-radius;\n        border-top-#{$global-right}-radius: 0;\n        border-bottom-#{$global-left}-radius: $global-radius;\n      }\n\n      &:last-child {\n        border-top-#{$global-right}-radius: $global-radius;\n        border-bottom-#{$global-right}-radius: $global-radius;\n        border-bottom-#{$global-left}-radius: 0;\n      }\n    }\n\n  }\n}\n\n@mixin foundation-button-group {\n  .button-group {\n    @include button-group;\n\n    // Sizes\n    @each $size, $value in map-remove($button-sizes, default) {\n      &.#{$size} #{$buttongroup-child-selector} {\n        font-size: $value;\n      }\n    }\n\n    // Even-width Group\n    &.expanded {\n      @include button-group-expand;\n    }\n\n    // Solid, hollow & clear styles\n    @each $filling in (solid hollow clear) {\n      $base-selector: if($button-fill == $filling, null, '.#{$filling}');\n\n      &#{$base-selector} {\n        // Do not generate button base styles for the default filling\n        @if($button-fill != $filling) {\n          #{$buttongroup-child-selector} {\n            @include button-fill($filling);\n            @include button-fill-style($filling);\n          }\n        }\n\n        @each $name, $color in $button-palette {\n          $individual-selector: if($button-fill == $filling, null, ' #{$buttongroup-child-selector}.#{$name}');\n\n          &.#{$name} #{$buttongroup-child-selector}, #{$individual-selector} {\n            @include button-fill-style($filling, $color, auto, auto);\n          }\n        }\n      }\n\n    }\n\n    &.no-gaps {\n      @include button-group-no-gaps;\n    }\n\n    &.stacked,\n    &.stacked-for-small,\n    &.stacked-for-medium {\n      @include button-group-stack;\n\n      &.expanded {\n        @include button-group-expand;\n      }\n    }\n\n    &.stacked-for-small {\n      @include breakpoint(medium) {\n        @include button-group-unstack;\n      }\n    }\n\n    &.stacked-for-medium {\n      @include breakpoint(large) {\n        @include button-group-unstack;\n      }\n    }\n\n    &.stacked-for-small.expanded {\n      @include breakpoint(small only) {\n        display: block;\n\n        #{$buttongroup-child-selector} {\n          display: block;\n          margin-#{$global-right}: 0;\n        }\n      }\n    }\n\n    &.stacked-for-medium.expanded {\n      @include breakpoint(medium down) {\n        display: block;\n\n        #{$buttongroup-child-selector} {\n          display: block;\n          margin-#{$global-right}: 0;\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group close-button\n////\n\n/// Default position of the close button. The first value should be `right` or `left`, and the second value should be `top` or `bottom`.\n/// @type List\n$closebutton-position: right top !default;\n\n/// Default z-index for a close button.\n/// @type Number\n$closebutton-z-index: 10 !default;\n\n/// Button size to use as default\n/// @type String\n/// @see $closebutton-size\n/// @see $closebutton-offset-horizontal\n/// @see $closebutton-offset-vertical\n$closebutton-default-size: medium !default;\n\n/// Right (or left) offset(s) for a close button.\n/// @type Number|Map\n$closebutton-offset-horizontal: (\n  small: 0.66rem,\n  medium: 1rem,\n) !default;\n\n/// Top (or bottom) offset(s) for a close button.\n/// @type Number|Map\n$closebutton-offset-vertical: (\n  small: 0.33em,\n  medium: 0.5rem,\n) !default;\n\n/// Size(s) of the close button. Used to generate sizing modifiers.\n/// @type Number|Map\n$closebutton-size: (\n  small: 1.5em,\n  medium: 2em,\n) !default;\n\n/// The line-height of the close button. It affects the spacing of the element.\n/// @type Number\n$closebutton-lineheight: 1 !default;\n\n/// Default color of the close button.\n/// @type Color\n$closebutton-color: $dark-gray !default;\n\n/// Default color of the close button when being hovered on.\n/// @type Color\n$closebutton-color-hover: $black !default;\n\n\n/// 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.\n///\n/// @param {Number|Map} $value - A number or map that represents the size or position value(s) of the close button.\n/// @param {Keyword} $size - The size of the close button to use.\n///\n/// @return {Number} The given number or the value found in the map.\n@function -zf-get-size-val($value, $size) {\n  // Check if the value is a number\n  @if type-of($value) == 'number' {\n    // If it is, just return the number\n    @return $value;\n  }\n\n  // Check if the size name exists in the value map\n  @else if map-has-key($value, $size) {\n    // If it does, return the value\n    @return map-get($value, $size);\n  }\n}\n\n/// Sets the size and position of a close button.\n/// @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.\n@mixin close-button-size($size) {\n  $x: nth($closebutton-position, 1);\n  $y: nth($closebutton-position, 2);\n\n  #{$x}: -zf-get-size-val($closebutton-offset-horizontal, $size);\n  #{$y}: -zf-get-size-val($closebutton-offset-vertical, $size);\n  font-size: -zf-get-size-val($closebutton-size, $size);\n  line-height: -zf-get-size-val($closebutton-lineheight, $size);\n}\n\n/// Adds styles for a close button, using the styles in the settings variables.\n@mixin close-button {\n  $x: nth($closebutton-position, 1);\n  $y: nth($closebutton-position, 2);\n\n  @include disable-mouse-outline;\n  position: absolute;\n  z-index: $closebutton-z-index;\n  color: $closebutton-color;\n  cursor: pointer;\n\n  &:hover,\n  &:focus {\n    color: $closebutton-color-hover;\n  }\n}\n\n@mixin foundation-close-button {\n  .close-button {\n    @include close-button;\n\n    // Generate a placeholder and a class for each size\n    @each $name, $size in $closebutton-size {\n      @at-root {\n        %zf-close-button--#{$name} {\n          @include close-button-size($name);\n        }\n      }\n\n      &.#{$name} {\n        @extend %zf-close-button--#{$name};\n      }\n    }\n\n    // Use by default the placeholder of the default size\n    @extend %zf-close-button--#{$closebutton-default-size};\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group label\n////\n\n/// Default background color for labels.\n/// @type Color\n$label-background: $primary-color !default;\n\n/// Default text color for labels.\n/// @type Color\n$label-color: $white !default;\n\n/// Alternate text color for labels.\n/// @type Color\n$label-color-alt: $black !default;\n\n/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.\n/// @type Map\n$label-palette: $foundation-palette !default;\n\n/// Default font size for labels.\n/// @type Number\n$label-font-size: 0.8rem !default;\n\n/// Default padding inside labels.\n/// @type Number\n$label-padding: 0.33333rem 0.5rem !default;\n\n/// Default radius of labels.\n/// @type Number\n$label-radius: $global-radius !default;\n\n/// Generates base styles for a label.\n@mixin label {\n  display: inline-block;\n  padding: $label-padding;\n\n  border-radius: $label-radius;\n\n  font-size: $label-font-size;\n  line-height: 1;\n  white-space: nowrap;\n  cursor: default;\n}\n\n@mixin foundation-label {\n  .label {\n    @include label;\n\n    background: $label-background;\n    color: $label-color;\n\n    @each $name, $color in $label-palette {\n      &.#{$name} {\n        background: $color;\n        color: color-pick-contrast($color, ($label-color, $label-color-alt));\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n/// Adds styles for a progress bar container.\n@mixin progress-container {\n  height: $progress-height;\n  margin-bottom: $progress-margin-bottom;\n  border-radius: $progress-radius;\n  background-color: $progress-background;\n}\n\n/// Adds styles for the inner meter of a progress bar.\n@mixin progress-meter {\n  position: relative;\n  display: block;\n  width: 0%;\n  height: 100%;\n  background-color: $progress-meter-background;\n\n  @if has-value($progress-radius) {\n    border-radius: $global-radius;\n  }\n}\n\n/// Adds styles for text in the progress meter.\n@mixin progress-meter-text {\n  @include absolute-center;\n  margin: 0;\n  font-size: 0.75rem;\n  font-weight: bold;\n  color: $white;\n  white-space: nowrap;\n\n  @if has-value($progress-radius) {\n    border-radius: $progress-radius;\n  }\n}\n\n@mixin foundation-progress-bar {\n  // Progress bar\n  .progress {\n    @include progress-container;\n\n    @each $name, $color in $foundation-palette {\n      &.#{$name} {\n        .progress-meter {\n          background-color: $color;\n        }\n      }\n    }\n  }\n\n  // Inner meter\n  .progress-meter {\n    @include progress-meter;\n  }\n\n  // Inner meter text\n  .progress-meter-text {\n    @include progress-meter-text;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n// [TODO] Check how plugin confirms disabled or vertical status\n// [TODO] Check if transition: all; is necessary\n\n////\n/// @group slider\n////\n\n/// Default slider width of a vertical slider. (Doesn't apply to the native slider.)\n/// @type Number\n$slider-width-vertical: 0.5rem !default;\n\n/// Transition properties to apply to the slider handle and fill. (Doesn't apply to the native slider.)\n/// @type Transition\n$slider-transition: all 0.2s ease-in-out !default;\n\n/// Adds the general styles for sliders.\n@mixin slider-container {\n  position: relative;\n  height: $slider-height;\n  margin-top: 1.25rem;\n  margin-bottom: 2.25rem;\n\n  background-color: $slider-background;\n  cursor: pointer;\n  user-select: none;\n  touch-action: none;\n}\n\n/// Adds the general styles for active fill for sliders.\n@mixin slider-fill {\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  display: inline-block;\n  max-width: 100%;\n  height: $slider-height;\n\n  background-color: $slider-fill-background;\n  transition: $slider-transition;\n\n  &.is-dragging {\n    transition: all 0s linear;\n  }\n}\n\n/// Adds the general styles for the slider handles.\n@mixin slider-handle {\n  @include disable-mouse-outline;\n  @include vertical-center;\n  left: 0;\n  z-index: 1;\n\n  display: inline-block;\n  width: $slider-handle-width;\n  height: $slider-handle-height;\n\n  border-radius: $slider-radius;\n  background-color: $slider-handle-background;\n  transition: $slider-transition;\n  touch-action: manipulation;\n\n  &:hover {\n    background-color: scale-color($slider-handle-background, $lightness: -15%);\n  }\n\n  &.is-dragging {\n    transition: all 0s linear;\n  }\n}\n\n@mixin slider-disabled {\n  opacity: $slider-opacity-disabled;\n  cursor: not-allowed;\n}\n\n@mixin slider-vertical {\n  display: inline-block;\n  width: $slider-width-vertical;\n  height: 12.5rem;\n  margin: 0 1.25rem;\n  transform: scale(1, -1);\n\n  .slider-fill {\n    top: 0;\n    width: $slider-width-vertical;\n    max-height: 100%;\n  }\n\n  .slider-handle {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: $slider-handle-height;\n    height: $slider-handle-width;\n    transform: translateX(-50%);\n  }\n}\n\n@mixin foundation-slider {\n  // Container\n  .slider {\n    @include slider-container;\n  }\n\n  // Fill area\n  .slider-fill {\n    @include slider-fill;\n  }\n\n  // Draggable handle\n  .slider-handle {\n    @include slider-handle;\n  }\n\n  // Disabled state\n  .slider.disabled,\n  .slider[disabled] {\n    @include slider-disabled;\n  }\n\n  // Vertical slider\n  .slider.vertical {\n    @include slider-vertical;\n  }\n\n  // RTL support\n  @if $global-text-direction == rtl {\n    .slider:not(.vertical) {\n      transform: scale(-1, 1);\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group switch\n////\n\n/// Background color of a switch.\n/// @type Color\n$switch-background: $medium-gray !default;\n\n/// Background active color of a switch.\n/// @type Color\n$switch-background-active: $primary-color !default;\n\n/// Height of a switch, with no class applied.\n/// @type Number\n$switch-height: 2rem !default;\n\n/// Height of a switch with .tiny class.\n/// @type Number\n$switch-height-tiny: 1.5rem !default;\n\n/// Height of a switch with .small class.\n/// @type Number\n$switch-height-small: 1.75rem !default;\n\n/// Height of a switch with .large class.\n/// @type Number\n$switch-height-large: 2.5rem !default;\n\n/// Border radius of the switch\n/// @type Number\n$switch-radius: $global-radius !default;\n\n/// border around a modal.\n/// @type Number\n$switch-margin: $global-margin !default;\n\n/// Background color for the switch container and paddle.\n/// @type Color\n$switch-paddle-background: $white !default;\n\n/// Spacing between a switch paddle and the edge of the body.\n/// @type Number\n$switch-paddle-offset: 0.25rem !default;\n\n/// border radius of the switch paddle\n/// @type Number\n$switch-paddle-radius: $global-radius !default;\n\n/// switch transition.\n/// @type Number\n$switch-paddle-transition: all 0.25s ease-out !default;\n\n/// Opacity of a disabled switch.\n/// @type Number\n$switch-opacity-disabled: .5 !default;\n\n/// Cursor for a disabled switch.\n/// @type Cursor\n$switch-cursor-disabled: not-allowed !default;\n\n// make them variables\n// ask about accessibility on label\n// change class name for text\n\n/// Adds styles for a switch container. Apply this to a container class.\n@mixin switch-container {\n  position: relative;\n  margin-bottom: $switch-margin;\n  outline: 0;\n\n  // These properties cascade down to the switch text\n  font-size: rem-calc(14);\n  font-weight: bold;\n  color: $white;\n\n  user-select: none;\n}\n\n/// Adds styles for a switch input. Apply this to an `<input>` within a switch.\n@mixin switch-input {\n  position: absolute;\n  margin-bottom: 0;\n  opacity: 0;\n}\n\n/// Adds styles for the background and paddle of a switch. Apply this to a `<label>` within a switch.\n@mixin switch-paddle {\n  $switch-width: $switch-height * 2;\n  $paddle-height: $switch-height - ($switch-paddle-offset * 2);\n  $paddle-width: $switch-height - ($switch-paddle-offset * 2);\n  $paddle-active-offest: $switch-width - $paddle-width - $switch-paddle-offset;\n\n  position: relative;\n  display: block;\n  width: $switch-width;\n  height: $switch-height;\n\n  border-radius: $switch-radius;\n  background: $switch-background;\n  transition: $switch-paddle-transition;\n\n  // Resetting these <label> presets so type styles cascade down\n  font-weight: inherit;\n  color: inherit;\n\n  cursor: pointer;\n\n  // Needed to override specificity\n  input + & {\n    margin: 0;\n  }\n\n  // The paddle itself\n  &::after {\n    position: absolute;\n    top: $switch-paddle-offset;\n    #{$global-left}: $switch-paddle-offset;\n\n    display: block;\n    width: $paddle-width;\n    height: $paddle-height;\n\n    transform: translate3d(0, 0, 0);\n    border-radius: $switch-paddle-radius;\n    background: $switch-paddle-background;\n    transition: $switch-paddle-transition;\n    content: '';\n  }\n\n  // Change the visual style when the switch is active\n  input:checked ~ & {\n    background: $switch-background-active;\n\n    &::after {\n      #{$global-left}: $paddle-active-offest;\n    }\n  }\n\n  // indicate a disabled switch\n  input:disabled ~ & {\n    cursor: $switch-cursor-disabled;\n    opacity: $switch-opacity-disabled;\n  }\n\n  input:focus ~ & {\n    @include disable-mouse-outline;\n  }\n}\n\n/// Adds base styles for active/inactive text inside a switch. Apply this to text elements inside the switch `<label>`.\n@mixin switch-text {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/// Adds styles for the active state text within a switch.\n@mixin switch-text-active {\n  #{$global-left}: 8%;\n  display: none;\n\n  input:checked + label > & {\n    display: block;\n  }\n}\n\n/// Adds styles for the inactive state text within a switch.\n@mixin switch-text-inactive {\n  #{$global-right}: 15%;\n\n  input:checked + label > & {\n    display: none;\n  }\n}\n\n/// Changes the size of a switch by modifying the size of the body and paddle. Apply this to a switch container.\n/// @param {Number} $font-size [1rem] - Font size of label text within the switch.\n/// @param {Number} $switch-height [2rem] - Height of the switch body.\n/// @param {Number} $paddle-offset [0.25rem] - Spacing between the switch paddle and the edge of the switch body.\n@mixin switch-size(\n  $font-size: 1rem,\n  $switch-height: 2rem,\n  $paddle-offset: 0.25rem\n) {\n\n  $switch-width: $switch-height * 2;\n  $paddle-width: $switch-height - ($paddle-offset * 2);\n  $paddle-height: $switch-height - ($paddle-offset * 2);\n  $paddle-active-offest: $switch-width - $paddle-width - $paddle-offset;\n\n  height: $switch-height;\n\n  .switch-paddle {\n    width: $switch-width;\n    height: $switch-height;\n    font-size: $font-size;\n  }\n\n  .switch-paddle::after {\n    top: $paddle-offset;\n    #{$global-left}: $paddle-offset;\n    width: $paddle-width;\n    height: $paddle-height;\n  }\n\n  input:checked ~ .switch-paddle::after {\n    #{$global-left}: $paddle-active-offest;\n  }\n}\n\n@mixin foundation-switch {\n  // Container class\n  .switch {\n    height: $switch-height;\n    @include switch-container;\n  }\n\n  // <input> element\n  .switch-input {\n    @include switch-input;\n  }\n\n  // <label> element\n  .switch-paddle {\n    @include switch-paddle;\n  }\n\n  // Base label text styles\n  %switch-text {\n    @include switch-text;\n  }\n\n  // Active label text styles\n  .switch-active {\n    @extend %switch-text;\n    @include switch-text-active;\n  }\n\n  // Inactive label text styles\n  .switch-inactive {\n    @extend %switch-text;\n    @include switch-text-inactive;\n  }\n\n  // Switch sizes\n  .switch.tiny {\n    @include switch-size(rem-calc(10), $switch-height-tiny, $switch-paddle-offset);\n  }\n\n  .switch.small {\n    @include switch-size(rem-calc(12), $switch-height-small, $switch-paddle-offset);\n  }\n\n  .switch.large {\n    @include switch-size(rem-calc(16), $switch-height-large, $switch-paddle-offset);\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n// sass-lint:disable no-qualifying-elements\n\n////\n/// @group table\n////\n\n/// Default color for table background.\n/// @type Color\n$table-background: $white  !default;\n\n/// Default scale for darkening the striped table rows and the table border.\n/// @type Number\n$table-color-scale: 5% !default;\n\n/// Default style for table border.\n/// @type List\n$table-border: 1px solid smart-scale($table-background, $table-color-scale) !default;\n\n/// Default padding for table.\n/// @type Number\n$table-padding: rem-calc(8 10 10) !default;\n\n/// Default scale for darkening the table rows on hover.\n/// @type Number\n$table-hover-scale: 2% !default;\n\n/// Default color of standard rows on hover.\n/// @type List\n$table-row-hover: darken($table-background, $table-hover-scale) !default;\n\n/// Default color of striped rows on hover.\n/// @type List\n$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale) !default;\n\n/// If `true`, tables are striped by default and an .unstriped class is created. If `false`, a .striped class is created.\n/// @type Boolean\n$table-is-striped: true !default;\n\n/// Default background color for striped rows.\n/// @type Color\n$table-striped-background: smart-scale($table-background, $table-color-scale) !default;\n\n/// Default value for showing the stripe on rows of the tables, excluding the header and footer. If even, the even rows will have a background color. If odd, the odd rows will have a background color. If empty, or any other value, the table rows will have no striping.\n/// @type Keyword\n$table-stripe: even !default;\n\n/// Default color for header background.\n/// @type Color\n$table-head-background: smart-scale($table-background, $table-color-scale / 2) !default;\n\n/// Default color of header rows on hover.\n/// @type List\n$table-head-row-hover: darken($table-head-background, $table-hover-scale) !default;\n\n/// Default color for footer background.\n/// @type Color\n$table-foot-background: smart-scale($table-background, $table-color-scale) !default;\n\n/// Default color of footer rows on hover.\n/// @type List\n$table-foot-row-hover: darken($table-foot-background, $table-hover-scale) !default;\n\n/// Default font color for header.\n/// @type Color\n$table-head-font-color: $body-font-color !default;\n\n/// Default font color for footer.\n/// @type Color\n$table-foot-font-color: $body-font-color !default;\n\n/// Default value for showing the header when using stacked tables.\n/// @type Boolean\n$show-header-for-stacked: false !default;\n\n/// Breakpoint at which stacked table switches from mobile to desktop view.\n/// @type Breakpoint\n$table-stack-breakpoint: medium !default;\n\n@mixin -zf-table-stripe($stripe: $table-stripe) {\n  tr {\n    // If stripe is set to even, darken the even rows.\n    @if $stripe == even {\n      &:nth-child(even) {\n        border-bottom: 0;\n        background-color: $table-striped-background;\n      }\n    }\n\n    // If stripe is set to odd, darken the odd rows.\n    @else if $stripe == odd {\n      &:nth-child(odd) {\n        background-color: $table-striped-background;\n      }\n    }\n  }\n}\n\n@mixin -zf-table-unstripe() {\n  tr {\n    border-bottom: 0;\n    border-bottom: $table-border;\n    background-color: $table-background;\n  }\n}\n\n@mixin -zf-table-children-styles($stripe: $table-stripe, $is-striped: $table-is-striped) {\n  thead,\n  tbody,\n  tfoot {\n    border: $table-border;\n    background-color: $table-background;\n  }\n\n  // Caption\n  caption {\n    padding: $table-padding;\n    font-weight: $global-weight-bold;\n  }\n\n  // Table head\n  thead {\n    background: $table-head-background;\n    color: $table-head-font-color;\n  }\n\n  // Table foot\n  tfoot {\n    background: $table-foot-background;\n    color: $table-foot-font-color;\n  }\n\n  // Table head and foot\n  thead,\n  tfoot {\n    // Rows within head and foot\n    tr {\n      background: transparent;\n    }\n\n    // Cells within head and foot\n    th,\n    td {\n      padding: $table-padding;\n      font-weight: $global-weight-bold;\n      text-align: #{$global-left};\n    }\n  }\n\n  // Table rows\n  tbody {\n    th,\n    td {\n      padding: $table-padding;\n    }\n  }\n\n  // If tables are striped\n  @if $is-striped == true {\n    tbody {\n      @include -zf-table-stripe($stripe);\n    }\n\n    &.unstriped {\n      tbody {\n        @include -zf-table-unstripe();\n        background-color: $table-background;\n      }\n    }\n  }\n\n  // If tables are not striped\n  @else if $is-striped == false {\n    tbody {\n      @include -zf-table-unstripe();\n    }\n\n    &.striped {\n      tbody {\n        @include -zf-table-stripe($stripe);\n      }\n    }\n  }\n}\n\n/// Adds the general styles for tables.\n/// @param {Keyword} $stripe [$table-stripe] - Uses keywords even, odd, or none to darken rows of the table. The default value is even.\n/// @param {Boolean} $nest [false] - Needed if you only want to apply this to a specific table.\n@mixin table(\n  $stripe: $table-stripe,\n  $nest: false\n) {\n  border-collapse: collapse;\n  width: 100%;\n  margin-bottom: $global-margin;\n  border-radius: $global-radius;\n\n  @if $nest {\n    @include -zf-table-children-styles($stripe);\n  }\n  @else {\n    @at-root {\n      @include -zf-table-children-styles($stripe);\n    }\n  }\n}\n\n/// Adds the ability to horizontally scroll the table when the content overflows horizontally.\n@mixin table-scroll {\n  display: block;\n  width: 100%;\n  overflow-x: auto;\n}\n\n/// Slightly darkens the table rows on hover.\n@mixin table-hover {\n  thead tr {\n    //Darkens the table header rows on hover.\n    &:hover {\n      background-color: $table-head-row-hover;\n    }\n  }\n\n  tfoot tr {\n    //Darkens the table footer rows on hover.\n    &:hover {\n      background-color: $table-foot-row-hover;\n    }\n  }\n\n  tbody tr {\n    //Darkens the non-striped table rows on hover.\n    &:hover {\n      background-color: $table-row-hover;\n    }\n  }\n\n  @if $table-is-striped == true {\n    // Darkens the even striped table rows.\n    @if($table-stripe == even) {\n      &:not(.unstriped) tr:nth-of-type(even):hover {\n        background-color: $table-row-stripe-hover;\n      }\n    }\n\n    // Darkens the odd striped table rows.\n    @else if($table-stripe == odd) {\n      &:not(.unstriped) tr:nth-of-type(odd):hover {\n        background-color: $table-row-stripe-hover;\n      }\n    }\n  }\n\n  @else if $table-is-striped == false {\n    // Darkens the even striped table rows.\n    @if($table-stripe == even) {\n      &.striped tr:nth-of-type(even):hover {\n        background-color: $table-row-stripe-hover;\n      }\n    }\n\n    // Darkens the odd striped table rows.\n    @else if($table-stripe == odd) {\n      &.striped tr:nth-of-type(odd):hover {\n        background-color: $table-row-stripe-hover;\n      }\n    }\n  }\n}\n\n/// Adds styles for a stacked table. Useful for small-screen layouts.\n/// @param {Boolean} $header [$show-header-for-stacked] - Show the first th of header when stacked.\n@mixin table-stack($header: $show-header-for-stacked) {\n  @if $header {\n    thead {\n      th {\n        display: block;\n      }\n    }\n  }\n  @else {\n    thead {\n      display: none;\n    }\n  }\n\n  tfoot {\n    display: none;\n  }\n\n  tr,\n  th,\n  td {\n    display: block;\n  }\n\n  td {\n    border-top: 0;\n  }\n}\n\n@mixin foundation-table($nest: false) {\n  table {\n    @include table($nest: $nest);\n  }\n\n  table.stack {\n    @include breakpoint($table-stack-breakpoint down) {\n      @include table-stack;\n    }\n  }\n\n  table.scroll {\n    @include table-scroll;\n  }\n\n  table.hover {\n    @include table-hover;\n  }\n\n  .table-scroll {\n    overflow-x: auto;\n\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group badge\n////\n\n/// Default background color for badges.\n/// @type Color\n$badge-background: $primary-color !default;\n\n/// Default text color for badges.\n/// @type Color\n$badge-color: $white !default;\n\n/// Alternate text color for badges.\n/// @type Color\n$badge-color-alt: $black !default;\n\n/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.\n/// @type Map\n$badge-palette: $foundation-palette !default;\n\n/// Default padding inside badges.\n/// @type Number\n$badge-padding: 0.3em !default;\n\n/// Minimum width of a badge.\n/// @type Number\n$badge-minwidth: 2.1em !default;\n\n/// Default font size for badges.\n/// @type Number\n$badge-font-size: 0.6rem !default;\n\n/// Generates the base styles for a badge.\n@mixin badge {\n  display: inline-block;\n  min-width: $badge-minwidth;\n  padding: $badge-padding;\n\n  border-radius: 50%;\n\n  font-size: $badge-font-size;\n  text-align: center;\n}\n\n@mixin foundation-badge {\n  .badge {\n    @include badge;\n\n    background: $badge-background;\n    color: $badge-color;\n\n    @each $name, $color in $badge-palette {\n      &.#{$name} {\n        background: $color;\n        color: color-pick-contrast($color, ($badge-color, $badge-color-alt));\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group breadcrumbs\n////\n\n/// Margin around a breadcrumbs container.\n/// @type Number\n$breadcrumbs-margin: 0 0 $global-margin 0 !default;\n\n/// Font size of breadcrumb links.\n/// @type Number\n$breadcrumbs-item-font-size: rem-calc(11) !default;\n\n/// Color of breadcrumb links.\n/// @type Color\n$breadcrumbs-item-color: $primary-color !default;\n\n/// Color of the active breadcrumb link.\n/// @type Color\n$breadcrumbs-item-color-current: $black !default;\n\n/// Opacity of disabled breadcrumb links.\n/// @type Number\n$breadcrumbs-item-color-disabled: $medium-gray !default;\n\n/// Margin between breadcrumb items.\n/// @type Number\n$breadcrumbs-item-margin: 0.75rem !default;\n\n/// If `true`, makes breadcrumb links uppercase.\n/// @type Boolean\n$breadcrumbs-item-uppercase: true !default;\n\n/// If `true`, adds a seperator between breadcrumb links.\n/// @type Boolean\n$breadcrumbs-item-separator: true !default;\n\n// If it exists $breadcrumbs-item-slash is used to build $breadcrumbs-item-separator. See the documentation.\n@if variable-exists(breadcrumbs-item-slash) {\n  $breadcrumbs-item-separator: $breadcrumbs-item-slash;\n}\n\n/// Used character for the breadcrumb separator.\n/// @type Content\n$breadcrumbs-item-separator-item: '/' !default;\n\n/// Used character for the breadcrumb separator in rtl mode.\n/// @type Content\n$breadcrumbs-item-separator-item-rtl: '\\\\' !default;\n\n/// Color of breadcrumb item.\n/// @type Color\n$breadcrumbs-item-separator-color: $medium-gray !default;\n\n// If it exists $breadcrumbs-item-slash-color is used to build $breadcrumbs-item-separator-color. See the documentation.\n@if variable-exists(breadcrumbs-item-slash-color) {\n  $breadcrumbs-item-separator-color: $breadcrumbs-item-slash-color;\n}\n\n/// Adds styles for a breadcrumbs container, along with the styles for the `<li>` and `<a>` elements inside of it.\n@mixin breadcrumbs-container {\n  @include clearfix;\n  margin: $breadcrumbs-margin;\n  list-style: none;\n\n  // Item wrapper\n  li {\n    float: #{$global-left};\n\n    font-size: $breadcrumbs-item-font-size;\n    color: $breadcrumbs-item-color-current;\n    cursor: default;\n\n    @if $breadcrumbs-item-uppercase {\n      text-transform: uppercase;\n    }\n\n    @if $breadcrumbs-item-separator {\n      // Need to escape the backslash\n      $separator: if($global-text-direction == 'ltr', $breadcrumbs-item-separator-item, $breadcrumbs-item-separator-item-rtl);\n\n      &:not(:last-child) {\n        &::after {\n          position: relative;\n          margin: 0 $breadcrumbs-item-margin;\n          opacity: 1;\n          content: $separator;\n          color: $breadcrumbs-item-separator-color;\n        }\n      }\n    }\n    @else {\n      margin-#{$global-right}: $breadcrumbs-item-margin;\n    }\n  }\n\n  // Page links\n  a {\n    color: $breadcrumbs-item-color;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n@mixin foundation-breadcrumbs {\n  .breadcrumbs {\n    @include breadcrumbs-container;\n\n    .disabled {\n      color: $breadcrumbs-item-color-disabled;\n      cursor: not-allowed;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group callout\n////\n\n/// Default background color.\n/// @type Color\n$callout-background: $white !default;\n\n/// Default fade value for callout backgrounds.\n/// @type Number\n$callout-background-fade: 85% !default;\n\n/// Default border style for callouts.\n/// @type List\n$callout-border: 1px solid rgba($black, 0.25) !default;\n\n/// Default bottom margin for callouts.\n/// @type Number\n$callout-margin: 0 0 1rem 0 !default;\n\n/// Sizes for Callout paddings.\n/// @type Map\n$callout-sizes: (\n  small: 0.5rem,\n  default: 1rem,\n  large: 3rem,\n) !default;\n\n/// Default font color for callouts.\n/// @type Color\n$callout-font-color: $body-font-color !default;\n\n/// Default font color for callouts, if the callout has a dark background.\n/// @type Color\n$callout-font-color-alt: $body-background !default;\n\n/// Default border radius for callouts.\n/// @type Color\n$callout-radius: $global-radius !default;\n\n/// Amount to tint links used within colored panels. Set to `false` to disable this feature.\n/// @type Number | Boolean\n$callout-link-tint: 30% !default;\n\n/// Adds basic styles for a callout, including padding and margin.\n@mixin callout-base() {\n  position: relative;\n  margin: $callout-margin;\n  padding: map-get($callout-sizes, default);\n\n  border: $callout-border;\n  border-radius: $callout-radius;\n\n  // Respect the padding, fool.\n  > :first-child {\n    margin-top: 0;\n  }\n\n  > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n/// Generate quick styles for a callout using a single color as a baseline.\n/// @param {Color} $color [$callout-background] - Color to use.\n@mixin callout-style($color: $callout-background) {\n  $background: scale-color($color, $lightness: $callout-background-fade);\n\n  background-color: $background;\n  color: color-pick-contrast($background, ($callout-font-color, $callout-font-color-alt));\n}\n\n@mixin callout-size($padding) {\n  padding-top: $padding;\n  padding-right: $padding;\n  padding-bottom: $padding;\n  padding-left: $padding;\n}\n\n\n/// Adds styles for a callout.\n/// @param {Color} $color [$callout-background] - Color to use.\n@mixin callout($color: $callout-background) {\n  @include callout-base;\n  @include callout-style($color);\n}\n\n@mixin foundation-callout {\n  .callout {\n    @include callout;\n\n    @each $name, $color in $foundation-palette {\n      &.#{$name} {\n        @include callout-style($color);\n      }\n    }\n\n    @each $size, $padding in map-remove($callout-sizes, default) {\n      &.#{$size} {\n        @include callout-size($padding);\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group card\n////\n\n/// Default background color.\n/// @type Color\n$card-background: $white !default;\n\n/// Default font color for cards.\n/// @type Color\n$card-font-color: $body-font-color !default;\n\n/// Default background.\n/// @type Color\n$card-divider-background: $light-gray !default;\n\n/// Default border style.\n/// @type List\n$card-border: 1px solid $light-gray !default;\n\n/// Default card shadow.\n/// @type List\n$card-shadow: none !default;\n\n/// Default border radius.\n/// @type List\n$card-border-radius: $global-radius !default;\n\n/// Default padding.\n/// @type Number\n$card-padding: $global-padding !default;\n\n/// Default bottom margin.\n/// @type number\n$card-margin-bottom: $global-margin !default;\n\n/// Adds styles for a card container.\n/// @param {Color} $background - Background color of the card.\n/// @param {Color} $color - font color of the card.\n/// @param {Number} $margin - Bottom margin of the card.\n/// @param {List} $border - Border around the card.\n/// @param {List} $radius - border radius of the card.\n/// @param {List} $shadow - box shadow of the card.\n@mixin card-container(\n  $background: $card-background,\n  $color: $card-font-color,\n  $margin: $card-margin-bottom,\n  $border: $card-border,\n  $radius: $card-border-radius,\n  $shadow: $card-shadow\n) {\n  @if $global-flexbox {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n  }\n\n  margin-bottom: $margin;\n\n  border: $border;\n  border-radius: $radius;\n\n  background: $background;\n  box-shadow: $shadow;\n\n  overflow: hidden;\n  color: $color;\n\n  & > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n/// Adds styles for a card divider.\n@mixin card-divider(\n  $background: $card-divider-background,\n  $padding: $card-padding\n) {\n  @if $global-flexbox {\n    display: flex;\n    flex: 0 1 auto;\n  }\n\n  padding: $padding;\n  background: $background;\n\n  & > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n/// Adds styles for a card section.\n@mixin card-section(\n  $padding: $card-padding\n) {\n  @if $global-flexbox {\n    flex: 1 0 auto;\n  }\n\n  padding: $padding;\n\n  & > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n@mixin foundation-card {\n  .card {\n    @include card-container;\n  }\n\n  .card-divider {\n    @include card-divider;\n  }\n\n  .card-section {\n    @include card-section;\n  }\n\n  // For IE 11 - Flexbug\n  // https://github.com/philipwalton/flexbugs/issues/75\n  .card-image {\n    min-height: 1px;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group dropdown\n////\n\n/// Padding for dropdown panes.\n/// @type List\n$dropdown-padding: 1rem !default;\n\n/// Background for dropdown panes.\n/// @type Color\n$dropdown-background: $body-background !default;\n\n/// Border for dropdown panes.\n/// @type List\n$dropdown-border: 1px solid $medium-gray !default;\n\n/// Font size for dropdown panes.\n/// @type List\n$dropdown-font-size: 1rem !default;\n\n/// Width for dropdown panes.\n/// @type Number\n$dropdown-width: 300px !default;\n\n/// Border radius dropdown panes.\n/// @type Number\n$dropdown-radius: $global-radius !default;\n\n/// Sizes for dropdown panes. Each size is a CSS class you can apply.\n/// @type Map\n$dropdown-sizes: (\n  tiny: 100px,\n  small: 200px,\n  large: 400px,\n) !default;\n\n/// Applies styles for a basic dropdown.\n@mixin dropdown-container {\n  position: absolute;\n  z-index: 10;\n\n  display: none;\n\n  width: $dropdown-width;\n  padding: $dropdown-padding;\n\n  visibility: hidden;\n  border: $dropdown-border;\n  border-radius: $dropdown-radius;\n  background-color: $dropdown-background;\n\n  font-size: $dropdown-font-size;\n\n\n  // Allow an intermittent state to do positioning before making visible.\n  &.is-opening {\n    display: block;\n  }\n\n  &.is-open {\n    display: block;\n    visibility: visible;\n  }\n}\n\n@mixin foundation-dropdown {\n  .dropdown-pane {\n    @include dropdown-container;\n  }\n\n  @each $name, $size in $dropdown-sizes {\n    .dropdown-pane {\n      &.#{$name} {\n        width: $size;\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group pagination\n////\n\n/// Font size of pagination items.\n/// @type Number\n$pagination-font-size: rem-calc(14) !default;\n\n/// Default bottom margin of the pagination object.\n/// @type Number\n$pagination-margin-bottom: $global-margin !default;\n\n/// Text color of pagination items.\n/// @type Color\n$pagination-item-color: $black !default;\n\n/// Padding inside of pagination items.\n/// @type Number\n$pagination-item-padding: rem-calc(3 10) !default;\n\n/// Right margin to separate pagination items.\n/// @type Number\n$pagination-item-spacing: rem-calc(1) !default;\n\n/// Default radius for pagination items.\n/// @type Number\n$pagination-radius: $global-radius !default;\n\n/// Background color of pagination items on hover.\n/// @type Color\n$pagination-item-background-hover: $light-gray !default;\n\n/// Background color of pagination item for the current page.\n/// @type Color\n$pagination-item-background-current: $primary-color !default;\n\n/// Text color of the pagination item for the current page.\n/// @type Color\n$pagination-item-color-current: $white !default;\n\n/// Text color of a disabled pagination item.\n/// @type Color\n$pagination-item-color-disabled: $medium-gray !default;\n\n/// Color of the ellipsis in a pagination menu.\n/// @type Color\n$pagination-ellipsis-color: $black !default;\n\n/// If `false`, don't display page number links on mobile, only next/previous links\n/// and optionally current page number.\n/// @type Boolean\n$pagination-mobile-items: false !default;\n\n/// If `true`, display the current page number on mobile even if `$pagination-mobile-items` is set to `false`.\n/// This parameter will only override the visibility setting of the current item for `$pagination-mobile-items: false;`,\n/// it will not affect the current page number visibility when `$pagination-mobile-items` is set to `true`.\n/// @type Boolean\n$pagination-mobile-current-item: false !default;\n\n/// If `true`, arrows are added to the next and previous links of pagination.\n/// @type Boolean\n$pagination-arrows: true !default;\n\n/// Content for the previous arrow when `$pagination-arrows` is `true`\n/// @type String\n$pagination-arrow-previous: '\\00AB' !default;\n\n/// Content for the next arrow when `$pagination-arrows` is `true`\n/// @type String\n$pagination-arrow-next: '\\00BB' !default;\n\n/// Adds styles for a pagination container. Apply this to a `<ul>`.\n@mixin pagination-container (\n  $margin-bottom: $pagination-margin-bottom,\n  $font-size: $pagination-font-size,\n  $spacing: $pagination-item-spacing,\n  $radius: $pagination-radius,\n  $color: $pagination-item-color,\n  $padding: $pagination-item-padding,\n  $background-hover: $pagination-item-background-hover\n) {\n  @include clearfix;\n  margin-#{$global-left}: 0;\n  margin-bottom: $margin-bottom;\n\n  // List item\n  li {\n    margin-#{$global-right}: $spacing;\n    border-radius: $radius;\n    font-size: $font-size;\n\n    @if $pagination-mobile-items {\n      display: inline-block;\n    }\n    @else {\n      display: none;\n\n      &:last-child,\n      &:first-child {\n        display: inline-block;\n      }\n\n      @if $pagination-mobile-current-item {\n        &.current {\n          display: inline-block;\n        }\n      }\n\n      @include breakpoint(medium) {\n        display: inline-block;\n      }\n    }\n  }\n\n  // Page links\n  a,\n  button {\n    display: block;\n    padding: $padding;\n    border-radius: $radius;\n    color: $color;\n\n    &:hover {\n      background: $background-hover;\n    }\n  }\n}\n\n/// Adds styles for the current pagination item. Apply this to an `<a>`.\n@mixin pagination-item-current (\n  $padding: $pagination-item-padding,\n  $background-current: $pagination-item-background-current,\n  $color-current: $pagination-item-color-current\n) {\n  padding: $padding;\n  background: $background-current;\n  color: $color-current;\n  cursor: default;\n}\n\n/// Adds styles for a disabled pagination item. Apply this to an `<a>`.\n@mixin pagination-item-disabled (\n  $padding: $pagination-item-padding,\n  $color: $pagination-item-color-disabled\n) {\n  padding: $padding;\n  color: $color;\n  cursor: not-allowed;\n\n  &:hover {\n    background: transparent;\n  }\n}\n\n/// Adds styles for an ellipsis for use in a pagination list.\n@mixin pagination-ellipsis (\n  $padding: $pagination-item-padding,\n  $color: $pagination-ellipsis-color\n) {\n  padding: $padding;\n  content: '\\2026';\n  color: $color;\n}\n\n@mixin foundation-pagination {\n  .pagination {\n    @include pagination-container;\n\n    .current {\n      @include pagination-item-current;\n    }\n\n    .disabled {\n      @include pagination-item-disabled;\n    }\n\n    .ellipsis::after {\n      @include pagination-ellipsis;\n    }\n  }\n\n  @if $pagination-arrows {\n    .pagination-previous a::before,\n    .pagination-previous.disabled::before {\n      display: inline-block;\n      margin-#{$global-right}: 0.5rem;\n      content: $pagination-arrow-previous;\n    }\n\n    .pagination-next a::after,\n    .pagination-next.disabled::after {\n      display: inline-block;\n      margin-#{$global-left}: 0.5rem;\n      content: $pagination-arrow-next;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group tooltip\n////\n\n/// Default cursor of the defined term.\n/// @type Keyword\n$has-tip-cursor: help !default;\n\n/// Default font weight of the defined term.\n/// @type Keyword | Number\n$has-tip-font-weight: $global-weight-bold !default;\n\n/// Default border bottom of the defined term.\n/// @type List\n$has-tip-border-bottom: dotted 1px $dark-gray !default;\n\n/// Default color of the tooltip background.\n/// @type Color\n$tooltip-background-color: $black !default;\n\n/// Default color of the tooltip font.\n/// @type Color\n$tooltip-color: $white !default;\n\n/// Default padding of the tooltip background.\n/// @type Number\n$tooltip-padding: 0.75rem !default;\n\n/// Default max width for tooltips.\n/// @type Number\n$tooltip-max-width: 10rem !default;\n\n/// Default font size of the tooltip text. By default, we recommend a smaller font size than the body copy.\n/// @type Number\n$tooltip-font-size: $small-font-size !default;\n\n/// Default pip width for tooltips.\n/// @type Number\n$tooltip-pip-width: 0.75rem !default;\n\n/// Default pip height for tooltips. This is helpful for calculating the distance of the tooltip from the tooltip word.\n/// @type Number\n$tooltip-pip-height: $tooltip-pip-width * 0.866 !default;\n\n/// Default radius for tooltips.\n/// @type Number\n$tooltip-radius: $global-radius !default;\n\n@mixin has-tip {\n  position: relative;\n  display: inline-block;\n\n  border-bottom: $has-tip-border-bottom;\n  font-weight: $has-tip-font-weight;\n  cursor: $has-tip-cursor;\n}\n\n@mixin tooltip {\n  position: absolute;\n  top: calc(100% + #{$tooltip-pip-height});\n  z-index: 1200;\n\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding;\n\n  border-radius: $tooltip-radius;\n  background-color: $tooltip-background-color;\n  font-size: $tooltip-font-size;\n  color: $tooltip-color;\n\n  &::before {\n    position: absolute;\n  }\n\n  &.bottom {\n    &::before {\n      @include css-triangle($tooltip-pip-width, $tooltip-background-color, up);\n      bottom: 100%;\n    }\n\n    &.align-center::before {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n\n  &.top {\n    &::before {\n      @include css-triangle($tooltip-pip-width, $tooltip-background-color, down);\n      top: 100%;\n      bottom: auto;\n    }\n\n    &.align-center::before {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n\n  &.left {\n    &::before {\n      @include css-triangle($tooltip-pip-width, $tooltip-background-color, right);\n      left: 100%;\n    }\n\n    &.align-center::before {\n      bottom: auto;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &.right {\n    &::before {\n      @include css-triangle($tooltip-pip-width, $tooltip-background-color, left);\n      right: 100%;\n      left: auto;\n    }\n\n    &.align-center::before {\n      bottom: auto;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  &.align-top::before {\n    bottom: auto;\n    top: 10%;\n  }\n\n  &.align-bottom::before {\n    bottom: 10%;\n    top: auto;\n  }\n\n  &.align-left::before {\n    left: 10%;\n    right: auto;\n  }\n\n  &.align-right::before {\n    left: auto;\n    right: 10%;\n  }\n}\n\n@mixin foundation-tooltip {\n  .has-tip {\n    @include has-tip;\n  }\n\n  .tooltip {\n    @include tooltip;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group accordion\n////\n\n/// Default background color of an accordion group.\n/// @type Color\n$accordion-background: $white !default;\n\n/// If `true`, adds plus and minus icons to the side of each accordion title.\n/// @type Boolean\n$accordion-plusminus: true !default;\n\n/// Content for the plus icon when `$accordion-plusminus` is `true`\n/// @type String\n$accordion-plus-content: '\\002B' !default;\n\n/// Content for the minus icon when `$accordion-plusminus` is `true`\n/// @type String\n$accordion-minus-content: '\\2013' !default;\n\n/// Font size of accordion titles.\n/// @type Number\n$accordion-title-font-size: rem-calc(12) !default;\n\n/// Default text color for items in a Menu.\n/// @type Color\n$accordion-item-color: $primary-color !default;\n\n/// Default background color on hover for items in a Menu.\n/// @type Color\n$accordion-item-background-hover: $light-gray !default;\n\n/// Default padding of an accordion item.\n/// @type Number | List\n$accordion-item-padding: 1.25rem 1rem !default;\n\n/// Default background color of tab content.\n/// @type Color\n$accordion-content-background: $white !default;\n\n/// Default border color of tab content.\n/// @type Color\n$accordion-content-border: 1px solid $light-gray !default;\n\n/// Default text color of tab content.\n/// @type Color\n$accordion-content-color: $body-font-color !default;\n\n/// Default padding for tab content.\n/// @type Number | List\n$accordion-content-padding: 1rem !default;\n\n/// Adds styles for an accordion container. Apply this to the same element that gets `data-accordion`.\n@mixin accordion-container (\n  $background: $accordion-background\n) {\n  margin-#{$global-left}: 0;\n  background: $background;\n  list-style-type: none;\n\n  &[disabled] {\n    .accordion-title {\n      cursor: not-allowed;\n    }\n  }\n}\n\n/// Adds styles for the accordion item. Apply this to the list item within an accordion ul.\n@mixin accordion-item {\n  &:first-child > :first-child {\n    border-radius: $global-radius $global-radius 0 0;\n  }\n\n  &:last-child > :last-child {\n    border-radius: 0 0 $global-radius $global-radius;\n  }\n}\n\n/// Adds styles for the title of an accordion item. Apply this to the link within an accordion item.\n@mixin accordion-title (\n  $padding: $accordion-item-padding,\n  $font-size: $accordion-title-font-size,\n  $color: $accordion-item-color,\n  $border: $accordion-content-border,\n  $background-hover: $accordion-item-background-hover\n) {\n  position: relative;\n  display: block;\n  padding: $padding;\n\n  border: $border;\n  border-bottom: 0;\n\n  font-size: $font-size;\n  line-height: 1;\n  color: $color;\n\n  :last-child:not(.is-active) > & {\n    border-bottom: $border;\n    border-radius: 0 0 $global-radius $global-radius;\n  }\n\n  &:hover,\n  &:focus {\n    background-color: $background-hover;\n  }\n\n  @if $accordion-plusminus {\n    &::before {\n      position: absolute;\n      top: 50%;\n      #{$global-right}: 1rem;\n      margin-top: -0.5rem;\n      content: $accordion-plus-content;\n    }\n\n    .is-active > &::before {\n      content: $accordion-minus-content;\n    }\n  }\n}\n\n/// Adds styles for accordion content. Apply this to the content pane below an accordion item's title.\n@mixin accordion-content (\n  $padding: $accordion-content-padding,\n  $border: $accordion-content-border,\n  $background: $accordion-content-background,\n  $color: $accordion-content-color\n) {\n  display: none;\n  padding: $padding;\n\n  border: $border;\n  border-bottom: 0;\n  background-color: $background;\n\n  color: $color;\n\n  :last-child > &:last-child {\n    border-bottom: $border;\n  }\n}\n\n@mixin foundation-accordion {\n  .accordion {\n    @include accordion-container;\n  }\n\n  .accordion-item {\n    @include accordion-item;\n  }\n\n  .accordion-title {\n    @include accordion-title;\n  }\n\n  .accordion-content {\n    @include accordion-content;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group media-object\n////\n\n/// Bottom margin of a media object.\n/// @type Number\n$mediaobject-margin-bottom: $global-margin !default;\n\n/// Left and right padding on sections within a media object.\n/// @type Number\n$mediaobject-section-padding: $global-padding !default;\n\n/// Width of images within a media object, when the object is stacked vertically. Set to 'auto' to use the image's natural width.\n/// @type Number\n$mediaobject-image-width-stacked: 100% !default;\n\n/// Adds styles for a media object container.\n@mixin media-object-container {\n  display: if($global-flexbox, flex, block);\n  margin-bottom: $mediaobject-margin-bottom;\n\n  @if $global-flexbox {\n    flex-wrap: nowrap;\n  }\n\n  img {\n    max-width: none;\n  }\n\n  @if $global-flexbox {\n    &.stack-for-#{$-zf-zero-breakpoint} {\n      @include breakpoint($-zf-zero-breakpoint only) {\n        flex-wrap: wrap;\n      }\n    }\n  }\n}\n\n/// Adds styles for sections within a media object.\n/// @param {Number} $padding [$mediaobject-section-padding] - Padding between sections.\n@mixin media-object-section($padding: $mediaobject-section-padding) {\n  @if $global-flexbox {\n    flex: 0 1 auto;\n  }\n  @else {\n    display: table-cell;\n    vertical-align: top;\n  }\n\n  &:first-child {\n    padding-#{$global-right}: $padding;\n  }\n\n  &:last-child:not(:nth-child(2)) {\n    padding-#{$global-left}: $padding;\n  }\n\n  > :last-child {\n    margin-bottom: 0;\n  }\n\n  .stack-for-#{$-zf-zero-breakpoint} & {\n    @include breakpoint($-zf-zero-breakpoint only) {\n      @include media-object-stack;\n    }\n  }\n\n  @if $global-flexbox {\n    &.main-section {\n      flex: 1 1 0px; // sass-lint:disable-line zero-unit\n    }\n  }\n  @else {\n    &.middle {\n      vertical-align: middle;\n    }\n\n    &.bottom {\n      vertical-align: bottom;\n    }\n  }\n}\n\n/// Adds styles to stack sections of a media object. Apply this to the section elements, not the container.\n@mixin media-object-stack {\n  padding: 0;\n  padding-bottom: $mediaobject-section-padding;\n\n  @if $global-flexbox {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  @else {\n    display: block;\n  }\n\n  img {\n    width: $mediaobject-image-width-stacked;\n  }\n}\n\n@mixin foundation-media-object {\n  .media-object {\n    @include media-object-container;\n  }\n\n  .media-object-section {\n    @include media-object-section;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group orbit\n////\n\n/// Default color for Orbit's bullets.\n/// @type Color\n$orbit-bullet-background: $medium-gray !default;\n\n/// Default active color for Orbit's bullets.\n/// @type Color\n$orbit-bullet-background-active: $dark-gray !default;\n\n/// Default diameter for Orbit's bullets.\n/// @type Number\n$orbit-bullet-diameter: 1.2rem !default;\n\n/// Default margin between Orbit's bullets.\n/// @type Number\n$orbit-bullet-margin: 0.1rem !default;\n\n/// Default distance from slide region for Orbit's bullets.\n/// @type Number\n$orbit-bullet-margin-top: 0.8rem !default;\n\n/// Default bottom margin from Orbit's bullets to whatever content may lurk below it.\n/// @type Number\n$orbit-bullet-margin-bottom: 0.8rem !default;\n\n/// Default background color for Orbit's caption.\n/// @type Color\n$orbit-caption-background: rgba($black, 0.5) !default;\n\n/// Default padding for Orbit's caption.\n/// @type Number\n$orbit-caption-padding: 1rem !default;\n\n/// Default background color for Orbit's controls when hovered.\n/// @type Color\n$orbit-control-background-hover: rgba($black, 0.5) !default;\n\n/// Default padding for Orbit's controls.\n/// @type Number\n$orbit-control-padding: 1rem !default;\n\n/// Default z-index for Orbit's controls.\n/// @type Number\n$orbit-control-zindex: 10 !default;\n\n/// Adds styles for the outer Orbit wrapper. These styles are used on the `.orbit` class.\n@mixin orbit-wrapper {\n  position: relative;\n}\n\n/// Adds styles for the inner Orbit slide container. These styles are used on the `.orbit-container` class.\n@mixin orbit-container {\n  position: relative;\n  height: 0; // Prevent FOUC by not showing until JS sets height\n  margin: 0;\n  list-style: none;\n  overflow: hidden;\n}\n\n/// Adds styles for the individual slides of an Orbit slider. These styles are used on the `.orbit-slide` class.\n@mixin orbit-slide {\n  width: 100%;\n  position: absolute;\n\n  &.no-motionui {\n    &.is-active {\n      top: 0;\n      left: 0;\n    }\n  }\n}\n\n@mixin orbit-figure {\n  margin: 0;\n}\n\n/// Adds styles for a slide containing an image. These styles are used on the `.orbit-image` class.\n@mixin orbit-image {\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n}\n\n/// Adds styles for an orbit slide caption. These styles are used on the `.orbit-caption` class.\n@mixin orbit-caption {\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  margin-bottom: 0;\n  padding: $orbit-caption-padding;\n\n  background-color: $orbit-caption-background;\n  color: color-pick-contrast($orbit-caption-background);\n}\n\n/// 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.\n@mixin orbit-control {\n  @include disable-mouse-outline;\n  @include vertical-center;\n  z-index: $orbit-control-zindex;\n  padding: $orbit-control-padding;\n  color: $white;\n\n  &:hover,\n  &:active,\n  &:focus {\n    background-color: $orbit-control-background-hover;\n  }\n}\n\n/// Adds styles for the Orbit previous button. These styles are used on the `.orbit-previous` class.\n@mixin orbit-previous {\n  #{$global-left}: 0;\n}\n\n/// Adds styles for the Orbit next button. These styles are used on the `.orbit-next` class.\n@mixin orbit-next {\n  #{$global-left}: auto;\n  #{$global-right}: 0;\n}\n\n/// Adds styles for a container of Orbit bullets. /// Adds styles for the Orbit previous button. These styles are used on the `.orbit-bullets` class.\n@mixin orbit-bullets {\n  @include disable-mouse-outline;\n  position: relative;\n  margin-top: $orbit-bullet-margin-top;\n  margin-bottom: $orbit-bullet-margin-bottom;\n  text-align: center;\n\n  button {\n    width: $orbit-bullet-diameter;\n    height: $orbit-bullet-diameter;\n    margin: $orbit-bullet-margin;\n\n    border-radius: 50%;\n    background-color: $orbit-bullet-background;\n\n    &:hover {\n      background-color: $orbit-bullet-background-active;\n    }\n\n    &.is-active {\n      background-color: $orbit-bullet-background-active;\n    }\n  }\n}\n\n@mixin foundation-orbit {\n  .orbit {\n    @include orbit-wrapper;\n  }\n\n  .orbit-container {\n    @include orbit-container;\n  }\n\n  .orbit-slide {\n    @include orbit-slide;\n  }\n\n  .orbit-figure {\n    @include orbit-figure;\n  }\n\n  .orbit-image {\n    @include orbit-image;\n  }\n\n  .orbit-caption {\n    @include orbit-caption;\n  }\n\n  %orbit-control {\n    @include orbit-control;\n  }\n\n  .orbit-previous {\n    @extend %orbit-control;\n    @include orbit-previous;\n  }\n\n  .orbit-next {\n    @extend %orbit-control;\n    @include orbit-next;\n  }\n\n  .orbit-bullets {\n    @include orbit-bullets;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group responsive-embed\n////\n\n/// Margin below a responsive embed container.\n/// @type Number\n$responsive-embed-margin-bottom: rem-calc(16) !default;\n\n/// Aspect ratios used to determine padding-bottom of responsive embed containers.\n/// @type Map\n$responsive-embed-ratios: (\n  default: 4 by 3,\n  widescreen: 16 by 9,\n) !default;\n\n/// Creates a responsive embed container.\n/// @param {String|List} $ratio [default] - Ratio of the container. Can be a key from the `$responsive-embed-ratios` map or a list formatted as `x by y`.\n@mixin responsive-embed($ratio: default) {\n  @if type-of($ratio) == 'string' {\n    $ratio: map-get($responsive-embed-ratios, $ratio);\n  }\n  position: relative;\n  height: 0;\n  margin-bottom: $responsive-embed-margin-bottom;\n  padding-bottom: ratio-to-percentage($ratio);\n  overflow: hidden;\n\n  iframe,\n  object,\n  embed,\n  video {\n    position: absolute;\n    top: 0;\n    #{$global-left}: 0;\n    width: 100%;\n    height: 100%;\n  }\n}\n\n@mixin foundation-responsive-embed {\n  .responsive-embed,\n  .flex-video {\n    @include responsive-embed($ratio: default);\n\n    $ratios: map-remove($responsive-embed-ratios,default);\n\n    @each $name, $ratio in $ratios {\n      &.#{$name} {\n        padding-bottom: ratio-to-percentage($ratio);\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group tabs\n////\n\n/// Default margin of the tab bar.\n/// @type Number\n$tab-margin: 0 !default;\n\n/// Default background color of a tab bar.\n/// @type Color\n$tab-background: $white !default;\n\n/// Font color of tab item.\n/// @type Color\n$tab-color: $primary-color !default;\n\n/// Active background color of a tab bar.\n/// @type Color\n$tab-background-active: $light-gray !default;\n\n/// Active font color of tab item.\n/// @type Color\n$tab-active-color: $primary-color !default;\n\n/// Font size of tab items.\n/// @type Number\n$tab-item-font-size: rem-calc(12) !default;\n\n/// Default background color on hover for items in a Menu.\n$tab-item-background-hover: $white !default;\n\n/// Default padding of a tab item.\n/// @type Number\n$tab-item-padding: 1.25rem 1.5rem !default;\n\n/// Default background color of tab content.\n/// @type Color\n$tab-content-background: $white !default;\n\n/// Default border color of tab content.\n/// @type Color\n$tab-content-border: $light-gray !default;\n\n/// Default text color of tab content.\n/// @type Color\n$tab-content-color: $body-font-color !default;\n\n/// Default padding for tab content.\n/// @type Number | List\n$tab-content-padding: 1rem !default;\n\n/// Adds styles for a tab container. Apply this to a `<ul>`.\n@mixin tabs-container (\n  $margin: $tab-margin,\n  $background: $tab-background,\n  $border-color: $tab-content-border\n) {\n  @include clearfix;\n  margin: $margin;\n  border: 1px solid $border-color;\n  background: $background;\n  list-style-type: none;\n}\n\n/// Augments a tab container to have vertical tabs. Use this in conjunction with `tabs-container()`.\n@mixin tabs-container-vertical {\n  > li {\n    display: block;\n    float: none;\n    width: auto;\n  }\n}\n\n/// Adds styles for the links within a tab container. Apply this to the `<li>` elements inside a tab container.\n@mixin tabs-title (\n  $padding: $tab-item-padding,\n  $font-size: $tab-item-font-size,\n  $color: $tab-color,\n  $color-active: $tab-active-color,\n  $background-hover: $tab-item-background-hover,\n  $background-active: $tab-background-active\n) {\n  float: #{$global-left};\n\n  > a {\n    @include disable-mouse-outline;\n    display: block;\n    padding: $padding;\n    font-size: $font-size;\n    line-height: 1;\n    color: $color;\n\n    &:hover {\n      background: $background-hover;\n      color: scale-color($color, $lightness: -14%);\n    }\n\n    &:focus,\n    &[aria-selected='true'] {\n      background: $background-active;\n      color: $color-active;\n    }\n  }\n}\n\n/// Adds styles for the wrapper that surrounds a tab group's content panes.\n@mixin tabs-content (\n  $background: $tab-content-background,\n  $color: $tab-content-color,\n  $border-color: $tab-content-border\n) {\n  border: 1px solid $border-color;\n  border-top: 0;\n  background: $background;\n  color: $color;\n  transition: all 0.5s ease;\n}\n\n/// Augments a tab content container to have a vertical style, by shifting the border around. Use this in conjunction with `tabs-content()`.\n@mixin tabs-content-vertical (\n  $border-color: $tab-content-border\n) {\n  border: 1px solid $border-color;\n  border-#{$global-left}: 0;\n}\n\n/// Adds styles for an individual tab content panel within the tab content container.\n@mixin tabs-panel (\n  $padding: $tab-content-padding\n) {\n  display: none;\n  padding: $padding;\n\n  &.is-active {\n    display: block;\n  }\n}\n\n@mixin foundation-tabs {\n  .tabs {\n    @include tabs-container;\n  }\n\n  // Vertical\n  .tabs.vertical {\n    @include tabs-container-vertical;\n  }\n\n  // Simple\n  .tabs.simple {\n    > li > a {\n      padding: 0;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n  }\n\n  // Primary color\n  .tabs.primary {\n    background: $primary-color;\n\n    > li > a {\n      color: color-pick-contrast($primary-color);\n\n      &:hover,\n      &:focus {\n        background: smart-scale($primary-color);\n      }\n    }\n  }\n\n  .tabs-title {\n    @include tabs-title;\n  }\n\n  .tabs-content {\n    @include tabs-content;\n  }\n\n  .tabs-content.vertical {\n    @include tabs-content-vertical;\n  }\n\n  .tabs-panel {\n    @include tabs-panel;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group thumbnail\n////\n\n/// Border around thumbnail images.\n/// @type Border\n$thumbnail-border: 4px solid $white !default;\n\n/// Bottom margin for thumbnail images.\n/// @type Length\n$thumbnail-margin-bottom: $global-margin !default;\n\n/// Box shadow under thumbnail images.\n/// @type Shadow\n$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2) !default;\n\n/// Box shadow under thumbnail images.\n/// @type Shadow\n$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5) !default;\n\n/// Transition proprties for thumbnail images.\n/// @type Transition\n$thumbnail-transition: box-shadow 200ms ease-out !default;\n\n/// Default radius for thumbnail images.\n/// @type Number\n$thumbnail-radius: $global-radius !default;\n\n/// Adds thumbnail styles to an element.\n@mixin thumbnail {\n  display: inline-block;\n  max-width: 100%;\n  margin-bottom: $thumbnail-margin-bottom;\n\n  border: $thumbnail-border;\n  border-radius: $thumbnail-radius;\n  box-shadow: $thumbnail-shadow;\n\n  line-height: 0;\n}\n\n@mixin thumbnail-link {\n  transition: $thumbnail-transition;\n\n  &:hover,\n  &:focus {\n    box-shadow: $thumbnail-shadow-hover;\n  }\n\n  image {\n    box-shadow: none;\n  }\n}\n\n@mixin foundation-thumbnail {\n  .thumbnail {\n    @include thumbnail;\n  }\n\n  a.thumbnail {\n    @include thumbnail-link;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group menu\n////\n\n/// Margin of a menu.\n/// @type Number\n$menu-margin: 0 !default;\n\n/// Left-hand margin of a nested menu.\n/// @type Number\n$menu-nested-margin: $global-menu-nested-margin !default;\n\n/// Padding for items in a pill menu.\n/// @type Number\n$menu-items-padding: $global-menu-padding !default;\n\n/// margin for items in a simple menu.\n/// @type Number\n$menu-simple-margin: 1rem !default;\n\n/// Text color of an active menu item.\n/// @type Color\n$menu-item-color-active: $white !default;\n\n/// Alternative text color of an active menu item..\n/// @type Color\n$menu-item-color-alt-active: $black !default;\n\n/// Background color of an active menu item.\n/// @type Color\n$menu-item-background-active: get-color(primary) !default;\n\n/// Spacing between an icon and text in a menu item.\n/// @type Number\n$menu-icon-spacing: 0.25rem !default;\n\n/// Backward compatibility for menu state. If true, this duplicate `active` with `is-active`. \n/// But please note that `active` will be removed in upcoming versions.\n/// @type Boolean\n$menu-state-back-compat: true !default;\n\n/// Backward compatibility for menu centered. If true, this duplicate `.menu-centered > .menu` with `.menu.align-center`. \n/// But please note that `menu-centered` will be removed in upcoming versions.\n/// @type Boolean\n$menu-centered-back-compat: true !default;\n\n/// Backward compatibility for using `icon-*` classes without `.icons` classes\n/// But please note that this backward compatibility will be removed in upcoming versions.\n/// @type Boolean\n$menu-icons-back-compat: true !default;\n\n/// Creates the base styles for a Menu.\n@mixin menu-base {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  position: relative;\n\n  @if $global-flexbox {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  li {\n    @include disable-mouse-outline;\n  }\n\n  a,\n  .button {\n    line-height: 1;\n    text-decoration: none;\n    display: block;\n    padding: $menu-items-padding;\n  }\n\n  // Reset styles of inner elements\n  input,\n  select,\n  a,\n  button {\n    margin-bottom: 0;\n  }\n\n  input {\n    display: inline-block;\n  }\n}\n\n/// Expands the items of a Menu, so each item is the same width.\n@mixin menu-expand {\n  @if $global-flexbox {\n    li {\n      flex: 1 1 0px; // sass-lint:disable-line zero-unit\n    }\n  }\n  @else {\n    display: table;\n    width: 100%;\n\n    > li {\n      display: table-cell;\n      vertical-align: middle;\n    }\n  }\n}\n\n/// Align menu items.\n@mixin menu-align($alignment) {\n  @if $alignment == left {\n    @if $global-flexbox {\n      justify-content: flex-start;\n    }\n    @else {\n      text-align: $global-left;\n    }\n  }\n  @else if $alignment == right {\n    @if $global-flexbox {\n      li {\n        display: flex;\n        justify-content: flex-end;\n\n        .submenu li {\n          justify-content: flex-start;\n        }\n      }\n\n      &.vertical li {\n        display: block;\n        text-align: $global-right;\n\n        .submenu li {\n          text-align: $global-right;\n        }\n      }\n    }\n    @else {\n      text-align: $global-right;\n\n      .submenu li {\n        text-align: $global-left;\n      }\n\n      &.vertical {\n        .submenu li {\n          text-align: $global-right;\n        }\n      }\n    }\n  }\n  @else if $alignment == center {\n    @if $global-flexbox {\n      li {\n        display: flex;\n        justify-content: center;\n\n        .submenu li {\n          justify-content: flex-start;\n        }\n      }\n    }\n    @else {\n      text-align: center;\n\n      .submenu li {\n        text-align: $global-left;\n      }\n    }\n  }\n}\n\n/// Sets the direction of a Menu.\n/// @param {Keyword} $dir [horizontal] - Direction of the Menu. Can be `horizontal` or `vertical`.\n@mixin menu-direction($dir: horizontal) {\n  @if $dir == horizontal {\n    @if $global-flexbox {\n      flex-wrap: wrap;\n      flex-direction: row;\n    }\n    @else {\n      li {\n        display: inline-block;\n      }\n    }\n  }\n  @else if $dir == vertical {\n    @if $global-flexbox {\n      flex-wrap: nowrap;\n      flex-direction: column;\n    }\n    @else {\n      li {\n        display: block;\n      }\n    }\n  }\n  @else {\n    @warn 'The direction used for menu-direction() must be horizontal or vertical.';\n  }\n}\n\n/// Creates a simple Menu, which has no padding or hover state.\n/// @param {Keyword} $dir [$global-left] - Direction of the menu. This effects the side of the `<li>` that receives the margin.\n/// @param {Number} $margin [$menu-simple-margin] - The margin to apply to each `<li>`.\n@mixin menu-simple($dir: $global-left, $margin: $menu-simple-margin) {\n  @if $global-flexbox {\n    align-items: center;\n  }\n\n  li + li {\n    margin-#{$dir}: $margin;\n  }\n\n  a {\n    padding: 0;\n  }\n}\n\n/// Adds styles for a nested Menu, by adding `margin-left` to the menu.\n/// @param {Keyword|Number} $margin [$menu-nested-margin] - Length of the margin.\n/// @param {Keyword} $nested-alignment [left] - Alignment of the nested class\n@mixin menu-nested(\n  $margin: $menu-nested-margin,\n  $nested-alignment: left\n) {\n  @if $nested-alignment == right {\n    margin-#{$global-right}: $margin;\n    margin-#{$global-left}: 0;\n  }\n  @else {\n    margin-#{$global-right}: 0;\n    margin-#{$global-left}: $margin;\n  }\n\n}\n\n/// Adds basic styles for icons in menus.\n@mixin menu-icons() {\n  @if $global-flexbox {\n    a {\n      display: flex;\n    }\n  }\n  @else {\n    img,\n    i,\n    svg {\n      vertical-align: middle;\n\n      + span {\n        vertical-align: middle;\n      }\n    }\n  }\n}\n\n/// Adds position classes for icons within a menu.\n@mixin menu-icon-position($position: left, $spacing: $menu-icon-spacing) {\n  @if $position == left {\n    li a {\n      @if $global-flexbox {\n        flex-flow: row nowrap;\n      }\n\n      img,\n      i,\n      svg {\n        margin-#{$global-right}: $spacing;\n\n        @if not $global-flexbox {\n          display: inline-block;\n        }\n      }\n    }\n  }\n  @else if $position == right {\n    li a {\n      @if $global-flexbox {\n        flex-flow: row nowrap;\n      }\n\n      img,\n      i,\n      svg {\n        margin-#{$global-left}: $spacing;\n\n        @if not $global-flexbox {\n          display: inline-block;\n        }\n      }\n    }\n  }\n  @else if $position == top {\n    li a {\n      @if $global-flexbox {\n        flex-flow: column nowrap;\n      }\n      @else {\n        text-align: center;\n      }\n\n      img,\n      i,\n      svg {\n        @if not $global-flexbox {\n          display: block;\n          margin: 0 auto $spacing;\n        }\n        @else {\n          align-self: stretch;\n          margin-bottom: $spacing;\n          text-align: center;\n        }\n      }\n    }\n  }\n  @else if $position == bottom {\n    li a {\n      @if $global-flexbox {\n        flex-flow: column nowrap;\n      }\n      @else {\n        text-align: center;\n      }\n\n      img,\n      i,\n      svg {\n        @if not $global-flexbox {\n          display: block;\n          margin: $spacing auto 0;\n        }\n        @else {\n          align-self: stretch;\n          margin-bottom: $spacing;\n          text-align: center;\n        }\n      }\n    }\n  }\n}\n\n@mixin menu-text {\n  padding: $global-menu-padding;\n\n  font-weight: bold;\n  line-height: 1;\n  color: inherit;\n}\n\n@mixin menu-state-active {\n  background: $menu-item-background-active;\n  color: color-pick-contrast($menu-item-background-active, ($menu-item-color-active, $menu-item-color-alt-active));\n}\n\n@mixin foundation-menu {\n  .menu {\n    @include menu-base;\n\n    // Default orientation: horizontal\n    &, &.horizontal {\n      @include menu-direction(horizontal);\n    }\n\n    // Vertical orientation modifier\n    &.vertical {\n      @include menu-direction(vertical);\n    }\n\n    // Even-width modifier for horizontal orientation\n    &.expanded {\n      @include menu-expand;\n    }\n\n    // Simple\n    &.simple {\n      @include menu-simple;\n    }\n\n    // Breakpoint specific versions\n    @include -zf-each-breakpoint($small: false) {\n      &.#{$-zf-size}-horizontal {\n        @include menu-direction(horizontal);\n      }\n\n      &.#{$-zf-size}-vertical {\n        @include menu-direction(vertical);\n      }\n\n      &.#{$-zf-size}-expanded {\n        @include menu-expand;\n      }\n\n      &.#{$-zf-size}-simple {\n        @include menu-expand;\n      }\n    }\n\n    // Nesting\n    &.nested {\n      @include menu-nested;\n    }\n\n    // Icon Base Styles\n    &.icons {\n      @include menu-icons;\n    }\n\n    // Backward Compatibility for active state\n    @if $menu-icons-back-compat {\n      &.icon-top,\n      &.icon-right,\n      &.icon-bottom,\n      &.icon-left {\n        @include menu-icons;\n      }\n    }\n\n    // Icon Left\n    &.icon-left {\n      @include menu-icon-position(left);\n    }\n\n    // Icon Right\n    &.icon-right {\n      @include menu-icon-position(right);\n    }\n\n    // Icon Top\n    &.icon-top {\n      @include menu-icon-position(top);\n    }\n\n    // Icon Bottom\n    &.icon-bottom {\n      @include menu-icon-position(bottom);\n    }\n\n    // Active state\n    .is-active > a {\n      @include menu-state-active;\n    }\n    \n    // Backward Compatibility for active state\n    @if $menu-state-back-compat {\n      .active > a {\n        @include menu-state-active;\n      }\n    }\n\n    // Align left\n    &.align-#{$global-left} {\n      @include menu-align(left);\n    }\n\n    // Align right\n    &.align-#{$global-right} {\n      @include menu-align(right);\n\n      .nested {\n        @include menu-nested($nested-alignment: right);\n      }\n    }\n\n    // Align center\n    &.align-center {\n      @include menu-align(center);\n    }\n\n    .menu-text {\n      @include menu-text;\n    }\n  }\n\n  @if $menu-centered-back-compat {\n    .menu-centered {\n      > .menu {\n        @if $global-flexbox {\n          justify-content: center;\n        }\n        \n        @include menu-align(center);\n      }\n    }\n  }\n\n  // Prevent FOUC when using the Responsive Menu plugin\n  .no-js [data-responsive-menu] ul {\n    display: none;\n  }\n}\n","@mixin foundation-menu-icon {\n  .menu-icon {\n    @include hamburger($color: $titlebar-icon-color, $color-hover: $titlebar-icon-color-hover);\n  }\n\n  .menu-icon.dark {\n    @include hamburger;\n  }\n}\n","////\n/// @group accordion-menu\n////\n\n/// Sets accordion menu padding.\n/// @type Number\n$accordionmenu-padding: $global-menu-padding !default;\n\n/// Sets accordion menu nested margin\n/// @type Number\n$accordionmenu-nested-margin: $global-menu-nested-margin !default;\n\n/// Sets accordion menu submenu padding.\n/// @type Number\n$accordionmenu-submenu-padding: $accordionmenu-padding !default;\n\n/// Sets if accordion menus have the default arrow styles.\n/// @type Boolean\n$accordionmenu-arrows: true !default;\n\n/// Sets accordion menu arrow color if arrow is used.\n/// @type Color\n$accordionmenu-arrow-color: $primary-color !default;\n\n/// Sets accordion menu item padding.\n/// @type Color\n$accordionmenu-item-background: null !default;\n\n/// Sets accordion menu item border.\n/// @type Color\n$accordionmenu-border: null !default;\n\n/// Sets accordion menu item padding.\n/// @type Color\n$accordionmenu-submenu-toggle-background: null !default;\n\n/// Sets accordion menu item padding.\n/// @type List\n$accordion-submenu-toggle-border: $accordionmenu-border !default;\n\n/// Sets accordion menu submenu toggle background width.\n/// @type Number\n$accordionmenu-submenu-toggle-width: 40px !default;\n\n/// Sets accordion menu submenu toggle background height.\n/// @type Number\n$accordionmenu-submenu-toggle-height: $accordionmenu-submenu-toggle-width !default;\n\n/// Sets accordion menu arrow size if arrow is used.\n/// @type Length\n$accordionmenu-arrow-size: 6px !default;\n\n@mixin zf-accordion-menu-left-right-arrows {\n  .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {\n    position: relative;\n\n    &::after {\n      @include css-triangle($accordionmenu-arrow-size, $accordionmenu-arrow-color, down);\n      position: absolute;\n      top: 50%;\n      margin-top: -1 * ($accordionmenu-arrow-size / 2);\n      #{$global-right}: 1rem;\n    }\n  }\n\n  &.align-left .is-accordion-submenu-parent > a::after {\n    right: 1rem;\n    left: auto;\n  }\n\n  &.align-right .is-accordion-submenu-parent > a::after {\n    right: auto;\n    left: 1rem;\n  }\n}\n@mixin foundation-accordion-menu {\n\n  .accordion-menu {\n    @if $accordionmenu-border {\n      border-bottom: $accordionmenu-border;\n    }\n\n    li {\n      @if $accordionmenu-border {\n        border-top: $accordionmenu-border;\n        border-right: $accordionmenu-border;\n        border-left: $accordionmenu-border;\n      }\n      width: 100%;\n    }\n\n    a {\n      @if $accordionmenu-item-background {\n        background: $accordionmenu-item-background;\n      }\n      padding: $accordionmenu-padding;\n    }\n\n    .is-accordion-submenu a {\n      padding: $accordionmenu-submenu-padding;\n    }\n\n    .nested.is-accordion-submenu {\n      @include menu-nested($accordionmenu-nested-margin);\n    }\n\n    &.align-#{$global-right} {\n      .nested.is-accordion-submenu {\n        @include menu-nested($accordionmenu-nested-margin, right);\n      }\n    }\n\n    @if $accordionmenu-arrows {\n      @include zf-accordion-menu-left-right-arrows;\n\n      .is-accordion-submenu-parent[aria-expanded='true'] > a::after {\n        transform: rotate(180deg);\n        transform-origin: 50% 50%;\n      }\n    }\n  }\n\n  .is-accordion-submenu li {\n    @if $accordionmenu-border {\n      border-right: 0;\n      border-left: 0;\n    }\n  }\n\n  .is-accordion-submenu-parent {\n    position: relative;\n  }\n\n  .has-submenu-toggle > a {\n    margin-#{$global-right}: $accordionmenu-submenu-toggle-width;\n  }\n\n  // Submenu toggle\n  .submenu-toggle {\n    position: absolute;\n    top: 0;\n    #{$global-right}: 0;\n\n    width: $accordionmenu-submenu-toggle-width;\n    height: $accordionmenu-submenu-toggle-height;\n\n    cursor: pointer;\n\n    border-#{$global-left}: $accordion-submenu-toggle-border;\n\n    @if $accordionmenu-submenu-toggle-background {\n      background: $accordionmenu-submenu-toggle-background;\n    }\n\n    // Add the arrow to the toggle\n    &::after {\n      @include css-triangle(6px, $accordionmenu-arrow-color, down);\n\n      top: 0;\n      bottom: 0;\n      margin: auto;\n    }\n  }\n\n  // Rotate the arrow when menu is open\n  .submenu-toggle[aria-expanded='true']::after {\n    transform: scaleY(-1);\n    transform-origin: 50% 50%;\n  }\n\n  .submenu-toggle-text {\n    @include element-invisible;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group drilldown\n////\n\n/// Transition property to use for animating menus.\n/// @type Transition\n$drilldown-transition: transform 0.15s linear !default;\n\n/// Adds arrows to drilldown items with submenus, as well as the back button.\n/// @type Boolean\n$drilldown-arrows: true !default;\n\n/// Sets drilldown menu item padding.\n/// @type Number\n$drilldown-padding: $global-menu-padding !default;\n\n/// Sets drilldown menu nested margin\n/// @type Number\n$drilldown-nested-margin: 0 !default;\n\n/// Background color for drilldown top level items.\n/// @type Color\n$drilldown-background: $white !default;\n\n/// Sets drilldown menu item padding in the submenu.\n/// @type Number\n$drilldown-submenu-padding: $drilldown-padding !default;\n\n/// Background color for drilldown submenus.\n/// @type Color\n$drilldown-submenu-background: $white !default;\n\n/// Sets drilldown arrow color if arrow is used.\n/// @type Color\n$drilldown-arrow-color: $primary-color !default;\n\n/// Sets drilldown arrow size if arrow is used.\n/// @type Length\n$drilldown-arrow-size: 6px !default;\n\n@mixin zf-drilldown-left-right-arrows {\n  .is-drilldown-submenu-parent > a {\n    position: relative;\n\n    &::after {\n      @include css-triangle($drilldown-arrow-size, $drilldown-arrow-color, $global-right);\n      position: absolute;\n      top: 50%;\n      margin-top: -1 * $drilldown-arrow-size;\n      #{$global-right}: 1rem;\n    }\n  }\n\n  &.align-left .is-drilldown-submenu-parent > a::after {\n    @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, right);\n    right: 1rem;\n    left: auto;\n  }\n\n  &.align-right .is-drilldown-submenu-parent > a::after {\n    @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, left);\n    right: auto;\n    left: 1rem;\n  }\n\n}\n\n@mixin foundation-drilldown-menu {\n  // Applied to the Menu container\n  .is-drilldown {\n    position: relative;\n    overflow: hidden;\n\n    li {\n      display: block;\n    }\n\n    &.animate-height {\n      transition: height 0.5s;\n    }\n  }\n\n  // The top level <ul>\n  .drilldown {\n    a {\n      padding: $drilldown-padding;\n      background: $drilldown-background;\n    }\n\n    // Applied to submenu <ul>s\n    .is-drilldown-submenu {\n      position: absolute;\n      top: 0;\n      #{$global-left}: 100%;\n      z-index: -1;\n\n      width: 100%;\n      background: $drilldown-submenu-background;\n      transition: $drilldown-transition;\n\n      &.is-active {\n        z-index: 1;\n        display: block;\n        transform: translateX(if($global-text-direction == ltr, -100%, 100%));\n      }\n\n      &.is-closing {\n        transform: translateX(if($global-text-direction == ltr, 100%, -100%));\n      }\n\n      // Submenu item padding\n      a {\n        padding: $drilldown-submenu-padding;\n      }\n    }\n\n    .nested.is-drilldown-submenu {\n      @include menu-nested($drilldown-nested-margin);\n    }\n\n    .drilldown-submenu-cover-previous {\n      min-height: 100%;\n    }\n\n    @if $drilldown-arrows {\n      @include zf-drilldown-left-right-arrows;\n\n      .js-drilldown-back > a::before {\n        @include css-triangle($drilldown-arrow-size, $drilldown-arrow-color, $global-left);\n        display: inline-block;\n        vertical-align: middle;\n        margin-#{$global-right}: 0.75rem; // Creates space between the arrow and the text\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group dropdown-menu\n////\n\n/// Enables arrows for items with dropdown menus.\n/// @type Boolean\n$dropdownmenu-arrows: true !default;\n\n/// Sets dropdown menu arrow color if arrow is used.\n/// @type Color\n$dropdownmenu-arrow-color: $anchor-color !default;\n\n/// Sets dropdown menu arrow size if arrow is used.\n/// @type Length\n$dropdownmenu-arrow-size: 6px !default;\n\n/// Sets dropdown menu arrow padding for aligning the arrow correctly.\n/// @type Length\n$dropdownmenu-arrow-padding: 1.5rem !default;\n\n/// Minimum width of dropdown sub-menus.\n/// @type Length\n$dropdownmenu-min-width: 200px !default;\n\n/// Background color for top level items.\n/// @type Color\n$dropdownmenu-background: null !default;\n\n/// Background color for dropdowns.\n/// @type Color\n$dropdownmenu-submenu-background: $white !default;\n\n/// Padding for top level items.\n/// @type Number\n$dropdownmenu-padding: $global-menu-padding !default;\n\n/// Sets dropdown menu nested margin\n/// @type Number\n$dropdownmenu-nested-margin: 0 !default;\n\n/// Padding for sub-menu items.\n/// @type Number\n$dropdownmenu-submenu-padding: $dropdownmenu-padding !default;\n\n/// Border for dropdown sub-menus.\n/// @type List\n$dropdownmenu-border: 1px solid $medium-gray !default;\n\n// Border width for dropdown sub-menus.\n// Used to adjust top margin of a sub-menu if a border is used.\n// @type Length\n$dropdownmenu-border-width: nth($dropdownmenu-border, 1);\n\n/// Text color of an active dropdown menu item. Explicit override for menu defaults\n/// @type Color\n$dropdown-menu-item-color-active: get-color(primary) !default;\n\n/// Background color of an active dropdown menu item. Explicit override for menu defaults\n/// @type Color\n$dropdown-menu-item-background-active: transparent !default;\n\n@mixin zf-dropdown-left-right-arrows {\n  > a::after {\n    #{$global-right}: 14px;\n  }\n\n  &.opens-left > a::after {\n    @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, left);\n    right: auto;\n    left: 5px;\n  }\n\n  &.opens-right > a::after {\n    @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, right);\n  }\n}\n\n@mixin dropdown-menu-direction($dir: horizontal) {\n  @if $dir == horizontal {\n    > li.opens-left { // sass-lint:disable-line no-qualifying-elements\n      > .is-dropdown-submenu {\n        top: 100%;\n        right: 0;\n        left: auto;\n      }\n    }\n\n    > li.opens-right { // sass-lint:disable-line no-qualifying-elements\n      > .is-dropdown-submenu {\n        top: 100%;\n        right: auto;\n        left: 0;\n      }\n    }\n\n    @if $dropdownmenu-arrows {\n      > li.is-dropdown-submenu-parent > a { // sass-lint:disable-line no-qualifying-elements\n        position: relative;\n        padding-#{$global-right}: $dropdownmenu-arrow-padding;\n      }\n\n      > li.is-dropdown-submenu-parent > a::after { // sass-lint:disable-line no-qualifying-elements\n        @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, down);\n        #{$global-right}: 5px;\n        #{$global-left}: auto;\n        margin-top: -1 * ($dropdownmenu-arrow-size / 2);\n      }\n    }\n  }\n  @else if $dir == vertical {\n    > li {\n      .is-dropdown-submenu {\n        top: 0;\n      }\n\n      &.opens-left {\n        > .is-dropdown-submenu {\n          top: 0;\n          right: 100%;\n          left: auto;\n        }\n      }\n\n      &.opens-right {\n        > .is-dropdown-submenu {\n          right: auto;\n          left: 100%;\n        }\n      }\n\n      @if $dropdownmenu-arrows {\n        @include zf-dropdown-left-right-arrows;\n      }\n    }\n  }\n  @else {\n    @warn 'The direction used for dropdown-menu-direction() must be horizontal or vertical.';\n  }\n}\n\n@mixin foundation-dropdown-menu {\n  .dropdown.menu {\n    @include dropdown-menu-direction(horizontal);\n\n    a {\n      @include disable-mouse-outline;\n    }\n\n    // Top-level item\n    > li > a {\n      background: $dropdownmenu-background;\n      padding: $dropdownmenu-padding;\n    }\n\n    // Top-level item active state\n    > li.is-active > a {\n      background: $dropdown-menu-item-background-active;\n      color: $dropdown-menu-item-color-active;\n    }\n\n    .no-js & ul {\n      display: none;\n    }\n\n    .nested.is-dropdown-submenu {\n      @include menu-nested($dropdownmenu-nested-margin);\n    }\n\n    &.vertical {\n      @include dropdown-menu-direction(vertical);\n    }\n\n    @each $size in $breakpoint-classes {\n      @if $size != $-zf-zero-breakpoint {\n        @include breakpoint($size) {\n          &.#{$size}-horizontal {\n            @include dropdown-menu-direction(horizontal);\n          }\n\n          &.#{$size}-vertical {\n            @include dropdown-menu-direction(vertical);\n          }\n        }\n      }\n    }\n\n    &.align-right {\n      .is-dropdown-submenu.first-sub {\n        top: 100%;\n        right: 0;\n        left: auto;\n      }\n    }\n  }\n\n  .is-dropdown-menu.vertical {\n    width: 100px;\n\n    &.align-right {\n      float: right;\n    }\n  }\n\n  .is-dropdown-submenu-parent {\n    position: relative;\n\n    a::after {\n      position: absolute;\n      top: 50%;\n      #{$global-right}: 5px;\n      #{$global-left}: auto;\n      margin-top: -1 * $dropdownmenu-arrow-size;\n    }\n\n    &.opens-inner > .is-dropdown-submenu {\n\n      top: 100%;\n      @if $global-text-direction == 'rtl' {\n        right: auto;\n      }\n      @else {\n        left: auto;\n      }\n    }\n\n    &.opens-left > .is-dropdown-submenu {\n      right: 100%;\n      left: auto;\n    }\n\n    &.opens-right > .is-dropdown-submenu {\n      right: auto;\n      left: 100%;\n    }\n  }\n\n  .is-dropdown-submenu {\n    position: absolute;\n    top: 0;\n    #{$global-left}: 100%;\n    z-index: 1;\n\n    display: none;\n    min-width: $dropdownmenu-min-width;\n\n    border: $dropdownmenu-border;\n    background: $dropdownmenu-submenu-background;\n\n    .dropdown & a {\n      padding: $dropdownmenu-submenu-padding;\n    }\n\n    .is-dropdown-submenu-parent {\n      @if $dropdownmenu-arrows {\n        @include zf-dropdown-left-right-arrows;\n      }\n    }\n\n    @if (type-of($dropdownmenu-border-width) == 'number') {\n      .is-dropdown-submenu {\n        margin-top: (-$dropdownmenu-border-width);\n      }\n    }\n\n    > li {\n      width: 100%;\n    }\n\n    // [TODO] Cut back specificity\n    //&: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...\n    &.js-dropdown-active {\n      display: block;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group off-canvas\n////\n\n/// Width map of a left/right off-canvas panel.\n/// @type Map\n$offcanvas-sizes: (\n  small: 250px,\n) !default;\n\n/// Height map of a top/bottom off-canvas panel.\n/// @type Map\n$offcanvas-vertical-sizes: (\n  small: 250px,\n) !default;\n\n/// Background color of an off-canvas panel.\n/// @type Color\n$offcanvas-background: $light-gray !default;\n\n/// Box shadow for the off-canvas overlap panel.\n/// @type Shadow\n$offcanvas-shadow: 0 0 10px rgba($black, 0.7) !default;\n\n/// Inner box shadow size for the off-canvas push panel.\n/// @type Number\n$offcanvas-inner-shadow-size: 20px !default;\n\n/// Inner box shadow color for the off-canvas push panel.\n/// @type Color\n$offcanvas-inner-shadow-color: rgba($black, 0.25) !default;\n\n/// Z-index of an off-canvas content overlay.\n/// @type Number\n$offcanvas-overlay-zindex: 11 !default;\n\n/// Z-index of an off-canvas panel with the `push` transition.\n/// @type Number\n$offcanvas-push-zindex: 12 !default;\n\n/// Z-index of an off-canvas panel with the `overlap` transition.\n/// @type Number\n$offcanvas-overlap-zindex: 13 !default;\n\n/// Z-index of an off-canvas panel using the `reveal-for-*` classes or mixin.\n/// @type Number\n$offcanvas-reveal-zindex: 12 !default;\n\n/// Length of the animation on an off-canvas panel.\n/// @type Number\n$offcanvas-transition-length: 0.5s !default;\n\n/// Timing function of the animation on an off-canvas panel.\n/// @type Keyword\n$offcanvas-transition-timing: ease !default;\n\n/// If `true`, a revealed off-canvas will be fixed-position, and scroll with the screen.\n/// @type Bool\n$offcanvas-fixed-reveal: true !default;\n\n/// Background color for the overlay that appears when an off-canvas panel is open.\n/// @type Color\n$offcanvas-exit-background: rgba($white, 0.25) !default;\n\n/// CSS class used for the main content area. The off-canvas mixins use this to target the page content.\n$maincontent-class: 'off-canvas-content' !default;\n\n/// Adds baseline styles for off-canvas. This CSS is required to make the other pieces work.\n@mixin off-canvas-basics {\n\n  /// Transform deprecated size settings into map & show warning\n  @if variable-exists(offcanvas-size) {\n    $offcanvas-sizes: (small: $offcanvas-size, medium: $offcanvas-size) !global;\n    @warn '$offcanvas-size is deprecated and not used anymore! Please update your settings and use the map $offcanvas-sizes instead';\n  }\n  @if variable-exists(offcanvas-vertical-size) {\n    $offcanvas-vertical-sizes: (small: $offcanvas-vertical-size, medium: $offcanvas-vertical-size) !global;\n    @warn '$offcanvas-vertical-size is deprecated and not used anymore! Please update your settings and use the map $offcanvas-vertical-sizes instead';\n  }\n\n  // Checks the z-indexes and increase them due to backwards compatibility.\n  // This is necessary because the overlay's z-index is new since v6.4 and may be identical to the user custom settings of the push z-index.\n  @if $offcanvas-push-zindex <= $offcanvas-overlay-zindex { $offcanvas-push-zindex: $offcanvas-overlay-zindex + 1 !global; }\n  @if $offcanvas-overlap-zindex <= $offcanvas-push-zindex { $offcanvas-overlap-zindex: $offcanvas-push-zindex + 1 !global; }\n  @if $offcanvas-reveal-zindex <= $offcanvas-overlay-zindex { $offcanvas-reveal-zindex: $offcanvas-overlay-zindex + 1 !global; }\n\n  // Hides overflow on body when an off-canvas panel is open.\n  .is-off-canvas-open {\n    overflow: hidden;\n  }\n\n  // Off-canvas overlay (generated by JavaScript)\n  .js-off-canvas-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: $offcanvas-overlay-zindex;\n\n    width: 100%;\n    height: 100%;\n\n    transition: opacity $offcanvas-transition-length $offcanvas-transition-timing, visibility $offcanvas-transition-length $offcanvas-transition-timing;\n\n    background: $offcanvas-exit-background;\n\n    opacity: 0;\n    visibility: hidden;\n\n    overflow: hidden;\n\n    &.is-visible {\n      opacity: 1;\n      visibility: visible;\n    }\n\n    &.is-closable {\n      cursor: pointer;\n    }\n\n    &.is-overlay-absolute {\n      position: absolute;\n    }\n\n    &.is-overlay-fixed {\n      position: fixed;\n    }\n  }\n}\n\n// Adds basic styles for an off-canvas wrapper.\n@mixin off-canvas-wrapper() {\n  position: relative;\n  overflow: hidden;\n}\n\n/// Adds basic styles for an off-canvas panel.\n@mixin off-canvas-base(\n  $background: $offcanvas-background,\n  $transition: $offcanvas-transition-length $offcanvas-transition-timing,\n  $fixed: true\n) {\n  @include disable-mouse-outline;\n\n  @if $fixed == true {\n    position: fixed;\n  }\n  @else {\n    position: absolute;\n  }\n\n  // Set the off-canvas z-index.\n  z-index: $offcanvas-push-zindex;\n\n  // Increase CSS specificity\n  &.is-transition-push {\n    z-index: $offcanvas-push-zindex;\n  }\n\n  transition: transform $transition;\n  backface-visibility: hidden;\n\n  background: $background;\n\n  // Hide inactive off-canvas within the content that have the same position\n  &.is-closed {\n    visibility: hidden;\n  }\n\n  // Overlap only styles.\n  &.is-transition-overlap {\n    z-index: $offcanvas-overlap-zindex;\n\n    &.is-open {\n      box-shadow: $offcanvas-shadow;\n    }\n  }\n\n  // Sets transform to 0 to show an off-canvas panel.\n  &.is-open {\n    transform: translate(0, 0);\n  }\n}\n\n/// Adds styles to position an off-canvas panel to the left/right/top/bottom.\n@mixin off-canvas-position(\n  $position: left,\n  $orientation: horizontal,\n  $sizes: if($orientation == horizontal, $offcanvas-sizes, $offcanvas-vertical-sizes)\n) {\n  @if $position == left {\n    top: 0;\n    left: 0;\n    height: 100%;\n    overflow-y: auto;\n\n    @each $name, $size in $sizes {\n      @include breakpoint($name) {\n        width: $size;\n        transform: translateX(-$size);\n      }\n    }\n\n    // Sets the position for nested off-canvas element\n    @at-root .#{$maincontent-class} .off-canvas.position-#{$position} {\n\n      @each $name, $size in $sizes {\n        @include breakpoint($name) {\n          transform: translateX(-$size);\n        }\n      }\n      &.is-transition-overlap.is-open {\n        transform: translate(0, 0);\n      }\n    }\n\n    // Sets the open position for the content\n    @at-root .#{$maincontent-class}.is-open-#{$position} {\n      &.has-transition-push {\n        @each $name, $size in $sizes {\n          @include breakpoint($name) {\n            transform: translateX($size);\n          }\n        }\n      }\n    }\n  }\n  @else if $position == right {\n    top: 0;\n    right: 0;\n    height: 100%;\n    overflow-y: auto;\n\n    @each $name, $size in $sizes {\n      @include breakpoint($name) {\n        width: $size;\n        transform: translateX($size);\n      }\n    }\n\n    // Sets the position for nested off-canvas element\n    @at-root .#{$maincontent-class} .off-canvas.position-#{$position} {\n\n      @each $name, $size in $sizes {\n        @include breakpoint($name) {\n          transform: translateX($size);\n        }\n      }\n      &.is-transition-overlap.is-open {\n        transform: translate(0, 0);\n      }\n    }\n\n    // Sets the open position for the content\n    @at-root .#{$maincontent-class}.is-open-#{$position} {\n      &.has-transition-push {\n        @each $name, $size in $sizes {\n          @include breakpoint($name) {\n            transform: translateX(-$size);\n          }\n        }\n      }\n    }\n  }\n  @else if $position == top {\n    top: 0;\n    left: 0;\n    width: 100%;\n    overflow-x: auto;\n\n    @each $name, $size in $sizes {\n      @include breakpoint($name) {\n        height: $size;\n        transform: translateY(-$size);\n      }\n    }\n\n    // Sets the position for nested off-canvas element\n    @at-root .#{$maincontent-class} .off-canvas.position-#{$position} {\n      @each $name, $size in $sizes {\n        @include breakpoint($name) {\n          transform: translateY(-$size);\n        }\n      }\n      &.is-transition-overlap.is-open {\n        transform: translate(0, 0);\n      }\n    }\n\n    // Sets the open position for the content\n    @at-root .#{$maincontent-class}.is-open-#{$position} {\n      &.has-transition-push {\n        @each $name, $size in $sizes {\n          @include breakpoint($name) {\n            transform: translateY($size);\n          }\n        }\n      }\n    }\n  }\n  @else if $position == bottom {\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    overflow-x: auto;\n\n    @each $name, $size in $sizes {\n      @include breakpoint($name) {\n        height: $size;\n        transform: translateY($size);\n      }\n    }\n\n    // Sets the position for nested off-canvas element\n    @at-root .#{$maincontent-class} .off-canvas.position-#{$position} {\n      @each $name, $size in $sizes {\n        @include breakpoint($name) {\n          transform: translateY($size);\n        }\n      }\n      &.is-transition-overlap.is-open {\n        transform: translate(0, 0);\n      }\n    }\n\n    // Sets the open position for the content\n    @at-root .#{$maincontent-class}.is-open-#{$position} {\n      &.has-transition-push {\n        @each $name, $size in $sizes {\n          @include breakpoint($name) {\n            transform: translateY(-$size);\n          }\n        }\n      }\n    }\n  }\n\n  // If $offcanvas-inner-shadow-size is set, add inner box-shadow.\n  // This mimics the off-canvas panel having a lower z-index, without having to have one.\n  @if $offcanvas-inner-shadow-size {\n    &.is-transition-push {\n      @if $position == left {\n        @include inner-side-shadow(right, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color);\n      }\n      @else if $position == right {\n        @include inner-side-shadow(left, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color);\n      }\n      @else if $position == top {\n        @include inner-side-shadow(bottom, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color);\n      }\n      @else if $position == bottom {\n        @include inner-side-shadow(top, $offcanvas-inner-shadow-size, $offcanvas-inner-shadow-color);\n      }\n    }\n  }\n\n}\n\n/// Sets the styles for the content container.\n@mixin off-canvas-content() {\n  transform: none;\n  backface-visibility: hidden;\n\n  // Bind to has-transition-X class to prevent transition for transform:none\n  &.has-transition-overlap,\n  &.has-transition-push {\n    transition: transform $offcanvas-transition-length $offcanvas-transition-timing;\n  }\n\n  // Transform scope until the element is closed (makes sure transitionend gets triggered)\n  &.has-transition-push {\n    transform: translate(0, 0);\n  }\n\n  // Consider element & content, nested in another content\n  .off-canvas.is-open {\n    transform: translate(0, 0);\n  }\n}\n\n/// Adds styles that reveal an off-canvas panel.\n@mixin off-canvas-reveal(\n$position: left,\n$zindex: $offcanvas-reveal-zindex,\n$content: $maincontent-class,\n$breakpoint: small\n) {\n  transform: none;\n  z-index: $zindex;\n  transition: none;\n  visibility: visible;\n\n  @if not $offcanvas-fixed-reveal {\n    position: absolute;\n  }\n\n  .close-button {\n    display: none;\n  }\n\n  // Consider revealed element is nested in content\n  .#{$maincontent-class} & {\n    transform: none;\n  }\n\n  @at-root .#{$content}.has-reveal-#{$position} {\n    margin-#{$position}: -zf-get-bp-val($offcanvas-sizes, $breakpoint);\n  }\n\n  // backwards compatibility (prior to v6.4)\n  & ~ .#{$content} {\n    margin-#{$position}: -zf-get-bp-val($offcanvas-sizes, $breakpoint);\n  }\n}\n\n/// Overrides the off-canvas styles\n@mixin in-canvas() {\n  visibility: visible;\n  height: auto;\n  position: static;\n  background: none;\n  width: auto;\n  overflow: visible;\n  transition: none;\n\n  // Increase CSS specificity\n  &.position-left,\n  &.position-right,\n  &.position-top,\n  &.position-bottom {\n    box-shadow: none;\n    transform: none;\n  }\n\n  .close-button {\n    display: none;\n  }\n}\n\n@mixin foundation-off-canvas {\n  @include off-canvas-basics;\n\n  // Off-canvas wrapper\n  .off-canvas-wrapper {\n    @include off-canvas-wrapper;\n  }\n\n  // Off-canvas container\n  .off-canvas {\n    @include off-canvas-base;\n\n    // Force position absolute for nested off-canvas because fixed doesn't work for push transition within the transform scope.\n    @at-root .#{$maincontent-class} & {\n      // NOTE: since overlap transition is currently forced if nested, there's no need to force position absolute until nested push transition is supported.\n      // position: absolute;\n    }\n  }\n\n  // Off-canvas container with absolute position\n  .off-canvas-absolute {\n    @include off-canvas-base($fixed: false);\n  }\n\n  // Off-canvas position classes\n  .position-left    { @include off-canvas-position(left,   horizontal); }\n  .position-right   { @include off-canvas-position(right,  horizontal); }\n  .position-top     { @include off-canvas-position(top,    vertical); }\n  .position-bottom  { @include off-canvas-position(bottom, vertical); }\n\n  .off-canvas-content {\n    @include off-canvas-content;\n  }\n\n  // Reveal off-canvas panel on larger screens\n  @each $name, $value in $breakpoint-classes {\n    @if $name != $-zf-zero-breakpoint {\n      @include breakpoint($name) {\n        .position-left.reveal-for-#{$name} {\n          @include off-canvas-reveal(left, $offcanvas-reveal-zindex, $maincontent-class, $name);\n        }\n\n        .position-right.reveal-for-#{$name} {\n          @include off-canvas-reveal(right, $offcanvas-reveal-zindex, $maincontent-class, $name);\n        }\n\n        .position-top.reveal-for-#{$name} {\n          @include off-canvas-reveal(top, $offcanvas-reveal-zindex, $maincontent-class, $name);\n        }\n\n        .position-bottom.reveal-for-#{$name} {\n          @include off-canvas-reveal(bottom, $offcanvas-reveal-zindex, $maincontent-class, $name);\n        }\n      }\n    }\n  }\n\n  // Move in-canvas for larger screens\n  @each $name, $value in $breakpoint-classes {\n    @if $name != $-zf-zero-breakpoint {\n      @include breakpoint($name) {\n        .off-canvas.in-canvas-for-#{$name} {\n          @include in-canvas;\n        }\n      }\n    }\n  }\n}\n\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group reveal\n////\n\n/// Default background color of a modal.\n/// @type Color\n$reveal-background: $white !default;\n\n/// Default width of a modal, with no class applied.\n/// @type Number\n$reveal-width: 600px !default;\n\n/// Default maximum width of a modal.\n/// @type Number\n$reveal-max-width: $global-width !default;\n\n/// Default padding inside a modal.\n/// @type Number\n$reveal-padding: $global-padding !default;\n\n/// Default border around a modal.\n/// @type Number\n$reveal-border: 1px solid $medium-gray !default;\n\n/// Default radius for modal.\n/// @type Number\n$reveal-radius: $global-radius !default;\n\n/// z-index for modals. The overlay uses this value, while the modal itself uses this value plus one.\n/// @type Number\n$reveal-zindex: 1005 !default;\n\n/// Background color of modal overlays.\n/// @type Color\n$reveal-overlay-background: rgba($black, 0.45) !default;\n\n\n// Placeholder selector for medium-and-up modals\n// Prevents duplicate CSS when defining multiple Reveal sizes\n// This should be in the same breakpoint then `@mixin reveal-modal-width`\n@include breakpoint(medium) {\n  %reveal-centered {\n    right: auto;\n    left: auto;\n    margin: 0 auto;\n  }\n}\n\n\n/// Adds styles for a modal overlay.\n/// @param {Color} $background [$reveal-overlay-background] - Background color of the overlay.\n@mixin reveal-overlay($background: $reveal-overlay-background) {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $reveal-zindex;\n\n  display: none;\n  background-color: $background;\n  overflow-y: auto;\n}\n\n/// Adds base styles for a modal.\n@mixin reveal-modal-base {\n  @include disable-mouse-outline;\n  z-index: $reveal-zindex + 1;\n  // Workaround android browser z-index bug\n  backface-visibility: hidden;\n\n  display: none;\n  padding: $reveal-padding;\n\n  border: $reveal-border;\n  border-radius: $reveal-radius;\n  background-color: $reveal-background;\n\n  @include breakpoint(medium) {\n    min-height: 0;\n  }\n\n  // Make sure rows don't have a min-width on them\n  .column {\n    min-width: 0;\n  }\n\n  // Strip margins from the last item in the modal\n  > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n/// Adjusts the width of a modal.\n/// @param {Number} $width - Width of the modal. Generally a percentage.\n/// @param {Number} $max-width [$reveal-max-width] - Maximum width of the modal.\n@mixin reveal-modal-width(\n  $width: $reveal-width,\n  $max-width: $reveal-max-width\n) {\n  // Extends must be made outside of breakpoints for compatibility with newer Sass versions (libsass v3.5)\n  @extend %reveal-centered;\n  @include breakpoint(medium) {\n    width: $width;\n    max-width: $max-width;\n  }\n}\n\n/// Creates a full-screen modal, which stretches the full width and height of the window.\n@mixin reveal-modal-fullscreen {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  width: 100%;\n  max-width: none;\n  height: 100%;\n  min-height: 100%;\n  margin-left: 0;\n\n  border: 0;\n  border-radius: 0;\n}\n\n@mixin foundation-reveal {\n\n  /// Disables the scroll when Reveal is shown to prevent the background from shifting\n  html.is-reveal-open {\n    position: fixed;\n    width: 100%;\n    overflow-y: hidden;\n\n    &.zf-has-scroll {\n      overflow-y: scroll;\n    }\n\n    body { // sass-lint:disable-line no-qualifying-elements\n      overflow-y: hidden;\n    }\n  }\n\n  // Overlay\n  .reveal-overlay {\n    @include reveal-overlay;\n  }\n\n  // Modal container\n  .reveal {\n    @include reveal-modal-base;\n    @include reveal-modal-width($reveal-width);\n    position: relative;\n    top: 100px;\n    margin-right: auto;\n    margin-left: auto;\n    overflow-y: auto;\n\n    // Remove padding\n    &.collapse {\n      padding: 0;\n    }\n\n    // Sizing classes\n    &.tiny  { @include reveal-modal-width(30%); }\n    &.small { @include reveal-modal-width(50%); }\n    &.large { @include reveal-modal-width(90%); }\n\n    // Full-screen mode\n    &.full {\n      @include reveal-modal-fullscreen;\n    }\n\n    @include breakpoint($-zf-zero-breakpoint only) {\n      @include reveal-modal-fullscreen;\n    }\n\n    &.without-overlay {\n      position: fixed;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n@mixin foundation-sticky {\n  .sticky-container {\n    position: relative;\n  }\n\n  .sticky {\n    position: relative;\n    z-index: 0;\n    transform: translate3d(0, 0, 0);\n  }\n\n  .sticky.is-stuck {\n    position: fixed;\n    z-index: 5;\n    width: 100%;\n\n    &.is-at-top {\n      top: 0;\n    }\n\n    &.is-at-bottom {\n      bottom: 0;\n    }\n  }\n\n  .sticky.is-anchored {\n    position: relative;\n    right: auto;\n    left: auto;\n\n    &.is-at-bottom {\n      bottom: 0;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group title-bar\n////\n\n/// Background color of a title bar.\n/// @type Color\n$titlebar-background: $black !default;\n\n/// Color of text inside a title bar.\n/// @type Color\n$titlebar-color: $white !default;\n\n/// Padding inside a title bar.\n/// @type Length\n$titlebar-padding: 0.5rem !default;\n\n/// Font weight of text inside a title bar.\n/// @type Weight\n$titlebar-text-font-weight: bold !default;\n\n/// Color of menu icons inside a title bar.\n/// @type Color\n$titlebar-icon-color: $white !default;\n\n/// Color of menu icons inside a title bar on hover.\n/// @type Color\n$titlebar-icon-color-hover: $medium-gray !default;\n\n/// Spacing between the menu icon and text inside a title bar.\n/// @type Length\n$titlebar-icon-spacing: 0.25rem !default;\n\n@mixin foundation-title-bar {\n  .title-bar {\n    padding: $titlebar-padding;\n    background: $titlebar-background;\n    color: $titlebar-color;\n\n    @if $global-flexbox {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n    }\n    @else {\n      @include clearfix;\n    }\n\n    .menu-icon {\n      margin-#{$global-left}: $titlebar-icon-spacing;\n      margin-#{$global-right}: $titlebar-icon-spacing;\n    }\n  }\n\n  @if $global-flexbox {\n    .title-bar-left,\n    .title-bar-right {\n      flex: 1 1 0px; // sass-lint:disable-line zero-unit\n    }\n\n    .title-bar-right {\n      text-align: right;\n    }\n  }\n  @else {\n    .title-bar-left {\n      float: left;\n    }\n\n    .title-bar-right {\n      float: right;\n      text-align: right;\n    }\n  }\n\n  .title-bar-title {\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: $titlebar-text-font-weight;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group top-bar\n////\n\n/// Padding for the top bar.\n/// @type Number\n$topbar-padding: 0.5rem !default;\n\n/// Background color for the top bar. This color also cascades to menus within the top bar.\n/// @type Color\n$topbar-background: $light-gray !default;\n\n/// Background color submenus within the top bar. Usefull if $topbar-background is transparent.\n/// @type Color\n$topbar-submenu-background: $topbar-background !default;\n\n/// Spacing for the top bar title.\n/// @type Number\n$topbar-title-spacing: 0.5rem 1rem 0.5rem 0 !default;\n\n/// Maximum width of `<input>` elements inside the top bar.\n/// @type Number\n$topbar-input-width: 200px !default;\n\n/// Breakpoint at which top bar switches from mobile to desktop view.\n/// @type Breakpoint\n$topbar-unstack-breakpoint: medium !default;\n\n/// Adds styles for a top bar container.\n@mixin top-bar-container {\n  @if $global-flexbox {\n    display: flex;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    align-items: center;\n  }\n  @else {\n    @include clearfix;\n  }\n\n  padding: $topbar-padding;\n\n  &,\n  ul {\n    background-color: $topbar-background;\n  }\n\n  // Check if $topbar-background is differnt from $topbar-background-submenu\n  @if ($topbar-background != $topbar-submenu-background) {\n    ul ul {\n      background-color: $topbar-submenu-background;\n    }\n  }\n\n  // Restrain width of inputs by default to make them easier to arrange\n  input {\n    max-width: $topbar-input-width;\n    margin-#{$global-right}: 1rem;\n  }\n\n  // The above styles shouldn't apply to input group fields\n  .input-group-field {\n    width: 100%;\n    margin-#{$global-right}: 0;\n  }\n\n  input.button { // sass-lint:disable-line no-qualifying-elements\n    width: auto;\n  }\n}\n\n/// Makes sections of a top bar stack on top of each other.\n@mixin top-bar-stacked {\n  @if $global-flexbox {\n    flex-wrap: wrap;\n\n    // Sub-sections\n    .top-bar-left,\n    .top-bar-right {\n      flex: 0 0 100%;\n      max-width: 100%;\n    }\n  }\n  @else {\n    // Sub-sections\n    .top-bar-left,\n    .top-bar-right {\n      width: 100%;\n    }\n  }\n}\n\n/// Undoes the CSS applied by the `top-bar-stacked()` mixin.\n@mixin top-bar-unstack {\n  @if $global-flexbox {\n    flex-wrap: nowrap;\n\n    .top-bar-left {\n      flex: 1 1 auto;\n      margin-right: auto;\n    }\n\n    .top-bar-right {\n      flex: 0 1 auto;\n      margin-left: auto;\n    }\n  }\n  @else {\n    .top-bar-left,\n    .top-bar-right {\n      width: auto;\n    }\n  }\n}\n\n@mixin foundation-top-bar {\n  // Top bar container\n  .top-bar {\n    @include top-bar-container;\n\n    // Stack on small screens by default\n    @include top-bar-stacked;\n\n    @include breakpoint($topbar-unstack-breakpoint) {\n      @include top-bar-unstack;\n    }\n\n    // Generate classes for stacking on each screen size (defined in $breakpoint-classes)\n    @each $size in $breakpoint-classes {\n      @if $size != $-zf-zero-breakpoint {\n        &.stacked-for-#{$size} {\n          @include breakpoint($size down) {\n            @include top-bar-stacked;\n          }\n        }\n      }\n    }\n  }\n\n  // Sub-sections\n  @if $global-flexbox {\n    .top-bar-title {\n      flex: 0 0 auto;\n      margin: $topbar-title-spacing;\n    }\n\n    .top-bar-left,\n    .top-bar-right {\n      flex: 0 0 auto;\n    }\n  }\n  @else {\n    .top-bar-title {\n      display: inline-block;\n      float: left;\n      padding: $topbar-title-spacing;\n\n      .menu-icon {\n        bottom: 2px;\n      }\n    }\n\n    .top-bar-left {\n      float: left;\n    }\n\n    .top-bar-right {\n      float: right;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group float\n////\n\n@mixin foundation-float-classes {\n  .float-left {\n    float: left !important;\n  }\n\n  .float-right {\n    float: right !important;\n  }\n\n  .float-center {\n    display: block;\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .clearfix {\n    @include clearfix;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group Flexbox Utilities\n////\n//\n/// Default value for the count of source ordering`\n/// @type Number\n$flex-source-ordering-count: 6 !default;\n\n/// Quickly disable/enable Responsive breakpoints for Vanilla Flex Helpers.\n/// @type Boolean\n$flexbox-responsive-breakpoints: true !default;\n\n@mixin flex-helpers {\n  .flex-container {\n    @include flex;\n  }\n\n  .flex-child-auto {\n    flex: 1 1 auto;\n  }\n\n  .flex-child-grow {\n    flex: 1 0 auto;\n  }\n\n  .flex-child-shrink {\n    flex: 0 1 auto;\n  }\n\n  @each $dir, $prop in $-zf-flex-direction {\n    .flex-dir-#{$dir} {\n      @include flex-direction($prop);\n    }\n  }\n\n  @if ($flexbox-responsive-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @if $size != $-zf-zero-breakpoint {\n          .#{$size}-flex-container {\n            @include flex;\n          }\n\n          .#{$size}-flex-child-auto {\n            flex: 1 1 auto;\n          }\n\n          .#{$size}-flex-child-grow {\n            flex: 1 0 auto;\n          }\n\n          .#{$size}-flex-child-shrink {\n            flex: 0 1 auto;\n          }\n\n          @each $dir, $prop in $-zf-flex-direction {\n            .#{$size}-flex-dir-#{$dir} {\n              @include flex-direction($prop);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@mixin foundation-flex-classes {\n  // Horizontal alignment using justify-content\n  @each $hdir, $prop in $-zf-flex-justify {\n    .align-#{$hdir} {\n      @include flex-align($x: $hdir);\n    }\n  }\n  \n  // Horizontal alignment Specifically for Vertical Menu\n  @each $hdir, $prop in map-remove($-zf-flex-justify, 'justify', 'spaced') {\n    .align-#{$hdir} {\n      &.vertical {\n        &.menu > li > a {\n          @include flex-align($x: $hdir);\n        }\n      }\n    }\n  }\n\n  // Vertical alignment using align-items and align-self\n  @each $vdir, $prop in $-zf-flex-align {\n    .align-#{$vdir} {\n      @include flex-align($y: $vdir);\n    }\n\n    .align-self-#{$vdir} {\n      @include flex-align-self($y: $vdir);\n    }\n  }\n\n  // Central alignment of content\n  .align-center-middle {\n    @include flex-align($x: center, $y: middle);\n    align-content: center;\n  }\n\n  // Source ordering\n  @include -zf-each-breakpoint {\n    @for $i from 1 through $flex-source-ordering-count {\n      .#{$-zf-size}-order-#{$i} {\n        @include flex-order($i);\n      }\n    }\n  }\n\n  // Vanilla Flexbox Helpers\n  @include flex-helpers;\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n/// Hide an element by default, only displaying it above a certain screen size.\n/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**\n@mixin show-for($size) {\n  $size: map-get($breakpoints, $size);\n  // Max value is 0.2px under the next breakpoint (0.02 / 16 = 0.00125).\n  // Use a precision under 1px to support browser zoom, but not to low to avoid rounding.\n  // See https://github.com/foundation/foundation-sites/issues/11313\n  $size: -zf-bp-to-em($size) - .00125;\n\n  @include breakpoint($size down) {\n    display: none !important;\n  }\n}\n\n/// Hide an element by default, only displaying it within a certain breakpoint.\n/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**\n@mixin show-for-only($size) {\n  $lower-bound-size: map-get($breakpoints, $size);\n  $upper-bound-size: -zf-map-next($breakpoints, $size);\n\n  // more often than not this will be correct, just one time round the loop it won't so set in scope here\n  $lower-bound: -zf-bp-to-em($lower-bound-size) - .00125;\n  // test actual lower-bound-size, if 0 set it to 0em\n  @if strip-unit($lower-bound-size) == 0 {\n    $lower-bound: -zf-bp-to-em($lower-bound-size);\n  }\n\n  @if $upper-bound-size == null {\n    @media screen and (max-width: $lower-bound) {\n      display: none !important;\n    }\n  }\n  @else {\n    $upper-bound: -zf-bp-to-em($upper-bound-size);\n\n    @media screen and (max-width: $lower-bound), screen and (min-width: $upper-bound) {\n      display: none !important;\n    }\n  }\n}\n\n\n/// Show an element by default, and hide it above a certain screen size.\n/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**\n@mixin hide-for($size) {\n  @include breakpoint($size) {\n    display: none !important;\n  }\n}\n\n/// Show an element by default, and hide it above a certain screen size.\n/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**\n@mixin hide-for-only($size) {\n  @include breakpoint($size only) {\n    display: none !important;\n  }\n}\n\n@mixin foundation-visibility-classes {\n  // Basic hiding classes\n  .hide {\n    display: none !important;\n  }\n\n  .invisible {\n    visibility: hidden;\n  }\n\n  // Responsive visibility classes\n  @each $size in $breakpoint-classes {\n    @if $size != $-zf-zero-breakpoint {\n      .hide-for-#{$size} {\n        @include hide-for($size);\n      }\n\n      .show-for-#{$size} {\n        @include show-for($size);\n      }\n    }\n\n    .hide-for-#{$size}-only {\n      @include hide-for-only($size);\n    }\n\n    .show-for-#{$size}-only {\n      @include show-for-only($size);\n    }\n  }\n\n  // Screen reader visibility classes\n  // Need a \"hide-for-sr\" class? Add aria-hidden='true' to the element\n  .show-for-sr,\n  .show-on-focus {\n    @include element-invisible;\n  }\n\n  // Only display the element when it's focused\n  .show-on-focus {\n    &:active,\n    &:focus {\n      @include element-invisible-off;\n    }\n  }\n\n  // Landscape and portrait visibility\n  .show-for-landscape,\n  .hide-for-portrait {\n    display: block !important;\n\n    @include breakpoint(landscape) {\n      display: block !important;\n    }\n\n    @include breakpoint(portrait) {\n      display: none !important;\n    }\n  }\n\n  .hide-for-landscape,\n  .show-for-portrait {\n    display: none !important;\n\n    @include breakpoint(landscape) {\n      display: none !important;\n    }\n\n    @include breakpoint(portrait) {\n      display: block !important;\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype\n////\n\n// Relational Mixins\n@import 'relation';\n\n// Box Mixin\n@import 'box';\n\n// Rotate Mixin\n@import 'rotate';\n\n// Text utilities\n@import 'text-utilities';\n\n// Text transformation classes\n@import 'text-transformation';\n\n// Text Decoration classes\n@import 'text-decoration';\n\n// Font Styling\n@import 'font-styling';\n\n// List Style type\n@import 'list-style-type';\n\n// Rounded Utility\n@import 'rounded';\n\n// Bordered Utility\n@import 'bordered';\n\n// Shadow Utility\n@import 'shadow';\n\n// Arrow Utility\n@import 'arrow';\n\n// Separator Utility\n@import 'separator';\n\n// Overflow helper classes\n@import 'overflow';\n\n// Display classes\n@import 'display';\n\n// Position Helpers\n@import 'position';\n\n// Border box\n@import 'border-box';\n\n// Border none Utilty\n@import 'border-none';\n\n// Sizing Utilities\n@import 'sizing';\n\n// Spacing Utilities\n@import 'spacing';\n\n@mixin foundation-prototype-classes {\n  @include foundation-prototype-text-utilities;\n  @include foundation-prototype-text-transformation;\n  @include foundation-prototype-text-decoration;\n  @include foundation-prototype-font-styling;\n  @include foundation-prototype-list-style-type;\n  @include foundation-prototype-rounded;\n  @include foundation-prototype-bordered;\n  @include foundation-prototype-shadow;\n  @include foundation-prototype-arrow;\n  @include foundation-prototype-separator;\n  @include foundation-prototype-overflow;\n  @include foundation-prototype-display;\n  @include foundation-prototype-position;\n  @include foundation-prototype-border-box;\n  @include foundation-prototype-border-none;\n  @include foundation-prototype-sizing;\n  @include foundation-prototype-spacing;\n}\n","/// Select all children from the first to `$num`.\n/// @param {Number} $num[] First `n` numbers of total children \n@mixin first($num) {\n  @if $num == 1 {\n    &:first-child {\n      @content;\n    }\n  } @else {\n    &:nth-child(-n + #{$num}) {\n      @content;\n    }\n  }\n}\n\n/// Select the first exact child\n@mixin first-child {\n  &:first-of-type {\n    @content;\n  }\n}\n\n/// Select all children from the last to `$num`.\n/// @param {Number} $num[] Last `n` numbers of total children \n@mixin last($num) {\n  &:nth-last-child(-n + #{$num}) {\n    @content;\n  }\n}\n\n/// Select the last exact child\n@mixin last-child {\n  &:last-of-type {\n    @content;\n  }\n}\n\n/// Select children every `$num`.\n/// @param {Number} $num[] Every `n` number of all children\n@mixin every($num) {\n  &:nth-child(#{$num}n) {\n    @content;\n  }\n}\n\n/// Select only the first and last child.\n@mixin first-last {\n  &:first-child,\n  &:last-child {\n    @content;\n  }\n}\n\n/// Select all children after the first to `$num`.\n/// @param {Number} $num[] After First `n` numbers of total children \n@mixin after-first($num) {\n  &:nth-child(n + #{$num + 1}) {\n    @content;\n  }\n}\n\n/// Select all children before `$num` from the last.\n/// @param {Number} $num[] From Last `n` numbers of total children \n@mixin from-last($num) {\n  &:nth-last-child(#{$num}) {\n    @content;\n  }\n}\n\n/// Select the `$num` child from the first and the `$num` child from the last.\n/// @param {Number} $num[] `n` number called from first and last \n@mixin from-first-last($num) {\n  &:nth-child(#{$num}),\n  &:nth-last-child(#{$num}) {\n    @content;\n  }\n}\n\n/// Select all children but `$num`.\n/// @param {Number} $num[] `n` number that should be excluded from all other children \n@mixin all-but($num) {\n  &:not(:nth-child(#{$num})) {\n    @content;\n  }\n}\n\n/// Select all children between the `$num` first and the `$num` last.\n/// @param {Number} $num[] `n` number excluded from first and last from all other children\n@mixin all-but-first-last($num) {\n  &:nth-child(n + #{$num}):nth-last-child(n + #{$num}) {\n    @content;\n  }\n}\n\n/// Will only select the child if it's unique. That means that if there are at least 2 children, the style will not be applied.\n@mixin unique {\n  &:only-child {\n    @content;\n  }\n}\n\n/// Will only select children if they are not unique. That means that if there are at least 2 children, the style will be applied.\n@mixin not-unique() {\n  &:not(:only-child) {\n    @content;\n  }\n}\n\n/// Select all children between `$first` and `$last`.\n/// @param {Number} $first[] First `nth` number\n/// @param {Number} $last[] Last `nth` number\n@mixin between($first, $last) {\n  &:nth-child(n + #{$first}):nth-child(-n + #{$last}) {\n    @content;\n  }\n}\n\n/// Select all even children.\n@mixin even {\n  &:nth-child(even) {\n    @content;\n  }\n}\n\n/// Select all even children between `$first` and `$last`.\n/// @param {Number} $first[] First `nth` number\n/// @param {Number} $last[] Last `nth` number\n@mixin even-between($first, $last) {\n  &:nth-child(even):nth-child(n + #{$first}):nth-child(-n + #{$last}) {\n    @content;\n  }\n}\n\n/// Select all odd children.\n@mixin odd {\n  &:nth-child(odd) {\n    @content;\n  }\n}\n\n/// Select all odd children between `$first` and `$last`.\n/// @param {Number} $first[] First `nth` number\n/// @param {Number} $last[] Last `nth` number\n@mixin odd-between($first, $last) {\n  &:nth-child(odd):nth-child(n + #{$first}):nth-child(-n + #{$last}) {\n    @content;\n  }\n}\n\n/// Select all `$num` children between `$first` and `$last`.\n/// @param {Number} $num[] Every `n` number between `$first` and `$last`.\n/// @param {Number} $first[] First `n` number\n/// @param {Number} $last[] Last `n` number\n@mixin number-between($num, $first, $last) {\n  &:nth-child(#{$num}n):nth-child(n + #{$first}):nth-child(-n + #{$last}) {\n    @content;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-box\n////\n\n/// Box Mixin: Easily create a square, rectangle or a circle\n/// @param {Number} $width[] Width of the box\n/// @param {Number} $height[$width] Height of the box, defaults to `$width` to easily make a square\n/// @param {Boolean} $circle[false] Makes the box a circle, by default `false`.\n@mixin box(\n  $width, \n  $height: $width, \n  $circle: false\n) {\n  width: $width;\n  height: $height;\n  @if $circle {\n    border-radius: 50% !important;\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-rotate\n////\n\n/// Rotate Mixin: Rotate an element to a certain deg\n/// @param {Number} $deg[] Degree of rotation\n@mixin rotate($deg) {\n\ttransform:rotate($deg + deg);\n}\n\n/// RotateX Mixin: Rotate an element to a certain deg on X-Axis\n/// @param {Number} $deg[] Degree of rotation\n@mixin rotateX($deg) {\n\ttransform:rotateX($deg + deg);\n}\n\n/// RotateY Mixin: Rotate an element to a certain deg on Y-Axis\n/// @param {Number} $deg[] Degree of rotation\n@mixin rotateY($deg) {\n\ttransform:rotateY($deg + deg);\n}\n\n/// RotateZ Mixin: Rotate an element to a certain deg on Z-Axis\n/// @param {Number} $deg[] Degree of rotation\n@mixin rotateZ($deg) {\n\ttransform:rotateZ($deg + deg);\n}","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-text-utilities\n////\n\n/// Responsive breakpoints for text utilities\n/// @type Boolean\n$prototype-utilities-breakpoints: $global-prototype-breakpoints !default;\n\n/// Default Value for `text-overflow` variable\n/// @type String\n$prototype-text-overflow: ellipsis !default;\n\n/// Image Replacement utility. `text-hide`\n@mixin text-hide {\n  font: 0/0 a !important;\n  color: transparent !important;\n  text-shadow: none !important;\n  background-color: transparent !important;\n  border: 0 !important;\n}\n\n/// Truncating the text, elipsis by default.\n/// @param {String} $overflow [$prototype-text-overflow] Text Truncate\n@mixin text-truncate(\n  $overflow: $prototype-text-overflow\n) {\n  max-width: 100% !important;\n  overflow: hidden !important;\n  text-overflow: $overflow; \n  white-space: nowrap !important;\n}\n\n/// No wrapping of the text. `text-nowrap`\n@mixin text-nowrap {\n  white-space: nowrap !important;\n}\n\n/// Wrapping of the text. `text-wrap`\n@mixin text-wrap {\n  word-wrap: break-word !important;\n}\n\n@mixin foundation-prototype-text-utilities {\n  .text-hide {\n    @include text-hide;\n  }\n\n  .text-truncate {\n    @include text-truncate;\n  }\n\n  .text-nowrap {\n    @include text-nowrap;\n  }\n\n  .text-wrap {\n    @include text-wrap;\n  }\n\n  @if ($prototype-utilities-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @if $size != $-zf-zero-breakpoint {\n          .#{$size}-text-hide {\n            @include text-hide;\n          }\n\n          .#{$size}-text-truncate {\n            @include text-truncate;\n          }\n\n          .#{$size}-text-nowrap {\n            @include text-nowrap;\n          }\n\n          .#{$size}-text-wrap {\n            @include text-wrap;\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-text-transformation\n////\n\n/// Responsive breakpoints for text transformation classes\n/// @type Boolean\n$prototype-transformation-breakpoints: $global-prototype-breakpoints !default;\n\n/// Map containing all the `text-transformation` classes\n/// @type Map\n$prototype-text-transformation: (\n  lowercase,\n  uppercase,\n  capitalize\n) !default;\n\n/// Text Transformation, by default coming through a map `$prototype-text-transformation`\n/// @param {String} $transformation [] Text Transformation\n@mixin text-transform($transformation) {\n  text-transform: $transformation !important;\n}\n\n@mixin foundation-prototype-text-transformation {\n  @each $transformation in $prototype-text-transformation {\n    .text-#{$transformation} {\n      @include text-transform($transformation);\n    }\n  }\n\n  @if ($prototype-transformation-breakpoints) {\n    // Loop through Responsive Breakpoints\n  \t@each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @each $transformation in $prototype-text-transformation {\n          @if $size != $-zf-zero-breakpoint {\n            .#{$size}-text-#{$transformation} {\n  \t\t\t      @include text-transform($transformation);\n  \t\t\t    }\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-text-decoration\n////\n\n/// Responsive breakpoints for text decoration classes\n/// @type Boolean\n$prototype-decoration-breakpoints: $global-prototype-breakpoints !default;\n\n/// Map containing all the `text-decoration` classes\n/// @type Map\n$prototype-text-decoration: (\n  overline,\n  underline,\n  line-through,\n) !default;\n\n/// Text Decoration, by default coming through a map `$prototype-text-decoration`\n/// @param {String} $decoration [] Text Decoration\n@mixin text-decoration($decoration) {\n  text-decoration: $decoration !important;\n}\n\n@mixin foundation-prototype-text-decoration {\n  @each $decoration in $prototype-text-decoration {\n    .text-#{$decoration} {\n      @include text-decoration($decoration);\n    }\n  }\n\n  @if ($prototype-decoration-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @each $decoration in $prototype-text-decoration {\n          @if $size != $-zf-zero-breakpoint {\n            .#{$size}-text-#{$decoration} {\n              @include text-decoration($decoration);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-font-styling\n////\n\n/// Responsive breakpoints for font styling types\n/// @type Boolean\n$prototype-font-breakpoints: $global-prototype-breakpoints !default;\n\n/// Letter spacing for `.font-wide`\n/// @type Number\n$prototype-wide-letter-spacing: rem-calc(4) !default;\n\n/// Default weight for `.font-normal`, defaulted to `global-weight-normal`\n/// @type Number\n$prototype-font-normal: $global-weight-normal !default;\n\n/// Default weight for `.font-bold`, defaulted to `global-weight-bold`\n/// @type Number\n$prototype-font-bold: $global-weight-bold !default;\n\n/// Font wide letter spacing!\n/// @param {Number} $letter-spacing [$prototype-wide-letter-spacing] Wide letter spacing for the font\n@mixin font-wide(\n  $letter-spacing: $prototype-wide-letter-spacing\n) {\n  letter-spacing: $letter-spacing;\n}\n\n/// Font Weight Normal, default value coming through `global-weight-normal`\n/// @param {Number} $weight [$prototype-font-normal] Weight of the font (normal)\n@mixin font-normal(\n  $weight: $prototype-font-normal\n) {\n  font-weight: $weight;\n}\n\n/// Font Weight Bold, default value coming through `global-weight-bold`\n/// @param {Number} $weight [$prototype-font-bold] Weight of the font (bold)\n@mixin font-bold(\n  $weight: $prototype-font-bold\n) {\n  font-weight: $weight;\n}\n\n/// Font Style Italic\n@mixin font-italic {\n  font-style: italic !important;\n}\n\n@mixin foundation-prototype-font-styling {\n  .font-wide{\n    @include font-wide;\n  }\n\n  .font-normal {\n    @include font-normal;\n  }\n\n  .font-bold {\n    @include font-bold;\n  }\n\n  .font-italic {\n    @include font-italic;\n  }\n\n  @if ($prototype-font-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @if $size != $-zf-zero-breakpoint {\n          .#{$size}-font-wide{\n            @include font-wide;\n          }\n\n          .#{$size}-font-normal {\n            @include font-normal;\n          }\n\n          .#{$size}-font-bold {\n            @include font-bold;\n          }\n\n          .#{$size}-font-italic {\n            @include font-italic;\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-list-style-type\n////\n\n/// Responsive breakpoints for list styling types\n/// @type Boolean\n$prototype-list-breakpoints: $global-prototype-breakpoints !default;\n\n/// Map containing all the `style-type-unordered` classes\n/// @type Map\n$prototype-style-type-unordered: (\n  disc,\n  circle,\n  square\n) !default;\n\n/// Map containing all the `style-type-ordered` classes\n/// @type Map\n$prototype-style-type-ordered: (\n  decimal,\n  lower-alpha,\n  lower-latin,\n  lower-roman,\n  upper-alpha,\n  upper-latin,\n  upper-roman\n) !default;\n\n\n/// Style type for unordered Lists, by default coming through a map `$prototype-style-type-unordered`\n/// @param {String} $style-type-unordered [] Style type for unordered Lists\n@mixin style-type-unordered($style-type-unordered) {\n  list-style-type: $style-type-unordered !important;\n}\n\n/// Style type for ordered Lists, by default coming through a map `$prototype-style-type-ordered`\n/// @param {String} $style-type-ordered [] Style type for ordered Lists\n@mixin style-type-ordered($style-type-ordered) {\n  list-style-type: $style-type-ordered !important;\n}\n\n@mixin list-unordered {\n  @each $style-type-unordered in $prototype-style-type-unordered {\n    ul.list-#{$style-type-unordered} {\n      @include style-type-unordered($style-type-unordered);\n    }\n  }\n\n  @if ($prototype-list-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @each $style-type-unordered in $prototype-style-type-unordered {\n          @if $size != $-zf-zero-breakpoint {\n            ul.#{$size}-list-#{$style-type-unordered} {\n              @include style-type-unordered($style-type-unordered);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@mixin list-ordered {\n  @each $style-type-ordered in $prototype-style-type-ordered {\n    ol.list-#{$style-type-ordered} {\n      @include style-type-ordered($style-type-ordered);\n    }\n  }\n\n  @if ($prototype-list-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @each $style-type-ordered in $prototype-style-type-ordered {\n          @if $size != $-zf-zero-breakpoint {\n            ol.#{$size}-list-#{$style-type-ordered} {\n              @include style-type-ordered($style-type-ordered);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@mixin foundation-prototype-list-style-type {\n  @include list-unordered;\n  @include list-ordered;\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-rounded\n////\n\n/// Responsive breakpoints for rounded utility.\n/// @type Boolean\n$prototype-rounded-breakpoints: $global-prototype-breakpoints !default;\n\n/// Default value for `prototype-border-radius`\n/// @type Number\n$prototype-border-radius: rem-calc(3) !default;\n\n/// Rounded utility (all corners): Adds radius corners (all corners) to an element by default.\n/// @param {Number} $radius [$prototype-border-radius] Border radius (all corners)\n@mixin border-radius(\n  $radius: $prototype-border-radius\n) {\n  border-radius: $radius;\n}\n\n/// Rounded square utility or rectangle utility (all corners): Rounds all corners to an element by default to make a pill shape.\n@mixin border-rounded {\n  border-radius: 5000px !important;\n}\n\n@mixin foundation-prototype-rounded {\n  .rounded {\n    @include border-rounded;\n\n    .switch-paddle {\n      @include border-rounded;\n      &:after {\n        border-radius: 50%; // For switches\n      }\n    }\n  }\n\n  .radius {\n    @include border-radius;\n  }\n\n  @if ($prototype-rounded-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @if $size != $-zf-zero-breakpoint {\n          .#{$size}-rounded {\n            @include border-rounded;\n          }\n          .#{$size}-radius {\n            @include border-radius;\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-bordered\n////\n\n/// Responsive breakpoints for bordered utility.\n/// @type Boolean\n$prototype-bordered-breakpoints: $global-prototype-breakpoints !default;\n\n/// Default value for `prototype-border-width`\n/// @type Number\n$prototype-border-width: rem-calc(1) !default;\n\n/// Default value for `prototype-border-type`\n/// @type String\n$prototype-border-type: solid !default;\n\n/// Default value for `prototype-border-color` defaulted to `medium-gray`\n/// @type Color\n$prototype-border-color: $medium-gray !default;\n\n/// Bordered Utility: Adds a light border to an element by default.\n/// @param {Number} $width [$prototype-border-width] Width of the border\n/// @param {String} $type [$prototype-border-type] Type of the border\n/// @param {Color} $color [$prototype-border-color] Color of the border\n@mixin bordered(\n  $width: $prototype-border-width,\n  $type: $prototype-border-type,\n  $color: $prototype-border-color\n) {\n  border: $width $type $color;\n}\n\n@mixin foundation-prototype-bordered {\n  .bordered {\n    @include bordered;\n  }\n\n  @if ($prototype-bordered-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @if $size != $-zf-zero-breakpoint {\n          .#{$size}-bordered {\n            @include bordered;\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-shadow\n////\n\n/// Responsive breakpoints for shadow utility.\n/// @type Boolean\n$prototype-shadow-breakpoints: $global-prototype-breakpoints !default;\n\n/// Default value for `prototype-box-shadow`\n/// @type Number\n$prototype-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),\n                       0 2px 10px 0 rgba(0,0,0,.12) !default;\n\n/// Shadow Utility: Adds a light box shadow to an element by default.\n/// @param {Number} $shadow [$prototype-box-shadow] Box Shadow of a component\n@mixin shadow(\n  $shadow: $prototype-box-shadow\n) {\n  box-shadow: $shadow;\n}\n\n@mixin foundation-prototype-shadow {\n  .shadow {\n    @include shadow;\n  }\n\n  @if ($prototype-shadow-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @if $size != $-zf-zero-breakpoint {\n          .#{$size}-shadow {\n            @include shadow;\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-arrow\n////\n\n/// Map containing all the `arrow` direction\n/// @type Map\n$prototype-arrow-directions: (\n  down,\n  up,\n  right,\n  left\n) !default;\n\n/// Width of the Arrow, `0.4375rem` by default.\n/// @type Number\n$prototype-arrow-size: 0.4375rem;\n\n/// Color of the Arrow, `$black` by default.\n/// @type Color\n$prototype-arrow-color: $black;\n\n@mixin foundation-prototype-arrow {\n  @each $prototype-arrow-direction in $prototype-arrow-directions {\n    .arrow-#{$prototype-arrow-direction} {\n      @include css-triangle(\n        $prototype-arrow-size, \n        $prototype-arrow-color, \n        $prototype-arrow-direction\n      );\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-separator\n////\n\n/// Responsive breakpoints for separator.\n/// @type Boolean\n$prototype-separator-breakpoints: $global-prototype-breakpoints !default;\n\n/// Default alignment of a separator.\n/// @type String\n$prototype-separator-align: center !default;\n\n/// Height of a separator.\n/// @type Number\n$prototype-separator-height: rem-calc(2) !default;\n\n/// Width of a separator.\n/// @type Number\n$prototype-separator-width: 3rem !default;\n\n/// Default color of a separator.\n/// @type Color\n$prototype-separator-background: $primary-color !default;\n\n/// Top Margin of a separator.\n/// @type Number\n$prototype-separator-margin-top: $global-margin !default;\n\n/// Title separator Utility, mostly used to style the main heading of a section\n/// @param {String} $align [$prototype-separator-align] - separator Alignment\n/// @param {Number} $height [$prototype-separator-height] - Width\n/// @param {Number} $width [$prototype-separator-width] - Height\n/// @param {Color} $background [$prototype-separator-background] - Background\n/// @param {Number} $top [$prototype-separator-margin-top] - Margin Top\n@mixin separator (\n  $align: $prototype-separator-align,\n  $height: $prototype-separator-height,\n  $width: $prototype-separator-width,\n  $background: $prototype-separator-background,\n  $top: $prototype-separator-margin-top\n) {\n  text-align: $align !important;\n\t@include clearfix;\n\n  &::after {\n    @include position(relative);\n    width: $width;\n    border-bottom: $height solid $background;\n    margin: $top auto 0;\n\n    @if $align == left {\n      margin-left: 0 !important;\n    }\n\n    @if $align == right {\n      margin-right: 0 !important;\n    }\n  }\n}\n\n@mixin foundation-prototype-separator {\n\t.separator-center {\n\t\t@include separator(center);\n\t}\n\n  .separator-left {\n    @include separator(left);\n  }\n\n  .separator-right {\n    @include separator(right);\n  }\n\n\t@if ($prototype-separator-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @if $size != $-zf-zero-breakpoint {\n          .#{$size}-separator-center {\n            @include separator(center);\n          }\n          .#{$size}-separator-left {\n            @include separator(left);\n          }\n          .#{$size}-separator-right {\n            @include separator(right);\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-overflow\n////\n\n/// Responsive breakpoints for overflow helper classes\n/// @type Boolean\n$prototype-overflow-breakpoints: $global-prototype-breakpoints !default;\n\n/// Map containing all the `overflow` classes\n/// @type Map\n$prototype-overflow: (\n  visible,\n  hidden,\n  scroll\n) !default;\n\n/// Overflow classes, by default coming through a map `$prototype-overflow`\n/// @param {String} $overflow [] Overflow classes\n@mixin overflow($overflow) {\n  overflow: $overflow !important;\n}\n\n/// Overflow classes on horizontal axis, by default coming through a map `$prototype-overflow`\n/// @param {String} $overflow [] Overflow classes (horizontal axis)\n@mixin overflow-x($overflow) {\n  overflow-x: $overflow !important;\n}\n\n/// Overflow classes on vertical axis, by default coming through a map `$prototype-overflow`\n/// @param {String} $overflow [] Overflow classes (vertical axis)\n@mixin overflow-y($overflow) {\n  overflow-y: $overflow !important;\n}\n\n@mixin foundation-prototype-overflow {\n  @each $overflow in $prototype-overflow {\n    .overflow-#{$overflow} {\n      @include overflow($overflow);\n    }\n    .overflow-x-#{$overflow} {\n      @include overflow-x($overflow);\n    }\n    .overflow-y-#{$overflow} {\n      @include overflow-y($overflow);\n    }\n  }\n\n  @if ($prototype-overflow-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @each $overflow in $prototype-overflow {\n          @if $size != $-zf-zero-breakpoint {\n            .#{$size}-overflow-#{$overflow} {\n              @include overflow($overflow);\n            }\n            .#{$size}-overflow-x-#{$overflow} {\n              @include overflow-x($overflow);\n            }\n            .#{$size}-overflow-y-#{$overflow} {\n              @include overflow-y($overflow);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-display\n////\n\n/// Responsive breakpoints for display classes\n/// @type Boolean\n$prototype-display-breakpoints: $global-prototype-breakpoints !default;\n\n/// Map containing all the `display` classes\n/// @type Map\n$prototype-display: (\n  inline,\n  inline-block,\n  block,\n  table,\n  table-cell\n) !default;\n\n/// Display classes, by default coming through a map `$prototype-display`\n/// @param {String} $display [] Display classes\n@mixin display($display) {\n  display: $display !important;\n}\n\n@mixin foundation-prototype-display {\n  @each $display in $prototype-display {\n    .display-#{$display} {\n      @include display($display);\n    }\n  }\n\n  @if ($prototype-display-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @each $display in $prototype-display {\n          @if $size != $-zf-zero-breakpoint {\n            .#{$size}-display-#{$display} {\n              @include display($display);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-position\n////\n\n/// Responsive breakpoints for position helpers\n/// @type Boolean\n$prototype-position-breakpoints: $global-prototype-breakpoints !default;\n\n/// Map containing all the `position` classes\n/// @type Map\n$prototype-position: (\n  static,\n  relative,\n  absolute,\n  fixed\n) !default;\n\n/// z-index for fixed positioning\n/// @type Number\n$prototype-position-z-index: 975 !default;\n\n/// Position classes, by default coming through a map `$prototype-position`, whereas all the offset values are multiplied by `$global-position` which by default is equal to `1rem`.\n/// @param {String} $position [] Position classes, Either `static`, `relative`, `absolute` or `fixed`\n/// @param {Number} $top [null] - Top offset\n/// @param {Number} $right [null] - Right offset\n/// @param {Number} $bottom [null] - Bottom offset\n/// @param {Number} $left [null] - Left offset\n@mixin position(\n  $position,\n  $top: null,\n  $right: null,\n  $bottom: null,\n  $left: null\n) {\n  position: $position !important;\n  @if $top != null {\n    top: $top * $global-position !important;\n  }\n  @if $right != null {\n    right: $right * $global-position !important;\n  }\n  @if $bottom != null {\n    bottom: $bottom * $global-position !important;\n  }\n  @if $left != null {\n    left: $left * $global-position !important;\n  }\n}\n\n/// Position Fixed on top corners\n/// @param {Number} $z-index [$prototype-position-z-index] z-index for `position-fixed-top`\n@mixin position-fixed-top(\n  $z-index: $prototype-position-z-index\n) {\n  @include position(fixed, 0, 0, null, 0);\n  z-index: $z-index;\n}\n\n/// Position Fixed on bottom corners\n/// @param {Number} $z-index [$prototype-position-z-index] z-index for `position-fixed-bottom`\n@mixin position-fixed-bottom(\n  $z-index: $prototype-position-z-index\n) {\n  @include position(fixed, null, 0, 0, 0);\n  z-index: $z-index;\n}\n\n@mixin foundation-prototype-position {\n  // Position: Static, Relative, Fixed, Absolute\n  @each $position in $prototype-position {\n    .position-#{$position} {\n      @include position($position);\n    }\n  }\n\n  // Position: Fixed Top, Fixed Bottom\n  .position-fixed-top {\n    @include position-fixed-top;\n  }\n  .position-fixed-bottom {\n    @include position-fixed-bottom;\n  }\n\n  @if ($prototype-position-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        // Position: Static, Relative, Fixed, Absolute\n        @each $position in $prototype-position {\n          @if $size != $-zf-zero-breakpoint {\n            .#{$size}-position-#{$position} {\n              @include position($position);\n            }\n          }\n        }\n\n        // Position: Fixed Top, Fixed Bottom\n        @if $size != $-zf-zero-breakpoint {\n          .#{$size}-position-fixed-top {\n            @include position-fixed-top;\n          }\n\n          .#{$size}-position-fixed-bottom {\n            @include position-fixed-bottom;\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-border-box\n////\n\n/// Responsive breakpoints for border box.\n/// @type Boolean\n$prototype-border-box-breakpoints: $global-prototype-breakpoints !default;\n\n/// Border box utility\n@mixin border-box {\n  box-sizing: border-box !important;\n}\n\n@mixin foundation-prototype-border-box {\n  .border-box {\n    @include border-box;\n  }\n\n  @if ($prototype-border-box-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @if $size != $-zf-zero-breakpoint {\n          .#{$size}-border-box {\n            @include border-box;\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-border-none\n////\n\n/// Responsive breakpoints for border none.\n/// @type Boolean\n$prototype-border-none-breakpoints: $global-prototype-breakpoints !default;\n\n/// Border none utility\n@mixin border-none {\n  border: none !important;\n}\n\n@mixin foundation-prototype-border-none {\n  .border-none {\n    @include border-none;\n  }\n\n  @if ($prototype-border-none-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @if $size != $-zf-zero-breakpoint {\n          .#{$size}-border-none {\n            @include border-none;\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-sizing\n////\n\n/// Responsive breakpoints for spacing classes (margin and padding)\n/// @type Boolean\n$prototype-sizing-breakpoints: $global-prototype-breakpoints !default;\n\n/// Map containing all the `sizing` classes\n/// @type Map\n$prototype-sizing: (\n  width,\n  height\n) !default;\n\n/// Map containing all the sizes.\n/// @type Map\n$prototype-sizes: (\n  25: 25%,\n  50: 50%,\n  75: 75%,\n  100: 100%\n) !default;\n\n/// Max Width 100 utility.\n@mixin max-width-100 {\n  max-width: 100% !important;\n}\n\n/// Max Height 100 utility.\n@mixin max-height-100 {\n  max-height: 100% !important;\n}\n\n@mixin foundation-prototype-sizing {\n  // Element Sizing\n  @each $sizing in $prototype-sizing {\n    @each $length, $percentage in $prototype-sizes {\n      .#{$sizing}-#{$length} {\n        #{$sizing}: $percentage !important;\n      }\n    }\n  }\n\n  // Max width & height\n  .max-width-100 {\n    @include max-width-100;\n  }\n  .max-height-100 {\n    @include max-height-100;\n  }\n\n  @if ($prototype-sizing-breakpoints) {\n    // Loop through Responsive Breakpoints\n    @each $size in $breakpoint-classes {\n      @include breakpoint($size) {\n        @if $size != $-zf-zero-breakpoint {\n          @each $sizing in $prototype-sizing {\n            @each $length, $percentage in $prototype-sizes {\n              .#{$size}-#{$sizing}-#{$length} {\n                #{$sizing}: $percentage !important;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group prototype-spacing\n////\n\n/// Responsive breakpoints for spacing classes (margin and padding)\n/// @type Boolean\n$prototype-spacing-breakpoints: $global-prototype-breakpoints !default;\n\n/// Default number of spacers count (margin and padding)\n/// @type Number\n$prototype-spacers-count: 3 !default;\n\n/// Margin helper mixin, all the values are multiplied by `$global-margin` which by default is equal to `1rem`\n/// @param {Number} $top [null] - Margin Top\n/// @param {Number} $right [null] - Margin Right\n/// @param {Number} $bottom [null] - Margin Bottom\n/// @param {Number} $left [null] - Margin Left\n@mixin margin(\n  $top: null,\n  $right: null,\n  $bottom: null,\n  $left: null\n) {\n  @if $top != null {\n    margin-top: $top * $global-margin !important;\n  }\n  @if $right != null {\n    margin-right: $right * $global-margin !important;\n  }\n  @if $bottom != null {\n    margin-bottom: $bottom * $global-margin !important;\n  }\n  @if $left != null {\n    margin-left: $left * $global-margin !important;\n  }\n}\n\n/// Padding helper mixin, all the values are multiplied by `$global-padding` which by default is equal to `1rem`\n/// @param {Number} $top [null] - Padding Top\n/// @param {Number} $right [null] - Padding Right\n/// @param {Number} $bottom [null] - Padding Bottom\n/// @param {Number} $left [null] - Padding Left\n@mixin padding(\n  $top: null,\n  $right: null,\n  $bottom: null,\n  $left: null\n) {\n  @if $top != null {\n    padding-top: $top * $global-padding !important;\n  }\n  @if $right != null {\n    padding-right: $right * $global-padding !important;\n  }\n  @if $bottom != null {\n    padding-bottom: $bottom * $global-padding !important;\n  }\n  @if $left != null {\n    padding-left: $left * $global-padding !important;\n  }\n}\n\n/// Margin classes for specific direction properties\n/// @param {String} $dir [] Direction\n/// @param {Number} $spacer [] Spacer\n@mixin margin-direction($dir, $spacer) {\n  @if ($dir == top) { \n    @include margin($top: $spacer); \n  }\n  @else if ($dir == right) { \n    @include margin($right: $spacer); \n  }\n  @else if ($dir == bottom) { \n    @include margin($bottom: $spacer); \n  }\n  @else if ($dir == left) { \n    @include margin($left: $spacer); \n  }\n  @else if ($dir == horizontal) { \n    @include margin($right: $spacer, $left: $spacer); \n  }\n  @else if ($dir == vertical) { \n    @include margin($top: $spacer, $bottom: $spacer); \n  }\n}\n\n/// Padding classes for specific direction properties\n/// @param {String} $dir [] Direction\n/// @param {Number} $spacer [] Spacer\n@mixin padding-direction($dir, $spacer) {\n  @if ($dir == top) { \n    @include padding($top: $spacer); \n  }\n  @else if ($dir == right) { \n    @include padding($right: $spacer); \n  }\n  @else if ($dir == bottom) { \n    @include padding($bottom: $spacer); \n  }\n  @else if ($dir == left) { \n    @include padding($left: $spacer); \n  }\n  @else if ($dir == horizontal) { \n    @include padding($right: $spacer, $left: $spacer); \n  }\n  @else if ($dir == vertical) { \n    @include padding($top: $spacer, $bottom: $spacer); \n  }\n}\n\n@mixin foundation-prototype-spacing {\n  @for $spacer from 0 through $prototype-spacers-count {\n    \n    @each $prop in (margin, padding) {\n      // All Sides\n      .#{$prop}-#{$spacer} {\n        @if ($prop == margin) { \n          margin: $spacer * $global-margin !important;\n        }\n        @else if ($prop == padding) { \n          padding: $spacer * $global-padding !important;\n        }\n      }\n\n      @each $dir in (top, right, bottom, left, horizontal, vertical) {\n        // Top Side\n        .#{$prop}-#{$dir}-#{$spacer} {\n          @if ($prop == margin) { \n            @include margin-direction($dir, $spacer);\n          }\n          @else if ($prop == padding) {\n            @include padding-direction($dir, $spacer);\n          }\n        }\n      }\n    }\n  }\n\n  @if ($prototype-spacing-breakpoints) {\n    @for $spacer from 0 through $prototype-spacers-count {\n    // Loop through Responsive Breakpoints\n      @each $size in $breakpoint-classes {\n        @include breakpoint($size) {\n          @if $size != $-zf-zero-breakpoint {\n            .#{$size} {\n              @each $prop in (margin, padding) {\n                // All Sides\n                &-#{$prop}-#{$spacer} {\n                  @if ($prop == margin) { \n                    margin: $spacer * $global-margin !important;\n                  }\n                  @else if ($prop == padding) { \n                    padding: $spacer * $global-padding !important;\n                  }\n                }\n\n                @each $dir in (top, right, bottom, left, horizontal, vertical) {\n                  // Top Side\n                  &-#{$prop}-#{$dir}-#{$spacer} {\n                    @if ($prop == margin) { \n                      @include margin-direction($dir, $spacer);\n                    }\n                    @else if ($prop == padding) { \n                      @include padding-direction($dir, $spacer);\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */\nhtml,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}","/* Slider */\n\n.slick-slider {\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -ms-touch-action: pan-y;\n    touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n}\n.slick-list {\n    position: relative;\n    overflow: hidden;\n    display: block;\n    margin: 0;\n    padding: 0;\n\n    &:focus {\n        outline: none;\n    }\n\n    &.dragging {\n        cursor: pointer;\n        cursor: hand;\n    }\n}\n.slick-slider .slick-track,\n.slick-slider .slick-list {\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate3d(0, 0, 0);\n    -ms-transform: translate3d(0, 0, 0);\n    -o-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n}\n\n.slick-track {\n    position: relative;\n    left: 0;\n    top: 0;\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n\n    &:before,\n    &:after {\n        content: \"\";\n        display: table;\n    }\n\n    &:after {\n        clear: both;\n    }\n\n    .slick-loading & {\n        visibility: hidden;\n    }\n}\n.slick-slide {\n    float: left;\n    height: 100%;\n    min-height: 1px;\n    [dir=\"rtl\"] & {\n        float: right;\n    }\n    img {\n        display: block;\n    }\n    &.slick-loading img {\n        display: none;\n    }\n\n    display: none;\n\n    &.dragging img {\n        pointer-events: none;\n    }\n\n    .slick-initialized & {\n        display: block;\n    }\n\n    .slick-loading & {\n        visibility: hidden;\n    }\n\n    .slick-vertical & {\n        display: block;\n        height: auto;\n        border: 1px solid transparent;\n    }\n}\n.slick-arrow.slick-hidden {\n    display: none;\n}\n","body{\n/*\tbackground: black;\n*/\n}","#header-top-right{\n\tbackground: yellow;\n\t.views-row{\n\t\tdisplay: inline-block;\n\t}\n}\n\n",".about{\n\n\tbackground: lightblue;\n\ttext-align: center;\n\n\t\n}",""],"mappings":"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","names":[]}