You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@netbeans.apache.org by vi...@apache.org on 2018/02/22 15:40:26 UTC
[incubator-netbeans-website] branch multisite-test updated: Initial
refactoring to use Foundation SASS files,
start modularizing NetBeans SASS and build to single CSS file. (#3)
This is an automated email from the ASF dual-hosted git repository.
vieiro pushed a commit to branch multisite-test
in repository https://gitbox.apache.org/repos/asf/incubator-netbeans-website.git
The following commit(s) were added to refs/heads/multisite-test by this push:
new c7a79ab Initial refactoring to use Foundation SASS files, start modularizing NetBeans SASS and build to single CSS file. (#3)
c7a79ab is described below
commit c7a79ab01bb22aefea661d97206dd497c87292ba
Author: Neil C Smith <ne...@googlemail.com>
AuthorDate: Thu Feb 22 15:40:23 2018 +0000
Initial refactoring to use Foundation SASS files, start modularizing NetBeans SASS and build to single CSS file. (#3)
Superb job by Neil. Thanks!
---
netbeans.apache.org/build.gradle | 10 +-
.../src/content/css/README.asciidoc | 8 -
netbeans.apache.org/src/content/css/foundation.css | 5749 --------------------
.../src/content/css/foundation.min.css | 1 -
netbeans.apache.org/src/content/css/netbeans.scss | 415 --
.../src/content/images/hero-background.jpg | Bin 117373 -> 91705 bytes
.../src/content/participate/index.asciidoc | 2 +-
.../content/scss/_vendor/foundation-sites/LICENSE | 22 +
.../_vendor/normalize-scss/sass/_normalize.scss | 3 +
.../normalize-scss/sass/normalize/_import-now.scss | 11 +
.../sass/normalize/_normalize-mixin.scss | 676 +++
.../normalize-scss/sass/normalize/_variables.scss | 36 +
.../sass/normalize/_vertical-rhythm.scss | 61 +
.../stylesheets/functions/_contain.scss | 31 +
.../sassy-lists/stylesheets/functions/_purge.scss | 38 +
.../sassy-lists/stylesheets/functions/_remove.scss | 31 +
.../stylesheets/functions/_replace.scss | 46 +
.../stylesheets/functions/_to-list.scss | 27 +
.../stylesheets/helpers/_missing-dependencies.scss | 25 +
.../sassy-lists/stylesheets/helpers/_true.scss | 13 +
.../_vendor/foundation-sites/scss/_global.scss | 249 +
.../scss/components/_accordion-menu.scss | 171 +
.../scss/components/_accordion.scss | 155 +
.../foundation-sites/scss/components/_badge.scss | 63 +
.../scss/components/_breadcrumbs.scss | 117 +
.../scss/components/_button-group.scss | 253 +
.../foundation-sites/scss/components/_button.scss | 385 ++
.../foundation-sites/scss/components/_callout.scss | 106 +
.../foundation-sites/scss/components/_card.scss | 129 +
.../scss/components/_close-button.scss | 102 +
.../scss/components/_drilldown.scss | 142 +
.../scss/components/_dropdown-menu.scss | 274 +
.../scss/components/_dropdown.scss | 79 +
.../scss/components/_flex-video.scss | 1 +
.../foundation-sites/scss/components/_flex.scss | 117 +
.../foundation-sites/scss/components/_float.scss | 27 +
.../foundation-sites/scss/components/_label.scss | 64 +
.../scss/components/_media-object.scss | 114 +
.../scss/components/_menu-icon.scss | 9 +
.../foundation-sites/scss/components/_menu.scss | 495 ++
.../scss/components/_off-canvas.scss | 506 ++
.../foundation-sites/scss/components/_orbit.scss | 196 +
.../scss/components/_pagination.scss | 193 +
.../scss/components/_progress-bar.scss | 64 +
.../scss/components/_responsive-embed.scss | 70 +
.../foundation-sites/scss/components/_reveal.scss | 180 +
.../foundation-sites/scss/components/_slider.scss | 137 +
.../foundation-sites/scss/components/_sticky.scss | 39 +
.../foundation-sites/scss/components/_switch.scss | 247 +
.../foundation-sites/scss/components/_table.scss | 330 ++
.../foundation-sites/scss/components/_tabs.scss | 196 +
.../scss/components/_thumbnail.scss | 67 +
.../scss/components/_title-bar.scss | 84 +
.../foundation-sites/scss/components/_tooltip.scss | 160 +
.../foundation-sites/scss/components/_top-bar.scss | 175 +
.../scss/components/_visibility.scss | 132 +
.../foundation-sites/scss/forms/_checkbox.scss | 41 +
.../foundation-sites/scss/forms/_error.scss | 88 +
.../foundation-sites/scss/forms/_fieldset.scss | 53 +
.../foundation-sites/scss/forms/_forms.scss | 34 +
.../foundation-sites/scss/forms/_help-text.scss | 30 +
.../foundation-sites/scss/forms/_input-group.scss | 142 +
.../foundation-sites/scss/forms/_label.scss | 50 +
.../foundation-sites/scss/forms/_meter.scss | 116 +
.../foundation-sites/scss/forms/_progress.scss | 94 +
.../foundation-sites/scss/forms/_range.scss | 149 +
.../foundation-sites/scss/forms/_select.scss | 86 +
.../_vendor/foundation-sites/scss/forms/_text.scss | 179 +
.../_vendor/foundation-sites/scss/foundation.scss | 133 +
.../foundation-sites/scss/grid/_classes.scss | 176 +
.../foundation-sites/scss/grid/_column.scss | 112 +
.../foundation-sites/scss/grid/_flex-grid.scss | 259 +
.../_vendor/foundation-sites/scss/grid/_grid.scss | 48 +
.../foundation-sites/scss/grid/_gutter.scss | 82 +
.../foundation-sites/scss/grid/_layout.scss | 76 +
.../foundation-sites/scss/grid/_position.scss | 76 +
.../_vendor/foundation-sites/scss/grid/_row.scss | 99 +
.../_vendor/foundation-sites/scss/grid/_size.scss | 24 +
.../foundation-sites/scss/prototype/_arrow.scss | 36 +
.../scss/prototype/_border-box.scss | 35 +
.../scss/prototype/_border-none.scss | 35 +
.../foundation-sites/scss/prototype/_bordered.scss | 54 +
.../foundation-sites/scss/prototype/_box.scss | 23 +
.../foundation-sites/scss/prototype/_display.scss | 50 +
.../scss/prototype/_font-styling.scss | 95 +
.../scss/prototype/_list-style-type.scss | 95 +
.../foundation-sites/scss/prototype/_overflow.scss | 72 +
.../foundation-sites/scss/prototype/_position.scss | 114 +
.../scss/prototype/_prototype.scss | 87 +
.../foundation-sites/scss/prototype/_relation.scss | 157 +
.../foundation-sites/scss/prototype/_rotate.scss | 31 +
.../foundation-sites/scss/prototype/_rounded.scss | 54 +
.../scss/prototype/_separator.scss | 96 +
.../foundation-sites/scss/prototype/_shadow.scss | 43 +
.../foundation-sites/scss/prototype/_sizing.scss | 73 +
.../foundation-sites/scss/prototype/_spacing.scss | 204 +
.../scss/prototype/_text-decoration.scss | 48 +
.../scss/prototype/_text-transformation.scss | 48 +
.../scss/prototype/_text-utilities.scss | 88 +
.../foundation-sites/scss/settings/_settings.scss | 869 +++
.../scss/typography/_alignment.scss | 22 +
.../foundation-sites/scss/typography/_base.scss | 509 ++
.../foundation-sites/scss/typography/_helpers.scss | 80 +
.../foundation-sites/scss/typography/_print.scss | 86 +
.../scss/typography/_typography.scss | 26 +
.../foundation-sites/scss/util/_breakpoint.scss | 348 ++
.../_vendor/foundation-sites/scss/util/_color.scss | 129 +
.../foundation-sites/scss/util/_direction.scss | 31 +
.../_vendor/foundation-sites/scss/util/_flex.scss | 85 +
.../_vendor/foundation-sites/scss/util/_math.scss | 72 +
.../foundation-sites/scss/util/_mixins.scss | 313 ++
.../foundation-sites/scss/util/_selector.scss | 41 +
.../foundation-sites/scss/util/_typography.scss | 26 +
.../_vendor/foundation-sites/scss/util/_unit.scss | 152 +
.../_vendor/foundation-sites/scss/util/_util.scss | 14 +
.../_vendor/foundation-sites/scss/util/_value.scss | 160 +
.../foundation-sites/scss/xy-grid/_cell.scss | 169 +
.../foundation-sites/scss/xy-grid/_classes.scss | 476 ++
.../foundation-sites/scss/xy-grid/_collapse.scss | 74 +
.../foundation-sites/scss/xy-grid/_frame.scss | 85 +
.../foundation-sites/scss/xy-grid/_grid.scss | 35 +
.../foundation-sites/scss/xy-grid/_gutters.scss | 45 +
.../foundation-sites/scss/xy-grid/_layout.scss | 33 +
.../foundation-sites/scss/xy-grid/_position.scss | 28 +
.../foundation-sites/scss/xy-grid/_xy-grid.scss | 51 +
.../src/content/scss/_vendor/motion-ui/LICENSE | 22 +
.../content/scss/_vendor/motion-ui/motion-ui.scss | 4 +
.../scss/_vendor/motion-ui/src/_classes.scss | 109 +
.../scss/_vendor/motion-ui/src/_settings.scss | 61 +
.../scss/_vendor/motion-ui/src/effects/_fade.scss | 32 +
.../scss/_vendor/motion-ui/src/effects/_hinge.scss | 65 +
.../scss/_vendor/motion-ui/src/effects/_shake.scss | 15 +
.../scss/_vendor/motion-ui/src/effects/_slide.scss | 41 +
.../scss/_vendor/motion-ui/src/effects/_spin.scss | 28 +
.../_vendor/motion-ui/src/effects/_wiggle.scss | 13 +
.../scss/_vendor/motion-ui/src/effects/_zoom.scss | 15 +
.../scss/_vendor/motion-ui/src/motion-ui.scss | 29 +
.../_vendor/motion-ui/src/transitions/_fade.scss | 28 +
.../_vendor/motion-ui/src/transitions/_hinge.scss | 43 +
.../_vendor/motion-ui/src/transitions/_slide.scss | 42 +
.../_vendor/motion-ui/src/transitions/_spin.scss | 39 +
.../_vendor/motion-ui/src/transitions/_zoom.scss | 39 +
.../_vendor/motion-ui/src/util/_animation.scss | 7 +
.../scss/_vendor/motion-ui/src/util/_args.scss | 15 +
.../scss/_vendor/motion-ui/src/util/_keyframe.scss | 136 +
.../scss/_vendor/motion-ui/src/util/_selector.scss | 23 +
.../scss/_vendor/motion-ui/src/util/_series.scss | 54 +
.../_vendor/motion-ui/src/util/_transition.scss | 45 +
.../scss/_vendor/motion-ui/src/util/_unit.scss | 7 +
.../src/content/scss/base/_base.scss | 4 +
.../src/content/{css => scss/base}/_colors.scss | 0
.../src/content/{css => scss/base}/_fonts.scss | 2 +-
.../src/content/scss/base/_settings.scss | 864 +++
.../src/content/scss/common/_netbeans.scss | 310 ++
.../src/content/scss/components/_footer.scss | 64 +
netbeans.apache.org/src/content/scss/netbeans.scss | 14 +
netbeans.apache.org/src/content/templates/head.gsp | 2 -
.../src/content/templates/slider.gsp | 6 +-
158 files changed, 16671 insertions(+), 6184 deletions(-)
diff --git a/netbeans.apache.org/build.gradle b/netbeans.apache.org/build.gradle
index ad96ad1..7fcb70c 100644
--- a/netbeans.apache.org/build.gradle
+++ b/netbeans.apache.org/build.gradle
@@ -23,10 +23,12 @@ loadGlobals(globalsFile)
task compileContentSass(type: io.freefair.gradle.plugins.jsass.SassCompile,
description: "Compiles the projects SaSS files to the build directory.",
group: "Build") {
- sourceDir = contentDir
- destinationDir = generatedAssetDir
- // Compile all SCSS files in src/content/css
- includePaths = files(new File(contentDir, "scss"))
+ sourceDir = file("$contentDir/scss")
+ destinationDir = file("$generatedAssetDir/css")
+ // Compile netbeans.scss, which imports all requirements
+ includePaths = files(file("$contentDir/scss/netbeans.scss"))
+ // @TODO - source maps not currently working
+ omitSourceMapUrl = true
// Compress the generated CSS
outputStyle = io.bit3.jsass.OutputStyle.COMPRESSED
// Precission to 3 digits
diff --git a/netbeans.apache.org/src/content/css/README.asciidoc b/netbeans.apache.org/src/content/css/README.asciidoc
deleted file mode 100644
index 9aff3e3..0000000
--- a/netbeans.apache.org/src/content/css/README.asciidoc
+++ /dev/null
@@ -1,8 +0,0 @@
-= CSS
-
-This directory contains the website SCSS files (currently link:netbeans.scss[netbeans.scss]).
-
-This site currently uses Foundation 6 CSS, using https://foundation.zurb.com/sites/docs/xy-grid.html[the XY Grid], and
-the font awesome icon font.
-
-
diff --git a/netbeans.apache.org/src/content/css/foundation.css b/netbeans.apache.org/src/content/css/foundation.css
deleted file mode 100644
index 264530b..0000000
--- a/netbeans.apache.org/src/content/css/foundation.css
+++ /dev/null
@@ -1,5749 +0,0 @@
-@charset "UTF-8";
-/**
- * Foundation for Sites by ZURB
- * Version 6.4.2
- * foundation.zurb.com
- * Licensed under MIT Open Source
- */
-@media print, screen and (min-width: 40em) {
- .reveal, .reveal.tiny, .reveal.small, .reveal.large {
- right: auto;
- left: auto;
- margin: 0 auto; } }
-
-/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
-/* Document
- ========================================================================== */
-/**
- * 1. Change the default font family in all browsers (opinionated).
- * 2. Correct the line height in all browsers.
- * 3. Prevent adjustments of font size after orientation changes in
- * IE on Windows Phone and in iOS.
- */
-html {
- font-family: sans-serif;
- /* 1 */
- line-height: 1.15;
- /* 2 */
- -ms-text-size-adjust: 100%;
- /* 3 */
- -webkit-text-size-adjust: 100%;
- /* 3 */ }
-
-/* Sections
- ========================================================================== */
-/**
- * Remove the margin in all browsers (opinionated).
- */
-body {
- margin: 0; }
-
-/**
- * Add the correct display in IE 9-.
- */
-article,
-aside,
-footer,
-header,
-nav,
-section {
- display: block; }
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-h1 {
- font-size: 2em;
- margin: 0.67em 0; }
-
-/* Grouping content
- ========================================================================== */
-/**
- * Add the correct display in IE 9-.
- */
-figcaption,
-figure {
- display: block; }
-
-/**
- * Add the correct margin in IE 8.
- */
-figure {
- margin: 1em 40px; }
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-hr {
- box-sizing: content-box;
- /* 1 */
- height: 0;
- /* 1 */
- overflow: visible;
- /* 2 */ }
-
-/**
- * Add the correct display in IE.
- */
-main {
- display: block; }
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-pre {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */ }
-
-/* Links
- ========================================================================== */
-/**
- * 1. Remove the gray background on active links in IE 10.
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
- */
-a {
- background-color: transparent;
- /* 1 */
- -webkit-text-decoration-skip: objects;
- /* 2 */ }
-
-/**
- * Remove the outline on focused links when they are also active or hovered
- * in all browsers (opinionated).
- */
-a:active,
-a:hover {
- outline-width: 0; }
-
-/* Text-level semantics
- ========================================================================== */
-/**
- * 1. Remove the bottom border in Firefox 39-.
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-abbr[title] {
- border-bottom: none;
- /* 1 */
- text-decoration: underline;
- /* 2 */
- text-decoration: underline dotted;
- /* 2 */ }
-
-/**
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
- */
-b,
-strong {
- font-weight: inherit; }
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-b,
-strong {
- font-weight: bolder; }
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-code,
-kbd,
-samp {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */ }
-
-/**
- * Add the correct font style in Android 4.3-.
- */
-dfn {
- font-style: italic; }
-
-/**
- * Add the correct background and color in IE 9-.
- */
-mark {
- background-color: #ff0;
- color: #000; }
-
-/**
- * Add the correct font size in all browsers.
- */
-small {
- font-size: 80%; }
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline; }
-
-sub {
- bottom: -0.25em; }
-
-sup {
- top: -0.5em; }
-
-/* Embedded content
- ========================================================================== */
-/**
- * Add the correct display in IE 9-.
- */
-audio,
-video {
- display: inline-block; }
-
-/**
- * Add the correct display in iOS 4-7.
- */
-audio:not([controls]) {
- display: none;
- height: 0; }
-
-/**
- * Remove the border on images inside links in IE 10-.
- */
-img {
- border-style: none; }
-
-/**
- * Hide the overflow in IE.
- */
-svg:not(:root) {
- overflow: hidden; }
-
-/* Forms
- ========================================================================== */
-/**
- * 1. Change the font styles in all browsers (opinionated).
- * 2. Remove the margin in Firefox and Safari.
- */
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family: sans-serif;
- /* 1 */
- font-size: 100%;
- /* 1 */
- line-height: 1.15;
- /* 1 */
- margin: 0;
- /* 2 */ }
-
-/**
- * Show the overflow in IE.
- */
-button {
- overflow: visible; }
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-button,
-select {
- /* 1 */
- text-transform: none; }
-
-/**
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
- * controls in Android 4.
- * 2. Correct the inability to style clickable types in iOS and Safari.
- */
-button,
-html [type="button"],
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button;
- /* 2 */ }
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
- /**
- * Remove the inner border and padding in Firefox.
- */
- /**
- * Restore the focus styles unset by the previous rule.
- */ }
- button::-moz-focus-inner,
- [type="button"]::-moz-focus-inner,
- [type="reset"]::-moz-focus-inner,
- [type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0; }
- button:-moz-focusring,
- [type="button"]:-moz-focusring,
- [type="reset"]:-moz-focusring,
- [type="submit"]:-moz-focusring {
- outline: 1px dotted ButtonText; }
-
-/**
- * Show the overflow in Edge.
- */
-input {
- overflow: visible; }
-
-/**
- * 1. Add the correct box sizing in IE 10-.
- * 2. Remove the padding in IE 10-.
- */
-[type="checkbox"],
-[type="radio"] {
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */ }
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto; }
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-[type="search"] {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */
- /**
- * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
- */ }
- [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
- -webkit-appearance: none; }
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */ }
-
-/**
- * Change the border, margin, and padding in all browsers (opinionated).
- */
-fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em; }
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- * `fieldset` elements in all browsers.
- */
-legend {
- box-sizing: border-box;
- /* 1 */
- display: table;
- /* 1 */
- max-width: 100%;
- /* 1 */
- padding: 0;
- /* 3 */
- color: inherit;
- /* 2 */
- white-space: normal;
- /* 1 */ }
-
-/**
- * 1. Add the correct display in IE 9-.
- * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-progress {
- display: inline-block;
- /* 1 */
- vertical-align: baseline;
- /* 2 */ }
-
-/**
- * Remove the default vertical scrollbar in IE.
- */
-textarea {
- overflow: auto; }
-
-/* Interactive
- ========================================================================== */
-/*
- * Add the correct display in Edge, IE, and Firefox.
- */
-details {
- display: block; }
-
-/*
- * Add the correct display in all browsers.
- */
-summary {
- display: list-item; }
-
-/*
- * Add the correct display in IE 9-.
- */
-menu {
- display: block; }
-
-/* Scripting
- ========================================================================== */
-/**
- * Add the correct display in IE 9-.
- */
-canvas {
- display: inline-block; }
-
-/**
- * Add the correct display in IE.
- */
-template {
- display: none; }
-
-/* Hidden
- ========================================================================== */
-/**
- * Add the correct display in IE 10-.
- */
-[hidden] {
- display: none; }
-
-.foundation-mq {
- font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
-
-html {
- box-sizing: border-box;
- font-size: 100%; }
-
-*,
-*::before,
-*::after {
- box-sizing: inherit; }
-
-body {
- margin: 0;
- padding: 0;
- background: #fefefe;
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- font-weight: normal;
- line-height: 1.5;
- color: #0a0a0a;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale; }
-
-img {
- display: inline-block;
- vertical-align: middle;
- max-width: 100%;
- height: auto;
- -ms-interpolation-mode: bicubic; }
-
-textarea {
- height: auto;
- min-height: 50px;
- border-radius: 3px; }
-
-select {
- box-sizing: border-box;
- width: 100%;
- border-radius: 3px; }
-
-.map_canvas img,
-.map_canvas embed,
-.map_canvas object,
-.mqa-display img,
-.mqa-display embed,
-.mqa-display object {
- max-width: none !important; }
-
-button {
- padding: 0;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border: 0;
- border-radius: 3px;
- background: transparent;
- line-height: 1;
- cursor: auto; }
- [data-whatinput='mouse'] button {
- outline: 0; }
-
-pre {
- overflow: auto; }
-
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family: inherit; }
-
-.is-visible {
- display: block !important; }
-
-.is-hidden {
- display: none !important; }
-
-div,
-dl,
-dt,
-dd,
-ul,
-ol,
-li,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-pre,
-form,
-p,
-blockquote,
-th,
-td {
- margin: 0;
- padding: 0; }
-
-p {
- margin-bottom: 1rem;
- font-size: inherit;
- line-height: 1.6;
- text-rendering: optimizeLegibility; }
-
-em,
-i {
- font-style: italic;
- line-height: inherit; }
-
-strong,
-b {
- font-weight: bold;
- line-height: inherit; }
-
-small {
- font-size: 80%;
- line-height: inherit; }
-
-h1, .h1,
-h2, .h2,
-h3, .h3,
-h4, .h4,
-h5, .h5,
-h6, .h6 {
- font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- font-style: normal;
- font-weight: normal;
- color: inherit;
- text-rendering: optimizeLegibility; }
- h1 small, .h1 small,
- h2 small, .h2 small,
- h3 small, .h3 small,
- h4 small, .h4 small,
- h5 small, .h5 small,
- h6 small, .h6 small {
- line-height: 0;
- color: #cacaca; }
-
-h1, .h1 {
- font-size: 1.5rem;
- line-height: 1.4;
- margin-top: 0;
- margin-bottom: 0.5rem; }
-
-h2, .h2 {
- font-size: 1.25rem;
- line-height: 1.4;
- margin-top: 0;
- margin-bottom: 0.5rem; }
-
-h3, .h3 {
- font-size: 1.1875rem;
- line-height: 1.4;
- margin-top: 0;
- margin-bottom: 0.5rem; }
-
-h4, .h4 {
- font-size: 1.125rem;
- line-height: 1.4;
- margin-top: 0;
- margin-bottom: 0.5rem; }
-
-h5, .h5 {
- font-size: 1.0625rem;
- line-height: 1.4;
- margin-top: 0;
- margin-bottom: 0.5rem; }
-
-h6, .h6 {
- font-size: 1rem;
- line-height: 1.4;
- margin-top: 0;
- margin-bottom: 0.5rem; }
-
-@media print, screen and (min-width: 40em) {
- h1, .h1 {
- font-size: 3rem; }
- h2, .h2 {
- font-size: 2.5rem; }
- h3, .h3 {
- font-size: 1.9375rem; }
- h4, .h4 {
- font-size: 1.5625rem; }
- h5, .h5 {
- font-size: 1.25rem; }
- h6, .h6 {
- font-size: 1rem; } }
-
-a {
- line-height: inherit;
- color: #2ba6cb;
- text-decoration: none;
- cursor: pointer; }
- a:hover, a:focus {
- color: #258faf; }
- a img {
- border: 0; }
-
-hr {
- clear: both;
- max-width: 62.5rem;
- height: 0;
- margin: 1.25rem auto;
- border-top: 0;
- border-right: 0;
- border-bottom: 1px solid #cacaca;
- border-left: 0; }
-
-ul,
-ol,
-dl {
- margin-bottom: 1rem;
- list-style-position: outside;
- line-height: 1.6; }
-
-li {
- font-size: inherit; }
-
-ul {
- margin-left: 1.25rem;
- list-style-type: disc; }
-
-ol {
- margin-left: 1.25rem; }
-
-ul ul, ol ul, ul ol, ol ol {
- margin-left: 1.25rem;
- margin-bottom: 0; }
-
-dl {
- margin-bottom: 1rem; }
- dl dt {
- margin-bottom: 0.3rem;
- font-weight: bold; }
-
-blockquote {
- margin: 0 0 1rem;
- padding: 0.5625rem 1.25rem 0 1.1875rem;
- border-left: 1px solid #cacaca; }
- blockquote, blockquote p {
- line-height: 1.6;
- color: #8a8a8a; }
-
-cite {
- display: block;
- font-size: 0.8125rem;
- color: #8a8a8a; }
- cite:before {
- content: "— "; }
-
-abbr, abbr[title] {
- border-bottom: 1px dotted #0a0a0a;
- cursor: help;
- text-decoration: none; }
-
-figure {
- margin: 0; }
-
-code {
- padding: 0.125rem 0.3125rem 0.0625rem;
- border: 1px solid #cacaca;
- background-color: #e6e6e6;
- font-family: Consolas, "Liberation Mono", Courier, monospace;
- font-weight: normal;
- color: #0a0a0a; }
-
-kbd {
- margin: 0;
- padding: 0.125rem 0.25rem 0;
- background-color: #e6e6e6;
- font-family: Consolas, "Liberation Mono", Courier, monospace;
- color: #0a0a0a;
- border-radius: 3px; }
-
-.subheader {
- margin-top: 0.2rem;
- margin-bottom: 0.5rem;
- font-weight: normal;
- line-height: 1.4;
- color: #8a8a8a; }
-
-.lead {
- font-size: 125%;
- line-height: 1.6; }
-
-.stat {
- font-size: 2.5rem;
- line-height: 1; }
- p + .stat {
- margin-top: -1rem; }
-
-ul.no-bullet, ol.no-bullet {
- margin-left: 0;
- list-style: none; }
-
-.text-left {
- text-align: left; }
-
-.text-right {
- text-align: right; }
-
-.text-center {
- text-align: center; }
-
-.text-justify {
- text-align: justify; }
-
-@media print, screen and (min-width: 40em) {
- .medium-text-left {
- text-align: left; }
- .medium-text-right {
- text-align: right; }
- .medium-text-center {
- text-align: center; }
- .medium-text-justify {
- text-align: justify; } }
-
-@media print, screen and (min-width: 64em) {
- .large-text-left {
- text-align: left; }
- .large-text-right {
- text-align: right; }
- .large-text-center {
- text-align: center; }
- .large-text-justify {
- text-align: justify; } }
-
-.show-for-print {
- display: none !important; }
-
-@media print {
- * {
- background: transparent !important;
- box-shadow: none !important;
- color: black !important;
- text-shadow: none !important; }
- .show-for-print {
- display: block !important; }
- .hide-for-print {
- display: none !important; }
- table.show-for-print {
- display: table !important; }
- thead.show-for-print {
- display: table-header-group !important; }
- tbody.show-for-print {
- display: table-row-group !important; }
- tr.show-for-print {
- display: table-row !important; }
- td.show-for-print {
- display: table-cell !important; }
- th.show-for-print {
- display: table-cell !important; }
- a,
- a:visited {
- text-decoration: underline; }
- a[href]:after {
- content: " (" attr(href) ")"; }
- .ir a:after,
- a[href^='javascript:']:after,
- a[href^='#']:after {
- content: ''; }
- abbr[title]:after {
- content: " (" attr(title) ")"; }
- pre,
- blockquote {
- border: 1px solid #8a8a8a;
- page-break-inside: avoid; }
- thead {
- display: table-header-group; }
- tr,
- img {
- page-break-inside: avoid; }
- img {
- max-width: 100% !important; }
- @page {
- margin: 0.5cm; }
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3; }
- h2,
- h3 {
- page-break-after: avoid; }
- .print-break-inside {
- page-break-inside: auto; } }
-
-[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
-textarea {
- display: block;
- box-sizing: border-box;
- width: 100%;
- height: 2.4375rem;
- margin: 0 0 1rem;
- padding: 0.5rem;
- border: 1px solid #cacaca;
- border-radius: 3px;
- background-color: #fefefe;
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
- font-family: inherit;
- font-size: 1rem;
- font-weight: normal;
- line-height: 1.5;
- color: #0a0a0a;
- transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none; }
- [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
- textarea:focus {
- outline: none;
- border: 1px solid #8a8a8a;
- background-color: #fefefe;
- box-shadow: 0 0 5px #cacaca;
- transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
-
-textarea {
- max-width: 100%; }
- textarea[rows] {
- height: auto; }
-
-input::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder {
- color: #cacaca; }
-
-input::-moz-placeholder,
-textarea::-moz-placeholder {
- color: #cacaca; }
-
-input:-ms-input-placeholder,
-textarea:-ms-input-placeholder {
- color: #cacaca; }
-
-input::placeholder,
-textarea::placeholder {
- color: #cacaca; }
-
-input:disabled, input[readonly],
-textarea:disabled,
-textarea[readonly] {
- background-color: #e6e6e6;
- cursor: not-allowed; }
-
-[type='submit'],
-[type='button'] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border-radius: 3px; }
-
-input[type='search'] {
- box-sizing: border-box; }
-
-[type='file'],
-[type='checkbox'],
-[type='radio'] {
- margin: 0 0 1rem; }
-
-[type='checkbox'] + label,
-[type='radio'] + label {
- display: inline-block;
- vertical-align: baseline;
- margin-left: 0.5rem;
- margin-right: 1rem;
- margin-bottom: 0; }
- [type='checkbox'] + label[for],
- [type='radio'] + label[for] {
- cursor: pointer; }
-
-label > [type='checkbox'],
-label > [type='radio'] {
- margin-right: 0.5rem; }
-
-[type='file'] {
- width: 100%; }
-
-label {
- display: block;
- margin: 0;
- font-size: 0.875rem;
- font-weight: normal;
- line-height: 1.8;
- color: #0a0a0a; }
- label.middle {
- margin: 0 0 1rem;
- padding: 0.5625rem 0; }
-
-.help-text {
- margin-top: -0.5rem;
- font-size: 0.8125rem;
- font-style: italic;
- color: #0a0a0a; }
-
-.input-group {
- display: -ms-flexbox;
- display: flex;
- width: 100%;
- margin-bottom: 1rem;
- -ms-flex-align: stretch;
- align-items: stretch; }
- .input-group > :first-child {
- border-radius: 3px 0 0 3px; }
- .input-group > :last-child > * {
- border-radius: 0 3px 3px 0; }
-
-.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
-.input-group-button input,
-.input-group-button button,
-.input-group-button label {
- margin: 0;
- white-space: nowrap; }
-
-.input-group-label {
- padding: 0 1rem;
- border: 1px solid #cacaca;
- background: #e6e6e6;
- color: #0a0a0a;
- text-align: center;
- white-space: nowrap;
- display: -ms-flexbox;
- display: flex;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- -ms-flex-align: center;
- align-items: center; }
- .input-group-label:first-child {
- border-right: 0; }
- .input-group-label:last-child {
- border-left: 0; }
-
-.input-group-field {
- border-radius: 0;
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- height: auto;
- min-width: 0; }
-
-.input-group-button {
- padding-top: 0;
- padding-bottom: 0;
- text-align: center;
- display: -ms-flexbox;
- display: flex;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto; }
- .input-group-button a,
- .input-group-button input,
- .input-group-button button,
- .input-group-button label {
- height: auto;
- -ms-flex-item-align: stretch;
- -ms-grid-row-align: stretch;
- align-self: stretch;
- padding-top: 0;
- padding-bottom: 0;
- font-size: 1rem; }
-
-fieldset {
- margin: 0;
- padding: 0;
- border: 0; }
-
-legend {
- max-width: 100%;
- margin-bottom: 0.5rem; }
-
-.fieldset {
- margin: 1.125rem 0;
- padding: 1.25rem;
- border: 1px solid #cacaca; }
- .fieldset legend {
- margin: 0;
- margin-left: -0.1875rem;
- padding: 0 0.1875rem; }
-
-select {
- height: 2.4375rem;
- margin: 0 0 1rem;
- padding: 0.5rem;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border: 1px solid #cacaca;
- border-radius: 3px;
- background-color: #fefefe;
- font-family: inherit;
- font-size: 1rem;
- font-weight: normal;
- line-height: 1.5;
- color: #0a0a0a;
- background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
- background-origin: content-box;
- background-position: right -1rem center;
- background-repeat: no-repeat;
- background-size: 9px 6px;
- padding-right: 1.5rem;
- transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
- @media screen and (min-width: 0\0) {
- select {
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
- select:focus {
- outline: none;
- border: 1px solid #8a8a8a;
- background-color: #fefefe;
- box-shadow: 0 0 5px #cacaca;
- transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
- select:disabled {
- background-color: #e6e6e6;
- cursor: not-allowed; }
- select::-ms-expand {
- display: none; }
- select[multiple] {
- height: auto;
- background-image: none; }
-
-.is-invalid-input:not(:focus) {
- border-color: #c60f13;
- background-color: #f8e6e7; }
- .is-invalid-input:not(:focus)::-webkit-input-placeholder {
- color: #c60f13; }
- .is-invalid-input:not(:focus)::-moz-placeholder {
- color: #c60f13; }
- .is-invalid-input:not(:focus):-ms-input-placeholder {
- color: #c60f13; }
- .is-invalid-input:not(:focus)::placeholder {
- color: #c60f13; }
-
-.is-invalid-label {
- color: #c60f13; }
-
-.form-error {
- display: none;
- margin-top: -0.5rem;
- margin-bottom: 1rem;
- font-size: 0.75rem;
- font-weight: bold;
- color: #c60f13; }
- .form-error.is-visible {
- display: block; }
-
-.float-left {
- float: left !important; }
-
-.float-right {
- float: right !important; }
-
-.float-center {
- display: block;
- margin-right: auto;
- margin-left: auto; }
-
-.clearfix::before, .clearfix::after {
- display: table;
- content: ' ';
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-order: 1;
- order: 1; }
-
-.clearfix::after {
- clear: both; }
-
-.hide {
- display: none !important; }
-
-.invisible {
- visibility: hidden; }
-
-@media screen and (max-width: 39.9375em) {
- .hide-for-small-only {
- display: none !important; } }
-
-@media screen and (max-width: 0em), screen and (min-width: 40em) {
- .show-for-small-only {
- display: none !important; } }
-
-@media print, screen and (min-width: 40em) {
- .hide-for-medium {
- display: none !important; } }
-
-@media screen and (max-width: 39.9375em) {
- .show-for-medium {
- display: none !important; } }
-
-@media screen and (min-width: 40em) and (max-width: 63.9375em) {
- .hide-for-medium-only {
- display: none !important; } }
-
-@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
- .show-for-medium-only {
- display: none !important; } }
-
-@media print, screen and (min-width: 64em) {
- .hide-for-large {
- display: none !important; } }
-
-@media screen and (max-width: 63.9375em) {
- .show-for-large {
- display: none !important; } }
-
-@media screen and (min-width: 64em) and (max-width: 74.9375em) {
- .hide-for-large-only {
- display: none !important; } }
-
-@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
- .show-for-large-only {
- display: none !important; } }
-
-.show-for-sr,
-.show-on-focus {
- position: absolute !important;
- width: 1px;
- height: 1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap;
- -webkit-clip-path: inset(50%);
- clip-path: inset(50%);
- border: 0; }
-
-.show-on-focus:active, .show-on-focus:focus {
- position: static !important;
- width: auto;
- height: auto;
- overflow: visible;
- clip: auto;
- white-space: normal;
- -webkit-clip-path: none;
- clip-path: none; }
-
-.show-for-landscape,
-.hide-for-portrait {
- display: block !important; }
- @media screen and (orientation: landscape) {
- .show-for-landscape,
- .hide-for-portrait {
- display: block !important; } }
- @media screen and (orientation: portrait) {
- .show-for-landscape,
- .hide-for-portrait {
- display: none !important; } }
-
-.hide-for-landscape,
-.show-for-portrait {
- display: none !important; }
- @media screen and (orientation: landscape) {
- .hide-for-landscape,
- .show-for-portrait {
- display: none !important; } }
- @media screen and (orientation: portrait) {
- .hide-for-landscape,
- .show-for-portrait {
- display: block !important; } }
-
-.button {
- display: inline-block;
- vertical-align: middle;
- margin: 0 0 1rem 0;
- font-family: inherit;
- padding: 0.85em 1em;
- -webkit-appearance: none;
- border: 1px solid transparent;
- border-radius: 3px;
- transition: background-color 0.25s ease-out, color 0.25s ease-out;
- font-size: 0.9rem;
- line-height: 1;
- text-align: center;
- cursor: pointer;
- background-color: #2ba6cb;
- color: #fefefe; }
- [data-whatinput='mouse'] .button {
- outline: 0; }
- .button:hover, .button:focus {
- background-color: #258dad;
- color: #fefefe; }
- .button.tiny {
- font-size: 0.6rem; }
- .button.small {
- font-size: 0.75rem; }
- .button.large {
- font-size: 1.25rem; }
- .button.expanded {
- display: block;
- width: 100%;
- margin-right: 0;
- margin-left: 0; }
- .button.primary {
- background-color: #2ba6cb;
- color: #0a0a0a; }
- .button.primary:hover, .button.primary:focus {
- background-color: #2285a2;
- color: #0a0a0a; }
- .button.secondary {
- background-color: #e9e9e9;
- color: #0a0a0a; }
- .button.secondary:hover, .button.secondary:focus {
- background-color: #bababa;
- color: #0a0a0a; }
- .button.alert {
- background-color: #c60f13;
- color: #fefefe; }
- .button.alert:hover, .button.alert:focus {
- background-color: #9e0c0f;
- color: #fefefe; }
- .button.success {
- background-color: #5da423;
- color: #0a0a0a; }
- .button.success:hover, .button.success:focus {
- background-color: #4a831c;
- color: #0a0a0a; }
- .button.warning {
- background-color: #ffae00;
- color: #0a0a0a; }
- .button.warning:hover, .button.warning:focus {
- background-color: #cc8b00;
- color: #0a0a0a; }
- .button.body-font {
- background-color: #222222;
- color: #fefefe; }
- .button.body-font:hover, .button.body-font:focus {
- background-color: #1b1b1b;
- color: #fefefe; }
- .button.header {
- background-color: #222222;
- color: #fefefe; }
- .button.header:hover, .button.header:focus {
- background-color: #1b1b1b;
- color: #fefefe; }
- .button.disabled, .button[disabled] {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
- background-color: #2ba6cb;
- color: #fefefe; }
- .button.disabled.primary, .button[disabled].primary {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
- background-color: #2ba6cb;
- color: #0a0a0a; }
- .button.disabled.secondary, .button[disabled].secondary {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
- background-color: #e9e9e9;
- color: #0a0a0a; }
- .button.disabled.alert, .button[disabled].alert {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
- background-color: #c60f13;
- color: #fefefe; }
- .button.disabled.success, .button[disabled].success {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
- background-color: #5da423;
- color: #0a0a0a; }
- .button.disabled.warning, .button[disabled].warning {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
- background-color: #ffae00;
- color: #0a0a0a; }
- .button.disabled.body-font, .button[disabled].body-font {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.body-font, .button.disabled.body-font:hover, .button.disabled.body-font:focus, .button[disabled].body-font, .button[disabled].body-font:hover, .button[disabled].body-font:focus {
- background-color: #222222;
- color: #fefefe; }
- .button.disabled.header, .button[disabled].header {
- opacity: 0.25;
- cursor: not-allowed; }
- .button.disabled.header, .button.disabled.header:hover, .button.disabled.header:focus, .button[disabled].header, .button[disabled].header:hover, .button[disabled].header:focus {
- background-color: #222222;
- color: #fefefe; }
- .button.hollow {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.hollow, .button.hollow:hover, .button.hollow:focus {
- background-color: transparent; }
- .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
- background-color: transparent; }
- .button.hollow:hover, .button.hollow:focus {
- border-color: #165366;
- color: #165366; }
- .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.hollow.primary {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.hollow.primary:hover, .button.hollow.primary:focus {
- border-color: #165366;
- color: #165366; }
- .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.hollow.secondary {
- border: 1px solid #e9e9e9;
- color: #e9e9e9; }
- .button.hollow.secondary:hover, .button.hollow.secondary:focus {
- border-color: #757575;
- color: #757575; }
- .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
- border: 1px solid #e9e9e9;
- color: #e9e9e9; }
- .button.hollow.alert {
- border: 1px solid #c60f13;
- color: #c60f13; }
- .button.hollow.alert:hover, .button.hollow.alert:focus {
- border-color: #63080a;
- color: #63080a; }
- .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
- border: 1px solid #c60f13;
- color: #c60f13; }
- .button.hollow.success {
- border: 1px solid #5da423;
- color: #5da423; }
- .button.hollow.success:hover, .button.hollow.success:focus {
- border-color: #2f5212;
- color: #2f5212; }
- .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
- border: 1px solid #5da423;
- color: #5da423; }
- .button.hollow.warning {
- border: 1px solid #ffae00;
- color: #ffae00; }
- .button.hollow.warning:hover, .button.hollow.warning:focus {
- border-color: #805700;
- color: #805700; }
- .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
- border: 1px solid #ffae00;
- color: #ffae00; }
- .button.hollow.body-font {
- border: 1px solid #222222;
- color: #222222; }
- .button.hollow.body-font:hover, .button.hollow.body-font:focus {
- border-color: #111111;
- color: #111111; }
- .button.hollow.body-font:hover.disabled, .button.hollow.body-font:hover[disabled], .button.hollow.body-font:focus.disabled, .button.hollow.body-font:focus[disabled] {
- border: 1px solid #222222;
- color: #222222; }
- .button.hollow.header {
- border: 1px solid #222222;
- color: #222222; }
- .button.hollow.header:hover, .button.hollow.header:focus {
- border-color: #111111;
- color: #111111; }
- .button.hollow.header:hover.disabled, .button.hollow.header:hover[disabled], .button.hollow.header:focus.disabled, .button.hollow.header:focus[disabled] {
- border: 1px solid #222222;
- color: #222222; }
- .button.clear {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.clear, .button.clear:hover, .button.clear:focus {
- background-color: transparent; }
- .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
- background-color: transparent; }
- .button.clear:hover, .button.clear:focus {
- border-color: #165366;
- color: #165366; }
- .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
- border-color: transparent; }
- .button.clear.primary {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.clear.primary:hover, .button.clear.primary:focus {
- border-color: #165366;
- color: #165366; }
- .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
- border: 1px solid #2ba6cb;
- color: #2ba6cb; }
- .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
- border-color: transparent; }
- .button.clear.secondary {
- border: 1px solid #e9e9e9;
- color: #e9e9e9; }
- .button.clear.secondary:hover, .button.clear.secondary:focus {
- border-color: #757575;
- color: #757575; }
- .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
- border: 1px solid #e9e9e9;
- color: #e9e9e9; }
- .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
- border-color: transparent; }
- .button.clear.alert {
- border: 1px solid #c60f13;
- color: #c60f13; }
- .button.clear.alert:hover, .button.clear.alert:focus {
- border-color: #63080a;
- color: #63080a; }
- .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
- border: 1px solid #c60f13;
- color: #c60f13; }
- .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
- border-color: transparent; }
- .button.clear.success {
- border: 1px solid #5da423;
- color: #5da423; }
- .button.clear.success:hover, .button.clear.success:focus {
- border-color: #2f5212;
- color: #2f5212; }
- .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
- border: 1px solid #5da423;
- color: #5da423; }
- .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
- border-color: transparent; }
- .button.clear.warning {
- border: 1px solid #ffae00;
- color: #ffae00; }
- .button.clear.warning:hover, .button.clear.warning:focus {
- border-color: #805700;
- color: #805700; }
- .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
- border: 1px solid #ffae00;
- color: #ffae00; }
- .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
- border-color: transparent; }
- .button.clear.body-font {
- border: 1px solid #222222;
- color: #222222; }
- .button.clear.body-font:hover, .button.clear.body-font:focus {
- border-color: #111111;
- color: #111111; }
- .button.clear.body-font:hover.disabled, .button.clear.body-font:hover[disabled], .button.clear.body-font:focus.disabled, .button.clear.body-font:focus[disabled] {
- border: 1px solid #222222;
- color: #222222; }
- .button.clear.body-font, .button.clear.body-font.disabled, .button.clear.body-font[disabled], .button.clear.body-font:hover, .button.clear.body-font:hover.disabled, .button.clear.body-font:hover[disabled], .button.clear.body-font:focus, .button.clear.body-font:focus.disabled, .button.clear.body-font:focus[disabled] {
- border-color: transparent; }
- .button.clear.header {
- border: 1px solid #222222;
- color: #222222; }
- .button.clear.header:hover, .button.clear.header:focus {
- border-color: #111111;
- color: #111111; }
- .button.clear.header:hover.disabled, .button.clear.header:hover[disabled], .button.clear.header:focus.disabled, .button.clear.header:focus[disabled] {
- border: 1px solid #222222;
- color: #222222; }
- .button.clear.header, .button.clear.header.disabled, .button.clear.header[disabled], .button.clear.header:hover, .button.clear.header:hover.disabled, .button.clear.header:hover[disabled], .button.clear.header:focus, .button.clear.header:focus.disabled, .button.clear.header:focus[disabled] {
- border-color: transparent; }
- .button.dropdown::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 0.4em;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #fefefe transparent transparent;
- position: relative;
- top: 0.4em;
- display: inline-block;
- float: right;
- margin-left: 1em; }
- .button.dropdown.hollow::after {
- border-top-color: #2ba6cb; }
- .button.dropdown.hollow.primary::after {
- border-top-color: #2ba6cb; }
- .button.dropdown.hollow.secondary::after {
- border-top-color: #e9e9e9; }
- .button.dropdown.hollow.alert::after {
- border-top-color: #c60f13; }
- .button.dropdown.hollow.success::after {
- border-top-color: #5da423; }
- .button.dropdown.hollow.warning::after {
- border-top-color: #ffae00; }
- .button.dropdown.hollow.body-font::after {
- border-top-color: #222222; }
- .button.dropdown.hollow.header::after {
- border-top-color: #222222; }
- .button.arrow-only::after {
- top: -0.1em;
- float: none;
- margin-left: 0; }
-
-a.button:hover, a.button:focus {
- text-decoration: none; }
-
-.close-button {
- position: absolute;
- color: #8a8a8a;
- cursor: pointer; }
- [data-whatinput='mouse'] .close-button {
- outline: 0; }
- .close-button:hover, .close-button:focus {
- color: #0a0a0a; }
- .close-button.small {
- right: 0.66rem;
- top: 0.33em;
- font-size: 1.5em;
- line-height: 1; }
- .close-button, .close-button.medium {
- right: 1rem;
- top: 0.5rem;
- font-size: 2em;
- line-height: 1; }
-
-.button-group {
- margin-bottom: 1rem;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch; }
- .button-group::before, .button-group::after {
- display: table;
- content: ' ';
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-order: 1;
- order: 1; }
- .button-group::after {
- clear: both; }
- .button-group .button {
- margin: 0;
- margin-right: 1px;
- margin-bottom: 1px;
- font-size: 0.9rem;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto; }
- .button-group .button:last-child {
- margin-right: 0; }
- .button-group.tiny .button {
- font-size: 0.6rem; }
- .button-group.small .button {
- font-size: 0.75rem; }
- .button-group.large .button {
- font-size: 1.25rem; }
- .button-group.expanded .button {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
- .button-group.primary .button {
- background-color: #2ba6cb;
- color: #0a0a0a; }
- .button-group.primary .button:hover, .button-group.primary .button:focus {
- background-color: #2285a2;
- color: #0a0a0a; }
- .button-group.secondary .button {
- background-color: #e9e9e9;
- color: #0a0a0a; }
- .button-group.secondary .button:hover, .button-group.secondary .button:focus {
- background-color: #bababa;
- color: #0a0a0a; }
- .button-group.alert .button {
- background-color: #c60f13;
- color: #fefefe; }
- .button-group.alert .button:hover, .button-group.alert .button:focus {
- background-color: #9e0c0f;
- color: #fefefe; }
- .button-group.success .button {
- background-color: #5da423;
- color: #0a0a0a; }
- .button-group.success .button:hover, .button-group.success .button:focus {
- background-color: #4a831c;
- color: #0a0a0a; }
- .button-group.warning .button {
- background-color: #ffae00;
- color: #0a0a0a; }
- .button-group.warning .button:hover, .button-group.warning .button:focus {
- background-color: #cc8b00;
- color: #0a0a0a; }
- .button-group.body-font .button {
- background-color: #222222;
- color: #fefefe; }
- .button-group.body-font .button:hover, .button-group.body-font .button:focus {
- background-color: #1b1b1b;
- color: #fefefe; }
- .button-group.header .button {
- background-color: #222222;
- color: #fefefe; }
- .button-group.header .button:hover, .button-group.header .button:focus {
- background-color: #1b1b1b;
- color: #fefefe; }
- .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
- .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%; }
- .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
- margin-bottom: 0; }
- @media print, screen and (min-width: 40em) {
- .button-group.stacked-for-small .button {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- margin-bottom: 0; } }
- @media print, screen and (min-width: 64em) {
- .button-group.stacked-for-medium .button {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- margin-bottom: 0; } }
- @media screen and (max-width: 39.9375em) {
- .button-group.stacked-for-small.expanded {
- display: block; }
- .button-group.stacked-for-small.expanded .button {
- display: block;
- margin-right: 0; } }
-
-.slider {
- position: relative;
- height: 0.5rem;
- margin-top: 1.25rem;
- margin-bottom: 2.25rem;
- background-color: #e6e6e6;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -ms-touch-action: none;
- touch-action: none; }
-
-.slider-fill {
- position: absolute;
- top: 0;
- left: 0;
- display: inline-block;
- max-width: 100%;
- height: 0.5rem;
- background-color: #cacaca;
- transition: all 0.2s ease-in-out; }
- .slider-fill.is-dragging {
- transition: all 0s linear; }
-
-.slider-handle {
- position: absolute;
- top: 50%;
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- left: 0;
- z-index: 1;
- display: inline-block;
- width: 1.4rem;
- height: 1.4rem;
- border-radius: 3px;
- background-color: #2ba6cb;
- transition: all 0.2s ease-in-out;
- -ms-touch-action: manipulation;
- touch-action: manipulation; }
- [data-whatinput='mouse'] .slider-handle {
- outline: 0; }
- .slider-handle:hover {
- background-color: #258dad; }
- .slider-handle.is-dragging {
- transition: all 0s linear; }
-
-.slider.disabled,
-.slider[disabled] {
- opacity: 0.25;
- cursor: not-allowed; }
-
-.slider.vertical {
- display: inline-block;
- width: 0.5rem;
- height: 12.5rem;
- margin: 0 1.25rem;
- -ms-transform: scale(1, -1);
- transform: scale(1, -1); }
- .slider.vertical .slider-fill {
- top: 0;
- width: 0.5rem;
- max-height: 100%; }
- .slider.vertical .slider-handle {
- position: absolute;
- top: 0;
- left: 50%;
- width: 1.4rem;
- height: 1.4rem;
- -ms-transform: translateX(-50%);
- transform: translateX(-50%); }
-
-.switch {
- height: 2rem;
- position: relative;
- margin-bottom: 1rem;
- outline: 0;
- font-size: 0.875rem;
- font-weight: bold;
- color: #fefefe;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
-
-.switch-input {
- position: absolute;
- margin-bottom: 0;
- opacity: 0; }
-
-.switch-paddle {
- position: relative;
- display: block;
- width: 4rem;
- height: 2rem;
- border-radius: 3px;
- background: #cacaca;
- transition: all 0.25s ease-out;
- font-weight: inherit;
- color: inherit;
- cursor: pointer; }
- input + .switch-paddle {
- margin: 0; }
- .switch-paddle::after {
- position: absolute;
- top: 0.25rem;
- left: 0.25rem;
- display: block;
- width: 1.5rem;
- height: 1.5rem;
- transform: translate3d(0, 0, 0);
- border-radius: 3px;
- background: #fefefe;
- transition: all 0.25s ease-out;
- content: ''; }
- input:checked ~ .switch-paddle {
- background: #2ba6cb; }
- input:checked ~ .switch-paddle::after {
- left: 2.25rem; }
- [data-whatinput='mouse'] input:focus ~ .switch-paddle {
- outline: 0; }
-
-.switch-active, .switch-inactive {
- position: absolute;
- top: 50%;
- -ms-transform: translateY(-50%);
- transform: translateY(-50%); }
-
-.switch-active {
- left: 8%;
- display: none; }
- input:checked + label > .switch-active {
- display: block; }
-
-.switch-inactive {
- right: 15%; }
- input:checked + label > .switch-inactive {
- display: none; }
-
-.switch.tiny {
- height: 1.5rem; }
- .switch.tiny .switch-paddle {
- width: 3rem;
- height: 1.5rem;
- font-size: 0.625rem; }
- .switch.tiny .switch-paddle::after {
- top: 0.25rem;
- left: 0.25rem;
- width: 1rem;
- height: 1rem; }
- .switch.tiny input:checked ~ .switch-paddle::after {
- left: 1.75rem; }
-
-.switch.small {
- height: 1.75rem; }
- .switch.small .switch-paddle {
- width: 3.5rem;
- height: 1.75rem;
- font-size: 0.75rem; }
- .switch.small .switch-paddle::after {
- top: 0.25rem;
- left: 0.25rem;
- width: 1.25rem;
- height: 1.25rem; }
- .switch.small input:checked ~ .switch-paddle::after {
- left: 2rem; }
-
-.switch.large {
- height: 2.5rem; }
- .switch.large .switch-paddle {
- width: 5rem;
- height: 2.5rem;
- font-size: 1rem; }
- .switch.large .switch-paddle::after {
- top: 0.25rem;
- left: 0.25rem;
- width: 2rem;
- height: 2rem; }
- .switch.large input:checked ~ .switch-paddle::after {
- left: 2.75rem; }
-
-.menu {
- padding: 0;
- margin: 0;
- list-style: none;
- position: relative;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
- [data-whatinput='mouse'] .menu li {
- outline: 0; }
- .menu a,
- .menu .button {
- line-height: 1;
- text-decoration: none;
- display: block;
- padding: 0.7rem 1rem; }
- .menu input,
- .menu select,
- .menu a,
- .menu button {
- margin-bottom: 0; }
- .menu input {
- display: inline-block; }
- .menu, .menu.horizontal {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -ms-flex-direction: row;
- flex-direction: row; }
- .menu.vertical {
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-direction: column;
- flex-direction: column; }
- .menu.expanded li {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
- .menu.simple {
- -ms-flex-align: center;
- align-items: center; }
- .menu.simple li + li {
- margin-left: 1rem; }
- .menu.simple a {
- padding: 0; }
- @media print, screen and (min-width: 40em) {
- .menu.medium-horizontal {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -ms-flex-direction: row;
- flex-direction: row; }
- .menu.medium-vertical {
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-direction: column;
- flex-direction: column; }
- .menu.medium-expanded li {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
- .menu.medium-simple li {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; } }
- @media print, screen and (min-width: 64em) {
- .menu.large-horizontal {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -ms-flex-direction: row;
- flex-direction: row; }
- .menu.large-vertical {
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-direction: column;
- flex-direction: column; }
- .menu.large-expanded li {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
- .menu.large-simple li {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; } }
- .menu.nested {
- margin-right: 0;
- margin-left: 1rem; }
- .menu.icons a {
- display: -ms-flexbox;
- display: flex; }
- .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
- display: -ms-flexbox;
- display: flex; }
- .menu.icon-left li a {
- -ms-flex-flow: row nowrap;
- flex-flow: row nowrap; }
- .menu.icon-left li a img,
- .menu.icon-left li a i,
- .menu.icon-left li a svg {
- margin-right: 0.25rem; }
- .menu.icon-right li a {
- -ms-flex-flow: row nowrap;
- flex-flow: row nowrap; }
- .menu.icon-right li a img,
- .menu.icon-right li a i,
- .menu.icon-right li a svg {
- margin-left: 0.25rem; }
- .menu.icon-top li a {
- -ms-flex-flow: column nowrap;
- flex-flow: column nowrap; }
- .menu.icon-top li a img,
- .menu.icon-top li a i,
- .menu.icon-top li a svg {
- -ms-flex-item-align: stretch;
- -ms-grid-row-align: stretch;
- align-self: stretch;
- margin-bottom: 0.25rem;
- text-align: center; }
- .menu.icon-bottom li a {
- -ms-flex-flow: column nowrap;
- flex-flow: column nowrap; }
- .menu.icon-bottom li a img,
- .menu.icon-bottom li a i,
- .menu.icon-bottom li a svg {
- -ms-flex-item-align: stretch;
- -ms-grid-row-align: stretch;
- align-self: stretch;
- margin-bottom: 0.25rem;
- text-align: center; }
- .menu .is-active > a {
- background: #2ba6cb;
- color: #fefefe; }
- .menu .active > a {
- background: #2ba6cb;
- color: #fefefe; }
- .menu.align-left {
- -ms-flex-pack: start;
- justify-content: flex-start; }
- .menu.align-right li {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-pack: end;
- justify-content: flex-end; }
- .menu.align-right li .submenu li {
- -ms-flex-pack: start;
- justify-content: flex-start; }
- .menu.align-right.vertical li {
- display: block;
- text-align: right; }
- .menu.align-right.vertical li .submenu li {
- text-align: right; }
- .menu.align-right .nested {
- margin-right: 1rem;
- margin-left: 0; }
- .menu.align-center li {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-pack: center;
- justify-content: center; }
- .menu.align-center li .submenu li {
- -ms-flex-pack: start;
- justify-content: flex-start; }
- .menu .menu-text {
- padding: 0.7rem 1rem;
- font-weight: bold;
- line-height: 1;
- color: inherit; }
-
-.menu-centered > .menu {
- -ms-flex-pack: center;
- justify-content: center; }
- .menu-centered > .menu li {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-pack: center;
- justify-content: center; }
- .menu-centered > .menu li .submenu li {
- -ms-flex-pack: start;
- justify-content: flex-start; }
-
-.no-js [data-responsive-menu] ul {
- display: none; }
-
-.is-drilldown {
- position: relative;
- overflow: hidden; }
- .is-drilldown li {
- display: block; }
- .is-drilldown.animate-height {
- transition: height 0.5s; }
-
-.drilldown a {
- padding: 0.7rem 1rem;
- background: #fefefe; }
-
-.drilldown .is-drilldown-submenu {
- position: absolute;
- top: 0;
- left: 100%;
- z-index: -1;
- width: 100%;
- background: #fefefe;
- transition: transform 0.15s linear; }
- .drilldown .is-drilldown-submenu.is-active {
- z-index: 1;
- display: block;
- -ms-transform: translateX(-100%);
- transform: translateX(-100%); }
- .drilldown .is-drilldown-submenu.is-closing {
- -ms-transform: translateX(100%);
- transform: translateX(100%); }
- .drilldown .is-drilldown-submenu a {
- padding: 0.7rem 1rem; }
-
-.drilldown .nested.is-drilldown-submenu {
- margin-right: 0;
- margin-left: 0; }
-
-.drilldown .drilldown-submenu-cover-previous {
- min-height: 100%; }
-
-.drilldown .is-drilldown-submenu-parent > a {
- position: relative; }
- .drilldown .is-drilldown-submenu-parent > a::after {
- position: absolute;
- top: 50%;
- margin-top: -6px;
- right: 1rem;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #2ba6cb; }
-
-.drilldown.align-left .is-drilldown-submenu-parent > a::after {
- left: auto;
- right: 1rem;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #2ba6cb; }
-
-.drilldown.align-right .is-drilldown-submenu-parent > a::after {
- right: auto;
- left: 1rem;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #2ba6cb transparent transparent; }
-
-.drilldown .js-drilldown-back > a::before {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #2ba6cb transparent transparent;
- border-left-width: 0;
- display: inline-block;
- vertical-align: middle;
- margin-right: 0.75rem;
- border-left-width: 0; }
-
-.accordion-menu li {
- width: 100%; }
-
-.accordion-menu a {
- padding: 0.7rem 1rem; }
-
-.accordion-menu .is-accordion-submenu a {
- padding: 0.7rem 1rem; }
-
-.accordion-menu .nested.is-accordion-submenu {
- margin-right: 0;
- margin-left: 1rem; }
-
-.accordion-menu.align-right .nested.is-accordion-submenu {
- margin-right: 1rem;
- margin-left: 0; }
-
-.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
- position: relative; }
- .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #2ba6cb transparent transparent;
- position: absolute;
- top: 50%;
- margin-top: -3px;
- right: 1rem; }
-
-.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
- left: auto;
- right: 1rem; }
-
-.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
- right: auto;
- left: 1rem; }
-
-.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
- -ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%; }
-
-.is-accordion-submenu-parent {
- position: relative; }
-
-.has-submenu-toggle > a {
- margin-right: 40px; }
-
-.submenu-toggle {
- position: absolute;
- top: 0;
- right: 0;
- cursor: pointer;
- width: 40px;
- height: 40px; }
- .submenu-toggle::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #2ba6cb transparent transparent;
- top: 0;
- bottom: 0;
- margin: auto; }
-
-.submenu-toggle[aria-expanded='true']::after {
- -ms-transform: scaleY(-1);
- transform: scaleY(-1);
- -ms-transform-origin: 50% 50%;
- transform-origin: 50% 50%; }
-
-.submenu-toggle-text {
- position: absolute !important;
- width: 1px;
- height: 1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap;
- -webkit-clip-path: inset(50%);
- clip-path: inset(50%);
- border: 0; }
-
-.dropdown.menu > li.opens-left > .is-dropdown-submenu {
- top: 100%;
- right: 0;
- left: auto; }
-
-.dropdown.menu > li.opens-right > .is-dropdown-submenu {
- top: 100%;
- right: auto;
- left: 0; }
-
-.dropdown.menu > li.is-dropdown-submenu-parent > a {
- position: relative;
- padding-right: 1.5rem; }
-
-.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #2ba6cb transparent transparent;
- right: 5px;
- left: auto;
- margin-top: -3px; }
-
-.dropdown.menu a {
- padding: 0.7rem 1rem; }
- [data-whatinput='mouse'] .dropdown.menu a {
- outline: 0; }
-
-.dropdown.menu .is-active > a {
- background: transparent;
- color: #2ba6cb; }
-
-.no-js .dropdown.menu ul {
- display: none; }
-
-.dropdown.menu .nested.is-dropdown-submenu {
- margin-right: 0;
- margin-left: 0; }
-
-.dropdown.menu.vertical > li .is-dropdown-submenu {
- top: 0; }
-
-.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
- right: 100%;
- left: auto;
- top: 0; }
-
-.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
- right: auto;
- left: 100%; }
-
-.dropdown.menu.vertical > li > a::after {
- right: 14px; }
-
-.dropdown.menu.vertical > li.opens-left > a::after {
- right: auto;
- left: 5px;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #2ba6cb transparent transparent; }
-
-.dropdown.menu.vertical > li.opens-right > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #2ba6cb; }
-
-@media print, screen and (min-width: 40em) {
- .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
- top: 100%;
- right: 0;
- left: auto; }
- .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
- top: 100%;
- right: auto;
- left: 0; }
- .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
- position: relative;
- padding-right: 1.5rem; }
- .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #2ba6cb transparent transparent;
- right: 5px;
- left: auto;
- margin-top: -3px; }
- .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
- top: 0; }
- .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
- right: 100%;
- left: auto;
- top: 0; }
- .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
- right: auto;
- left: 100%; }
- .dropdown.menu.medium-vertical > li > a::after {
- right: 14px; }
- .dropdown.menu.medium-vertical > li.opens-left > a::after {
- right: auto;
- left: 5px;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #2ba6cb transparent transparent; }
- .dropdown.menu.medium-vertical > li.opens-right > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #2ba6cb; } }
-
-@media print, screen and (min-width: 64em) {
- .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
- top: 100%;
- right: 0;
- left: auto; }
- .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
- top: 100%;
- right: auto;
- left: 0; }
- .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
- position: relative;
- padding-right: 1.5rem; }
- .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #2ba6cb transparent transparent;
- right: 5px;
- left: auto;
- margin-top: -3px; }
- .dropdown.menu.large-vertical > li .is-dropdown-submenu {
- top: 0; }
- .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
- right: 100%;
- left: auto;
- top: 0; }
- .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
- right: auto;
- left: 100%; }
- .dropdown.menu.large-vertical > li > a::after {
- right: 14px; }
- .dropdown.menu.large-vertical > li.opens-left > a::after {
- right: auto;
- left: 5px;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #2ba6cb transparent transparent; }
- .dropdown.menu.large-vertical > li.opens-right > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #2ba6cb; } }
-
-.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
- top: 100%;
- right: 0;
- left: auto; }
-
-.is-dropdown-menu.vertical {
- width: 100px; }
- .is-dropdown-menu.vertical.align-right {
- float: right; }
-
-.is-dropdown-submenu-parent {
- position: relative; }
- .is-dropdown-submenu-parent a::after {
- position: absolute;
- top: 50%;
- right: 5px;
- left: auto;
- margin-top: -6px; }
- .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
- top: 100%;
- left: auto; }
- .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
- right: 100%;
- left: auto; }
- .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
- right: auto;
- left: 100%; }
-
-.is-dropdown-submenu {
- position: absolute;
- top: 0;
- left: 100%;
- z-index: 1;
- display: none;
- min-width: 200px;
- border: 1px solid #cacaca;
- background: #fefefe; }
- .dropdown .is-dropdown-submenu a {
- padding: 0.7rem 1rem; }
- .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
- right: 14px; }
- .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
- right: auto;
- left: 5px;
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #2ba6cb transparent transparent; }
- .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
- display: block;
- width: 0;
- height: 0;
- border: inset 6px;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #2ba6cb; }
- .is-dropdown-submenu .is-dropdown-submenu {
- margin-top: -1px; }
- .is-dropdown-submenu > li {
- width: 100%; }
- .is-dropdown-submenu.js-dropdown-active {
- display: block; }
-
-.title-bar {
- padding: 0.5rem;
- background: #0a0a0a;
- color: #fefefe;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -ms-flex-align: center;
- align-items: center; }
- .title-bar .menu-icon {
- margin-left: 0.25rem;
- margin-right: 0.25rem; }
-
-.title-bar-left,
-.title-bar-right {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
-
-.title-bar-right {
- text-align: right; }
-
-.title-bar-title {
- display: inline-block;
- vertical-align: middle;
- font-weight: bold; }
-
-.top-bar {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -ms-flex-align: center;
- align-items: center;
- padding: 0.5rem;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
- .top-bar,
- .top-bar ul {
- background-color: #e6e6e6; }
- .top-bar input {
- max-width: 200px;
- margin-right: 1rem; }
- .top-bar .input-group-field {
- width: 100%;
- margin-right: 0; }
- .top-bar input.button {
- width: auto; }
- .top-bar .top-bar-left,
- .top-bar .top-bar-right {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%; }
- @media print, screen and (min-width: 40em) {
- .top-bar {
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
- .top-bar .top-bar-left {
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- margin-right: auto; }
- .top-bar .top-bar-right {
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- margin-left: auto; } }
- @media screen and (max-width: 63.9375em) {
- .top-bar.stacked-for-medium {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
- .top-bar.stacked-for-medium .top-bar-left,
- .top-bar.stacked-for-medium .top-bar-right {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%; } }
- @media screen and (max-width: 74.9375em) {
- .top-bar.stacked-for-large {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
- .top-bar.stacked-for-large .top-bar-left,
- .top-bar.stacked-for-large .top-bar-right {
- -ms-flex: 0 0 100%;
- flex: 0 0 100%;
- max-width: 100%; } }
-
-.top-bar-title {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- margin: 0.5rem 1rem 0.5rem 0; }
-
-.top-bar-left,
-.top-bar-right {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto; }
-
-.breadcrumbs {
- margin: 0 0 1rem 0;
- list-style: none; }
- .breadcrumbs::before, .breadcrumbs::after {
- display: table;
- content: ' ';
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-order: 1;
- order: 1; }
- .breadcrumbs::after {
- clear: both; }
- .breadcrumbs li {
- float: left;
- font-size: 0.6875rem;
- color: #0a0a0a;
- cursor: default;
- text-transform: uppercase; }
- .breadcrumbs li:not(:last-child)::after {
- position: relative;
- margin: 0 0.75rem;
- opacity: 1;
- content: "/";
- color: #cacaca; }
- .breadcrumbs a {
- color: #2ba6cb; }
- .breadcrumbs a:hover {
- text-decoration: underline; }
- .breadcrumbs .disabled {
- color: #cacaca;
- cursor: not-allowed; }
-
-.pagination {
- margin-left: 0;
- margin-bottom: 1rem; }
- .pagination::before, .pagination::after {
- display: table;
- content: ' ';
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-order: 1;
- order: 1; }
- .pagination::after {
- clear: both; }
- .pagination li {
- margin-right: 0.0625rem;
- border-radius: 3px;
- font-size: 0.875rem;
- display: none; }
- .pagination li:last-child, .pagination li:first-child {
- display: inline-block; }
- @media print, screen and (min-width: 40em) {
- .pagination li {
- display: inline-block; } }
- .pagination a,
- .pagination button {
- display: block;
- padding: 0.1875rem 0.625rem;
- border-radius: 3px;
- color: #0a0a0a; }
- .pagination a:hover,
- .pagination button:hover {
- background: #e6e6e6; }
- .pagination .current {
- padding: 0.1875rem 0.625rem;
- background: #2ba6cb;
- color: #fefefe;
- cursor: default; }
- .pagination .disabled {
- padding: 0.1875rem 0.625rem;
- color: #cacaca;
- cursor: not-allowed; }
- .pagination .disabled:hover {
- background: transparent; }
- .pagination .ellipsis::after {
- padding: 0.1875rem 0.625rem;
- content: '\2026';
- color: #0a0a0a; }
-
-.pagination-previous a::before,
-.pagination-previous.disabled::before {
- display: inline-block;
- margin-right: 0.5rem;
- content: '\00ab'; }
-
-.pagination-next a::after,
-.pagination-next.disabled::after {
- display: inline-block;
- margin-left: 0.5rem;
- content: '\00bb'; }
-
-.accordion {
- margin-left: 0;
- background: #fefefe;
- list-style-type: none; }
- .accordion[disabled] .accordion-title {
- cursor: not-allowed; }
-
-.accordion-item:first-child > :first-child {
- border-radius: 3px 3px 0 0; }
-
-.accordion-item:last-child > :last-child {
- border-radius: 0 0 3px 3px; }
-
-.accordion-title {
- position: relative;
- display: block;
- padding: 1.25rem 1rem;
- border: 1px solid #e6e6e6;
- border-bottom: 0;
- font-size: 0.75rem;
- line-height: 1;
- color: #2ba6cb; }
- :last-child:not(.is-active) > .accordion-title {
- border-bottom: 1px solid #e6e6e6;
- border-radius: 0 0 3px 3px; }
- .accordion-title:hover, .accordion-title:focus {
- background-color: #e6e6e6; }
- .accordion-title::before {
- position: absolute;
- top: 50%;
- right: 1rem;
- margin-top: -0.5rem;
- content: '+'; }
- .is-active > .accordion-title::before {
- content: '\2013'; }
-
-.accordion-content {
- display: none;
- padding: 1rem;
- border: 1px solid #e6e6e6;
- border-bottom: 0;
- background-color: #fefefe;
- color: #0a0a0a; }
- :last-child > .accordion-content:last-child {
- border-bottom: 1px solid #e6e6e6; }
-
-.dropdown-pane {
- position: absolute;
- z-index: 10;
- width: 300px;
- padding: 1rem;
- visibility: hidden;
- display: none;
- border: 1px solid #cacaca;
- border-radius: 3px;
- background-color: #fefefe;
- font-size: 1rem; }
- .dropdown-pane.is-opening {
- display: block; }
- .dropdown-pane.is-open {
- visibility: visible;
- display: block; }
-
-.dropdown-pane.tiny {
- width: 100px; }
-
-.dropdown-pane.small {
- width: 200px; }
-
-.dropdown-pane.large {
- width: 400px; }
-
-.is-off-canvas-open {
- overflow: hidden; }
-
-.js-off-canvas-overlay {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 11;
- width: 100%;
- height: 100%;
- transition: opacity 0.5s ease, visibility 0.5s ease;
- background: rgba(254, 254, 254, 0.25);
- opacity: 0;
- visibility: hidden;
- overflow: hidden; }
- .js-off-canvas-overlay.is-visible {
- opacity: 1;
- visibility: visible; }
- .js-off-canvas-overlay.is-closable {
- cursor: pointer; }
- .js-off-canvas-overlay.is-overlay-absolute {
- position: absolute; }
- .js-off-canvas-overlay.is-overlay-fixed {
- position: fixed; }
-
-.off-canvas-wrapper {
- position: relative;
- overflow: hidden; }
-
-.off-canvas {
- position: fixed;
- z-index: 12;
- transition: transform 0.5s ease;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- background: #e6e6e6; }
- [data-whatinput='mouse'] .off-canvas {
- outline: 0; }
- .off-canvas.is-transition-push {
- z-index: 12; }
- .off-canvas.is-closed {
- visibility: hidden; }
- .off-canvas.is-transition-overlap {
- z-index: 13; }
- .off-canvas.is-transition-overlap.is-open {
- box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
- .off-canvas.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
-
-.off-canvas-absolute {
- position: absolute;
- z-index: 12;
- transition: transform 0.5s ease;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- background: #e6e6e6; }
- [data-whatinput='mouse'] .off-canvas-absolute {
- outline: 0; }
- .off-canvas-absolute.is-transition-push {
- z-index: 12; }
- .off-canvas-absolute.is-closed {
- visibility: hidden; }
- .off-canvas-absolute.is-transition-overlap {
- z-index: 13; }
- .off-canvas-absolute.is-transition-overlap.is-open {
- box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
- .off-canvas-absolute.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
-
-.position-left {
- top: 0;
- left: 0;
- height: 100%;
- overflow-y: auto;
- width: 250px;
- -ms-transform: translateX(-250px);
- transform: translateX(-250px); }
- .off-canvas-content .off-canvas.position-left {
- -ms-transform: translateX(-250px);
- transform: translateX(-250px); }
- .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
- .off-canvas-content.is-open-left.has-transition-push {
- -ms-transform: translateX(250px);
- transform: translateX(250px); }
- .position-left.is-transition-push {
- box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); }
-
-.position-right {
- top: 0;
- right: 0;
- height: 100%;
- overflow-y: auto;
- width: 250px;
- -ms-transform: translateX(250px);
- transform: translateX(250px); }
- .off-canvas-content .off-canvas.position-right {
- -ms-transform: translateX(250px);
- transform: translateX(250px); }
- .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
- .off-canvas-content.is-open-right.has-transition-push {
- -ms-transform: translateX(-250px);
- transform: translateX(-250px); }
- .position-right.is-transition-push {
- box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); }
-
-.position-top {
- top: 0;
- left: 0;
- width: 100%;
- overflow-x: auto;
- height: 250px;
- -ms-transform: translateY(-250px);
- transform: translateY(-250px); }
- .off-canvas-content .off-canvas.position-top {
- -ms-transform: translateY(-250px);
- transform: translateY(-250px); }
- .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
- .off-canvas-content.is-open-top.has-transition-push {
- -ms-transform: translateY(250px);
- transform: translateY(250px); }
- .position-top.is-transition-push {
- box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); }
-
-.position-bottom {
- bottom: 0;
- left: 0;
- width: 100%;
- overflow-x: auto;
- height: 250px;
- -ms-transform: translateY(250px);
- transform: translateY(250px); }
- .off-canvas-content .off-canvas.position-bottom {
- -ms-transform: translateY(250px);
- transform: translateY(250px); }
- .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
- .off-canvas-content.is-open-bottom.has-transition-push {
- -ms-transform: translateY(-250px);
- transform: translateY(-250px); }
- .position-bottom.is-transition-push {
- box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); }
-
-.off-canvas-content {
- -ms-transform: none;
- transform: none;
- transition: transform 0.5s ease;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
- .off-canvas-content.has-transition-push {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
- .off-canvas-content .off-canvas.is-open {
- -ms-transform: translate(0, 0);
- transform: translate(0, 0); }
-
-@media print, screen and (min-width: 40em) {
- .position-left.reveal-for-medium {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-left.reveal-for-medium .close-button {
- display: none; }
- .off-canvas-content .position-left.reveal-for-medium {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-left {
- margin-left: 250px; }
- .position-left.reveal-for-medium ~ .off-canvas-content {
- margin-left: 250px; }
- .position-right.reveal-for-medium {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-right.reveal-for-medium .close-button {
- display: none; }
- .off-canvas-content .position-right.reveal-for-medium {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-right {
- margin-right: 250px; }
- .position-right.reveal-for-medium ~ .off-canvas-content {
- margin-right: 250px; }
- .position-top.reveal-for-medium {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-top.reveal-for-medium .close-button {
- display: none; }
- .off-canvas-content .position-top.reveal-for-medium {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-top {
- margin-top: 250px; }
- .position-top.reveal-for-medium ~ .off-canvas-content {
- margin-top: 250px; }
- .position-bottom.reveal-for-medium {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-bottom.reveal-for-medium .close-button {
- display: none; }
- .off-canvas-content .position-bottom.reveal-for-medium {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-bottom {
- margin-bottom: 250px; }
- .position-bottom.reveal-for-medium ~ .off-canvas-content {
- margin-bottom: 250px; } }
-
-@media print, screen and (min-width: 64em) {
- .position-left.reveal-for-large {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-left.reveal-for-large .close-button {
- display: none; }
- .off-canvas-content .position-left.reveal-for-large {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-left {
- margin-left: 250px; }
- .position-left.reveal-for-large ~ .off-canvas-content {
- margin-left: 250px; }
- .position-right.reveal-for-large {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-right.reveal-for-large .close-button {
- display: none; }
- .off-canvas-content .position-right.reveal-for-large {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-right {
- margin-right: 250px; }
- .position-right.reveal-for-large ~ .off-canvas-content {
- margin-right: 250px; }
- .position-top.reveal-for-large {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-top.reveal-for-large .close-button {
- display: none; }
- .off-canvas-content .position-top.reveal-for-large {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-top {
- margin-top: 250px; }
- .position-top.reveal-for-large ~ .off-canvas-content {
- margin-top: 250px; }
- .position-bottom.reveal-for-large {
- -ms-transform: none;
- transform: none;
- z-index: 12;
- transition: none;
- visibility: visible; }
- .position-bottom.reveal-for-large .close-button {
- display: none; }
- .off-canvas-content .position-bottom.reveal-for-large {
- -ms-transform: none;
- transform: none; }
- .off-canvas-content.has-reveal-bottom {
- margin-bottom: 250px; }
- .position-bottom.reveal-for-large ~ .off-canvas-content {
- margin-bottom: 250px; } }
-
-@media print, screen and (min-width: 40em) {
- .off-canvas.in-canvas-for-medium {
- visibility: visible;
- height: auto;
- position: static;
- background: inherit;
- width: inherit;
- overflow: inherit;
- transition: inherit; }
- .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
- box-shadow: none;
- -ms-transform: none;
- transform: none; }
- .off-canvas.in-canvas-for-medium .close-button {
- display: none; } }
-
-@media print, screen and (min-width: 64em) {
- .off-canvas.in-canvas-for-large {
- visibility: visible;
- height: auto;
- position: static;
- background: inherit;
- width: inherit;
- overflow: inherit;
- transition: inherit; }
- .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
- box-shadow: none;
- -ms-transform: none;
- transform: none; }
- .off-canvas.in-canvas-for-large .close-button {
- display: none; } }
-
-.tabs {
- margin: 0;
- border: 1px solid #e6e6e6;
- background: #fefefe;
- list-style-type: none; }
- .tabs::before, .tabs::after {
- display: table;
- content: ' ';
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-order: 1;
- order: 1; }
- .tabs::after {
- clear: both; }
-
-.tabs.vertical > li {
- display: block;
- float: none;
- width: auto; }
-
-.tabs.simple > li > a {
- padding: 0; }
- .tabs.simple > li > a:hover {
- background: transparent; }
-
-.tabs.primary {
- background: #2ba6cb; }
- .tabs.primary > li > a {
- color: #0a0a0a; }
- .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
- background: #299ec1; }
-
-.tabs-title {
- float: left; }
- .tabs-title > a {
- display: block;
- padding: 1.25rem 1.5rem;
- font-size: 0.75rem;
- line-height: 1;
- color: #2ba6cb; }
- .tabs-title > a:hover {
- background: #fefefe;
- color: #258faf; }
- .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
- background: #e6e6e6;
- color: #2ba6cb; }
-
-.tabs-content {
- border: 1px solid #e6e6e6;
- border-top: 0;
- background: #fefefe;
- color: #0a0a0a;
- transition: all 0.5s ease; }
-
-.tabs-content.vertical {
- border: 1px solid #e6e6e6;
- border-left: 0; }
-
-.tabs-panel {
- display: none;
- padding: 1rem; }
- .tabs-panel.is-active {
- display: block; }
-
-.callout {
- position: relative;
- margin: 0 0 1rem 0;
- padding: 1rem;
- border: 1px solid rgba(10, 10, 10, 0.25);
- border-radius: 3px;
- background-color: white;
- color: #0a0a0a; }
- .callout > :first-child {
- margin-top: 0; }
- .callout > :last-child {
- margin-bottom: 0; }
- .callout.primary {
- background-color: #def2f8;
- color: #0a0a0a; }
- .callout.secondary {
- background-color: #fcfcfc;
- color: #0a0a0a; }
- .callout.alert {
- background-color: #fcd6d6;
- color: #0a0a0a; }
- .callout.success {
- background-color: #e6f7d9;
- color: #0a0a0a; }
- .callout.warning {
- background-color: #fff3d9;
- color: #0a0a0a; }
- .callout.body-font {
- background-color: #dedede;
- color: #0a0a0a; }
- .callout.header {
- background-color: #dedede;
- color: #0a0a0a; }
- .callout.small {
- padding-top: 0.5rem;
- padding-right: 0.5rem;
- padding-bottom: 0.5rem;
- padding-left: 0.5rem; }
- .callout.large {
- padding-top: 3rem;
- padding-right: 3rem;
- padding-bottom: 3rem;
- padding-left: 3rem; }
-
-.card {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-direction: column;
- flex-direction: column;
- -ms-flex-positive: 1;
- flex-grow: 1;
- margin-bottom: 1rem;
- border: 1px solid #e6e6e6;
- border-radius: 3px;
- background: #fefefe;
- box-shadow: none;
- overflow: hidden;
- color: #0a0a0a; }
- .card > :last-child {
- margin-bottom: 0; }
-
-.card-divider {
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- display: -ms-flexbox;
- display: flex;
- padding: 1rem;
- background: #e6e6e6; }
- .card-divider > :last-child {
- margin-bottom: 0; }
-
-.card-section {
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- padding: 1rem; }
- .card-section > :last-child {
- margin-bottom: 0; }
-
-.card-image {
- min-height: 1px; }
-
-.media-object {
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 1rem;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
- .media-object img {
- max-width: none; }
- @media screen and (max-width: 39.9375em) {
- .media-object.stack-for-small {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; } }
- @media screen and (max-width: 39.9375em) {
- .media-object.stack-for-small .media-object-section {
- padding: 0;
- padding-bottom: 1rem;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%; }
- .media-object.stack-for-small .media-object-section img {
- width: 100%; } }
-
-.media-object-section {
- -ms-flex: 0 1 auto;
- flex: 0 1 auto; }
- .media-object-section:first-child {
- padding-right: 1rem; }
- .media-object-section:last-child:not(:nth-child(2)) {
- padding-left: 1rem; }
- .media-object-section > :last-child {
- margin-bottom: 0; }
- .media-object-section.main-section {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
-
-body.is-reveal-open {
- overflow: hidden; }
-
-html.is-reveal-open,
-html.is-reveal-open body {
- min-height: 100%;
- overflow: hidden;
- position: fixed;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
-
-.reveal-overlay {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1005;
- display: none;
- background-color: rgba(10, 10, 10, 0.45);
- overflow-y: scroll; }
-
-.reveal {
- z-index: 1006;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- display: none;
- padding: 1rem;
- border: 1px solid #cacaca;
- border-radius: 3px;
- background-color: #fefefe;
- position: relative;
- top: 100px;
- margin-right: auto;
- margin-left: auto;
- overflow-y: auto; }
- [data-whatinput='mouse'] .reveal {
- outline: 0; }
- @media print, screen and (min-width: 40em) {
- .reveal {
- min-height: 0; } }
- .reveal .column {
- min-width: 0; }
- .reveal > :last-child {
- margin-bottom: 0; }
- @media print, screen and (min-width: 40em) {
- .reveal {
- width: 600px;
- max-width: 62.5rem; } }
- .reveal.collapse {
- padding: 0; }
- @media print, screen and (min-width: 40em) {
- .reveal.tiny {
- width: 30%;
- max-width: 62.5rem; } }
- @media print, screen and (min-width: 40em) {
- .reveal.small {
- width: 50%;
- max-width: 62.5rem; } }
- @media print, screen and (min-width: 40em) {
- .reveal.large {
- width: 90%;
- max-width: 62.5rem; } }
- .reveal.full {
- top: 0;
- left: 0;
- width: 100%;
- max-width: none;
- height: 100%;
- height: 100vh;
- min-height: 100vh;
- margin-left: 0;
- border: 0;
- border-radius: 0; }
- @media screen and (max-width: 39.9375em) {
- .reveal {
- top: 0;
- left: 0;
- width: 100%;
- max-width: none;
- height: 100%;
- height: 100vh;
- min-height: 100vh;
- margin-left: 0;
- border: 0;
- border-radius: 0; } }
- .reveal.without-overlay {
- position: fixed; }
-
-table {
- border-collapse: collapse;
- width: 100%;
- margin-bottom: 1rem;
- border-radius: 3px; }
- table thead,
- table tbody,
- table tfoot {
- border: 1px solid #f1f1f1;
- background-color: #fefefe; }
- table caption {
- padding: 0.5rem 0.625rem 0.625rem;
- font-weight: bold; }
- table thead {
- background: #f8f8f8;
- color: #0a0a0a; }
- table tfoot {
- background: #f1f1f1;
- color: #0a0a0a; }
- table thead tr,
- table tfoot tr {
- background: transparent; }
- table thead th,
- table thead td,
- table tfoot th,
- table tfoot td {
- padding: 0.5rem 0.625rem 0.625rem;
- font-weight: bold;
- text-align: left; }
- table tbody th,
- table tbody td {
- padding: 0.5rem 0.625rem 0.625rem; }
- table tbody tr:nth-child(even) {
- border-bottom: 0;
- background-color: #f1f1f1; }
- table.unstriped tbody {
- background-color: #fefefe; }
- table.unstriped tbody tr {
- border-bottom: 0;
- border-bottom: 1px solid #f1f1f1;
- background-color: #fefefe; }
-
-@media screen and (max-width: 63.9375em) {
- table.stack thead {
- display: none; }
- table.stack tfoot {
- display: none; }
- table.stack tr,
- table.stack th,
- table.stack td {
- display: block; }
- table.stack td {
- border-top: 0; } }
-
-table.scroll {
- display: block;
- width: 100%;
- overflow-x: auto; }
-
-table.hover thead tr:hover {
- background-color: #f3f3f3; }
-
-table.hover tfoot tr:hover {
- background-color: #ececec; }
-
-table.hover tbody tr:hover {
- background-color: #f9f9f9; }
-
-table.hover:not(.unstriped) tr:nth-of-type(even):hover {
- background-color: #ececec; }
-
-.table-scroll {
- overflow-x: auto; }
- .table-scroll table {
- width: auto; }
-
-.badge {
- display: inline-block;
- min-width: 2.1em;
- padding: 0.3em;
- border-radius: 50%;
- font-size: 0.6rem;
- text-align: center;
- background: #2ba6cb;
- color: #fefefe; }
- .badge.primary {
- background: #2ba6cb;
- color: #0a0a0a; }
- .badge.secondary {
- background: #e9e9e9;
- color: #0a0a0a; }
- .badge.alert {
- background: #c60f13;
- color: #fefefe; }
- .badge.success {
- background: #5da423;
- color: #0a0a0a; }
- .badge.warning {
- background: #ffae00;
- color: #0a0a0a; }
- .badge.body-font {
- background: #222222;
- color: #fefefe; }
- .badge.header {
- background: #222222;
- color: #fefefe; }
-
-.label {
- display: inline-block;
- padding: 0.33333rem 0.5rem;
- border-radius: 3px;
- font-size: 0.8rem;
- line-height: 1;
- white-space: nowrap;
- cursor: default;
- background: #2ba6cb;
- color: #fefefe; }
- .label.primary {
- background: #2ba6cb;
- color: #0a0a0a; }
- .label.secondary {
- background: #e9e9e9;
- color: #0a0a0a; }
- .label.alert {
- background: #c60f13;
- color: #fefefe; }
- .label.success {
- background: #5da423;
- color: #0a0a0a; }
- .label.warning {
- background: #ffae00;
- color: #0a0a0a; }
- .label.body-font {
- background: #222222;
- color: #fefefe; }
- .label.header {
- background: #222222;
- color: #fefefe; }
-
-.progress {
- height: 1rem;
- margin-bottom: 1rem;
- border-radius: 3px;
- background-color: #cacaca; }
- .progress.primary .progress-meter {
- background-color: #2ba6cb; }
- .progress.secondary .progress-meter {
- background-color: #e9e9e9; }
- .progress.alert .progress-meter {
- background-color: #c60f13; }
- .progress.success .progress-meter {
- background-color: #5da423; }
- .progress.warning .progress-meter {
- background-color: #ffae00; }
- .progress.body-font .progress-meter {
- background-color: #222222; }
- .progress.header .progress-meter {
- background-color: #222222; }
-
-.progress-meter {
- position: relative;
- display: block;
- width: 0%;
- height: 100%;
- background-color: #2ba6cb;
- border-radius: 3px; }
-
-.progress-meter-text {
- position: absolute;
- top: 50%;
- left: 50%;
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- position: absolute;
- margin: 0;
- font-size: 0.75rem;
- font-weight: bold;
- color: #fefefe;
- white-space: nowrap;
- border-radius: 3px; }
-
-.has-tip {
- position: relative;
- display: inline-block;
- border-bottom: dotted 1px #8a8a8a;
- font-weight: bold;
- cursor: help; }
-
-.tooltip {
- position: absolute;
- top: calc(100% + 0.6495rem);
- z-index: 1200;
- max-width: 10rem;
- padding: 0.75rem;
- border-radius: 3px;
- background-color: #0a0a0a;
- font-size: 80%;
- color: #fefefe; }
- .tooltip::before {
- position: absolute; }
- .tooltip.bottom::before {
- display: block;
- width: 0;
- height: 0;
- border: inset 0.75rem;
- content: '';
- border-top-width: 0;
- border-bottom-style: solid;
- border-color: transparent transparent #0a0a0a;
- bottom: 100%; }
- .tooltip.bottom.align-center::before {
- left: 50%;
- -ms-transform: translateX(-50%);
- transform: translateX(-50%); }
- .tooltip.top::before {
- display: block;
- width: 0;
- height: 0;
- border: inset 0.75rem;
- content: '';
- border-bottom-width: 0;
- border-top-style: solid;
- border-color: #0a0a0a transparent transparent;
- top: 100%;
- bottom: auto; }
- .tooltip.top.align-center::before {
- left: 50%;
- -ms-transform: translateX(-50%);
- transform: translateX(-50%); }
- .tooltip.left::before {
- display: block;
- width: 0;
- height: 0;
- border: inset 0.75rem;
- content: '';
- border-right-width: 0;
- border-left-style: solid;
- border-color: transparent transparent transparent #0a0a0a;
- left: 100%; }
- .tooltip.left.align-center::before {
- bottom: auto;
- top: 50%;
- -ms-transform: translateY(-50%);
- transform: translateY(-50%); }
- .tooltip.right::before {
- display: block;
- width: 0;
- height: 0;
- border: inset 0.75rem;
- content: '';
- border-left-width: 0;
- border-right-style: solid;
- border-color: transparent #0a0a0a transparent transparent;
- right: 100%;
- left: auto; }
- .tooltip.right.align-center::before {
- bottom: auto;
- top: 50%;
- -ms-transform: translateY(-50%);
- transform: translateY(-50%); }
- .tooltip.align-top::before {
- bottom: auto;
- top: 10%; }
- .tooltip.align-bottom::before {
- bottom: 10%;
- top: auto; }
- .tooltip.align-left::before {
- left: 10%;
- right: auto; }
- .tooltip.align-right::before {
- left: auto;
- right: 10%; }
-
-.responsive-embed,
-.flex-video {
- position: relative;
- height: 0;
- margin-bottom: 1rem;
- padding-bottom: 75%;
- overflow: hidden; }
- .responsive-embed iframe,
- .responsive-embed object,
- .responsive-embed embed,
- .responsive-embed video,
- .flex-video iframe,
- .flex-video object,
- .flex-video embed,
- .flex-video video {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%; }
- .responsive-embed.widescreen,
- .flex-video.widescreen {
- padding-bottom: 56.25%; }
-
-.orbit {
- position: relative; }
-
-.orbit-container {
- position: relative;
- height: 0;
- margin: 0;
- list-style: none;
- overflow: hidden; }
-
-.orbit-slide {
- width: 100%; }
- .orbit-slide.no-motionui.is-active {
- top: 0;
- left: 0; }
-
-.orbit-figure {
- margin: 0; }
-
-.orbit-image {
- width: 100%;
- max-width: 100%;
- margin: 0; }
-
-.orbit-caption {
- position: absolute;
- bottom: 0;
- width: 100%;
- margin-bottom: 0;
- padding: 1rem;
- background-color: rgba(10, 10, 10, 0.5);
- color: #fefefe; }
-
-.orbit-previous, .orbit-next {
- position: absolute;
- top: 50%;
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- z-index: 10;
- padding: 1rem;
- color: #fefefe; }
- [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
- outline: 0; }
- .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
- background-color: rgba(10, 10, 10, 0.5); }
-
-.orbit-previous {
- left: 0; }
-
-.orbit-next {
- left: auto;
- right: 0; }
-
-.orbit-bullets {
- position: relative;
- margin-top: 0.8rem;
- margin-bottom: 0.8rem;
- text-align: center; }
- [data-whatinput='mouse'] .orbit-bullets {
- outline: 0; }
- .orbit-bullets button {
- width: 1.2rem;
- height: 1.2rem;
- margin: 0.1rem;
- border-radius: 50%;
- background-color: #cacaca; }
- .orbit-bullets button:hover {
- background-color: #8a8a8a; }
- .orbit-bullets button.is-active {
- background-color: #8a8a8a; }
-
-.thumbnail {
- display: inline-block;
- max-width: 100%;
- margin-bottom: 1rem;
- border: solid 4px #fefefe;
- border-radius: 3px;
- box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
- line-height: 0; }
-
-a.thumbnail {
- transition: box-shadow 200ms ease-out; }
- a.thumbnail:hover, a.thumbnail:focus {
- box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
- a.thumbnail image {
- box-shadow: none; }
-
-.sticky-container {
- position: relative; }
-
-.sticky {
- position: relative;
- z-index: 0;
- transform: translate3d(0, 0, 0); }
-
-.sticky.is-stuck {
- position: fixed;
- z-index: 5;
- width: 100%; }
- .sticky.is-stuck.is-at-top {
- top: 0; }
- .sticky.is-stuck.is-at-bottom {
- bottom: 0; }
-
-.sticky.is-anchored {
- position: relative;
- right: auto;
- left: auto; }
- .sticky.is-anchored.is-at-bottom {
- bottom: 0; }
-
-.grid-container {
- padding-right: 0.9375rem;
- padding-left: 0.9375rem;
- max-width: 62.5rem;
- margin: 0 auto; }
- .grid-container.fluid {
- padding-right: 0.9375rem;
- padding-left: 0.9375rem;
- max-width: 100%;
- margin: 0 auto; }
- .grid-container.full {
- padding-right: 0;
- padding-left: 0;
- max-width: 100%;
- margin: 0 auto; }
-
-.grid-x {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-flow: row wrap;
- flex-flow: row wrap; }
-
-.cell {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- min-height: 0px;
- min-width: 0px;
- width: 100%; }
- .cell.auto {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px; }
- .cell.shrink {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto; }
-
-.grid-x > .auto {
- width: auto; }
-
-.grid-x > .shrink {
- width: auto; }
-
-.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
- -ms-flex-preferred-size: auto;
- flex-basis: auto; }
-
-@media print, screen and (min-width: 40em) {
- .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
- -ms-flex-preferred-size: auto;
- flex-basis: auto; } }
-
-@media print, screen and (min-width: 64em) {
- .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
- -ms-flex-preferred-size: auto;
- flex-basis: auto; } }
-
-.grid-x > .small-1 {
- width: 8.33333%; }
-
-.grid-x > .small-2 {
- width: 16.66667%; }
-
-.grid-x > .small-3 {
- width: 25%; }
-
-.grid-x > .small-4 {
- width: 33.33333%; }
-
-.grid-x > .small-5 {
- width: 41.66667%; }
-
-.grid-x > .small-6 {
- width: 50%; }
-
-.grid-x > .small-7 {
- width: 58.33333%; }
-
-.grid-x > .small-8 {
- width: 66.66667%; }
-
-.grid-x > .small-9 {
- width: 75%; }
-
-.grid-x > .small-10 {
- width: 83.33333%; }
-
-.grid-x > .small-11 {
- width: 91.66667%; }
-
-.grid-x > .small-12 {
- width: 100%; }
-
-@media print, screen and (min-width: 40em) {
- .grid-x > .medium-auto {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- width: auto; }
- .grid-x > .medium-shrink {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto; }
- .grid-x > .medium-1 {
- width: 8.33333%; }
- .grid-x > .medium-2 {
- width: 16.66667%; }
- .grid-x > .medium-3 {
- width: 25%; }
- .grid-x > .medium-4 {
- width: 33.33333%; }
- .grid-x > .medium-5 {
- width: 41.66667%; }
- .grid-x > .medium-6 {
- width: 50%; }
- .grid-x > .medium-7 {
- width: 58.33333%; }
- .grid-x > .medium-8 {
- width: 66.66667%; }
- .grid-x > .medium-9 {
- width: 75%; }
- .grid-x > .medium-10 {
- width: 83.33333%; }
- .grid-x > .medium-11 {
- width: 91.66667%; }
- .grid-x > .medium-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 64em) {
- .grid-x > .large-auto {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- width: auto; }
- .grid-x > .large-shrink {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- width: auto; }
- .grid-x > .large-1 {
- width: 8.33333%; }
- .grid-x > .large-2 {
- width: 16.66667%; }
- .grid-x > .large-3 {
- width: 25%; }
- .grid-x > .large-4 {
- width: 33.33333%; }
- .grid-x > .large-5 {
- width: 41.66667%; }
- .grid-x > .large-6 {
- width: 50%; }
- .grid-x > .large-7 {
- width: 58.33333%; }
- .grid-x > .large-8 {
- width: 66.66667%; }
- .grid-x > .large-9 {
- width: 75%; }
- .grid-x > .large-10 {
- width: 83.33333%; }
- .grid-x > .large-11 {
- width: 91.66667%; }
- .grid-x > .large-12 {
- width: 100%; } }
-
-.grid-margin-x:not(.grid-x) > .cell {
- width: auto; }
-
-.grid-margin-y:not(.grid-y) > .cell {
- height: auto; }
-
-.grid-margin-x {
- margin-left: -0.9375rem;
- margin-right: -0.9375rem; }
- .grid-margin-x > .cell {
- width: calc(100% - 1.875rem);
- margin-left: 0.9375rem;
- margin-right: 0.9375rem; }
- .grid-margin-x > .auto {
- width: auto; }
- .grid-margin-x > .shrink {
- width: auto; }
- .grid-margin-x > .small-1 {
- width: calc(8.33333% - 1.875rem); }
- .grid-margin-x > .small-2 {
- width: calc(16.66667% - 1.875rem); }
- .grid-margin-x > .small-3 {
- width: calc(25% - 1.875rem); }
- .grid-margin-x > .small-4 {
- width: calc(33.33333% - 1.875rem); }
- .grid-margin-x > .small-5 {
- width: calc(41.66667% - 1.875rem); }
- .grid-margin-x > .small-6 {
- width: calc(50% - 1.875rem); }
- .grid-margin-x > .small-7 {
- width: calc(58.33333% - 1.875rem); }
- .grid-margin-x > .small-8 {
- width: calc(66.66667% - 1.875rem); }
- .grid-margin-x > .small-9 {
- width: calc(75% - 1.875rem); }
- .grid-margin-x > .small-10 {
- width: calc(83.33333% - 1.875rem); }
- .grid-margin-x > .small-11 {
- width: calc(91.66667% - 1.875rem); }
- .grid-margin-x > .small-12 {
- width: calc(100% - 1.875rem); }
- @media print, screen and (min-width: 40em) {
- .grid-margin-x > .medium-auto {
- width: auto; }
- .grid-margin-x > .medium-shrink {
- width: auto; }
- .grid-margin-x > .medium-1 {
- width: calc(8.33333% - 1.875rem); }
- .grid-margin-x > .medium-2 {
- width: calc(16.66667% - 1.875rem); }
- .grid-margin-x > .medium-3 {
- width: calc(25% - 1.875rem); }
- .grid-margin-x > .medium-4 {
- width: calc(33.33333% - 1.875rem); }
- .grid-margin-x > .medium-5 {
- width: calc(41.66667% - 1.875rem); }
- .grid-margin-x > .medium-6 {
- width: calc(50% - 1.875rem); }
- .grid-margin-x > .medium-7 {
- width: calc(58.33333% - 1.875rem); }
- .grid-margin-x > .medium-8 {
- width: calc(66.66667% - 1.875rem); }
- .grid-margin-x > .medium-9 {
- width: calc(75% - 1.875rem); }
- .grid-margin-x > .medium-10 {
- width: calc(83.33333% - 1.875rem); }
- .grid-margin-x > .medium-11 {
- width: calc(91.66667% - 1.875rem); }
- .grid-margin-x > .medium-12 {
- width: calc(100% - 1.875rem); } }
- @media print, screen and (min-width: 64em) {
- .grid-margin-x > .large-auto {
- width: auto; }
- .grid-margin-x > .large-shrink {
- width: auto; }
- .grid-margin-x > .large-1 {
- width: calc(8.33333% - 1.875rem); }
- .grid-margin-x > .large-2 {
- width: calc(16.66667% - 1.875rem); }
- .grid-margin-x > .large-3 {
- width: calc(25% - 1.875rem); }
- .grid-margin-x > .large-4 {
- width: calc(33.33333% - 1.875rem); }
- .grid-margin-x > .large-5 {
- width: calc(41.66667% - 1.875rem); }
- .grid-margin-x > .large-6 {
- width: calc(50% - 1.875rem); }
- .grid-margin-x > .large-7 {
- width: calc(58.33333% - 1.875rem); }
- .grid-margin-x > .large-8 {
- width: calc(66.66667% - 1.875rem); }
- .grid-margin-x > .large-9 {
- width: calc(75% - 1.875rem); }
- .grid-margin-x > .large-10 {
- width: calc(83.33333% - 1.875rem); }
- .grid-margin-x > .large-11 {
- width: calc(91.66667% - 1.875rem); }
- .grid-margin-x > .large-12 {
- width: calc(100% - 1.875rem); } }
-
-.grid-padding-x .grid-padding-x {
- margin-right: -0.9375rem;
- margin-left: -0.9375rem; }
-
-.grid-container:not(.full) > .grid-padding-x {
- margin-right: -0.9375rem;
- margin-left: -0.9375rem; }
-
-.grid-padding-x > .cell {
- padding-right: 0.9375rem;
- padding-left: 0.9375rem; }
-
-.small-up-1 > .cell {
- width: 100%; }
-
-.small-up-2 > .cell {
- width: 50%; }
-
-.small-up-3 > .cell {
- width: 33.33333%; }
-
-.small-up-4 > .cell {
- width: 25%; }
-
-.small-up-5 > .cell {
- width: 20%; }
-
-.small-up-6 > .cell {
- width: 16.66667%; }
-
-.small-up-7 > .cell {
- width: 14.28571%; }
-
-.small-up-8 > .cell {
- width: 12.5%; }
-
-@media print, screen and (min-width: 40em) {
- .medium-up-1 > .cell {
- width: 100%; }
- .medium-up-2 > .cell {
- width: 50%; }
- .medium-up-3 > .cell {
- width: 33.33333%; }
- .medium-up-4 > .cell {
- width: 25%; }
- .medium-up-5 > .cell {
- width: 20%; }
- .medium-up-6 > .cell {
- width: 16.66667%; }
- .medium-up-7 > .cell {
- width: 14.28571%; }
- .medium-up-8 > .cell {
- width: 12.5%; } }
-
-@media print, screen and (min-width: 64em) {
- .large-up-1 > .cell {
- width: 100%; }
- .large-up-2 > .cell {
- width: 50%; }
- .large-up-3 > .cell {
- width: 33.33333%; }
- .large-up-4 > .cell {
- width: 25%; }
- .large-up-5 > .cell {
- width: 20%; }
- .large-up-6 > .cell {
- width: 16.66667%; }
- .large-up-7 > .cell {
- width: 14.28571%; }
- .large-up-8 > .cell {
- width: 12.5%; } }
-
-.grid-margin-x.small-up-1 > .cell {
- width: calc(100% - 1.875rem); }
-
-.grid-margin-x.small-up-2 > .cell {
- width: calc(50% - 1.875rem); }
-
-.grid-margin-x.small-up-3 > .cell {
- width: calc(33.33333% - 1.875rem); }
-
-.grid-margin-x.small-up-4 > .cell {
- width: calc(25% - 1.875rem); }
-
-.grid-margin-x.small-up-5 > .cell {
- width: calc(20% - 1.875rem); }
-
-.grid-margin-x.small-up-6 > .cell {
- width: calc(16.66667% - 1.875rem); }
-
-.grid-margin-x.small-up-7 > .cell {
- width: calc(14.28571% - 1.875rem); }
-
-.grid-margin-x.small-up-8 > .cell {
- width: calc(12.5% - 1.875rem); }
-
-@media print, screen and (min-width: 40em) {
- .grid-margin-x.medium-up-1 > .cell {
- width: calc(100% - 1.875rem); }
- .grid-margin-x.medium-up-2 > .cell {
- width: calc(50% - 1.875rem); }
- .grid-margin-x.medium-up-3 > .cell {
- width: calc(33.33333% - 1.875rem); }
- .grid-margin-x.medium-up-4 > .cell {
- width: calc(25% - 1.875rem); }
- .grid-margin-x.medium-up-5 > .cell {
- width: calc(20% - 1.875rem); }
- .grid-margin-x.medium-up-6 > .cell {
- width: calc(16.66667% - 1.875rem); }
- .grid-margin-x.medium-up-7 > .cell {
- width: calc(14.28571% - 1.875rem); }
- .grid-margin-x.medium-up-8 > .cell {
- width: calc(12.5% - 1.875rem); } }
-
-@media print, screen and (min-width: 64em) {
- .grid-margin-x.large-up-1 > .cell {
- width: calc(100% - 1.875rem); }
- .grid-margin-x.large-up-2 > .cell {
- width: calc(50% - 1.875rem); }
- .grid-margin-x.large-up-3 > .cell {
- width: calc(33.33333% - 1.875rem); }
- .grid-margin-x.large-up-4 > .cell {
- width: calc(25% - 1.875rem); }
- .grid-margin-x.large-up-5 > .cell {
- width: calc(20% - 1.875rem); }
- .grid-margin-x.large-up-6 > .cell {
- width: calc(16.66667% - 1.875rem); }
- .grid-margin-x.large-up-7 > .cell {
- width: calc(14.28571% - 1.875rem); }
- .grid-margin-x.large-up-8 > .cell {
- width: calc(12.5% - 1.875rem); } }
-
-.small-margin-collapse {
- margin-right: 0;
- margin-left: 0; }
- .small-margin-collapse > .cell {
- margin-right: 0;
- margin-left: 0; }
- .small-margin-collapse > .small-1 {
- width: 8.33333%; }
- .small-margin-collapse > .small-2 {
- width: 16.66667%; }
- .small-margin-collapse > .small-3 {
- width: 25%; }
- .small-margin-collapse > .small-4 {
- width: 33.33333%; }
- .small-margin-collapse > .small-5 {
- width: 41.66667%; }
- .small-margin-collapse > .small-6 {
- width: 50%; }
- .small-margin-collapse > .small-7 {
- width: 58.33333%; }
- .small-margin-collapse > .small-8 {
- width: 66.66667%; }
- .small-margin-collapse > .small-9 {
- width: 75%; }
- .small-margin-collapse > .small-10 {
- width: 83.33333%; }
- .small-margin-collapse > .small-11 {
- width: 91.66667%; }
- .small-margin-collapse > .small-12 {
- width: 100%; }
- @media print, screen and (min-width: 40em) {
- .small-margin-collapse > .medium-1 {
- width: 8.33333%; }
- .small-margin-collapse > .medium-2 {
- width: 16.66667%; }
- .small-margin-collapse > .medium-3 {
- width: 25%; }
- .small-margin-collapse > .medium-4 {
- width: 33.33333%; }
- .small-margin-collapse > .medium-5 {
- width: 41.66667%; }
- .small-margin-collapse > .medium-6 {
- width: 50%; }
- .small-margin-collapse > .medium-7 {
- width: 58.33333%; }
- .small-margin-collapse > .medium-8 {
- width: 66.66667%; }
- .small-margin-collapse > .medium-9 {
- width: 75%; }
- .small-margin-collapse > .medium-10 {
- width: 83.33333%; }
- .small-margin-collapse > .medium-11 {
- width: 91.66667%; }
- .small-margin-collapse > .medium-12 {
- width: 100%; } }
- @media print, screen and (min-width: 64em) {
- .small-margin-collapse > .large-1 {
- width: 8.33333%; }
- .small-margin-collapse > .large-2 {
- width: 16.66667%; }
- .small-margin-collapse > .large-3 {
- width: 25%; }
- .small-margin-collapse > .large-4 {
- width: 33.33333%; }
- .small-margin-collapse > .large-5 {
- width: 41.66667%; }
- .small-margin-collapse > .large-6 {
- width: 50%; }
- .small-margin-collapse > .large-7 {
- width: 58.33333%; }
- .small-margin-collapse > .large-8 {
- width: 66.66667%; }
- .small-margin-collapse > .large-9 {
- width: 75%; }
- .small-margin-collapse > .large-10 {
- width: 83.33333%; }
- .small-margin-collapse > .large-11 {
- width: 91.66667%; }
- .small-margin-collapse > .large-12 {
- width: 100%; } }
-
-.small-padding-collapse {
- margin-right: 0;
- margin-left: 0; }
- .small-padding-collapse > .cell {
- padding-right: 0;
- padding-left: 0; }
-
-@media print, screen and (min-width: 40em) {
- .medium-margin-collapse {
- margin-right: 0;
- margin-left: 0; }
- .medium-margin-collapse > .cell {
- margin-right: 0;
- margin-left: 0; } }
-
-@media print, screen and (min-width: 40em) {
- .medium-margin-collapse > .small-1 {
- width: 8.33333%; }
- .medium-margin-collapse > .small-2 {
- width: 16.66667%; }
- .medium-margin-collapse > .small-3 {
- width: 25%; }
- .medium-margin-collapse > .small-4 {
- width: 33.33333%; }
- .medium-margin-collapse > .small-5 {
- width: 41.66667%; }
- .medium-margin-collapse > .small-6 {
- width: 50%; }
- .medium-margin-collapse > .small-7 {
- width: 58.33333%; }
- .medium-margin-collapse > .small-8 {
- width: 66.66667%; }
- .medium-margin-collapse > .small-9 {
- width: 75%; }
- .medium-margin-collapse > .small-10 {
- width: 83.33333%; }
- .medium-margin-collapse > .small-11 {
- width: 91.66667%; }
- .medium-margin-collapse > .small-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 40em) {
- .medium-margin-collapse > .medium-1 {
- width: 8.33333%; }
- .medium-margin-collapse > .medium-2 {
- width: 16.66667%; }
- .medium-margin-collapse > .medium-3 {
- width: 25%; }
- .medium-margin-collapse > .medium-4 {
- width: 33.33333%; }
- .medium-margin-collapse > .medium-5 {
- width: 41.66667%; }
- .medium-margin-collapse > .medium-6 {
- width: 50%; }
- .medium-margin-collapse > .medium-7 {
- width: 58.33333%; }
- .medium-margin-collapse > .medium-8 {
- width: 66.66667%; }
- .medium-margin-collapse > .medium-9 {
- width: 75%; }
- .medium-margin-collapse > .medium-10 {
- width: 83.33333%; }
- .medium-margin-collapse > .medium-11 {
- width: 91.66667%; }
- .medium-margin-collapse > .medium-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 64em) {
- .medium-margin-collapse > .large-1 {
- width: 8.33333%; }
- .medium-margin-collapse > .large-2 {
- width: 16.66667%; }
- .medium-margin-collapse > .large-3 {
- width: 25%; }
- .medium-margin-collapse > .large-4 {
- width: 33.33333%; }
- .medium-margin-collapse > .large-5 {
- width: 41.66667%; }
- .medium-margin-collapse > .large-6 {
- width: 50%; }
- .medium-margin-collapse > .large-7 {
- width: 58.33333%; }
- .medium-margin-collapse > .large-8 {
- width: 66.66667%; }
- .medium-margin-collapse > .large-9 {
- width: 75%; }
- .medium-margin-collapse > .large-10 {
- width: 83.33333%; }
- .medium-margin-collapse > .large-11 {
- width: 91.66667%; }
- .medium-margin-collapse > .large-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 40em) {
- .medium-padding-collapse {
- margin-right: 0;
- margin-left: 0; }
- .medium-padding-collapse > .cell {
- padding-right: 0;
- padding-left: 0; } }
-
-@media print, screen and (min-width: 64em) {
- .large-margin-collapse {
- margin-right: 0;
- margin-left: 0; }
- .large-margin-collapse > .cell {
- margin-right: 0;
- margin-left: 0; } }
-
-@media print, screen and (min-width: 64em) {
- .large-margin-collapse > .small-1 {
- width: 8.33333%; }
- .large-margin-collapse > .small-2 {
- width: 16.66667%; }
- .large-margin-collapse > .small-3 {
- width: 25%; }
- .large-margin-collapse > .small-4 {
- width: 33.33333%; }
- .large-margin-collapse > .small-5 {
- width: 41.66667%; }
- .large-margin-collapse > .small-6 {
- width: 50%; }
- .large-margin-collapse > .small-7 {
- width: 58.33333%; }
- .large-margin-collapse > .small-8 {
- width: 66.66667%; }
- .large-margin-collapse > .small-9 {
- width: 75%; }
- .large-margin-collapse > .small-10 {
- width: 83.33333%; }
- .large-margin-collapse > .small-11 {
- width: 91.66667%; }
- .large-margin-collapse > .small-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 64em) {
- .large-margin-collapse > .medium-1 {
- width: 8.33333%; }
- .large-margin-collapse > .medium-2 {
- width: 16.66667%; }
- .large-margin-collapse > .medium-3 {
- width: 25%; }
- .large-margin-collapse > .medium-4 {
- width: 33.33333%; }
- .large-margin-collapse > .medium-5 {
- width: 41.66667%; }
- .large-margin-collapse > .medium-6 {
- width: 50%; }
- .large-margin-collapse > .medium-7 {
- width: 58.33333%; }
- .large-margin-collapse > .medium-8 {
- width: 66.66667%; }
- .large-margin-collapse > .medium-9 {
- width: 75%; }
- .large-margin-collapse > .medium-10 {
- width: 83.33333%; }
- .large-margin-collapse > .medium-11 {
- width: 91.66667%; }
- .large-margin-collapse > .medium-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 64em) {
- .large-margin-collapse > .large-1 {
- width: 8.33333%; }
- .large-margin-collapse > .large-2 {
- width: 16.66667%; }
- .large-margin-collapse > .large-3 {
- width: 25%; }
- .large-margin-collapse > .large-4 {
- width: 33.33333%; }
- .large-margin-collapse > .large-5 {
- width: 41.66667%; }
- .large-margin-collapse > .large-6 {
- width: 50%; }
- .large-margin-collapse > .large-7 {
- width: 58.33333%; }
- .large-margin-collapse > .large-8 {
- width: 66.66667%; }
- .large-margin-collapse > .large-9 {
- width: 75%; }
- .large-margin-collapse > .large-10 {
- width: 83.33333%; }
- .large-margin-collapse > .large-11 {
- width: 91.66667%; }
- .large-margin-collapse > .large-12 {
- width: 100%; } }
-
-@media print, screen and (min-width: 64em) {
- .large-padding-collapse {
- margin-right: 0;
- margin-left: 0; }
- .large-padding-collapse > .cell {
- padding-right: 0;
- padding-left: 0; } }
-
-.small-offset-0 {
- margin-left: 0%; }
-
-.grid-margin-x > .small-offset-0 {
- margin-left: calc(0% + 0.9375rem); }
-
-.small-offset-1 {
- margin-left: 8.33333%; }
-
-.grid-margin-x > .small-offset-1 {
- margin-left: calc(8.33333% + 0.9375rem); }
-
-.small-offset-2 {
- margin-left: 16.66667%; }
-
-.grid-margin-x > .small-offset-2 {
- margin-left: calc(16.66667% + 0.9375rem); }
-
-.small-offset-3 {
- margin-left: 25%; }
-
-.grid-margin-x > .small-offset-3 {
- margin-left: calc(25% + 0.9375rem); }
-
-.small-offset-4 {
- margin-left: 33.33333%; }
-
-.grid-margin-x > .small-offset-4 {
- margin-left: calc(33.33333% + 0.9375rem); }
-
-.small-offset-5 {
- margin-left: 41.66667%; }
-
-.grid-margin-x > .small-offset-5 {
- margin-left: calc(41.66667% + 0.9375rem); }
-
-.small-offset-6 {
- margin-left: 50%; }
-
-.grid-margin-x > .small-offset-6 {
- margin-left: calc(50% + 0.9375rem); }
-
-.small-offset-7 {
- margin-left: 58.33333%; }
-
-.grid-margin-x > .small-offset-7 {
- margin-left: calc(58.33333% + 0.9375rem); }
-
-.small-offset-8 {
- margin-left: 66.66667%; }
-
-.grid-margin-x > .small-offset-8 {
- margin-left: calc(66.66667% + 0.9375rem); }
-
-.small-offset-9 {
- margin-left: 75%; }
-
-.grid-margin-x > .small-offset-9 {
- margin-left: calc(75% + 0.9375rem); }
-
-.small-offset-10 {
- margin-left: 83.33333%; }
-
-.grid-margin-x > .small-offset-10 {
- margin-left: calc(83.33333% + 0.9375rem); }
-
-.small-offset-11 {
- margin-left: 91.66667%; }
-
-.grid-margin-x > .small-offset-11 {
- margin-left: calc(91.66667% + 0.9375rem); }
-
-@media print, screen and (min-width: 40em) {
- .medium-offset-0 {
- margin-left: 0%; }
- .grid-margin-x > .medium-offset-0 {
- margin-left: calc(0% + 0.9375rem); }
- .medium-offset-1 {
- margin-left: 8.33333%; }
- .grid-margin-x > .medium-offset-1 {
- margin-left: calc(8.33333% + 0.9375rem); }
- .medium-offset-2 {
- margin-left: 16.66667%; }
- .grid-margin-x > .medium-offset-2 {
- margin-left: calc(16.66667% + 0.9375rem); }
- .medium-offset-3 {
- margin-left: 25%; }
- .grid-margin-x > .medium-offset-3 {
- margin-left: calc(25% + 0.9375rem); }
- .medium-offset-4 {
- margin-left: 33.33333%; }
- .grid-margin-x > .medium-offset-4 {
- margin-left: calc(33.33333% + 0.9375rem); }
- .medium-offset-5 {
- margin-left: 41.66667%; }
- .grid-margin-x > .medium-offset-5 {
- margin-left: calc(41.66667% + 0.9375rem); }
- .medium-offset-6 {
- margin-left: 50%; }
- .grid-margin-x > .medium-offset-6 {
- margin-left: calc(50% + 0.9375rem); }
- .medium-offset-7 {
- margin-left: 58.33333%; }
- .grid-margin-x > .medium-offset-7 {
- margin-left: calc(58.33333% + 0.9375rem); }
- .medium-offset-8 {
- margin-left: 66.66667%; }
- .grid-margin-x > .medium-offset-8 {
- margin-left: calc(66.66667% + 0.9375rem); }
- .medium-offset-9 {
- margin-left: 75%; }
- .grid-margin-x > .medium-offset-9 {
- margin-left: calc(75% + 0.9375rem); }
- .medium-offset-10 {
- margin-left: 83.33333%; }
- .grid-margin-x > .medium-offset-10 {
- margin-left: calc(83.33333% + 0.9375rem); }
- .medium-offset-11 {
- margin-left: 91.66667%; }
- .grid-margin-x > .medium-offset-11 {
- margin-left: calc(91.66667% + 0.9375rem); } }
-
-@media print, screen and (min-width: 64em) {
- .large-offset-0 {
- margin-left: 0%; }
- .grid-margin-x > .large-offset-0 {
- margin-left: calc(0% + 0.9375rem); }
- .large-offset-1 {
- margin-left: 8.33333%; }
- .grid-margin-x > .large-offset-1 {
- margin-left: calc(8.33333% + 0.9375rem); }
- .large-offset-2 {
- margin-left: 16.66667%; }
- .grid-margin-x > .large-offset-2 {
- margin-left: calc(16.66667% + 0.9375rem); }
- .large-offset-3 {
- margin-left: 25%; }
- .grid-margin-x > .large-offset-3 {
- margin-left: calc(25% + 0.9375rem); }
- .large-offset-4 {
- margin-left: 33.33333%; }
- .grid-margin-x > .large-offset-4 {
- margin-left: calc(33.33333% + 0.9375rem); }
- .large-offset-5 {
- margin-left: 41.66667%; }
- .grid-margin-x > .large-offset-5 {
- margin-left: calc(41.66667% + 0.9375rem); }
- .large-offset-6 {
- margin-left: 50%; }
- .grid-margin-x > .large-offset-6 {
- margin-left: calc(50% + 0.9375rem); }
- .large-offset-7 {
- margin-left: 58.33333%; }
- .grid-margin-x > .large-offset-7 {
- margin-left: calc(58.33333% + 0.9375rem); }
- .large-offset-8 {
- margin-left: 66.66667%; }
- .grid-margin-x > .large-offset-8 {
- margin-left: calc(66.66667% + 0.9375rem); }
- .large-offset-9 {
- margin-left: 75%; }
- .grid-margin-x > .large-offset-9 {
- margin-left: calc(75% + 0.9375rem); }
- .large-offset-10 {
- margin-left: 83.33333%; }
- .grid-margin-x > .large-offset-10 {
- margin-left: calc(83.33333% + 0.9375rem); }
- .large-offset-11 {
- margin-left: 91.66667%; }
- .grid-margin-x > .large-offset-11 {
- margin-left: calc(91.66667% + 0.9375rem); } }
-
-.grid-y {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-flow: column nowrap;
- flex-flow: column nowrap; }
- .grid-y > .cell {
- width: auto; }
- .grid-y > .auto {
- height: auto; }
- .grid-y > .shrink {
- height: auto; }
- .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
- -ms-flex-preferred-size: auto;
- flex-basis: auto; }
- @media print, screen and (min-width: 40em) {
- .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
- -ms-flex-preferred-size: auto;
- flex-basis: auto; } }
- @media print, screen and (min-width: 64em) {
- .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
- -ms-flex-preferred-size: auto;
- flex-basis: auto; } }
- .grid-y > .small-1 {
- height: 8.33333%; }
- .grid-y > .small-2 {
- height: 16.66667%; }
- .grid-y > .small-3 {
- height: 25%; }
- .grid-y > .small-4 {
- height: 33.33333%; }
- .grid-y > .small-5 {
- height: 41.66667%; }
- .grid-y > .small-6 {
- height: 50%; }
- .grid-y > .small-7 {
- height: 58.33333%; }
- .grid-y > .small-8 {
- height: 66.66667%; }
- .grid-y > .small-9 {
- height: 75%; }
- .grid-y > .small-10 {
- height: 83.33333%; }
- .grid-y > .small-11 {
- height: 91.66667%; }
- .grid-y > .small-12 {
- height: 100%; }
- @media print, screen and (min-width: 40em) {
- .grid-y > .medium-auto {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- height: auto; }
- .grid-y > .medium-shrink {
- height: auto; }
- .grid-y > .medium-1 {
- height: 8.33333%; }
- .grid-y > .medium-2 {
- height: 16.66667%; }
- .grid-y > .medium-3 {
- height: 25%; }
- .grid-y > .medium-4 {
- height: 33.33333%; }
- .grid-y > .medium-5 {
- height: 41.66667%; }
- .grid-y > .medium-6 {
- height: 50%; }
- .grid-y > .medium-7 {
- height: 58.33333%; }
- .grid-y > .medium-8 {
- height: 66.66667%; }
- .grid-y > .medium-9 {
- height: 75%; }
- .grid-y > .medium-10 {
- height: 83.33333%; }
- .grid-y > .medium-11 {
- height: 91.66667%; }
- .grid-y > .medium-12 {
- height: 100%; } }
- @media print, screen and (min-width: 64em) {
- .grid-y > .large-auto {
- -ms-flex: 1 1 0px;
- flex: 1 1 0px;
- height: auto; }
- .grid-y > .large-shrink {
- height: auto; }
- .grid-y > .large-1 {
- height: 8.33333%; }
- .grid-y > .large-2 {
- height: 16.66667%; }
- .grid-y > .large-3 {
- height: 25%; }
- .grid-y > .large-4 {
- height: 33.33333%; }
- .grid-y > .large-5 {
- height: 41.66667%; }
- .grid-y > .large-6 {
- height: 50%; }
- .grid-y > .large-7 {
- height: 58.33333%; }
- .grid-y > .large-8 {
- height: 66.66667%; }
- .grid-y > .large-9 {
- height: 75%; }
- .grid-y > .large-10 {
- height: 83.33333%; }
- .grid-y > .large-11 {
- height: 91.66667%; }
- .grid-y > .large-12 {
- height: 100%; } }
-
-.grid-padding-y .grid-padding-y {
- margin-top: -0.9375rem;
- margin-bottom: -0.9375rem; }
-
-.grid-padding-y > .cell {
- padding-top: 0.9375rem;
- padding-bottom: 0.9375rem; }
-
-.grid-margin-y {
- margin-top: -0.9375rem;
- margin-bottom: -0.9375rem; }
- .grid-margin-y > .cell {
- height: calc(100% - 1.875rem);
- margin-top: 0.9375rem;
- margin-bottom: 0.9375rem; }
- .grid-margin-y > .auto {
- height: auto; }
- .grid-margin-y > .shrink {
- height: auto; }
- .grid-margin-y > .small-1 {
- height: calc(8.33333% - 1.875rem); }
- .grid-margin-y > .small-2 {
- height: calc(16.66667% - 1.875rem); }
- .grid-margin-y > .small-3 {
- height: calc(25% - 1.875rem); }
- .grid-margin-y > .small-4 {
- height: calc(33.33333% - 1.875rem); }
- .grid-margin-y > .small-5 {
- height: calc(41.66667% - 1.875rem); }
- .grid-margin-y > .small-6 {
- height: calc(50% - 1.875rem); }
- .grid-margin-y > .small-7 {
- height: calc(58.33333% - 1.875rem); }
- .grid-margin-y > .small-8 {
- height: calc(66.66667% - 1.875rem); }
- .grid-margin-y > .small-9 {
- height: calc(75% - 1.875rem); }
- .grid-margin-y > .small-10 {
- height: calc(83.33333% - 1.875rem); }
- .grid-margin-y > .small-11 {
- height: calc(91.66667% - 1.875rem); }
- .grid-margin-y > .small-12 {
- height: calc(100% - 1.875rem); }
- @media print, screen and (min-width: 40em) {
- .grid-margin-y > .medium-auto {
- height: auto; }
- .grid-margin-y > .medium-shrink {
- height: auto; }
- .grid-margin-y > .medium-1 {
- height: calc(8.33333% - 1.875rem); }
- .grid-margin-y > .medium-2 {
- height: calc(16.66667% - 1.875rem); }
- .grid-margin-y > .medium-3 {
- height: calc(25% - 1.875rem); }
- .grid-margin-y > .medium-4 {
- height: calc(33.33333% - 1.875rem); }
- .grid-margin-y > .medium-5 {
- height: calc(41.66667% - 1.875rem); }
- .grid-margin-y > .medium-6 {
- height: calc(50% - 1.875rem); }
- .grid-margin-y > .medium-7 {
- height: calc(58.33333% - 1.875rem); }
- .grid-margin-y > .medium-8 {
- height: calc(66.66667% - 1.875rem); }
- .grid-margin-y > .medium-9 {
- height: calc(75% - 1.875rem); }
- .grid-margin-y > .medium-10 {
- height: calc(83.33333% - 1.875rem); }
- .grid-margin-y > .medium-11 {
- height: calc(91.66667% - 1.875rem); }
- .grid-margin-y > .medium-12 {
- height: calc(100% - 1.875rem); } }
- @media print, screen and (min-width: 64em) {
- .grid-margin-y > .large-auto {
- height: auto; }
- .grid-margin-y > .large-shrink {
- height: auto; }
- .grid-margin-y > .large-1 {
- height: calc(8.33333% - 1.875rem); }
- .grid-margin-y > .large-2 {
- height: calc(16.66667% - 1.875rem); }
- .grid-margin-y > .large-3 {
- height: calc(25% - 1.875rem); }
- .grid-margin-y > .large-4 {
- height: calc(33.33333% - 1.875rem); }
- .grid-margin-y > .large-5 {
- height: calc(41.66667% - 1.875rem); }
- .grid-margin-y > .large-6 {
- height: calc(50% - 1.875rem); }
- .grid-margin-y > .large-7 {
- height: calc(58.33333% - 1.875rem); }
- .grid-margin-y > .large-8 {
- height: calc(66.66667% - 1.875rem); }
- .grid-margin-y > .large-9 {
- height: calc(75% - 1.875rem); }
- .grid-margin-y > .large-10 {
- height: calc(83.33333% - 1.875rem); }
- .grid-margin-y > .large-11 {
- height: calc(91.66667% - 1.875rem); }
- .grid-margin-y > .large-12 {
- height: calc(100% - 1.875rem); } }
-
-.grid-frame {
- overflow: hidden;
- position: relative;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch;
- width: 100vw; }
-
-.cell .grid-frame {
- width: 100%; }
-
-.cell-block {
- overflow-x: auto;
- max-width: 100%;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-stype: -ms-autohiding-scrollbar; }
-
-.cell-block-y {
- overflow-y: auto;
- max-height: 100%;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-stype: -ms-autohiding-scrollbar; }
-
-.cell-block-container {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-direction: column;
- flex-direction: column;
- max-height: 100%; }
- .cell-block-container > .grid-x {
- max-height: 100%;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
-
-@media print, screen and (min-width: 40em) {
- .medium-grid-frame {
- overflow: hidden;
- position: relative;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch;
- width: 100vw; }
- .cell .medium-grid-frame {
- width: 100%; }
- .medium-cell-block {
- overflow-x: auto;
- max-width: 100%;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-stype: -ms-autohiding-scrollbar; }
- .medium-cell-block-container {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-direction: column;
- flex-direction: column;
- max-height: 100%; }
- .medium-cell-block-container > .grid-x {
- max-height: 100%;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
- .medium-cell-block-y {
- overflow-y: auto;
- max-height: 100%;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-stype: -ms-autohiding-scrollbar; } }
-
-@media print, screen and (min-width: 64em) {
- .large-grid-frame {
- overflow: hidden;
- position: relative;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch;
- width: 100vw; }
- .cell .large-grid-frame {
- width: 100%; }
- .large-cell-block {
- overflow-x: auto;
- max-width: 100%;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-stype: -ms-autohiding-scrollbar; }
- .large-cell-block-container {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-direction: column;
- flex-direction: column;
- max-height: 100%; }
- .large-cell-block-container > .grid-x {
- max-height: 100%;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap; }
- .large-cell-block-y {
- overflow-y: auto;
- max-height: 100%;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-stype: -ms-autohiding-scrollbar; } }
-
-.grid-y.grid-frame {
- width: auto;
- overflow: hidden;
- position: relative;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch;
- height: 100vh; }
-
-@media print, screen and (min-width: 40em) {
- .grid-y.medium-grid-frame {
- width: auto;
- overflow: hidden;
- position: relative;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch;
- height: 100vh; } }
-
-@media print, screen and (min-width: 64em) {
- .grid-y.large-grid-frame {
- width: auto;
- overflow: hidden;
- position: relative;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -ms-flex-align: stretch;
- align-items: stretch;
- height: 100vh; } }
-
-.cell .grid-y.grid-frame {
- height: 100%; }
-
-@media print, screen and (min-width: 40em) {
- .cell .grid-y.medium-grid-frame {
- height: 100%; } }
-
-@media print, screen and (min-width: 64em) {
- .cell .grid-y.large-grid-frame {
- height: 100%; } }
-
-.grid-margin-y {
- margin-top: -0.9375rem;
- margin-bottom: -0.9375rem; }
- .grid-margin-y > .cell {
- height: calc(100% - 1.875rem);
- margin-top: 0.9375rem;
- margin-bottom: 0.9375rem; }
- .grid-margin-y > .auto {
- height: auto; }
- .grid-margin-y > .shrink {
- height: auto; }
- .grid-margin-y > .small-1 {
- height: calc(8.33333% - 1.875rem); }
- .grid-margin-y > .small-2 {
- height: calc(16.66667% - 1.875rem); }
- .grid-margin-y > .small-3 {
- height: calc(25% - 1.875rem); }
- .grid-margin-y > .small-4 {
- height: calc(33.33333% - 1.875rem); }
- .grid-margin-y > .small-5 {
- height: calc(41.66667% - 1.875rem); }
- .grid-margin-y > .small-6 {
- height: calc(50% - 1.875rem); }
- .grid-margin-y > .small-7 {
- height: calc(58.33333% - 1.875rem); }
- .grid-margin-y > .small-8 {
- height: calc(66.66667% - 1.875rem); }
- .grid-margin-y > .small-9 {
- height: calc(75% - 1.875rem); }
- .grid-margin-y > .small-10 {
- height: calc(83.33333% - 1.875rem); }
- .grid-margin-y > .small-11 {
- height: calc(91.66667% - 1.875rem); }
- .grid-margin-y > .small-12 {
- height: calc(100% - 1.875rem); }
- @media print, screen and (min-width: 40em) {
- .grid-margin-y > .medium-auto {
- height: auto; }
- .grid-margin-y > .medium-shrink {
- height: auto; }
- .grid-margin-y > .medium-1 {
- height: calc(8.33333% - 1.875rem); }
- .grid-margin-y > .medium-2 {
- height: calc(16.66667% - 1.875rem); }
- .grid-margin-y > .medium-3 {
- height: calc(25% - 1.875rem); }
- .grid-margin-y > .medium-4 {
- height: calc(33.33333% - 1.875rem); }
- .grid-margin-y > .medium-5 {
- height: calc(41.66667% - 1.875rem); }
- .grid-margin-y > .medium-6 {
- height: calc(50% - 1.875rem); }
- .grid-margin-y > .medium-7 {
- height: calc(58.33333% - 1.875rem); }
- .grid-margin-y > .medium-8 {
- height: calc(66.66667% - 1.875rem); }
- .grid-margin-y > .medium-9 {
- height: calc(75% - 1.875rem); }
- .grid-margin-y > .medium-10 {
- height: calc(83.33333% - 1.875rem); }
- .grid-margin-y > .medium-11 {
- height: calc(91.66667% - 1.875rem); }
- .grid-margin-y > .medium-12 {
- height: calc(100% - 1.875rem); } }
- @media print, screen and (min-width: 64em) {
- .grid-margin-y > .large-auto {
- height: auto; }
- .grid-margin-y > .large-shrink {
- height: auto; }
- .grid-margin-y > .large-1 {
- height: calc(8.33333% - 1.875rem); }
- .grid-margin-y > .large-2 {
- height: calc(16.66667% - 1.875rem); }
- .grid-margin-y > .large-3 {
- height: calc(25% - 1.875rem); }
- .grid-margin-y > .large-4 {
- height: calc(33.33333% - 1.875rem); }
- .grid-margin-y > .large-5 {
- height: calc(41.66667% - 1.875rem); }
- .grid-margin-y > .large-6 {
- height: calc(50% - 1.875rem); }
- .grid-margin-y > .large-7 {
- height: calc(58.33333% - 1.875rem); }
- .grid-margin-y > .large-8 {
- height: calc(66.66667% - 1.875rem); }
- .grid-margin-y > .large-9 {
- height: calc(75% - 1.875rem); }
- .grid-margin-y > .large-10 {
- height: calc(83.33333% - 1.875rem); }
- .grid-margin-y > .large-11 {
- height: calc(91.66667% - 1.875rem); }
- .grid-margin-y > .large-12 {
- height: calc(100% - 1.875rem); } }
-
-.grid-frame.grid-margin-y {
- height: calc(100vh + 1.875rem); }
-
-@media print, screen and (min-width: 40em) {
- .grid-margin-y.medium-grid-frame {
- height: calc(100vh + 1.875rem); } }
-
-@media print, screen and (min-width: 64em) {
- .grid-margin-y.large-grid-frame {
- height: calc(100vh + 1.875rem); } }
-
-.align-right {
- -ms-flex-pack: end;
- justify-content: flex-end; }
-
-.align-center {
- -ms-flex-pack: center;
- justify-content: center; }
-
-.align-justify {
- -ms-flex-pack: justify;
- justify-content: space-between; }
-
-.align-spaced {
- -ms-flex-pack: distribute;
- justify-content: space-around; }
-
-.align-right.vertical.menu > li > a {
- -ms-flex-pack: end;
- justify-content: flex-end; }
-
-.align-center.vertical.menu > li > a {
- -ms-flex-pack: center;
- justify-content: center; }
-
-.align-top {
- -ms-flex-align: start;
- align-items: flex-start; }
-
-.align-self-top {
- -ms-flex-item-align: start;
- align-self: flex-start; }
-
-.align-bottom {
- -ms-flex-align: end;
- align-items: flex-end; }
-
-.align-self-bottom {
- -ms-flex-item-align: end;
- align-self: flex-end; }
-
-.align-middle {
- -ms-flex-align: center;
- align-items: center; }
-
-.align-self-middle {
- -ms-flex-item-align: center;
- -ms-grid-row-align: center;
- align-self: center; }
-
-.align-stretch {
- -ms-flex-align: stretch;
- align-items: stretch; }
-
-.align-self-stretch {
- -ms-flex-item-align: stretch;
- -ms-grid-row-align: stretch;
- align-self: stretch; }
-
-.align-center-middle {
- -ms-flex-pack: center;
- justify-content: center;
- -ms-flex-align: center;
- align-items: center;
- -ms-flex-line-pack: center;
- align-content: center; }
-
-.small-order-1 {
- -ms-flex-order: 1;
- order: 1; }
-
-.small-order-2 {
- -ms-flex-order: 2;
- order: 2; }
-
-.small-order-3 {
- -ms-flex-order: 3;
- order: 3; }
-
-.small-order-4 {
- -ms-flex-order: 4;
- order: 4; }
-
-.small-order-5 {
- -ms-flex-order: 5;
- order: 5; }
-
-.small-order-6 {
- -ms-flex-order: 6;
- order: 6; }
-
-@media print, screen and (min-width: 40em) {
- .medium-order-1 {
- -ms-flex-order: 1;
- order: 1; }
- .medium-order-2 {
- -ms-flex-order: 2;
- order: 2; }
- .medium-order-3 {
- -ms-flex-order: 3;
- order: 3; }
- .medium-order-4 {
- -ms-flex-order: 4;
- order: 4; }
- .medium-order-5 {
- -ms-flex-order: 5;
- order: 5; }
- .medium-order-6 {
- -ms-flex-order: 6;
- order: 6; } }
-
-@media print, screen and (min-width: 64em) {
- .large-order-1 {
- -ms-flex-order: 1;
- order: 1; }
- .large-order-2 {
- -ms-flex-order: 2;
- order: 2; }
- .large-order-3 {
- -ms-flex-order: 3;
- order: 3; }
- .large-order-4 {
- -ms-flex-order: 4;
- order: 4; }
- .large-order-5 {
- -ms-flex-order: 5;
- order: 5; }
- .large-order-6 {
- -ms-flex-order: 6;
- order: 6; } }
-
-.flex-container {
- display: -ms-flexbox;
- display: flex; }
-
-.flex-child-auto {
- -ms-flex: 1 1 auto;
- flex: 1 1 auto; }
-
-.flex-child-grow {
- -ms-flex: 1 0 auto;
- flex: 1 0 auto; }
-
-.flex-child-shrink {
- -ms-flex: 0 1 auto;
- flex: 0 1 auto; }
-
-.flex-dir-row {
- -ms-flex-direction: row;
- flex-direction: row; }
-
-.flex-dir-row-reverse {
- -ms-flex-direction: row-reverse;
- flex-direction: row-reverse; }
-
-.flex-dir-column {
- -ms-flex-direction: column;
- flex-direction: column; }
-
-.flex-dir-column-reverse {
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse; }
-
-@media print, screen and (min-width: 40em) {
- .medium-flex-container {
- display: -ms-flexbox;
- display: flex; }
- .medium-flex-child-auto {
- -ms-flex: 1 1 auto;
- flex: 1 1 auto; }
- .medium-flex-child-grow {
- -ms-flex: 1 0 auto;
- flex: 1 0 auto; }
- .medium-flex-child-shrink {
- -ms-flex: 0 1 auto;
- flex: 0 1 auto; }
- .medium-flex-dir-row {
- -ms-flex-direction: row;
- flex-direction: row; }
- .medium-flex-dir-row-reverse {
- -ms-flex-direction: row-reverse;
- flex-direction: row-reverse; }
- .medium-flex-dir-column {
- -ms-flex-direction: column;
- flex-direction: column; }
- .medium-flex-dir-column-reverse {
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse; } }
-
-@media print, screen and (min-width: 64em) {
- .large-flex-container {
- display: -ms-flexbox;
- display: flex; }
- .large-flex-child-auto {
- -ms-flex: 1 1 auto;
- flex: 1 1 auto; }
- .large-flex-child-grow {
- -ms-flex: 1 0 auto;
- flex: 1 0 auto; }
- .large-flex-child-shrink {
- -ms-flex: 0 1 auto;
- flex: 0 1 auto; }
- .large-flex-dir-row {
- -ms-flex-direction: row;
- flex-direction: row; }
- .large-flex-dir-row-reverse {
- -ms-flex-direction: row-reverse;
- flex-direction: row-reverse; }
- .large-flex-dir-column {
- -ms-flex-direction: column;
- flex-direction: column; }
- .large-flex-dir-column-reverse {
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse; } }
-
-.menu-icon {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- width: 20px;
- height: 16px;
- cursor: pointer; }
- .menu-icon::after {
- position: absolute;
- top: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 2px;
- background: #fefefe;
- box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
- content: ''; }
- .menu-icon:hover::after {
- background: #cacaca;
- box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
-
-.menu-icon.dark {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- width: 20px;
- height: 16px;
- cursor: pointer; }
- .menu-icon.dark::after {
- position: absolute;
- top: 0;
- left: 0;
- display: block;
- width: 100%;
- height: 2px;
- background: #0a0a0a;
- box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
- content: ''; }
- .menu-icon.dark:hover::after {
- background: #8a8a8a;
- box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
-
-.slide-in-down.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateY(-100%);
- transform: translateY(-100%);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-in-down.mui-enter.mui-enter-active {
- -ms-transform: translateY(0);
- transform: translateY(0); }
-
-.slide-in-left.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateX(-100%);
- transform: translateX(-100%);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-in-left.mui-enter.mui-enter-active {
- -ms-transform: translateX(0);
- transform: translateX(0); }
-
-.slide-in-up.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateY(100%);
- transform: translateY(100%);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-in-up.mui-enter.mui-enter-active {
- -ms-transform: translateY(0);
- transform: translateY(0); }
-
-.slide-in-right.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateX(100%);
- transform: translateX(100%);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-in-right.mui-enter.mui-enter-active {
- -ms-transform: translateX(0);
- transform: translateX(0); }
-
-.slide-out-down.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateY(0);
- transform: translateY(0);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-out-down.mui-leave.mui-leave-active {
- -ms-transform: translateY(100%);
- transform: translateY(100%); }
-
-.slide-out-right.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateX(0);
- transform: translateX(0);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-out-right.mui-leave.mui-leave-active {
- -ms-transform: translateX(100%);
- transform: translateX(100%); }
-
-.slide-out-up.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateY(0);
- transform: translateY(0);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-out-up.mui-leave.mui-leave-active {
- -ms-transform: translateY(-100%);
- transform: translateY(-100%); }
-
-.slide-out-left.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: translateX(0);
- transform: translateX(0);
- transition-property: transform, opacity;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden; }
-
-.slide-out-left.mui-leave.mui-leave-active {
- -ms-transform: translateX(-100%);
- transform: translateX(-100%); }
-
-.fade-in.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- opacity: 0;
- transition-property: opacity; }
-
-.fade-in.mui-enter.mui-enter-active {
- opacity: 1; }
-
-.fade-out.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- opacity: 1;
- transition-property: opacity; }
-
-.fade-out.mui-leave.mui-leave-active {
- opacity: 0; }
-
-.hinge-in-from-top.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotateX(-90deg);
- -ms-transform-origin: top;
- transform-origin: top;
- transition-property: transform, opacity;
- opacity: 0; }
-
-.hinge-in-from-top.mui-enter.mui-enter-active {
- transform: perspective(2000px) rotate(0deg);
- opacity: 1; }
-
-.hinge-in-from-right.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotateY(-90deg);
- -ms-transform-origin: right;
- transform-origin: right;
- transition-property: transform, opacity;
- opacity: 0; }
-
-.hinge-in-from-right.mui-enter.mui-enter-active {
- transform: perspective(2000px) rotate(0deg);
- opacity: 1; }
-
-.hinge-in-from-bottom.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotateX(90deg);
- -ms-transform-origin: bottom;
- transform-origin: bottom;
- transition-property: transform, opacity;
- opacity: 0; }
-
-.hinge-in-from-bottom.mui-enter.mui-enter-active {
- transform: perspective(2000px) rotate(0deg);
- opacity: 1; }
-
-.hinge-in-from-left.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotateY(90deg);
- -ms-transform-origin: left;
- transform-origin: left;
- transition-property: transform, opacity;
- opacity: 0; }
-
-.hinge-in-from-left.mui-enter.mui-enter-active {
- transform: perspective(2000px) rotate(0deg);
- opacity: 1; }
-
-.hinge-in-from-middle-x.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotateX(-90deg);
- -ms-transform-origin: center;
- transform-origin: center;
- transition-property: transform, opacity;
- opacity: 0; }
-
-.hinge-in-from-middle-x.mui-enter.mui-enter-active {
- transform: perspective(2000px) rotate(0deg);
- opacity: 1; }
-
-.hinge-in-from-middle-y.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotateY(-90deg);
- -ms-transform-origin: center;
- transform-origin: center;
- transition-property: transform, opacity;
- opacity: 0; }
-
-.hinge-in-from-middle-y.mui-enter.mui-enter-active {
- transform: perspective(2000px) rotate(0deg);
- opacity: 1; }
-
-.hinge-out-from-top.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotate(0deg);
- -ms-transform-origin: top;
- transform-origin: top;
- transition-property: transform, opacity;
- opacity: 1; }
-
-.hinge-out-from-top.mui-leave.mui-leave-active {
- transform: perspective(2000px) rotateX(-90deg);
- opacity: 0; }
-
-.hinge-out-from-right.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotate(0deg);
- -ms-transform-origin: right;
- transform-origin: right;
- transition-property: transform, opacity;
- opacity: 1; }
-
-.hinge-out-from-right.mui-leave.mui-leave-active {
- transform: perspective(2000px) rotateY(-90deg);
- opacity: 0; }
-
-.hinge-out-from-bottom.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotate(0deg);
- -ms-transform-origin: bottom;
- transform-origin: bottom;
- transition-property: transform, opacity;
- opacity: 1; }
-
-.hinge-out-from-bottom.mui-leave.mui-leave-active {
- transform: perspective(2000px) rotateX(90deg);
- opacity: 0; }
-
-.hinge-out-from-left.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotate(0deg);
- -ms-transform-origin: left;
- transform-origin: left;
- transition-property: transform, opacity;
- opacity: 1; }
-
-.hinge-out-from-left.mui-leave.mui-leave-active {
- transform: perspective(2000px) rotateY(90deg);
- opacity: 0; }
-
-.hinge-out-from-middle-x.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotate(0deg);
- -ms-transform-origin: center;
- transform-origin: center;
- transition-property: transform, opacity;
- opacity: 1; }
-
-.hinge-out-from-middle-x.mui-leave.mui-leave-active {
- transform: perspective(2000px) rotateX(-90deg);
- opacity: 0; }
-
-.hinge-out-from-middle-y.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- transform: perspective(2000px) rotate(0deg);
- -ms-transform-origin: center;
- transform-origin: center;
- transition-property: transform, opacity;
- opacity: 1; }
-
-.hinge-out-from-middle-y.mui-leave.mui-leave-active {
- transform: perspective(2000px) rotateY(-90deg);
- opacity: 0; }
-
-.scale-in-up.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: scale(0.5);
- transform: scale(0.5);
- transition-property: transform, opacity;
- opacity: 0; }
-
-.scale-in-up.mui-enter.mui-enter-active {
- -ms-transform: scale(1);
- transform: scale(1);
- opacity: 1; }
-
-.scale-in-down.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: scale(1.5);
- transform: scale(1.5);
- transition-property: transform, opacity;
- opacity: 0; }
-
-.scale-in-down.mui-enter.mui-enter-active {
- -ms-transform: scale(1);
- transform: scale(1);
- opacity: 1; }
-
-.scale-out-up.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: scale(1);
- transform: scale(1);
- transition-property: transform, opacity;
- opacity: 1; }
-
-.scale-out-up.mui-leave.mui-leave-active {
- -ms-transform: scale(1.5);
- transform: scale(1.5);
- opacity: 0; }
-
-.scale-out-down.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: scale(1);
- transform: scale(1);
- transition-property: transform, opacity;
- opacity: 1; }
-
-.scale-out-down.mui-leave.mui-leave-active {
- -ms-transform: scale(0.5);
- transform: scale(0.5);
- opacity: 0; }
-
-.spin-in.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: rotate(-0.75turn);
- transform: rotate(-0.75turn);
- transition-property: transform, opacity;
- opacity: 0; }
-
-.spin-in.mui-enter.mui-enter-active {
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1; }
-
-.spin-out.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: rotate(0);
- transform: rotate(0);
- transition-property: transform, opacity;
- opacity: 1; }
-
-.spin-out.mui-leave.mui-leave-active {
- -ms-transform: rotate(0.75turn);
- transform: rotate(0.75turn);
- opacity: 0; }
-
-.spin-in-ccw.mui-enter {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: rotate(0.75turn);
- transform: rotate(0.75turn);
- transition-property: transform, opacity;
- opacity: 0; }
-
-.spin-in-ccw.mui-enter.mui-enter-active {
- -ms-transform: rotate(0);
- transform: rotate(0);
- opacity: 1; }
-
-.spin-out-ccw.mui-leave {
- transition-duration: 500ms;
- transition-timing-function: linear;
- -ms-transform: rotate(0);
- transform: rotate(0);
- transition-property: transform, opacity;
- opacity: 1; }
-
-.spin-out-ccw.mui-leave.mui-leave-active {
- -ms-transform: rotate(-0.75turn);
- transform: rotate(-0.75turn);
- opacity: 0; }
-
-.slow {
- transition-duration: 750ms !important; }
-
-.fast {
- transition-duration: 250ms !important; }
-
-.linear {
- transition-timing-function: linear !important; }
-
-.ease {
- transition-timing-function: ease !important; }
-
-.ease-in {
- transition-timing-function: ease-in !important; }
-
-.ease-out {
- transition-timing-function: ease-out !important; }
-
-.ease-in-out {
- transition-timing-function: ease-in-out !important; }
-
-.bounce-in {
- transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
-
-.bounce-out {
- transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
-
-.bounce-in-out {
- transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
-
-.short-delay {
- transition-delay: 300ms !important; }
-
-.long-delay {
- transition-delay: 700ms !important; }
-
-.shake {
- animation-name: shake-7; }
-
-@keyframes shake-7 {
- 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
- transform: translateX(7%); }
- 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
- transform: translateX(-7%); } }
-
-.spin-cw {
- animation-name: spin-cw-1turn; }
-
-@keyframes spin-cw-1turn {
- 0% {
- transform: rotate(-1turn); }
- 100% {
- transform: rotate(0); } }
-
-.spin-ccw {
- animation-name: spin-cw-1turn; }
-
-@keyframes spin-cw-1turn {
- 0% {
- transform: rotate(0); }
- 100% {
- transform: rotate(1turn); } }
-
-.wiggle {
- animation-name: wiggle-7deg; }
-
-@keyframes wiggle-7deg {
- 40%, 50%, 60% {
- transform: rotate(7deg); }
- 35%, 45%, 55%, 65% {
- transform: rotate(-7deg); }
- 0%, 30%, 70%, 100% {
- transform: rotate(0); } }
-
-.shake,
-.spin-cw,
-.spin-ccw,
-.wiggle {
- animation-duration: 500ms; }
-
-.infinite {
- animation-iteration-count: infinite; }
-
-.slow {
- animation-duration: 750ms !important; }
-
-.fast {
- animation-duration: 250ms !important; }
-
-.linear {
- animation-timing-function: linear !important; }
-
-.ease {
- animation-timing-function: ease !important; }
-
-.ease-in {
- animation-timing-function: ease-in !important; }
-
-.ease-out {
- animation-timing-function: ease-out !important; }
-
-.ease-in-out {
- animation-timing-function: ease-in-out !important; }
-
-.bounce-in {
- animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
-
-.bounce-out {
- animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
-
-.bounce-in-out {
- animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
-
-.short-delay {
- animation-delay: 300ms !important; }
-
-.long-delay {
- animation-delay: 700ms !important; }
diff --git a/netbeans.apache.org/src/content/css/foundation.min.css b/netbeans.apache.org/src/content/css/foundation.min.css
deleted file mode 100644
index d98919b..0000000
--- a/netbeans.apache.org/src/content/css/foundation.min.css
+++ /dev/null
@@ -1 +0,0 @@
-@charset "UTF-8";@media print,screen and (min-width:40em){.reveal,.reveal.large,.reveal.small,.reveal.tiny{right:auto;left:auto;margin:0 auto}}/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;he [...]
\ No newline at end of file
diff --git a/netbeans.apache.org/src/content/css/netbeans.scss b/netbeans.apache.org/src/content/css/netbeans.scss
deleted file mode 100644
index fb2e8c5..0000000
--- a/netbeans.apache.org/src/content/css/netbeans.scss
+++ /dev/null
@@ -1,415 +0,0 @@
-@import 'colors';
-@import 'fonts';
-
-/*
- Some Foundation 6 customizations.
-*/
-
-html {
- font-family: $font-family;
- font-size: $font-size;
-}
-
-body {
- font-family: $font-family;
- font-size: $font-size;
- background-color: $nb-body-background;
-}
-
-.drilldown a {
- background-color: $nb-topbar-background;
-}
-
-.top-bar {
- background-color: $nb-topbar-background;
- box-shadow: 0 1px 0 rgba(12,13,14,0.1),0 1px 3px rgba(12,13,14,0.1),0 4px 20px rgba(12,13,14,0.035),0 1px 1px rgba(12,13,14,0.025);
-
- a.title {
- color: #333;
- font-weight: bold;
- font-size: 110%;
- }
-
-
- ul {
- background-color: $nb-topbar-background;
- }
-
- a {
- color: #777;
- &:hover {
- color: #777;
- }
- }
-}
-
-
-a, a:hover {
- color: $nb-link-color;
-}
-
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
- font-family: $font-family;
- color: $nb-color-mid-blue;
-}
-
-code {
- background-color: transparent;
- border: 0;
-}
-
-pre {
- background-color: $nb-pre-background;
- border: 1px solid $nb-pre-border-color;
- white-space: pre-wrap;
- padding: 8px;
-}
-
-.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
- border-top-color: $nb-link-color;
-}
-
-.top-spacer {
- margin-top: 64px;
-}
-
-@media screen and (min-width: 40em) {
- .top-spacer {
- margin-top: 32px;
- }
-}
-
-
-/* <improvements-over-foundation-vertical-spacing> */
-p {
- margin-bottom: 0.5rem;
-}
-
-li p , .ulist ul li p, .arabic li p, dd p {
- margin-bottom: 0.25em;
-}
-
-dl dt {
- font-size: 120%;
- margin-bottom: 0;
-}
-
-.nb-orbit {
- .orbit-container {
- .orbit-slide {
- color: #fff;
- }
- }
-}
-
-.ulist {
- .menu {
- ul {
- padding: 0;
- margin: 0;
- list-style: none;
- position: relative;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -ms-flex-direction: row;
- flex-direction: row;
- }
- }
-}
-
-section.hero {
- color: #fff;
- position: relative;
- padding: 75px 0;
- .grid-container {
- .cell {
- h1, p {
- color: #eee;
- a {
- color: #fff;
- }
- }
- }
- }
-}
-
-.hero.news {
- background: url('/images/hero-background.jpg') no-repeat center/cover;
-}
-
-footer {
- min-height: 256px;
- background-color: #333;
- color: #ddd;
- padding: 64px 0;
- margin-top: 64px;
-
- h1 {
- font-size: 120%;
- font-weight: bold;
- text-transform: uppercase;
- color: #ddd;
- }
-
- ul {
- list-style-type: none;
- margin: 0;
-
- li {
- margin-bottom: 8px;
- }
- }
-
- a {
- color: #ddd;
-
- &:hover {
- color: #fff;
- }
- }
-
-}
-
-.footer-disclaimer {
- background-color: #000;
-}
-
-.footer-disclaimer-content {
- margin: 0 auto;
- padding: 64px 0;
- display: block;
- max-width: 75%;
- font-size: $font-size-small;
-
- p {
- margin: 8px 0 0 0;
- text-align: center;
- color: #ccc;
-
- a {
- color: #fff;
- }
- }
-
- pre {
- color: #fff;
- font-size: $font-size-small;
- }
-}
-
-/*
- The toc for mobile is horizontal.
-*/
-.toc {
- max-width: 75%;
- border-top: 1px solid #ddd;
- border-bottom: 1px solid #ddd;
- margin: 0 auto;
- ul {
- margin: 0;
- padding: 8px;
- list-style-type: none;
- li {
- display: inline-block;
- font-size: $font-size-small;
- color: $nb-color-mid-blue;
- a {
- color: $nb-color-darkest-blue;
- }
- }
- }
-}
-
-/*
- The toc for medium and up is not
-*/
-@media screen and (min-width: 40em) {
- .toc {
- border-top: 0px;
- border-bottom: 0px;
- border-left: 1px solid #ddd;
- max-width: 15em;
- ul {
- margin-left: 8px;
- li {
- display: block;
- line-height: 1.68em;
- margin-bottom: 1em;
- }
- }
- }
-}
-
-.valign-top {
- vertical-align: top;
-}
-
-table tbody tr {
- border-bottom: 1px solid #f1f1f1;
-}
-
-table tbody tr:nth-child(2n) {
- background-color: #fff;
- border-bottom: 1px solid #f1f1f1;
-}
-
-.main-content {
- padding: 0;
-
- .sect1 {
- padding: 16px 32px;
- }
-
- .aside {
- font-size: 90%;
- p, div {
- font-size: $font-size-small;
- }
- }
-}
-
-
-.thumbnail {
- border: 0;
- box-shadow: none;
-}
-
-/*
-
- main-content uses CSS Grid Layout (right now).
- The idea is to have a main area and a sidebar, both responsive.
- The 'toc' generated with asciidoc (class 'toc') is positioned in the 'area-toc'.
- We may add additional asides in the template.
-
- Mobile:
- [area-news]
- [area-toc]
- [area-tools]
- [area-main]
- [area-aside]
-
- Desktop:
-
- [area-news] [area-news]
- [area-main] [area-toc]
- [area-main] [area-aside]
- [area-tools] [area-tools]
-
- "news" content is provided in templates/news.gsp
- "tools" content is provided in templates/tools.gsp
- "aside" content is currently empty
-
- Foundations medium media query is (https://foundation.zurb.com/sites/docs/media-queries.html)
- @media screen and (min-width: 40em) {}
-
-*/
-
-.main-content {
-}
-
-@media screen and (min-width: 40em) {
- .main-content .toc {
- float: right;
- }
-}
-
-/*
-.main-content {
- display: grid;
- grid-gap: 8px;
- grid-template-areas:
- "area-news"
- "area-toc"
- "area-tools"
- "area-main"
- ;
- .sect1 {
- grid-area: area-main;
- }
-
- .aside {
- grid-area: area-news;
- }
-
- .tools {
- grid-area: area-tools;
- }
-
- .toc {
- grid-area: area-toc;
- }
-}
-
-.toc {
- grid-area: area-toc;
-}
-
-@media screen and (min-width: 40em) {
-
- .main-content {
- grid-template-columns: 3fr 1fr;
- grid-template-rows: auto auto auto auto;
- grid-template-areas:
- "area-news area-news"
- "area-main area-toc"
- "area-main area-aside"
- "area-tools area-tools"
- ;
- }
-}
-*/
-
-/*
-Asciidoc construct to build a card:
-
- [.card]
- === icon:users[] Who is who
-
- Card content here
-
-
-Will be transformed to the following HTML:
-
- <div class="sect2 card">
- <h3 id="__span_class_icon_i_class_fa_fa_users_i_span_who_is_who"><span class="icon"><i class="fa fa-users"></i></span> Who is who</h3>
- <div class="paragraph">
- <p>Card content here</p>
- </div>
- </div>
-
-*/
-
-.sect2.card {
- box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
- border-radius: 4px;
- border-collapse: collapse;
- max-width: 18em;
- display: inline-block;
- vertical-align: top;
- padding: 0px 0px 16px 0px;
- margin: 0 16px 16px 0;
-
- a h3, h3 {
- padding: 16px;
- border-bottom: 1px solid #ddd;
- font-size: 24px;
-
- span.icon {
- font-size: 32px;
- vertical-align: middle;
- padding: 0 16px 0 0;
- }
- }
-
- div.paragraph {
- padding: 16px 16px 0px 16px;
- min-height: 4rem;
- }
-}
-
-.tools {
- margin-top: 2em;
-}
-
diff --git a/netbeans.apache.org/src/content/images/hero-background.jpg b/netbeans.apache.org/src/content/images/hero-background.jpg
index 3e604d2..c59ab05 100644
Binary files a/netbeans.apache.org/src/content/images/hero-background.jpg and b/netbeans.apache.org/src/content/images/hero-background.jpg differ
diff --git a/netbeans.apache.org/src/content/participate/index.asciidoc b/netbeans.apache.org/src/content/participate/index.asciidoc
index ec4517a..77b9a76 100644
--- a/netbeans.apache.org/src/content/participate/index.asciidoc
+++ b/netbeans.apache.org/src/content/participate/index.asciidoc
@@ -21,7 +21,7 @@ See link:submit-pr.html[contributing code] to learn how to contribute code to th
== link:report-issue.html[Reporting issues]
See link:report-issue.html[reporting issues] for instructions on how to report an issue.
-== Join the link:netcat.html[NetCAT] program
+== link:netcat.html[Join the NetCAT program]
The NetBeans Community Acceptance Test (link:netcat.html[NetCAT]) has helped stabilize development
builds for years.
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/LICENSE b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/LICENSE
new file mode 100644
index 0000000..9796fea
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/LICENSE
@@ -0,0 +1,22 @@
+Copyright (c) 2011-2017 ZURB, inc.
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/_normalize.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/_normalize.scss
new file mode 100644
index 0000000..fd669eb
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/_normalize.scss
@@ -0,0 +1,3 @@
+@import 'normalize/variables';
+@import 'normalize/vertical-rhythm';
+@import 'normalize/normalize-mixin';
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_import-now.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_import-now.scss
new file mode 100644
index 0000000..aac5d2b
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_import-now.scss
@@ -0,0 +1,11 @@
+// Import Now
+//
+// If you import this module directly, it will immediately output all the CSS
+// needed to normalize default HTML elements across all browsers.
+//
+// ```
+// @import "normalize/import-now";
+// ```
+
+@import '../normalize';
+@include normalize();
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss
new file mode 100644
index 0000000..70a8d3d
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss
@@ -0,0 +1,676 @@
+// Helper function for the normalize() mixin.
+@function _normalize-include($section, $exclude: null) {
+ // Initialize the global variables needed by this function.
+ @if not global_variable_exists(_normalize-include) {
+ $_normalize-include: () !global;
+ $_normalize-exclude: () !global;
+ }
+ // Since we are given 2 parameters, set the global variables.
+ @if $exclude != null {
+ $include: $section;
+ // Sass doesn't have static variables, so the work-around is to stuff these
+ // values into global variables so we can access them in future calls.
+ $_normalize-include: if(type-of($include) == 'list', $include, ($include)) !global;
+ $_normalize-exclude: if(type-of($exclude) == 'list', $exclude, ($exclude)) !global;
+ @return true;
+ }
+
+ // Check if $section is in the $include list.
+ @if index($_normalize-include, $section) {
+ @return true;
+ }
+ // If $include is set to (all), make sure $section is not in $exclude.
+ @else if not index($_normalize-exclude, $section) and index($_normalize-include, all) {
+ @return true;
+ }
+ @return false;
+}
+
+@mixin normalize($include: (all), $exclude: ()) {
+ // Initialize the helper function by passing it this mixin's parameters.
+ $init: _normalize-include($include, $exclude);
+
+ // If we've customized any font variables, we'll need extra properties.
+ @if $base-font-size != 16px
+ or $base-line-height != 24px
+ or $base-unit != 'em'
+ or $h1-font-size != 2 * $base-font-size
+ or $h2-font-size != 1.5 * $base-font-size
+ or $h3-font-size != 1.17 * $base-font-size
+ or $h4-font-size != 1 * $base-font-size
+ or $h5-font-size != 0.83 * $base-font-size
+ or $h6-font-size != 0.67 * $base-font-size {
+ $normalize-vertical-rhythm: true !global;
+ }
+
+ /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
+
+ @if _normalize-include(document) {
+ /* Document
+ ========================================================================== */
+
+ /**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+ html {
+ font-family: $base-font-family; /* 1 */
+ @if $normalize-vertical-rhythm {
+ // Correct old browser bug that prevented accessible resizing of text
+ // when root font-size is set with px or em.
+ font-size: ($base-font-size / 16px) * 100%;
+ line-height: ($base-line-height / $base-font-size) * 1em; /* 2 */
+ }
+ @else {
+ line-height: 1.15; /* 2 */
+ }
+ -ms-text-size-adjust: 100%; /* 3 */
+ -webkit-text-size-adjust: 100%; /* 3 */
+ }
+ }
+
+ @if _normalize-include(sections) {
+ /* Sections
+ ========================================================================== */
+
+ /**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+ body {
+ margin: 0;
+ }
+
+ /**
+ * Add the correct display in IE 9-.
+ */
+
+ article,
+ aside,
+ footer,
+ header,
+ nav,
+ section {
+ display: block;
+ }
+
+ /**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+ h1 {
+ @include normalize-font-size($h1-font-size);
+ @if $normalize-vertical-rhythm {
+ @include normalize-line-height($h1-font-size);
+ }
+
+ @if $normalize-vertical-rhythm {
+ /* Set 1 unit of vertical rhythm on the top and bottom margins. */
+ @include normalize-margin(1 0, $h1-font-size);
+ }
+ @else {
+ margin: 0.67em 0;
+ }
+ }
+
+ @if $normalize-vertical-rhythm {
+ h2 {
+ @include normalize-font-size($h2-font-size);
+ @include normalize-line-height($h2-font-size);
+ @include normalize-margin(1 0, $h2-font-size);
+ }
+
+ h3 {
+ @include normalize-font-size($h3-font-size);
+ @include normalize-line-height($h3-font-size);
+ @include normalize-margin(1 0, $h3-font-size);
+ }
+
+ h4 {
+ @include normalize-font-size($h4-font-size);
+ @include normalize-line-height($h4-font-size);
+ @include normalize-margin(1 0, $h4-font-size);
+ }
+
+ h5 {
+ @include normalize-font-size($h5-font-size);
+ @include normalize-line-height($h5-font-size);
+ @include normalize-margin(1 0, $h5-font-size);
+ }
+
+ h6 {
+ @include normalize-font-size($h6-font-size);
+ @include normalize-line-height($h6-font-size);
+ @include normalize-margin(1 0, $h6-font-size);
+ }
+ }
+ }
+
+ @if _normalize-include(grouping) {
+ /* Grouping content
+ ========================================================================== */
+
+ @if $normalize-vertical-rhythm {
+ /**
+ * Set 1 unit of vertical rhythm on the top and bottom margin.
+ */
+
+ blockquote {
+ @include normalize-margin(1 $indent-amount);
+ }
+
+ dl,
+ ol,
+ ul {
+ @include normalize-margin(1 0);
+ }
+
+ /**
+ * Turn off margins on nested lists.
+ */
+
+ ol,
+ ul {
+ ol,
+ ul {
+ margin: 0;
+ }
+ }
+
+ dd {
+ margin: 0 0 0 $indent-amount;
+ }
+
+ ol,
+ ul {
+ padding: 0 0 0 $indent-amount;
+ }
+ }
+
+ /**
+ * Add the correct display in IE 9-.
+ */
+
+ figcaption,
+ figure {
+ display: block;
+ }
+
+ /**
+ * Add the correct margin in IE 8.
+ */
+
+ figure {
+ @if $normalize-vertical-rhythm {
+ @include normalize-margin(1 $indent-amount);
+ }
+ @else {
+ margin: 1em $indent-amount;
+ }
+ }
+
+ /**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+ hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+ }
+
+ /**
+ * Add the correct display in IE.
+ */
+
+ main {
+ display: block;
+ }
+
+ @if $normalize-vertical-rhythm {
+ /**
+ * Set 1 unit of vertical rhythm on the top and bottom margin.
+ */
+
+ p,
+ pre {
+ @include normalize-margin(1 0);
+ }
+ }
+
+ /**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+ pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+ }
+ }
+
+ @if _normalize-include(links) {
+ /* Links
+ ========================================================================== */
+
+ /**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+ a {
+ background-color: transparent; /* 1 */
+ -webkit-text-decoration-skip: objects; /* 2 */
+ }
+
+ /**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+ a:active,
+ a:hover {
+ outline-width: 0;
+ }
+ }
+
+ @if _normalize-include(text) {
+ /* Text-level semantics
+ ========================================================================== */
+
+ /**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+ abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+ }
+
+ /**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+ b,
+ strong {
+ font-weight: inherit;
+ }
+
+ /**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+ b,
+ strong {
+ font-weight: bolder;
+ }
+
+ /**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+ code,
+ kbd,
+ samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+ }
+
+ /**
+ * Add the correct font style in Android 4.3-.
+ */
+
+ dfn {
+ font-style: italic;
+ }
+
+ /**
+ * Add the correct background and color in IE 9-.
+ */
+
+ mark {
+ background-color: #ff0;
+ color: #000;
+ }
+
+ /**
+ * Add the correct font size in all browsers.
+ */
+
+ small {
+ font-size: 80%;
+ }
+
+ /**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+ sub,
+ sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+ }
+
+ sub {
+ bottom: -0.25em;
+ }
+
+ sup {
+ top: -0.5em;
+ }
+ }
+
+ @if _normalize-include(embedded) {
+ /* Embedded content
+ ========================================================================== */
+
+ /**
+ * Add the correct display in IE 9-.
+ */
+
+ audio,
+ video {
+ display: inline-block;
+ }
+
+ /**
+ * Add the correct display in iOS 4-7.
+ */
+
+ audio:not([controls]) {
+ display: none;
+ height: 0;
+ }
+
+ /**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+ img {
+ border-style: none;
+ }
+
+ /**
+ * Hide the overflow in IE.
+ */
+
+ svg:not(:root) {
+ overflow: hidden;
+ }
+ }
+
+ @if _normalize-include(forms) {
+ /* Forms
+ ========================================================================== */
+
+ /**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+ button,
+ input,
+ optgroup,
+ select,
+ textarea {
+ font-family: $base-font-family; /* 1 */
+ font-size: 100%; /* 1 */
+ @if $normalize-vertical-rhythm {
+ line-height: ($base-line-height / $base-font-size) * 1em; /* 1 */
+ }
+ @else {
+ line-height: 1.15; /* 1 */
+ }
+ margin: 0; /* 2 */
+ }
+
+ /**
+ * Show the overflow in IE.
+ */
+
+ button {
+ overflow: visible;
+ }
+
+ /**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+ button,
+ select { /* 1 */
+ text-transform: none;
+ }
+
+ /**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+ button,
+ html [type="button"], /* 1 */
+ [type="reset"],
+ [type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ }
+
+ button,
+ [type="button"],
+ [type="reset"],
+ [type="submit"] {
+
+ /**
+ * Remove the inner border and padding in Firefox.
+ */
+
+ &::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+ }
+
+ /**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+ &:-moz-focusring {
+ outline: 1px dotted ButtonText;
+ }
+ }
+
+ /**
+ * Show the overflow in Edge.
+ */
+
+ input {
+ overflow: visible;
+ }
+
+ /**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+ [type="checkbox"],
+ [type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+ }
+
+ /**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+ [type="number"]::-webkit-inner-spin-button,
+ [type="number"]::-webkit-outer-spin-button {
+ height: auto;
+ }
+
+ /**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+ [type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+
+ /**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+ &::-webkit-search-cancel-button,
+ &::-webkit-search-decoration {
+ -webkit-appearance: none;
+ }
+ }
+
+ /**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+ ::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+ }
+
+ /**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+ fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+ }
+
+ /**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+ legend {
+ box-sizing: border-box; /* 1 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ color: inherit; /* 2 */
+ white-space: normal; /* 1 */
+ }
+
+ /**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+ progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+ }
+
+ /**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+ textarea {
+ overflow: auto;
+ }
+ }
+
+ @if _normalize-include(interactive) {
+ /* Interactive
+ ========================================================================== */
+
+ /*
+ * Add the correct display in Edge, IE, and Firefox.
+ */
+
+ details {
+ display: block;
+ }
+
+ /*
+ * Add the correct display in all browsers.
+ */
+
+ summary {
+ display: list-item;
+ }
+
+ /*
+ * Add the correct display in IE 9-.
+ */
+
+ menu {
+ display: block;
+
+ @if $normalize-vertical-rhythm {
+ /*
+ * 1. Set 1 unit of vertical rhythm on the top and bottom margin.
+ * 2. Set consistent space for the list style image.
+ */
+
+ @include normalize-margin(1 0); /* 1 */
+ padding: 0 0 0 $indent-amount; /* 2 */
+
+ /**
+ * Turn off margins on nested lists.
+ */
+
+ menu &,
+ ol &,
+ ul & {
+ margin: 0;
+ }
+ }
+ }
+ }
+
+ @if _normalize-include(scripting) {
+ /* Scripting
+ ========================================================================== */
+
+ /**
+ * Add the correct display in IE 9-.
+ */
+
+ canvas {
+ display: inline-block;
+ }
+
+ /**
+ * Add the correct display in IE.
+ */
+
+ template {
+ display: none;
+ }
+ }
+
+ @if _normalize-include(hidden) {
+ /* Hidden
+ ========================================================================== */
+
+ /**
+ * Add the correct display in IE 10-.
+ */
+
+ [hidden] {
+ display: none;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_variables.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_variables.scss
new file mode 100644
index 0000000..2f06b25
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_variables.scss
@@ -0,0 +1,36 @@
+//
+// Variables
+//
+// You can override the default values by setting the variables in your Sass
+// before importing the normalize-scss library.
+
+// The font size set on the root html element.
+$base-font-size: 16px !default;
+
+// The base line height determines the basic unit of vertical rhythm.
+$base-line-height: 24px !default;
+
+// The length unit in which to output vertical rhythm values.
+// Supported values: px, em, rem.
+$base-unit: 'em' !default;
+
+// The default font family.
+$base-font-family: sans-serif !default;
+
+// The font sizes for h1-h6.
+$h1-font-size: 2 * $base-font-size !default;
+$h2-font-size: 1.5 * $base-font-size !default;
+$h3-font-size: 1.17 * $base-font-size !default;
+$h4-font-size: 1 * $base-font-size !default;
+$h5-font-size: 0.83 * $base-font-size !default;
+$h6-font-size: 0.67 * $base-font-size !default;
+
+// The amount lists and blockquotes are indented.
+$indent-amount: 40px !default;
+
+// The following variable controls whether normalize-scss will output
+// font-sizes, line-heights and block-level top/bottom margins that form a basic
+// vertical rhythm on the page, which differs from the original Normalize.css.
+// However, changing any of the variables above will cause
+// $normalize-vertical-rhythm to be automatically set to true.
+$normalize-vertical-rhythm: false !default;
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_vertical-rhythm.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_vertical-rhythm.scss
new file mode 100644
index 0000000..4f53647
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/normalize-scss/sass/normalize/_vertical-rhythm.scss
@@ -0,0 +1,61 @@
+//
+// Vertical Rhythm
+//
+// This is the minimal amount of code needed to create vertical rhythm in our
+// CSS. If you are looking for a robust solution, look at the excellent Typey
+// library. @see https://github.com/jptaranto/typey
+
+@function normalize-rhythm($value, $relative-to: $base-font-size, $unit: $base-unit) {
+ @if unit($value) != px {
+ @error "The normalize vertical-rhythm module only supports px inputs. The typey library is better.";
+ }
+ @if $unit == rem {
+ @return ($value / $base-font-size) * 1rem;
+ }
+ @else if $unit == em {
+ @return ($value / $relative-to) * 1em;
+ }
+ @else { // $unit == px
+ @return $value;
+ }
+}
+
+@mixin normalize-font-size($value, $relative-to: $base-font-size) {
+ @if unit($value) != 'px' {
+ @error "normalize-font-size() only supports px inputs. The typey library is better.";
+ }
+ font-size: normalize-rhythm($value, $relative-to);
+}
+
+@mixin normalize-rhythm($property, $values, $relative-to: $base-font-size) {
+ $value-list: $values;
+ $sep: space;
+ @if type-of($values) == 'list' {
+ $sep: list-separator($values);
+ }
+ @else {
+ $value-list: append((), $values);
+ }
+
+ $normalized-values: ();
+ @each $value in $value-list {
+ @if unitless($value) and $value != 0 {
+ $value: $value * normalize-rhythm($base-line-height, $relative-to);
+ }
+ $normalized-values: append($normalized-values, $value, $sep);
+ }
+ #{$property}: $normalized-values;
+}
+
+@mixin normalize-margin($values, $relative-to: $base-font-size) {
+ @include normalize-rhythm(margin, $values, $relative-to);
+}
+
+@mixin normalize-line-height($font-size, $min-line-padding: 2px) {
+ $lines: ceil($font-size / $base-line-height);
+ // If lines are cramped include some extra leading.
+ @if ($lines * $base-line-height - $font-size) < ($min-line-padding * 2) {
+ $lines: $lines + 1;
+ }
+ @include normalize-rhythm(line-height, $lines, $font-size);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_contain.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_contain.scss
new file mode 100644
index 0000000..87d160b
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_contain.scss
@@ -0,0 +1,31 @@
+///
+/// Returns whether `$list` contains `$value`.
+///
+/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-contain
+///
+/// @param {List} $list - list to check
+/// @param {*} $value - value to look for
+///
+/// @example
+/// sl-contain(a b c, a)
+/// // true
+///
+/// @example
+/// sl-contain(a b c, z)
+/// // false
+///
+/// @return {Bool}
+///
+
+@function sl-contain($list, $value) {
+ @return not not index($list, $value);
+}
+
+///
+/// @requires sl-contain
+/// @alias sl-contain
+///
+
+@function sl-include($list, $value) {
+ @return sl-contain($list, $value);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_purge.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_purge.scss
new file mode 100644
index 0000000..63102bf
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_purge.scss
@@ -0,0 +1,38 @@
+/// Removes all false and null values from `$list`.
+///
+/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-purge
+///
+/// @requires sl-is-true
+/// @requires sl-to-list
+///
+/// @param {List} $list - list to purge
+///
+/// @example
+/// sl-purge(null a false b)
+/// // a b
+///
+/// @return {List}
+///
+
+@function sl-purge($list) {
+ $_: sl-missing-dependencies('sl-is-true', 'sl-to-list');
+
+ $result: ();
+
+ @each $item in $list {
+ @if sl-is-true($item) {
+ $result: append($result, $item, list-separator($list));
+ }
+ }
+
+ @return sl-to-list($result);
+}
+
+///
+/// @requires sl-purge
+/// @alias sl-purge
+///
+
+@function sl-clean($list) {
+ @return sl-purge($list);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_remove.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_remove.scss
new file mode 100644
index 0000000..0282744
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_remove.scss
@@ -0,0 +1,31 @@
+///
+/// Removes value(s) `$value` from `$list`.
+///
+/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-remove
+///
+/// @requires sl-replace
+///
+/// @param {List} $list - list to update
+/// @param {*} $value - value to remove
+///
+/// @example
+/// sl-remove(a b c, a)
+/// // b c
+///
+/// @return {List}
+///
+
+@function sl-remove($list, $value) {
+ $_: sl-missing-dependencies('sl-replace');
+
+ @return sl-replace($list, $value, null);
+}
+
+///
+/// @requires sl-remove
+/// @alias sl-remove
+///
+
+@function sl-without($list, $value) {
+ @return sl-remove($list, $value);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_replace.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_replace.scss
new file mode 100644
index 0000000..8e70ad5
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_replace.scss
@@ -0,0 +1,46 @@
+///
+/// Replaces `$old` by `$new` in `$list`.
+///
+/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-replace
+///
+/// @requires sl-is-true
+/// @requires sl-purge
+/// @requires sl-to-list
+///
+/// @param {List} $list - list to update
+/// @param {*} $old - value to replace
+/// @param {*} $value - new value for $old
+///
+/// @example
+/// sl-replace(a b c, b, z)
+/// // a z c
+///
+/// @example
+/// sl-replace(a b c, y, z)
+/// // a b c
+///
+/// @return {List}
+///
+
+@function sl-replace($list, $old, $value) {
+ $_: sl-missing-dependencies('sl-is-true', 'sl-purge', 'sl-to-list');
+
+ $running: true;
+
+ @while $running {
+ $index: index($list, $old);
+
+ @if not $index {
+ $running: false;
+ }
+
+ @else {
+ $list: set-nth($list, $index, $value);
+ }
+
+ }
+
+ $list: if(sl-is-true($value), $list, sl-purge($list));
+
+ @return sl-to-list($list);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_to-list.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_to-list.scss
new file mode 100644
index 0000000..eb8df21
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/functions/_to-list.scss
@@ -0,0 +1,27 @@
+///
+/// Casts `$value` into a list.
+///
+/// @ignore Documentation: http://at-import.github.io/SassyLists/documentation/#function-sl-to-list
+///
+/// @param {*} $value - value to cast to list
+/// @param {String} $separator [space] - separator to use
+///
+/// @example
+/// sl-to-list(a b c, comma)
+/// // a, b, c
+///
+/// @return {List}
+///
+
+@function sl-to-list($value, $separator: list-separator($value)) {
+ @return join((), $value, $separator);
+}
+
+///
+/// @requires sl-to-list
+/// @alias sl-to-list
+///
+
+@function sl-listify($value) {
+ @return sl-to-list($value);
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_missing-dependencies.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_missing-dependencies.scss
new file mode 100644
index 0000000..c4730b1
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_missing-dependencies.scss
@@ -0,0 +1,25 @@
+///
+/// Checks whether `$functions` exist in global scope.
+///
+/// @access private
+///
+/// @param {ArgList} $functions - list of functions to check for
+///
+/// @return {Bool} Whether or not there are missing dependencies
+///
+
+@function sl-missing-dependencies($functions...) {
+ $missing-dependencies: ();
+
+ @each $function in $functions {
+ @if not function-exists($function) {
+ $missing-dependencies: append($missing-dependencies, $function, comma);
+ }
+ }
+
+ @if length($missing-dependencies) > 0 {
+ @error 'Unmet dependencies! The following functions are required: #{$missing-dependencies}.';
+ }
+
+ @return length($missing-dependencies) > 0;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_true.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_true.scss
new file mode 100644
index 0000000..277652e
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/_vendor/sassy-lists/stylesheets/helpers/_true.scss
@@ -0,0 +1,13 @@
+///
+/// Returns truthiness of `$value`.
+///
+/// @access private
+///
+/// @param {*} $value - value to check
+///
+/// @return {Bool}
+///
+
+@function sl-is-true($value) {
+ @return if($value == null, false, $value and $value != null and $value != '' and $value != ());
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/_global.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/_global.scss
new file mode 100644
index 0000000..18152fe
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/_global.scss
@@ -0,0 +1,249 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+// sass-lint:disable force-attribute-nesting, force-pseudo-nesting, no-color-literals, no-qualifying-elements
+
+////
+/// @group global
+////
+
+/// Font size attribute applied to `<html>` and `<body>`. We use 100% by default so the value is inherited from the user's browser settings.
+/// @type Number
+$global-font-size: 100% !default;
+
+/// Global width of your site. Used by the grid to determine row width.
+/// @type Number
+$global-width: rem-calc(1200) !default;
+
+/// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px
+/// @type Number
+$global-lineheight: 1.5 !default;
+
+/// Colors used for buttons, callouts, links, etc. There must always be a color called `primary`.
+/// @type Map
+$foundation-palette: (
+ primary: #1779ba,
+ secondary: #767676,
+ success: #3adb76,
+ warning: #ffae00,
+ alert: #cc4b37,
+) !default;
+
+/// Color used for light gray UI items.
+/// @type Color
+$light-gray: #e6e6e6 !default;
+
+/// Color used for medium gray UI items.
+/// @type Color
+$medium-gray: #cacaca !default;
+
+/// Color used for dark gray UI items.
+/// @type Color
+$dark-gray: #8a8a8a !default;
+
+/// Color used for black ui items.
+/// @type Color
+$black: #0a0a0a !default;
+
+/// Color used for white ui items.
+/// @type Color
+$white: #fefefe !default;
+
+/// Background color of the body.
+/// @type Color
+$body-background: $white !default;
+
+/// Text color of the body.
+/// @type Color
+$body-font-color: $black !default;
+
+/// Font stack of the body.
+/// @type List
+$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !default;
+
+/// Set to `true` to enable antialiased type, using the `-webkit-font-smoothing` and `-moz-osx-font-smoothing` CSS properties.
+/// @type Boolean
+$body-antialiased: true !default;
+
+/// Global value used for margin on components.
+/// @type Number
+$global-margin: 1rem !default;
+
+/// Global value used for padding on components.
+/// @type Number
+$global-padding: 1rem !default;
+
+/// Global value used for positioning on components.
+/// @type Number
+$global-position: 1rem !default;
+
+/// Global font weight used for normal type.
+/// @type Keyword | Number
+$global-weight-normal: normal !default;
+
+/// Global font weight used for bold type.
+/// @type Keyword | Number
+$global-weight-bold: bold !default;
+
+/// Global value used for all elements that have a border radius.
+/// @type Number
+$global-radius: 0 !default;
+
+/// Global value used for all menu styles. Can be overwritten at individual menu component level.
+/// @type Number
+$global-menu-padding: 0.7rem 1rem !default;
+
+/// Global value used for all menu styles. Nested margin for submenu.
+$global-menu-nested-margin: 1rem !default;
+
+/// Sets the text direction of the CSS. Can be either `ltr` or `rtl`.
+/// @type Keyword
+$global-text-direction: ltr !default;
+
+/// Enables flexbox for components that support it.
+/// @type Boolean
+$global-flexbox: true !default;
+
+/// Enabled responsive breakpoints for prototypes if applicable
+/// @type Boolean
+$global-prototype-breakpoints: false !default;
+
+/// Button cursor's value, `auto` by default
+/// @type Keyword
+$global-button-cursor: auto !default;
+
+@if not map-has-key($foundation-palette, primary) {
+ @error 'In $foundation-palette, you must have a color named "primary".';
+}
+
+// Internal variables used for text direction
+$global-left: if($global-text-direction == rtl, right, left);
+$global-right: if($global-text-direction == rtl, left, right);
+
+/// Global tolerance for color pick contrast.
+/// @type Number
+$global-color-pick-contrast-tolerance: 0 !default;
+
+// Internal variables used for colors
+$primary-color: get-color(primary);
+$secondary-color: get-color(secondary);
+$success-color: get-color(success);
+$warning-color: get-color(warning);
+$alert-color: get-color(alert);
+
+@mixin foundation-global-styles {
+ @include -zf-normalize;
+
+ // These styles are applied to a <meta> tag, which is read by the Foundation JavaScript
+ .foundation-mq {
+ font-family: '#{-zf-bp-serialize($breakpoints)}';
+ }
+
+ html {
+ box-sizing: border-box;
+ font-size: $global-font-size;
+ }
+
+ // Set box-sizing globally to handle padding and border widths
+ *,
+ *::before,
+ *::after {
+ box-sizing: inherit;
+ }
+
+ // Default body styles
+ body {
+ margin: 0;
+ padding: 0;
+
+ background: $body-background;
+
+ font-family: $body-font-family;
+ font-weight: $global-weight-normal;
+ line-height: $global-lineheight;
+ color: $body-font-color;
+
+ @if ($body-antialiased) {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+ }
+
+ img {
+ // Get rid of gap under images by making them display: inline-block; by default
+ display: inline-block;
+ vertical-align: middle;
+
+ // Grid defaults to get images and embeds to work properly
+ max-width: 100%;
+ height: auto;
+ -ms-interpolation-mode: bicubic;
+ }
+
+ // Make sure textarea takes on height automatically
+ textarea {
+ height: auto;
+ min-height: 50px;
+ border-radius: $global-radius;
+ }
+
+ // Make select elements are 100% width by default
+ select {
+ box-sizing: border-box;
+ width: 100%;
+ border-radius: $global-radius;
+ }
+
+ // Styles Google Maps and MapQuest embeds properly
+ // sass-lint:disable-line no-ids
+ .map_canvas,
+ .mqa-display {
+ img,
+ embed,
+ object {
+ max-width: none !important;
+ }
+ }
+
+ // Reset <button> styles created by most browsers
+ button {
+ @include disable-mouse-outline;
+ padding: 0;
+ appearance: none;
+ border: 0;
+ border-radius: $global-radius;
+ background: transparent;
+ line-height: 1;
+ cursor: $global-button-cursor;
+ }
+
+ // Prevent text overflow on pre
+ pre {
+ overflow: auto;
+ }
+
+ // Make reset inherit font-family instead of settings sans-serif
+ button,
+ input,
+ optgroup,
+ select,
+ textarea {
+ font-family: inherit;
+ }
+
+ // Internal classes to show/hide elements in JavaScript
+ .is-visible {
+ display: block !important;
+ }
+
+ .is-hidden {
+ display: none !important;
+ }
+}
+
+/// Loads normalize.css.
+/// @access private
+@mixin -zf-normalize {
+ @include normalize();
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_accordion-menu.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_accordion-menu.scss
new file mode 100644
index 0000000..7d25446
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_accordion-menu.scss
@@ -0,0 +1,171 @@
+////
+/// @group accordion-menu
+////
+
+/// Sets accordion menu padding.
+/// @type Number
+$accordionmenu-padding: $global-menu-padding !default;
+
+/// Sets accordion menu nested margin
+/// @type Number
+$accordionmenu-nested-margin: $global-menu-nested-margin !default;
+
+/// Sets accordion menu submenu padding.
+/// @type Number
+$accordionmenu-submenu-padding: $accordionmenu-padding !default;
+
+/// Sets if accordion menus have the default arrow styles.
+/// @type Boolean
+$accordionmenu-arrows: true !default;
+
+/// Sets accordion menu arrow color if arrow is used.
+/// @type Color
+$accordionmenu-arrow-color: $primary-color !default;
+
+/// Sets accordion menu item padding.
+/// @type Color
+$accordionmenu-item-background: null !default;
+
+/// Sets accordion menu item border.
+/// @type Color
+$accordionmenu-border: null !default;
+
+/// Sets accordion menu item padding.
+/// @type Color
+$accordionmenu-submenu-toggle-background: null !default;
+
+/// Sets accordion menu item padding.
+/// @type List
+$accordion-submenu-toggle-border: $accordionmenu-border !default;
+
+/// Sets accordion menu submenu toggle background width.
+/// @type Number
+$accordionmenu-submenu-toggle-width: 40px !default;
+
+/// Sets accordion menu submenu toggle background height.
+/// @type Number
+$accordionmenu-submenu-toggle-height: $accordionmenu-submenu-toggle-width !default;
+
+/// Sets accordion menu arrow size if arrow is used.
+/// @type Length
+$accordionmenu-arrow-size: 6px !default;
+
+@mixin zf-accordion-menu-left-right-arrows {
+ .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
+ position: relative;
+
+ &::after {
+ @include css-triangle($accordionmenu-arrow-size, $accordionmenu-arrow-color, down);
+ position: absolute;
+ top: 50%;
+ margin-top: -1 * ($accordionmenu-arrow-size / 2);
+ #{$global-right}: 1rem;
+ }
+ }
+ &.align-left .is-accordion-submenu-parent > a::after {
+ left: auto;
+ right: 1rem;
+ }
+ &.align-right .is-accordion-submenu-parent > a::after {
+ right: auto;
+ left: 1rem;
+ }
+}
+@mixin foundation-accordion-menu {
+
+ .accordion-menu {
+ @if $accordionmenu-border {
+ border-bottom: $accordionmenu-border;
+ }
+
+ li {
+ @if $accordionmenu-border {
+ border-top: $accordionmenu-border;
+ border-right: $accordionmenu-border;
+ border-left: $accordionmenu-border;
+ }
+ width: 100%;
+ }
+
+ a {
+ @if $accordionmenu-item-background {
+ background: $accordionmenu-item-background;
+ }
+ padding: $accordionmenu-padding;
+ }
+
+ .is-accordion-submenu a {
+ padding: $accordionmenu-submenu-padding;
+ }
+
+ .nested.is-accordion-submenu {
+ @include menu-nested($accordionmenu-nested-margin);
+ }
+
+ &.align-#{$global-right} {
+ .nested.is-accordion-submenu {
+ @include menu-nested($accordionmenu-nested-margin, right);
+ }
+ }
+
+ @if $accordionmenu-arrows {
+ @include zf-accordion-menu-left-right-arrows;
+
+ .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
+ transform: rotate(180deg);
+ transform-origin: 50% 50%;
+ }
+ }
+ }
+
+ .is-accordion-submenu li {
+ @if $accordionmenu-border {
+ border-right: 0;
+ border-left: 0;
+ }
+ }
+
+ .is-accordion-submenu-parent {
+ position: relative;
+ }
+
+ .has-submenu-toggle > a {
+ margin-#{$global-right}: $accordionmenu-submenu-toggle-width;
+ }
+
+ // Submenu toggle
+ .submenu-toggle {
+ position: absolute;
+ top: 0;
+ #{$global-right}: 0;
+ cursor: pointer;
+
+ width: $accordionmenu-submenu-toggle-width;
+ height: $accordionmenu-submenu-toggle-height;
+
+ border-#{$global-left}: $accordion-submenu-toggle-border;
+
+ @if $accordionmenu-submenu-toggle-background {
+ background: $accordionmenu-submenu-toggle-background;
+ }
+
+ // Add the arrow to the toggle
+ &::after {
+ @include css-triangle(6px, $accordionmenu-arrow-color, down);
+
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ }
+ }
+
+ // Rotate the arrow when menu is open
+ .submenu-toggle[aria-expanded='true']::after {
+ transform: scaleY(-1);
+ transform-origin: 50% 50%;
+ }
+
+ .submenu-toggle-text {
+ @include element-invisible;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_accordion.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_accordion.scss
new file mode 100644
index 0000000..c646be7
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_accordion.scss
@@ -0,0 +1,155 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group accordion
+////
+
+/// Default background color of an accordion group.
+/// @type Color
+$accordion-background: $white !default;
+
+/// If `true`, adds plus and minus icons to the side of each accordion title.
+/// @type Boolean
+$accordion-plusminus: true !default;
+
+/// Font size of accordion titles.
+/// @type Number
+$accordion-title-font-size: rem-calc(12) !default;
+
+/// Default text color for items in a Menu.
+/// @type Color
+$accordion-item-color: $primary-color !default;
+
+/// Default background color on hover for items in a Menu.
+/// @type Color
+$accordion-item-background-hover: $light-gray !default;
+
+/// Default padding of an accordion item.
+/// @type Number | List
+$accordion-item-padding: 1.25rem 1rem !default;
+
+/// Default background color of tab content.
+/// @type Color
+$accordion-content-background: $white !default;
+
+/// Default border color of tab content.
+/// @type Color
+$accordion-content-border: 1px solid $light-gray !default;
+
+/// Default text color of tab content.
+/// @type Color
+$accordion-content-color: $body-font-color !default;
+
+/// Default padding for tab content.
+/// @type Number | List
+$accordion-content-padding: 1rem !default;
+
+/// Adds styles for an accordion container. Apply this to the same element that gets `data-accordion`.
+@mixin accordion-container (
+ $background: $accordion-background
+) {
+ margin-#{$global-left}: 0;
+ background: $background;
+ list-style-type: none;
+ &[disabled] {
+ .accordion-title {
+ cursor: not-allowed;
+ }
+ }
+}
+
+/// Adds styles for the accordion item. Apply this to the list item within an accordion ul.
+@mixin accordion-item {
+ &:first-child > :first-child {
+ border-radius: $global-radius $global-radius 0 0;
+ }
+
+ &:last-child > :last-child {
+ border-radius: 0 0 $global-radius $global-radius;
+ }
+}
+
+/// Adds styles for the title of an accordion item. Apply this to the link within an accordion item.
+@mixin accordion-title (
+ $padding: $accordion-item-padding,
+ $font-size: $accordion-title-font-size,
+ $color: $accordion-item-color,
+ $border: $accordion-content-border,
+ $background-hover: $accordion-item-background-hover
+) {
+ position: relative;
+ display: block;
+ padding: $padding;
+
+ border: $border;
+ border-bottom: 0;
+
+ font-size: $font-size;
+ line-height: 1;
+ color: $color;
+
+ :last-child:not(.is-active) > & {
+ border-bottom: $border;
+ border-radius: 0 0 $global-radius $global-radius;
+ }
+
+ &:hover,
+ &:focus {
+ background-color: $background-hover;
+ }
+
+ @if $accordion-plusminus {
+ &::before {
+ position: absolute;
+ top: 50%;
+ #{$global-right}: 1rem;
+ margin-top: -0.5rem;
+ content: '+';
+ }
+
+ .is-active > &::before {
+ content: '\2013';
+ }
+ }
+}
+
+/// Adds styles for accordion content. Apply this to the content pane below an accordion item's title.
+@mixin accordion-content (
+ $padding: $accordion-content-padding,
+ $border: $accordion-content-border,
+ $background: $accordion-content-background,
+ $color: $accordion-content-color
+) {
+ display: none;
+ padding: $padding;
+
+ border: $border;
+ border-bottom: 0;
+ background-color: $background;
+
+ color: $color;
+
+ :last-child > &:last-child {
+ border-bottom: $border;
+ }
+}
+
+@mixin foundation-accordion {
+ .accordion {
+ @include accordion-container;
+ }
+
+ .accordion-item {
+ @include accordion-item;
+ }
+
+ .accordion-title {
+ @include accordion-title;
+ }
+
+ .accordion-content {
+ @include accordion-content;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_badge.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_badge.scss
new file mode 100644
index 0000000..3d5b6ba
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_badge.scss
@@ -0,0 +1,63 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group badge
+////
+
+/// Default background color for badges.
+/// @type Color
+$badge-background: $primary-color !default;
+
+/// Default text color for badges.
+/// @type Color
+$badge-color: $white !default;
+
+/// Alternate text color for badges.
+/// @type Color
+$badge-color-alt: $black !default;
+
+/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.
+/// @type Map
+$badge-palette: $foundation-palette !default;
+
+/// Default padding inside badges.
+/// @type Number
+$badge-padding: 0.3em !default;
+
+/// Minimum width of a badge.
+/// @type Number
+$badge-minwidth: 2.1em !default;
+
+/// Default font size for badges.
+/// @type Number
+$badge-font-size: 0.6rem !default;
+
+/// Generates the base styles for a badge.
+@mixin badge {
+ display: inline-block;
+ min-width: $badge-minwidth;
+ padding: $badge-padding;
+
+ border-radius: 50%;
+
+ font-size: $badge-font-size;
+ text-align: center;
+}
+
+@mixin foundation-badge {
+ .badge {
+ @include badge;
+
+ background: $badge-background;
+ color: $badge-color;
+
+ @each $name, $color in $badge-palette {
+ &.#{$name} {
+ background: $color;
+ color: color-pick-contrast($color, ($badge-color, $badge-color-alt));
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_breadcrumbs.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_breadcrumbs.scss
new file mode 100644
index 0000000..75eb9a1
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_breadcrumbs.scss
@@ -0,0 +1,117 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group breadcrumbs
+////
+
+/// Margin around a breadcrumbs container.
+/// @type Number
+$breadcrumbs-margin: 0 0 $global-margin 0 !default;
+
+/// Font size of breadcrumb links.
+/// @type Number
+$breadcrumbs-item-font-size: rem-calc(11) !default;
+
+/// Color of breadcrumb links.
+/// @type Color
+$breadcrumbs-item-color: $primary-color !default;
+
+/// Color of the active breadcrumb link.
+/// @type Color
+$breadcrumbs-item-color-current: $black !default;
+
+/// Opacity of disabled breadcrumb links.
+/// @type Number
+$breadcrumbs-item-color-disabled: $medium-gray !default;
+
+/// Margin between breadcrumb items.
+/// @type Number
+$breadcrumbs-item-margin: 0.75rem !default;
+
+/// If `true`, makes breadcrumb links uppercase.
+/// @type Boolean
+$breadcrumbs-item-uppercase: true !default;
+
+/// If `true`, adds a seperator between breadcrumb links.
+/// @type Boolean
+$breadcrumbs-item-separator: true !default;
+
+// If it exists $breadcrumbs-item-slash is used to build $breadcrumbs-item-separator. See the documentation.
+@if variable-exists(breadcrumbs-item-slash) {
+ $breadcrumbs-item-separator: $breadcrumbs-item-slash;
+}
+
+/// Used character for the breadcrumb separator.
+/// @type Content
+$breadcrumbs-item-separator-item: '/' !default;
+
+/// Used character for the breadcrumb separator in rtl mode.
+/// @type Content
+$breadcrumbs-item-separator-item-rtl: '\\' !default;
+
+/// Color of breadcrumb item.
+/// @type Color
+$breadcrumbs-item-separator-color: $medium-gray !default;
+
+// If it exists $breadcrumbs-item-slash-color is used to build $breadcrumbs-item-separator-color. See the documentation.
+@if variable-exists(breadcrumbs-item-slash-color) {
+ $breadcrumbs-item-separator-color: $breadcrumbs-item-slash-color;
+}
+
+/// Adds styles for a breadcrumbs container, along with the styles for the `<li>` and `<a>` elements inside of it.
+@mixin breadcrumbs-container {
+ @include clearfix;
+ margin: $breadcrumbs-margin;
+ list-style: none;
+
+ // Item wrapper
+ li {
+ float: #{$global-left};
+
+ font-size: $breadcrumbs-item-font-size;
+ color: $breadcrumbs-item-color-current;
+ cursor: default;
+
+ @if $breadcrumbs-item-uppercase {
+ text-transform: uppercase;
+ }
+
+ @if $breadcrumbs-item-separator {
+ // Need to escape the backslash
+ $separator: if($global-text-direction == 'ltr', $breadcrumbs-item-separator-item, $breadcrumbs-item-separator-item-rtl);
+
+ &:not(:last-child)::after {
+ position: relative;
+ margin: 0 $breadcrumbs-item-margin;
+ opacity: 1;
+ content: $separator;
+ color: $breadcrumbs-item-separator-color;
+ }
+ }
+ @else {
+ margin-#{$global-right}: $breadcrumbs-item-margin;
+ }
+ }
+
+ // Page links
+ a {
+ color: $breadcrumbs-item-color;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+}
+
+@mixin foundation-breadcrumbs {
+ .breadcrumbs {
+ @include breadcrumbs-container;
+
+ .disabled {
+ color: $breadcrumbs-item-color-disabled;
+ cursor: not-allowed;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_button-group.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_button-group.scss
new file mode 100644
index 0000000..6705e9c
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_button-group.scss
@@ -0,0 +1,253 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group button-group
+////
+
+/// Margin for button groups.
+/// @type Number
+$buttongroup-margin: 1rem !default;
+
+/// Margin between buttons in a button group.
+/// @type Number
+$buttongroup-spacing: 1px !default;
+
+/// Selector for the buttons inside a button group.
+/// @type String
+$buttongroup-child-selector: '.button' !default;
+
+/// Maximum number of buttons that can be in an even-width button group.
+/// @type Number
+$buttongroup-expand-max: 6 !default;
+
+/// Determines if $button-radius is applied to each button or the button group as a whole. Use $global-radius in _settings.scss to change radius.
+/// @type Boolean
+$buttongroup-radius-on-each: true !default;
+
+/// Add styles for a button group container.
+/// @param {String} $child-selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.
+/// @param {Number} $spacing [$buttongroup-spacing] - Spacing between buttons in a button group.
+@mixin button-group(
+ $child-selector: $buttongroup-child-selector,
+ $spacing: $buttongroup-spacing
+) {
+ @include clearfix;
+ margin-bottom: $buttongroup-margin;
+
+ @if $global-flexbox {
+ display: flex;
+ flex-wrap: nowrap;
+ align-items: stretch;
+ }
+ @else {
+ font-size: 0;
+ }
+
+ #{$child-selector} {
+ margin: 0;
+ margin-#{$global-right}: $spacing;
+ margin-bottom: $spacing;
+ font-size: map-get($button-sizes, default);
+
+ @if $global-flexbox {
+ flex: 0 0 auto;
+ }
+
+ &:last-child {
+ margin-#{$global-right}: 0;
+ }
+
+ @if not $buttongroup-radius-on-each {
+ border-radius: 0;
+
+ &:first-child {
+ border-top-#{$global-left}-radius: $button-radius;
+ border-bottom-#{$global-left}-radius: $button-radius;
+ }
+
+ &:last-child {
+ border-top-#{$global-right}-radius: $button-radius;
+ border-bottom-#{$global-right}-radius: $button-radius;
+ }
+ }
+
+ }
+}
+
+/// Creates a full-width button group, making each button equal width.
+/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside a button group.
+/// @param {Number} $spacing [$buttongroup-spacing] - Spacing between buttons in a button group.
+@mixin button-group-expand(
+ $selector: $buttongroup-child-selector,
+ $spacing: $buttongroup-spacing,
+ $count: null
+) {
+ @if not $global-flexbox {
+ margin-#{$global-right}: -$spacing;
+
+ &::before,
+ &::after {
+ display: none;
+ }
+ }
+
+ #{$selector} {
+ @if $global-flexbox {
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
+ }
+ @else {
+ // One child
+ &:first-child:last-child {
+ width: 100%;
+ }
+
+ // Two or more childreen
+ @for $i from 2 through $buttongroup-expand-max {
+ &:first-child:nth-last-child(#{$i}) {
+ &, &:first-child:nth-last-child(#{$i}) ~ #{$selector} {
+ display: inline-block;
+ width: calc(#{percentage(1 / $i)} - #{$spacing});
+ margin-#{$global-right}: $spacing;
+
+ &:last-child {
+ margin-#{$global-right}: $spacing * -$buttongroup-expand-max;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/// Stacks the buttons in a button group.
+/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group.
+@mixin button-group-stack(
+ $selector: $buttongroup-child-selector
+) {
+ @if $global-flexbox {
+ flex-wrap: wrap;
+ }
+
+ #{$selector} {
+ @if $global-flexbox {
+ flex: 0 0 100%;
+ }
+ @else {
+ width: 100%;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+
+ @if not $buttongroup-radius-on-each {
+ border-radius: 0;
+
+ &:first-child{
+ border-top-#{$global-left}-radius: $global-radius;
+ border-top-#{$global-right}-radius: $global-radius;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ border-bottom-#{$global-left}-radius: $global-radius;
+ border-bottom-#{$global-right}-radius: $global-radius;
+ }
+ }
+
+ }
+}
+
+/// Un-stacks the buttons in a button group.
+/// @param {String} $selector [$buttongroup-child-selector] - Selector for the buttons inside the button group.
+@mixin button-group-unstack(
+ $selector: $buttongroup-child-selector
+) {
+ #{$selector} {
+ @if $global-flexbox {
+ flex: 1 1 0px; // sass-lint:disable-line zero-unit
+ }
+ @else {
+ width: auto;
+ }
+ margin-bottom: 0;
+
+ @if not $buttongroup-radius-on-each {
+ &:first-child {
+ border-top-#{$global-left}-radius: $global-radius;
+ border-top-#{$global-right}-radius: 0;
+ border-bottom-#{$global-left}-radius: $global-radius;
+ }
+
+ &:last-child {
+ border-top-#{$global-right}-radius: $global-radius;
+ border-bottom-#{$global-right}-radius: $global-radius;
+ border-bottom-#{$global-left}-radius: 0;
+ }
+ }
+
+ }
+}
+
+@mixin foundation-button-group {
+ .button-group {
+ @include button-group;
+
+ // Sizes
+ @each $size, $value in map-remove($button-sizes, default) {
+ &.#{$size} #{$buttongroup-child-selector} {
+ font-size: $value;
+ }
+ }
+
+ // Even-width Group
+ &.expanded { @include button-group-expand; }
+
+ // Colors
+ @each $name, $color in $foundation-palette {
+ @if $button-fill != hollow {
+ &.#{$name} #{$buttongroup-child-selector} {
+ @include button-style($color, auto, auto);
+ }
+ }
+ @else {
+ &.#{$name} #{$buttongroup-child-selector} {
+ @include button-hollow;
+ @include button-hollow-style($color);
+ }
+ }
+ }
+
+ &.stacked,
+ &.stacked-for-small,
+ &.stacked-for-medium {
+ @include button-group-stack;
+ }
+
+ &.stacked-for-small {
+ @include breakpoint(medium) {
+ @include button-group-unstack;
+ }
+ }
+
+ &.stacked-for-medium {
+ @include breakpoint(large) {
+ @include button-group-unstack;
+ }
+ }
+
+ &.stacked-for-small.expanded { // sass-lint:disable-line force-element-nesting
+ @include breakpoint(small only) {
+ display: block;
+
+ #{$buttongroup-child-selector} {
+ display: block;
+ margin-#{$global-right}: 0;
+ }
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_button.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_button.scss
new file mode 100644
index 0000000..e71f264
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_button.scss
@@ -0,0 +1,385 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group button
+////
+
+/// Font family for button elements.
+/// @type Font
+$button-font-family: inherit !default;
+
+/// Padding inside buttons.
+/// @type List
+$button-padding: 0.85em 1em !default;
+
+/// Margin around buttons.
+/// @type List
+$button-margin: 0 0 $global-margin 0 !default;
+
+/// Default fill for buttons. Can either be `solid` or `hollow`.
+/// @type Keyword
+$button-fill: solid !default;
+
+/// Default background color for buttons.
+/// @type Color
+$button-background: $primary-color !default;
+
+/// Background color on hover for buttons.
+/// @type Color
+$button-background-hover: scale-color($button-background, $lightness: -15%) !default;
+
+/// Font color for buttons.
+/// @type List
+$button-color: $white !default;
+
+/// Alternative font color for buttons.
+/// @type List
+$button-color-alt: $black !default;
+
+/// Border radius for buttons, defaulted to global-radius.
+/// @type Number
+$button-radius: $global-radius !default;
+
+/// Border width for hollow outline buttons
+/// @type Number
+$button-hollow-border-width: 1px !default;
+
+/// Sizes for buttons.
+/// @type Map
+$button-sizes: (
+ tiny: 0.6rem,
+ small: 0.75rem,
+ default: 0.9rem,
+ large: 1.25rem,
+) !default;
+
+/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.
+/// @type Map
+$button-palette: $foundation-palette !default;
+
+/// opacity for a disabled button.
+/// @type List
+$button-opacity-disabled: 0.25 !default;
+
+/// Background color lightness on hover for buttons.
+/// @type Number
+$button-background-hover-lightness: -20% !default;
+
+/// Color lightness on hover for hollow buttons.
+/// @type Number
+$button-hollow-hover-lightness: -50% !default;
+
+// Internal: flip from margin-right to margin-left for defaults
+@if $global-text-direction == 'rtl' {
+ $button-margin: 0 0 $global-margin $global-margin !default;
+}
+
+/// transitions for buttons.
+/// @type List
+$button-transition: background-color 0.25s ease-out, color 0.25s ease-out !default;
+
+// TODO: Document button-base() mixin
+@mixin button-base {
+ @include disable-mouse-outline;
+ display: inline-block;
+ vertical-align: middle;
+ margin: $button-margin;
+ font-family: $button-font-family;
+
+ @if (type-of($button-padding) == 'map') {
+ @each $size, $padding in $button-padding {
+ @include breakpoint($size) {
+ padding: $padding;
+ }
+ }
+ }
+ @else {
+ padding: $button-padding;
+ }
+
+ -webkit-appearance: none;
+ border: 1px solid transparent;
+ border-radius: $button-radius;
+ transition: $button-transition;
+
+ font-size: map-get($button-sizes, default);
+ line-height: 1;
+ text-align: center;
+ cursor: pointer;
+}
+
+/// Expands a button to make it full-width.
+/// @param {Boolean} $expand [true] - Set to `true` to enable the expand behavior. Set to `false` to reverse this behavior.
+@mixin button-expand($expand: true) {
+ @if $expand {
+ display: block;
+ width: 100%;
+ margin-right: 0;
+ margin-left: 0;
+ }
+ @else {
+ display: inline-block;
+ width: auto;
+ margin: $button-margin;
+ }
+}
+
+/// Sets the visual style of a button.
+/// @param {Color} $background [$button-background] - Background color of the button.
+/// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color.
+/// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color.
+@mixin button-style(
+ $background: $button-background,
+ $background-hover: $button-background-hover,
+ $color: $button-color,
+ $background-hover-lightness: $button-background-hover-lightness
+) {
+ @if $color == auto {
+ $color: color-pick-contrast($background, ($button-color, $button-color-alt));
+ }
+
+ @if $background-hover == auto {
+ $background-hover: scale-color($background, $lightness: $background-hover-lightness);
+ }
+
+ background-color: $background;
+ color: $color;
+
+ &:hover, &:focus {
+ background-color: $background-hover;
+ color: $color;
+ }
+}
+
+/// Removes background fill on hover and focus for hollow buttons.
+@mixin button-hollow {
+ &,
+ &:hover, &:focus {
+ background-color: transparent;
+ }
+
+ &.disabled,
+ &[disabled] {
+ &,
+ &:hover, &:focus {
+ background-color: transparent;
+ }
+ }
+}
+
+@mixin button-hollow-style(
+ $color: $button-background,
+ $hover-lightness: $button-hollow-hover-lightness,
+ $border-width: $button-hollow-border-width
+) {
+ $color-hover: scale-color($color, $lightness: $hover-lightness);
+
+ border: $border-width solid $color;
+ color: $color;
+
+ &:hover, &:focus {
+ border-color: $color-hover;
+ color: $color-hover;
+ &.disabled,
+ &[disabled] {
+ border: $border-width solid $color;
+ color: $color;
+ }
+ }
+}
+
+/// Adds disabled styles to a button by fading the element, reseting the cursor, and disabling pointer events.
+/// @param [Color] $background [$button-background] - Background color of the disabled button.
+/// @param [Color] $color [$button-color] - Text color of the disabled button. Set to `auto` to have the mixin automatically generate a color based on the background color.
+@mixin button-disabled(
+ $background: $button-background,
+ $color: $button-color
+) {
+ @if $color == auto {
+ $color: color-pick-contrast($background, ($button-color, $button-color-alt));
+ }
+
+ opacity: $button-opacity-disabled;
+ cursor: not-allowed;
+
+ &, &:hover, &:focus {
+ background-color: $background;
+ color: $color;
+ }
+}
+
+/// Adds a dropdown arrow to a button.
+/// @param {Number} $size [0.4em] - Size of the arrow. We recommend using an `em` value so the triangle scales when used inside different sizes of buttons.
+/// @param {Color} $color [white] - Color of the arrow.
+/// @param {Number} $offset [$button-padding] - Distance between the arrow and the text of the button. Defaults to whatever the right padding of a button is.
+@mixin button-dropdown(
+ $size: 0.4em,
+ $color: $white,
+ $offset: get-side($button-padding, right)
+) {
+ &::after {
+ @include css-triangle($size, $color, down);
+ position: relative;
+ top: 0.4em; // Aligns the arrow with the text of the button
+
+ display: inline-block;
+ float: #{$global-right};
+ margin-#{$global-left}: $offset;
+ }
+}
+
+/// Adds all styles for a button. For more granular control over styles, use the individual button mixins.
+/// @param {Boolean} $expand [false] - Set to `true` to make the button full-width.
+/// @param {Color} $background [$button-background] - Background color of the button.
+/// @param {Color} $background-hover [$button-background-hover] - Background color of the button on hover. Set to `auto` to have the mixin automatically generate a hover color.
+/// @param {Color} $color [$button-color] - Text color of the button. Set to `auto` to automatically generate a color based on the background color.
+/// @param {Keyword} $style [solid] - Set to `hollow` to create a hollow button. The color defined in `$background` will be used as the primary color of the button.
+@mixin button(
+ $expand: false,
+ $background: $button-background,
+ $background-hover: $button-background-hover,
+ $color: $button-color,
+ $style: $button-fill
+) {
+ @include button-base;
+
+ @if $style == solid {
+ @include button-style($background, $background-hover, $color);
+ }
+ @else if $style == hollow {
+ @include button-hollow;
+ @include button-hollow-style($background);
+ }
+
+ @if $expand {
+ @include button-expand;
+ }
+}
+
+@mixin foundation-button {
+ .button {
+ @include button;
+
+ // Sizes
+ @each $size, $value in map-remove($button-sizes, default) {
+ &.#{$size} {
+ font-size: $value;
+ }
+ }
+
+ &.expanded { @include button-expand; }
+
+ // Colors
+ @each $name, $color in $button-palette {
+ @if $button-fill != hollow {
+ &.#{$name} {
+ @include button-style($color, auto, auto);
+ }
+ }
+ @else {
+ &.#{$name} {
+ @include button-hollow-style($color);
+ }
+
+ &.#{$name}.dropdown::after {
+ border-top-color: $color;
+ }
+ }
+ }
+
+ // Disabled style
+ &.disabled,
+ &[disabled] {
+ @include button-disabled;
+
+ @each $name, $color in $button-palette {
+ &.#{$name} {
+ @include button-disabled($color, auto);
+ }
+ }
+ }
+
+ // Hollow style
+ @if $button-fill != hollow {
+ &.hollow {
+ @include button-hollow;
+ @include button-hollow-style;
+
+ @each $name, $color in $button-palette {
+ &.#{$name} {
+ @include button-hollow-style($color);
+ }
+ }
+ }
+ }
+
+ // Clear style
+ @if $button-fill != clear {
+ &.clear {
+ @include button-hollow;
+ @include button-hollow-style;
+
+ &, &:hover, &:focus {
+ &, &.disabled, &[disabled] {
+ border-color: transparent;
+ }
+ }
+
+ @each $name, $color in $button-palette {
+ &.#{$name} {
+ @include button-hollow-style($color);
+
+ &, &:hover,
+ &:focus {
+ &,
+ &.disabled,
+ &[disabled] {
+ border-color: transparent;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ // Dropdown arrow
+ &.dropdown {
+ @include button-dropdown;
+
+ @if $button-fill == hollow {
+ &::after {
+ border-top-color: $button-background;
+ }
+ }
+
+ &.hollow {
+ &::after {
+ border-top-color: $button-background;
+ }
+
+ @each $name, $color in $button-palette {
+ &.#{$name} {
+ &::after {
+ border-top-color: $color;
+ }
+ }
+ }
+ }
+ }
+
+ // Button with dropdown arrow only
+ &.arrow-only::after {
+ top: -0.1em;
+ float: none;
+ margin-#{$global-left}: 0;
+ }
+ }
+ a.button {
+ &:hover,
+ &:focus {
+ text-decoration: none;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_callout.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_callout.scss
new file mode 100644
index 0000000..5a0842c
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_callout.scss
@@ -0,0 +1,106 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group callout
+////
+
+/// Default background color.
+/// @type Color
+$callout-background: $white !default;
+
+/// Default fade value for callout backgrounds.
+/// @type Number
+$callout-background-fade: 85% !default;
+
+/// Default border style for callouts.
+/// @type List
+$callout-border: 1px solid rgba($black, 0.25) !default;
+
+/// Default bottom margin for callouts.
+/// @type Number
+$callout-margin: 0 0 1rem 0 !default;
+
+/// Default inner padding for callouts.
+/// @type Number
+$callout-padding: 1rem !default;
+
+/// Default font color for callouts.
+/// @type Color
+$callout-font-color: $body-font-color !default;
+
+/// Default font color for callouts, if the callout has a dark background.
+/// @type Color
+$callout-font-color-alt: $body-background !default;
+
+/// Default border radius for callouts.
+/// @type Color
+$callout-radius: $global-radius !default;
+
+/// Amount to tint links used within colored panels. Set to `false` to disable this feature.
+/// @type Number | Boolean
+$callout-link-tint: 30% !default;
+
+/// Adds basic styles for a callout, including padding and margin.
+@mixin callout-base() {
+ position: relative;
+ margin: $callout-margin;
+ padding: $callout-padding;
+
+ border: $callout-border;
+ border-radius: $callout-radius;
+
+ // Respect the padding, fool.
+ > :first-child {
+ margin-top: 0;
+ }
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+}
+
+/// Generate quick styles for a callout using a single color as a baseline.
+/// @param {Color} $color [$callout-background] - Color to use.
+@mixin callout-style($color: $callout-background) {
+ $background: scale-color($color, $lightness: $callout-background-fade);
+
+ background-color: $background;
+ color: color-pick-contrast($background, ($callout-font-color, $callout-font-color-alt));
+}
+
+@mixin callout-size($padding) {
+ padding-top: $padding;
+ padding-right: $padding;
+ padding-bottom: $padding;
+ padding-left: $padding;
+}
+
+
+/// Adds styles for a callout.
+/// @param {Color} $color [$callout-background] - Color to use.
+@mixin callout($color: $callout-background) {
+ @include callout-base;
+ @include callout-style($color);
+}
+
+@mixin foundation-callout {
+ .callout {
+ @include callout;
+
+ @each $name, $color in $foundation-palette {
+ &.#{$name} {
+ @include callout-style($color);
+ }
+ }
+
+ &.small {
+ @include callout-size(0.5rem);
+ }
+
+ &.large {
+ @include callout-size(3rem);
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_card.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_card.scss
new file mode 100644
index 0000000..d3ba77e
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_card.scss
@@ -0,0 +1,129 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group card
+////
+
+/// Defualt background color.
+/// @type Color
+$card-background: $white !default;
+
+/// Default font color for cards.
+/// @type Color
+$card-font-color: $body-font-color !default;
+
+/// Default background.
+/// @type Color
+$card-divider-background: $light-gray !default;
+
+/// Default border style.
+/// @type List
+$card-border: 1px solid $light-gray !default;
+
+/// Default card shadow.
+/// @type List
+$card-shadow: none !default;
+
+/// Default border radius.
+/// @type List
+$card-border-radius: $global-radius !default;
+
+/// Default padding.
+/// @type Number
+$card-padding: $global-padding !default;
+
+/// Default bottom margin.
+/// @type number
+$card-margin-bottom: $global-margin !default;
+
+/// Adds styles for a card container.
+/// @param {Color} $background - Background color of the card.
+/// @param {Color} $color - font color of the card.
+/// @param {Number} $margin - Bottom margin of the card.
+/// @param {List} $border - Border around the card.
+/// @param {List} $radius - border radius of the card.
+/// @param {List} $shadow - box shadow of the card.
+@mixin card-container(
+ $background: $card-background,
+ $color: $card-font-color,
+ $margin: $card-margin-bottom,
+ $border: $card-border,
+ $radius: $card-border-radius,
+ $shadow: $card-shadow
+) {
+ @if $global-flexbox {
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+ }
+
+ margin-bottom: $margin;
+
+ border: $border;
+ border-radius: $radius;
+
+ background: $background;
+ box-shadow: $shadow;
+
+ overflow: hidden;
+ color: $color;
+
+ & > :last-child {
+ margin-bottom: 0;
+ }
+}
+
+/// Adds styles for a card divider.
+@mixin card-divider(
+ $background: $card-divider-background,
+ $padding: $card-padding
+) {
+ @if $global-flexbox {
+ flex: 0 1 auto;
+ display: flex;
+ }
+
+ padding: $padding;
+ background: $background;
+
+ & > :last-child {
+ margin-bottom: 0;
+ }
+}
+
+/// Adds styles for a card section.
+@mixin card-section(
+ $padding: $card-padding
+) {
+ @if $global-flexbox {
+ flex: 1 0 auto;
+ }
+
+ padding: $padding;
+
+ & > :last-child {
+ margin-bottom: 0;
+ }
+}
+
+@mixin foundation-card {
+ .card {
+ @include card-container;
+ }
+
+ .card-divider {
+ @include card-divider;
+ }
+
+ .card-section {
+ @include card-section;
+ }
+
+ // For IE 11 - Flexbug
+ // https://github.com/philipwalton/flexbugs/issues/75
+ .card-image {
+ min-height: 1px;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_close-button.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_close-button.scss
new file mode 100644
index 0000000..927741f
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_close-button.scss
@@ -0,0 +1,102 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group close-button
+////
+
+/// Default position of the close button. The first value should be `right` or `left`, and the second value should be `top` or `bottom`.
+/// @type List
+$closebutton-position: right top !default;
+
+/// Right (or left) offset(s) for a close button.
+/// @type Number|Map
+$closebutton-offset-horizontal: (
+ small: 0.66rem,
+ medium: 1rem,
+) !default;
+
+/// Top (or bottom) offset(s) for a close button.
+/// @type Number|Map
+$closebutton-offset-vertical: (
+ small: 0.33em,
+ medium: 0.5rem,
+) !default;
+
+/// Default font size(s) of the close button.
+/// @type Number|Map
+$closebutton-size: (
+ small: 1.5em,
+ medium: 2em,
+) !default;
+
+/// The line-height of the close button. It affects the spacing of the element.
+/// @type Number
+$closebutton-lineheight: 1 !default;
+
+/// Default color of the close button.
+/// @type Color
+$closebutton-color: $dark-gray !default;
+
+/// Default color of the close button when being hovered on.
+/// @type Color
+$closebutton-color-hover: $black !default;
+
+
+/// Get the size and position for a close button. If the input value is a number, the number is returned. If the input value is a config map and the map has the key `$size`, the value is returned.
+///
+/// @param {Number|Map} $value - A number or map that represents the size or position value(s) of the close button.
+/// @param {Keyword} $size - The size of the close button to use.
+///
+/// @return {Number} The given number or the value found in the map.
+@function -zf-get-size-val($value, $size) {
+ // Check if the value is a number
+ @if type-of($value) == 'number' {
+ // If it is, just return the number
+ @return $value;
+ }
+
+ // Check if the size name exists in the value map
+ @else if map-has-key($value, $size) {
+ // If it does, return the value
+ @return map-get($value, $size);
+ }
+}
+
+/// Sets the size and position of a close button.
+/// @param {Keyword} $size [medium] - The size to use. Set to `small` to create a small close button. The 'medium' values defined in `$closebutton-*` variables will be used as the default size and position of the close button.
+@mixin close-button-size($size) {
+ $x: nth($closebutton-position, 1);
+ $y: nth($closebutton-position, 2);
+
+ #{$x}: -zf-get-size-val($closebutton-offset-horizontal, $size);
+ #{$y}: -zf-get-size-val($closebutton-offset-vertical, $size);
+ font-size: -zf-get-size-val($closebutton-size, $size);
+ line-height: -zf-get-size-val($closebutton-lineheight, $size);
+}
+
+/// Adds styles for a close button, using the styles in the settings variables.
+@mixin close-button {
+ $x: nth($closebutton-position, 1);
+ $y: nth($closebutton-position, 2);
+
+ @include disable-mouse-outline;
+ position: absolute;
+ color: $closebutton-color;
+ cursor: pointer;
+
+ &:hover,
+ &:focus {
+ color: $closebutton-color-hover;
+ }
+}
+
+@mixin foundation-close-button {
+ .close-button {
+ @include close-button;
+
+ &.small { @include close-button-size(small) }
+ &, &.medium { @include close-button-size(medium) }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_drilldown.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_drilldown.scss
new file mode 100644
index 0000000..1719080
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_drilldown.scss
@@ -0,0 +1,142 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group drilldown
+////
+
+/// Transition property to use for animating menus.
+/// @type Transition
+$drilldown-transition: transform 0.15s linear !default;
+
+/// Adds arrows to drilldown items with submenus, as well as the back button.
+/// @type Boolean
+$drilldown-arrows: true !default;
+
+/// Sets drilldown menu item padding.
+/// @type Number
+$drilldown-padding: $global-menu-padding !default;
+
+/// Sets drilldown menu nested margin
+/// @type Number
+$drilldown-nested-margin: 0 !default;
+
+/// Background color for drilldown top level items.
+/// @type Color
+$drilldown-background: $white !default;
+
+/// Sets drilldown menu item padding in the submenu.
+/// @type Number
+$drilldown-submenu-padding: $drilldown-padding !default;
+
+/// Background color for drilldown submenus.
+/// @type Color
+$drilldown-submenu-background: $white !default;
+
+/// Sets drilldown arrow color if arrow is used.
+/// @type Color
+$drilldown-arrow-color: $primary-color !default;
+
+/// Sets drilldown arrow size if arrow is used.
+/// @type Length
+$drilldown-arrow-size: 6px !default;
+
+@mixin zf-drilldown-left-right-arrows {
+ .is-drilldown-submenu-parent > a {
+ position: relative;
+ &::after {
+ position: absolute;
+ top: 50%;
+ margin-top: -1 * $drilldown-arrow-size;
+ #{$global-right}: 1rem;
+ @include css-triangle($drilldown-arrow-size, $drilldown-arrow-color, $global-right);
+ }
+ }
+
+ &.align-left .is-drilldown-submenu-parent > a::after {
+ left: auto;
+ right: 1rem;
+ @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, right);
+ }
+
+ &.align-right .is-drilldown-submenu-parent > a::after {
+ right: auto;
+ left: 1rem;
+ @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, left);
+ }
+
+}
+
+@mixin foundation-drilldown-menu {
+ // Applied to the Menu container
+ .is-drilldown {
+ position: relative;
+ overflow: hidden;
+
+ li {
+ display: block;
+ }
+
+ &.animate-height {
+ transition: height 0.5s;
+ }
+ }
+
+ // The top level <ul>
+ .drilldown {
+ a {
+ padding: $drilldown-padding;
+ background: $drilldown-background;
+ }
+
+ // Applied to submenu <ul>s
+ .is-drilldown-submenu {
+ position: absolute;
+ top: 0;
+ #{$global-left}: 100%;
+ z-index: -1;
+
+ width: 100%;
+ background: $drilldown-submenu-background;
+ transition: $drilldown-transition;
+
+ &.is-active {
+ z-index: 1;
+ display: block;
+ transform: translateX(if($global-text-direction == ltr, -100%, 100%));
+ }
+
+ &.is-closing {
+ transform: translateX(if($global-text-direction == ltr, 100%, -100%));
+ }
+
+ // Submenu item padding
+ a {
+ padding: $drilldown-submenu-padding;
+ }
+ }
+
+ .nested.is-drilldown-submenu {
+ @include menu-nested($drilldown-nested-margin);
+ }
+
+ .drilldown-submenu-cover-previous {
+ min-height: 100%;
+ }
+
+ @if $drilldown-arrows {
+ @include zf-drilldown-left-right-arrows;
+
+ .js-drilldown-back > a::before {
+ @include css-triangle($drilldown-arrow-size, $drilldown-arrow-color, $global-left);
+ border-#{$global-left}-width: 0;
+ display: inline-block;
+ vertical-align: middle;
+ margin-#{$global-right}: 0.75rem; // Creates space between the arrow and the text
+
+ border-#{$global-left}-width: 0;
+ }
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_dropdown-menu.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_dropdown-menu.scss
new file mode 100644
index 0000000..463f78a
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_dropdown-menu.scss
@@ -0,0 +1,274 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group dropdown-menu
+////
+
+/// Enables arrows for items with dropdown menus.
+/// @type Boolean
+$dropdownmenu-arrows: true !default;
+
+/// Sets dropdown menu arrow color if arrow is used.
+/// @type Color
+$dropdownmenu-arrow-color: $anchor-color !default;
+
+/// Sets dropdown menu arrow size if arrow is used.
+/// @type Length
+$dropdownmenu-arrow-size: 6px !default;
+
+/// Sets dropdown menu arrow padding for aligning the arrow correctly.
+/// @type Length
+$dropdownmenu-arrow-padding: 1.5rem !default;
+
+/// Minimum width of dropdown sub-menus.
+/// @type Length
+$dropdownmenu-min-width: 200px !default;
+
+/// Background color for top level items.
+/// @type Color
+$dropdownmenu-background: $white !default;
+
+/// Background color for dropdowns.
+/// @type Color
+$dropdownmenu-submenu-background: $dropdownmenu-background !default;
+
+/// Padding for top level items.
+/// @type Number
+$dropdownmenu-padding: $global-menu-padding !default;
+
+/// Sets dropdown menu nested margin
+/// @type Number
+$dropdownmenu-nested-margin: 0 !default;
+
+/// Padding for sub-menu items.
+/// @type Number
+$dropdownmenu-submenu-padding: $dropdownmenu-padding !default;
+
+/// Border for dropdown sub-menus.
+/// @type List
+$dropdownmenu-border: 1px solid $medium-gray !default;
+
+// Border width for dropdown sub-menus.
+// Used to adjust top margin of a sub-menu if a border is used.
+// @type Length
+$dropdownmenu-border-width: nth($dropdownmenu-border, 1);
+
+/// Text color of an active dropdown menu item. Explicit override for menu defaults
+/// @type Color
+$dropdown-menu-item-color-active: get-color(primary) !default;
+
+/// Background color of an active dropdown menu item. Explicit override for menu defaults
+/// @type Color
+$dropdown-menu-item-background-active: transparent !default;
+
+@mixin zf-dropdown-left-right-arrows {
+ > a::after {
+ #{$global-right}: 14px;
+ }
+
+ &.opens-left > a::after {
+ right: auto;
+ left: 5px;
+ @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, left);
+ }
+
+ &.opens-right > a::after {
+ @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, right);
+ }
+}
+
+@mixin dropdown-menu-direction($dir: horizontal) {
+ @if $dir == horizontal {
+ > li.opens-left {
+ > .is-dropdown-submenu {
+ top: 100%;
+ right: 0;
+ left: auto;
+ }
+ }
+
+ > li.opens-right {
+ > .is-dropdown-submenu {
+ top: 100%;
+ right: auto;
+ left: 0;
+ }
+ }
+
+ @if $dropdownmenu-arrows {
+ > li.is-dropdown-submenu-parent > a {
+ position: relative;
+ padding-#{$global-right}: $dropdownmenu-arrow-padding;
+ }
+
+ > li.is-dropdown-submenu-parent > a::after {
+ @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, down);
+ #{$global-right}: 5px;
+ #{$global-left}: auto;
+ margin-top: -1 * ($dropdownmenu-arrow-size / 2);
+ }
+ }
+ }
+ @else if $dir == vertical {
+ > li {
+ .is-dropdown-submenu {
+ top: 0;
+ }
+
+ &.opens-left {
+ > .is-dropdown-submenu {
+ right: 100%;
+ left: auto;
+ top: 0;
+ }
+ }
+
+ &.opens-right {
+ > .is-dropdown-submenu {
+ right: auto;
+ left: 100%;
+ }
+ }
+
+ @if $dropdownmenu-arrows {
+ @include zf-dropdown-left-right-arrows;
+ }
+ }
+ }
+ @else {
+ @warn 'The direction used for dropdown-menu-direction() must be horizontal or vertical.';
+ }
+}
+
+@mixin foundation-dropdown-menu {
+ .dropdown.menu {
+ @include dropdown-menu-direction(horizontal);
+
+ a {
+ @include disable-mouse-outline;
+ padding: $dropdownmenu-padding;
+ }
+
+ // Active state
+ .is-active > a {
+ background: $dropdown-menu-item-background-active;
+ color: $dropdown-menu-item-color-active;
+ }
+
+ .no-js & ul {
+ display: none;
+ }
+
+ .nested.is-dropdown-submenu {
+ @include menu-nested($dropdownmenu-nested-margin);
+ }
+
+ &.vertical {
+ @include dropdown-menu-direction(vertical);
+ }
+
+ @each $size in $breakpoint-classes {
+ @if $size != $-zf-zero-breakpoint {
+ @include breakpoint($size) {
+ &.#{$size}-horizontal {
+ @include dropdown-menu-direction(horizontal);
+ }
+
+ &.#{$size}-vertical {
+ @include dropdown-menu-direction(vertical);
+ }
+ }
+ }
+ }
+
+ &.align-right {
+ .is-dropdown-submenu.first-sub {
+ top: 100%;
+ right: 0;
+ left: auto;
+ }
+ }
+ }
+
+ .is-dropdown-menu.vertical {
+ width: 100px;
+
+ &.align-right {
+ float: right;
+ }
+ }
+
+ .is-dropdown-submenu-parent {
+ position: relative;
+
+ a::after {
+ position: absolute;
+ top: 50%;
+ #{$global-right}: 5px;
+ #{$global-left}: auto;
+ margin-top: -1 * $dropdownmenu-arrow-size;
+ }
+
+ &.opens-inner > .is-dropdown-submenu {
+
+ top: 100%;
+ @if $global-text-direction == 'rtl' {
+ right: auto;
+ }
+ @else {
+ left: auto;
+ }
+ }
+
+ &.opens-left > .is-dropdown-submenu {
+ right: 100%;
+ left: auto;
+ }
+
+ &.opens-right > .is-dropdown-submenu {
+ right: auto;
+ left: 100%;
+ }
+ }
+
+ .is-dropdown-submenu {
+ position: absolute;
+ top: 0;
+ #{$global-left}: 100%;
+ z-index: 1;
+
+ display: none;
+ min-width: $dropdownmenu-min-width;
+
+ border: $dropdownmenu-border;
+ background: $dropdownmenu-submenu-background;
+
+ .dropdown & a {
+ padding: $dropdownmenu-submenu-padding;
+ }
+
+ .is-dropdown-submenu-parent {
+ @if $dropdownmenu-arrows {
+ @include zf-dropdown-left-right-arrows;
+ }
+ }
+
+ @if (type-of($dropdownmenu-border-width) == 'number') {
+ .is-dropdown-submenu {
+ margin-top: (-$dropdownmenu-border-width);
+ }
+ }
+
+ > li {
+ width: 100%;
+ }
+
+ // [TODO] Cut back specificity
+ //&:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > &, // why is this line needed? Opening is handled by JS and this causes some ugly flickering when the sub is re-positioned automatically...
+ &.js-dropdown-active {
+ display: block;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_dropdown.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_dropdown.scss
new file mode 100644
index 0000000..2d6366e
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_dropdown.scss
@@ -0,0 +1,79 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group dropdown
+////
+
+/// Padding for dropdown panes.
+/// @type List
+$dropdown-padding: 1rem !default;
+
+/// Background for dropdown panes.
+/// @type Color
+$dropdown-background: $body-background !default;
+
+/// Border for dropdown panes.
+/// @type List
+$dropdown-border: 1px solid $medium-gray !default;
+
+/// Font size for dropdown panes.
+/// @type List
+$dropdown-font-size: 1rem !default;
+
+/// Width for dropdown panes.
+/// @type Number
+$dropdown-width: 300px !default;
+
+/// Border radius dropdown panes.
+/// @type Number
+$dropdown-radius: $global-radius !default;
+
+/// Sizes for dropdown panes. Each size is a CSS class you can apply.
+/// @type Map
+$dropdown-sizes: (
+ tiny: 100px,
+ small: 200px,
+ large: 400px,
+) !default;
+
+/// Applies styles for a basic dropdown.
+@mixin dropdown-container {
+ position: absolute;
+ z-index: 10;
+
+ width: $dropdown-width;
+ padding: $dropdown-padding;
+
+ visibility: hidden;
+ display: none;
+ border: $dropdown-border;
+ border-radius: $dropdown-radius;
+ background-color: $dropdown-background;
+
+ font-size: $dropdown-font-size;
+
+
+ // Allow an intermittent state to do positioning before making visible.
+ &.is-opening {
+ display: block;
+ }
+
+ &.is-open {
+ visibility: visible;
+ display: block;
+ }
+}
+
+@mixin foundation-dropdown {
+ .dropdown-pane {
+ @include dropdown-container;
+ }
+
+ @each $name, $size in $dropdown-sizes {
+ .dropdown-pane.#{$name} {
+ width: $size;
+ }
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_flex-video.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_flex-video.scss
new file mode 100644
index 0000000..bf85a6c
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_flex-video.scss
@@ -0,0 +1 @@
+@import 'responsive-embed';
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_flex.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_flex.scss
new file mode 100644
index 0000000..32b79ba
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_flex.scss
@@ -0,0 +1,117 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group Flexbox Utilities
+////
+//
+/// Default value for the count of source ordering`
+/// @type Number
+$flex-source-ordering-count: 6 !default;
+
+/// Quickly disable/enable Responsive breakpoints for Vanilla Flex Helpers.
+/// @type Boolean
+$flexbox-responsive-breakpoints: true !default;
+
+@mixin flex-helpers {
+ .flex-container {
+ @include flex;
+ }
+
+ .flex-child-auto {
+ flex: 1 1 auto;
+ }
+
+ .flex-child-grow {
+ flex: 1 0 auto;
+ }
+
+ .flex-child-shrink {
+ flex: 0 1 auto;
+ }
+
+ @each $dir, $prop in $-zf-flex-direction {
+ .flex-dir-#{$dir} {
+ @include flex-direction($prop);
+ }
+ }
+
+ @if ($flexbox-responsive-breakpoints) {
+ // Loop through Responsive Breakpoints
+ @each $size in $breakpoint-classes {
+ @include breakpoint($size) {
+ @if $size != $-zf-zero-breakpoint {
+ .#{$size}-flex-container {
+ @include flex;
+ }
+
+ .#{$size}-flex-child-auto {
+ flex: 1 1 auto;
+ }
+
+ .#{$size}-flex-child-grow {
+ flex: 1 0 auto;
+ }
+
+ .#{$size}-flex-child-shrink {
+ flex: 0 1 auto;
+ }
+
+ @each $dir, $prop in $-zf-flex-direction {
+ .#{$size}-flex-dir-#{$dir} {
+ @include flex-direction($prop);
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+@mixin foundation-flex-classes {
+ // Horizontal alignment using justify-content
+ @each $hdir, $prop in map-remove($-zf-flex-justify, 'left') {
+ .align-#{$hdir} {
+ @include flex-align($x: $hdir);
+ }
+ }
+
+ // Horizontal alignment Specifically for Vertical Menu
+ @each $hdir, $prop in map-remove($-zf-flex-justify, 'left', 'justify', 'spaced') {
+ .align-#{$hdir} {
+ &.vertical.menu > li > a {
+ @include flex-align($x: $hdir);
+ }
+ }
+ }
+
+ // Vertical alignment using align-items and align-self
+ @each $vdir, $prop in $-zf-flex-align {
+ .align-#{$vdir} {
+ @include flex-align($y: $vdir);
+ }
+
+ .align-self-#{$vdir} {
+ @include flex-align-self($y: $vdir);
+ }
+ }
+
+ // Central alignment of content
+ .align-center-middle {
+ @include flex-align($x: center, $y: middle);
+ align-content: center;
+ }
+
+ // Source ordering
+ @include -zf-each-breakpoint {
+ @for $i from 1 through $flex-source-ordering-count {
+ .#{$-zf-size}-order-#{$i} {
+ @include flex-order($i);
+ }
+ }
+ }
+
+ // Vanilla Flexbox Helpers
+ @include flex-helpers;
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_float.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_float.scss
new file mode 100644
index 0000000..3f81f3d
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_float.scss
@@ -0,0 +1,27 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group float
+////
+
+@mixin foundation-float-classes {
+ .float-left {
+ float: left !important;
+ }
+
+ .float-right {
+ float: right !important;
+ }
+
+ .float-center {
+ display: block;
+ margin-right: auto;
+ margin-left: auto;
+ }
+
+ .clearfix {
+ @include clearfix;
+ }
+}
diff --git a/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_label.scss b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_label.scss
new file mode 100644
index 0000000..cf7cf7d
--- /dev/null
+++ b/netbeans.apache.org/src/content/scss/_vendor/foundation-sites/scss/components/_label.scss
@@ -0,0 +1,64 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group label
+////
+
+/// Default background color for labels.
+/// @type Color
+$label-background: $primary-color !default;
+
+/// Default text color for labels.
+/// @type Color
+$label-color: $white !default;
+
+/// Alternate text color for labels.
+/// @type Color
+$label-color-alt: $black !default;
+
+/// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on.
+/// @type Map
+$label-palette: $foundation-palette !default;
... 14009 lines suppressed ...
--
To stop receiving notification emails like this one, please contact
vieiro@apache.org.
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@netbeans.apache.org
For additional commands, e-mail: commits-help@netbeans.apache.org
For further information about the NetBeans mailing lists, visit:
https://cwiki.apache.org/confluence/display/NETBEANS/Mailing+lists