+
+ HTTP 404
+Try…
+…to start over on the home page;
+…to search below;
+if you can’t find it, ask about it.
tags\n// $code-color: $oil;\n// $code-font-family: $font-family-monospace;\n// $code-font-weight: $font-weight-normal;\n// $code-background-color: scale-color($secondary-color, $lightness: 70%);\n// $code-border-size: 1px;\n// $code-border-style: solid;\n// $code-border-color: scale-color($code-background-color, $lightness: -10%);\n// $code-padding: rem-calc(2) rem-calc(5) rem-calc(1);\n\n// We use these to style anchors\n// $anchor-text-decoration: none;\n// $anchor-text-decoration-hover: none;\n// $anchor-font-color: $primary-color;\n// $anchor-font-color-hover: scale-color($primary-color, $lightness: -14%);\n\n// We use these to style the
element\n// $hr-border-width: 1px;\n// $hr-border-style: solid;\n$hr-border-color: $grey-3;\n// $hr-margin: rem-calc(20);\n\n// We use these to style lists\n// $list-font-family: $paragraph-font-family;\n// $list-font-size: $paragraph-font-size;\n// $list-line-height: $paragraph-line-height;\n// $list-margin-bottom: $paragraph-margin-bottom;\n// $list-style-position: outside;\n$list-side-margin: 1.3rem;\n// $list-ordered-side-margin: 1.4rem;\n// $list-side-margin-no-bullet: 0;\n// $list-nested-margin: rem-calc(20);\n// $definition-list-header-weight: $font-weight-bold;\n// $definition-list-header-margin-bottom: .3rem;\n// $definition-list-margin-bottom: rem-calc(12);\n\n// We use these to style blockquotes\n// $blockquote-font-color: scale-color($header-font-color, $lightness: 35%);\n// $blockquote-padding: rem-calc(9 20 0 19);\n// $blockquote-border: 1px solid $gainsboro;\n// $blockquote-cite-font-size: rem-calc(13);\n// $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%);\n// $blockquote-cite-link-color: $blockquote-cite-font-color;\n\n// Acronym styles\n// $acronym-underline: 1px dotted $gainsboro;\n\n// We use these to control padding and margin\n// $microformat-padding: rem-calc(10 12);\n// $microformat-margin: rem-calc(0 0 20 0);\n\n// We use these to control the border styles\n// $microformat-border-width: 1px;\n// $microformat-border-style: solid;\n// $microformat-border-color: $gainsboro;\n\n// We use these to control full name font styles\n// $microformat-fullname-font-weight: $font-weight-bold;\n// $microformat-fullname-font-size: rem-calc(15);\n\n// We use this to control the summary font styles\n// $microformat-summary-font-weight: $font-weight-bold;\n\n// We use this to control abbr padding\n// $microformat-abbr-padding: rem-calc(0 1);\n\n// We use this to control abbr font styles\n// $microformat-abbr-font-weight: $font-weight-bold;\n// $microformat-abbr-font-decoration: none;\n\n// 01. Accordion\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-accordion-classes: $include-html-classes;\n\n$accordion-navigation-padding: rem-calc(12);\n// $accordion-navigation-bg-color: #ffffff;\n// $accordion-navigation-hover-bg-color: $grey-1;\n// $accordion-navigation-active-bg-color: $grey-1;\n// $accordion-navigation-font-color: $jet;\n// $accordion-navigation-font-size: rem-calc(16);\n// $accordion-navigation-font-family: $body-font-family;\n\n// $accordion-content-padding: $column-gutter/2;\n$accordion-content-active-bg-color: $body-bg;\n\n// 02. Alert Boxes\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-alert-classes: $include-html-classes;\n\n// We use this to control alert padding.\n// $alert-padding-top: rem-calc(14);\n// $alert-padding-default-float: $alert-padding-top;\n// $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10);\n// $alert-padding-bottom: $alert-padding-top;\n\n// We use these to control text style.\n// $alert-font-weight: $font-weight-normal;\n$alert-font-size: rem-calc(15);\n// $alert-font-color: $white;\n// $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%);\n\n// We use this for close hover effect.\n// $alert-function-factor: -14%;\n\n// We use these to control border styles.\n// $alert-border-style: solid;\n// $alert-border-width: 1px;\n// $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor);\n// $alert-bottom-margin: rem-calc(20);\n\n// We use these to style the close buttons\n// $alert-close-color: $oil;\n// $alert-close-top: 50%;\n// $alert-close-position: rem-calc(4);\n// $alert-close-font-size: rem-calc(22);\n// $alert-close-opacity: 0.3;\n// $alert-close-opacity-hover: 0.5;\n// $alert-close-padding: 9px 6px 4px;\n\n// We use this to control border radius\n// $alert-radius: $global-radius;\n\n// We use this to control transition effects\n// $alert-transition-speed: 300ms;\n// $alert-transition-ease: ease-out;\n\n// 03. Block Grid\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-block-grid-classes: $include-html-classes;\n// $include-xl-html-block-grid-classes: false;\n\n// We use this to control the maximum number of block grid elements per row\n// $block-grid-elements: 12;\n// $block-grid-default-spacing: rem-calc(20);\n// $align-block-grid-to-grid: false;\n\n// Enables media queries for block-grid classes. Set to false if writing semantic HTML.\n// $block-grid-media-queries: true;\n\n// 04. Breadcrumbs\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-nav-classes: $include-html-classes;\n\n// We use this to set the background color for the breadcrumb container.\n$crumb-bg: $grey-1;\n\n// We use these to set the padding around the breadcrumbs.\n// $crumb-padding: rem-calc(9 9 14 0);\n// $crumb-side-padding: rem-calc(12);\n\n// We use these to control border styles.\n// $crumb-function-factor: -10%;\n$crumb-border-size: 0;\n// $crumb-border-style: solid;\n$crumb-border-color: $grey-1;\n$crumb-radius: 0;\n\n// We use these to set various text styles for breadcrumbs.\n// $crumb-font-size: rem-calc(11);\n// $crumb-font-color: $primary-color;\n// $crumb-font-color-current: $oil;\n// $crumb-font-color-unavailable: $aluminum;\n// $crumb-font-transform: uppercase;\n// $crumb-link-decor: underline;\n\n// We use these to control the slash between breadcrumbs\n// $crumb-slash-color: $base;\n$crumb-slash: \"/\";\n\n// 05. Buttons\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-button-classes: $include-html-classes;\n\n// We use these to build padding for buttons.\n// $button-tny: rem-calc(10);\n// $button-sml: rem-calc(14);\n// $button-med: rem-calc(16);\n// $button-lrg: rem-calc(18);\n\n// We use this to control the display property.\n// $button-display: inline-block;\n// $button-margin-bottom: rem-calc(20);\n\n// We use these to control button text styles.\n// $button-font-family: $body-font-family;\n// $button-font-color: $white;\n// $button-font-color-alt: $oil;\n// $button-font-tny: rem-calc(11);\n// $button-font-sml: rem-calc(13);\n// $button-font-med: rem-calc(16);\n// $button-font-lrg: rem-calc(20);\n// $button-font-weight: $font-weight-normal;\n// $button-font-align: center;\n\n// We use these to control various hover effects.\n// $button-function-factor: -20%;\n\n// We use these to control button border and hover styles.\n// $button-border-width: 0px;\n// $button-border-style: solid;\n// $button-bg-color: $primary-color;\n// $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor);\n// $button-border-color: $button-bg-hover;\n// $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor);\n// $secondary-button-border-color: $secondary-button-bg-hover;\n// $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor);\n// $success-button-border-color: $success-button-bg-hover;\n// $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor);\n// $alert-button-border-color: $alert-button-bg-hover;\n\n// We use this to set the default radius used throughout the core.\n// $button-radius: $global-radius;\n// $button-round: $global-rounded;\n\n// We use this to set default opacity and cursor for disabled buttons.\n// $button-disabled-opacity: 0.7;\n// $button-disabled-cursor: $cursor-default-value;\n\n// 06. Button Groups\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-button-classes: $include-html-classes;\n\n// Sets the margin for the right side by default, and the left margin if right-to-left direction is used\n// $button-bar-margin-opposite: rem-calc(10);\n// $button-group-border-width: 1px;\n\n// 07. Clearing\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-clearing-classes: $include-html-classes;\n\n// We use these to set the background colors for parts of Clearing.\n// $clearing-bg: $oil;\n// $clearing-caption-bg: $clearing-bg;\n// $clearing-carousel-bg: rgba(51,51,51,0.8);\n// $clearing-img-bg: $clearing-bg;\n\n// We use these to style the close button\n// $clearing-close-color: $iron;\n// $clearing-close-size: 30px;\n\n// We use these to style the arrows\n// $clearing-arrow-size: 12px;\n// $clearing-arrow-color: $clearing-close-color;\n\n// We use these to style captions\n// $clearing-caption-font-color: $iron;\n// $clearing-caption-font-size: 0.875em;\n// $clearing-caption-padding: 10px 30px 20px;\n\n// We use these to make the image and carousel height and style\n// $clearing-active-img-height: 85%;\n// $clearing-carousel-height: 120px;\n// $clearing-carousel-thumb-width: 120px;\n// $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255);\n\n// 08. Dropdown\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-dropdown-classes: $include-html-classes;\n\n// We use these to controls height and width styles.\n// $f-dropdown-max-width: 200px;\n// $f-dropdown-height: auto;\n// $f-dropdown-max-height: none;\n\n// Used for bottom position\n// $f-dropdown-margin-top: 2px;\n\n// Used for right position\n// $f-dropdown-margin-left: $f-dropdown-margin-top;\n\n// Used for left position\n// $f-dropdown-margin-right: $f-dropdown-margin-top;\n\n// Used for top position\n// $f-dropdown-margin-bottom: $f-dropdown-margin-top;\n\n// We use this to control the background color\n// $f-dropdown-bg: $white;\n\n// We use this to set the border styles for dropdowns.\n// $f-dropdown-border-style: solid;\n// $f-dropdown-border-width: 1px;\n// $f-dropdown-border-color: scale-color($white, $lightness: -20%);\n\n// We use these to style the triangle pip.\n// $f-dropdown-triangle-size: 6px;\n// $f-dropdown-triangle-color: $white;\n// $f-dropdown-triangle-side-offset: 10px;\n\n// We use these to control styles for the list elements.\n// $f-dropdown-list-style: none;\n// $f-dropdown-font-color: $charcoal;\n// $f-dropdown-font-size: rem-calc(14);\n// $f-dropdown-list-padding: rem-calc(5, 10);\n// $f-dropdown-line-height: rem-calc(18);\n// $f-dropdown-list-hover-bg: $smoke ;\n// $dropdown-mobile-default-float: 0;\n\n// We use this to control the styles for when the dropdown has custom content.\n// $f-dropdown-content-padding: rem-calc(20);\n\n// Default radius for dropdown.\n// $f-dropdown-radius: $global-radius;\n\n\n// 09. Dropdown Buttons\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-button-classes: $include-html-classes;\n\n// We use these to set the color of the pip in dropdown buttons\n// $dropdown-button-pip-color: $white;\n// $dropdown-button-pip-color-alt: $oil;\n\n// $button-pip-tny: rem-calc(6);\n// $button-pip-sml: rem-calc(7);\n// $button-pip-med: rem-calc(9);\n// $button-pip-lrg: rem-calc(11);\n\n// We use these to style tiny dropdown buttons\n// $dropdown-button-padding-tny: $button-pip-tny * 7;\n// $dropdown-button-pip-size-tny: $button-pip-tny;\n// $dropdown-button-pip-opposite-tny: $button-pip-tny * 3;\n// $dropdown-button-pip-top-tny: -$button-pip-tny / 2 + rem-calc(1);\n\n// We use these to style small dropdown buttons\n// $dropdown-button-padding-sml: $button-pip-sml * 7;\n// $dropdown-button-pip-size-sml: $button-pip-sml;\n// $dropdown-button-pip-opposite-sml: $button-pip-sml * 3;\n// $dropdown-button-pip-top-sml: -$button-pip-sml / 2 + rem-calc(1);\n\n// We use these to style medium dropdown buttons\n// $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3);\n// $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3);\n// $dropdown-button-pip-opposite-med: $button-pip-med * 2.5;\n// $dropdown-button-pip-top-med: -$button-pip-med / 2 + rem-calc(2);\n\n// We use these to style large dropdown buttons\n// $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3);\n// $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);\n// $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5;\n// $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3);\n\n// 10. Flex Video\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-media-classes: $include-html-classes;\n\n// We use these to control video container padding and margins\n// $flex-video-padding-top: rem-calc(25);\n// $flex-video-padding-bottom: 67.5%;\n// $flex-video-margin-bottom: rem-calc(16);\n\n// We use this to control widescreen bottom padding\n// $flex-video-widescreen-padding-bottom: 56.34%;\n\n// 11. Forms\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-form-classes: $include-html-classes;\n\n// We use this to set the base for lots of form spacing and positioning styles\n// $form-spacing: rem-calc(16);\n\n// We use these to style the labels in different ways\n// $form-label-pointer: pointer;\n// $form-label-font-size: rem-calc(14);\n// $form-label-font-weight: $font-weight-normal;\n// $form-label-line-height: 1.5;\n// $form-label-font-color: scale-color($black, $lightness: 30%);\n// $form-label-small-transform: capitalize;\n// $form-label-bottom-margin: 0;\n// $input-font-family: inherit;\n// $input-font-color: rgba(0,0,0,0.75);\n// $input-font-size: rem-calc(14);\n// $input-bg-color: $white;\n// $input-focus-bg-color: scale-color($white, $lightness: -2%);\n// $input-border-color: scale-color($white, $lightness: -20%);\n// $input-focus-border-color: scale-color($white, $lightness: -40%);\n// $input-border-style: solid;\n// $input-border-width: 1px;\n// $input-border-radius: $global-radius;\n// $input-disabled-bg: $gainsboro;\n// $input-disabled-cursor: $cursor-default-value;\n// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);\n\n// We use these to style the fieldset border and spacing.\n// $fieldset-border-style: solid;\n// $fieldset-border-width: 1px;\n// $fieldset-border-color: $gainsboro;\n// $fieldset-padding: rem-calc(20);\n// $fieldset-margin: rem-calc(18 0);\n\n// We use these to style the legends when you use them\n// $legend-bg: $white;\n// $legend-font-weight: $font-weight-bold;\n// $legend-padding: rem-calc(0 3);\n\n// We use these to style the prefix and postfix input elements\n// $input-prefix-bg: scale-color($white, $lightness: -5%);\n// $input-prefix-border-color: scale-color($white, $lightness: -20%);\n// $input-prefix-border-size: 1px;\n// $input-prefix-border-type: solid;\n// $input-prefix-overflow: hidden;\n// $input-prefix-font-color: $oil;\n// $input-prefix-font-color-alt: $white;\n\n// We use this setting to turn on/off HTML5 number spinners (the up/down arrows)\n// $input-number-spinners: true;\n\n// We use these to style the error states for inputs and labels\n// $input-error-message-padding: rem-calc(6 9 9);\n// $input-error-message-top: -1px;\n// $input-error-message-font-size: rem-calc(12);\n// $input-error-message-font-weight: $font-weight-normal;\n// $input-error-message-font-style: italic;\n// $input-error-message-font-color: $white;\n// $input-error-message-font-color-alt: $oil;\n\n// We use this to style the glowing effect of inputs when focused\n// $input-include-glowing-effect: true;\n// $glowing-effect-fade-time: 0.45s;\n// $glowing-effect-color: $input-focus-border-color;\n\n// Select variables\n// $select-bg-color: $ghost;\n// $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%);\n\n// 12. Icon Bar\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// We use these to style the icon-bar and items\n// $include-html-icon-bar-classes: $include-html-classes;\n// $icon-bar-bg: $oil;\n// $icon-bar-font-color: $white;\n// $icon-bar-font-size: 1rem;\n// $icon-bar-hover-color: $primary-color;\n// $icon-bar-icon-color: $white;\n// $icon-bar-icon-size: 1.875rem;\n// $icon-bar-image-width: 1.875rem;\n// $icon-bar-image-height: 1.875rem;\n// $icon-bar-active-color: $primary-color;\n// $icon-bar-item-padding: 1.25rem;\n\n// 13. Inline Lists\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-inline-list-classes: $include-html-classes;\n\n// We use this to control the margins and padding of the inline list.\n// $inline-list-top-margin: 0;\n// $inline-list-opposite-margin: 0;\n// $inline-list-bottom-margin: rem-calc(17);\n// $inline-list-default-float-margin: rem-calc(-22);\n// $inline-list-default-float-list-margin: rem-calc(22);\n\n// $inline-list-padding: 0;\n\n// We use this to control the overflow of the inline list.\n// $inline-list-overflow: hidden;\n\n// We use this to control the list items\n// $inline-list-display: block;\n\n// We use this to control any elements within list items\n// $inline-list-children-display: block;\n\n// 14. Joyride\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-joyride-classes: $include-html-classes;\n\n// Controlling default Joyride styles\n// $joyride-tip-bg: $oil;\n// $joyride-tip-default-width: 300px;\n// $joyride-tip-padding: rem-calc(18 20 24);\n// $joyride-tip-border: solid 1px $charcoal;\n// $joyride-tip-radius: 4px;\n// $joyride-tip-position-offset: 22px;\n\n// Here, we're setting the tip font styles\n// $joyride-tip-font-color: $white;\n// $joyride-tip-font-size: rem-calc(14);\n// $joyride-tip-header-weight: $font-weight-bold;\n\n// This changes the nub size\n// $joyride-tip-nub-size: 10px;\n\n// This adjusts the styles for the timer when its enabled\n// $joyride-tip-timer-width: 50px;\n// $joyride-tip-timer-height: 3px;\n// $joyride-tip-timer-color: $steel;\n\n// This changes up the styles for the close button\n// $joyride-tip-close-color: $monsoon;\n// $joyride-tip-close-size: 24px;\n// $joyride-tip-close-weight: $font-weight-normal;\n\n// When Joyride is filling the screen, we use this style for the bg\n// $joyride-screenfill: rgba(0,0,0,0.5);\n\n// 15. Keystrokes\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-keystroke-classes: $include-html-classes;\n\n// We use these to control text styles.\n// $keystroke-font: \"Consolas\", \"Menlo\", \"Courier\", monospace;\n// $keystroke-font-size: inherit;\n// $keystroke-font-color: $jet;\n// $keystroke-font-color-alt: $white;\n// $keystroke-function-factor: -7%;\n\n// We use this to control keystroke padding.\n// $keystroke-padding: rem-calc(2 4 0);\n\n// We use these to control background and border styles.\n// $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor);\n// $keystroke-border-style: solid;\n// $keystroke-border-width: 1px;\n// $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor);\n// $keystroke-radius: $global-radius;\n\n// 16. Labels\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-label-classes: $include-html-classes;\n\n// We use these to style the labels\n// $label-padding: rem-calc(4 8 4);\n// $label-radius: $global-radius;\n\n// We use these to style the label text\n// $label-font-sizing: rem-calc(11);\n// $label-font-weight: $font-weight-normal;\n// $label-font-color: $oil;\n// $label-font-color-alt: $white;\n// $label-font-family: $body-font-family;\n\n// 17. Magellan\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-magellan-classes: $include-html-classes;\n\n// $magellan-bg: $white;\n// $magellan-padding: 0 !important;\n\n// 18. Off-canvas\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-off-canvas-classes: $include-html-classes;\n\n// $tabbar-bg: $oil;\n// $tabbar-height: rem-calc(45);\n// $tabbar-icon-width: $tabbar-height;\n// $tabbar-line-height: $tabbar-height;\n// $tabbar-color: $white;\n// $tabbar-middle-padding: 0 rem-calc(10);\n\n// Off Canvas Divider Styles\n// $tabbar-right-section-border: solid 1px scale-color($tabbar-bg, $lightness: 13%);\n// $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%);\n\n// Off Canvas Tab Bar Headers\n// $tabbar-header-color: $white;\n// $tabbar-header-weight: $font-weight-bold;\n// $tabbar-header-line-height: $tabbar-height;\n// $tabbar-header-margin: 0;\n\n// Off Canvas Menu Variables\n// $off-canvas-width: rem-calc(250);\n// $off-canvas-bg: $oil;\n// $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%);\n\n// Off Canvas Menu List Variables\n// $off-canvas-label-padding: 0.3rem rem-calc(15);\n// $off-canvas-label-color: $aluminum;\n// $off-canvas-label-text-transform: uppercase;\n// $off-canvas-label-font-size: rem-calc(12);\n// $off-canvas-label-font-weight: $font-weight-bold;\n// $off-canvas-label-bg: $tuatara;\n// $off-canvas-label-border-top: 1px solid scale-color($tuatara, $lightness: 14%);\n// $off-canvas-label-border-bottom: none;\n// $off-canvas-label-margin:0;\n// $off-canvas-link-padding: rem-calc(10, 15);\n// $off-canvas-link-color: rgba($white, 0.7);\n// $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%);\n// $off-canvas-back-bg: $tuatara;\n// $off-canvas-back-border-top: $off-canvas-label-border-top;\n// $off-canvas-back-border-bottom: $off-canvas-label-border-bottom;\n// $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%);\n// $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%);\n// $off-canvas-back-hover-border-bottom: none;\n\n// Off Canvas Menu Icon Variables\n// $tabbar-menu-icon-color: $white;\n// $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%);\n\n// $tabbar-menu-icon-text-indent: rem-calc(35);\n// $tabbar-menu-icon-width: $tabbar-height;\n// $tabbar-menu-icon-height: $tabbar-height;\n// $tabbar-menu-icon-padding: 0;\n\n// $tabbar-hamburger-icon-width: rem-calc(16);\n// $tabbar-hamburger-icon-left: false;\n// $tabbar-hamburger-icon-top: false;\n// $tabbar-hamburger-icon-thickness: 1px;\n// $tabbar-hamburger-icon-gap: 6px;\n\n// Off Canvas Back-Link Overlay\n// $off-canvas-overlay-transition: background 300ms ease;\n// $off-canvas-overlay-cursor: pointer;\n// $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5);\n// $off-canvas-overlay-background: rgba($white, 0.2);\n// $off-canvas-overlay-background-hover: rgba($white, 0.05);\n\n// Transition Variables\n// $menu-slide: \"transform 500ms ease\";\n\n// 19. Orbit\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-orbit-classes: $include-html-classes;\n\n// We use these to control the caption styles\n// $orbit-container-bg: none;\n// $orbit-caption-bg: rgba(51,51,51, 0.8);\n// $orbit-caption-font-color: $white;\n// $orbit-caption-font-size: rem-calc(14);\n// $orbit-caption-position: \"bottom\"; // Supported values: \"bottom\", \"under\"\n// $orbit-caption-padding: rem-calc(10 14);\n// $orbit-caption-height: auto;\n\n// We use these to control the left/right nav styles\n// $orbit-nav-bg: transparent;\n// $orbit-nav-bg-hover: rgba(0,0,0,0.3);\n// $orbit-nav-arrow-color: $white;\n// $orbit-nav-arrow-color-hover: $white;\n\n// We use these to control the timer styles\n// $orbit-timer-bg: rgba(255,255,255,0.3);\n// $orbit-timer-show-progress-bar: true;\n\n// We use these to control the bullet nav styles\n// $orbit-bullet-nav-color: $iron;\n// $orbit-bullet-nav-color-active: $aluminum;\n// $orbit-bullet-radius: rem-calc(9);\n\n// We use these to controls the style of slide numbers\n// $orbit-slide-number-bg: rgba(0,0,0,0);\n// $orbit-slide-number-font-color: $white;\n// $orbit-slide-number-padding: rem-calc(5);\n\n// Hide controls on small\n// $orbit-nav-hide-for-small: true;\n// $orbit-bullet-hide-for-small: true;\n// $orbit-timer-hide-for-small: true;\n\n// Graceful Loading Wrapper and preloader\n// $wrapper-class: \"slideshow-wrapper\";\n// $preloader-class: \"preloader\";\n\n// 20. Pagination\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-pagination-classes: $include-html-classes;\n\n// We use these to control the pagination container\n// $pagination-height: rem-calc(24);\n// $pagination-margin: rem-calc(-5);\n\n// We use these to set the list-item properties\n// $pagination-li-float: $default-float;\n// $pagination-li-height: rem-calc(24);\n// $pagination-li-font-color: $jet;\n// $pagination-li-font-size: rem-calc(14);\n// $pagination-li-margin: rem-calc(5);\n\n// We use these for the pagination anchor links\n// $pagination-link-pad: rem-calc(1 10 1);\n// $pagination-link-font-color: $aluminum;\n// $pagination-link-active-bg: scale-color($white, $lightness: -10%);\n\n// We use these for disabled anchor links\n// $pagination-link-unavailable-cursor: default;\n// $pagination-link-unavailable-font-color: $aluminum;\n// $pagination-link-unavailable-bg-active: transparent;\n\n// We use these for currently selected anchor links\n// $pagination-link-current-background: $primary-color;\n// $pagination-link-current-font-color: $white;\n// $pagination-link-current-font-weight: $font-weight-bold;\n// $pagination-link-current-cursor: default;\n// $pagination-link-current-active-bg: $primary-color;\n\n// 21. Panels\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-panel-classes: $include-html-classes;\n\n// We use these to control the background and border styles\n$panel-bg: $grey-1;\n// $panel-border-style: solid;\n// $panel-border-size: 1px;\n\n// We use this % to control how much we darken things on hover\n// $panel-function-factor: -11%;\n// $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor);\n\n// We use these to set default inner padding and bottom margin\n// $panel-margin-bottom: rem-calc(20);\n// $panel-padding: rem-calc(20);\n\n// We use these to set default font colors\n// $panel-font-color: $oil;\n// $panel-font-color-alt: $white;\n\n// $panel-header-adjust: true;\n// $callout-panel-link-color: $primary-color;\n\n// 22. Pricing Tables\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-pricing-classes: $include-html-classes;\n\n// We use this to control the border color\n// $price-table-border: solid 1px $gainsboro;\n\n// We use this to control the bottom margin of the pricing table\n// $price-table-margin-bottom: rem-calc(20);\n\n// We use these to control the title styles\n// $price-title-bg: $oil;\n// $price-title-padding: rem-calc(15 20);\n// $price-title-align: center;\n// $price-title-color: $smoke;\n// $price-title-weight: $font-weight-normal;\n// $price-title-size: rem-calc(16);\n// $price-title-font-family: $body-font-family;\n\n// We use these to control the price styles\n// $price-money-bg: $vapor ;\n// $price-money-padding: rem-calc(15 20);\n// $price-money-align: center;\n// $price-money-color: $oil;\n// $price-money-weight: $font-weight-normal;\n// $price-money-size: rem-calc(32);\n// $price-money-font-family: $body-font-family;\n\n// We use these to control the description styles\n// $price-bg: $white;\n// $price-desc-color: $monsoon;\n// $price-desc-padding: rem-calc(15);\n// $price-desc-align: center;\n// $price-desc-font-size: rem-calc(12);\n// $price-desc-weight: $font-weight-normal;\n// $price-desc-line-height: 1.4;\n// $price-desc-bottom-border: dotted 1px $gainsboro;\n\n// We use these to control the list item styles\n// $price-item-color: $oil;\n// $price-item-padding: rem-calc(15);\n// $price-item-align: center;\n// $price-item-font-size: rem-calc(14);\n// $price-item-weight: $font-weight-normal;\n// $price-item-bottom-border: dotted 1px $gainsboro;\n\n// We use these to control the CTA area styles\n// $price-cta-bg: $white;\n// $price-cta-align: center;\n// $price-cta-padding: rem-calc(20 20 0);\n\n// 23. Progress Bar\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-media-classes: $include-html-classes;\n\n// We use this to set the progress bar height\n// $progress-bar-height: rem-calc(25);\n// $progress-bar-color: $vapor ;\n\n// We use these to control the border styles\n// $progress-bar-border-color: scale-color($white, $lightness: 20%);\n// $progress-bar-border-size: 1px;\n// $progress-bar-border-style: solid;\n// $progress-bar-border-radius: $global-radius;\n\n// We use these to control the margin & padding\n// $progress-bar-pad: rem-calc(2);\n// $progress-bar-margin-bottom: rem-calc(10);\n\n// We use these to set the meter colors\n// $progress-meter-color: $primary-color;\n// $progress-meter-secondary-color: $secondary-color;\n// $progress-meter-success-color: $success-color;\n// $progress-meter-alert-color: $alert-color;\n\n// 24. Range Slider\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-range-slider-classes: $include-html-classes;\n\n// These variables define the slider bar styles\n// $range-slider-bar-width: 100%;\n// $range-slider-bar-height: rem-calc(16);\n\n// $range-slider-bar-border-width: 1px;\n// $range-slider-bar-border-style: solid;\n// $range-slider-bar-border-color: $gainsboro;\n// $range-slider-radius: $global-radius;\n// $range-slider-round: $global-rounded;\n// $range-slider-bar-bg-color: $ghost;\n\n// Vertical bar styles\n// $range-slider-vertical-bar-width: rem-calc(16);\n// $range-slider-vertical-bar-height: rem-calc(200);\n\n// These variables define the slider handle styles\n// $range-slider-handle-width: rem-calc(32);\n// $range-slider-handle-height: rem-calc(22);\n// $range-slider-handle-position-top: rem-calc(-5);\n// $range-slider-handle-bg-color: $primary-color;\n// $range-slider-handle-border-width: 1px;\n// $range-slider-handle-border-style: solid;\n// $range-slider-handle-border-color: none;\n// $range-slider-handle-radius: $global-radius;\n// $range-slider-handle-round: $global-rounded;\n// $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%);\n// $range-slider-handle-cursor: pointer;\n\n// 25. Reveal\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-reveal-classes: $include-html-classes;\n\n// We use these to control the style of the reveal overlay.\n// $reveal-overlay-bg: rgba($black, .45);\n// $reveal-overlay-bg-old: $black;\n\n// We use these to control the style of the modal itself.\n// $reveal-modal-bg: $white;\n// $reveal-position-top: rem-calc(100);\n// $reveal-default-width: 80%;\n// $reveal-max-width: $row-width;\n// $reveal-modal-padding: rem-calc(20);\n// $reveal-box-shadow: 0 0 10px rgba($black,.4);\n\n// We use these to style the reveal close button\n// $reveal-close-font-size: rem-calc(40);\n// $reveal-close-top: rem-calc(8);\n// $reveal-close-side: rem-calc(11);\n// $reveal-close-color: $base;\n// $reveal-close-weight: $font-weight-bold;\n\n// We use this to set the default radius used throughout the core.\n// $reveal-radius: $global-radius;\n// $reveal-round: $global-rounded;\n\n// We use these to control the modal border\n// $reveal-border-style: solid;\n// $reveal-border-width: 1px;\n// $reveal-border-color: $steel;\n\n// $reveal-modal-class: \"reveal-modal\";\n// $close-reveal-modal-class: \"close-reveal-modal\";\n\n// 26. Side Nav\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-nav-classes: $include-html-classes;\n\n// We use this to control padding.\n$side-nav-padding: rem-calc(0 0 0 0);\n\n// We use these to control list styles.\n// $side-nav-list-type: none;\n// $side-nav-list-position: inside;\n$side-nav-list-margin: rem-calc(0 0 0 0);\n\n// We use these to control link styles.\n$side-nav-link-color: $primary-color;\n$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: -40%);\n$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: -40%);\n$side-nav-font-size: rem-calc(16);\n\n// $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025);\n// $side-nav-link-margin: 0;\n// $side-nav-link-padding: rem-calc(7 14);\n// $side-nav-font-size: rem-calc(14);\n// $side-nav-font-weight: $font-weight-normal;\n// $side-nav-font-weight-active: $side-nav-font-weight;\n// $side-nav-font-family: $body-font-family;\n// $side-nav-font-family-active: $side-nav-font-family;\n\n// We use these to control heading styles.\n// $side-nav-heading-color: $side-nav-link-color;\n// $side-nav-heading-font-size: $side-nav-font-size;\n// $side-nav-heading-font-weight: bold;\n// $side-nav-heading-text-transform: uppercase;\n\n// We use these to control border styles\n$side-nav-divider-size: 1px;\n$side-nav-divider-style: solid;\n$side-nav-divider-color: $grey-1;\n\n\n\n// 27. Split Buttons\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-button-classes: $include-html-classes;\n\n// We use these to control different shared styles for Split Buttons\n// $split-button-function-factor: 10%;\n// $split-button-pip-color: $white;\n// $split-button-pip-color-alt: $oil;\n// $split-button-active-bg-tint: rgba(0,0,0,0.1);\n\n// We use these to control tiny split buttons\n// $split-button-padding-tny: $button-pip-tny * 10;\n// $split-button-span-width-tny: $button-pip-tny * 6;\n// $split-button-pip-size-tny: $button-pip-tny;\n// $split-button-pip-top-tny: $button-pip-tny * 2;\n// $split-button-pip-default-float-tny: rem-calc(-6);\n\n// We use these to control small split buttons\n// $split-button-padding-sml: $button-pip-sml * 10;\n// $split-button-span-width-sml: $button-pip-sml * 6;\n// $split-button-pip-size-sml: $button-pip-sml;\n// $split-button-pip-top-sml: $button-pip-sml * 1.5;\n// $split-button-pip-default-float-sml: rem-calc(-6);\n\n// We use these to control medium split buttons\n// $split-button-padding-med: $button-pip-med * 9;\n// $split-button-span-width-med: $button-pip-med * 5.5;\n// $split-button-pip-size-med: $button-pip-med - rem-calc(3);\n// $split-button-pip-top-med: $button-pip-med * 1.5;\n// $split-button-pip-default-float-med: rem-calc(-6);\n\n// We use these to control large split buttons\n// $split-button-padding-lrg: $button-pip-lrg * 8;\n// $split-button-span-width-lrg: $button-pip-lrg * 5;\n// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);\n// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5);\n// $split-button-pip-default-float-lrg: rem-calc(-6);\n\n// 28. Sub Nav\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-nav-classes: $include-html-classes;\n\n// We use these to control margin and padding\n// $sub-nav-list-margin: rem-calc(-4 0 18);\n// $sub-nav-list-padding-top: rem-calc(4);\n\n// We use this to control the definition\n// $sub-nav-font-family: $body-font-family;\n// $sub-nav-font-size: rem-calc(14);\n// $sub-nav-font-color: $aluminum;\n// $sub-nav-font-weight: $font-weight-normal;\n// $sub-nav-text-decoration: none;\n// $sub-nav-padding: rem-calc(3 16);\n// $sub-nav-border-radius: 3px;\n// $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%);\n\n// We use these to control the active item styles\n// $sub-nav-active-font-weight: $font-weight-normal;\n// $sub-nav-active-bg: $primary-color;\n// $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%);\n// $sub-nav-active-color: $white;\n// $sub-nav-active-padding: $sub-nav-padding;\n// $sub-nav-active-cursor: default;\n\n// $sub-nav-item-divider: \"\";\n// $sub-nav-item-divider-margin: rem-calc(12);\n\n// 29. Switch\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-form-classes: $include-html-classes;\n\n// Controlling border styles and background colors for the switch container\n// $switch-border-color: scale-color($white, $lightness: -20%);\n// $switch-border-style: solid;\n// $switch-border-width: 1px;\n// $switch-bg: $white;\n\n// We use these to control the switch heights for our default classes\n// $switch-height-tny: rem-calc(22);\n// $switch-height-sml: rem-calc(28);\n// $switch-height-med: rem-calc(36);\n// $switch-height-lrg: rem-calc(44);\n// $switch-bottom-margin: rem-calc(20);\n\n// We use these to control default font sizes for our classes.\n// $switch-font-size-tny: 11px;\n// $switch-font-size-sml: 12px;\n// $switch-font-size-med: 14px;\n// $switch-font-size-lrg: 17px;\n// $switch-label-side-padding: 6px;\n\n// We use these to style the switch-paddle\n// $switch-paddle-bg: $white;\n// $switch-paddle-fade-to-color: scale-color($switch-paddle-bg, $lightness: -10%);\n// $switch-paddle-border-color: scale-color($switch-paddle-bg, $lightness: -35%);\n// $switch-paddle-border-width: 1px;\n// $switch-paddle-border-style: solid;\n// $switch-paddle-transition-speed: .1s;\n// $switch-paddle-transition-ease: ease-out;\n// $switch-positive-color: scale-color($success-color, $lightness: 94%);\n// $switch-negative-color: $white-smoke;\n\n// Outline Style for tabbing through switches\n// $switch-label-outline: 1px dotted $jumbo;\n\n// 30. Tables\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-table-classes: $include-html-classes;\n\n// These control the background color for the table and even rows\n// $table-bg: $white;\n$table-even-row-bg: $grey-1;\n\n// These control the table cell border style\n// $table-border-style: solid;\n// $table-border-size: 1px;\n// $table-border-color: $gainsboro;\n\n// These control the table head styles\n$table-head-bg: $grey-2;\n// $table-head-font-size: rem-calc(14);\n// $table-head-font-color: $jet;\n// $table-head-font-weight: $font-weight-bold;\n// $table-head-padding: rem-calc(8 10 10);\n\n// These control the row padding and font styles\n// $table-row-padding: rem-calc(9 10);\n// $table-row-font-size: rem-calc(14);\n// $table-row-font-color: $jet;\n// $table-line-height: rem-calc(18);\n\n// These are for controlling the layout, display and margin of tables\n// $table-layout: auto;\n// $table-display: table-cell;\n// $table-margin-bottom: rem-calc(20);\n\n// 31. Tabs\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-tabs-classes: $include-html-classes;\n\n// $tabs-navigation-padding: rem-calc(16);\n// $tabs-navigation-bg-color: $silver ;\n// $tabs-navigation-active-bg-color: $white;\n// $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%);\n// $tabs-navigation-font-color: $jet;\n// $tabs-navigation-active-font-color: $tabs-navigation-font-color;\n// $tabs-navigation-font-size: rem-calc(16);\n// $tabs-navigation-font-family: $body-font-family;\n\n// $tabs-content-margin-bottom: rem-calc(24);\n// $tabs-content-padding: $column-gutter/2;\n\n// $tabs-vertical-navigation-margin-bottom: 1.25rem;\n\n// 32. Thumbnails\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-media-classes: $include-html-classes;\n\n// We use these to control border styles\n// $thumb-border-style: solid;\n// $thumb-border-width: 4px;\n// $thumb-border-color: $white;\n// $thumb-box-shadow: 0 0 0 1px rgba($black,.2);\n// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5);\n\n// Radius and transition speed for thumbs\n// $thumb-radius: $global-radius;\n// $thumb-transition-speed: 200ms;\n\n// 33. Tooltips\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-tooltip-classes: $include-html-classes;\n\n// $has-tip-border-bottom: dotted 1px $iron;\n// $has-tip-font-weight: $font-weight-bold;\n// $has-tip-font-color: $oil;\n// $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%);\n// $has-tip-font-color-hover: $primary-color;\n// $has-tip-cursor-type: help;\n\n// $tooltip-padding: rem-calc(12);\n// $tooltip-bg: $oil;\n// $tooltip-font-size: rem-calc(14);\n// $tooltip-font-weight: $font-weight-normal;\n// $tooltip-font-color: $white;\n// $tooltip-line-height: 1.3;\n// $tooltip-close-font-size: rem-calc(10);\n// $tooltip-close-font-weight: $font-weight-normal;\n// $tooltip-close-font-color: $monsoon;\n// $tooltip-font-size-sml: rem-calc(14);\n// $tooltip-radius: $global-radius;\n// $tooltip-rounded: $global-rounded;\n// $tooltip-pip-size: 5px;\n// $tooltip-max-width: 300px;\n\n// 34. Top Bar\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-top-bar-classes: $include-html-classes;\n\n// Height and margin\n$topbar-height: rem-calc(50);\n// $topbar-margin-bottom: 0;\n\n// Controlling the styles for the title in the top bar\n$topbar-title-weight: $font-weight-bold;\n$topbar-title-font-size: rem-calc(19);\n\n// Style the top bar dropdown elements\n// $topbar-dropdown-bg: $oil;\n// $topbar-dropdown-link-color: $white;\n// $topbar-dropdown-link-bg: $ci-2;\n// $topbar-dropdown-link-weight: $font-weight-normal;\n// $topbar-dropdown-toggle-size: 5px;\n// $topbar-dropdown-toggle-color: $ci-2;\n// $topbar-dropdown-toggle-alpha: 0.4;\n\n// Set the link colors and styles for top-level nav\n// $topbar-link-color: #000;\n// $topbar-link-color-hover: #000;\n// $topbar-link-color-active: #000;\n// $topbar-link-color-active-hover: #000;\n// $topbar-link-weight: $font-weight-normal;\n$topbar-link-font-size: rem-calc(15);\n// $topbar-link-hover-lightness: -10%; // Darken by 10%\n// $topbar-link-bg: $topbar-bg;\n// $topbar-link-bg-color-hover: #ff0;\n// $topbar-link-bg-hover: #f00;\n// $topbar-link-bg-active: $primary-color;\n// $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%);\n// $topbar-link-font-family: $body-font-family;\n$topbar-link-text-transform: uppercase;\n// $topbar-link-padding: $topbar-height / 3;\n// $topbar-back-link-size: $h5-font-size;\n// $topbar-link-dropdown-padding: 20px;\n\n// $topbar-button-font-size: 0.75rem;\n// $topbar-button-top: 7px;\n\n// $topbar-dropdown-label-color: #f77;\n// $topbar-dropdown-label-text-transform: uppercase;\n// $topbar-dropdown-label-font-weight: $font-weight-bold;\n// $topbar-dropdown-label-font-size: rem-calc(10);\n// $topbar-dropdown-label-bg: $oil;\n\n// Top menu icon styles\n$topbar-menu-link-transform: uppercase;\n// $topbar-menu-link-font-size: rem-calc(13);\n// $topbar-menu-link-weight: $font-weight-bold;\n// $topbar-menu-link-color: $white;\n// $topbar-menu-icon-color: $white;\n// $topbar-menu-link-color-toggled: $ci-6;\n// $topbar-menu-icon-color-toggled: $ci-6;\n\n// Transitions and breakpoint styles\n// $topbar-transition-speed: 300ms;\n// Using rem-calc for the below breakpoint causes issues with top bar\n$topbar-breakpoint: #{lower-bound($large-range)}; // Change to 9999px for always mobile layout\n$topbar-media-query: \"only screen and (min-width: #{$topbar-breakpoint})\" !default;\n\n// Divider Styles\n$topbar-divider-border-bottom: solid 0px scale-color($topbar-bg-color, $lightness: 23%);\n$topbar-divider-border-top: solid 0px scale-color($topbar-bg-color, $lightness: -50%);\n\n// Sticky Class\n// $topbar-sticky-class: \".sticky\";\n// $topbar-arrows: true; //Set false to remove the triangle icon from the menu item\n\n// 36. Visibility Classes\n// - - - - - - - - - - - - - - - - - - - - - - - - -\n\n// $include-html-visibility-classes: $include-html-classes;\n// $include-table-visibility-classes: true;\n// $include-legacy-visibility-classes: true;\n// $include-accessibility-classes: true;\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n@import \"buttons\";\n\n//\n// @variables\n//\n$include-html-form-classes: $include-html-classes !default;\n\n// We use this to set the base for lots of form spacing and positioning styles\n$form-spacing: rem-calc(16) !default;\n\n// We use these to style the labels in different ways\n$form-label-pointer: pointer !default;\n$form-label-font-size: rem-calc(14) !default;\n$form-label-font-weight: $font-weight-normal !default;\n$form-label-line-height: 1.5 !default;\n$form-label-font-color: scale-color($black, $lightness: 30%) !default;\n$form-label-small-transform: capitalize !default;\n$form-label-bottom-margin: 0 !default;\n$input-font-family: inherit !default;\n$input-font-color: rgba(0, 0, 0, 0.75) !default;\n$input-font-size: rem-calc(14) !default;\n$input-bg-color: $white !default;\n$input-focus-bg-color: scale-color($white, $lightness: -2%) !default;\n$input-border-color: scale-color($white, $lightness: -20%) !default;\n$input-focus-border-color: scale-color($white, $lightness: -40%) !default;\n$input-border-style: solid !default;\n$input-border-width: 1px !default;\n$input-border-radius: $global-radius !default;\n$input-disabled-bg: $gainsboro !default;\n$input-disabled-cursor: $cursor-default-value !default;\n$input-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !default;\n$input-include-glowing-effect: true !default;\n\n// We use these to style the fieldset border and spacing.\n$fieldset-border-style: solid !default;\n$fieldset-border-width: 1px !default;\n$fieldset-border-color: $gainsboro !default;\n$fieldset-padding: rem-calc(20) !default;\n$fieldset-margin: rem-calc(18 0) !default;\n\n// We use these to style the legends when you use them\n$legend-bg: $white !default;\n$legend-font-weight: $font-weight-bold !default;\n$legend-padding: rem-calc(0 3) !default;\n\n// We use these to style the prefix and postfix input elements\n$input-prefix-bg: scale-color($white, $lightness: -5%) !default;\n$input-prefix-border-color: scale-color($white, $lightness: -20%) !default;\n$input-prefix-border-size: 1px !default;\n$input-prefix-border-type: solid !default;\n$input-prefix-overflow: hidden !default;\n$input-prefix-font-color: $oil !default;\n$input-prefix-font-color-alt: $white !default;\n\n// We use this setting to turn on/off HTML5 number spinners (the up/down arrows)\n$input-number-spinners: true !default;\n\n// We use these to style the error states for inputs and labels\n$input-error-message-padding: rem-calc(6 9 9) !default;\n$input-error-message-top: -1px !default;\n$input-error-message-font-size: rem-calc(12) !default;\n$input-error-message-font-weight: $font-weight-normal !default;\n$input-error-message-font-style: italic !default;\n$input-error-message-font-color: $white !default;\n$input-error-message-bg-color: $alert-color !default;\n$input-error-message-font-color-alt: $oil !default;\n\n// We use this to style the glowing effect of inputs when focused\n$glowing-effect-fade-time: 0.45s !default;\n$glowing-effect-color: $input-focus-border-color !default;\n\n// Select variables\n$select-bg-color: $ghost !default;\n$select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;\n\n//\n// @MIXINS\n//\n\n// We use this mixin to give us form styles for rows inside of forms\n@mixin form-row-base {\n .row {\n margin: 0 calc((-1 * $form-spacing) / 2);\n\n .column,\n .columns {\n padding: 0 calc($form-spacing / 2);\n }\n\n // Use this to collapse the margins of a form row\n &.collapse {\n margin: 0;\n\n .column,\n .columns {\n padding: 0;\n }\n\n input {\n @include side-radius($opposite-direction, 0);\n }\n\n }\n }\n\n input.column,\n input.columns,\n textarea.column,\n textarea.columns {\n padding-#{$default-float}: calc($form-spacing / 2);\n }\n}\n\n// @MIXIN\n//\n// We use this mixin to give all basic form elements their style\n@mixin form-element {\n background-color: $input-bg-color;\n font-family: $input-font-family;\n\n border: {\n style: $input-border-style;\n width: $input-border-width;\n color: $input-border-color;\n }\n\n box-shadow: $input-box-shadow;\n color: $input-font-color;\n display: block;\n font-size: $input-font-size;\n margin: 0 0 $form-spacing 0;\n padding: calc($form-spacing / 2);\n height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\n width: 100%;\n @include box-sizing(border-box);\n\n @if $input-include-glowing-effect {\n @include block-glowing-effect(focus, $glowing-effect-fade-time, $glowing-effect-color);\n }\n\n // Basic focus styles\n &:focus {\n background: $input-focus-bg-color;\n border-color: $input-focus-border-color;\n outline: none;\n }\n\n // Disabled Styles\n &:disabled {\n background-color: $input-disabled-bg;\n cursor: $input-disabled-cursor;\n }\n\n // Disabled background input background color\n &[disabled],\n &[readonly],\n fieldset[disabled] & {\n background-color: $input-disabled-bg;\n cursor: $input-disabled-cursor;\n }\n}\n\n// @MIXIN\n//\n// We use this mixin to create form labels\n//\n// $alignment - Alignment options. Default: false. Options: [right, inline, false]\n// $base-style - Control whether or not the base styles come through. Default: true.\n@mixin form-label($alignment: false, $base-style: true) {\n\n // Control whether or not the base styles come through.\n @if $base-style {\n font-size: $form-label-font-size;\n color: $form-label-font-color;\n cursor: $form-label-pointer;\n display: block;\n font-weight: $form-label-font-weight;\n line-height: $form-label-line-height;\n margin-bottom: $form-label-bottom-margin;\n }\n\n // Alignment options\n @if $alignment ==right {\n float: none !important;\n text-align: right;\n }\n\n @else if $alignment ==inline {\n margin: 0 0 $form-spacing 0;\n padding: calc($form-spacing / 2) + rem-calc($input-border-width) 0;\n }\n}\n\n// We use this mixin to create postfix/prefix form Labels\n@mixin prefix-postfix-base {\n display: block;\n position: relative;\n z-index: 2;\n text-align: center;\n width: 100%;\n padding-top: 0;\n padding-bottom: 0;\n border-style: $input-prefix-border-type;\n border-width: $input-prefix-border-size;\n overflow: $input-prefix-overflow;\n font-size: $form-label-font-size;\n height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\n line-height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\n}\n\n// @MIXIN\n//\n// We use this mixin to create prefix label styles\n// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default;\n// $is-button - Toggle position settings if prefix is a button. Default:false\n//\n@mixin prefix($bg: $input-prefix-bg, $border: $input-prefix-border-color, $is-button: false) {\n\n @if $bg {\n $bg-lightness: lightness($bg);\n background: $bg;\n border-#{$opposite-direction}: none;\n\n // Control the font color based on background brightness\n @if $bg-lightness >70% or $bg ==yellow {\n color: $input-prefix-font-color;\n }\n\n @else {\n color: $input-prefix-font-color-alt;\n }\n }\n\n @if $border {\n border-color: $border;\n }\n\n @if $is-button {\n padding-#{$default-float}: 0;\n padding-#{$opposite-direction}: 0;\n padding-top: 0;\n padding-bottom: 0;\n text-align: center;\n border: none;\n }\n\n}\n\n// @MIXIN\n//\n// We use this mixin to create postfix label styles\n// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default;\n// $is-button - Toggle position settings if prefix is a button. Default: false\n@mixin postfix($bg: $input-prefix-bg, $border: $input-prefix-border-color, $is-button: false) {\n\n @if $bg {\n $bg-lightness: lightness($bg);\n background: $bg;\n border-#{$default-float}: none;\n\n // Control the font color based on background brightness\n @if $bg-lightness >70% or $bg ==yellow {\n color: $input-prefix-font-color;\n }\n\n @else {\n color: $input-prefix-font-color-alt;\n }\n }\n\n @if $border {\n border-color: $border;\n }\n\n @if $is-button {\n padding-#{$default-float}: 0;\n padding-#{$opposite-direction}: 0;\n padding-top: 0;\n padding-bottom: 0;\n text-align: center;\n border: none;\n }\n\n}\n\n// We use this mixin to style fieldsets\n@mixin fieldset {\n border: $fieldset-border-width $fieldset-border-style $fieldset-border-color;\n padding: $fieldset-padding;\n margin: $fieldset-margin;\n\n // and legend styles\n legend {\n font-weight: $legend-font-weight;\n background: $legend-bg;\n padding: $legend-padding;\n margin: 0;\n margin-#{$default-float}: rem-calc(-3);\n }\n}\n\n// @MIXIN\n//\n// We use this mixin to control border and background color of error inputs\n// $color - Default: $alert-color (found in settings file)\n@mixin form-error-color($color: $alert-color) {\n border-color: $color;\n background-color: rgba($color, 0.1);\n\n // Go back to normal on focus\n &:focus {\n background: $input-focus-bg-color;\n border-color: $input-focus-border-color;\n }\n}\n\n// @MIXIN\n//\n// We use this simple mixin to style labels for error inputs\n// $color - Default:$alert-color. Found in settings file\n@mixin form-label-error-color($color: $alert-color) {\n color: $color;\n}\n\n// @MIXIN\n//\n// We use this mixin to create error message styles\n// $bg - Default: $alert-color (Found in settings file)\n@mixin form-error-message($bg: $input-error-message-bg-color) {\n display: block;\n padding: $input-error-message-padding;\n margin-top: $input-error-message-top;\n margin-bottom: $form-spacing;\n font-size: $input-error-message-font-size;\n font-weight: $input-error-message-font-weight;\n font-style: $input-error-message-font-style;\n\n // We can control the text color based on the brightness of the background.\n $bg-lightness: lightness($bg);\n background: $bg;\n\n @if $bg-lightness < 70% or $bg ==yellow {\n color: $input-error-message-font-color;\n }\n\n @else {\n color: $input-error-message-font-color-alt;\n }\n}\n\n// We use this mixin to style select elements\n@mixin form-select {\n -webkit-appearance: none !important;\n border-radius: 0;\n background-color: $select-bg-color;\n\n // Hide the dropdown arrow shown in newer IE versions\n &::-ms-expand {\n display: none;\n }\n\n // The custom arrow has some fake horizontal padding so we can align it\n // from the right side of the element without relying on CSS3\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);\n\n // We can safely use leftmost and rightmost now\n background-position: if($text-direction =='rtl', 0%, 100%) center;\n\n background-repeat: no-repeat;\n\n border: {\n style: $input-border-style;\n width: $input-border-width;\n color: $input-border-color;\n }\n\n padding: calc($form-spacing / 2);\n font-size: $input-font-size;\n font-family: $body-font-family;\n color: $input-font-color;\n line-height: normal;\n @include radius(0);\n\n &.radius {\n @include radius($global-radius);\n }\n\n &:hover {\n background-color: $select-hover-bg-color;\n border-color: $input-focus-border-color;\n }\n\n // Disabled Styles\n &:disabled {\n background-color: $input-disabled-bg;\n cursor: $input-disabled-cursor;\n }\n}\n\n// We use this mixin to turn on/off HTML5 number spinners\n@mixin html5number($browser, $on: true) {\n @if $on==false {\n @if $browser==webkit {\n -webkit-appearance: none;\n margin: 0;\n }\n\n @else if $browser==moz {\n -moz-appearance: textfield;\n }\n }\n}\n\n@include exports(\"form\") {\n @if $include-html-form-classes {\n\n /* Standard Forms */\n form {\n margin: 0 0 $form-spacing;\n }\n\n /* Using forms within rows, we need to set some defaults */\n form .row {\n @include form-row-base;\n }\n\n /* Label Styles */\n label {\n @include form-label;\n\n &.right {\n @include form-label(right, false);\n }\n\n &.inline {\n @include form-label(inline, false);\n }\n\n /* Styles for required inputs */\n small {\n text-transform: $form-label-small-transform;\n color: scale-color($form-label-font-color, $lightness: 15%);\n }\n }\n\n /* Attach elements to the beginning or end of an input */\n .prefix,\n .postfix {\n @include prefix-postfix-base;\n }\n\n /* Adjust padding, alignment and radius if pre/post element is a button */\n .postfix.button {\n @include button-size(false, false);\n @include postfix(false, false, true);\n }\n\n .prefix.button {\n @include button-size(false, false);\n @include prefix(false, false, true);\n }\n\n .prefix.button.radius {\n @include radius(0);\n @include side-radius($default-float, $button-radius);\n }\n\n .postfix.button.radius {\n @include radius(0);\n @include side-radius($opposite-direction, $button-radius);\n }\n\n .prefix.button.round {\n @include radius(0);\n @include side-radius($default-float, $button-round);\n }\n\n .postfix.button.round {\n @include radius(0);\n @include side-radius($opposite-direction, $button-round);\n }\n\n /* Separate prefix and postfix styles when on span or label so buttons keep their own */\n span.prefix,\n label.prefix {\n @include prefix();\n }\n\n span.postfix,\n label.postfix {\n @include postfix();\n }\n\n /* We use this to get basic styling on all basic form elements */\n #{text-inputs(all, 'input')} {\n -webkit-appearance: none;\n border-radius: 0;\n @include form-element;\n\n @if $input-include-glowing-effect ==false {\n @include single-transition(all, 0.15s, linear);\n }\n\n &.radius {\n @include radius($input-border-radius);\n }\n }\n\n form {\n .row {\n .prefix-radius.row.collapse {\n\n input,\n textarea,\n select {\n @include radius(0);\n @include side-radius($opposite-direction, $button-radius);\n }\n\n .prefix {\n @include radius(0);\n @include side-radius($default-float, $button-radius);\n }\n }\n\n .postfix-radius.row.collapse {\n\n input,\n textarea,\n select {\n @include radius(0);\n @include side-radius($default-float, $button-radius);\n }\n\n .postfix {\n @include radius(0);\n @include side-radius($opposite-direction, $button-radius);\n }\n }\n\n .prefix-round.row.collapse {\n\n input,\n textarea,\n select {\n @include radius(0);\n @include side-radius($opposite-direction, $button-round);\n }\n\n .prefix {\n @include radius(0);\n @include side-radius($default-float, $button-round);\n }\n }\n\n .postfix-round.row.collapse {\n\n input,\n textarea,\n select {\n @include radius(0);\n @include side-radius($default-float, $button-round);\n }\n\n .postfix {\n @include radius(0);\n @include side-radius($opposite-direction, $button-round);\n }\n }\n }\n }\n\n input[type=\"submit\"] {\n -webkit-appearance: none;\n border-radius: 0;\n }\n\n /* Respect enforced amount of rows for textarea */\n textarea[rows] {\n height: auto;\n }\n\n /* Not allow resize out of parent */\n textarea {\n max-width: 100%;\n }\n\n /* Add height value for select elements to match text input height */\n select {\n @include form-select;\n height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));\n }\n\n /* Adjust margin for form elements below */\n input[type=\"file\"],\n input[type=\"checkbox\"],\n input[type=\"radio\"],\n select {\n margin: 0 0 $form-spacing 0;\n }\n\n input[type=\"checkbox\"]+label,\n input[type=\"radio\"]+label {\n display: inline-block;\n margin-#{$default-float}: $form-spacing * .5;\n margin-#{$opposite-direction}: $form-spacing;\n margin-bottom: 0;\n vertical-align: baseline;\n }\n\n /* Normalize file input width */\n input[type=\"file\"] {\n width: 100%;\n }\n\n /* HTML5 Number spinners settings */\n input[type=number] {\n @include html5number(moz, $input-number-spinners)\n }\n\n input[type=\"number\"]::-webkit-inner-spin-button,\n input[type=\"number\"]::-webkit-outer-spin-button {\n @include html5number(webkit, $input-number-spinners);\n }\n\n /* We add basic fieldset styling */\n fieldset {\n @include fieldset;\n }\n\n /* Error Handling */\n\n #{data('abide')} {\n\n .error small.error,\n .error span.error,\n span.error,\n small.error {\n @include form-error-message;\n }\n\n span.error,\n small.error {\n display: none;\n }\n }\n\n span.error,\n small.error {\n @include form-error-message;\n }\n\n .error {\n\n input,\n textarea,\n select {\n margin-bottom: 0;\n }\n\n input[type=\"checkbox\"],\n input[type=\"radio\"] {\n margin-bottom: $form-spacing\n }\n\n label,\n label.error {\n @include form-label-error-color;\n }\n\n small.error {\n @include form-error-message;\n }\n\n >label {\n >small {\n color: scale-color($form-label-font-color, $lightness: 15%);\n background: transparent;\n padding: 0;\n text-transform: $form-label-small-transform;\n font-style: normal;\n font-size: 60%;\n margin: 0;\n display: inline;\n }\n }\n\n span.error-message {\n display: block;\n }\n }\n\n input.error,\n textarea.error,\n select.error {\n margin-bottom: 0;\n }\n\n label.error {\n @include form-label-error-color;\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n@import \"grid\";\n@import \"buttons\";\n@import \"forms\";\n\n//\n// Top Bar Variables\n//\n$include-html-top-bar-classes: $include-html-classes !default;\n\n// Background color for the top bar\n$topbar-bg-color: $oil !default;\n$topbar-bg: $topbar-bg-color !default;\n\n// Height and margin\n$topbar-height: rem-calc(45) !default;\n$topbar-margin-bottom: 0 !default;\n\n// Controlling the styles for the title in the top bar\n$topbar-title-weight: $font-weight-normal !default;\n$topbar-title-font-size: rem-calc(17) !default;\n\n// Set the link colors and styles for top-level nav\n$topbar-link-color: $white !default;\n$topbar-link-color-hover: $white !default;\n$topbar-link-color-active: $white !default;\n$topbar-link-color-active-hover: $white !default;\n$topbar-link-weight: $font-weight-normal !default;\n$topbar-link-font-size: rem-calc(13) !default;\n$topbar-link-hover-lightness: -10% !default; // Darken by 10%\n$topbar-link-bg: $topbar-bg !default;\n$topbar-link-bg-hover: $oil !default;\n$topbar-link-bg-color-hover: $charcoal !default;\n$topbar-link-bg-active: $primary-color !default;\n$topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%) !default;\n$topbar-link-font-family: $body-font-family !default;\n$topbar-link-text-transform: none !default;\n$topbar-link-padding: calc($topbar-height / 3) !default;\n$topbar-back-link-size: rem-calc(18) !default;\n$topbar-link-dropdown-padding: rem-calc(20) !default;\n$topbar-button-font-size: 0.75rem !default;\n$topbar-button-top: 7px !default;\n\n// Style the top bar dropdown elements\n$topbar-dropdown-bg: $oil !default;\n$topbar-dropdown-link-color: $white !default;\n$topbar-dropdown-link-color-hover: $topbar-link-color-hover !default;\n$topbar-dropdown-link-bg: $oil !default;\n$topbar-dropdown-link-bg-hover: $oil !default;\n$topbar-dropdown-link-weight: $font-weight-normal !default;\n$topbar-dropdown-toggle-size: 5px !default;\n$topbar-dropdown-toggle-color: $white !default;\n$topbar-dropdown-toggle-alpha: 0.4 !default;\n\n$topbar-dropdown-label-color: $monsoon !default;\n$topbar-dropdown-label-text-transform: uppercase !default;\n$topbar-dropdown-label-font-weight: $font-weight-bold !default;\n$topbar-dropdown-label-font-size: rem-calc(10) !default;\n$topbar-dropdown-label-bg: $oil !default;\n\n// Top menu icon styles\n$topbar-menu-link-transform: uppercase !default;\n$topbar-menu-link-font-size: rem-calc(13) !default;\n$topbar-menu-link-weight: $font-weight-bold !default;\n$topbar-menu-link-color: $white !default;\n$topbar-menu-icon-color: $white !default;\n$topbar-menu-link-color-toggled: $jumbo !default;\n$topbar-menu-icon-color-toggled: $jumbo !default;\n\n// Transitions and breakpoint styles\n$topbar-transition-speed: 300ms !default;\n// Using rem-calc for the below breakpoint causes issues with top bar\n$topbar-breakpoint: #{lower-bound($medium-range)} !default; // Change to 9999px for always mobile layout\n$topbar-media-query: $medium-up !default;\n\n// Top-bar input styles\n$topbar-input-height: rem-calc(28) !default;\n\n// Divider Styles\n$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%) !default;\n$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%) !default;\n\n// Sticky Class\n$topbar-sticky-class: \".sticky\" !default;\n$topbar-arrows: true !default; //Set false to remove the triangle icon from the menu item\n$topbar-dropdown-arrows: true !default; //Set false to remove the \\00bb >> text from dropdown subnavigation li\n\n// Accessibility mixins for hiding and showing the menu dropdown items\n@mixin topbar-hide-dropdown {\n // Makes an element visually hidden by default, but visible when focused.\n display: block;\n @include element-invisible();\n}\n\n@mixin topbar-show-dropdown {\n display: block;\n @include element-invisible-off();\n position: absolute !important; // Reset the position from static to absolute\n}\n\n@include exports(\"top-bar\") {\n\n @if $include-html-top-bar-classes {\n\n // Used to provide media query values for javascript components.\n // This class is generated despite the value of $include-html-top-bar-classes\n // to ensure width calculations work correctly.\n meta.foundation-mq-topbar {\n font-family: \"/\" + unquote($topbar-media-query) + \"/\";\n width: $topbar-breakpoint;\n }\n\n /* Wrapped around .top-bar to contain to grid width */\n .contain-to-grid {\n width: 100%;\n background: $topbar-bg;\n\n .top-bar {\n margin-bottom: $topbar-margin-bottom;\n }\n }\n\n // Wrapped around .top-bar to make it stick to the top\n .fixed {\n width: 100%;\n #{$default-float}: 0;\n position: fixed;\n top: 0;\n z-index: 99;\n\n &.expanded:not(.top-bar) {\n overflow-y: auto;\n height: auto;\n width: 100%;\n max-height: 100%;\n\n .title-area {\n position: fixed;\n width: 100%;\n z-index: 99;\n }\n\n // Ensure you can scroll the menu on small screens\n .top-bar-section {\n z-index: 98;\n margin-top: $topbar-height;\n }\n }\n }\n\n .top-bar {\n overflow: hidden;\n height: $topbar-height;\n line-height: $topbar-height;\n position: relative;\n background: $topbar-bg;\n margin-bottom: $topbar-margin-bottom;\n\n // Topbar Global list Styles\n ul {\n margin-bottom: 0;\n list-style: none;\n }\n\n .row {\n max-width: none;\n }\n\n form,\n input {\n margin-bottom: 0;\n }\n\n input {\n height: $topbar-input-height;\n padding-top: .35rem;\n padding-bottom: .35rem;\n font-size: $topbar-button-font-size;\n }\n\n .button,\n button {\n padding-top: .35rem + rem-calc(1);\n padding-bottom: .35rem + rem-calc(1);\n margin-bottom: 0;\n font-size: $topbar-button-font-size;\n // position: relative;\n // top: -1px;\n\n // Corrects a slight misalignment when put next to an input field\n @media #{$small-only} {\n position: relative;\n top: -1px;\n }\n }\n\n // Title Area\n .title-area {\n position: relative;\n margin: 0;\n }\n\n .name {\n height: $topbar-height;\n margin: 0;\n font-size: $rem-base;\n\n h1,\n h2,\n h3,\n h4,\n p,\n span {\n line-height: $topbar-height;\n font-size: $topbar-title-font-size;\n margin: 0;\n\n a {\n font-weight: $topbar-title-weight;\n color: $topbar-link-color;\n width: 75%;\n display: block;\n padding: 0 $topbar-link-padding;\n }\n }\n }\n\n // Menu toggle button on small devices\n .toggle-topbar {\n position: absolute;\n #{$opposite-direction}: 0;\n top: 0;\n\n a {\n color: $topbar-link-color;\n text-transform: $topbar-menu-link-transform;\n font-size: $topbar-menu-link-font-size;\n font-weight: $topbar-menu-link-weight;\n position: relative;\n display: block;\n padding: 0 $topbar-link-padding;\n height: $topbar-height;\n line-height: $topbar-height;\n }\n\n // Adding the class \"menu-icon\" will add the 3-line icon people love and adore.\n &.menu-icon {\n top: 50%;\n margin-top: -16px;\n\n a {\n @if $text-direction ==rtl {\n text-indent: -58px;\n }\n\n height: 34px;\n line-height: 33px;\n padding: 0 $topbar-link-padding+rem-calc(25) 0 $topbar-link-padding;\n color: $topbar-menu-link-color;\n position: relative;\n\n & {\n // @include hamburger icon\n //\n // We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\n // $width - Width of hamburger icon\n // $left - If false, icon will be centered horizontally || explicitly set value in rem\n // $top - If false, icon will be centered vertically || explicitly set value in rem\n // $thickness - thickness of lines in hamburger icon, set value in px\n // $gap - spacing between the lines in hamburger icon, set value in px\n // $color - icon color\n // $hover-color - icon color during hover, here it isn't set b/c it would override $topbar-menu-icon-color-toggled\n // $offcanvas - Set to false of @include in topbar\n @include hamburger(16px, false, 0, 1px, 6px, $topbar-menu-icon-color, \"\", false);\n }\n }\n }\n }\n\n // Change things up when the top-bar is expanded\n &.expanded {\n height: auto;\n background: transparent;\n\n .title-area {\n background: $topbar-bg;\n }\n\n .toggle-topbar {\n a {\n color: $topbar-menu-link-color-toggled;\n\n span::after {\n // Shh, don't tell, but box-shadows create the menu icon :)\n // Change the color of the bars when the menu is expanded, using given thickness from hamburger() above\n box-shadow: 0 0 0 1px $topbar-menu-icon-color-toggled,\n 0 7px 0 1px $topbar-menu-icon-color-toggled,\n 0 14px 0 1px $topbar-menu-icon-color-toggled;\n }\n }\n }\n }\n }\n\n // Right and Left Navigation that stacked by default\n .top-bar-section {\n #{$default-float}: 0;\n position: relative;\n width: auto;\n @include single-transition($default-float, $topbar-transition-speed);\n\n ul {\n padding: 0;\n width: 100%;\n height: auto;\n display: block;\n font-size: $rem-base;\n margin: 0;\n }\n\n .divider,\n [role=\"separator\"] {\n border-top: $topbar-divider-border-top;\n clear: both;\n height: 1px;\n width: 100%;\n }\n\n ul li {\n background: $topbar-dropdown-bg;\n\n &>a {\n display: block;\n width: 100%;\n color: $topbar-link-color;\n padding: 12px 0 12px 0;\n padding-#{$default-float}: $topbar-link-padding;\n font-family: $topbar-link-font-family;\n font-size: $topbar-link-font-size;\n font-weight: $topbar-link-weight;\n text-transform: $topbar-link-text-transform;\n\n &.button {\n font-size: $topbar-link-font-size;\n padding-#{$opposite-direction}: $topbar-link-padding;\n padding-#{$default-float}: $topbar-link-padding;\n @include button-style($bg: $primary-color);\n }\n\n &.button.secondary {\n @include button-style($bg: $secondary-color);\n }\n\n &.button.success {\n @include button-style($bg: $success-color);\n }\n\n &.button.alert {\n @include button-style($bg: $alert-color);\n }\n\n &.button.warning {\n @include button-style($bg: $warning-color);\n }\n }\n\n >button {\n font-size: $topbar-link-font-size;\n padding-#{$opposite-direction}: $topbar-link-padding;\n padding-#{$default-float}: $topbar-link-padding;\n @include button-style($bg: $primary-color);\n\n &.secondary {\n @include button-style($bg: $secondary-color);\n }\n\n &.success {\n @include button-style($bg: $success-color);\n }\n\n &.alert {\n @include button-style($bg: $alert-color);\n }\n\n &.warning {\n @include button-style($bg: $warning-color);\n }\n }\n\n // Apply the hover link color when it has that class\n &:hover:not(.has-form)>a {\n background-color: $topbar-link-bg-color-hover;\n\n @if ($topbar-link-bg-hover) {\n background: $topbar-link-bg-hover;\n }\n\n color: $topbar-link-color-hover;\n }\n\n // Apply the active link color when it has that class\n &.active>a {\n background: $topbar-link-bg-active;\n color: $topbar-link-color-active;\n\n &:hover {\n background: $topbar-link-bg-active-hover;\n color: $topbar-link-color-active-hover;\n }\n }\n }\n\n // Add some extra padding for list items contains buttons\n .has-form {\n padding: $topbar-link-padding;\n }\n\n // Styling for list items that have a dropdown within them.\n .has-dropdown {\n position: relative;\n\n &>a {\n &:after {\n @if ($topbar-arrows) {\n @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float);\n }\n\n margin-#{$opposite-direction}: $topbar-link-padding;\n margin-top: -(calc($topbar-dropdown-toggle-size / 2)) - 2;\n position: absolute;\n top: 50%;\n #{$opposite-direction}: 0;\n }\n }\n\n &.moved {\n position: static;\n\n &>.dropdown {\n @include topbar-show-dropdown();\n width: 100%;\n }\n\n &>a:after {\n display: none;\n }\n }\n }\n\n // Styling elements inside of dropdowns\n .dropdown {\n padding: 0;\n position: absolute;\n #{$default-float}: 100%;\n top: 0;\n z-index: 99;\n @include topbar-hide-dropdown();\n\n li {\n width: 100%;\n height: auto;\n\n a {\n font-weight: $topbar-dropdown-link-weight;\n padding: 8px $topbar-link-padding;\n\n &.parent-link {\n font-weight: $topbar-link-weight;\n }\n }\n\n &.title h5,\n &.parent-link {\n // Back Button\n margin-bottom: 0;\n margin-top: 0;\n font-size: $topbar-back-link-size;\n\n a {\n color: $topbar-link-color;\n // line-height: ($topbar-height / 2);\n display: block;\n\n &:hover {\n background: none;\n }\n }\n }\n\n &.has-form {\n padding: 8px $topbar-link-padding;\n }\n\n .button,\n button {\n top: auto;\n }\n }\n\n label {\n padding: 8px $topbar-link-padding 2px;\n margin-bottom: 0;\n text-transform: $topbar-dropdown-label-text-transform;\n color: $topbar-dropdown-label-color;\n font-weight: $topbar-dropdown-label-font-weight;\n font-size: $topbar-dropdown-label-font-size;\n }\n }\n }\n\n .js-generated {\n display: block;\n }\n\n\n // Top Bar styles intended for screen sizes above the breakpoint.\n @media #{$topbar-media-query} {\n .top-bar {\n background: $topbar-bg;\n @include clearfix;\n overflow: visible;\n\n .toggle-topbar {\n display: none;\n }\n\n .title-area {\n float: $default-float;\n }\n\n .name h1 a {\n width: auto;\n }\n\n input,\n .button,\n button {\n font-size: rem-calc(14);\n position: relative;\n height: $topbar-input-height;\n top: calc(($topbar-height - $topbar-input-height) / 2);\n }\n\n &.expanded {\n background: $topbar-bg;\n }\n }\n\n .contain-to-grid .top-bar {\n max-width: $row-width;\n margin: 0 auto;\n margin-bottom: $topbar-margin-bottom;\n }\n\n .top-bar-section {\n @include single-transition(none, 0, 0);\n #{$default-float}: 0 !important;\n\n ul {\n width: auto;\n height: auto !important;\n display: inline;\n\n li {\n float: $default-float;\n\n .js-generated {\n display: none;\n }\n }\n }\n\n li {\n &.hover {\n >a:not(.button) {\n background-color: $topbar-link-bg-color-hover;\n\n @if ($topbar-link-bg-hover) {\n background: $topbar-link-bg-hover;\n }\n\n color: $topbar-link-color-hover;\n }\n }\n\n &:not(.has-form) {\n a:not(.button) {\n padding: 0 $topbar-link-padding;\n line-height: $topbar-height;\n background: $topbar-link-bg;\n\n &:hover {\n background-color: $topbar-link-bg-color-hover;\n\n @if ($topbar-link-bg-hover) {\n background: $topbar-link-bg-hover;\n }\n }\n }\n }\n\n &.active:not(.has-form) {\n a:not(.button) {\n padding: 0 $topbar-link-padding;\n line-height: $topbar-height;\n color: $topbar-link-color-active;\n background: $topbar-link-bg-active;\n\n &:hover {\n background: $topbar-link-bg-active-hover;\n color: $topbar-link-color-active-hover;\n }\n }\n }\n }\n\n .has-dropdown {\n @if($topbar-arrows) {\n &>a {\n padding-#{$opposite-direction}: $topbar-link-padding + $topbar-link-dropdown-padding !important;\n\n &:after {\n @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), top);\n margin-top: -(calc($topbar-dropdown-toggle-size / 2));\n top: calc($topbar-height / 2);\n }\n }\n }\n\n &.moved {\n position: relative;\n\n &>.dropdown {\n @include topbar-hide-dropdown();\n }\n }\n\n &.hover,\n &.not-click:hover {\n &>.dropdown {\n @include topbar-show-dropdown();\n }\n }\n\n >a:focus+.dropdown {\n @include topbar-show-dropdown();\n }\n\n .dropdown li.has-dropdown {\n &>a {\n @if ($topbar-dropdown-arrows) {\n &:after {\n border: none;\n content: \"\\00bb\";\n top: 1rem;\n margin-top: -1px;\n #{$opposite-direction}: 5px;\n line-height: 1.2;\n }\n }\n }\n }\n }\n\n .dropdown {\n #{$default-float}: 0;\n top: auto;\n background: transparent;\n min-width: 100%;\n\n li {\n a {\n color: $topbar-dropdown-link-color;\n line-height: $topbar-height;\n white-space: nowrap;\n padding: 12px $topbar-link-padding;\n background: $topbar-dropdown-link-bg;\n }\n\n &:not(.has-form):not(.active) {\n &>a:not(.button) {\n color: $topbar-dropdown-link-color;\n background: $topbar-dropdown-link-bg;\n }\n\n &:hover>a:not(.button) {\n color: $topbar-dropdown-link-color-hover;\n background-color: $topbar-link-bg-color-hover;\n\n @if ($topbar-dropdown-link-bg-hover) {\n background: $topbar-dropdown-link-bg-hover;\n }\n }\n }\n\n label {\n white-space: nowrap;\n background: $topbar-dropdown-label-bg;\n }\n\n // Second Level Dropdowns\n .dropdown {\n #{$default-float}: 100%;\n top: 0;\n }\n }\n }\n\n &>ul>.divider,\n &>ul>[role=\"separator\"] {\n border-bottom: none;\n border-top: none;\n border-#{$opposite-direction}: $topbar-divider-border-bottom;\n clear: none;\n height: $topbar-height;\n width: 0;\n }\n\n .has-form {\n background: $topbar-link-bg;\n padding: 0 calc($topbar-height / 3);\n height: $topbar-height;\n }\n\n // Position overrides for ul.right and ul.left\n .#{$opposite-direction} {\n li .dropdown {\n #{$default-float}: auto;\n #{$opposite-direction}: 0;\n\n li .dropdown {\n #{$opposite-direction}: 100%;\n }\n }\n }\n\n .#{$default-float} {\n li .dropdown {\n #{$opposite-direction}: auto;\n #{$default-float}: 0;\n\n li .dropdown {\n #{$default-float}: 100%;\n }\n }\n }\n }\n\n // Degrade gracefully when Javascript is disabled. Displays dropdown and changes\n // background & text color on hover.\n .no-js .top-bar-section {\n ul li {\n\n // Apply the hover link color when it has that class\n &:hover>a {\n background-color: $topbar-link-bg-color-hover;\n\n @if ($topbar-link-bg-hover) {\n background: $topbar-link-bg-hover;\n }\n\n color: $topbar-link-color-hover;\n }\n\n // Apply the active link color when it has that class\n &:active>a {\n background: $topbar-link-bg-active;\n color: $topbar-link-color-active;\n }\n }\n\n .has-dropdown {\n &:hover {\n &>.dropdown {\n @include topbar-show-dropdown();\n }\n }\n\n >a:focus+.dropdown {\n @include topbar-show-dropdown();\n }\n }\n }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n\n$include-html-accordion-classes: $include-html-classes !default;\n\n$accordion-navigation-padding: rem-calc(16) !default;\n$accordion-navigation-bg-color: $silver !default;\n$accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%) !default;\n$accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%) !default;\n$accordion-navigation-font-color: $jet !default;\n$accordion-navigation-font-size: rem-calc(16) !default;\n$accordion-navigation-font-family: $body-font-family !default;\n\n$accordion-content-padding: calc($column-gutter / 2) !default;\n$accordion-content-active-bg-color: $white !default;\n\n\n// Mixin: accordion-container()\n// Description: Responsible for the container component of accordions, generating styles relating to a margin of zero and a clearfix\n// Explicit Dependencies: a clearfix mixin *is* defined.\n// Implicit Dependencies: None\n\n@mixin accordion-container() {\n @include clearfix;\n margin-bottom: 0;\n}\n\n// Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class, $font-color, $font-size, $font-family){\n// @params $bg-color: [ color or string ]: Specify the background color for the navigation element\n// @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered\n// @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released.\n// @params $active_class [ string ]: Specify the class name used to keep track of which accordion tab should be visible\n// @params $font-color [ color or string ]: Color of the font for accordion\n// @params $font-size [ number ]: Specify the font-size of the text inside the navigation element\n// @params $font-family [ string ]: Specify the font family for the text of the navigation of the accordion\n\n@mixin accordion-navigation($bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active', $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ) {\n display: block;\n margin-bottom: 0 !important;\n\n @if type-of($active_class) !=\"string\" {\n @warn \"`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of this navigation component.\"\n }\n\n @else {\n &.#{ $active_class }>a {\n background: $active-bg;\n }\n }\n\n >a {\n background: $bg;\n color: $font-color;\n\n @if type-of($padding) !=number {\n @warn \"`#{$padding}` was read as #{type-of($padding)}\";\n\n @if $accordion-navigation-padding !=null {\n @warn \"#{$padding} was read as a #{type-of($padding)}\";\n @warn \"`#{$padding}` isn't a valid number. $accordion-navigation-padding (#{$accordion-navigation-padding}) will be used instead.)\";\n padding: $accordion-navigation-padding;\n }\n\n @else {\n @warn \"`#{$padding}` isn't a valid number and $accordion-navigation-padding is missing. A value of `null` is returned to not output an invalid value for padding\";\n padding: null;\n }\n }\n\n @else {\n padding: $padding;\n }\n\n display: block;\n font-family: $font-family;\n\n @if type-of($font-size) !=number {\n @warn \"`#{$font-size}` was read as a #{type-of($font-size)}\";\n\n @if $accordion-navigation-font-size !=null {\n @warn \"`#{$font-size}` is not a valid number. The value of $accordion-navigation-font-size will be used instead (#{$accordion-navigation-font-size}).\";\n font-size: $accordion-navigation-font-size;\n }\n\n @else {\n @warn \"`#{$font-size}` is not a valid number and the default value of $accordion-navigation-font-size is not defined. A value of `null` will be returned to not generate an invalid value for font-size.\";\n font-size: null;\n\n }\n }\n\n @else {\n font-size: $font-size;\n }\n\n &:hover {\n background: $hover-bg;\n }\n }\n}\n\n// Mixin: accordion-content($bg, $padding, $active-class)\n// @params $padding [ number ]: Padding for the content of the container\n// @params $bg [ color ]: Background color for the content when it's visible\n// @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible.\n\n@mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active') {\n display: none;\n\n @if type-of($padding) !=\"number\" {\n @warn \"#{$padding} was read as a #{type-of($padding)}\";\n\n @if $accordion-content-padding !=null {\n @warn \"`#{$padding}` isn't a valid number. $accordion-content-padding used instead\";\n padding: $accordion-content-padding;\n }\n\n @else {\n @warn \"`#{$padding}` isn't a valid number and the default value of $accordion-content-padding is not defined. A value of `null` is returned to not output an invalid value for padding.\";\n padding: null;\n }\n }\n\n @else {\n padding: $padding;\n }\n\n @if type-of($active_class) !=\"string\" {\n @warn \"`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of the content. \"\n }\n\n @else {\n &.#{$active_class} {\n display: block;\n background: $bg;\n }\n }\n}\n\n@include exports(\"accordion\") {\n @if $include-html-accordion-classes {\n .accordion {\n @include clearfix;\n margin-bottom: 0;\n\n .accordion-navigation,\n dd {\n display: block;\n margin-bottom: 0 !important;\n\n &.active>a {\n background: $accordion-navigation-active-bg-color;\n }\n\n >a {\n background: $accordion-navigation-bg-color;\n color: $accordion-navigation-font-color;\n padding: $accordion-navigation-padding;\n display: block;\n font-family: $accordion-navigation-font-family;\n font-size: $accordion-navigation-font-size;\n\n &:hover {\n background: $accordion-navigation-hover-bg-color;\n }\n }\n\n >.content {\n display: none;\n padding: $accordion-content-padding;\n\n &.active {\n display: block;\n background: $accordion-content-active-bg-color;\n }\n }\n }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// Alert Box Variables\n//\n$include-html-alert-classes: $include-html-classes !default;\n\n// We use this to control alert padding.\n$alert-padding-top: rem-calc(14) !default;\n$alert-padding-default-float: $alert-padding-top !default;\n$alert-padding-opposite-direction: $alert-padding-top + rem-calc(10) !default;\n$alert-padding-bottom: $alert-padding-top !default;\n\n// We use these to control text style.\n$alert-font-weight: $font-weight-normal !default;\n$alert-font-size: rem-calc(13) !default;\n$alert-font-color: $white !default;\n$alert-font-color-alt: scale-color($secondary-color, $lightness: -66%) !default;\n\n// We use this for close hover effect.\n$alert-function-factor: -14% !default;\n\n// We use these to control border styles.\n$alert-border-style: solid !default;\n$alert-border-width: 1px !default;\n$alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor) !default;\n$alert-bottom-margin: rem-calc(20) !default;\n\n// We use these to style the close buttons\n$alert-close-color: $oil !default;\n$alert-close-top: 50% !default;\n$alert-close-position: rem-calc(4) !default;\n$alert-close-font-size: rem-calc(22) !default;\n$alert-close-opacity: 0.3 !default;\n$alert-close-opacity-hover: 0.5 !default;\n$alert-close-padding: 9px 6px 4px !default;\n$alert-close-background: inherit !default;\n\n// We use this to control border radius\n$alert-radius: $global-radius !default;\n\n$alert-transition-speed: 300ms !default;\n$alert-transition-ease: ease-out !default;\n\n//\n// Alert Mixins\n//\n\n// We use this mixin to create a default alert base.\n@mixin alert-base {\n border-style: $alert-border-style;\n border-width: $alert-border-width;\n display: block;\n font-weight: $alert-font-weight;\n margin-bottom: $alert-bottom-margin;\n position: relative;\n padding: $alert-padding-top $alert-padding-opposite-direction $alert-padding-bottom $alert-padding-default-float;\n font-size: $alert-font-size;\n @include single-transition(opacity, $alert-transition-speed, $alert-transition-ease)\n}\n\n// We use this mixin to add alert styles\n//\n// $bg - The background of the alert. Default: $primary-color.\n@mixin alert-style($bg: $primary-color) {\n\n // This finds the lightness percentage of the background color.\n $bg-lightness: lightness($bg);\n\n // We control which background color and border come through.\n background-color: $bg;\n border-color: scale-color($bg, $lightness: $alert-function-factor);\n\n // We control the text color for you based on the background color.\n @if $bg-lightness >70% {\n color: $alert-font-color-alt;\n }\n\n @else {\n color: $alert-font-color;\n }\n\n}\n\n// We use this to create the close button.\n@mixin alert-close {\n font-size: $alert-close-font-size;\n padding: $alert-close-padding;\n line-height: 0;\n position: absolute;\n top: $alert-close-top;\n margin-top: -(calc($alert-close-font-size / 2));\n #{$opposite-direction}: $alert-close-position;\n color: $alert-close-color;\n opacity: $alert-close-opacity;\n background: $alert-close-background;\n\n &:hover,\n &:focus {\n opacity: $alert-close-opacity-hover;\n }\n}\n\n// We use this to quickly create alerts with a single mixin.\n//\n// $bg - Background of alert. Default: $primary-color.\n// $radius - Radius of alert box. Default: false.\n@mixin alert($bg: $primary-color, $radius: false) {\n @include alert-base;\n @include alert-style($bg);\n @include radius($radius);\n}\n\n@include exports(\"alert-box\") {\n @if $include-html-alert-classes {\n .alert-box {\n @include alert;\n\n .close {\n @include alert-close;\n }\n\n &.radius {\n @include radius($alert-radius);\n }\n\n &.round {\n @include radius($global-rounded);\n }\n\n &.success {\n @include alert-style($success-color);\n }\n\n &.alert {\n @include alert-style($alert-color);\n }\n\n &.secondary {\n @include alert-style($secondary-color);\n }\n\n &.warning {\n @include alert-style($warning-color);\n }\n\n &.info {\n @include alert-style($info-color);\n }\n\n &.alert-close {\n opacity: 0\n }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// Breadcrumb Variables\n//\n$include-html-nav-classes: $include-html-classes !default;\n\n// We use this to set the background color for the breadcrumb container.\n$crumb-bg: scale-color($secondary-color, $lightness: 55%) !default;\n\n// We use these to set the padding around the breadcrumbs.\n$crumb-padding: rem-calc(9 14 9) !default;\n$crumb-side-padding: rem-calc(12) !default;\n\n// We use these to control border styles.\n$crumb-function-factor: -10% !default;\n$crumb-border-size: 1px !default;\n$crumb-border-style: solid !default;\n$crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor) !default;\n$crumb-radius: $global-radius !default;\n\n// We use these to set various text styles for breadcrumbs.\n$crumb-font-size: rem-calc(11) !default;\n$crumb-font-color: $primary-color !default;\n$crumb-font-color-current: $oil !default;\n$crumb-font-color-unavailable: $aluminum !default;\n$crumb-font-transform: uppercase !default;\n$crumb-link-decor: underline !default;\n\n// We use these to control the slash between breadcrumbs\n$crumb-slash-color: $base !default;\n$crumb-slash: \"/\" !default;\n\n//\n// Breadcrumb Mixins\n//\n\n// We use this mixin to create a container around our breadcrumbs\n@mixin crumb-container {\n display: block;\n padding: $crumb-padding;\n overflow: hidden;\n margin-#{$default-float}: 0;\n list-style: none;\n border-style: $crumb-border-style;\n border-width: $crumb-border-size;\n\n // We control which background color and border come through.\n background-color: $crumb-bg;\n border-color: $crumb-border-color;\n}\n\n// We use this mixin to create breadcrumb styles from list items.\n@mixin crumbs {\n\n // A normal state will make the links look and act like clickable breadcrumbs.\n margin: 0;\n float: $default-float;\n font-size: $crumb-font-size;\n line-height: $crumb-font-size;\n text-transform: $crumb-font-transform;\n color: $crumb-font-color;\n\n &:hover a, &:focus a { text-decoration: $crumb-link-decor; }\n\n a {\n color: $crumb-font-color;\n }\n\n // Current is for the link of the current page\n &.current {\n cursor: $cursor-default-value;\n color: $crumb-font-color-current;\n a {\n cursor: $cursor-default-value;\n color: $crumb-font-color-current;\n }\n\n &:hover, &:hover a,\n &:focus, &:focus a { text-decoration: none; }\n }\n\n // Unavailable removed color and link styles so it looks inactive.\n &.unavailable {\n color: $crumb-font-color-unavailable;\n a { color: $crumb-font-color-unavailable; }\n\n &:hover,\n &:hover a,\n &:focus,\n a:focus {\n text-decoration: none;\n color: $crumb-font-color-unavailable;\n cursor: $cursor-default-value;\n }\n }\n\n &:before {\n content: \"#{$crumb-slash}\";\n color: $crumb-slash-color;\n margin: 0 $crumb-side-padding;\n position: relative;\n top: 1px;\n }\n\n &:first-child:before {\n content: \" \";\n margin: 0;\n }\n}\n\n@include exports(\"breadcrumbs\") {\n @if $include-html-nav-classes {\n .breadcrumbs {\n @include crumb-container;\n @include radius($crumb-radius);\n\n &>* {\n @include crumbs;\n }\n }\n }\n}\n\n/* Accessibility - hides the forward slash */\n[aria-label=\"breadcrumbs\"] [aria-hidden=\"true\"]:after {\n content: \"/\";\n }\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// Block Grid Variables\n//\n$include-html-block-grid-classes: $include-html-classes !default;\n$include-xl-html-block-grid-classes: false !default;\n\n// We use this to control the maximum number of block grid elements per row\n$block-grid-elements: 12 !default;\n$block-grid-default-spacing: rem-calc(20) !default;\n\n$align-block-grid-to-grid: false !default;\n\n@if $align-block-grid-to-grid {\n $block-grid-default-spacing: $column-gutter;\n}\n\n// Enables media queries for block-grid classes. Set to false if writing semantic HTML.\n$block-grid-media-queries: true !default;\n\n//\n// Block Grid Mixins\n//\n\n// Create a custom block grid\n//\n// $per-row - # of items to display per row. Default: false.\n// $spacing - # of ems to use as padding on each block item. Default: rem-calc(20).\n// $base-style - Apply a base style to block grid. Default: true.\n@mixin block-grid($per-row: false,\n $spacing: $block-grid-default-spacing,\n $include-spacing: true,\n $base-style: true) {\n\n @if $base-style {\n display: block;\n padding: 0;\n\n @if $align-block-grid-to-grid {\n margin: 0;\n }\n\n @else {\n margin: 0 calc(-1 * $spacing / 2);\n }\n\n @include clearfix;\n\n &>li {\n display: block;\n height: auto;\n float: $default-float;\n\n @if $include-spacing {\n padding: 0 calc($spacing / 2) $spacing;\n }\n }\n }\n\n @if $per-row {\n &>li {\n width: calc(100% / $per-row);\n\n @if $include-spacing {\n padding: 0 ($spacing/2) $spacing;\n }\n\n list-style: none;\n\n &:nth-of-type(1n) {\n clear: none;\n }\n\n &:nth-of-type(#{$per-row}n+1) {\n clear: both;\n }\n\n @if $align-block-grid-to-grid {\n @include block-grid-aligned($per-row, $spacing);\n }\n }\n }\n}\n\n@mixin block-grid-aligned($per-row, $spacing) {\n @for $i from 1 through $block-grid-elements {\n @if $per-row >=$i {\n $grid-column: '+'+$i;\n\n @if $per-row ==$i {\n $grid-column: '';\n }\n\n &:nth-of-type(#{$per-row}n#{unquote($grid-column)}) {\n padding-left: ($spacing - (($spacing / $per-row) * ($per-row - ($i - 1))));\n padding-right: ($spacing - (($spacing / $per-row) * $i));\n }\n }\n }\n}\n\n// Generate presentational markup for block grid.\n//\n// $size - Name of class to use, i.e. \"large\" will generate .large-block-grid-1, .large-block-grid-2, etc.\n@mixin block-grid-html-classes($size, $include-spacing) {\n @for $i from 1 through $block-grid-elements {\n .#{$size}-block-grid-#{($i)} {\n @include block-grid($i, $block-grid-default-spacing, $include-spacing, false);\n }\n }\n}\n\n@include exports(\"block-grid\") {\n @if $include-html-block-grid-classes {\n\n [class*=\"block-grid-\"] {\n @include block-grid;\n }\n\n @if $block-grid-media-queries {\n @media #{$small-up} {\n @include block-grid-html-classes($size: small, $include-spacing: false);\n }\n\n @media #{$medium-up} {\n @include block-grid-html-classes($size: medium, $include-spacing: false);\n }\n\n @media #{$large-up} {\n @include block-grid-html-classes($size: large, $include-spacing: false);\n }\n\n @if $include-xl-html-block-grid-classes {\n @media #{$xlarge-up} {\n @include block-grid-html-classes($size: xlarge, $include-spacing: false);\n }\n\n @media #{$xxlarge-up} {\n @include block-grid-html-classes($size: xxlarge, $include-spacing: false);\n }\n }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n@import \"buttons\";\n\n//\n// Button Group Variables\n//\n$include-html-button-classes: $include-html-classes !default;\n\n// Sets the margin for the right side by default, and the left margin if right-to-left direction is used\n$button-bar-margin-opposite: rem-calc(10) !default;\n$button-group-border-width: 1px !default;\n\n//\n// Button Group Mixins\n//\n\n// We use this to add styles for a button group container\n@mixin button-group-container($styles: true, $float: false) {\n @if $styles {\n list-style: none;\n margin: 0;\n #{$default-float}: 0;\n @include clearfix();\n }\n\n @if $float {\n float: #{$default-float};\n margin-#{$opposite-direction}: $button-bar-margin-opposite;\n\n & div {\n overflow: hidden;\n }\n }\n}\n\n// We use this to control styles for button groups\n@mixin button-group-style($radius: false, $even: false, $float: false, $orientation: horizontal) {\n\n >button,\n .button {\n border-#{$default-float}: $button-group-border-width solid;\n border-color: rgba(255, 255, 255, 0.5);\n }\n\n &:first-child {\n\n button,\n .button {\n border-#{$default-float}: 0;\n }\n }\n\n // We use this to control the flow, or remove those styles completely.\n @if $float {\n margin: 0;\n float: $float;\n display: list-item;\n\n // Make sure the first child doesn't get the negative margin.\n &:first-child {\n margin-#{$default-float}: 0;\n }\n }\n\n @else {\n margin: 0 -2px;\n display: inline-block;\n }\n\n @if $orientation ==vertical {\n display: block;\n margin: 0;\n\n >button,\n .button {\n border-top: $button-group-border-width solid;\n border-color: rgba(255, 255, 255, 0.5);\n border-left-width: 0;\n margin: 0;\n display: block;\n }\n\n &:first-child {\n\n button,\n .button {\n border-top: 0;\n }\n }\n }\n\n // We use these to control left and right radius on first/last buttons in the group.\n @if $radius ==true {\n\n &,\n &>a,\n &>button,\n &>.button {\n @include radius(0);\n }\n\n &:first-child,\n &:first-child>a,\n &:first-child>button,\n &:first-child>.button {\n @if $orientation ==vertical {\n @include side-radius(top, $button-radius);\n }\n\n @else {\n @include side-radius($default-float, $button-radius);\n }\n }\n\n &:last-child,\n &:last-child>a,\n &:last-child>button,\n &:last-child>.button {\n @if $orientation ==vertical {\n @include side-radius(bottom, $button-radius);\n }\n\n @else {\n @include side-radius($opposite-direction, $button-radius);\n }\n }\n }\n\n @else if $radius {\n\n &,\n &>a,\n &>button,\n &>.button {\n @include radius(0);\n }\n\n &:first-child,\n &:first-child>a,\n &:first-child>button,\n &:first-child>.button {\n @if $orientation ==vertical {\n @include side-radius(top, $radius);\n }\n\n @else {\n @include side-radius($default-float, $radius);\n }\n }\n\n &:last-child,\n &:last-child>a,\n &:last-child>button,\n &:last-child>.button {\n @if $orientation ==vertical {\n @include side-radius(bottom, $radius);\n }\n\n @else {\n @include side-radius($opposite-direction, $radius);\n }\n }\n }\n\n // We use this to make the buttons even width across their container\n @if $even {\n width: percentage(calc((100/$even) / 100));\n\n button,\n .button {\n width: 100%;\n }\n }\n}\n\n@include exports(\"button-group\") {\n @if $include-html-button-classes {\n .button-group {\n @include button-group-container;\n\n &>li {\n @include button-group-style();\n }\n\n &.stack {\n &>li {\n @include button-group-style($orientation: vertical);\n float: none;\n }\n }\n\n &.stack-for-small {\n &>li {\n @include button-group-style($orientation: horizontal);\n\n @media #{$small-only} {\n @include button-group-style($orientation: vertical);\n }\n }\n }\n\n &.radius>* {\n @include button-group-style($radius: $button-radius, $float: null);\n }\n\n &.radius.stack>* {\n @include button-group-style($radius: $button-radius, $float: null, $orientation: vertical);\n }\n\n &.radius.stack-for-small>* {\n @media #{$medium-up} {\n @include button-group-style($radius: $button-radius, $orientation: horizontal);\n }\n\n @media #{$small-only} {\n @include button-group-style($radius: $button-radius, $orientation: vertical);\n }\n }\n\n &.round>* {\n @include button-group-style($radius: $button-round, $float: null);\n }\n\n &.round.stack>* {\n @include button-group-style($radius: $button-med, $float: null, $orientation: vertical);\n }\n\n &.round.stack-for-small>* {\n @media #{$medium-up} {\n @include button-group-style($radius: $button-round, $orientation: horizontal);\n }\n\n @media #{$small-only} {\n @include button-group-style($radius: $button-med, $orientation: vertical);\n }\n }\n\n @for $i from 2 through 8 {\n &.even-#{$i} li {\n @include button-group-style($even: $i, $float: null);\n }\n }\n }\n\n .button-bar {\n @include clearfix;\n\n .button-group {\n @include button-group-container($styles: false, $float: true);\n }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-clearing-classes: $include-html-classes !default;\n\n// We use these to set the background colors for parts of Clearing.\n$clearing-bg: $oil !default;\n$clearing-caption-bg: $clearing-bg !default;\n$clearing-carousel-bg: rgba(51,51,51,0.8) !default;\n$clearing-img-bg: $clearing-bg !default;\n\n// We use these to style the close button\n$clearing-close-color: $iron !default;\n$clearing-close-size: 30px !default;\n\n// We use these to style the arrows\n$clearing-arrow-size: 12px !default;\n$clearing-arrow-color: $clearing-close-color !default;\n\n// We use these to style captions\n$clearing-caption-font-color: $iron !default;\n$clearing-caption-font-size: 0.875em !default;\n$clearing-caption-padding: 10px 30px 20px !default;\n\n// We use these to make the image and carousel height and style\n$clearing-active-img-height: 85% !default;\n$clearing-carousel-height: 120px !default;\n$clearing-carousel-thumb-width: 120px !default;\n$clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;\n\n@include exports(\"clearing\") {\n @if $include-html-clearing-classes {\n // We decided to not create a mixin for Clearing because it relies\n // on predefined classes and structure to work properly.\n // The variables above should give enough control.\n\n /* Clearing Styles */\n .clearing-thumbs, #{data('clearing')} {\n @include clearfix;\n margin-bottom: 0;\n margin-#{$default-float}: 0;\n list-style: none;\n\n li {\n float: $default-float;\n margin-#{$opposite-direction}: 10px;\n }\n\n &[class*=\"block-grid-\"] li {\n margin-#{$opposite-direction}: 0;\n }\n }\n\n .clearing-blackout {\n background: $clearing-bg;\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n #{$default-float}: 0;\n z-index: 998;\n\n .clearing-close { display: block; }\n }\n\n .clearing-container {\n position: relative;\n z-index: 998;\n height: 100%;\n overflow: hidden;\n margin: 0;\n }\n\n .clearing-touch-label {\n position: absolute;\n top: 50%;\n left: 50%;\n color: $base;\n font-size: 0.6em;\n }\n\n .visible-img {\n height: 95%;\n position: relative;\n\n img {\n position: absolute;\n #{$default-float}: 50%;\n top: 50%;\n margin-#{$default-float}: -50%;\n max-height: 100%;\n max-width: 100%;\n }\n }\n\n .clearing-caption {\n color: $clearing-caption-font-color;\n font-size: $clearing-caption-font-size;\n line-height: 1.3;\n margin-bottom: 0;\n text-align: center;\n bottom: 0;\n background: $clearing-caption-bg;\n width: 100%;\n padding: $clearing-caption-padding;\n position: absolute;\n #{$default-float}: 0;\n }\n\n .clearing-close {\n z-index: 999;\n padding-#{$default-float}: 20px;\n padding-top: 10px;\n font-size: $clearing-close-size;\n line-height: 1;\n color: $clearing-close-color;\n display: none;\n\n &:hover,\n &:focus { color: $iron; }\n }\n\n .clearing-assembled .clearing-container { height: 100%;\n .carousel > ul { display: none; }\n }\n\n // If you want to show a lightbox, but only have a single image come through as the thumbnail\n .clearing-feature li {\n display: none;\n &.clearing-featured-img {\n display: block;\n }\n }\n\n // Large screen overrides\n @media #{$medium-up} {\n .clearing-main-prev,\n .clearing-main-next {\n position: absolute;\n height: 100%;\n width: 40px;\n top: 0;\n & > span {\n position: absolute;\n top: 50%;\n display: block;\n width: 0;\n height: 0;\n border: solid $clearing-arrow-size;\n &:hover { opacity: 0.8; }\n }\n }\n .clearing-main-prev {\n #{$default-float}: 0;\n & > span {\n #{$default-float}: 5px;\n border-color: transparent;\n border-#{$opposite-direction}-color: $clearing-arrow-color;\n }\n }\n .clearing-main-next {\n #{$opposite-direction}: 0;\n & > span {\n border-color: transparent;\n border-#{$default-float}-color: $clearing-arrow-color;\n }\n }\n \n .clearing-main-prev.disabled,\n .clearing-main-next.disabled { opacity: 0.3; }\n\n .clearing-assembled .clearing-container {\n\n .carousel {\n background: $clearing-carousel-bg;\n height: $clearing-carousel-height;\n margin-top: 10px;\n text-align: center;\n\n & > ul {\n display: inline-block;\n z-index: 999;\n height: 100%;\n position: relative;\n float: none;\n\n li {\n display: block;\n width: $clearing-carousel-thumb-width;\n min-height: inherit;\n float: $default-float;\n overflow: hidden;\n margin-#{$opposite-direction}: 0;\n padding: 0;\n position: relative;\n cursor: $cursor-pointer-value;\n opacity: 0.4;\n clear: none;\n\n &.fix-height {\n img {\n height: 100%;\n max-width: none;\n }\n }\n\n a.th {\n border: none;\n box-shadow: none;\n display: block;\n }\n\n img {\n cursor: $cursor-pointer-value !important;\n width: 100% !important;\n }\n\n &.visible { opacity: 1; }\n &:hover { opacity: 0.8; }\n }\n }\n }\n\n .visible-img {\n background: $clearing-img-bg;\n overflow: hidden;\n height: $clearing-active-img-height;\n }\n }\n\n .clearing-close {\n position: absolute;\n top: 10px;\n #{$opposite-direction}: 20px;\n padding-#{$default-float}: 0;\n padding-top: 0;\n }\n }\n\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-dropdown-classes: $include-html-classes !default;\n\n// We use these to controls height and width styles.\n$f-dropdown-max-width: 200px !default;\n$f-dropdown-height: auto !default;\n$f-dropdown-max-height: none !default;\n\n// Used for bottom position\n$f-dropdown-margin-top: 2px !default;\n\n// Used for right position\n$f-dropdown-margin-left: $f-dropdown-margin-top !default;\n\n// Used for left position\n$f-dropdown-margin-right: $f-dropdown-margin-top !default;\n\n// Used for top position\n$f-dropdown-margin-bottom: $f-dropdown-margin-top !default;\n\n// We use this to control the background color\n$f-dropdown-bg: $white !default;\n\n// We use this to set the border styles for dropdowns.\n$f-dropdown-border-style: solid !default;\n$f-dropdown-border-width: 1px !default;\n$f-dropdown-border-color: scale-color($white, $lightness: -20%) !default;\n\n// We use these to style the triangle pip.\n$f-dropdown-triangle-size: 6px !default;\n$f-dropdown-triangle-color: $white !default;\n$f-dropdown-triangle-side-offset: 10px !default;\n\n// We use these to control styles for the list elements.\n$f-dropdown-list-style: none !default;\n$f-dropdown-font-color: $charcoal !default;\n$f-dropdown-font-size: rem-calc(14) !default;\n$f-dropdown-list-padding: rem-calc(5, 10) !default;\n$f-dropdown-line-height: rem-calc(18) !default;\n$f-dropdown-list-hover-bg: $smoke !default;\n$dropdown-mobile-default-float: 0 !default;\n\n// We use this to control the styles for when the dropdown has custom content.\n$f-dropdown-content-padding: rem-calc(20) !default;\n\n// Default radius for dropdown.\n$f-dropdown-radius: $global-radius !default;\n\n//\n// @mixins\n//\n//\n// NOTE: Make default max-width change between list and content types. Can add more width with classes, maybe .small, .medium, .large, etc.;\n// We use this to style the dropdown container element.\n// $content-list - Sets list-style. Default: list. Options: [list, content]\n// $triangle - Sets if dropdown has triangle. Default:true.\n// $max-width - Default: $f-dropdown-max-width || 200px.\n@mixin dropdown-container($content:list, $triangle:true, $max-width:$f-dropdown-max-width) {\n position: absolute;\n left: -9999px;\n list-style: $f-dropdown-list-style;\n margin-#{$default-float}: 0;\n outline: none;\n\n > *:first-child { margin-top: 0; }\n > *:last-child { margin-bottom: 0; }\n\n @if $content == list {\n width: 100%;\n max-height: $f-dropdown-max-height;\n height: $f-dropdown-height;\n background: $f-dropdown-bg;\n border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;\n font-size: $f-dropdown-font-size;\n z-index: 89;\n }\n @else if $content == content {\n padding: $f-dropdown-content-padding;\n width: 100%;\n height: $f-dropdown-height;\n max-height: $f-dropdown-max-height;\n background: $f-dropdown-bg;\n border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;\n font-size: $f-dropdown-font-size;\n z-index: 89;\n }\n\n @if $triangle == bottom {\n margin-top: $f-dropdown-margin-top;\n\n &:before {\n @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, bottom);\n position: absolute;\n top: -($f-dropdown-triangle-size * 2);\n #{$default-float}: $f-dropdown-triangle-side-offset;\n z-index: 89;\n }\n &:after {\n @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, bottom);\n position: absolute;\n top: -(($f-dropdown-triangle-size + 1) * 2);\n #{$default-float}: $f-dropdown-triangle-side-offset - 1;\n z-index: 88;\n }\n\n &.right:before {\n #{$default-float}: auto;\n #{$opposite-direction}: $f-dropdown-triangle-side-offset;\n }\n &.right:after {\n #{$default-float}: auto;\n #{$opposite-direction}: $f-dropdown-triangle-side-offset - 1;\n }\n }\n\n @if $triangle == $default-float {\n margin-top: 0;\n margin-#{$default-float}: $f-dropdown-margin-right;\n\n &:before {\n @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$opposite-direction});\n position: absolute;\n top: $f-dropdown-triangle-side-offset;\n #{$default-float}: -($f-dropdown-triangle-size * 2);\n z-index: 89;\n }\n &:after {\n @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$opposite-direction});\n position: absolute;\n top: $f-dropdown-triangle-side-offset - 1;\n #{$default-float}: -($f-dropdown-triangle-size * 2) - 2;\n z-index: 88;\n }\n\n }\n\n @if $triangle == $opposite-direction {\n margin-top: 0;\n margin-#{$default-float}: -$f-dropdown-margin-right;\n\n &:before {\n @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$default-float});\n position: absolute;\n top: $f-dropdown-triangle-side-offset;\n #{$opposite-direction}: -($f-dropdown-triangle-size * 2);\n #{$default-float}: auto;\n z-index: 89;\n }\n &:after {\n @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$default-float});\n position: absolute;\n top: $f-dropdown-triangle-side-offset - 1;\n #{$opposite-direction}: -($f-dropdown-triangle-size * 2) - 2;\n #{$default-float}: auto;\n z-index: 88;\n }\n\n }\n\n @if $triangle == top {\n margin-top: -$f-dropdown-margin-bottom;\n margin-left: 0;\n\n &:before {\n @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, top);\n position: absolute;\n top: auto;\n bottom: -($f-dropdown-triangle-size * 2);\n #{$default-float}: $f-dropdown-triangle-side-offset;\n #{$opposite-direction}: auto;\n z-index: 89;\n }\n &:after {\n @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, top);\n position: absolute;\n top: auto;\n bottom: -($f-dropdown-triangle-size * 2) - 2;\n #{$default-float}: $f-dropdown-triangle-side-offset - 1;\n #{$opposite-direction}: auto;\n z-index: 88;\n }\n\n }\n\n @if $max-width { max-width: $max-width; }\n @else { max-width: $f-dropdown-max-width; }\n\n}\n\n// @MIXIN\n//\n// We use this to style the list elements or content inside the dropdown.\n\n@mixin dropdown-style {\n font-size: $f-dropdown-font-size;\n cursor: $cursor-pointer-value;\n\n line-height: $f-dropdown-line-height;\n margin: 0;\n\n &:hover,\n &:focus { background: $f-dropdown-list-hover-bg; }\n\n &.radius { @include radius($f-dropdown-radius); }\n\n a {\n display: block;\n padding: $f-dropdown-list-padding;\n color: $f-dropdown-font-color;\n }\n}\n\n@include exports(\"dropdown\") {\n @if $include-html-dropdown-classes {\n\n /* Foundation Dropdowns */\n .f-dropdown {\n @include dropdown-container(list, bottom);\n\n &.drop-#{$opposite-direction} {\n @include dropdown-container(list, #{$default-float});\n }\n\n &.drop-#{$default-float} {\n @include dropdown-container(list, #{$opposite-direction});\n }\n\n &.drop-top {\n @include dropdown-container(list, top);\n }\n // max-width: none;\n\n li { @include dropdown-style; }\n\n // You can also put custom content in these dropdowns\n &.content { @include dropdown-container(content, $triangle:false); }\n\n // Sizes\n &.tiny { max-width: 200px; }\n &.small { max-width: 300px; }\n &.medium { max-width: 500px; }\n &.large { max-width: 800px; }\n &.mega {\n width:100%!important;\n max-width:100%!important;\n\n &.open{\n left:0!important;\n }\n }\n }\n\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-button-classes: $include-html-classes !default;\n\n// We use these to set the color of the pip in dropdown buttons\n$dropdown-button-pip-color: $white !default;\n$dropdown-button-pip-color-alt: $oil !default;\n\n$button-pip-tny: rem-calc(6) !default;\n$button-pip-sml: rem-calc(7) !default;\n$button-pip-med: rem-calc(9) !default;\n$button-pip-lrg: rem-calc(11) !default;\n\n// We use these to style tiny dropdown buttons\n$dropdown-button-padding-tny: $button-pip-tny * 7 !default;\n$dropdown-button-pip-size-tny: $button-pip-tny !default;\n$dropdown-button-pip-opposite-tny: $button-pip-tny * 3 !default;\n$dropdown-button-pip-top-tny: calc(-1 * $button-pip-tny / 2) + rem-calc(1) !default;\n\n// We use these to style small dropdown buttons\n$dropdown-button-padding-sml: $button-pip-sml * 7 !default;\n$dropdown-button-pip-size-sml: $button-pip-sml !default;\n$dropdown-button-pip-opposite-sml: $button-pip-sml * 3 !default;\n$dropdown-button-pip-top-sml: calc(-1 * $button-pip-sml / 2) + rem-calc(1) !default;\n\n// We use these to style medium dropdown buttons\n$dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3) !default;\n$dropdown-button-pip-size-med: $button-pip-med - rem-calc(3) !default;\n$dropdown-button-pip-opposite-med: $button-pip-med * 2.5 !default;\n$dropdown-button-pip-top-med: calc(-1 * $button-pip-med / 2) + rem-calc(2) !default;\n\n// We use these to style large dropdown buttons\n$dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3) !default;\n$dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6) !default;\n$dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5 !default;\n$dropdown-button-pip-top-lrg: calc(-1 * $button-pip-lrg / 2) + rem-calc(3) !default;\n\n// @mixins\n//\n// Dropdown Button Mixin\n//\n// We use this mixin to build off of the button mixin and add dropdown button styles\n//\n// $padding - Determines the size of button you're working with. Default: medium. Options [tiny, small, medium, large]\n// $pip-color - Color of the little triangle that points to the dropdown. Default: $white.\n// $base-style - Add in base-styles. This can be set to false. Default:true\n\n@mixin dropdown-button($padding: medium, $pip-color: $white, $base-style: true) {\n\n // We add in base styles, but they can be negated by setting to 'false'.\n @if $base-style {\n position: relative;\n outline: none;\n\n // This creates the base styles for the triangle pip\n &::after {\n position: absolute;\n content: \"\";\n width: 0;\n height: 0;\n display: block;\n border-style: solid;\n border-color: $dropdown-button-pip-color transparent transparent transparent;\n top: 50%;\n }\n }\n\n // If we're dealing with tiny buttons, use these styles\n @if $padding ==tiny {\n padding-#{$opposite-direction}: $dropdown-button-padding-tny;\n\n &:after {\n border-width: $dropdown-button-pip-size-tny;\n #{$opposite-direction}: $dropdown-button-pip-opposite-tny;\n margin-top: $dropdown-button-pip-top-tny;\n }\n }\n\n // If we're dealing with small buttons, use these styles\n @if $padding ==small {\n padding-#{$opposite-direction}: $dropdown-button-padding-sml;\n\n &::after {\n border-width: $dropdown-button-pip-size-sml;\n #{$opposite-direction}: $dropdown-button-pip-opposite-sml;\n margin-top: $dropdown-button-pip-top-sml;\n }\n }\n\n // If we're dealing with default (medium) buttons, use these styles\n @if $padding ==medium {\n padding-#{$opposite-direction}: $dropdown-button-padding-med;\n\n &::after {\n border-width: $dropdown-button-pip-size-med;\n #{$opposite-direction}: $dropdown-button-pip-opposite-med;\n margin-top: $dropdown-button-pip-top-med;\n }\n }\n\n // If we're dealing with large buttons, use these styles\n @if $padding ==large {\n padding-#{$opposite-direction}: $dropdown-button-padding-lrg;\n\n &::after {\n border-width: $dropdown-button-pip-size-lrg;\n #{$opposite-direction}: $dropdown-button-pip-opposite-lrg;\n margin-top: $dropdown-button-pip-top-lrg;\n }\n }\n\n // We can control the pip color. We didn't use logic in this case, just set it and forget it.\n @if $pip-color {\n &::after {\n border-color: $pip-color transparent transparent transparent;\n }\n }\n}\n\n@include exports(\"dropdown-button\") {\n @if $include-html-button-classes {\n\n .dropdown.button,\n button.dropdown {\n @include dropdown-button;\n\n &.tiny {\n @include dropdown-button(tiny, $base-style: false);\n }\n\n &.small {\n @include dropdown-button(small, $base-style: false);\n }\n\n &.large {\n @include dropdown-button(large, $base-style: false);\n }\n\n &.secondary:after {\n border-color: $dropdown-button-pip-color-alt transparent transparent transparent;\n }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-media-classes: $include-html-classes !default;\n\n// We use these to control video container padding and margins\n$flex-video-padding-top: rem-calc(25) !default;\n$flex-video-padding-bottom: 67.5% !default;\n$flex-video-margin-bottom: rem-calc(16) !default;\n\n// We use this to control widescreen bottom padding\n$flex-video-widescreen-padding-bottom: 56.34% !default;\n\n//\n// @mixins\n//\n\n@mixin flex-video-container {\n position: relative;\n padding-top: $flex-video-padding-top;\n padding-bottom: $flex-video-padding-bottom;\n height: 0;\n margin-bottom: $flex-video-margin-bottom;\n overflow: hidden;\n\n &.widescreen { padding-bottom: $flex-video-widescreen-padding-bottom; }\n &.vimeo { padding-top: 0; }\n\n iframe,\n object,\n embed,\n video {\n position: absolute;\n top: 0;\n #{$default-float}: 0;\n width: 100%;\n height: 100%;\n }\n}\n\n@include exports(\"flex-video\") {\n @if $include-html-media-classes {\n .flex-video { @include flex-video-container; }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-inline-list-classes: $include-html-classes !default;\n\n// We use this to control the margins and padding of the inline list.\n$inline-list-top-margin: 0 !default;\n$inline-list-opposite-margin: 0 !default;\n$inline-list-bottom-margin: rem-calc(17) !default;\n$inline-list-default-float-margin: rem-calc(-22) !default;\n$inline-list-default-float-list-margin: rem-calc(22) !default;\n\n$inline-list-padding: 0 !default;\n\n// We use this to control the overflow of the inline list.\n$inline-list-overflow: hidden !default;\n\n// We use this to control the list items\n$inline-list-display: block !default;\n\n// We use this to control any elements within list items\n$inline-list-children-display: block !default;\n\n//\n// @mixins\n//\n// We use this mixin to create inline lists\n@mixin inline-list {\n margin: $inline-list-top-margin auto $inline-list-bottom-margin auto;\n margin-#{$default-float}: $inline-list-default-float-margin;\n margin-#{$opposite-direction}: $inline-list-opposite-margin;\n padding: $inline-list-padding;\n list-style: none;\n overflow: $inline-list-overflow;\n\n & > li {\n list-style: none;\n float: $default-float;\n margin-#{$default-float}: $inline-list-default-float-list-margin;\n display: $inline-list-display;\n &>* { display: $inline-list-children-display; }\n }\n}\n\n@include exports(\"inline-list\") {\n @if $include-html-inline-list-classes {\n .inline-list {\n @include inline-list();\n }\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-keystroke-classes: $include-html-classes !default;\n\n// We use these to control text styles.\n$keystroke-font: \"Consolas\", \"Menlo\", \"Courier\", monospace !default;\n$keystroke-font-size: inherit !default;\n$keystroke-font-color: $jet !default;\n$keystroke-font-color-alt: $white !default;\n$keystroke-function-factor: -7% !default;\n\n// We use this to control keystroke padding.\n$keystroke-padding: rem-calc(2 4 0) !default;\n\n// We use these to control background and border styles.\n$keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor) !default;\n$keystroke-border-style: solid !default;\n$keystroke-border-width: 1px !default;\n$keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor) !default;\n$keystroke-radius: $global-radius !default;\n\n//\n// @mixins\n//\n// We use this mixin to create keystroke styles.\n// $bg - Default: $keystroke-bg || scale-color($white, $lightness: $keystroke-function-factor) !default;\n@mixin keystroke($bg:$keystroke-bg) {\n // This find the lightness percentage of the background color.\n $bg-lightness: lightness($bg);\n\n background-color: $bg;\n border-color: scale-color($bg, $lightness: $keystroke-function-factor);\n\n // We adjust the font color based on the brightness of the background.\n @if $bg-lightness > 70% { color: $keystroke-font-color; }\n @else { color: $keystroke-font-color-alt; }\n\n border-style: $keystroke-border-style;\n border-width: $keystroke-border-width;\n margin: 0;\n font-family: $keystroke-font;\n font-size: $keystroke-font-size;\n padding: $keystroke-padding;\n}\n\n@include exports(\"keystroke\") {\n @if $include-html-keystroke-classes {\n .keystroke,\n kbd {\n @include keystroke;\n @include radius($keystroke-radius);\n }\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n$include-html-panel-classes: $include-html-classes !default;\n\n// We use these to control the background and border styles\n$panel-bg: scale-color($white, $lightness: -5%) !default;\n$panel-border-style: solid !default;\n$panel-border-size: 1px !default;\n\n// We use this % to control how much we darken things on hover\n$panel-function-factor: -11% !default;\n$panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor) !default;\n\n// We use these to set default inner padding and bottom margin\n$panel-margin-bottom: rem-calc(20) !default;\n$panel-padding: rem-calc(20) !default;\n\n// We use these to set default font colors\n$panel-font-color: $oil !default;\n$panel-font-color-alt: $white !default;\n\n$panel-header-adjust: true !default;\n$callout-panel-link-color: $primary-color !default;\n$callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%) !default;\n\n//\n// @mixins\n//\n// We use this mixin to create panels.\n// $bg - Sets the panel background color. Default: $panel-pg || scale-color($white, $lightness: -5%) !default\n// $padding - Sets the panel padding amount. Default: $panel-padding || rem-calc(20)\n// $adjust - Sets the font color based on the darkness of the bg & resets header line-heights for panels. Default: $panel-header-adjust || true\n@mixin panel($bg: $panel-bg, $padding: $panel-padding, $adjust: $panel-header-adjust) {\n\n @if $bg {\n $bg-lightness: lightness($bg);\n\n border-style: $panel-border-style;\n border-width: $panel-border-size;\n border-color: scale-color($bg, $lightness: $panel-function-factor);\n margin-bottom: $panel-margin-bottom;\n padding: $padding;\n\n background: $bg;\n\n @if $bg-lightness >=50% {\n color: $panel-font-color;\n }\n\n @else {\n color: $panel-font-color-alt;\n }\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 @if $adjust {\n\n // We set the font color based on the darkness of the bg.\n @if $bg-lightness >=50% {\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n li,\n dl {\n color: $panel-font-color;\n }\n }\n\n @else {\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n li,\n dl {\n color: $panel-font-color-alt;\n }\n }\n\n // reset header line-heights for panels\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n line-height: 1;\n margin-bottom: calc(rem-calc(20) / 2);\n\n &.subheader {\n line-height: 1.4;\n }\n }\n }\n }\n}\n\n@include exports(\"panel\") {\n @if $include-html-panel-classes {\n\n /* Panels */\n .panel {\n @include panel;\n\n &.callout {\n @include panel(scale-color($primary-color, $lightness: 94%));\n\n a:not(.button) {\n color: $callout-panel-link-color;\n\n &:hover,\n &:focus {\n color: $callout-panel-link-color-hover;\n }\n }\n }\n\n &.radius {\n @include radius;\n }\n\n }\n\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n@import \"grid\";\n\n//\n// @name _reveal.scss\n// @dependencies _global.scss\n//\n\n$include-html-reveal-classes: $include-html-classes !default;\n\n// We use these to control the style of the reveal overlay.\n$reveal-overlay-bg: rgba($black, .45) !default;\n$reveal-overlay-bg-old: $black !default;\n\n// We use these to control the style of the modal itself.\n$reveal-modal-bg: $white !default;\n$reveal-position-top: rem-calc(100) !default;\n$reveal-default-width: 80% !default;\n$reveal-max-width: $row-width !default;\n$reveal-modal-padding: rem-calc(20) !default;\n$reveal-box-shadow: 0 0 10px rgba($black,.4) !default;\n\n// We use these to style the reveal close button\n$reveal-close-font-size: rem-calc(40) !default;\n$reveal-close-top: rem-calc(10) !default;\n$reveal-close-side: rem-calc(22) !default;\n$reveal-close-color: $base !default;\n$reveal-close-weight: $font-weight-bold !default;\n\n// We use this to set the default radius used throughout the core.\n$reveal-radius: $global-radius !default;\n$reveal-round: $global-rounded !default;\n\n// We use these to control the modal border\n$reveal-border-style: solid !default;\n$reveal-border-width: 1px !default;\n$reveal-border-color: $steel !default;\n\n$reveal-modal-class: \"reveal-modal\" !default;\n$close-reveal-modal-class: \"close-reveal-modal\" !default;\n\n//\n// @mixins\n//\n\n// We use this to create the reveal background overlay styles\n@mixin reveal-bg( $include-z-index-value: true ) {\n //position: fixed;\n position: absolute; // allows modal background to extend beyond window position\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: $reveal-overlay-bg-old; // Autoprefixer should be used to avoid such variables needed when Foundation for Sites can do so in the near future.\n background: $reveal-overlay-bg;\n z-index: if( $include-z-index-value, 1004, auto );\n display: none;\n #{$default-float}: 0;\n}\n\n// We use this mixin to create the structure of a reveal modal\n//\n// $base-style - Provides reveal base styles, can be set to false to override. Default: true, Options: false\n// $width - Sets reveal width Default: $reveal-default-width || 80%\n//\n@mixin reveal-modal-base( $base-style: true, $width:$reveal-default-width, $max-width:$reveal-max-width, $border-radius: $reveal-radius) {\n @if $base-style {\n visibility: hidden;\n display: none;\n position: absolute;\n z-index: 1005;\n width: 100vw;\n top:0;\n border-radius: $border-radius;\n #{$default-float}: 0;\n\n @media #{$small-only} {\n min-height:100vh;\n }\n\n // Make sure rows don't have a min-width on them\n .column, .columns { min-width: 0; }\n\n // Get rid of margin from first and last element inside modal\n & > :first-child { margin-top: 0; }\n\n & > :last-child { margin-bottom: 0; }\n }\n\n @if $width {\n @media #{$medium-up} {\n width: $width;\n max-width: $max-width;\n left: 0;\n right: 0;\n margin: 0 auto;\n }\n }\n}\n\n// We use this to style the reveal modal defaults\n//\n// $bg - Sets background color of reveal modal. Default: $reveal-modal-bg || $white\n// $padding - Padding to apply to reveal modal. Default: $reveal-modal-padding.\n// $border - Choose whether reveal uses a border. Default: true, Options: false\n// $border-style - Set reveal border style. Default: $reveal-border-style || solid\n// $border-width - Width of border (i.e. 1px). Default: $reveal-border-width.\n// $border-color - Color of border. Default: $reveal-border-color.\n// $box-shadow - Choose whether or not to include the default box-shadow. Default: true, Options: false\n// $radius - If true, set to modal radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false\n// $top-offset - Default: $reveal-position-top || 50px\n@mixin reveal-modal-style(\n $bg:false,\n $padding:false,\n $border:false,\n $border-style:$reveal-border-style,\n $border-width:$reveal-border-width,\n $border-color:$reveal-border-color,\n $box-shadow:false,\n $radius:false,\n $top-offset:false) {\n\n @if $bg { background-color: $bg; }\n @if $padding != false { padding: $padding; }\n\n @if $border { border: $border-style $border-width $border-color; }\n\n // We can choose whether or not to include the default box-shadow.\n @if $box-shadow {\n box-shadow: $reveal-box-shadow;\n }\n\n // We can control how much radius is used on the modal\n @if $radius == true { @include radius($reveal-radius); }\n @else if $radius { @include radius($radius); }\n\n @if $top-offset {\n @media #{$medium-up} {\n top: $top-offset;\n }\n }\n}\n\n// We use this to create a close button for the reveal modal\n//\n// $color - Default: $reveal-close-color || $base\n@mixin reveal-close($color:$reveal-close-color) {\n font-size: $reveal-close-font-size;\n line-height: 1;\n position: absolute;\n top: $reveal-close-top;\n #{$opposite-direction}: $reveal-close-side;\n color: $color;\n font-weight: $reveal-close-weight;\n cursor: $cursor-pointer-value;\n}\n\n@include exports(\"reveal\") {\n @if $include-html-reveal-classes {\n\n // Reveal Modals\n .reveal-modal-bg { @include reveal-bg; }\n\n .#{$reveal-modal-class} {\n @include reveal-modal-base;\n @include reveal-modal-style(\n $bg:$reveal-modal-bg,\n $padding:$reveal-modal-padding,\n $border:true,\n $box-shadow:true,\n $radius:false,\n $top-offset:$reveal-position-top\n );\n @include reveal-modal-style($padding:$reveal-modal-padding * 1.5);\n\n &.radius { @include reveal-modal-style($radius:true); }\n &.round { @include reveal-modal-style($radius:$reveal-round); }\n &.collapse { @include reveal-modal-style($padding:0); }\n &.tiny { @include reveal-modal-base(false, 30%); }\n &.small { @include reveal-modal-base(false, 40%); }\n &.medium { @include reveal-modal-base(false, 60%); }\n &.large { @include reveal-modal-base(false, 70%); }\n &.xlarge { @include reveal-modal-base(false, 95%); }\n &.full {\n @include reveal-modal-base(false, 100vw);\n top:0;\n left:0;\n height:100%;\n height: 100vh;\n min-height:100vh;\n max-width: none !important;\n margin-left: 0 !important;\n }\n\n .#{$close-reveal-modal-class} { @include reveal-close; }\n }\n\n dialog {\n @extend .#{$reveal-modal-class};\n display: none;\n\n &::backdrop, & + .backdrop {\n @include reveal-bg(false);\n }\n\n &[open]{\n display: block;\n }\n }\n\n // Reveal Print Styles: It should be invisible, adds no value being printed.\n @media print {\n dialog, .#{$reveal-modal-class} { \n display: none;\n background: $white !important;\n }\n }\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @variables\n//\n\n$include-html-nav-classes: $include-html-classes !default;\n\n// We use this to control padding.\n$side-nav-padding: rem-calc(14 0) !default;\n\n// We use these to control list styles.\n$side-nav-list-type: none !default;\n$side-nav-list-position: outside !default;\n$side-nav-list-margin: rem-calc(0 0 7 0) !default;\n\n// We use these to control link styles.\n$side-nav-link-color: $primary-color !default;\n$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%) !default;\n$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%) !default;\n$side-nav-link-bg-hover: hsla(0deg, 0%, 0%, 0.025) !default;\n$side-nav-link-margin: 0 !default;\n$side-nav-link-padding: rem-calc(7 14) !default;\n$side-nav-font-size: rem-calc(14) !default;\n$side-nav-font-weight: $font-weight-normal !default;\n$side-nav-font-weight-active: $side-nav-font-weight !default;\n$side-nav-font-family: $body-font-family !default;\n$side-nav-font-family-active: $side-nav-font-family !default;\n\n// We use these to control heading styles.\n$side-nav-heading-color: $side-nav-link-color !default;\n$side-nav-heading-font-size: $side-nav-font-size !default;\n$side-nav-heading-font-weight: bold !default;\n$side-nav-heading-text-transform: uppercase !default;\n\n// We use these to control border styles\n$side-nav-divider-size: 1px !default;\n$side-nav-divider-style: solid !default;\n$side-nav-divider-color: scale-color($white, $lightness: 10%) !default;\n\n\n//\n// @mixins\n//\n\n\n// We use this to style the side-nav\n//\n// $divider-color - Border color of divider. Default: $side-nav-divider-color.\n// $font-size - Font size of nav items. Default: $side-nav-font-size.\n// $link-color - Color of navigation links. Default: $side-nav-link-color.\n// $link-color-hover - Color of navigation links when hovered. Default: $side-nav-link-color-hover.\n@mixin side-nav($divider-color: $side-nav-divider-color,\n $font-size: $side-nav-font-size,\n $link-color: $side-nav-link-color,\n $link-color-hover: $side-nav-link-color-hover,\n $link-bg-hover: $side-nav-link-bg-hover) {\n display: block;\n margin: 0;\n padding: $side-nav-padding;\n list-style-type: $side-nav-list-type;\n list-style-position: $side-nav-list-position;\n font-family: $side-nav-font-family;\n\n li {\n margin: $side-nav-list-margin;\n font-size: $font-size;\n font-weight: $side-nav-font-weight;\n\n a:not(.button) {\n display: block;\n color: $link-color;\n margin: $side-nav-link-margin;\n padding: $side-nav-link-padding;\n\n &:hover,\n &:focus {\n background: $link-bg-hover;\n color: $link-color-hover;\n }\n }\n\n &.active>a:first-child:not(.button) {\n color: $side-nav-link-color-active;\n font-weight: $side-nav-font-weight-active;\n font-family: $side-nav-font-family-active;\n }\n\n &.divider {\n border-top: $side-nav-divider-size $side-nav-divider-style;\n height: 0;\n padding: 0;\n list-style: none;\n border-top-color: $divider-color;\n }\n\n &.heading {\n color: $side-nav-heading-color;\n\n font: {\n size: $side-nav-heading-font-size;\n weight: $side-nav-heading-font-weight;\n }\n\n text-transform: $side-nav-heading-text-transform;\n }\n }\n}\n\n@include exports(\"side-nav\") {\n @if $include-html-nav-classes {\n .side-nav {\n @include side-nav;\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @name _sub-nav.scss\n// @dependencies _global.scss\n//\n\n//\n// @variables\n//\n\n$include-html-nav-classes: $include-html-classes !default;\n\n// We use these to control margin and padding\n$sub-nav-list-margin: rem-calc(-4 0 18) !default;\n$sub-nav-list-padding-top: rem-calc(4) !default;\n\n// We use this to control the definition\n$sub-nav-font-family: $body-font-family !default;\n$sub-nav-font-size: rem-calc(14) !default;\n$sub-nav-font-color: $aluminum !default;\n$sub-nav-font-weight: $font-weight-normal !default;\n$sub-nav-text-decoration: none !default;\n$sub-nav-padding: rem-calc(3 16) !default;\n$sub-nav-border-radius: 3px !default;\n$sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%) !default;\n\n\n// We use these to control the active item styles\n\n$sub-nav-active-font-weight: $font-weight-normal !default;\n$sub-nav-active-bg: $primary-color !default;\n$sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%) !default;\n$sub-nav-active-color: $white !default;\n$sub-nav-active-padding: $sub-nav-padding !default;\n$sub-nav-active-cursor: default !default;\n\n$sub-nav-item-divider: \"\" !default;\n$sub-nav-item-divider-margin: rem-calc(12) !default;\n\n//\n// @mixins\n//\n\n\n// Create a sub-nav item\n//\n// $font-color - Font color. Default: $sub-nav-font-color.\n// $font-size - Font size. Default: $sub-nav-font-size.\n// $active-bg - Background of active nav item. Default: $sub-nav-active-bg.\n// $active-bg-hover - Background of active nav item, when hovered. Default: $sub-nav-active-bg-hover.\n@mixin sub-nav(\n $font-color: $sub-nav-font-color,\n $font-size: $sub-nav-font-size,\n $active-bg: $sub-nav-active-bg,\n $active-bg-hover: $sub-nav-active-bg-hover) {\n display: block;\n width: auto;\n overflow: hidden;\n margin: $sub-nav-list-margin;\n padding-top: $sub-nav-list-padding-top;\n\n dt {\n text-transform: uppercase;\n }\n\n dt,\n dd,\n li {\n float: $default-float;\n display: inline;\n margin-#{$default-float}: rem-calc(16);\n margin-bottom: 0;\n font-family: $sub-nav-font-family;\n font-weight: $sub-nav-font-weight;\n font-size: $font-size;\n color: $font-color;\n\n a {\n text-decoration: $sub-nav-text-decoration;\n color: $sub-nav-font-color;\n padding: $sub-nav-padding;\n &:hover {\n color: $sub-nav-font-color-hover;\n }\n }\n\n &.active a {\n @include radius($sub-nav-border-radius);\n font-weight: $sub-nav-active-font-weight;\n background: $active-bg;\n padding: $sub-nav-active-padding;\n cursor: $sub-nav-active-cursor;\n color: $sub-nav-active-color;\n &:hover {\n background: $active-bg-hover;\n }\n }\n @if $sub-nav-item-divider != \"\" {\n margin-#{$default-float}: 0;\n\n &:before {\n content: \"#{$sub-nav-item-divider}\";\n margin: 0 $sub-nav-item-divider-margin;\n }\n\n &:first-child:before {\n content: \"\";\n margin: 0;\n }\n }\n }\n}\n\n@include exports(\"sub-nav\") {\n @if $include-html-nav-classes {\n .sub-nav { @include sub-nav; }\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @name _tables.scss\n// @dependencies _global.scss\n//\n\n//\n// @variables\n//\n\n$include-html-table-classes: $include-html-classes !default;\n\n// These control the background color for the table and even rows\n$table-bg: $white !default;\n$table-even-row-bg: $snow !default;\n\n// These control the table cell border style\n$table-border-style: solid !default;\n$table-border-size: 1px !default;\n$table-border-color: $gainsboro !default;\n\n// These control the table head styles\n$table-head-bg: $white-smoke !default;\n$table-head-font-size: rem-calc(14) !default;\n$table-head-font-color: $jet !default;\n$table-head-font-weight: $font-weight-bold !default;\n$table-head-padding: rem-calc(8 10 10) !default;\n\n// These control the table foot styles\n$table-foot-bg: $table-head-bg !default;\n$table-foot-font-size: $table-head-font-size !default;\n$table-foot-font-color: $table-head-font-color !default;\n$table-foot-font-weight: $table-head-font-weight !default;\n$table-foot-padding: $table-head-padding !default;\n\n// These control the caption\n$table-caption-bg: transparent !default;\n$table-caption-font-color: $table-head-font-color !default;\n$table-caption-font-size: rem-calc(16) !default;\n$table-caption-font-weight: bold !default;\n\n// These control the row padding and font styles\n$table-row-padding: rem-calc(9 10) !default;\n$table-row-font-size: rem-calc(14) !default;\n$table-row-font-color: $jet !default;\n$table-line-height: rem-calc(18) !default;\n\n// These are for controlling the layout, display and margin of tables\n$table-layout: auto !default;\n$table-display: table-cell !default;\n$table-margin-bottom: rem-calc(20) !default;\n\n\n//\n// @mixins\n//\n\n@mixin table {\n background: $table-bg;\n margin-bottom: $table-margin-bottom;\n border: $table-border-style $table-border-size $table-border-color;\n table-layout: $table-layout;\n\n caption {\n background: $table-caption-bg;\n color: $table-caption-font-color;\n font: {\n size: $table-caption-font-size;\n weight: $table-caption-font-weight;\n }\n }\n\n thead {\n background: $table-head-bg;\n\n tr {\n th,\n td {\n padding: $table-head-padding;\n font-size: $table-head-font-size;\n font-weight: $table-head-font-weight;\n color: $table-head-font-color;\n }\n }\n }\n\n tfoot {\n background: $table-foot-bg;\n\n tr {\n th,\n td {\n padding: $table-foot-padding;\n font-size: $table-foot-font-size;\n font-weight: $table-foot-font-weight;\n color: $table-foot-font-color;\n }\n }\n }\n\n tr {\n th,\n td {\n padding: $table-row-padding;\n font-size: $table-row-font-size;\n color: $table-row-font-color;\n text-align: $default-float;\n }\n\n &.even,\n &.alt,\n &:nth-of-type(even) { background: $table-even-row-bg; }\n }\n\n thead tr th,\n tfoot tr th,\n tfoot tr td,\n tbody tr th,\n tbody tr td,\n tr td { display: $table-display; line-height: $table-line-height; }\n}\n\n\n@include exports(\"table\") {\n @if $include-html-table-classes {\n table {\n @include table;\n }\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// @name _thumbs.scss\n// @dependencies _globals.scss\n//\n\n//\n// @variables\n//\n\n$include-html-media-classes: $include-html-classes !default;\n\n// We use these to control border styles\n$thumb-border-style: solid !default;\n$thumb-border-width: 4px !default;\n$thumb-border-color: $white !default;\n$thumb-box-shadow: 0 0 0 1px rgba($black,.2) !default;\n$thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5) !default;\n\n// Radius and transition speed for thumbs\n$thumb-radius: $global-radius !default;\n$thumb-transition-speed: 200ms !default;\n\n//\n// @mixins\n//\n\n// We use this to create image thumbnail styles.\n//\n// $border-width - Width of border around thumbnail. Default: $thumb-border-width.\n// $box-shadow - Box shadow to apply to thumbnail. Default: $thumb-box-shadow.\n// $box-shadow-hover - Box shadow to apply on hover. Default: $thumb-box-shadow-hover.\n@mixin thumb(\n $border-width:$thumb-border-width, \n $box-shadow:$thumb-box-shadow, \n $box-shadow-hover:$thumb-box-shadow-hover) {\n line-height: 0;\n display: inline-block;\n border: $thumb-border-style $border-width $thumb-border-color;\n max-width: 100%;\n box-shadow: $box-shadow;\n\n &:hover,\n &:focus {\n box-shadow: $box-shadow-hover;\n }\n}\n\n\n@include exports(\"thumb\") {\n @if $include-html-media-classes {\n\n /* Image Thumbnails */\n .th {\n @include thumb;\n @include single-transition(all,$thumb-transition-speed,ease-out);\n\n &.radius { @include radius($thumb-radius); }\n }\n }\n}","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n$include-html-type-classes: $include-html-classes !default;\n\n// We use these to control header font styles\n$header-font-family: $body-font-family !default;\n$header-font-weight: $font-weight-normal !default;\n$header-font-style: $font-weight-normal !default;\n$header-font-color: $jet !default;\n$header-line-height: 1.4 !default;\n$header-top-margin: .2rem !default;\n$header-bottom-margin: .5rem !default;\n$header-text-rendering: optimizeLegibility !default;\n\n// We use these to control header font sizes\n$h1-font-size: rem-calc(44) !default;\n$h2-font-size: rem-calc(37) !default;\n$h3-font-size: rem-calc(27) !default;\n$h4-font-size: rem-calc(23) !default;\n$h5-font-size: rem-calc(18) !default;\n$h6-font-size: 1rem !default;\n\n// We use these to control header size reduction on small screens\n$h1-font-reduction: rem-calc(10) !default;\n$h2-font-reduction: rem-calc(10) !default;\n$h3-font-reduction: rem-calc(5) !default;\n$h4-font-reduction: rem-calc(5) !default;\n$h5-font-reduction: 0 !default;\n$h6-font-reduction: 0 !default;\n\n// These control how subheaders are styled.\n$subheader-line-height: 1.4 !default;\n$subheader-font-color: scale-color($header-font-color, $lightness: 35%) !default;\n$subheader-font-weight: $font-weight-normal !default;\n$subheader-top-margin: .2rem !default;\n$subheader-bottom-margin: .5rem !default;\n\n// A general styling\n$small-font-size: 60% !default;\n$small-font-color: scale-color($header-font-color, $lightness: 35%) !default;\n\n// We use these to style paragraphs\n$paragraph-font-family: inherit !default;\n$paragraph-font-weight: $font-weight-normal !default;\n$paragraph-font-size: 1rem !default;\n$paragraph-line-height: 1.6 !default;\n$paragraph-margin-bottom: rem-calc(20) !default;\n$paragraph-aside-font-size: rem-calc(14) !default;\n$paragraph-aside-line-height: 1.35 !default;\n$paragraph-aside-font-style: italic !default;\n$paragraph-text-rendering: optimizeLegibility !default;\n\n// We use these to style tags\n$code-color: $oil !default;\n$code-font-family: $font-family-monospace !default;\n$code-font-weight: $font-weight-normal !default;\n$code-background-color: scale-color($secondary-color, $lightness: 70%) !default;\n$code-border-size: 0px !default;\n$code-border-style: solid !default;\n$code-border-color: scale-color($code-background-color, $lightness: -10%) !default;\n$code-padding: rem-calc(2) rem-calc(5) rem-calc(1) !default;\n\n// We use these to style anchors\n$anchor-text-decoration: none !default;\n$anchor-text-decoration-hover: none !default;\n$anchor-font-color: $primary-color !default;\n$anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%) !default;\n\n// We use these to style the
element\n$hr-border-width: 1px !default;\n$hr-border-style: solid !default;\n$hr-border-color: $gainsboro !default;\n$hr-margin: rem-calc(20) !default;\n\n// We use these to style lists\n$list-font-family: $paragraph-font-family !default;\n$list-font-size: $paragraph-font-size !default;\n$list-line-height: $paragraph-line-height !default;\n$list-margin-bottom: $paragraph-margin-bottom !default;\n$list-style-position: outside !default;\n$list-side-margin: 1.1rem !default;\n$list-ordered-side-margin: 1.4rem !default;\n$list-side-margin-no-bullet: 0 !default;\n$list-nested-margin: rem-calc(20) !default;\n$definition-list-header-weight: $font-weight-bold !default;\n$definition-list-header-margin-bottom: .3rem !default;\n$definition-list-margin-bottom: rem-calc(12) !default;\n\n// We use these to style blockquotes\n$blockquote-font-color: scale-color($header-font-color, $lightness: 35%) !default;\n$blockquote-padding: rem-calc(9 20 0 19) !default;\n$blockquote-border: 1px solid $gainsboro !default;\n$blockquote-cite-font-size: rem-calc(13) !default;\n$blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%) !default;\n$blockquote-cite-link-color: $blockquote-cite-font-color !default;\n\n// Acronym styles\n$acronym-underline: 1px dotted $gainsboro !default;\n\n// We use these to control padding and margin\n$microformat-padding: rem-calc(10 12) !default;\n$microformat-margin: rem-calc(0 0 20 0) !default;\n\n// We use these to control the border styles\n$microformat-border-width: 1px !default;\n$microformat-border-style: solid !default;\n$microformat-border-color: $gainsboro !default;\n\n// We use these to control full name font styles\n$microformat-fullname-font-weight: $font-weight-bold !default;\n$microformat-fullname-font-size: rem-calc(15) !default;\n\n// We use this to control the summary font styles\n$microformat-summary-font-weight: $font-weight-bold !default;\n\n// We use this to control abbr padding\n$microformat-abbr-padding: rem-calc(0 1) !default;\n\n// We use this to control abbr font styles\n$microformat-abbr-font-weight: $font-weight-bold !default;\n$microformat-abbr-font-decoration: none !default;\n\n// Text alignment class names\n$align-class-names:\n small-only,\n small,\n medium-only,\n medium,\n large-only,\n large,\n xlarge-only,\n xlarge,\n xxlarge-only,\n xxlarge;\n\n// Text alignment breakpoints\n$align-class-breakpoints:\n $small-only,\n $small-up,\n $medium-only,\n $medium-up,\n $large-only,\n $large-up,\n $xlarge-only,\n $xlarge-up,\n $xxlarge-only,\n $xxlarge-up;\n\n// Generates text align and justify classes\n@mixin align-classes{\n .text-left { text-align: left !important; }\n .text-right { text-align: right !important; }\n .text-center { text-align: center !important; }\n .text-justify { text-align: justify !important; }\n\n @for $i from 1 through length($align-class-names) {\n @media #{(nth($align-class-breakpoints, $i))} {\n .#{(nth($align-class-names, $i))}-text-left { text-align: left !important; }\n .#{(nth($align-class-names, $i))}-text-right { text-align: right !important; }\n .#{(nth($align-class-names, $i))}-text-center { text-align: center !important; }\n .#{(nth($align-class-names, $i))}-text-justify { text-align: justify !important; }\n }\n }\n}\n\n//\n// Typography Placeholders\n//\n\n// These will throw a deprecation warning if used within a media query.\n@mixin lead {\n font-size: $paragraph-font-size + rem-calc(3.5);\n line-height: 1.6;\n}\n\n@mixin subheader {\n line-height: $subheader-line-height;\n color: $subheader-font-color;\n font-weight: $subheader-font-weight;\n margin-top: $subheader-top-margin;\n margin-bottom: $subheader-bottom-margin;\n}\n@include exports(\"type\") {\n @if $include-html-type-classes {\n // Responsive Text alignment\n @include align-classes;\n\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 /* Default Link Styles */\n a {\n color: $anchor-font-color;\n text-decoration: $anchor-text-decoration;\n line-height: inherit;\n\n &:hover,\n &:focus {\n color: $anchor-font-color-hover;\n @if $anchor-text-decoration-hover != $anchor-text-decoration {\n \ttext-decoration: $anchor-text-decoration-hover;\n }\n }\n\n img { border:none; }\n }\n\n /* Default paragraph styles */\n p {\n font-family: $paragraph-font-family;\n font-weight: $paragraph-font-weight;\n font-size: $paragraph-font-size;\n line-height: $paragraph-line-height;\n margin-bottom: $paragraph-margin-bottom;\n text-rendering: $paragraph-text-rendering;\n\n &.lead { @include lead; }\n\n & aside {\n font-size: $paragraph-aside-font-size;\n line-height: $paragraph-aside-line-height;\n font-style: $paragraph-aside-font-style;\n }\n }\n\n /* Default header styles */\n h1, h2, h3, h4, h5, h6 {\n font-family: $header-font-family;\n font-weight: $header-font-weight;\n font-style: $header-font-style;\n color: $header-font-color;\n text-rendering: $header-text-rendering;\n margin-top: $header-top-margin;\n margin-bottom: $header-bottom-margin;\n line-height: $header-line-height;\n\n small {\n font-size: $small-font-size;\n color: $small-font-color;\n line-height: 0;\n }\n }\n\n h1 { font-size: $h1-font-size - $h1-font-reduction; }\n h2 { font-size: $h2-font-size - $h2-font-reduction; }\n h3 { font-size: $h3-font-size - $h3-font-reduction; }\n h4 { font-size: $h4-font-size - $h4-font-reduction; }\n h5 { font-size: $h5-font-size - $h5-font-reduction; }\n h6 { font-size: $h6-font-size - $h6-font-reduction; }\n\n .subheader { @include subheader; }\n\n hr {\n border: $hr-border-style $hr-border-color;\n border-width: $hr-border-width 0 0;\n clear: both;\n margin: $hr-margin 0 ($hr-margin - rem-calc($hr-border-width));\n height: 0;\n }\n\n /* Helpful Typography Defaults */\n em,\n i {\n font-style: italic;\n line-height: inherit;\n }\n\n strong,\n b {\n font-weight: $font-weight-bold;\n line-height: inherit;\n }\n\n small {\n font-size: $small-font-size;\n line-height: inherit;\n }\n\n code {\n font-family: $code-font-family;\n font-weight: $code-font-weight;\n color: $code-color;\n background-color: $code-background-color;\n border-width: $code-border-size;\n border-style: $code-border-style;\n border-color: $code-border-color;\n padding: $code-padding;\n }\n\n /* Lists */\n ul,\n ol,\n dl {\n font-size: $list-font-size;\n line-height: $list-line-height;\n margin-bottom: $list-margin-bottom;\n list-style-position: $list-style-position;\n font-family: $list-font-family;\n }\n\n ul {\n margin-#{$default-float}: $list-side-margin;\n &.no-bullet {\n margin-#{$default-float}: $list-side-margin-no-bullet;\n li {\n ul,\n ol {\n margin-#{$default-float}: $list-nested-margin;\n margin-bottom: 0;\n list-style: none;\n }\n }\n }\n }\n\n /* Unordered Lists */\n ul {\n li {\n ul,\n ol {\n margin-#{$default-float}: $list-nested-margin;\n margin-bottom: 0;\n }\n }\n &.square,\n &.circle,\n &.disc {\n li ul { list-style: inherit; }\n }\n\n &.square { list-style-type: square; margin-#{$default-float}: $list-side-margin;}\n &.circle { list-style-type: circle; margin-#{$default-float}: $list-side-margin;}\n &.disc { list-style-type: disc; margin-#{$default-float}: $list-side-margin;}\n &.no-bullet { list-style: none; }\n }\n\n /* Ordered Lists */\n ol {\n margin-#{$default-float}: $list-ordered-side-margin;\n li {\n ul,\n ol {\n margin-#{$default-float}: $list-nested-margin;\n margin-bottom: 0;\n }\n }\n }\n\n /* Definition Lists */\n dl {\n dt {\n margin-bottom: $definition-list-header-margin-bottom;\n font-weight: $definition-list-header-weight;\n }\n dd { margin-bottom: $definition-list-margin-bottom; }\n }\n\n /* Abbreviations */\n abbr,\n acronym {\n text-transform: uppercase;\n font-size: 90%;\n color: $body-font-color;\n cursor: $cursor-help-value;\n }\n abbr {\n text-transform: none;\n &[title] {\n border-bottom: $acronym-underline;\n }\n }\n\n /* Blockquotes */\n blockquote {\n margin: 0 0 $paragraph-margin-bottom;\n padding: $blockquote-padding;\n border-#{$default-float}: $blockquote-border;\n\n cite {\n display: block;\n font-size: $blockquote-cite-font-size;\n color: $blockquote-cite-font-color;\n &:before {\n content: \"\\2014 \\0020\";\n }\n\n a,\n a:visited {\n color: $blockquote-cite-link-color;\n }\n }\n }\n blockquote,\n blockquote p {\n line-height: $paragraph-line-height;\n color: $blockquote-font-color;\n }\n\n /* Microformats */\n .vcard {\n display: inline-block;\n margin: $microformat-margin;\n border: $microformat-border-width $microformat-border-style $microformat-border-color;\n padding: $microformat-padding;\n\n li {\n margin: 0;\n display: block;\n }\n .fn {\n font-weight: $microformat-fullname-font-weight;\n font-size: $microformat-fullname-font-size;\n }\n }\n\n .vevent {\n .summary { font-weight: $microformat-summary-font-weight; }\n\n abbr {\n cursor: $cursor-default-value;\n text-decoration: $microformat-abbr-font-decoration;\n font-weight: $microformat-abbr-font-weight;\n border: none;\n padding: $microformat-abbr-padding;\n }\n }\n\n\n @media #{$medium-up} {\n h1,h2,h3,h4,h5,h6 { line-height: $header-line-height; }\n h1 { font-size: $h1-font-size; }\n h2 { font-size: $h2-font-size; }\n h3 { font-size: $h3-font-size; }\n h4 { font-size: $h4-font-size; }\n h5 { font-size: $h5-font-size; }\n h6 { font-size: $h6-font-size; }\n }\n\n // Only include these styles if you want them.\n @if $include-print-styles {\n /*\n * Print styles.\n *\n * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/\n * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)\n */\n .print-only { display: none !important; }\n @media print {\n * {\n background: transparent !important;\n color: $black !important; /* Black prints faster: h5bp.com/s */\n box-shadow: none !important;\n text-shadow: none !important;\n }\n\n a,\n a:visited { text-decoration: underline;}\n a[href]:after { content: \" (\" attr(href) \")\"; }\n\n abbr[title]:after { content: \" (\" attr(title) \")\"; }\n\n // Don't show links for images, or javascript/internal links\n .ir a:after,\n a[href^=\"javascript:\"]:after,\n a[href^=\"#\"]:after { content: \"\"; }\n\n pre,\n blockquote {\n border: 1px solid $aluminum;\n page-break-inside: avoid;\n }\n\n thead { display: table-header-group; /* h5bp.com/t */ }\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 h2,\n h3 { page-break-after: avoid; }\n\n .hide-on-print { display: none !important; }\n .print-only { display: block !important; }\n .hide-for-print { display: none !important; }\n .show-for-print { display: inherit !important; }\n }\n }\n\n }\n}\n","// Foundation by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import \"global\";\n\n//\n// Foundation Visibility Classes\n//\n$include-html-visibility-classes: $include-html-classes !default;\n$include-accessibility-classes: true !default;\n$include-table-visibility-classes: true !default;\n$include-legacy-visibility-classes: true !default;\n\n//\n// Media Class Names\n//\n// Visibility Breakpoints\n$visibility-breakpoint-sizes:\n small,\n medium,\n large,\n xlarge,\n xxlarge;\n\n$visibility-breakpoint-queries:\n unquote($small-up),\n unquote($medium-up),\n unquote($large-up),\n unquote($xlarge-up),\n unquote($xxlarge-up);\n\n@mixin visibility-loop {\n @each $current-visibility-breakpoint in $visibility-breakpoint-sizes {\n $visibility-inherit-list: ();\n $visibility-none-list: ();\n\n $visibility-visible-list: ();\n $visibility-hidden-list: ();\n\n $visibility-table-list: ();\n $visibility-table-header-group-list: ();\n $visibility-table-row-group-list: ();\n $visibility-table-row-list: ();\n $visibility-table-cell-list: ();\n\n @each $visibility-comparison-breakpoint in $visibility-breakpoint-sizes {\n @if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) < index($visibility-breakpoint-sizes, $current-visibility-breakpoint) {\n // Smaller than current breakpoint\n\n $visibility-inherit-list: append($visibility-inherit-list, unquote(\n '.hide-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-none-list: append($visibility-none-list, unquote(\n '.show-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-visible-list: append($visibility-visible-list, unquote(\n '.hidden-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-hidden-list: append($visibility-hidden-list, unquote(\n '.visible-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-list: append($visibility-table-list, unquote(\n 'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\n 'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\n 'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-row-list: append($visibility-table-row-list, unquote(\n 'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\n 'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n\n // Foundation 4 compatibility:\n // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes\n // for small, medium, and large breakpoints only\n @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {\n $visibility-inherit-list: append($visibility-inherit-list, unquote(\n '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-none-list: append($visibility-none-list, unquote(\n '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-visible-list: append($visibility-visible-list, unquote(\n '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-hidden-list: append($visibility-hidden-list, unquote(\n '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-list: append($visibility-table-list, unquote(\n 'table.hide-for-#{$visibility-comparison-breakpoint}, table.hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\n 'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\n 'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-row-list: append($visibility-table-row-list, unquote(\n 'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\n 'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.hide-for-#{$visibility-comparison-breakpoint}-down, td.hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n }\n\n } @else if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) > index($visibility-breakpoint-sizes, $current-visibility-breakpoint) {\n // Larger than current breakpoint\n\n $visibility-inherit-list: append($visibility-inherit-list, unquote(\n '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-none-list: append($visibility-none-list, unquote(\n '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-visible-list: append($visibility-visible-list, unquote(\n '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-hidden-list: append($visibility-hidden-list, unquote(\n '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-list: append($visibility-table-list, unquote(\n 'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\n 'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\n 'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-row-list: append($visibility-table-row-list, unquote(\n 'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\n 'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.hide-for-#{$visibility-comparison-breakpoint}-up, td.hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n\n // Foundation 4 compatibility:\n // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes\n // for small, medium, and large breakpoints only\n @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {\n $visibility-inherit-list: append($visibility-inherit-list, unquote(\n '.hide-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-none-list: append($visibility-none-list, unquote(\n '.show-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-visible-list: append($visibility-visible-list, unquote(\n '.hidden-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-hidden-list: append($visibility-hidden-list, unquote(\n '.visible-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-list: append($visibility-table-list, unquote(\n 'table.hide-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\n 'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\n 'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-row-list: append($visibility-table-row-list, unquote(\n 'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\n 'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n }\n\n } @else {\n // Current breakpoint\n\n $visibility-inherit-list: append($visibility-inherit-list, unquote(\n '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-none-list: append($visibility-none-list, unquote(\n '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-visible-list: append($visibility-visible-list, unquote(\n '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-hidden-list: append($visibility-hidden-list, unquote(\n '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-list: append($visibility-table-list, unquote(\n 'table.show-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\n 'thead.show-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\n 'tbody.show-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-row-list: append($visibility-table-row-list, unquote(\n 'tr.show-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\n 'th.show-for-#{$visibility-comparison-breakpoint}-only, td.show-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up'\n ), comma);\n\n // Foundation 4 compatibility:\n // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes\n // for small, medium, and large breakpoints only\n @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false {\n $visibility-inherit-list: append($visibility-inherit-list, unquote(\n '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-none-list: append($visibility-none-list, unquote(\n '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-visible-list: append($visibility-visible-list, unquote(\n '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-hidden-list: append($visibility-hidden-list, unquote(\n '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-list: append($visibility-table-list, unquote(\n 'table.show-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote(\n 'thead.show-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote(\n 'tbody.show-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-row-list: append($visibility-table-row-list, unquote(\n 'tr.show-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n $visibility-table-cell-list: append($visibility-table-cell-list, unquote(\n 'th.show-for-#{$visibility-comparison-breakpoint}, td.show-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down'\n ), comma);\n }\n }\n }\n\n /* #{$current-visibility-breakpoint} displays */\n @media #{nth($visibility-breakpoint-queries, index($visibility-breakpoint-sizes, $current-visibility-breakpoint))} {\n #{$visibility-inherit-list} {\n display: inherit !important;\n }\n #{$visibility-none-list} {\n display: none !important;\n }\n @if $include-accessibility-classes != false {\n #{$visibility-visible-list} {\n @include element-invisible-off;\n }\n #{$visibility-hidden-list} {\n @include element-invisible;\n }\n }\n @if $include-table-visibility-classes != false {\n #{$visibility-table-list} {\n display: table !important;\n }\n #{$visibility-table-header-group-list} {\n display: table-header-group !important;\n }\n #{$visibility-table-row-group-list} {\n display: table-row-group !important;\n }\n #{$visibility-table-row-list} {\n display: table-row !important;\n }\n #{$visibility-table-cell-list} {\n display: table-cell !important;\n }\n }\n }\n }\n}\n\n\n@if $include-html-visibility-classes != false {\n\n @include visibility-loop;\n\n /* Orientation targeting */\n .show-for-landscape,\n .hide-for-portrait { display: inherit !important; }\n .hide-for-landscape,\n .show-for-portrait { display: none !important; }\n\n /* Specific visibility for tables */\n table {\n &.hide-for-landscape,\n &.show-for-portrait { display: table !important; }\n }\n thead {\n &.hide-for-landscape,\n &.show-for-portrait { display: table-header-group !important; }\n }\n tbody {\n &.hide-for-landscape,\n &.show-for-portrait { display: table-row-group !important; }\n }\n tr {\n &.hide-for-landscape,\n &.show-for-portrait { display: table-row !important; }\n }\n td,\n th {\n &.hide-for-landscape,\n &.show-for-portrait { display: table-cell !important; }\n }\n\n @media #{$landscape} {\n .show-for-landscape,\n .hide-for-portrait { display: inherit !important; }\n .hide-for-landscape,\n .show-for-portrait { display: none !important; }\n\n /* Specific visibility for tables */\n table {\n &.show-for-landscape,\n &.hide-for-portrait { display: table !important; }\n }\n thead {\n &.show-for-landscape,\n &.hide-for-portrait { display: table-header-group !important; }\n }\n tbody {\n &.show-for-landscape,\n &.hide-for-portrait { display: table-row-group !important; }\n }\n tr {\n &.show-for-landscape,\n &.hide-for-portrait { display: table-row !important; }\n }\n td,\n th {\n &.show-for-landscape,\n &.hide-for-portrait { display: table-cell !important; }\n }\n }\n\n @media #{$portrait} {\n .show-for-portrait,\n .hide-for-landscape { display: inherit !important; }\n .hide-for-portrait,\n .show-for-landscape { display: none !important; }\n\n /* Specific visibility for tables */\n table {\n &.show-for-portrait,\n &.hide-for-landscape { display: table !important; }\n }\n thead {\n &.show-for-portrait,\n &.hide-for-landscape { display: table-header-group !important; }\n }\n tbody {\n &.show-for-portrait,\n &.hide-for-landscape { display: table-row-group !important; }\n }\n tr {\n &.show-for-portrait,\n &.hide-for-landscape { display: table-row !important; }\n }\n td,\n th {\n &.show-for-portrait,\n &.hide-for-landscape { display: table-cell !important; }\n }\n }\n\n /* Touch-enabled device targeting */\n .show-for-touch { display: none !important; }\n .hide-for-touch { display: inherit !important; }\n .touch .show-for-touch { display: inherit !important; }\n .touch .hide-for-touch { display: none !important; }\n\n /* Specific visibility for tables */\n table.hide-for-touch { display: table !important; }\n .touch table.show-for-touch { display: table !important; }\n thead.hide-for-touch { display: table-header-group !important; }\n .touch thead.show-for-touch { display: table-header-group !important; }\n tbody.hide-for-touch { display: table-row-group !important; }\n .touch tbody.show-for-touch { display: table-row-group !important; }\n tr.hide-for-touch { display: table-row !important; }\n .touch tr.show-for-touch { display: table-row !important; }\n td.hide-for-touch { display: table-cell !important; }\n .touch td.show-for-touch { display: table-cell !important; }\n th.hide-for-touch { display: table-cell !important; }\n .touch th.show-for-touch { display: table-cell !important; }\n\n\n /* Print visibility */\n @media print {\n .show-for-print { display: block; }\n .hide-for-print { display: none; }\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 }\n\n}\n","@charset \"utf-8\";\n/* TOC – Typography\n\nCheck typography variables › _3_typography_settings.scss\n\n- Links\n- Customize Foundation Typography\n- Headlines\n- Images\n- Lists\n- Tables\n- Code\n- Quotes\n- Typography for Articles\n- Smaller Fontsize for Bigteaser on small devices\n- Additional typographical elements\n- Footnotes\n- Icon Font\n\n*/\n\n\n\n/* Links\n------------------------------------------------------------------- */\n\na,\na:link {\n transition: all .4s;\n}\n\na:visited {\n border-bottom: $grey-2;\n}\n\na:hover {\n color: darken( $ci-1, 10% );\n}\n\na:focus {\n color: lighten( $ci-1, 20% );\n}\n\na:active {\n color: darken( $ci-1, 20% );\n}\n\n\n\n/* Customize Foundation Typography\n------------------------------------------------------------------- */\n\np {\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n -ms-word-break: normal;\n /* Non standard for webkit */\n word-break: normal;\n}\np a,\narticle a {\n font-weight: bold;\n border-bottom: 1px dotted;\n}\np a:hover,\narticle a:hover {\n border-bottom: 2px solid;\n}\np a.button,\n.button,\n.button:hover {\n border: 0;\n color: #fff;\n}\np.button a {\n border: 0;\n color: #fff;\n text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\n}\n\n\n\n/* Headlines\n The hK::before logic is to accomodate a vert. offset for persistent\n top of page menu. The logic is copied from\n https://css-tricks.com/hash-tag-links-padding/\n------------------------------------------------------------------- */\n\nh1, h2, h3, h4, h5, h6 {\n font-family: $header-font-family;\n font-weight: normal;\n padding: 0;\n}\nh1 {\n font-size: $font-size-h1;\n margin-top: 0;\n}\nh2 {\n font-size: $font-size-h2;\n margin: 1.563em 0 0 0;\n}\n .blog-index h2 {\n margin-top: 0;\n }\nh3 {\n font-size: $font-size-h3;\n margin: 1.152em 0 0 0;\n}\nh4 {\n font-size: $font-size-h4;\n margin: 1.152em 0 0 0;\n}\nh5 {\n font-size: $font-size-h5;\n margin: 1em 0 0 0;\n}\n\n\n\n/* Images\n------------------------------------------------------------------- */\n\nimg { border-radius: $global-radius;}\n img.alignleft,\n img.left { float: left; margin:5px 15px 5px 0; }\n img.alignright,\n img.right { float: right; margin:5px 0 5px 15px; }\n img.aligncenter,\n img.center { display: block; margin:0 auto 10px; }\n\nfigure {\n margin: 0 0 rem-calc(30) 0;\n}\n#masthead-with-background-color figure,\n#masthead-with-pattern figure {\n margin: 0;\n}\nfigcaption,\n.masthead-caption {\n color: $grey-10;\n font-family: $font-family-sans-serif;\n font-size: rem-calc(13);\n padding-top: rem-calc(2);\n}\nfigcaption a,\n.masthead-caption a {\n border-bottom: 1px dotted $grey-4;\n color: $grey-10;\n}\nfigcaption a:hover,\n.masthead-caption a:hover {\n border-bottom: 2px solid $primary-color;\n color: $primary-color;\n}\n.masthead-caption {\n padding-right: 10px;\n text-align: right;\n}\n\n\n\n/* Tables\n------------------------------------------------------------------- */\n\ntd {\n vertical-align: top;\n}\n\n\n\n/* Code\n------------------------------------------------------------------- */\n\npre {\n overflow: auto;\n margin-bottom: rem-calc(20);\n padding: 5px;\n background-color: $code-background-color;\n border-radius: $global-radius;\n}\npre code {\n padding: rem-calc(2) rem-calc(5) rem-calc(1) rem-calc(0);\n border: 0;\n}\n\ncode {\n font-size: rem-calc(14);\n line-height: 1.5;\n}\n\n\n\n/* Lists\n------------------------------------------------------------------- */\n\nul, ol {\n margin-left: 20px;\n padding: 0;\n}\nli {\n margin-left: 0;\n}\n\n.no-bullet {\n list-style: none;\n margin-left: 0;\n}\n\nli {\n > ul,\n > ol {\n margin-bottom: 0;\n }\n}\n\ndl {\n\n}\ndt:first-child {\n padding-top: 0px;\n}\ndt {\n font-weight: bold;\n padding-top: 30px;\n}\ndd {\n}\narticle dl dt { line-height: 1.3; }\narticle dl dd { line-height: 1.6; margin-bottom: rem-calc(12); margin-left: rem-calc(24); }\n\n\n\n/* Quotes\n------------------------------------------------------------------- */\n\nblockquote {\n font-style: italic;\n position: relative;\n border: none;\n margin: 0 30px 30px 30px;\n color: $grey-11;\n}\n\n blockquote p {font-style: italic; color: $grey-10; }\n\n blockquote:before {\n display:block;content:\"\\00BB\";\n font-size:80px;\n line-height: 0;\n position:absolute;\n left:-25px;\n top: auto;\n color: $grey-11;\n }\n blockquote:after {\n display:block;\n content:\"\\00AB\";\n font-size:80px;\n line-height: 0;\n position:absolute;\n right:-10px;\n bottom: 20px;\n color: $grey-11;\n }\n blockquote cite:before {\n content:\"\\2014 \\0020\"\n }\n blockquote cite a,blockquote cite a:visited {\n color: $grey-10;\n }\ncite {\n padding-top: 5px;\n}\n\nbutton, .button {\n letter-spacing: 1px;\n}\n\nmark {\n background-color: scale-color($warning-color, $lightness: 60%);\n}\n\n\n\n/* Typography for Articles\n------------------------------------------------------------------- */\n\n.subheadline {\n font-size: rem-calc(16);\n margin: 0;\n text-transform: uppercase;\n}\n.teaser {\n font-size: rem-calc(20);\n}\n.big-teaser {\n font-style: italic; font-weight: 300;\n}\n.big-teaser a {\n font-style: italic; font-weight: 400;\n}\n\n/* Smaller Fontsize for Bigteaser on small devices */\n@media only screen {\n .big-teaser {\n font-size: rem-calc(20);\n }\n}\n@media only screen and (min-width: 40.063em) {\n .big-teaser {\n font-size: rem-calc(29);\n }\n}\n\n\n\n/* Additional typographical elements\n------------------------------------------------------------------- */\n\n.sans { font-family: $font-family-sans-serif; }\n.serif { font-family: $font-family-serif; }\n\n.font-size-h1 { font-size: $font-size-h1; }\n.font-size-h2 { font-size: $font-size-h2; }\n.font-size-h3 { font-size: $font-size-h3; }\n.font-size-h4 { font-size: $font-size-h4; }\n.font-size-h5 { font-size: $font-size-h5; }\n.font-size-p { font-size: $font-size-p; }\n\n\n\n/* Footnotes\n------------------------------------------------------------------- */\n\n.footnotes:before {\n content: \"\";\n position: absolute;\n height: 1px;\n width: 60px;\n margin-top: -10px;\n border-bottom: 1px solid $grey-2;\n}\n.footnotes {\n margin-top: 60px;\n}\n.footnotes ol {\n font-size: $font-size-small;\n}\n.footnotes p {\n font-size: inherit;\n margin-bottom: 0;\n}\n\n\n\n\n/* Icon Font\n See the icon-set/preview in /assets/fonts/iconfont-preview.html\n------------------------------------------------------------------- */\n\n@font-face {\n font-family: 'iconfont';\n src: url('../fonts/iconfont.eot'); /* IE9 Compat Modes */\n src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('../fonts/iconfont.woff') format('woff'), /* Pretty Modern Browsers */\n url('../fonts/iconfont.ttf') format('truetype'), /* Safari, Android, iOS */\n url('../fonts/iconfont.svg#svgFontName') format('svg'); /* Legacy iOS */\n}\n\n.iconfont { font-family: iconfont; }\n.iconfont-48 { font-size: 48px; }\n\n\n[data-icon]:before { content: attr(data-icon); }\n\n[data-icon]:before,\n.icon-archive:before,\n.icon-browser:before,\n.icon-calendar:before,\n.icon-camera:before,\n.icon-chat:before,\n.icon-check:before,\n.icon-chevron-down:before,\n.icon-chevron-left:before,\n.icon-chevron-right:before,\n.icon-chevron-up:before,\n.icon-circle-with-cross:before,\n.icon-circle-with-minus:before,\n.icon-circle-with-plus:before,\n.icon-cloud:before,\n.icon-code:before,\n.icon-cog:before,\n.icon-dropbox:before,\n.icon-edit:before,\n.icon-export:before,\n.icon-eye:before,\n.icon-facebook:before,\n.icon-feather:before,\n.icon-github:before,\n.icon-globe:before,\n.icon-googleplus:before,\n.icon-heart:before,\n.icon-heart-outlined:before,\n.icon-home:before,\n.icon-instagram:before,\n.icon-lab-flask:before,\n.icon-leaf:before,\n.icon-linkedin:before,\n.icon-mail:before,\n.icon-message:before,\n.icon-mic:before,\n.icon-network:before,\n.icon-paper-plane:before,\n.icon-pinterest:before,\n.icon-price-tag:before,\n.icon-rocket:before,\n.icon-rss:before,\n.icon-soundcloud:before,\n.icon-star:before,\n.icon-star-outlined:before,\n.icon-thumbs-down:before,\n.icon-thumbs-up:before,\n.icon-tree:before,\n.icon-tumblr:before,\n.icon-twitter:before,\n.icon-upload-to-cloud:before,\n.icon-video:before,\n.icon-vimeo:before,\n.icon-warning:before,\n.icon-xing:before,\n.icon-youtube:before {\n display: inline-block;\nfont-family: \"iconfont\";\nfont-style: normal;\nfont-weight: normal;\nfont-variant: normal;\nline-height: 1;\ntext-decoration: inherit;\ntext-rendering: optimizeLegibility;\ntext-transform: none;\n-moz-osx-font-smoothing: grayscale;\n-webkit-font-smoothing: antialiased;\nfont-smoothing: antialiased;\n}\n\n.icon-archive:before { content: \"\\f100\"; }\n.icon-browser:before { content: \"\\f101\"; }\n.icon-calendar:before { content: \"\\f133\"; }\n.icon-camera:before { content: \"\\f102\"; }\n.icon-chat:before { content: \"\\f103\"; }\n.icon-check:before { content: \"\\f104\"; }\n.icon-chevron-down:before { content: \"\\f105\"; }\n.icon-chevron-left:before { content: \"\\f106\"; }\n.icon-chevron-right:before { content: \"\\f107\"; }\n.icon-chevron-up:before { content: \"\\f108\"; }\n.icon-circle-with-cross:before { content: \"\\f109\"; }\n.icon-circle-with-minus:before { content: \"\\f10a\"; }\n.icon-circle-with-plus:before { content: \"\\f10b\"; }\n.icon-cloud:before { content: \"\\f10c\"; }\n.icon-code:before { content: \"\\f10d\"; }\n.icon-cog:before { content: \"\\f10e\"; }\n.icon-dropbox:before { content: \"\\f10f\"; }\n.icon-edit:before { content: \"\\f110\"; }\n.icon-export:before { content: \"\\f111\"; }\n.icon-eye:before { content: \"\\f112\"; }\n.icon-facebook:before { content: \"\\f113\"; }\n.icon-feather:before { content: \"\\f114\"; }\n.icon-github:before { content: \"\\f115\"; }\n.icon-globe:before { content: \"\\f116\"; }\n.icon-googleplus:before { content: \"\\f136\"; }\n.icon-heart:before { content: \"\\f117\"; }\n.icon-heart-outlined:before { content: \"\\f118\"; }\n.icon-home:before { content: \"\\f119\"; }\n.icon-instagram:before { content: \"\\f11a\"; }\n.icon-lab-flask:before { content: \"\\f11b\"; }\n.icon-leaf:before { content: \"\\f11c\"; }\n.icon-linkedin:before { content: \"\\f11d\"; }\n.icon-mail:before { content: \"\\f11e\"; }\n.icon-message:before { content: \"\\f11f\"; }\n.icon-mic:before { content: \"\\f120\"; }\n.icon-network:before { content: \"\\f121\"; }\n.icon-paper-plane:before { content: \"\\f122\"; }\n.icon-pinterest:before { content: \"\\f123\"; }\n.icon-price-tag:before { content: \"\\f124\"; }\n.icon-rocket:before { content: \"\\f125\"; }\n.icon-rss:before { content: \"\\f126\"; }\n.icon-soundcloud:before { content: \"\\f127\"; }\n.icon-star:before { content: \"\\f128\"; }\n.icon-star-outlined:before { content: \"\\f129\"; }\n.icon-thumbs-down:before { content: \"\\f12a\"; }\n.icon-thumbs-up:before { content: \"\\f12b\"; }\n.icon-tree:before { content: \"\\f134\"; }\n.icon-tumblr:before { content: \"\\f12c\"; }\n.icon-twitter:before { content: \"\\f12d\"; }\n.icon-upload-to-cloud:before { content: \"\\f12e\"; }\n.icon-video:before { content: \"\\f12f\"; }\n.icon-vimeo:before { content: \"\\f130\"; }\n.icon-warning:before { content: \"\\f131\"; }\n.icon-xing:before { content: \"\\f135\"; }\n.icon-youtube:before { content: \"\\f132\"; }\n","@charset \"utf-8\";\n/* TOC\n\n- Adjustments: Video Layout\n- Navigation\n- Search\n- Masthead\n- Masthead › small-only\n- Masthead › medium-only\n- Masthead › large-only\n- Masthead › xlarge-up\n- Breadcrumb\n- Meta\n- Jump to top\n- Footer\n- Subfooter\n- CSS-Classes to add margin at top or bottom\n\n*/\n\n\n\n/* Adjustments: Video Layout\n------------------------------------------------------------------- */\n\nbody.video,\nbody.video #masthead-no-image-header { background: #000; }\nbody.video #masthead-no-image-header { margin-bottom: 60px; }\nbody.video h1,\nbody.video h2,\nbody.video h3,\nbody.video h4,\nbody.video h5,\nbody.video h6,\nbody.video p,\nbody.video a,\nbody.video blockquote:before,\nbody.video blockquote:after,\nbody.video cite a, { color: #fff; }\nbody.video cite a:visited, { color: #fff; }\nbody.video cite { color: #fff; }\n\n\n\n/* Navigation\n------------------------------------------------------------------- */\n\n#navigation {\n -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);\n box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);\n\n [class^='icon-']:before, [class*=' icon-']:before {\n margin-right: rem-calc(8);\n }\n}\n\n\n\n/* Search\n------------------------------------------------------------------- */\n\n.no-js form#search {\n display: none;\n}\n\n\n\n/* Masthead\n------------------------------------------------------------------- */\n\n#masthead {\n background-color: $primary-color;\n}\n#masthead-no-image-header {\n background-color: $primary-color;\n}\n#masthead-with-text {\n text-align: center;\n font-size: rem-calc(54);\n font-family: $header-font-family;\n color: #fff;\n text-transform: uppercase;\n text-shadow: 0 2px 3px rgba(0,0,0,.4);\n}\n#masthead-no-image-header {\n height: 175px;\n}\n#masthead-no-image-header #logo img {\n margin-top: 60px;\n}\n\n/* Masthead › small-only\n------------------------------------------------------------------- */\n\n@media #{$small-only} {\n #logo img {\n display: none;\n }\n #masthead {\n height: 200px;\n }\n #masthead-with-pattern {\n padding: 15px 0;\n }\n #masthead-with-background-color {\n padding: 15px 0;\n }\n #masthead-with-text {\n height: 220px;\n padding: 30px 0;\n font-size: rem-calc(36);\n }\n #masthead-no-image-header {\n display: none;\n }\n}\n\n\n/* Masthead › medium-only\n------------------------------------------------------------------- */\n\n@media #{$medium-only} {\n #logo img {\n margin-top: 60px;\n }\n #masthead {\n height: 280px;\n }\n #masthead-with-pattern {\n padding: 20px 0;\n }\n #masthead-with-background-color {\n padding: 20px 0;\n }\n #masthead-with-text {\n padding: 60px 0;\n height: 300px;\n }\n}\n\n\n/* Masthead › large-only\n------------------------------------------------------------------- */\n\n@media #{$large-only} {\n #logo img {\n margin-top: 80px;\n }\n #masthead {\n height: 310px;\n }\n #masthead-with-pattern {\n padding: 30px 0;\n }\n #masthead-with-background-color {\n padding: 30px 0;\n }\n #masthead-with-text {\n height: 330px;\n padding: 60px 0;\n }\n}\n\n\n/* Masthead › xlarge-up\n------------------------------------------------------------------- */\n\n@media #{$xlarge-up} {\n #logo img {\n margin-top: 110px;\n }\n #masthead {\n height: 380px;\n }\n #masthead-with-pattern {\n padding: 45px 0;\n }\n #masthead-with-background-color {\n padding: 45px 0;\n }\n #masthead-with-text {\n padding: 95px 0;\n height: 400px;\n }\n}\n\n\n#title-image-small {\n height: 240px;\n}\n#title-image-large {\n height: 520px;\n}\n#title-image-index-small {\n height: 120px;\n}\n#title-image-index-large {\n height: 260px;\n}\n\n\n\n/* Breadcrumb\n------------------------------------------------------------------- */\n\n#breadcrumb {\n background: scale-color($grey-1, $lightness: 55%);\n border-top: 1px solid scale-color($grey-1, $lightness: 45%);\n border-bottom: 1px solid scale-color($grey-1, $lightness: 45%);\n}\n.breadcrumbs>.current {\n font-weight: bold;\n}\n\n\n/* Meta\n------------------------------------------------------------------- */\n\n#page-meta, #page-meta a {\n color: $grey-5;\n}\n\n#page-meta .button {\n background: $grey-5;\n border: 0;\n}\n#page-meta .button {\n color: #fff;\n}\n#page-meta .button:hover {\n background: $primary-color;\n}\n.meta-info p {\n font-size: rem-calc(13);\n color: scale-color($grey-1, $lightness: 40%);\n}\n .meta-info a {\n text-decoration: underline;\n color: scale-color($grey-1, $lightness: 40%);\n }\n .meta-info a:hover {\n text-decoration: none;\n color: $secondary-color;\n }\n\n\n\n/* Jump to top\n------------------------------------------------------------------- */\n\n#up-to-top {\n padding: 160px 0 10px 0;\n}\n#up-to-top a {\n font-size: 24px;\n padding: 5px;\n border-radius: 3px;\n}\n#up-to-top a:hover {\n background: $grey-2;\n}\n\n\n\n/* Footer\n------------------------------------------------------------------- */\n\n#footer-content p,\n#footer-content li {\n font-size: rem-calc(13);\n font-weight: 300;\n}\n\n#footer {\n padding-top: 30px;\n padding-bottom: 20px;\n background: $footer-bg;\n color: $footer-color;\n }\n\n #footer a {\n color: $footer-link-color;\n }\n #footer h4,\n #footer h5 {\n letter-spacing: 1px;\n color: #fff;\n text-transform: uppercase;\n }\n\n\n\n/* Subfooter\n------------------------------------------------------------------- */\n\n#subfooter {\n background: $subfooter-bg;\n color: $subfooter-color;\n padding-top: 30px;\n}\n\n#subfooter-left ul.inline-list {\n float: left;\n}\n\n.credits a {\n color: $subfooter-link-color;\n border: 0;\n text-transform: uppercase;\n &:hover {\n color: #fff;\n }\n}\n\n.social-icons {\n margin-bottom: 10px !important;\n\n// Beware of SCSS-Syntax here\n li {\n padding: 0 0 20px 0;\n }\n a {\n font-size: rem-calc(23);\n display: block;\n width: 36px;\n border-radius: 50%;\n color: $subfooter-bg;\n background: $subfooter-color;\n text-align: center;\n &:hover {\n background: $subfooter-bg;\n color: #fff;\n }\n }\n}\n\n\n\n/* CSS-Classes to add margin at top or bottom\n------------------------------------------------------------------- */\n\n.t10 { margin-top: 10px !important; }\n.t15 { margin-top: 15px !important; }\n.t20 { margin-top: 20px !important; }\n.t30 { margin-top: 30px !important; }\n.t50 { margin-top: 50px !important; }\n.t60 { margin-top: 60px !important; }\n.t70 { margin-top: 70px !important; }\n.t80 { margin-top: 80px !important; }\n.t90 { margin-top: 90px !important; }\n\n.b15 { margin-bottom: 15px !important; }\n.b20 { margin-bottom: 20px !important; }\n.b30 { margin-bottom: 30px !important; }\n.b60 { margin-bottom: 60px !important; }\n\n.l15 { margin-left: 15px !important; }\n.r15 { margin-right: 15px !important; }\n\n.pl20 { padding-left: 20px !important; }\n.pr5 { padding-right: 5px !important; }\n.pr10 { padding-right: 10px !important; }\n.pr20 { padding-right: 20px !important; }\n","@charset \"utf-8\";\n/* TOC\n\n- Table of Contents (Index)\n- Panel\n- Shadows\n- Alerts\n- Breadcrumb\n- Button\n- Side-Nav\n- Accordion\n- Lazy Load XT\n- Frontpage Widget\n\n*/\n\n\n\n/* Table of Contents (Index)\n------------------------------------------------------------------- */\n\n#toc ul,\n#toc ul ul,\n#toc ul ul ul, {\n list-style: none;\n margin-left: 30px;\n}\n#toc ul {\n margin-left: 0;\n margin-top: $spacing-unit;\n}\n\n\n\n/* Panel\n------------------------------------------------------------------- */\n\n.border-dotted {\n border: 1px dotted $grey-5;\n padding: rem-calc(20);\n border-radius: $global-radius;\n}\n\n\n\n/* Shadows\n------------------------------------------------------------------- */\n\n.shadow-no {text-shadow: rgba(0, 0, 0, 0) 0 0 0;}\n.shadow-black {text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 2px;}\n.shadow-white {text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 2px;}\n\n\n\n/* Alerts\n------------------------------------------------------------------- */\n\n.alert-box {\n font-family: $font-family-sans-serif;\n text-shadow: 0px 1px 1px rgba(0,0,0,0.9);\n}\n .alert-box p {\n margin-bottom: 0;\n }\n .alert-box a {\n text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);\n color: #fff;\n border-bottom: 1px dotted #fff;\n }\n .alert-box a:hover {\n border-bottom: 1px solid #fff;\n }\n .alert-box.terminal {\n background: $grey-12; \n color: #fff; \n border-color: scale-color($grey-12, $lightness: -14%);\n font-family: $font-family-monospace;\n }\n .alert-box.terminal::before {\n content: \"$ \";\n color: $ci-6;\n float: left;\n margin: .25em .5em 0 0;\n }\n .alert-box.text {\n background-color: $grey-2;\n text-shadow: 0px 0px 0px rgba(0,0,0,0.9);\n border-color: scale-color($grey-2, $lightness: -14%);\n color: $grey-12;\n }\n\n\n\n/* Button\n------------------------------------------------------------------- */\n\nbutton, .button { letter-spacing: 1px; }\n button.grey, .button.grey { background: $grey-10; }\n button.grey:hover,\n button.grey:focus,\n .button.grey:hover,\n .button.grey:focus { background-color: $grey-16; }\n\n\n\n/* Side-Nav\n------------------------------------------------------------------- */\n\n.side-nav li.title { text-transform: uppercase;}\n.side-nav li { border-top: 1px solid $grey-3;}\n.side-nav li a:not(.button) { border-bottom: 0; padding: 0.4375rem 0rem; }\n.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: $grey-1; }\n\n.homepage p { margin: 0; padding: 0; color: $grey-10; }\n\n\n\n/* Accordion\n------------------------------------------------------------------- */\n\ndl.accordion { border-top: 1px solid $grey-2; }\n.accordion dd { border-bottom: 1px solid $grey-2; }\ndd.accordion-navigation span { padding-right: 12px; }\ndd.accordion-navigation span:before { content: \"\\F107\" }\ndd.accordion-navigation.active span:before { content: \"\\F105\" }\ndd.accordion-navigation.active span:before { content: \"\\F105\" }\n\n\n\n/* Lazy Load XT\n------------------------------------------------------------------- */\n\n/*! Lazy Load XT v1.0.6 2014-11-19\n * http://ressio.github.io/lazy-load-xt\n * (C) 2014 RESS.io\n * Licensed under MIT */\nimg.lazy {\n display: none;\n}\n.lazy-hidden {\n opacity: 0;\n}\n.lazy-loaded {\n -webkit-transition: opacity 0.7s;\n -moz-transition: opacity 0.7s;\n -ms-transition: opacity 0.7s;\n -o-transition: opacity 0.7s;\n transition: opacity 0.7s;\n opacity: 1;\n}\n\n*:target:not([id^='fn:']):not([id^='fnref:']) {\n &::before {\n content: \" \";\n width: 0;\n height: 0;\n\n display: block;\n padding-top: 50px;\n margin-top: -50px;\n }\n}\n","@charset \"utf-8\";\n/* Syntax highlighting styles\n------------------------------------------------------------------- */\n\n.highlight {\n background: #fff;\n [data-lang]::before {\n content: attr(data-lang);\n display: block;\n text-align: right;\n margin-right: 5px;\n text-transform: uppercase;\n }\n .c { color: #998; font-style: italic } // Comment\n .err { color: #a61717; background-color: #e3d2d2 } // Error\n .k { font-weight: bold } // Keyword\n .o { font-weight: bold } // Operator\n .cm { color: #998; font-style: italic } // Comment.Multiline\n .cp { color: #999; font-weight: bold } // Comment.Preproc\n .c1 { color: #998; font-style: italic } // Comment.Single\n .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special\n .gd { color: #000; background-color: #fdd } // Generic.Deleted\n .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific\n .ge { font-style: italic } // Generic.Emph\n .gr { color: #a00 } // Generic.Error\n .gh { color: #999 } // Generic.Heading\n .gi { color: #000; background-color: #dfd } // Generic.Inserted\n .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific\n .go { color: #888 } // Generic.Output\n .gp { color: #555 } // Generic.Prompt\n .gs { font-weight: bold } // Generic.Strong\n .gu { color: #aaa } // Generic.Subheading\n .gt { color: #a00 } // Generic.Traceback\n .kc { font-weight: bold } // Keyword.Constant\n .kd { font-weight: bold } // Keyword.Declaration\n .kp { font-weight: bold } // Keyword.Pseudo\n .kr { font-weight: bold } // Keyword.Reserved\n .kt { color: #458; font-weight: bold } // Keyword.Type\n .m { color: #099 } // Literal.Number\n .s { color: #d14 } // Literal.String\n .na { color: #008080 } // Name.Attribute\n .nb { color: #0086B3 } // Name.Builtin\n .nc { color: #458; font-weight: bold } // Name.Class\n .no { color: #008080 } // Name.Constant\n .ni { color: #800080 } // Name.Entity\n .ne { color: #900; font-weight: bold } // Name.Exception\n .nf { color: #900; font-weight: bold } // Name.Function\n .nn { color: #555 } // Name.Namespace\n .nt { color: #000080 } // Name.Tag\n .nv { color: #008080 } // Name.Variable\n .ow { font-weight: bold } // Operator.Word\n .w { color: #bbb } // Text.Whitespace\n .mf { color: #099 } // Literal.Number.Float\n .mh { color: #099 } // Literal.Number.Hex\n .mi { color: #099 } // Literal.Number.Integer\n .mo { color: #099 } // Literal.Number.Oct\n .sb { color: #d14 } // Literal.String.Backtick\n .sc { color: #d14 } // Literal.String.Char\n .sd { color: #d14 } // Literal.String.Doc\n .s2 { color: #d14 } // Literal.String.Double\n .se { color: #d14 } // Literal.String.Escape\n .sh { color: #d14 } // Literal.String.Heredoc\n .si { color: #d14 } // Literal.String.Interpol\n .sx { color: #d14 } // Literal.String.Other\n .sr { color: #009926 } // Literal.String.Regex\n .s1 { color: #d14 } // Literal.String.Single\n .ss { color: #990073 } // Literal.String.Symbol\n .bp { color: #999 } // Name.Builtin.Pseudo\n .vc { color: #008080 } // Name.Variable.Class\n .vg { color: #008080 } // Name.Variable.Global\n .vi { color: #008080 } // Name.Variable.Instance\n .il { color: #099 } // Literal.Number.Integer.Long\n}\n"],"file":"styles_feeling_responsive.css"}
\ No newline at end of file
diff --git a/_site/assets/fonts/fontcustom.yml b/_site/assets/fonts/fontcustom.yml
new file mode 100644
index 00000000000..ccc911c232c
--- /dev/null
+++ b/_site/assets/fonts/fontcustom.yml
@@ -0,0 +1,96 @@
+# =============================================================================
+# Font Custom Configuration
+# This file should live in the directory where you run `fontcustom compile`.
+# For more info, visit .
+# =============================================================================
+
+
+# -----------------------------------------------------------------------------
+# Project Info
+# -----------------------------------------------------------------------------
+
+# The font's name. Also determines the file names of generated templates.
+font_name: iconfont
+
+# Format of CSS selectors. {{glyph}} is substituted for the glyph name.
+css_selector: .icon-{{glyph}}
+
+# Generate fonts without asset-busting hashes.
+no_hash: true
+
+# Encode WOFF fonts into the generated CSS.
+#base64: true
+
+# Forces compilation, even if inputs have not changed
+#force: true
+
+# Display (possibly useful) debugging messages.
+#debug: true
+
+# Hide status messages.
+#quiet: true
+
+
+# -----------------------------------------------------------------------------
+# Input / Output Locations
+# You can save generated fonts, CSS, and other files to different locations
+# here. Font Custom can also read input vectors and templates from different
+# places.
+#
+# NOTE:
+# - Be sure to preserve the whitespace in these YAML hashes.
+# - INPUT[:vectors] and OUTPUT[:fonts] are required. Everything else is
+# optional.
+# - Specify output locations for custom templates by including their file
+# names as the key.
+# -----------------------------------------------------------------------------
+
+input:
+ vectors: svg-files-for-custom-font
+# templates: my/templates
+
+output:
+ fonts: .
+ css: .
+# preview: app/views/styleguide
+# my-custom-template.yml: path/to/template/output
+
+
+# -----------------------------------------------------------------------------
+# Templates
+# A YAML array of templates and files to generate alongside fonts. Custom
+# templates should be saved in the INPUT[:templates] directory and referenced
+# by their base file name.
+#
+# For Rails and Compass templates, set `preprocessor_path` as the relative
+# path from OUTPUT[:css] to OUTPUT[:fonts]. By default, these are the same
+# directory.
+#
+# Included in Font Custom: preview, css, scss, scss-rails
+# Default: css, preview
+# -----------------------------------------------------------------------------
+
+#templates:
+#- scss-rails
+#- preview
+#- my-custom-template.yml
+
+#preprocessor_path: ../fonts/
+
+
+# -----------------------------------------------------------------------------
+# Font Settings (defaults shown)
+# -----------------------------------------------------------------------------
+
+# Size (in pica points) for which your font is designed.
+font_design_size: 20
+
+# The em size. Setting this will scale the entire font to the given size.
+#font_em: 512
+
+# The font's ascent and descent. Used to calculate the baseline.
+#font_ascent: 448
+#font_descent: 64
+
+# Horizontally fit glyphs to their individual vector widths.
+#autowidth: false
diff --git a/_site/assets/fonts/iconfont-preview.html b/_site/assets/fonts/iconfont-preview.html
new file mode 100644
index 00000000000..ecb1902223c
--- /dev/null
+++ b/_site/assets/fonts/iconfont-preview.html
@@ -0,0 +1,1028 @@
+
+
+
+ iconfont glyphs preview
+
+
+
+
+
+
+
+
+
+
+
+ iconfont contains 55 glyphs:
+ Toggle Preview Characters
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+ PpPpPpPpPpPpPpPpPpPp
+
+
+ 12141618212436486072
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/_site/assets/fonts/iconfont.css b/_site/assets/fonts/iconfont.css
new file mode 100644
index 00000000000..a748578f8b8
--- /dev/null
+++ b/_site/assets/fonts/iconfont.css
@@ -0,0 +1,149 @@
+/*
+ Icon Font: iconfont
+*/
+
+@font-face {
+ font-family: "iconfont";
+ src: url("./iconfont.eot");
+ src: url("./iconfont.eot?#iefix") format("embedded-opentype"),
+ url("./iconfont.woff") format("woff"),
+ url("./iconfont.ttf") format("truetype"),
+ url("./iconfont.svg#iconfont") format("svg");
+ font-weight: normal;
+ font-style: normal;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+ @font-face {
+ font-family: "iconfont";
+ src: url("./iconfont.svg#iconfont") format("svg");
+ }
+}
+
+[data-icon]:before { content: attr(data-icon); }
+
+[data-icon]:before,
+.icon-archive:before,
+.icon-browser:before,
+.icon-calendar:before,
+.icon-camera:before,
+.icon-chat:before,
+.icon-check:before,
+.icon-chevron-down:before,
+.icon-chevron-left:before,
+.icon-chevron-right:before,
+.icon-chevron-up:before,
+.icon-circle-with-cross:before,
+.icon-circle-with-minus:before,
+.icon-circle-with-plus:before,
+.icon-cloud:before,
+.icon-code:before,
+.icon-cog:before,
+.icon-dropbox:before,
+.icon-edit:before,
+.icon-export:before,
+.icon-eye:before,
+.icon-facebook:before,
+.icon-feather:before,
+.icon-github:before,
+.icon-globe:before,
+.icon-googleplus:before,
+.icon-heart:before,
+.icon-heart-outlined:before,
+.icon-home:before,
+.icon-instagram:before,
+.icon-lab-flask:before,
+.icon-leaf:before,
+.icon-linkedin:before,
+.icon-mail:before,
+.icon-message:before,
+.icon-mic:before,
+.icon-network:before,
+.icon-paper-plane:before,
+.icon-pinterest:before,
+.icon-price-tag:before,
+.icon-rocket:before,
+.icon-rss:before,
+.icon-soundcloud:before,
+.icon-star:before,
+.icon-star-outlined:before,
+.icon-thumbs-down:before,
+.icon-thumbs-up:before,
+.icon-tree:before,
+.icon-tumblr:before,
+.icon-twitter:before,
+.icon-upload-to-cloud:before,
+.icon-video:before,
+.icon-vimeo:before,
+.icon-warning:before,
+.icon-xing:before,
+.icon-youtube:before {
+ display: inline-block;
+ font-family: "iconfont";
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ line-height: 1;
+ text-decoration: inherit;
+ text-rendering: optimizeLegibility;
+ text-transform: none;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-smoothing: antialiased;
+}
+
+.icon-archive:before { content: "\f100"; }
+.icon-browser:before { content: "\f101"; }
+.icon-calendar:before { content: "\f133"; }
+.icon-camera:before { content: "\f102"; }
+.icon-chat:before { content: "\f103"; }
+.icon-check:before { content: "\f104"; }
+.icon-chevron-down:before { content: "\f105"; }
+.icon-chevron-left:before { content: "\f106"; }
+.icon-chevron-right:before { content: "\f107"; }
+.icon-chevron-up:before { content: "\f108"; }
+.icon-circle-with-cross:before { content: "\f109"; }
+.icon-circle-with-minus:before { content: "\f10a"; }
+.icon-circle-with-plus:before { content: "\f10b"; }
+.icon-cloud:before { content: "\f10c"; }
+.icon-code:before { content: "\f10d"; }
+.icon-cog:before { content: "\f10e"; }
+.icon-dropbox:before { content: "\f10f"; }
+.icon-edit:before { content: "\f110"; }
+.icon-export:before { content: "\f111"; }
+.icon-eye:before { content: "\f112"; }
+.icon-facebook:before { content: "\f113"; }
+.icon-feather:before { content: "\f114"; }
+.icon-github:before { content: "\f115"; }
+.icon-globe:before { content: "\f116"; }
+.icon-googleplus:before { content: "\f136"; }
+.icon-heart:before { content: "\f117"; }
+.icon-heart-outlined:before { content: "\f118"; }
+.icon-home:before { content: "\f119"; }
+.icon-instagram:before { content: "\f11a"; }
+.icon-lab-flask:before { content: "\f11b"; }
+.icon-leaf:before { content: "\f11c"; }
+.icon-linkedin:before { content: "\f11d"; }
+.icon-mail:before { content: "\f11e"; }
+.icon-message:before { content: "\f11f"; }
+.icon-mic:before { content: "\f120"; }
+.icon-network:before { content: "\f121"; }
+.icon-paper-plane:before { content: "\f122"; }
+.icon-pinterest:before { content: "\f123"; }
+.icon-price-tag:before { content: "\f124"; }
+.icon-rocket:before { content: "\f125"; }
+.icon-rss:before { content: "\f126"; }
+.icon-soundcloud:before { content: "\f127"; }
+.icon-star:before { content: "\f128"; }
+.icon-star-outlined:before { content: "\f129"; }
+.icon-thumbs-down:before { content: "\f12a"; }
+.icon-thumbs-up:before { content: "\f12b"; }
+.icon-tree:before { content: "\f134"; }
+.icon-tumblr:before { content: "\f12c"; }
+.icon-twitter:before { content: "\f12d"; }
+.icon-upload-to-cloud:before { content: "\f12e"; }
+.icon-video:before { content: "\f12f"; }
+.icon-vimeo:before { content: "\f130"; }
+.icon-warning:before { content: "\f131"; }
+.icon-xing:before { content: "\f135"; }
+.icon-youtube:before { content: "\f132"; }
diff --git a/_site/assets/fonts/iconfont.eot b/_site/assets/fonts/iconfont.eot
new file mode 100644
index 0000000000000000000000000000000000000000..af95ebd3c0949791bf0da9090e9924460c6b3be8
GIT binary patch
literal 9792
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
+
+
+
diff --git a/_site/assets/fonts/iconfont.ttf b/_site/assets/fonts/iconfont.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..2dab176b6dad04628c14c3cc719d2b3716b7918f
GIT binary patch
literal 9616
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
literal 0
HcmV?d00001
diff --git a/_site/assets/fonts/svg-files-for-custom-font/archive.svg b/_site/assets/fonts/svg-files-for-custom-font/archive.svg
new file mode 100644
index 00000000000..00f9e8c902f
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/archive.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/browser.svg b/_site/assets/fonts/svg-files-for-custom-font/browser.svg
new file mode 100644
index 00000000000..ca8c89d56f5
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/browser.svg
@@ -0,0 +1,10 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/calendar.svg b/_site/assets/fonts/svg-files-for-custom-font/calendar.svg
new file mode 100644
index 00000000000..f654214b364
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/calendar.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/camera.svg b/_site/assets/fonts/svg-files-for-custom-font/camera.svg
new file mode 100644
index 00000000000..0f11476cbe7
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/camera.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/chat.svg b/_site/assets/fonts/svg-files-for-custom-font/chat.svg
new file mode 100644
index 00000000000..65b56124672
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/chat.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/check.svg b/_site/assets/fonts/svg-files-for-custom-font/check.svg
new file mode 100644
index 00000000000..08ee56d87de
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/check.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/chevron-down.svg b/_site/assets/fonts/svg-files-for-custom-font/chevron-down.svg
new file mode 100644
index 00000000000..7604d8905f0
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/chevron-down.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/chevron-left.svg b/_site/assets/fonts/svg-files-for-custom-font/chevron-left.svg
new file mode 100644
index 00000000000..7fda0402643
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/chevron-left.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/chevron-right.svg b/_site/assets/fonts/svg-files-for-custom-font/chevron-right.svg
new file mode 100644
index 00000000000..0b2251cbb1d
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/chevron-right.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/chevron-up.svg b/_site/assets/fonts/svg-files-for-custom-font/chevron-up.svg
new file mode 100644
index 00000000000..eb3c9c52efb
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/chevron-up.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/circle-with-cross.svg b/_site/assets/fonts/svg-files-for-custom-font/circle-with-cross.svg
new file mode 100644
index 00000000000..cf71b4024fb
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/circle-with-cross.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/circle-with-minus.svg b/_site/assets/fonts/svg-files-for-custom-font/circle-with-minus.svg
new file mode 100644
index 00000000000..065344d6f09
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/circle-with-minus.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/circle-with-plus.svg b/_site/assets/fonts/svg-files-for-custom-font/circle-with-plus.svg
new file mode 100644
index 00000000000..f4f815c88b1
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/circle-with-plus.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/cloud.svg b/_site/assets/fonts/svg-files-for-custom-font/cloud.svg
new file mode 100644
index 00000000000..a009fe53eb1
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/cloud.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/code.svg b/_site/assets/fonts/svg-files-for-custom-font/code.svg
new file mode 100644
index 00000000000..33a99fd5d72
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/code.svg
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/cog.svg b/_site/assets/fonts/svg-files-for-custom-font/cog.svg
new file mode 100644
index 00000000000..bc6fcfa1ea3
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/cog.svg
@@ -0,0 +1,16 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/dropbox.svg b/_site/assets/fonts/svg-files-for-custom-font/dropbox.svg
new file mode 100644
index 00000000000..61f72c2fdce
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/dropbox.svg
@@ -0,0 +1,10 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/edit.svg b/_site/assets/fonts/svg-files-for-custom-font/edit.svg
new file mode 100644
index 00000000000..bda9f0e37d5
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/edit.svg
@@ -0,0 +1,10 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/export.svg b/_site/assets/fonts/svg-files-for-custom-font/export.svg
new file mode 100644
index 00000000000..ebcfc1fad0b
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/export.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/eye.svg b/_site/assets/fonts/svg-files-for-custom-font/eye.svg
new file mode 100644
index 00000000000..a735aa941d9
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/eye.svg
@@ -0,0 +1,10 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/facebook.svg b/_site/assets/fonts/svg-files-for-custom-font/facebook.svg
new file mode 100644
index 00000000000..dd14318749b
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/facebook.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/feather.svg b/_site/assets/fonts/svg-files-for-custom-font/feather.svg
new file mode 100644
index 00000000000..fcff3c19bd1
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/feather.svg
@@ -0,0 +1,12 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/github.svg b/_site/assets/fonts/svg-files-for-custom-font/github.svg
new file mode 100644
index 00000000000..0ed94d327a2
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/github.svg
@@ -0,0 +1,15 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/globe.svg b/_site/assets/fonts/svg-files-for-custom-font/globe.svg
new file mode 100644
index 00000000000..59b1570b5d3
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/globe.svg
@@ -0,0 +1,18 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/heart-outlined.svg b/_site/assets/fonts/svg-files-for-custom-font/heart-outlined.svg
new file mode 100644
index 00000000000..b1cec2f4f07
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/heart-outlined.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/heart.svg b/_site/assets/fonts/svg-files-for-custom-font/heart.svg
new file mode 100644
index 00000000000..5156b11c3ec
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/heart.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/home.svg b/_site/assets/fonts/svg-files-for-custom-font/home.svg
new file mode 100644
index 00000000000..63e8a4e200c
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/home.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/instagram.svg b/_site/assets/fonts/svg-files-for-custom-font/instagram.svg
new file mode 100644
index 00000000000..9f7b527a4b8
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/instagram.svg
@@ -0,0 +1,12 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/lab-flask.svg b/_site/assets/fonts/svg-files-for-custom-font/lab-flask.svg
new file mode 100644
index 00000000000..d40e70ed336
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/lab-flask.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/leaf.svg b/_site/assets/fonts/svg-files-for-custom-font/leaf.svg
new file mode 100644
index 00000000000..27be54666ed
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/leaf.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/linkedin.svg b/_site/assets/fonts/svg-files-for-custom-font/linkedin.svg
new file mode 100644
index 00000000000..4541e3cc9db
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/linkedin.svg
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/mail.svg b/_site/assets/fonts/svg-files-for-custom-font/mail.svg
new file mode 100644
index 00000000000..5988c16f5c1
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/mail.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/message.svg b/_site/assets/fonts/svg-files-for-custom-font/message.svg
new file mode 100644
index 00000000000..cae288b56d7
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/message.svg
@@ -0,0 +1,7 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/mic.svg b/_site/assets/fonts/svg-files-for-custom-font/mic.svg
new file mode 100644
index 00000000000..81f58e14c0c
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/mic.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/network.svg b/_site/assets/fonts/svg-files-for-custom-font/network.svg
new file mode 100644
index 00000000000..977de033afb
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/network.svg
@@ -0,0 +1,24 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/paper-plane.svg b/_site/assets/fonts/svg-files-for-custom-font/paper-plane.svg
new file mode 100644
index 00000000000..57919d550a1
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/paper-plane.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/pinterest.svg b/_site/assets/fonts/svg-files-for-custom-font/pinterest.svg
new file mode 100644
index 00000000000..b5f6f6e2322
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/pinterest.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/price-tag.svg b/_site/assets/fonts/svg-files-for-custom-font/price-tag.svg
new file mode 100644
index 00000000000..1c7fa4f2c82
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/price-tag.svg
@@ -0,0 +1,16 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/rocket.svg b/_site/assets/fonts/svg-files-for-custom-font/rocket.svg
new file mode 100644
index 00000000000..3eb7415afc9
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/rocket.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/rss.svg b/_site/assets/fonts/svg-files-for-custom-font/rss.svg
new file mode 100644
index 00000000000..f8f6033aa99
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/rss.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/soundcloud.svg b/_site/assets/fonts/svg-files-for-custom-font/soundcloud.svg
new file mode 100644
index 00000000000..3b384717996
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/soundcloud.svg
@@ -0,0 +1,18 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/star-outlined.svg b/_site/assets/fonts/svg-files-for-custom-font/star-outlined.svg
new file mode 100644
index 00000000000..4759c4050d0
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/star-outlined.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/star.svg b/_site/assets/fonts/svg-files-for-custom-font/star.svg
new file mode 100644
index 00000000000..d5d321afa20
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/star.svg
@@ -0,0 +1,7 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/thumbs-down.svg b/_site/assets/fonts/svg-files-for-custom-font/thumbs-down.svg
new file mode 100644
index 00000000000..171e2aa9ea0
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/thumbs-down.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/thumbs-up.svg b/_site/assets/fonts/svg-files-for-custom-font/thumbs-up.svg
new file mode 100644
index 00000000000..dee3008ea8d
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/thumbs-up.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/tree.svg b/_site/assets/fonts/svg-files-for-custom-font/tree.svg
new file mode 100644
index 00000000000..45a25805bc6
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/tree.svg
@@ -0,0 +1,17 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/tumblr.svg b/_site/assets/fonts/svg-files-for-custom-font/tumblr.svg
new file mode 100644
index 00000000000..7bc63501312
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/tumblr.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/twitter.svg b/_site/assets/fonts/svg-files-for-custom-font/twitter.svg
new file mode 100644
index 00000000000..136d229635b
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/twitter.svg
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/upload-to-cloud.svg b/_site/assets/fonts/svg-files-for-custom-font/upload-to-cloud.svg
new file mode 100644
index 00000000000..078684721ce
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/upload-to-cloud.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/video.svg b/_site/assets/fonts/svg-files-for-custom-font/video.svg
new file mode 100644
index 00000000000..f54ba0081e2
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/video.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/vimeo.svg b/_site/assets/fonts/svg-files-for-custom-font/vimeo.svg
new file mode 100644
index 00000000000..81ed1c0b86b
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/vimeo.svg
@@ -0,0 +1,10 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/warning.svg b/_site/assets/fonts/svg-files-for-custom-font/warning.svg
new file mode 100644
index 00000000000..a571a252106
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/warning.svg
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/xing.svg b/_site/assets/fonts/svg-files-for-custom-font/xing.svg
new file mode 100644
index 00000000000..ca14ad7bed8
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/xing.svg
@@ -0,0 +1,11 @@
+
+
+
+
diff --git a/_site/assets/fonts/svg-files-for-custom-font/youtube.svg b/_site/assets/fonts/svg-files-for-custom-font/youtube.svg
new file mode 100644
index 00000000000..8dbfef6eccb
--- /dev/null
+++ b/_site/assets/fonts/svg-files-for-custom-font/youtube.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/_site/assets/img/apple-touch-icon-114x114-precomposed.png b/_site/assets/img/apple-touch-icon-114x114-precomposed.png
new file mode 100644
index 0000000000000000000000000000000000000000..1297c5f8cc61a893dd3b1ab1730f01b6e573de94
GIT binary patch
literal 1181
zcmV;O1Y-M%P)00000J*j{F000DJNkl
z9w1U}@j(!Mu%h-s#M)YKNwwHY)ik>^Id-OZ@q_flxLli&U)nM^XfgAf!H
zRJ)QKFX7(`OrAb>wxcy?b_V+W%mkGAnG)(?5lRY>m}5-
z?bb6pZ*bx0Ni*gxS-rlbY|nwCCof#Dyj%6O_RWXS%|Vq=+h96QG;m`6vP1Q;#t%$i
zdOK`iKxy5x`{fTEHRKdk?Sq*(nawuPR;t8IEENexiK3{_vt+X*QEZz&NNAR2{ILOM
zJmb>Pw)n6P&&wpE%y-d|+Xd@5u`bPskw3aG`GLu3C7&=6<$jIoOMYNXaXTt9j$ks{
z64e4%iH(dJWjTTgNO;mVlyL-OP3&)Lf+v`SX7HI9n-;%`$asRW$WBKF49;LH_=Jh5
ze{*=i;0ned72(MEg2`xexDnnGE5K%7@&#iDJ~9UkzF@4CeP%11!6Y=5%dTWcX1p@`
zk~0{K?1a$_f3W2=sC|79Qd_x#38-(A{w!m2#t}ThSZzCV%;)nR_Z{np1fF1auZP%|
zSmY}NfioDli2)2?00S7n00uD2EJx6mCG_QpOkc
zlI2LB$A!I27d^7In><v3YN{BYP3L~^(W9i|uH>>Ib-z=+!L^alUvAKfkc4F<4F)=aDz;&3O491eAxU17~jBd-kCzWc?#H-wBu!C+kgI
z`+g}sXXu!jD>m&qa=!B6i;peV_fFcF!V6NbBB$azoumG@vC^QQ;o}>?00uCC0SsUO0~o*n
z1~7mD3}65Q7{CAqFn|FJU;z6|U>>wR-nBi+gK78Id*UTlo1$+HAiAv!??{k3@SNqA
z{m3%pr-gYQ{YV#e45hD}c}H#V*Qjxqn}g3Tm(Cd=yQMQx8DmSXz1DB?h_hRW`THMC
zH#a|`a~9WYa@mcKw9|b;w54xD7p%FqbKW42vx!aLeY?>>sa@Gwg+z8>2|Z^zr(UY&
z_BdEke`}ANaCU@FK$26i2C5{saSzKbM8`V^`;!fY2*3c=1y~^QjnNc^-^3<521~zK
vS$;FYDlf0J=ibS`t6=j+C@3hXf3bc7za_GSco&4s00000NkvXXu0mjfKS?yl
literal 0
HcmV?d00001
diff --git a/_site/assets/img/apple-touch-icon-120x120-precomposed.png b/_site/assets/img/apple-touch-icon-120x120-precomposed.png
new file mode 100644
index 0000000000000000000000000000000000000000..f5df4de4d3a83a9123f65c62ba759ad2307b1796
GIT binary patch
literal 973
zcmV;;12X)HP)8>UeL>WQ^5~RnpLxDvX3j~XzB)Wu=9lCTeI;e-VCF!(U
zdB{@;eW?k-R+^L_taiwfT#!Qd?Y@ucz1a_2cU^tkym_q5|Kwq3fAgRB-psuJjsWnm
zHw2225eY*PiIf6~Xu~W5?F&;rN-;hE1PB|3d$Eiug@T7oz&$vmQVJOl+LiH8X26oF
z*_N>)uZe4le)TjGG+_a_8ra4i;OjMxW=B01&}`02yo6
zu#UYVDKm#faDzNh%wY&B?0B4vp+=u^NKr!gEn8Us#C@_!Hu3I62S(uN=F@To9U3$jZ`NfB->n`7J^9*=r{8C)aXQ{{%Si=+DFTFm0FuvYJ
zid~ATYAOy`1Fysirp0y4GFVN(FdKNCDkF#K!CI|D#wq5%wPt;$(`{3E@(HVbG`?q7uR>AI7t5Z&Xarv>6jm@py{X^s57gfvV
zYEm{fO2$c6CzxAUR*}PUJw~KrP4mZ7vpW#I7ksnFVGeVc!yM)?hdIn)4s)2p9NuKG
zkmNj<+iEy`elBU*7>Ni9R-xpl1?cjvf)(6f;2@u&t_zV<(OG-Xb&dv;l-8t)r#Fu~
z#h6YL&py!jcv8VB&RyzyOKl0&tDSeasdqMfR44g4Sfd^v9{ka76_A(;ra65K_&hIGHc^bT3I}W00000NkvXXu0mjfTpG$c
literal 0
HcmV?d00001
diff --git a/_site/assets/img/apple-touch-icon-144x144-precomposed.png b/_site/assets/img/apple-touch-icon-144x144-precomposed.png
new file mode 100644
index 0000000000000000000000000000000000000000..09aa93aa68e4e851a19d919d8baeddd70c9e2b2c
GIT binary patch
literal 1129
zcmV-v1eW`WP)iy#
zDoK2Z2#+3o5Tde!4hpmApu>{R-JIj!Tx;Vx9=q+#{>tC?!55vKkH7!Se`e=5GlXC;
zeI``k9gD#I`}N_;qMC|Ihf-0!UR^VbSQpyI1G@Z6)HiH
z1E2zU6>1YjS%CuL$tDK?-r#M9je
zcw!TVB&8Kqg9{>ImLqk_~9JS|L3g#~G&TD!Ll@
z02m;FYz=HgP%1QDGRF)CNX;#C#|Huu$N_WAfPi>12iA~L(yz%FGbq~-PfiZk8LI5ys1+b=55(qdbzgoWeZyzavM5a&?-xX
z;u1$so1eRF-^ojL_nJSoS$bG5g4TJ`CNId_x~H_FuJJ|dub^I<-lmde(KQfbEg#xC
zBeYJLwM!}zH)?PdQq1{Jk`)NM{ZD_8PBdrd=uC_f
z+vJ@wKX>!)6Xn-$K7RXM3BC=(D4iIcgDW3DB5h_?{`TUsOEtHfKmJgnQlUH&qxb6h
zpp!yReDcKE*&BBrJX2MF|GAXq8mPkwnszUN&AAcnKQs=;DJ*Z?;sEYj2c;Ai2)~yh
z2tf!!5P}edAOs-@K?p(+f)Iot1R)4P2trV}puDJnC@%kFTDg14Xu+|aDq%%Q!&klgCQ3audON6!mU&6!Yh=Cv
zpcj}XyOmxq00000J*j{F000DJNkl
z9w1U}@j(!Mu%h-s#M)YKNwwHY)ik>^Id-OZ@q_flxLli&U)nM^XfgAf!H
zRJ)QKFX7(`OrAb>wxcy?b_V+W%mkGAnG)(?5lRY>m}5-
z?bb6pZ*bx0Ni*gxS-rlbY|nwCCof#Dyj%6O_RWXS%|Vq=+h96QG;m`6vP1Q;#t%$i
zdOK`iKxy5x`{fTEHRKdk?Sq*(nawuPR;t8IEENexiK3{_vt+X*QEZz&NNAR2{ILOM
zJmb>Pw)n6P&&wpE%y-d|+Xd@5u`bPskw3aG`GLu3C7&=6<$jIoOMYNXaXTt9j$ks{
z64e4%iH(dJWjTTgNO;mVlyL-OP3&)Lf+v`SX7HI9n-;%`$asRW$WBKF49;LH_=Jh5
ze{*=i;0ned72(MEg2`xexDnnGE5K%7@&#iDJ~9UkzF@4CeP%11!6Y=5%dTWcX1p@`
zk~0{K?1a$_f3W2=sC|79Qd_x#38-(A{w!m2#t}ThSZzCV%;)nR_Z{np1fF1auZP%|
zSmY}NfioDli2)2?00S7n00uD2EJx6mCG_QpOkc
zlI2LB$A!I27d^7In><v3YN{BYP3L~^(W9i|uH>>Ib-z=+!L^alUvAKfkc4F<4F)=aDz;&3O491eAxU17~jBd-kCzWc?#H-wBu!C+kgI
z`+g}sXXu!jD>m&qa=!B6i;peV_fFcF!V6NbBB$azoumG@vC^QQ;o}>?00uCC0SsUO0~o*n
z1~7mD3}65Q7{CAqFn|FJU;z6|U>>wR-nBi+gK78Id*UTlo1$+HAiAv!??{k3@SNqA
z{m3%pr-gYQ{YV#e45hD}c}H#V*Qjxqn}g3Tm(Cd=yQMQx8DmSXz1DB?h_hRW`THMC
zH#a|`a~9WYa@mcKw9|b;w54xD7p%FqbKW42vx!aLeY?>>sa@Gwg+z8>2|Z^zr(UY&
z_BdEke`}ANaCU@FK$26i2C5{saSzKbM8`V^`;!fY2*3c=1y~^QjnNc^-^3<521~zK
vS$;FYDlf0J=ibS`t6=j+C@3hXf3bc7za_GSco&4s00000NkvXXu0mjfKS?yl
literal 0
HcmV?d00001
diff --git a/_site/assets/img/apple-touch-icon-180x180-precomposed.png b/_site/assets/img/apple-touch-icon-180x180-precomposed.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f0e0dadd3b2162d8cdee608b9d8291a68fd028f
GIT binary patch
literal 1361
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
literal 0
HcmV?d00001
diff --git a/_site/assets/img/favicon-32x32.png b/_site/assets/img/favicon-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..beeba850b05cc17d4decf98ca4fb04f3123a5c6e
GIT binary patch
literal 388
zcmV-~0ek+5P)OYDC
z1|WMONP!;%D-#f~Gc;o=KsJGy!TLX%8&DN6GO*vos{lyWKXHb+2b%&0cpzaYU}0op
zW@cewU}VIqzz@Y(tS0b?s+hXRrLtjF@bCZSGY{YW`v3R;Gj0ZKR=^_a-~T6ESQY&H
zKfiw7hQpU1etU@B1eiBDMC6!oI5L2Nof$(8(*#CFCj1Hrnm{WB3-HASBMUps1U44z
zN|+edfD|M$U<(CC29dm#cYlHM#kU)4>TEC)3rf!V^ZzJ@DNGDTOJ~hn00Q&p&0buI
iVFD3=kp&5$`T_t^g6hOWAnASp0000!Qm5
literal 0
HcmV?d00001
diff --git a/_site/assets/img/logo.png b/_site/assets/img/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..998a3c93735f6bbd7a111031d09474964542b78e
GIT binary patch
literal 15290
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