Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/curttimson/hugo-theme-massively.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorSeshal Jain <seshaljain11@gmail.com>2019-11-25 22:49:01 +0300
committerCurtis Timson <curt@live.co.uk>2019-11-25 22:49:01 +0300
commitb486b3d83b9ff134944c6f1e9ad6a9ba0aee4806 (patch)
treeb7c9646611fb58b947fdcc98c4a602919202d4bc
parent8b5823791d55cd219c8c13d94b37aff20b60fe42 (diff)
Add asset handling using Hugo Pipes (#80)6.0.0
* HUGO PIPES: move css/scss to assets * HUGO PIPES: move js to assets * Update partial htmlhead to reflect hugo pipes usage * Check in `resources` folder as temporary fix for Pipes to work on Netlify * Add exampleSite/resources * Update version and change log * Remove commented code
-rw-r--r--.gitignore2
-rw-r--r--CHANGELOG.md11
-rw-r--r--assets/js/breakpoints.min.js (renamed from static/assets/js/breakpoints.min.js)0
-rw-r--r--assets/js/browser.min.js (renamed from static/assets/js/browser.min.js)0
-rw-r--r--assets/js/jquery.min.js (renamed from static/assets/js/jquery.min.js)0
-rw-r--r--assets/js/jquery.scrollex.min.js (renamed from static/assets/js/jquery.scrollex.min.js)0
-rw-r--r--assets/js/jquery.scrolly.min.js (renamed from static/assets/js/jquery.scrolly.min.js)0
-rw-r--r--assets/js/main.js (renamed from static/assets/js/main.js)0
-rw-r--r--assets/js/util.js (renamed from static/assets/js/util.js)0
-rw-r--r--assets/scss/base/_page.scss (renamed from static/assets/sass/base/_page.scss)0
-rw-r--r--assets/scss/base/_reset.scss (renamed from static/assets/sass/base/_reset.scss)0
-rw-r--r--assets/scss/base/_typography.scss (renamed from static/assets/sass/base/_typography.scss)0
-rw-r--r--assets/scss/components/_actions.scss (renamed from static/assets/sass/components/_actions.scss)0
-rw-r--r--assets/scss/components/_box.scss (renamed from static/assets/sass/components/_box.scss)0
-rw-r--r--assets/scss/components/_button.scss (renamed from static/assets/sass/components/_button.scss)0
-rw-r--r--assets/scss/components/_form.scss (renamed from static/assets/sass/components/_form.scss)0
-rw-r--r--assets/scss/components/_icon.scss (renamed from static/assets/sass/components/_icon.scss)0
-rw-r--r--assets/scss/components/_icons.scss (renamed from static/assets/sass/components/_icons.scss)0
-rw-r--r--assets/scss/components/_image.scss (renamed from static/assets/sass/components/_image.scss)0
-rw-r--r--assets/scss/components/_list.scss (renamed from static/assets/sass/components/_list.scss)0
-rw-r--r--assets/scss/components/_pagination.scss (renamed from static/assets/sass/components/_pagination.scss)0
-rw-r--r--assets/scss/components/_row.scss (renamed from static/assets/sass/components/_row.scss)0
-rw-r--r--assets/scss/components/_section.scss (renamed from static/assets/sass/components/_section.scss)0
-rw-r--r--assets/scss/components/_table.scss (renamed from static/assets/sass/components/_table.scss)0
-rw-r--r--assets/scss/layout/_footer.scss (renamed from static/assets/sass/layout/_footer.scss)0
-rw-r--r--assets/scss/layout/_header.scss (renamed from static/assets/sass/layout/_header.scss)0
-rw-r--r--assets/scss/layout/_intro.scss (renamed from static/assets/sass/layout/_intro.scss)0
-rw-r--r--assets/scss/layout/_main.scss (renamed from static/assets/sass/layout/_main.scss)0
-rw-r--r--assets/scss/layout/_nav.scss (renamed from static/assets/sass/layout/_nav.scss)0
-rw-r--r--assets/scss/layout/_navPanel.scss (renamed from static/assets/sass/layout/_navPanel.scss)0
-rw-r--r--assets/scss/layout/_wrapper.scss (renamed from static/assets/sass/layout/_wrapper.scss)0
-rw-r--r--assets/scss/libs/_breakpoints.scss (renamed from static/assets/sass/libs/_breakpoints.scss)0
-rw-r--r--assets/scss/libs/_fixed-grid.scss (renamed from static/assets/sass/libs/_fixed-grid.scss)0
-rw-r--r--assets/scss/libs/_functions.scss (renamed from static/assets/sass/libs/_functions.scss)0
-rw-r--r--assets/scss/libs/_html-grid.scss (renamed from static/assets/sass/libs/_html-grid.scss)0
-rw-r--r--assets/scss/libs/_mixins.scss (renamed from static/assets/sass/libs/_mixins.scss)0
-rw-r--r--assets/scss/libs/_vars.scss (renamed from static/assets/sass/libs/_vars.scss)0
-rw-r--r--assets/scss/libs/_vendor.scss (renamed from static/assets/sass/libs/_vendor.scss)0
-rw-r--r--assets/scss/main.scss (renamed from static/assets/sass/main.scss)0
-rw-r--r--assets/scss/noscript.scss (renamed from static/assets/sass/noscript.scss)0
-rw-r--r--exampleSite/resources/_gen/assets/scss/scss/main.scss_12bfed357d24ca59ff7ceeb30292a324.content2913
-rw-r--r--exampleSite/resources/_gen/assets/scss/scss/main.scss_12bfed357d24ca59ff7ceeb30292a324.json1
-rw-r--r--exampleSite/resources/_gen/assets/scss/scss/main.scss_4e08459ae24892226881b9fbaab4d397.content1
-rw-r--r--exampleSite/resources/_gen/assets/scss/scss/main.scss_4e08459ae24892226881b9fbaab4d397.json1
-rw-r--r--exampleSite/resources/_gen/assets/scss/scss/noscript.scss_2103917ee0aa183caf6c7ba1cd5fe1e6.content26
-rw-r--r--exampleSite/resources/_gen/assets/scss/scss/noscript.scss_2103917ee0aa183caf6c7ba1cd5fe1e6.json1
-rw-r--r--layouts/partials/htmlhead.html12
-rw-r--r--layouts/partials/scripts/index.html19
-rw-r--r--package-lock.json2
-rw-r--r--package.json2
-rw-r--r--static/assets/css/main.css4653
-rw-r--r--static/assets/css/noscript.css36
52 files changed, 2974 insertions, 4706 deletions
diff --git a/.gitignore b/.gitignore
index 705aacc..ca463f7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,3 @@
node_modules
exampleSite/public
-.publish \ No newline at end of file
+.publish
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0b0c6bf..12ce84f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,15 +1,18 @@
# Change Log
---
+## `6.0.0`
+### Breaking Changes
+ - Add asset handling using Hugo Pipes ([#80](https://github.com/curtistimson/hugo-theme-massively/pull/80))
+ - Asset folders affected - files moved from `/static/assets/*` to `/assets/*`
+
+---
## `5.3.0`
### Patches
- Fix preloading animation ([#75](https://github.com/curtistimson/hugo-theme-massively/issues/75))
---
## `5.3.0`
-
-### Breaking Changes
-
### Minor Changes
- Add npm script for running Hugo `exampleSite`
- Update config logic for featured post to use booleans (Fixes [#59](https://github.com/curtistimson/hugo-theme-massively/issues/59))
@@ -21,13 +24,11 @@
---
## `5.2.0`
-
### Minor Changes
- Japanese content translations added ([#64](https://github.com/curtistimson/hugo-theme-massively/pull/64))
- Update assets to latest from HTML5UP ([#65](https://github.com/curtistimson/hugo-theme-massively/pull/65))
---
## `5.1.1`
-
### Patches
- Fixes [#28](https://github.com/curtistimson/hugo-theme-massively/issues/28) - Feature post with only one post
diff --git a/static/assets/js/breakpoints.min.js b/assets/js/breakpoints.min.js
index 32419cc..32419cc 100644
--- a/static/assets/js/breakpoints.min.js
+++ b/assets/js/breakpoints.min.js
diff --git a/static/assets/js/browser.min.js b/assets/js/browser.min.js
index 262314e..262314e 100644
--- a/static/assets/js/browser.min.js
+++ b/assets/js/browser.min.js
diff --git a/static/assets/js/jquery.min.js b/assets/js/jquery.min.js
index 4d9b3a2..4d9b3a2 100644
--- a/static/assets/js/jquery.min.js
+++ b/assets/js/jquery.min.js
diff --git a/static/assets/js/jquery.scrollex.min.js b/assets/js/jquery.scrollex.min.js
index a4727fe..a4727fe 100644
--- a/static/assets/js/jquery.scrollex.min.js
+++ b/assets/js/jquery.scrollex.min.js
diff --git a/static/assets/js/jquery.scrolly.min.js b/assets/js/jquery.scrolly.min.js
index 947194e..947194e 100644
--- a/static/assets/js/jquery.scrolly.min.js
+++ b/assets/js/jquery.scrolly.min.js
diff --git a/static/assets/js/main.js b/assets/js/main.js
index fe372ee..fe372ee 100644
--- a/static/assets/js/main.js
+++ b/assets/js/main.js
diff --git a/static/assets/js/util.js b/assets/js/util.js
index bdb8e9f..bdb8e9f 100644
--- a/static/assets/js/util.js
+++ b/assets/js/util.js
diff --git a/static/assets/sass/base/_page.scss b/assets/scss/base/_page.scss
index 84c2451..84c2451 100644
--- a/static/assets/sass/base/_page.scss
+++ b/assets/scss/base/_page.scss
diff --git a/static/assets/sass/base/_reset.scss b/assets/scss/base/_reset.scss
index 0396226..0396226 100644
--- a/static/assets/sass/base/_reset.scss
+++ b/assets/scss/base/_reset.scss
diff --git a/static/assets/sass/base/_typography.scss b/assets/scss/base/_typography.scss
index ee8673a..ee8673a 100644
--- a/static/assets/sass/base/_typography.scss
+++ b/assets/scss/base/_typography.scss
diff --git a/static/assets/sass/components/_actions.scss b/assets/scss/components/_actions.scss
index bd8f808..bd8f808 100644
--- a/static/assets/sass/components/_actions.scss
+++ b/assets/scss/components/_actions.scss
diff --git a/static/assets/sass/components/_box.scss b/assets/scss/components/_box.scss
index 20c57d9..20c57d9 100644
--- a/static/assets/sass/components/_box.scss
+++ b/assets/scss/components/_box.scss
diff --git a/static/assets/sass/components/_button.scss b/assets/scss/components/_button.scss
index b0b4821..b0b4821 100644
--- a/static/assets/sass/components/_button.scss
+++ b/assets/scss/components/_button.scss
diff --git a/static/assets/sass/components/_form.scss b/assets/scss/components/_form.scss
index 60f1086..60f1086 100644
--- a/static/assets/sass/components/_form.scss
+++ b/assets/scss/components/_form.scss
diff --git a/static/assets/sass/components/_icon.scss b/assets/scss/components/_icon.scss
index 16a35b1..16a35b1 100644
--- a/static/assets/sass/components/_icon.scss
+++ b/assets/scss/components/_icon.scss
diff --git a/static/assets/sass/components/_icons.scss b/assets/scss/components/_icons.scss
index fb9e829..fb9e829 100644
--- a/static/assets/sass/components/_icons.scss
+++ b/assets/scss/components/_icons.scss
diff --git a/static/assets/sass/components/_image.scss b/assets/scss/components/_image.scss
index a86eb43..a86eb43 100644
--- a/static/assets/sass/components/_image.scss
+++ b/assets/scss/components/_image.scss
diff --git a/static/assets/sass/components/_list.scss b/assets/scss/components/_list.scss
index 9ef7786..9ef7786 100644
--- a/static/assets/sass/components/_list.scss
+++ b/assets/scss/components/_list.scss
diff --git a/static/assets/sass/components/_pagination.scss b/assets/scss/components/_pagination.scss
index 935a1d9..935a1d9 100644
--- a/static/assets/sass/components/_pagination.scss
+++ b/assets/scss/components/_pagination.scss
diff --git a/static/assets/sass/components/_row.scss b/assets/scss/components/_row.scss
index eda5ae6..eda5ae6 100644
--- a/static/assets/sass/components/_row.scss
+++ b/assets/scss/components/_row.scss
diff --git a/static/assets/sass/components/_section.scss b/assets/scss/components/_section.scss
index 0f5d96d..0f5d96d 100644
--- a/static/assets/sass/components/_section.scss
+++ b/assets/scss/components/_section.scss
diff --git a/static/assets/sass/components/_table.scss b/assets/scss/components/_table.scss
index 9a30143..9a30143 100644
--- a/static/assets/sass/components/_table.scss
+++ b/assets/scss/components/_table.scss
diff --git a/static/assets/sass/layout/_footer.scss b/assets/scss/layout/_footer.scss
index 09bbc20..09bbc20 100644
--- a/static/assets/sass/layout/_footer.scss
+++ b/assets/scss/layout/_footer.scss
diff --git a/static/assets/sass/layout/_header.scss b/assets/scss/layout/_header.scss
index d58c162..d58c162 100644
--- a/static/assets/sass/layout/_header.scss
+++ b/assets/scss/layout/_header.scss
diff --git a/static/assets/sass/layout/_intro.scss b/assets/scss/layout/_intro.scss
index 3b2c6d2..3b2c6d2 100644
--- a/static/assets/sass/layout/_intro.scss
+++ b/assets/scss/layout/_intro.scss
diff --git a/static/assets/sass/layout/_main.scss b/assets/scss/layout/_main.scss
index f15a087..f15a087 100644
--- a/static/assets/sass/layout/_main.scss
+++ b/assets/scss/layout/_main.scss
diff --git a/static/assets/sass/layout/_nav.scss b/assets/scss/layout/_nav.scss
index cf84a7d..cf84a7d 100644
--- a/static/assets/sass/layout/_nav.scss
+++ b/assets/scss/layout/_nav.scss
diff --git a/static/assets/sass/layout/_navPanel.scss b/assets/scss/layout/_navPanel.scss
index c40f8f5..c40f8f5 100644
--- a/static/assets/sass/layout/_navPanel.scss
+++ b/assets/scss/layout/_navPanel.scss
diff --git a/static/assets/sass/layout/_wrapper.scss b/assets/scss/layout/_wrapper.scss
index 7b1bd55..7b1bd55 100644
--- a/static/assets/sass/layout/_wrapper.scss
+++ b/assets/scss/layout/_wrapper.scss
diff --git a/static/assets/sass/libs/_breakpoints.scss b/assets/scss/libs/_breakpoints.scss
index c5301d8..c5301d8 100644
--- a/static/assets/sass/libs/_breakpoints.scss
+++ b/assets/scss/libs/_breakpoints.scss
diff --git a/static/assets/sass/libs/_fixed-grid.scss b/assets/scss/libs/_fixed-grid.scss
index 99bfe36..99bfe36 100644
--- a/static/assets/sass/libs/_fixed-grid.scss
+++ b/assets/scss/libs/_fixed-grid.scss
diff --git a/static/assets/sass/libs/_functions.scss b/assets/scss/libs/_functions.scss
index f563aab..f563aab 100644
--- a/static/assets/sass/libs/_functions.scss
+++ b/assets/scss/libs/_functions.scss
diff --git a/static/assets/sass/libs/_html-grid.scss b/assets/scss/libs/_html-grid.scss
index 7438a8c..7438a8c 100644
--- a/static/assets/sass/libs/_html-grid.scss
+++ b/assets/scss/libs/_html-grid.scss
diff --git a/static/assets/sass/libs/_mixins.scss b/assets/scss/libs/_mixins.scss
index 2fc1bda..2fc1bda 100644
--- a/static/assets/sass/libs/_mixins.scss
+++ b/assets/scss/libs/_mixins.scss
diff --git a/static/assets/sass/libs/_vars.scss b/assets/scss/libs/_vars.scss
index 9347e2c..9347e2c 100644
--- a/static/assets/sass/libs/_vars.scss
+++ b/assets/scss/libs/_vars.scss
diff --git a/static/assets/sass/libs/_vendor.scss b/assets/scss/libs/_vendor.scss
index 6599a3f..6599a3f 100644
--- a/static/assets/sass/libs/_vendor.scss
+++ b/assets/scss/libs/_vendor.scss
diff --git a/static/assets/sass/main.scss b/assets/scss/main.scss
index 06c1fd2..06c1fd2 100644
--- a/static/assets/sass/main.scss
+++ b/assets/scss/main.scss
diff --git a/static/assets/sass/noscript.scss b/assets/scss/noscript.scss
index 90ce257..90ce257 100644
--- a/static/assets/sass/noscript.scss
+++ b/assets/scss/noscript.scss
diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_12bfed357d24ca59ff7ceeb30292a324.content b/exampleSite/resources/_gen/assets/scss/scss/main.scss_12bfed357d24ca59ff7ceeb30292a324.content
new file mode 100644
index 0000000..b28e4e3
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/scss/scss/main.scss_12bfed357d24ca59ff7ceeb30292a324.content
@@ -0,0 +1,2913 @@
+@import url(font-awesome.min.css);
+@import url("https://fonts.googleapis.com/css?family=Merriweather:300,700,300italic,700italic|Source+Sans+Pro:900");
+/*
+ Massively by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+html, body, div, span, applet, object,
+iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
+pre, a, abbr, acronym, address, big, cite,
+code, del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var, b,
+u, i, center, dl, dt, dd, ol, ul, li, fieldset,
+form, label, legend, table, caption, tbody,
+tfoot, thead, tr, th, td, article, aside,
+canvas, details, embed, figure, figcaption,
+footer, header, hgroup, menu, nav, output, ruby,
+section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline; }
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block; }
+
+body {
+ line-height: 1; }
+
+ol, ul {
+ list-style: none; }
+
+blockquote, q {
+ quotes: none; }
+ blockquote:before, blockquote:after, q:before, q:after {
+ content: '';
+ content: none; }
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+body {
+ -webkit-text-size-adjust: none; }
+
+mark {
+ background-color: transparent;
+ color: inherit; }
+
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0; }
+
+input, select, textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none; }
+
+/* Basic */
+@-ms-viewport {
+ width: device-width; }
+
+body {
+ -ms-overflow-style: scrollbar; }
+
+@media screen and (max-width: 480px) {
+ html, body {
+ min-width: 320px; } }
+
+html {
+ box-sizing: border-box; }
+
+*, *:before, *:after {
+ box-sizing: inherit; }
+
+body {
+ background-color: #1e252d; }
+ body.is-preload *, body.is-preload *:before, body.is-preload *:after {
+ -moz-animation: none !important;
+ -webkit-animation: none !important;
+ -ms-animation: none !important;
+ animation: none !important;
+ -moz-transition: none !important;
+ -webkit-transition: none !important;
+ -ms-transition: none !important;
+ transition: none !important; }
+
+/* Type */
+html {
+ font-size: 16pt; }
+ @media screen and (max-width: 1680px) {
+ html {
+ font-size: 12pt; } }
+ @media screen and (max-width: 1280px) {
+ html {
+ font-size: 11pt; } }
+ @media screen and (max-width: 360px) {
+ html {
+ font-size: 10pt; } }
+
+body {
+ color: #212931; }
+
+body, input, select, textarea {
+ font-family: "Merriweather", Georgia, serif;
+ font-weight: 300;
+ font-size: 1rem;
+ line-height: 2.375; }
+
+a {
+ -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ border-bottom: dotted 1px;
+ text-decoration: none; }
+ a:hover {
+ border-bottom-color: transparent; }
+
+strong, b {
+ font-weight: 600; }
+
+em, i {
+ font-style: italic; }
+
+p {
+ text-align: justify;
+ margin: 0 0 2rem 0; }
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
+ font-weight: 900;
+ line-height: 1.5;
+ letter-spacing: 0.075em;
+ text-transform: uppercase;
+ margin: 0 0 1rem 0; }
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ border-bottom: 0;
+ color: inherit;
+ text-decoration: none; }
+
+h1 {
+ font-size: 4rem;
+ line-height: 1.1;
+ margin: 0 0 2rem 0; }
+
+h2 {
+ font-size: 1.75rem;
+ line-height: 1.3;
+ margin: 0 0 1.5rem 0; }
+
+h3 {
+ font-size: 1.25rem;
+ margin: 0 0 1.5rem 0; }
+
+h4 {
+ font-size: 1rem; }
+
+h5 {
+ font-size: 0.9rem; }
+
+h6 {
+ font-size: 0.8rem; }
+
+sub {
+ font-size: 0.8rem;
+ position: relative;
+ top: 0.5rem; }
+
+sup {
+ font-size: 0.8rem;
+ position: relative;
+ top: -0.5rem; }
+
+blockquote {
+ border-left: solid 4px;
+ font-style: italic;
+ margin: 0 0 2rem 0;
+ padding: 0.5rem 0 0.5rem 2rem; }
+
+code {
+ border: solid 2px;
+ font-family: "Courier New", monospace;
+ font-size: 0.9rem;
+ margin: 0 0.25rem;
+ padding: 0.25rem 0.65rem; }
+
+pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: "Courier New", monospace;
+ font-size: 0.9rem;
+ margin: 0 0 2rem 0; }
+ pre code {
+ display: block;
+ line-height: 1.75;
+ padding: 1rem 1.5rem;
+ overflow-x: auto; }
+
+hr {
+ border: 0;
+ border-bottom: solid 2px;
+ margin: 3rem 0; }
+ hr.major {
+ margin: 5rem 0; }
+
+.align-left {
+ text-align: left; }
+
+.align-center {
+ text-align: center; }
+
+.align-right {
+ text-align: right; }
+
+input, select, textarea {
+ color: #212931; }
+
+a {
+ color: #212931;
+ border-bottom-color: rgba(33, 41, 49, 0.5); }
+ a:hover {
+ border-bottom-color: transparent;
+ color: #18bfef !important; }
+
+strong, b {
+ color: #212931; }
+
+h1, h2, h3, h4, h5, h6 {
+ color: #212931; }
+
+blockquote {
+ border-left-color: #eeeeee; }
+
+code {
+ background: rgba(220, 220, 220, 0.25);
+ border-color: #eeeeee; }
+
+hr {
+ border-bottom-color: #eeeeee; }
+
+/* Row */
+.row {
+ display: flex;
+ flex-wrap: wrap;
+ box-sizing: border-box;
+ align-items: stretch; }
+ .row > * {
+ box-sizing: border-box; }
+ .row.gtr-uniform > * > :last-child {
+ margin-bottom: 0; }
+ .row.aln-left {
+ justify-content: flex-start; }
+ .row.aln-center {
+ justify-content: center; }
+ .row.aln-right {
+ justify-content: flex-end; }
+ .row.aln-top {
+ align-items: flex-start; }
+ .row.aln-middle {
+ align-items: center; }
+ .row.aln-bottom {
+ align-items: flex-end; }
+ .row > .imp {
+ order: -1; }
+ .row > .col-1 {
+ width: 8.33333333%; }
+ .row > .off-1 {
+ margin-left: 8.33333333%; }
+ .row > .col-2 {
+ width: 16.66666667%; }
+ .row > .off-2 {
+ margin-left: 16.66666667%; }
+ .row > .col-3 {
+ width: 25%; }
+ .row > .off-3 {
+ margin-left: 25%; }
+ .row > .col-4 {
+ width: 33.33333333%; }
+ .row > .off-4 {
+ margin-left: 33.33333333%; }
+ .row > .col-5 {
+ width: 41.66666667%; }
+ .row > .off-5 {
+ margin-left: 41.66666667%; }
+ .row > .col-6 {
+ width: 50%; }
+ .row > .off-6 {
+ margin-left: 50%; }
+ .row > .col-7 {
+ width: 58.33333333%; }
+ .row > .off-7 {
+ margin-left: 58.33333333%; }
+ .row > .col-8 {
+ width: 66.66666667%; }
+ .row > .off-8 {
+ margin-left: 66.66666667%; }
+ .row > .col-9 {
+ width: 75%; }
+ .row > .off-9 {
+ margin-left: 75%; }
+ .row > .col-10 {
+ width: 83.33333333%; }
+ .row > .off-10 {
+ margin-left: 83.33333333%; }
+ .row > .col-11 {
+ width: 91.66666667%; }
+ .row > .off-11 {
+ margin-left: 91.66666667%; }
+ .row > .col-12 {
+ width: 100%; }
+ .row > .off-12 {
+ margin-left: 100%; }
+ .row.gtr-0 {
+ margin-top: 0;
+ margin-left: 0rem; }
+ .row.gtr-0 > * {
+ padding: 0 0 0 0rem; }
+ .row.gtr-0.gtr-uniform {
+ margin-top: 0rem; }
+ .row.gtr-0.gtr-uniform > * {
+ padding-top: 0rem; }
+ .row.gtr-25 {
+ margin-top: 0;
+ margin-left: -0.375rem; }
+ .row.gtr-25 > * {
+ padding: 0 0 0 0.375rem; }
+ .row.gtr-25.gtr-uniform {
+ margin-top: -0.375rem; }
+ .row.gtr-25.gtr-uniform > * {
+ padding-top: 0.375rem; }
+ .row.gtr-50 {
+ margin-top: 0;
+ margin-left: -0.75rem; }
+ .row.gtr-50 > * {
+ padding: 0 0 0 0.75rem; }
+ .row.gtr-50.gtr-uniform {
+ margin-top: -0.75rem; }
+ .row.gtr-50.gtr-uniform > * {
+ padding-top: 0.75rem; }
+ .row {
+ margin-top: 0;
+ margin-left: -1.5rem; }
+ .row > * {
+ padding: 0 0 0 1.5rem; }
+ .row.gtr-uniform {
+ margin-top: -1.5rem; }
+ .row.gtr-uniform > * {
+ padding-top: 1.5rem; }
+ .row.gtr-150 {
+ margin-top: 0;
+ margin-left: -2.25rem; }
+ .row.gtr-150 > * {
+ padding: 0 0 0 2.25rem; }
+ .row.gtr-150.gtr-uniform {
+ margin-top: -2.25rem; }
+ .row.gtr-150.gtr-uniform > * {
+ padding-top: 2.25rem; }
+ .row.gtr-200 {
+ margin-top: 0;
+ margin-left: -3rem; }
+ .row.gtr-200 > * {
+ padding: 0 0 0 3rem; }
+ .row.gtr-200.gtr-uniform {
+ margin-top: -3rem; }
+ .row.gtr-200.gtr-uniform > * {
+ padding-top: 3rem; }
+ @media screen and (max-width: 1680px) {
+ .row {
+ display: flex;
+ flex-wrap: wrap;
+ box-sizing: border-box;
+ align-items: stretch; }
+ .row > * {
+ box-sizing: border-box; }
+ .row.gtr-uniform > * > :last-child {
+ margin-bottom: 0; }
+ .row.aln-left {
+ justify-content: flex-start; }
+ .row.aln-center {
+ justify-content: center; }
+ .row.aln-right {
+ justify-content: flex-end; }
+ .row.aln-top {
+ align-items: flex-start; }
+ .row.aln-middle {
+ align-items: center; }
+ .row.aln-bottom {
+ align-items: flex-end; }
+ .row > .imp-xlarge {
+ order: -1; }
+ .row > .col-1-xlarge {
+ width: 8.33333333%; }
+ .row > .off-1-xlarge {
+ margin-left: 8.33333333%; }
+ .row > .col-2-xlarge {
+ width: 16.66666667%; }
+ .row > .off-2-xlarge {
+ margin-left: 16.66666667%; }
+ .row > .col-3-xlarge {
+ width: 25%; }
+ .row > .off-3-xlarge {
+ margin-left: 25%; }
+ .row > .col-4-xlarge {
+ width: 33.33333333%; }
+ .row > .off-4-xlarge {
+ margin-left: 33.33333333%; }
+ .row > .col-5-xlarge {
+ width: 41.66666667%; }
+ .row > .off-5-xlarge {
+ margin-left: 41.66666667%; }
+ .row > .col-6-xlarge {
+ width: 50%; }
+ .row > .off-6-xlarge {
+ margin-left: 50%; }
+ .row > .col-7-xlarge {
+ width: 58.33333333%; }
+ .row > .off-7-xlarge {
+ margin-left: 58.33333333%; }
+ .row > .col-8-xlarge {
+ width: 66.66666667%; }
+ .row > .off-8-xlarge {
+ margin-left: 66.66666667%; }
+ .row > .col-9-xlarge {
+ width: 75%; }
+ .row > .off-9-xlarge {
+ margin-left: 75%; }
+ .row > .col-10-xlarge {
+ width: 83.33333333%; }
+ .row > .off-10-xlarge {
+ margin-left: 83.33333333%; }
+ .row > .col-11-xlarge {
+ width: 91.66666667%; }
+ .row > .off-11-xlarge {
+ margin-left: 91.66666667%; }
+ .row > .col-12-xlarge {
+ width: 100%; }
+ .row > .off-12-xlarge {
+ margin-left: 100%; }
+ .row.gtr-0 {
+ margin-top: 0;
+ margin-left: 0rem; }
+ .row.gtr-0 > * {
+ padding: 0 0 0 0rem; }
+ .row.gtr-0.gtr-uniform {
+ margin-top: 0rem; }
+ .row.gtr-0.gtr-uniform > * {
+ padding-top: 0rem; }
+ .row.gtr-25 {
+ margin-top: 0;
+ margin-left: -0.375rem; }
+ .row.gtr-25 > * {
+ padding: 0 0 0 0.375rem; }
+ .row.gtr-25.gtr-uniform {
+ margin-top: -0.375rem; }
+ .row.gtr-25.gtr-uniform > * {
+ padding-top: 0.375rem; }
+ .row.gtr-50 {
+ margin-top: 0;
+ margin-left: -0.75rem; }
+ .row.gtr-50 > * {
+ padding: 0 0 0 0.75rem; }
+ .row.gtr-50.gtr-uniform {
+ margin-top: -0.75rem; }
+ .row.gtr-50.gtr-uniform > * {
+ padding-top: 0.75rem; }
+ .row {
+ margin-top: 0;
+ margin-left: -1.5rem; }
+ .row > * {
+ padding: 0 0 0 1.5rem; }
+ .row.gtr-uniform {
+ margin-top: -1.5rem; }
+ .row.gtr-uniform > * {
+ padding-top: 1.5rem; }
+ .row.gtr-150 {
+ margin-top: 0;
+ margin-left: -2.25rem; }
+ .row.gtr-150 > * {
+ padding: 0 0 0 2.25rem; }
+ .row.gtr-150.gtr-uniform {
+ margin-top: -2.25rem; }
+ .row.gtr-150.gtr-uniform > * {
+ padding-top: 2.25rem; }
+ .row.gtr-200 {
+ margin-top: 0;
+ margin-left: -3rem; }
+ .row.gtr-200 > * {
+ padding: 0 0 0 3rem; }
+ .row.gtr-200.gtr-uniform {
+ margin-top: -3rem; }
+ .row.gtr-200.gtr-uniform > * {
+ padding-top: 3rem; } }
+ @media screen and (max-width: 1280px) {
+ .row {
+ display: flex;
+ flex-wrap: wrap;
+ box-sizing: border-box;
+ align-items: stretch; }
+ .row > * {
+ box-sizing: border-box; }
+ .row.gtr-uniform > * > :last-child {
+ margin-bottom: 0; }
+ .row.aln-left {
+ justify-content: flex-start; }
+ .row.aln-center {
+ justify-content: center; }
+ .row.aln-right {
+ justify-content: flex-end; }
+ .row.aln-top {
+ align-items: flex-start; }
+ .row.aln-middle {
+ align-items: center; }
+ .row.aln-bottom {
+ align-items: flex-end; }
+ .row > .imp-large {
+ order: -1; }
+ .row > .col-1-large {
+ width: 8.33333333%; }
+ .row > .off-1-large {
+ margin-left: 8.33333333%; }
+ .row > .col-2-large {
+ width: 16.66666667%; }
+ .row > .off-2-large {
+ margin-left: 16.66666667%; }
+ .row > .col-3-large {
+ width: 25%; }
+ .row > .off-3-large {
+ margin-left: 25%; }
+ .row > .col-4-large {
+ width: 33.33333333%; }
+ .row > .off-4-large {
+ margin-left: 33.33333333%; }
+ .row > .col-5-large {
+ width: 41.66666667%; }
+ .row > .off-5-large {
+ margin-left: 41.66666667%; }
+ .row > .col-6-large {
+ width: 50%; }
+ .row > .off-6-large {
+ margin-left: 50%; }
+ .row > .col-7-large {
+ width: 58.33333333%; }
+ .row > .off-7-large {
+ margin-left: 58.33333333%; }
+ .row > .col-8-large {
+ width: 66.66666667%; }
+ .row > .off-8-large {
+ margin-left: 66.66666667%; }
+ .row > .col-9-large {
+ width: 75%; }
+ .row > .off-9-large {
+ margin-left: 75%; }
+ .row > .col-10-large {
+ width: 83.33333333%; }
+ .row > .off-10-large {
+ margin-left: 83.33333333%; }
+ .row > .col-11-large {
+ width: 91.66666667%; }
+ .row > .off-11-large {
+ margin-left: 91.66666667%; }
+ .row > .col-12-large {
+ width: 100%; }
+ .row > .off-12-large {
+ margin-left: 100%; }
+ .row.gtr-0 {
+ margin-top: 0;
+ margin-left: 0rem; }
+ .row.gtr-0 > * {
+ padding: 0 0 0 0rem; }
+ .row.gtr-0.gtr-uniform {
+ margin-top: 0rem; }
+ .row.gtr-0.gtr-uniform > * {
+ padding-top: 0rem; }
+ .row.gtr-25 {
+ margin-top: 0;
+ margin-left: -0.375rem; }
+ .row.gtr-25 > * {
+ padding: 0 0 0 0.375rem; }
+ .row.gtr-25.gtr-uniform {
+ margin-top: -0.375rem; }
+ .row.gtr-25.gtr-uniform > * {
+ padding-top: 0.375rem; }
+ .row.gtr-50 {
+ margin-top: 0;
+ margin-left: -0.75rem; }
+ .row.gtr-50 > * {
+ padding: 0 0 0 0.75rem; }
+ .row.gtr-50.gtr-uniform {
+ margin-top: -0.75rem; }
+ .row.gtr-50.gtr-uniform > * {
+ padding-top: 0.75rem; }
+ .row {
+ margin-top: 0;
+ margin-left: -1.5rem; }
+ .row > * {
+ padding: 0 0 0 1.5rem; }
+ .row.gtr-uniform {
+ margin-top: -1.5rem; }
+ .row.gtr-uniform > * {
+ padding-top: 1.5rem; }
+ .row.gtr-150 {
+ margin-top: 0;
+ margin-left: -2.25rem; }
+ .row.gtr-150 > * {
+ padding: 0 0 0 2.25rem; }
+ .row.gtr-150.gtr-uniform {
+ margin-top: -2.25rem; }
+ .row.gtr-150.gtr-uniform > * {
+ padding-top: 2.25rem; }
+ .row.gtr-200 {
+ margin-top: 0;
+ margin-left: -3rem; }
+ .row.gtr-200 > * {
+ padding: 0 0 0 3rem; }
+ .row.gtr-200.gtr-uniform {
+ margin-top: -3rem; }
+ .row.gtr-200.gtr-uniform > * {
+ padding-top: 3rem; } }
+ @media screen and (max-width: 980px) {
+ .row {
+ display: flex;
+ flex-wrap: wrap;
+ box-sizing: border-box;
+ align-items: stretch; }
+ .row > * {
+ box-sizing: border-box; }
+ .row.gtr-uniform > * > :last-child {
+ margin-bottom: 0; }
+ .row.aln-left {
+ justify-content: flex-start; }
+ .row.aln-center {
+ justify-content: center; }
+ .row.aln-right {
+ justify-content: flex-end; }
+ .row.aln-top {
+ align-items: flex-start; }
+ .row.aln-middle {
+ align-items: center; }
+ .row.aln-bottom {
+ align-items: flex-end; }
+ .row > .imp-medium {
+ order: -1; }
+ .row > .col-1-medium {
+ width: 8.33333333%; }
+ .row > .off-1-medium {
+ margin-left: 8.33333333%; }
+ .row > .col-2-medium {
+ width: 16.66666667%; }
+ .row > .off-2-medium {
+ margin-left: 16.66666667%; }
+ .row > .col-3-medium {
+ width: 25%; }
+ .row > .off-3-medium {
+ margin-left: 25%; }
+ .row > .col-4-medium {
+ width: 33.33333333%; }
+ .row > .off-4-medium {
+ margin-left: 33.33333333%; }
+ .row > .col-5-medium {
+ width: 41.66666667%; }
+ .row > .off-5-medium {
+ margin-left: 41.66666667%; }
+ .row > .col-6-medium {
+ width: 50%; }
+ .row > .off-6-medium {
+ margin-left: 50%; }
+ .row > .col-7-medium {
+ width: 58.33333333%; }
+ .row > .off-7-medium {
+ margin-left: 58.33333333%; }
+ .row > .col-8-medium {
+ width: 66.66666667%; }
+ .row > .off-8-medium {
+ margin-left: 66.66666667%; }
+ .row > .col-9-medium {
+ width: 75%; }
+ .row > .off-9-medium {
+ margin-left: 75%; }
+ .row > .col-10-medium {
+ width: 83.33333333%; }
+ .row > .off-10-medium {
+ margin-left: 83.33333333%; }
+ .row > .col-11-medium {
+ width: 91.66666667%; }
+ .row > .off-11-medium {
+ margin-left: 91.66666667%; }
+ .row > .col-12-medium {
+ width: 100%; }
+ .row > .off-12-medium {
+ margin-left: 100%; }
+ .row.gtr-0 {
+ margin-top: 0;
+ margin-left: 0rem; }
+ .row.gtr-0 > * {
+ padding: 0 0 0 0rem; }
+ .row.gtr-0.gtr-uniform {
+ margin-top: 0rem; }
+ .row.gtr-0.gtr-uniform > * {
+ padding-top: 0rem; }
+ .row.gtr-25 {
+ margin-top: 0;
+ margin-left: -0.375rem; }
+ .row.gtr-25 > * {
+ padding: 0 0 0 0.375rem; }
+ .row.gtr-25.gtr-uniform {
+ margin-top: -0.375rem; }
+ .row.gtr-25.gtr-uniform > * {
+ padding-top: 0.375rem; }
+ .row.gtr-50 {
+ margin-top: 0;
+ margin-left: -0.75rem; }
+ .row.gtr-50 > * {
+ padding: 0 0 0 0.75rem; }
+ .row.gtr-50.gtr-uniform {
+ margin-top: -0.75rem; }
+ .row.gtr-50.gtr-uniform > * {
+ padding-top: 0.75rem; }
+ .row {
+ margin-top: 0;
+ margin-left: -1.5rem; }
+ .row > * {
+ padding: 0 0 0 1.5rem; }
+ .row.gtr-uniform {
+ margin-top: -1.5rem; }
+ .row.gtr-uniform > * {
+ padding-top: 1.5rem; }
+ .row.gtr-150 {
+ margin-top: 0;
+ margin-left: -2.25rem; }
+ .row.gtr-150 > * {
+ padding: 0 0 0 2.25rem; }
+ .row.gtr-150.gtr-uniform {
+ margin-top: -2.25rem; }
+ .row.gtr-150.gtr-uniform > * {
+ padding-top: 2.25rem; }
+ .row.gtr-200 {
+ margin-top: 0;
+ margin-left: -3rem; }
+ .row.gtr-200 > * {
+ padding: 0 0 0 3rem; }
+ .row.gtr-200.gtr-uniform {
+ margin-top: -3rem; }
+ .row.gtr-200.gtr-uniform > * {
+ padding-top: 3rem; } }
+ @media screen and (max-width: 736px) {
+ .row {
+ display: flex;
+ flex-wrap: wrap;
+ box-sizing: border-box;
+ align-items: stretch; }
+ .row > * {
+ box-sizing: border-box; }
+ .row.gtr-uniform > * > :last-child {
+ margin-bottom: 0; }
+ .row.aln-left {
+ justify-content: flex-start; }
+ .row.aln-center {
+ justify-content: center; }
+ .row.aln-right {
+ justify-content: flex-end; }
+ .row.aln-top {
+ align-items: flex-start; }
+ .row.aln-middle {
+ align-items: center; }
+ .row.aln-bottom {
+ align-items: flex-end; }
+ .row > .imp-small {
+ order: -1; }
+ .row > .col-1-small {
+ width: 8.33333333%; }
+ .row > .off-1-small {
+ margin-left: 8.33333333%; }
+ .row > .col-2-small {
+ width: 16.66666667%; }
+ .row > .off-2-small {
+ margin-left: 16.66666667%; }
+ .row > .col-3-small {
+ width: 25%; }
+ .row > .off-3-small {
+ margin-left: 25%; }
+ .row > .col-4-small {
+ width: 33.33333333%; }
+ .row > .off-4-small {
+ margin-left: 33.33333333%; }
+ .row > .col-5-small {
+ width: 41.66666667%; }
+ .row > .off-5-small {
+ margin-left: 41.66666667%; }
+ .row > .col-6-small {
+ width: 50%; }
+ .row > .off-6-small {
+ margin-left: 50%; }
+ .row > .col-7-small {
+ width: 58.33333333%; }
+ .row > .off-7-small {
+ margin-left: 58.33333333%; }
+ .row > .col-8-small {
+ width: 66.66666667%; }
+ .row > .off-8-small {
+ margin-left: 66.66666667%; }
+ .row > .col-9-small {
+ width: 75%; }
+ .row > .off-9-small {
+ margin-left: 75%; }
+ .row > .col-10-small {
+ width: 83.33333333%; }
+ .row > .off-10-small {
+ margin-left: 83.33333333%; }
+ .row > .col-11-small {
+ width: 91.66666667%; }
+ .row > .off-11-small {
+ margin-left: 91.66666667%; }
+ .row > .col-12-small {
+ width: 100%; }
+ .row > .off-12-small {
+ margin-left: 100%; }
+ .row.gtr-0 {
+ margin-top: 0;
+ margin-left: 0rem; }
+ .row.gtr-0 > * {
+ padding: 0 0 0 0rem; }
+ .row.gtr-0.gtr-uniform {
+ margin-top: 0rem; }
+ .row.gtr-0.gtr-uniform > * {
+ padding-top: 0rem; }
+ .row.gtr-25 {
+ margin-top: 0;
+ margin-left: -0.375rem; }
+ .row.gtr-25 > * {
+ padding: 0 0 0 0.375rem; }
+ .row.gtr-25.gtr-uniform {
+ margin-top: -0.375rem; }
+ .row.gtr-25.gtr-uniform > * {
+ padding-top: 0.375rem; }
+ .row.gtr-50 {
+ margin-top: 0;
+ margin-left: -0.75rem; }
+ .row.gtr-50 > * {
+ padding: 0 0 0 0.75rem; }
+ .row.gtr-50.gtr-uniform {
+ margin-top: -0.75rem; }
+ .row.gtr-50.gtr-uniform > * {
+ padding-top: 0.75rem; }
+ .row {
+ margin-top: 0;
+ margin-left: -1.5rem; }
+ .row > * {
+ padding: 0 0 0 1.5rem; }
+ .row.gtr-uniform {
+ margin-top: -1.5rem; }
+ .row.gtr-uniform > * {
+ padding-top: 1.5rem; }
+ .row.gtr-150 {
+ margin-top: 0;
+ margin-left: -2.25rem; }
+ .row.gtr-150 > * {
+ padding: 0 0 0 2.25rem; }
+ .row.gtr-150.gtr-uniform {
+ margin-top: -2.25rem; }
+ .row.gtr-150.gtr-uniform > * {
+ padding-top: 2.25rem; }
+ .row.gtr-200 {
+ margin-top: 0;
+ margin-left: -3rem; }
+ .row.gtr-200 > * {
+ padding: 0 0 0 3rem; }
+ .row.gtr-200.gtr-uniform {
+ margin-top: -3rem; }
+ .row.gtr-200.gtr-uniform > * {
+ padding-top: 3rem; } }
+ @media screen and (max-width: 480px) {
+ .row {
+ display: flex;
+ flex-wrap: wrap;
+ box-sizing: border-box;
+ align-items: stretch; }
+ .row > * {
+ box-sizing: border-box; }
+ .row.gtr-uniform > * > :last-child {
+ margin-bottom: 0; }
+ .row.aln-left {
+ justify-content: flex-start; }
+ .row.aln-center {
+ justify-content: center; }
+ .row.aln-right {
+ justify-content: flex-end; }
+ .row.aln-top {
+ align-items: flex-start; }
+ .row.aln-middle {
+ align-items: center; }
+ .row.aln-bottom {
+ align-items: flex-end; }
+ .row > .imp-xsmall {
+ order: -1; }
+ .row > .col-1-xsmall {
+ width: 8.33333333%; }
+ .row > .off-1-xsmall {
+ margin-left: 8.33333333%; }
+ .row > .col-2-xsmall {
+ width: 16.66666667%; }
+ .row > .off-2-xsmall {
+ margin-left: 16.66666667%; }
+ .row > .col-3-xsmall {
+ width: 25%; }
+ .row > .off-3-xsmall {
+ margin-left: 25%; }
+ .row > .col-4-xsmall {
+ width: 33.33333333%; }
+ .row > .off-4-xsmall {
+ margin-left: 33.33333333%; }
+ .row > .col-5-xsmall {
+ width: 41.66666667%; }
+ .row > .off-5-xsmall {
+ margin-left: 41.66666667%; }
+ .row > .col-6-xsmall {
+ width: 50%; }
+ .row > .off-6-xsmall {
+ margin-left: 50%; }
+ .row > .col-7-xsmall {
+ width: 58.33333333%; }
+ .row > .off-7-xsmall {
+ margin-left: 58.33333333%; }
+ .row > .col-8-xsmall {
+ width: 66.66666667%; }
+ .row > .off-8-xsmall {
+ margin-left: 66.66666667%; }
+ .row > .col-9-xsmall {
+ width: 75%; }
+ .row > .off-9-xsmall {
+ margin-left: 75%; }
+ .row > .col-10-xsmall {
+ width: 83.33333333%; }
+ .row > .off-10-xsmall {
+ margin-left: 83.33333333%; }
+ .row > .col-11-xsmall {
+ width: 91.66666667%; }
+ .row > .off-11-xsmall {
+ margin-left: 91.66666667%; }
+ .row > .col-12-xsmall {
+ width: 100%; }
+ .row > .off-12-xsmall {
+ margin-left: 100%; }
+ .row.gtr-0 {
+ margin-top: 0;
+ margin-left: 0rem; }
+ .row.gtr-0 > * {
+ padding: 0 0 0 0rem; }
+ .row.gtr-0.gtr-uniform {
+ margin-top: 0rem; }
+ .row.gtr-0.gtr-uniform > * {
+ padding-top: 0rem; }
+ .row.gtr-25 {
+ margin-top: 0;
+ margin-left: -0.375rem; }
+ .row.gtr-25 > * {
+ padding: 0 0 0 0.375rem; }
+ .row.gtr-25.gtr-uniform {
+ margin-top: -0.375rem; }
+ .row.gtr-25.gtr-uniform > * {
+ padding-top: 0.375rem; }
+ .row.gtr-50 {
+ margin-top: 0;
+ margin-left: -0.75rem; }
+ .row.gtr-50 > * {
+ padding: 0 0 0 0.75rem; }
+ .row.gtr-50.gtr-uniform {
+ margin-top: -0.75rem; }
+ .row.gtr-50.gtr-uniform > * {
+ padding-top: 0.75rem; }
+ .row {
+ margin-top: 0;
+ margin-left: -1.5rem; }
+ .row > * {
+ padding: 0 0 0 1.5rem; }
+ .row.gtr-uniform {
+ margin-top: -1.5rem; }
+ .row.gtr-uniform > * {
+ padding-top: 1.5rem; }
+ .row.gtr-150 {
+ margin-top: 0;
+ margin-left: -2.25rem; }
+ .row.gtr-150 > * {
+ padding: 0 0 0 2.25rem; }
+ .row.gtr-150.gtr-uniform {
+ margin-top: -2.25rem; }
+ .row.gtr-150.gtr-uniform > * {
+ padding-top: 2.25rem; }
+ .row.gtr-200 {
+ margin-top: 0;
+ margin-left: -3rem; }
+ .row.gtr-200 > * {
+ padding: 0 0 0 3rem; }
+ .row.gtr-200.gtr-uniform {
+ margin-top: -3rem; }
+ .row.gtr-200.gtr-uniform > * {
+ padding-top: 3rem; } }
+ @media screen and (max-width: 360px) {
+ .row {
+ display: flex;
+ flex-wrap: wrap;
+ box-sizing: border-box;
+ align-items: stretch; }
+ .row > * {
+ box-sizing: border-box; }
+ .row.gtr-uniform > * > :last-child {
+ margin-bottom: 0; }
+ .row.aln-left {
+ justify-content: flex-start; }
+ .row.aln-center {
+ justify-content: center; }
+ .row.aln-right {
+ justify-content: flex-end; }
+ .row.aln-top {
+ align-items: flex-start; }
+ .row.aln-middle {
+ align-items: center; }
+ .row.aln-bottom {
+ align-items: flex-end; }
+ .row > .imp-xxsmall {
+ order: -1; }
+ .row > .col-1-xxsmall {
+ width: 8.33333333%; }
+ .row > .off-1-xxsmall {
+ margin-left: 8.33333333%; }
+ .row > .col-2-xxsmall {
+ width: 16.66666667%; }
+ .row > .off-2-xxsmall {
+ margin-left: 16.66666667%; }
+ .row > .col-3-xxsmall {
+ width: 25%; }
+ .row > .off-3-xxsmall {
+ margin-left: 25%; }
+ .row > .col-4-xxsmall {
+ width: 33.33333333%; }
+ .row > .off-4-xxsmall {
+ margin-left: 33.33333333%; }
+ .row > .col-5-xxsmall {
+ width: 41.66666667%; }
+ .row > .off-5-xxsmall {
+ margin-left: 41.66666667%; }
+ .row > .col-6-xxsmall {
+ width: 50%; }
+ .row > .off-6-xxsmall {
+ margin-left: 50%; }
+ .row > .col-7-xxsmall {
+ width: 58.33333333%; }
+ .row > .off-7-xxsmall {
+ margin-left: 58.33333333%; }
+ .row > .col-8-xxsmall {
+ width: 66.66666667%; }
+ .row > .off-8-xxsmall {
+ margin-left: 66.66666667%; }
+ .row > .col-9-xxsmall {
+ width: 75%; }
+ .row > .off-9-xxsmall {
+ margin-left: 75%; }
+ .row > .col-10-xxsmall {
+ width: 83.33333333%; }
+ .row > .off-10-xxsmall {
+ margin-left: 83.33333333%; }
+ .row > .col-11-xxsmall {
+ width: 91.66666667%; }
+ .row > .off-11-xxsmall {
+ margin-left: 91.66666667%; }
+ .row > .col-12-xxsmall {
+ width: 100%; }
+ .row > .off-12-xxsmall {
+ margin-left: 100%; }
+ .row.gtr-0 {
+ margin-top: 0;
+ margin-left: 0rem; }
+ .row.gtr-0 > * {
+ padding: 0 0 0 0rem; }
+ .row.gtr-0.gtr-uniform {
+ margin-top: 0rem; }
+ .row.gtr-0.gtr-uniform > * {
+ padding-top: 0rem; }
+ .row.gtr-25 {
+ margin-top: 0;
+ margin-left: -0.375rem; }
+ .row.gtr-25 > * {
+ padding: 0 0 0 0.375rem; }
+ .row.gtr-25.gtr-uniform {
+ margin-top: -0.375rem; }
+ .row.gtr-25.gtr-uniform > * {
+ padding-top: 0.375rem; }
+ .row.gtr-50 {
+ margin-top: 0;
+ margin-left: -0.75rem; }
+ .row.gtr-50 > * {
+ padding: 0 0 0 0.75rem; }
+ .row.gtr-50.gtr-uniform {
+ margin-top: -0.75rem; }
+ .row.gtr-50.gtr-uniform > * {
+ padding-top: 0.75rem; }
+ .row {
+ margin-top: 0;
+ margin-left: -1.5rem; }
+ .row > * {
+ padding: 0 0 0 1.5rem; }
+ .row.gtr-uniform {
+ margin-top: -1.5rem; }
+ .row.gtr-uniform > * {
+ padding-top: 1.5rem; }
+ .row.gtr-150 {
+ margin-top: 0;
+ margin-left: -2.25rem; }
+ .row.gtr-150 > * {
+ padding: 0 0 0 2.25rem; }
+ .row.gtr-150.gtr-uniform {
+ margin-top: -2.25rem; }
+ .row.gtr-150.gtr-uniform > * {
+ padding-top: 2.25rem; }
+ .row.gtr-200 {
+ margin-top: 0;
+ margin-left: -3rem; }
+ .row.gtr-200 > * {
+ padding: 0 0 0 3rem; }
+ .row.gtr-200.gtr-uniform {
+ margin-top: -3rem; }
+ .row.gtr-200.gtr-uniform > * {
+ padding-top: 3rem; } }
+
+/* Box */
+.box {
+ border: solid 2px;
+ margin-bottom: 2rem;
+ padding: 1.5rem; }
+ .box > :last-child,
+ .box > :last-child > :last-child,
+ .box > :last-child > :last-child > :last-child {
+ margin-bottom: 0; }
+ .box.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0; }
+
+.box {
+ border-color: #eeeeee; }
+
+/* Button */
+input[type="submit"],
+input[type="reset"],
+input[type="button"],
+button,
+.button {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
+ -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
+ -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
+ transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
+ border: 0;
+ border-radius: 0;
+ cursor: pointer;
+ display: inline-block;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
+ font-size: 0.8rem;
+ font-weight: 900;
+ letter-spacing: 0.075em;
+ height: 3rem;
+ line-height: 3rem;
+ padding: 0 2rem;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ white-space: nowrap; }
+ input[type="submit"].icon:before,
+ input[type="reset"].icon:before,
+ input[type="button"].icon:before,
+ button.icon:before,
+ .button.icon:before {
+ margin-right: 0.5rem; }
+ input[type="submit"].icon.solo,
+ input[type="reset"].icon.solo,
+ input[type="button"].icon.solo,
+ button.icon.solo,
+ .button.icon.solo {
+ position: relative;
+ width: 4rem;
+ height: 4rem;
+ line-height: 4rem;
+ border-radius: 4rem;
+ text-indent: 4rem;
+ overflow: hidden;
+ padding: 0;
+ white-space: nowrap; }
+ input[type="submit"].icon.solo:before,
+ input[type="reset"].icon.solo:before,
+ input[type="button"].icon.solo:before,
+ button.icon.solo:before,
+ .button.icon.solo:before {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ width: inherit;
+ height: inherit;
+ line-height: inherit;
+ font-size: 1.25rem;
+ margin-right: 0;
+ text-align: center;
+ text-indent: 0; }
+ input[type="submit"].fit,
+ input[type="reset"].fit,
+ input[type="button"].fit,
+ button.fit,
+ .button.fit {
+ width: 100%; }
+ input[type="submit"].small,
+ input[type="reset"].small,
+ input[type="button"].small,
+ button.small,
+ .button.small {
+ font-size: 0.7rem;
+ height: 2.5rem;
+ line-height: 2.5rem;
+ padding: 0 1.5rem; }
+ input[type="submit"].large,
+ input[type="reset"].large,
+ input[type="button"].large,
+ button.large,
+ .button.large {
+ font-size: 0.9rem;
+ height: 3.5rem;
+ line-height: 3.5rem;
+ padding: 0 2.75rem; }
+ @media screen and (max-width: 980px) {
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ font-size: 0.9rem;
+ height: 3.25rem;
+ line-height: 3.25rem; }
+ input[type="submit"].large,
+ input[type="reset"].large,
+ input[type="button"].large,
+ button.large,
+ .button.large {
+ font-size: 1rem;
+ height: 3.75rem;
+ line-height: 3.75rem; } }
+ input[type="submit"].disabled, input[type="submit"]:disabled,
+ input[type="reset"].disabled,
+ input[type="reset"]:disabled,
+ input[type="button"].disabled,
+ input[type="button"]:disabled,
+ button.disabled,
+ button:disabled,
+ .button.disabled,
+ .button:disabled {
+ pointer-events: none;
+ opacity: 0.25; }
+
+input[type="submit"],
+input[type="reset"],
+input[type="button"],
+button,
+.button {
+ background-color: transparent;
+ box-shadow: inset 0 0 0 2px #212931;
+ color: #212931 !important; }
+ input[type="submit"]:hover,
+ input[type="reset"]:hover,
+ input[type="button"]:hover,
+ button:hover,
+ .button:hover {
+ box-shadow: inset 0 0 0 2px #18bfef;
+ color: #18bfef !important; }
+ input[type="submit"].primary,
+ input[type="reset"].primary,
+ input[type="button"].primary,
+ button.primary,
+ .button.primary {
+ background-color: #212931;
+ box-shadow: none;
+ color: #ffffff !important; }
+ input[type="submit"].primary:hover,
+ input[type="reset"].primary:hover,
+ input[type="button"].primary:hover,
+ button.primary:hover,
+ .button.primary:hover {
+ background-color: #18bfef; }
+
+/* Form */
+form {
+ margin: 0 0 2rem 0; }
+ form > :last-child {
+ margin-bottom: 0; }
+ form > .fields {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ width: calc(100% + 3rem);
+ margin: -1.5rem 0 2rem -1.5rem; }
+ form > .fields > .field {
+ -moz-flex-grow: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-grow: 0;
+ flex-grow: 0;
+ -moz-flex-shrink: 0;
+ -webkit-flex-shrink: 0;
+ -ms-flex-shrink: 0;
+ flex-shrink: 0;
+ padding: 1.5rem 0 0 1.5rem;
+ width: calc(100% - 1.5rem); }
+ form > .fields > .field.half {
+ width: calc(50% - 0.75rem); }
+ form > .fields > .field.third {
+ width: calc(100%/3 - 0.5rem); }
+ form > .fields > .field.quarter {
+ width: calc(25% - 0.375rem); }
+ @media screen and (max-width: 480px) {
+ form > .fields {
+ width: calc(100% + 3rem);
+ margin: -1.5rem 0 2rem -1.5rem; }
+ form > .fields > .field {
+ padding: 1.5rem 0 0 1.5rem;
+ width: calc(100% - 1.5rem); }
+ form > .fields > .field.half {
+ width: calc(100% - 1.5rem); }
+ form > .fields > .field.third {
+ width: calc(100% - 1.5rem); }
+ form > .fields > .field.quarter {
+ width: calc(100% - 1.5rem); } }
+
+label {
+ display: block;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
+ font-weight: 900;
+ line-height: 1.5;
+ letter-spacing: 0.075em;
+ font-size: 0.8rem;
+ text-transform: uppercase;
+ margin: 0 0 0.75rem 0; }
+ @media screen and (max-width: 980px) {
+ label {
+ font-size: 0.9rem; } }
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+select,
+textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ background: transparent;
+ border-radius: 0;
+ border: solid 2px;
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1rem;
+ text-decoration: none;
+ width: 100%; }
+ input[type="text"]:invalid,
+ input[type="password"]:invalid,
+ input[type="email"]:invalid,
+ select:invalid,
+ textarea:invalid {
+ box-shadow: none; }
+
+select {
+ background-size: 1.25rem;
+ background-repeat: no-repeat;
+ background-position: calc(100% - 1rem) center;
+ height: 3rem;
+ padding-right: 3rem;
+ text-overflow: ellipsis; }
+ select:focus::-ms-value {
+ background-color: transparent; }
+ select::-ms-expand {
+ display: none; }
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+select {
+ height: 3rem; }
+
+textarea {
+ padding: 0.75rem 1rem; }
+
+input[type="checkbox"],
+input[type="radio"] {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ display: block;
+ float: left;
+ margin-right: -2rem;
+ opacity: 0;
+ width: 1rem;
+ z-index: -1; }
+ input[type="checkbox"] + label,
+ input[type="radio"] + label {
+ text-decoration: none;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1rem;
+ letter-spacing: 0;
+ font-family: "Merriweather", Georgia, serif;
+ text-transform: none;
+ font-weight: 300;
+ padding-left: 2.8rem;
+ padding-right: 1rem;
+ position: relative; }
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important; }
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ border-radius: 0;
+ border: solid 2px;
+ content: '';
+ display: inline-block;
+ height: 1.8rem;
+ left: 0;
+ line-height: 1.725rem;
+ position: absolute;
+ text-align: center;
+ top: -0.125rem;
+ width: 1.8rem; }
+ input[type="checkbox"]:checked + label:before,
+ input[type="radio"]:checked + label:before {
+ content: '\f00c'; }
+
+input[type="checkbox"] + label:before {
+ border-radius: 0; }
+
+input[type="radio"] + label:before {
+ border-radius: 100%; }
+
+::-webkit-input-placeholder {
+ opacity: 1.0; }
+
+:-moz-placeholder {
+ opacity: 1.0; }
+
+::-moz-placeholder {
+ opacity: 1.0; }
+
+:-ms-input-placeholder {
+ opacity: 1.0; }
+
+label {
+ color: #212931; }
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+select,
+textarea {
+ border-color: #eeeeee; }
+ input[type="text"]:focus,
+ input[type="password"]:focus,
+ input[type="email"]:focus,
+ select:focus,
+ textarea:focus {
+ border-color: #18bfef; }
+
+select {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23eeeeee' /%3E%3C/svg%3E"); }
+ select option {
+ background-color: #ffffff;
+ color: #212931; }
+
+.select-wrapper:before {
+ color: #eeeeee; }
+
+input[type="checkbox"] + label,
+input[type="radio"] + label {
+ color: #212931; }
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ border-color: #eeeeee; }
+
+input[type="checkbox"]:checked + label:before,
+input[type="radio"]:checked + label:before {
+ background-color: #212931;
+ border-color: #212931;
+ color: #ffffff; }
+
+input[type="checkbox"]:focus + label:before,
+input[type="radio"]:focus + label:before {
+ border-color: #18bfef; }
+
+::-webkit-input-placeholder {
+ color: #909498 !important; }
+
+:-moz-placeholder {
+ color: #909498 !important; }
+
+::-moz-placeholder {
+ color: #909498 !important; }
+
+:-ms-input-placeholder {
+ color: #909498 !important; }
+
+.formerize-placeholder {
+ color: #909498 !important; }
+
+/* Icon */
+.icon {
+ text-decoration: none;
+ border-bottom: none;
+ position: relative; }
+ .icon:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important; }
+ .icon > .label {
+ display: none; }
+
+/* Image */
+.image {
+ border: 0;
+ display: inline-block;
+ position: relative; }
+ .image img {
+ display: block; }
+ .image.left, .image.right {
+ max-width: 40%; }
+ .image.left img, .image.right img {
+ width: 100%; }
+ .image.left {
+ float: left;
+ margin: 0 2rem 2rem 0;
+ top: 0.75rem; }
+ .image.right {
+ float: right;
+ margin: 0 0 2rem 2rem;
+ top: 0.75rem; }
+ .image.fit {
+ display: block;
+ margin: 2.5rem 0;
+ width: 100%; }
+ .image.fit:first-child {
+ margin-top: 0; }
+ .image.fit img {
+ width: 100%; }
+ .image.main {
+ display: block;
+ margin: 4rem 0;
+ width: 100%; }
+ .image.main:first-child {
+ margin-top: 0; }
+ .image.main img {
+ width: 100%; }
+ @media screen and (max-width: 736px) {
+ .image.fit {
+ margin: 2rem 0; }
+ .image.main {
+ margin: 2rem 0; } }
+
+a.image {
+ overflow: hidden; }
+ a.image img {
+ -moz-transition: -moz-transform 0.2s ease-out;
+ -webkit-transition: -webkit-transform 0.2s ease-out;
+ -ms-transition: -ms-transform 0.2s ease-out;
+ transition: transform 0.2s ease-out; }
+ a.image:hover img {
+ -moz-transform: scale(1.05);
+ -webkit-transform: scale(1.05);
+ -ms-transform: scale(1.05);
+ transform: scale(1.05); }
+
+/* Actions */
+ul.actions {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ cursor: default;
+ list-style: none;
+ margin-left: -1rem;
+ padding-left: 0; }
+ ul.actions li {
+ padding: 0 0 0 1rem;
+ vertical-align: middle; }
+ ul.actions.special {
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ width: 100%;
+ margin-left: 0; }
+ ul.actions.special li:first-child {
+ padding-left: 0; }
+ ul.actions.stacked {
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-left: 0; }
+ ul.actions.stacked li {
+ padding: 1.3rem 0 0 0; }
+ ul.actions.stacked li:first-child {
+ padding-top: 0; }
+ ul.actions.fit {
+ width: calc(100% + 1rem); }
+ ul.actions.fit li {
+ -moz-flex-grow: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-grow: 1;
+ flex-grow: 1;
+ -moz-flex-shrink: 1;
+ -webkit-flex-shrink: 1;
+ -ms-flex-shrink: 1;
+ flex-shrink: 1;
+ width: 100%; }
+ ul.actions.fit li > * {
+ width: 100%; }
+ ul.actions.fit.stacked {
+ width: 100%; }
+ @media screen and (max-width: 480px) {
+ ul.actions:not(.fixed) {
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-left: 0;
+ width: 100% !important; }
+ ul.actions:not(.fixed) li {
+ -moz-flex-grow: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-grow: 1;
+ flex-grow: 1;
+ -moz-flex-shrink: 1;
+ -webkit-flex-shrink: 1;
+ -ms-flex-shrink: 1;
+ flex-shrink: 1;
+ padding: 1rem 0 0 0;
+ text-align: center;
+ width: 100%; }
+ ul.actions:not(.fixed) li > * {
+ width: 100%; }
+ ul.actions:not(.fixed) li:first-child {
+ padding-top: 0; }
+ ul.actions:not(.fixed) li input[type="submit"],
+ ul.actions:not(.fixed) li input[type="reset"],
+ ul.actions:not(.fixed) li input[type="button"],
+ ul.actions:not(.fixed) li button,
+ ul.actions:not(.fixed) li .button {
+ width: 100%; }
+ ul.actions:not(.fixed) li input[type="submit"].icon:before,
+ ul.actions:not(.fixed) li input[type="reset"].icon:before,
+ ul.actions:not(.fixed) li input[type="button"].icon:before,
+ ul.actions:not(.fixed) li button.icon:before,
+ ul.actions:not(.fixed) li .button.icon:before {
+ margin-left: -0.5rem; } }
+
+/* Icons */
+ul.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0; }
+ ul.icons li {
+ display: inline-block;
+ padding: 0 0.5rem 0 0;
+ vertical-align: middle; }
+ ul.icons li:last-child {
+ padding-right: 0; }
+ ul.icons li .icon:before {
+ width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+ display: inline-block;
+ text-align: center;
+ border-radius: 100%;
+ font-size: 1.25rem; }
+ ul.icons.alt li .icon:before {
+ -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ font-size: 1rem; }
+
+/* List */
+ol {
+ list-style: decimal;
+ margin: 0 0 2rem 0;
+ padding-left: 1.25rem; }
+ ol li {
+ padding-left: 0.25rem; }
+
+ul {
+ list-style: disc;
+ margin: 0 0 2rem 0;
+ padding-left: 1rem; }
+ ul li {
+ padding-left: 0.5rem; }
+ ul.divided {
+ list-style: none;
+ padding-left: 0; }
+ ul.divided li {
+ border-top: solid 1px;
+ padding: 0.5rem 0; }
+ ul.divided li:first-child {
+ border-top: 0;
+ padding-top: 0; }
+
+dl {
+ margin: 0 0 2rem 0; }
+ dl dt {
+ display: block;
+ font-weight: 600;
+ margin: 0 0 1rem 0; }
+ dl dd {
+ margin-left: 2rem; }
+
+ul.divided li {
+ border-top-color: #eeeeee; }
+
+ul.icons li a.icon:hover:before {
+ color: #18bfef; }
+
+ul.icons.alt li .icon:before {
+ box-shadow: inset 0 0 0 2px #eeeeee; }
+
+ul.icons.alt li a.icon:hover:before {
+ box-shadow: inset 0 0 0 2px #18bfef; }
+
+/* Section/Article */
+section.special, article.special {
+ text-align: center; }
+
+header {
+ cursor: default; }
+ header > .date {
+ display: block;
+ font-size: 0.8rem;
+ height: 1;
+ margin: 0 0 1rem 0;
+ position: relative; }
+ header > p {
+ font-style: italic; }
+ header > h1 + p {
+ font-size: 1.1rem;
+ margin-top: -0.5rem;
+ line-height: 2; }
+ header > h2 + p {
+ font-size: 1rem;
+ margin-top: -0.75rem; }
+ header > h3 + p {
+ font-size: 0.9rem;
+ margin-top: -0.75rem; }
+ header > h4 + p {
+ font-size: 0.8rem;
+ margin-top: -0.75rem; }
+ header.major {
+ margin: 0 0 4rem 0;
+ text-align: center; }
+ header.major > :last-child {
+ margin-bottom: 0; }
+ header.major > p {
+ margin-top: 0;
+ text-align: center; }
+ header.major > .date {
+ font-size: 1rem;
+ margin: 0 0 4rem 0; }
+ header.major > .date:before, header.major > .date:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 50%;
+ width: calc(50% - 6rem);
+ border-top: solid 2px; }
+ header.major > .date:before {
+ left: 0; }
+ header.major > .date:after {
+ right: 0; }
+ @media screen and (max-width: 980px) {
+ header br {
+ display: none; } }
+ @media screen and (max-width: 736px) {
+ header.major {
+ margin: 0 0 2rem 0; } }
+
+header.major .date:before, header.major .date:after {
+ border-top-color: #eeeeee; }
+
+/* Table */
+.table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto; }
+
+table {
+ margin: 0 0 2rem 0;
+ width: 100%; }
+ table tbody tr {
+ border: solid 1px;
+ border-left: 0;
+ border-right: 0; }
+ table td {
+ padding: 0.75rem 0.75rem; }
+ table th {
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
+ font-size: 0.8rem;
+ font-weight: 900;
+ letter-spacing: 0.075em;
+ line-height: 1.5;
+ padding: 0 0.75rem 0.75rem 0.75rem;
+ text-align: left;
+ text-transform: uppercase; }
+ @media screen and (max-width: 980px) {
+ table th {
+ font-size: 0.9rem; } }
+ table thead {
+ border-bottom: solid 2px; }
+ table tfoot {
+ border-top: solid 2px; }
+ table.alt {
+ border-collapse: separate; }
+ table.alt tbody tr td {
+ border: solid 1px;
+ border-left-width: 0;
+ border-top-width: 0; }
+ table.alt tbody tr td:first-child {
+ border-left-width: 1px; }
+ table.alt tbody tr:first-child td {
+ border-top-width: 1px; }
+ table.alt thead {
+ border-bottom: 0; }
+ table.alt tfoot {
+ border-top: 0; }
+
+table tbody tr {
+ border-color: #eeeeee; }
+ table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(220, 220, 220, 0.25); }
+
+table th {
+ color: #212931; }
+
+table thead {
+ border-bottom-color: #eeeeee; }
+
+table tfoot {
+ border-top-color: #eeeeee; }
+
+table.alt tbody tr td {
+ border-color: #eeeeee; }
+
+/* Pagination */
+.pagination {
+ display: -moz-inline-flex;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flex;
+ display: inline-flex;
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ cursor: default;
+ list-style: none;
+ margin: 0 0 2rem 2px;
+ padding: 0; }
+ .pagination a, .pagination span {
+ -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
+ -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
+ -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
+ transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
+ border: solid 2px;
+ display: inline-block;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
+ font-size: 0.8rem;
+ font-weight: 900;
+ height: 3rem;
+ letter-spacing: 0.075em;
+ line-height: calc(3rem - 4px);
+ margin-left: -2px;
+ min-width: 3rem;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase; }
+ .pagination .next, .pagination .previous {
+ text-decoration: none;
+ padding: 0 1.75rem; }
+ .pagination .next:before, .pagination .previous:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important; }
+ .pagination .next:before, .pagination .previous:before {
+ display: inline-block;
+ color: inherit !important; }
+ .pagination .previous:before {
+ content: '\f104';
+ margin-right: 0.9375em; }
+ .pagination .next:before {
+ content: '\f105';
+ float: right;
+ margin-left: 0.9375em; }
+ @media screen and (max-width: 980px) {
+ .pagination a, .pagination span {
+ font-size: 0.9rem; } }
+ @media screen and (max-width: 480px) {
+ .pagination .page, .pagination .extra {
+ display: none; } }
+
+.pagination a, .pagination span {
+ border-color: #eeeeee; }
+
+.pagination a {
+ color: #212931 !important; }
+ .pagination a:hover {
+ color: #18bfef !important;
+ border-color: #18bfef;
+ z-index: 1; }
+ .pagination a:hover + a,
+ .pagination a:hover + span {
+ border-left-color: #18bfef; }
+ .pagination a.active {
+ background-color: #eeeeee; }
+
+.pagination span {
+ color: #eeeeee; }
+
+/* Wrapper */
+#wrapper {
+ -moz-transition: opacity 0.5s ease;
+ -webkit-transition: opacity 0.5s ease;
+ -ms-transition: opacity 0.5s ease;
+ transition: opacity 0.5s ease;
+ position: relative;
+ z-index: 1;
+ overflow: hidden; }
+ #wrapper > .bg {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #212931;
+ background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/bg.jpg");
+ background-size: auto, auto, 100% auto;
+ background-position: center, center, top center;
+ background-repeat: repeat, no-repeat, no-repeat;
+ background-attachment: scroll, scroll, scroll;
+ z-index: -1; }
+ #wrapper > .bg.fixed {
+ position: fixed;
+ width: 100vw;
+ height: 100vh; }
+ #wrapper.fade-in:before {
+ pointer-events: none;
+ -moz-transition: opacity 1s ease-in-out;
+ -webkit-transition: opacity 1s ease-in-out;
+ -ms-transition: opacity 1s ease-in-out;
+ transition: opacity 1s ease-in-out;
+ -moz-transition-delay: 0.75s;
+ -webkit-transition-delay: 0.75s;
+ -ms-transition-delay: 0.75s;
+ transition-delay: 0.75s;
+ background: #1e252d;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ position: fixed;
+ top: 0;
+ width: 100%; }
+ body.is-preload #wrapper.fade-in:before {
+ opacity: 1; }
+ @media screen and (orientation: portrait) {
+ #wrapper > .bg {
+ background-size: auto, auto, auto 175%; } }
+
+/* Intro */
+#intro {
+ color: #ffffff;
+ padding: 8rem 4rem 6rem 4rem ;
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -moz-justify-content: -moz-flex-end;
+ -webkit-justify-content: -webkit-flex-end;
+ -ms-justify-content: -ms-flex-end;
+ justify-content: flex-end;
+ -moz-transition: opacity 1s ease, -moz-transform 1s ease;
+ -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
+ -ms-transition: opacity 1s ease, -ms-transform 1s ease;
+ transition: opacity 1s ease, transform 1s ease;
+ position: relative;
+ cursor: default;
+ text-align: center;
+ z-index: 1;
+ min-height: 100vh; }
+ #intro input, #intro select, #intro textarea {
+ color: #ffffff; }
+ #intro a {
+ color: #ffffff;
+ border-bottom-color: rgba(255, 255, 255, 0.5); }
+ #intro a:hover {
+ border-bottom-color: transparent;
+ color: #18bfef !important; }
+ #intro strong, #intro b {
+ color: #ffffff; }
+ #intro h1, #intro h2, #intro h3, #intro h4, #intro h5, #intro h6 {
+ color: #ffffff; }
+ #intro blockquote {
+ border-left-color: #ffffff; }
+ #intro code {
+ background: rgba(255, 255, 255, 0.075);
+ border-color: #ffffff; }
+ #intro hr {
+ border-bottom-color: #ffffff; }
+ #intro input[type="submit"],
+ #intro input[type="reset"],
+ #intro input[type="button"],
+ #intro button,
+ #intro .button {
+ background-color: transparent;
+ box-shadow: inset 0 0 0 2px #ffffff;
+ color: #ffffff !important; }
+ #intro input[type="submit"]:hover,
+ #intro input[type="reset"]:hover,
+ #intro input[type="button"]:hover,
+ #intro button:hover,
+ #intro .button:hover {
+ box-shadow: inset 0 0 0 2px #18bfef;
+ color: #18bfef !important; }
+ #intro input[type="submit"].primary,
+ #intro input[type="reset"].primary,
+ #intro input[type="button"].primary,
+ #intro button.primary,
+ #intro .button.primary {
+ background-color: #ffffff;
+ box-shadow: none;
+ color: #1e252d !important; }
+ #intro input[type="submit"].primary:hover,
+ #intro input[type="reset"].primary:hover,
+ #intro input[type="button"].primary:hover,
+ #intro button.primary:hover,
+ #intro .button.primary:hover {
+ background-color: #18bfef; }
+ #intro h1 {
+ font-size: 5rem;
+ line-height: 1; }
+ #intro p {
+ font-size: 1.25rem;
+ font-style: italic;
+ margin-top: -0.25rem;
+ text-align: center; }
+ #intro + #header {
+ margin-top: -20rem; }
+ #intro + #header .logo {
+ -moz-transform: translateY(2rem);
+ -webkit-transform: translateY(2rem);
+ -ms-transform: translateY(2rem);
+ transform: translateY(2rem);
+ opacity: 0;
+ visibility: hidden; }
+ #intro.hidden {
+ pointer-events: none;
+ -moz-transform: translateY(2rem);
+ -webkit-transform: translateY(2rem);
+ -ms-transform: translateY(2rem);
+ transform: translateY(2rem);
+ -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, visibility 0.5s;
+ -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0.5s;
+ -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease, visibility 0.5s;
+ transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
+ opacity: 0;
+ visibility: hidden; }
+ #intro.hidden + #header .logo {
+ -moz-transform: translateY(0);
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ opacity: 1;
+ visibility: visible; }
+ body.is-preload #intro {
+ -moz-transform: translateY(2rem);
+ -webkit-transform: translateY(2rem);
+ -ms-transform: translateY(2rem);
+ transform: translateY(2rem);
+ opacity: 0; }
+ body.is-preload #intro:not(.hidden) + #header + #nav {
+ -moz-transform: translateY(4rem);
+ -webkit-transform: translateY(4rem);
+ -ms-transform: translateY(4rem);
+ transform: translateY(4rem);
+ opacity: 0; }
+ @media screen and (max-width: 980px) {
+ #intro {
+ padding: 4rem 4rem 2rem 4rem ;
+ min-height: 90vh; }
+ #intro p br {
+ display: none; }
+ #intro + #header {
+ margin-top: -14rem; } }
+ @media screen and (max-width: 736px) {
+ #intro {
+ padding: 3rem 2rem 1rem 2rem ;
+ min-height: 80vh; }
+ #intro h1 {
+ font-size: 3.25rem;
+ line-height: 1.1;
+ margin-bottom: 1rem; }
+ #intro p {
+ font-size: 1rem;
+ margin-top: 0rem; }
+ #intro .actions {
+ display: none; } }
+
+/* Header */
+#header {
+ color: #ffffff;
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -moz-justify-content: -moz-flex-end;
+ -webkit-justify-content: -webkit-flex-end;
+ -ms-justify-content: -ms-flex-end;
+ justify-content: flex-end;
+ pointer-events: none;
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ height: 20rem;
+ padding-bottom: 8rem;
+ position: relative;
+ text-align: center;
+ z-index: 2; }
+ #header input, #header select, #header textarea {
+ color: #ffffff; }
+ #header a {
+ color: #ffffff;
+ border-bottom-color: rgba(255, 255, 255, 0.5); }
+ #header a:hover {
+ border-bottom-color: transparent;
+ color: #18bfef !important; }
+ #header strong, #header b {
+ color: #ffffff; }
+ #header h1, #header h2, #header h3, #header h4, #header h5, #header h6 {
+ color: #ffffff; }
+ #header blockquote {
+ border-left-color: #ffffff; }
+ #header code {
+ background: rgba(255, 255, 255, 0.075);
+ border-color: #ffffff; }
+ #header hr {
+ border-bottom-color: #ffffff; }
+ #header .logo {
+ -moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -moz-transform 0.5s ease, visibility 0.5s;
+ -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0.5s;
+ -ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -ms-transform 0.5s ease, visibility 0.5s;
+ transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
+ pointer-events: auto;
+ border-style: solid;
+ border-color: #ffffff;
+ border-width: 5px !important;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
+ font-size: 2.25rem;
+ font-weight: 900;
+ letter-spacing: 0.075em;
+ line-height: 1;
+ padding: 1rem 1.75rem;
+ text-transform: uppercase;
+ visibility: visible; }
+ #header .logo:hover {
+ border-color: #18bfef !important;
+ color: #18bfef !important; }
+ @media screen and (max-width: 980px) {
+ #header {
+ height: 14rem;
+ padding-bottom: 4rem; } }
+ @media screen and (max-width: 736px) {
+ #header {
+ padding-bottom: 3rem; }
+ #header .logo {
+ font-size: 1.75rem;
+ border-width: 3px !important; } }
+
+/* Nav */
+#nav {
+ color: #ffffff;
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-transition: -moz-transform 1s ease, opacity 1s ease;
+ -webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
+ -ms-transition: -ms-transform 1s ease, opacity 1s ease;
+ transition: transform 1s ease, opacity 1s ease;
+ background: rgba(255, 255, 255, 0.175);
+ height: 4rem;
+ line-height: 4rem;
+ margin: -4rem auto 0 auto;
+ overflow: hidden;
+ padding: 0 2rem 0 0;
+ position: relative;
+ width: calc(100% - 4rem);
+ max-width: 72rem;
+ z-index: 2; }
+ #nav ul.divided li {
+ border-top-color: #ffffff; }
+ #nav ul.icons li a.icon:hover:before {
+ color: #18bfef; }
+ #nav ul.icons.alt li .icon:before {
+ box-shadow: inset 0 0 0 2px #ffffff; }
+ #nav ul.icons.alt li a.icon:hover:before {
+ box-shadow: inset 0 0 0 2px #18bfef; }
+ #nav input, #nav select, #nav textarea {
+ color: #ffffff; }
+ #nav a {
+ color: #ffffff;
+ border-bottom-color: rgba(255, 255, 255, 0.5); }
+ #nav a:hover {
+ border-bottom-color: transparent;
+ color: #18bfef !important; }
+ #nav strong, #nav b {
+ color: #ffffff; }
+ #nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 {
+ color: #ffffff; }
+ #nav blockquote {
+ border-left-color: #ffffff; }
+ #nav code {
+ background: rgba(255, 255, 255, 0.075);
+ border-color: #ffffff; }
+ #nav hr {
+ border-bottom-color: #ffffff; }
+ #nav ul.links {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-grow: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-grow: 1;
+ flex-grow: 1;
+ -moz-flex-shrink: 1;
+ -webkit-flex-shrink: 1;
+ -ms-flex-shrink: 1;
+ flex-shrink: 1;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
+ font-weight: 900;
+ letter-spacing: 0.075em;
+ list-style: none;
+ margin-bottom: 0;
+ padding-left: 0;
+ text-transform: uppercase; }
+ #nav ul.links li {
+ display: block;
+ padding-left: 0; }
+ #nav ul.links li a {
+ -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ display: block;
+ font-size: 0.8rem;
+ outline: none;
+ padding: 0 2rem; }
+ #nav ul.links li a:hover {
+ color: inherit !important;
+ background-color: rgba(255, 255, 255, 0.1); }
+ #nav ul.links li.active {
+ background-color: #ffffff; }
+ #nav ul.links li.active a {
+ color: #1e252d; }
+ #nav ul.links li.active a:hover {
+ color: #18bfef !important; }
+ #nav ul.icons {
+ -moz-flex-grow: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-grow: 0;
+ flex-grow: 0;
+ -moz-flex-shrink: 0;
+ -webkit-flex-shrink: 0;
+ -ms-flex-shrink: 0;
+ flex-shrink: 0;
+ margin-bottom: 0; }
+ @media screen and (max-width: 980px) {
+ #nav {
+ display: none; } }
+
+/* Main */
+#main {
+ background-color: #ffffff;
+ position: relative;
+ margin: 0 auto;
+ width: calc(100% - 4rem);
+ max-width: 72rem;
+ z-index: 2; }
+ #main > * {
+ padding: 4rem 4rem 2rem 4rem ;
+ border-top: solid 2px #eeeeee;
+ margin: 0; }
+ #main > *:first-child {
+ border-top: 0; }
+ #main > footer {
+ text-align: center; }
+ #main > .post {
+ padding: 8rem 8rem 6rem 8rem ; }
+ #main > .post header.major > .date {
+ margin-top: -2rem; }
+ #main > .post header.major > h1, #main > .post header.major h2 {
+ font-size: 4rem;
+ line-height: 1.1;
+ margin: 0 0 2rem 0; }
+ #main > .post.featured {
+ text-align: center; }
+ @media screen and (max-width: 1280px) {
+ #main > .post {
+ padding: 6rem 4rem 4rem 4rem ; } }
+ @media screen and (max-width: 736px) {
+ #main > .post {
+ padding: 4rem 2rem 2rem 2rem ; }
+ #main > .post header.major > .date {
+ margin-top: -1rem;
+ margin-bottom: 2rem; }
+ #main > .post header.major > h1, #main > .post header.major h2 {
+ font-size: 2.5rem;
+ line-height: 1.2;
+ margin: 0 0 1.5rem 0; } }
+ #main > .posts {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -moz-align-items: -moz-stretch;
+ -webkit-align-items: -webkit-stretch;
+ -ms-align-items: -ms-stretch;
+ align-items: stretch;
+ text-align: center;
+ width: 100%;
+ padding: 0; }
+ #main > .posts > * {
+ -moz-flex-shrink: 1;
+ -webkit-flex-shrink: 1;
+ -ms-flex-shrink: 1;
+ flex-shrink: 1;
+ -moz-flex-grow: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-grow: 0;
+ flex-grow: 0; }
+ #main > .posts > * {
+ width: 50%; }
+ #main > .posts > * {
+ padding: 4rem;
+ width: 50%; }
+ #main > .posts > article {
+ border-color: #eeeeee;
+ border-left-width: 2px;
+ border-style: solid;
+ border-top-width: 2px;
+ text-align: center; }
+ #main > .posts > article > :last-child {
+ margin-bottom: 0; }
+ #main > .posts > article:nth-child(2n - 1) {
+ border-left-width: 0; }
+ #main > .posts > article:nth-child(-n + 2) {
+ border-top-width: 0; }
+ @media screen and (max-width: 980px) {
+ #main > .posts > * {
+ width: 50%; }
+ #main > .posts > * {
+ padding: 2.5rem;
+ width: 50%; } }
+ @media screen and (max-width: 736px) {
+ #main > .posts > * {
+ width: 100%; }
+ #main > .posts > * {
+ padding: 2rem;
+ width: 100%; }
+ #main > .posts > article:nth-child(2n - 1) {
+ border-left-width: 2px; }
+ #main > .posts > article:nth-child(-n + 2) {
+ border-top-width: 2px; }
+ #main > .posts > article:nth-child(n) {
+ border-left-width: 0; }
+ #main > .posts > article:nth-child(-n + 1) {
+ border-top-width: 0; }
+ #main > .posts > article .image {
+ max-width: 25rem;
+ margin-left: auto;
+ margin-right: auto; } }
+ @media screen and (max-width: 736px) {
+ #main > * {
+ padding: 2rem 2rem 0.1rem 2rem ; } }
+ @media screen and (max-width: 480px) {
+ #main {
+ width: 100%; } }
+
+/* Footer */
+#footer {
+ color: #717981;
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ background-color: #f5f5f5;
+ color: #909498;
+ cursor: default;
+ position: relative;
+ margin: 0 auto;
+ width: calc(100% - 4rem);
+ max-width: 72rem;
+ z-index: 2; }
+ #footer input, #footer select, #footer textarea {
+ color: #717981; }
+ #footer a {
+ color: #717981;
+ border-bottom-color: rgba(113, 121, 129, 0.5); }
+ #footer a:hover {
+ border-bottom-color: transparent;
+ color: #18bfef !important; }
+ #footer strong, #footer b {
+ color: #717981; }
+ #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
+ color: #717981; }
+ #footer blockquote {
+ border-left-color: #e2e2e2; }
+ #footer code {
+ background: rgba(220, 220, 220, 0.5);
+ border-color: #e2e2e2; }
+ #footer hr {
+ border-bottom-color: #e2e2e2; }
+ #footer .box {
+ border-color: #e2e2e2; }
+ #footer input[type="submit"],
+ #footer input[type="reset"],
+ #footer input[type="button"],
+ #footer button,
+ #footer .button {
+ background-color: transparent;
+ box-shadow: inset 0 0 0 2px #717981;
+ color: #717981 !important; }
+ #footer input[type="submit"]:hover,
+ #footer input[type="reset"]:hover,
+ #footer input[type="button"]:hover,
+ #footer button:hover,
+ #footer .button:hover {
+ box-shadow: inset 0 0 0 2px #18bfef;
+ color: #18bfef !important; }
+ #footer input[type="submit"].primary,
+ #footer input[type="reset"].primary,
+ #footer input[type="button"].primary,
+ #footer button.primary,
+ #footer .button.primary {
+ background-color: #717981;
+ box-shadow: none;
+ color: #f5f5f5 !important; }
+ #footer input[type="submit"].primary:hover,
+ #footer input[type="reset"].primary:hover,
+ #footer input[type="button"].primary:hover,
+ #footer button.primary:hover,
+ #footer .button.primary:hover {
+ background-color: #18bfef; }
+ #footer label {
+ color: #717981; }
+ #footer input[type="text"],
+ #footer input[type="password"],
+ #footer input[type="email"],
+ #footer select,
+ #footer textarea {
+ border-color: #e2e2e2; }
+ #footer input[type="text"]:focus,
+ #footer input[type="password"]:focus,
+ #footer input[type="email"]:focus,
+ #footer select:focus,
+ #footer textarea:focus {
+ border-color: #18bfef; }
+ #footer select {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23e2e2e2' /%3E%3C/svg%3E"); }
+ #footer select option {
+ background-color: #f5f5f5;
+ color: #717981; }
+ #footer .select-wrapper:before {
+ color: #e2e2e2; }
+ #footer input[type="checkbox"] + label,
+ #footer input[type="radio"] + label {
+ color: #717981; }
+ #footer input[type="checkbox"] + label:before,
+ #footer input[type="radio"] + label:before {
+ border-color: #e2e2e2; }
+ #footer input[type="checkbox"]:checked + label:before,
+ #footer input[type="radio"]:checked + label:before {
+ background-color: #717981;
+ border-color: #717981;
+ color: #f5f5f5; }
+ #footer input[type="checkbox"]:focus + label:before,
+ #footer input[type="radio"]:focus + label:before {
+ border-color: #18bfef; }
+ #footer ::-webkit-input-placeholder {
+ color: #b3b7bb !important; }
+ #footer :-moz-placeholder {
+ color: #b3b7bb !important; }
+ #footer ::-moz-placeholder {
+ color: #b3b7bb !important; }
+ #footer :-ms-input-placeholder {
+ color: #b3b7bb !important; }
+ #footer .formerize-placeholder {
+ color: #b3b7bb !important; }
+ #footer ul.divided li {
+ border-top-color: #e2e2e2; }
+ #footer ul.icons li a.icon:hover:before {
+ color: #18bfef; }
+ #footer ul.icons.alt li .icon:before {
+ box-shadow: inset 0 0 0 2px #e2e2e2; }
+ #footer ul.icons.alt li a.icon:hover:before {
+ box-shadow: inset 0 0 0 2px #18bfef; }
+ #footer header.major .date:before, #footer header.major .date:after {
+ border-top-color: #e2e2e2; }
+ #footer table tbody tr {
+ border-color: #e2e2e2; }
+ #footer table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(220, 220, 220, 0.5); }
+ #footer table th {
+ color: #717981; }
+ #footer table thead {
+ border-bottom-color: #e2e2e2; }
+ #footer table tfoot {
+ border-top-color: #e2e2e2; }
+ #footer table.alt tbody tr td {
+ border-color: #e2e2e2; }
+ #footer .pagination a, #footer .pagination span {
+ border-color: #e2e2e2; }
+ #footer .pagination a {
+ color: #717981 !important; }
+ #footer .pagination a:hover {
+ color: #18bfef !important;
+ border-color: #18bfef;
+ z-index: 1; }
+ #footer .pagination a:hover + a,
+ #footer .pagination a:hover + span {
+ border-left-color: #18bfef; }
+ #footer .pagination a.active {
+ background-color: #e2e2e2; }
+ #footer .pagination span {
+ color: #e2e2e2; }
+ #footer > section {
+ -moz-flex-basis: 50%;
+ -webkit-flex-basis: 50%;
+ -ms-flex-basis: 50%;
+ flex-basis: 50%;
+ -moz-flex-grow: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-grow: 1;
+ flex-grow: 1;
+ -moz-flex-shrink: 1;
+ -webkit-flex-shrink: 1;
+ -ms-flex-shrink: 1;
+ flex-shrink: 1;
+ padding: 4rem 4rem 2rem 4rem ;
+ border-left: solid 2px #e2e2e2; }
+ #footer > section:first-child {
+ border-left: 0; }
+ #footer > section.split {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding: 0; }
+ #footer > section.split > section {
+ padding: 3rem 4rem 1rem 4rem ;
+ border-top: solid 2px #e2e2e2; }
+ #footer > section.split > section:first-child {
+ padding: 5rem 4rem 1rem 4rem ;
+ border-top: 0; }
+ #footer > section.split > section:last-child {
+ padding: 3rem 4rem 3rem 4rem ; }
+ #footer > section.split.contact > section {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ padding: 3.15rem 4rem; }
+ #footer > section.split.contact > section > * {
+ margin-bottom: 0; }
+ #footer > section.split.contact > section > :first-child {
+ -moz-flex-shrink: 0;
+ -webkit-flex-shrink: 0;
+ -ms-flex-shrink: 0;
+ flex-shrink: 0;
+ -moz-flex-grow: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-grow: 0;
+ flex-grow: 0;
+ width: 6rem; }
+ #footer > section.split.contact > section > :last-child {
+ -moz-flex-shrink: 1;
+ -webkit-flex-shrink: 1;
+ -ms-flex-shrink: 1;
+ flex-shrink: 1;
+ -moz-flex-grow: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-grow: 1;
+ flex-grow: 1; }
+ #footer > section.split.contact > section:first-child {
+ padding: 4rem 4rem 3rem 4rem; }
+ #footer > section.split.contact > section:last-child {
+ padding: 3rem 4rem 4rem 4rem; }
+ #footer > section.split.contact > section.alt {
+ -moz-align-items: -moz-flex-start;
+ -webkit-align-items: -webkit-flex-start;
+ -ms-align-items: -ms-flex-start;
+ align-items: flex-start; }
+ #footer > section.split.contact > section.alt > :last-child {
+ margin-top: -0.325rem; }
+ #footer form label,
+ #footer h3,
+ #footer p {
+ font-size: 0.8rem; }
+ @media screen and (max-width: 980px) {
+ #footer {
+ display: block; }
+ #footer > section {
+ border-top: solid 2px #e2e2e2; }
+ #footer > section:first-child {
+ border-top: 0; }
+ #footer > section.split > section {
+ padding: 4rem 4rem 2rem 4rem ; }
+ #footer > section.split > section:first-child {
+ padding: 4rem 4rem 2rem 4rem ; }
+ #footer > section.split > section:last-child {
+ padding: 4rem 4rem 2rem 4rem ; }
+ #footer > section.split.contact > section {
+ padding: 4rem; }
+ #footer > section.split.contact > section:first-child {
+ padding: 4rem; }
+ #footer > section.split.contact > section:last-child {
+ padding: 4rem; }
+ #footer form label,
+ #footer h3,
+ #footer p {
+ font-size: 0.9rem; } }
+ @media screen and (max-width: 736px) {
+ #footer > section {
+ padding: 2rem 2rem 0.1rem 2rem ; }
+ #footer > section.split > section {
+ padding: 2rem 2rem 0.1rem 2rem ; }
+ #footer > section.split > section:first-child {
+ padding: 2rem 2rem 0.1rem 2rem ; }
+ #footer > section.split > section:last-child {
+ padding: 2rem 2rem 0.1rem 2rem ; }
+ #footer > section.split.contact > section {
+ padding: 2rem; }
+ #footer > section.split.contact > section:first-child {
+ padding: 2rem; }
+ #footer > section.split.contact > section:last-child {
+ padding: 2rem; } }
+ @media screen and (max-width: 480px) {
+ #footer {
+ width: 100%; } }
+
+#copyright {
+ color: #ffffff;
+ position: relative;
+ color: rgba(255, 255, 255, 0.25);
+ cursor: default;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
+ font-size: 0.8rem;
+ font-weight: 900;
+ letter-spacing: 0.075em;
+ line-height: 1.5;
+ text-align: center;
+ text-transform: uppercase;
+ margin: 4rem auto 8rem auto;
+ width: calc(100% - 4rem);
+ max-width: 72rem;
+ z-index: 2; }
+ #copyright input, #copyright select, #copyright textarea {
+ color: #ffffff; }
+ #copyright a {
+ color: #ffffff;
+ border-bottom-color: rgba(255, 255, 255, 0.5); }
+ #copyright a:hover {
+ border-bottom-color: transparent;
+ color: #18bfef !important; }
+ #copyright strong, #copyright b {
+ color: #ffffff; }
+ #copyright h1, #copyright h2, #copyright h3, #copyright h4, #copyright h5, #copyright h6 {
+ color: #ffffff; }
+ #copyright blockquote {
+ border-left-color: #ffffff; }
+ #copyright code {
+ background: rgba(255, 255, 255, 0.075);
+ border-color: #ffffff; }
+ #copyright hr {
+ border-bottom-color: #ffffff; }
+ #copyright a {
+ color: inherit;
+ border-bottom-color: inherit; }
+ #copyright ul {
+ list-style: none;
+ margin: 0;
+ padding-left: 0; }
+ #copyright ul li {
+ border-left: solid 2px;
+ display: inline-block;
+ line-height: 1;
+ margin-left: 1rem;
+ padding-left: 1rem; }
+ #copyright ul li:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0; }
+ @media screen and (max-width: 1280px) {
+ #copyright {
+ margin: 4rem auto; } }
+ @media screen and (max-width: 480px) {
+ #copyright ul li {
+ border-left: 0;
+ margin: 1rem 0 0 0;
+ padding-left: 0;
+ display: block; }
+ #copyright ul li:first-child {
+ margin-top: 0; } }
+
+/* Nav Panel */
+#navPanelToggle {
+ text-decoration: none;
+ -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ display: none;
+ position: fixed;
+ top: 0.75rem;
+ right: 0.75rem;
+ border: 0;
+ color: #ffffff;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
+ font-size: 0.9rem;
+ font-weight: 900;
+ letter-spacing: 0.075em;
+ padding: 0.375rem 1.25rem;
+ text-transform: uppercase;
+ z-index: 10001; }
+ #navPanelToggle:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important; }
+ #navPanelToggle:before {
+ content: '\f0c9';
+ margin-right: 0.5rem; }
+ #navPanelToggle.alt {
+ background-color: rgba(255, 255, 255, 0.875);
+ box-shadow: 0 0.125rem 0.75rem 0 rgba(30, 37, 45, 0.25);
+ color: #212931; }
+ #navPanelToggle.alt:hover {
+ background-color: #ffffff; }
+ @media screen and (max-width: 980px) {
+ #navPanelToggle {
+ display: block; } }
+ @media screen and (max-width: 736px) {
+ #navPanelToggle {
+ font-size: 0.8rem;
+ padding: 0.25rem 1rem; } }
+
+#navPanel {
+ -moz-transform: translateX(20rem);
+ -webkit-transform: translateX(20rem);
+ -ms-transform: translateX(20rem);
+ transform: translateX(20rem);
+ -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
+ -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
+ -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
+ transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
+ display: none;
+ -webkit-overflow-scrolling: touch;
+ background: #ffffff;
+ box-shadow: none;
+ color: #212931;
+ height: 100%;
+ max-width: 80%;
+ overflow-y: auto;
+ padding: 3rem 2rem;
+ position: fixed;
+ right: 0;
+ top: 0;
+ visibility: hidden;
+ width: 20rem;
+ z-index: 10002; }
+ #navPanel .links {
+ list-style: none;
+ padding-left: 0; }
+ #navPanel .links li {
+ border-top: solid 2px #eeeeee; }
+ #navPanel .links li a {
+ border-bottom: 0;
+ display: block;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
+ font-size: 0.9rem;
+ font-size: 0.9rem;
+ font-weight: 900;
+ letter-spacing: 0.075em;
+ padding: 0.75rem 0;
+ text-transform: uppercase; }
+ #navPanel .links li:first-child {
+ border-top: 0; }
+ #navPanel .close {
+ text-decoration: none;
+ -moz-transition: color 0.2s ease-in-out;
+ -webkit-transition: color 0.2s ease-in-out;
+ -ms-transition: color 0.2s ease-in-out;
+ transition: color 0.2s ease-in-out;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ border: 0;
+ color: #909498;
+ cursor: pointer;
+ display: block;
+ height: 3.25rem;
+ line-height: 3.25rem;
+ padding-right: 1.25rem;
+ position: absolute;
+ right: 0;
+ text-align: right;
+ top: 0;
+ vertical-align: middle;
+ width: 7rem; }
+ #navPanel .close:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important; }
+ #navPanel .close:before {
+ content: '\f00d';
+ font-size: 1.25rem; }
+ #navPanel .close:hover {
+ color: #212931; }
+ @media screen and (max-width: 736px) {
+ #navPanel .close {
+ height: 4rem;
+ line-height: 4rem; } }
+ @media screen and (max-width: 980px) {
+ #navPanel {
+ display: block; } }
+ @media screen and (max-width: 736px) {
+ #navPanel {
+ padding: 2.5rem 1.75rem; } }
+
+@media screen and (max-width: 980px) {
+ body.is-navPanel-visible #wrapper {
+ opacity: 0.5; }
+ body.is-navPanel-visible #navPanel {
+ -moz-transform: translateX(0);
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
+ visibility: visible; } }
+
+/*# sourceMappingURL=main.css.map */ \ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_12bfed357d24ca59ff7ceeb30292a324.json b/exampleSite/resources/_gen/assets/scss/scss/main.scss_12bfed357d24ca59ff7ceeb30292a324.json
new file mode 100644
index 0000000..c61de79
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/scss/scss/main.scss_12bfed357d24ca59ff7ceeb30292a324.json
@@ -0,0 +1 @@
+{"Target":"assets/css/main.css","MediaType":"text/css","Data":{}} \ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_4e08459ae24892226881b9fbaab4d397.content b/exampleSite/resources/_gen/assets/scss/scss/main.scss_4e08459ae24892226881b9fbaab4d397.content
new file mode 100644
index 0000000..67a7ce6
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/scss/scss/main.scss_4e08459ae24892226881b9fbaab4d397.content
@@ -0,0 +1 @@
+@import "font-awesome.min.css";@import "https://fonts.googleapis.com/css?family=Merriweather:300,700,300italic,700italic|Source+Sans+Pro:900";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input,select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}@-ms-viewport{width:device-width;}body{-ms-overflow-style:scrollbar}@media screen and (max-width:480px){html,body{min-width:320px}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background-color:#1e252d}body.is-preload *,body.is-preload *:before,body.is-preload *:after{-moz-animation:none!important;-webkit-animation:none!important;-ms-animation:none!important;animation:none!important;-moz-transition:none!important;-webkit-transition:none!important;-ms-transition:none!important;transition:none!important}html{font-size:16pt}@media screen and (max-width:1680px){html{font-size:12pt}}@media screen and (max-width:1280px){html{font-size:11pt}}@media screen and (max-width:360px){html{font-size:10pt}}body{color:#212931}body,input,select,textarea{font-family:merriweather,Georgia,serif;font-weight:300;font-size:1rem;line-height:2.375}a{-moz-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;-webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;-ms-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;border-bottom:dotted 1px;text-decoration:none}a:hover{border-bottom-color:transparent}strong,b{font-weight:600}em,i{font-style:italic}p{text-align:justify;margin:0 0 2rem}h1,h2,h3,h4,h5,h6{font-family:source sans pro,Helvetica,sans-serif;font-weight:900;line-height:1.5;letter-spacing:.075em;text-transform:uppercase;margin:0 0 1rem}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{border-bottom:0;color:inherit;text-decoration:none}h1{font-size:4rem;line-height:1.1;margin:0 0 2rem}h2{font-size:1.75rem;line-height:1.3;margin:0 0 1.5rem}h3{font-size:1.25rem;margin:0 0 1.5rem}h4{font-size:1rem}h5{font-size:.9rem}h6{font-size:.8rem}sub{font-size:.8rem;position:relative;top:.5rem}sup{font-size:.8rem;position:relative;top:-.5rem}blockquote{border-left:solid 4px;font-style:italic;margin:0 0 2rem;padding:.5rem 0 .5rem 2rem}code{border:solid 2px;font-family:courier new,monospace;font-size:.9rem;margin:0 .25rem;padding:.25rem .65rem}pre{-webkit-overflow-scrolling:touch;font-family:courier new,monospace;font-size:.9rem;margin:0 0 2rem}pre code{display:block;line-height:1.75;padding:1rem 1.5rem;overflow-x:auto}hr{border:0;border-bottom:solid 2px;margin:3rem 0}hr.major{margin:5rem 0}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}input,select,textarea{color:#212931}a{color:#212931;border-bottom-color:rgba(33,41,49,.5)}a:hover{border-bottom-color:transparent;color:#18bfef!important}strong,b{color:#212931}h1,h2,h3,h4,h5,h6{color:#212931}blockquote{border-left-color:#eee}code{background:rgba(220,220,220,.25);border-color:#eee}hr{border-bottom-color:#eee}.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp{order:-1}.row>.col-1{width:8.33333333%}.row>.off-1{margin-left:8.33333333%}.row>.col-2{width:16.66666667%}.row>.off-2{margin-left:16.66666667%}.row>.col-3{width:25%}.row>.off-3{margin-left:25%}.row>.col-4{width:33.33333333%}.row>.off-4{margin-left:33.33333333%}.row>.col-5{width:41.66666667%}.row>.off-5{margin-left:41.66666667%}.row>.col-6{width:50%}.row>.off-6{margin-left:50%}.row>.col-7{width:58.33333333%}.row>.off-7{margin-left:58.33333333%}.row>.col-8{width:66.66666667%}.row>.off-8{margin-left:66.66666667%}.row>.col-9{width:75%}.row>.off-9{margin-left:75%}.row>.col-10{width:83.33333333%}.row>.off-10{margin-left:83.33333333%}.row>.col-11{width:91.66666667%}.row>.off-11{margin-left:91.66666667%}.row>.col-12{width:100%}.row>.off-12{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0}.row.gtr-0>*{padding:0 0 0 0}.row.gtr-0.gtr-uniform{margin-top:0}.row.gtr-0.gtr-uniform>*{padding-top:0}.row.gtr-25{margin-top:0;margin-left:-.375rem}.row.gtr-25>*{padding:0 0 0 .375rem}.row.gtr-25.gtr-uniform{margin-top:-.375rem}.row.gtr-25.gtr-uniform>*{padding-top:.375rem}.row.gtr-50{margin-top:0;margin-left:-.75rem}.row.gtr-50>*{padding:0 0 0 .75rem}.row.gtr-50.gtr-uniform{margin-top:-.75rem}.row.gtr-50.gtr-uniform>*{padding-top:.75rem}.row{margin-top:0;margin-left:-1.5rem}.row>*{padding:0 0 0 1.5rem}.row.gtr-uniform{margin-top:-1.5rem}.row.gtr-uniform>*{padding-top:1.5rem}.row.gtr-150{margin-top:0;margin-left:-2.25rem}.row.gtr-150>*{padding:0 0 0 2.25rem}.row.gtr-150.gtr-uniform{margin-top:-2.25rem}.row.gtr-150.gtr-uniform>*{padding-top:2.25rem}.row.gtr-200{margin-top:0;margin-left:-3rem}.row.gtr-200>*{padding:0 0 0 3rem}.row.gtr-200.gtr-uniform{margin-top:-3rem}.row.gtr-200.gtr-uniform>*{padding-top:3rem}@media screen and (max-width:1680px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-xlarge{order:-1}.row>.col-1-xlarge{width:8.33333333%}.row>.off-1-xlarge{margin-left:8.33333333%}.row>.col-2-xlarge{width:16.66666667%}.row>.off-2-xlarge{margin-left:16.66666667%}.row>.col-3-xlarge{width:25%}.row>.off-3-xlarge{margin-left:25%}.row>.col-4-xlarge{width:33.33333333%}.row>.off-4-xlarge{margin-left:33.33333333%}.row>.col-5-xlarge{width:41.66666667%}.row>.off-5-xlarge{margin-left:41.66666667%}.row>.col-6-xlarge{width:50%}.row>.off-6-xlarge{margin-left:50%}.row>.col-7-xlarge{width:58.33333333%}.row>.off-7-xlarge{margin-left:58.33333333%}.row>.col-8-xlarge{width:66.66666667%}.row>.off-8-xlarge{margin-left:66.66666667%}.row>.col-9-xlarge{width:75%}.row>.off-9-xlarge{margin-left:75%}.row>.col-10-xlarge{width:83.33333333%}.row>.off-10-xlarge{margin-left:83.33333333%}.row>.col-11-xlarge{width:91.66666667%}.row>.off-11-xlarge{margin-left:91.66666667%}.row>.col-12-xlarge{width:100%}.row>.off-12-xlarge{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0}.row.gtr-0>*{padding:0 0 0 0}.row.gtr-0.gtr-uniform{margin-top:0}.row.gtr-0.gtr-uniform>*{padding-top:0}.row.gtr-25{margin-top:0;margin-left:-.375rem}.row.gtr-25>*{padding:0 0 0 .375rem}.row.gtr-25.gtr-uniform{margin-top:-.375rem}.row.gtr-25.gtr-uniform>*{padding-top:.375rem}.row.gtr-50{margin-top:0;margin-left:-.75rem}.row.gtr-50>*{padding:0 0 0 .75rem}.row.gtr-50.gtr-uniform{margin-top:-.75rem}.row.gtr-50.gtr-uniform>*{padding-top:.75rem}.row{margin-top:0;margin-left:-1.5rem}.row>*{padding:0 0 0 1.5rem}.row.gtr-uniform{margin-top:-1.5rem}.row.gtr-uniform>*{padding-top:1.5rem}.row.gtr-150{margin-top:0;margin-left:-2.25rem}.row.gtr-150>*{padding:0 0 0 2.25rem}.row.gtr-150.gtr-uniform{margin-top:-2.25rem}.row.gtr-150.gtr-uniform>*{padding-top:2.25rem}.row.gtr-200{margin-top:0;margin-left:-3rem}.row.gtr-200>*{padding:0 0 0 3rem}.row.gtr-200.gtr-uniform{margin-top:-3rem}.row.gtr-200.gtr-uniform>*{padding-top:3rem}}@media screen and (max-width:1280px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-large{order:-1}.row>.col-1-large{width:8.33333333%}.row>.off-1-large{margin-left:8.33333333%}.row>.col-2-large{width:16.66666667%}.row>.off-2-large{margin-left:16.66666667%}.row>.col-3-large{width:25%}.row>.off-3-large{margin-left:25%}.row>.col-4-large{width:33.33333333%}.row>.off-4-large{margin-left:33.33333333%}.row>.col-5-large{width:41.66666667%}.row>.off-5-large{margin-left:41.66666667%}.row>.col-6-large{width:50%}.row>.off-6-large{margin-left:50%}.row>.col-7-large{width:58.33333333%}.row>.off-7-large{margin-left:58.33333333%}.row>.col-8-large{width:66.66666667%}.row>.off-8-large{margin-left:66.66666667%}.row>.col-9-large{width:75%}.row>.off-9-large{margin-left:75%}.row>.col-10-large{width:83.33333333%}.row>.off-10-large{margin-left:83.33333333%}.row>.col-11-large{width:91.66666667%}.row>.off-11-large{margin-left:91.66666667%}.row>.col-12-large{width:100%}.row>.off-12-large{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0}.row.gtr-0>*{padding:0 0 0 0}.row.gtr-0.gtr-uniform{margin-top:0}.row.gtr-0.gtr-uniform>*{padding-top:0}.row.gtr-25{margin-top:0;margin-left:-.375rem}.row.gtr-25>*{padding:0 0 0 .375rem}.row.gtr-25.gtr-uniform{margin-top:-.375rem}.row.gtr-25.gtr-uniform>*{padding-top:.375rem}.row.gtr-50{margin-top:0;margin-left:-.75rem}.row.gtr-50>*{padding:0 0 0 .75rem}.row.gtr-50.gtr-uniform{margin-top:-.75rem}.row.gtr-50.gtr-uniform>*{padding-top:.75rem}.row{margin-top:0;margin-left:-1.5rem}.row>*{padding:0 0 0 1.5rem}.row.gtr-uniform{margin-top:-1.5rem}.row.gtr-uniform>*{padding-top:1.5rem}.row.gtr-150{margin-top:0;margin-left:-2.25rem}.row.gtr-150>*{padding:0 0 0 2.25rem}.row.gtr-150.gtr-uniform{margin-top:-2.25rem}.row.gtr-150.gtr-uniform>*{padding-top:2.25rem}.row.gtr-200{margin-top:0;margin-left:-3rem}.row.gtr-200>*{padding:0 0 0 3rem}.row.gtr-200.gtr-uniform{margin-top:-3rem}.row.gtr-200.gtr-uniform>*{padding-top:3rem}}@media screen and (max-width:980px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-medium{order:-1}.row>.col-1-medium{width:8.33333333%}.row>.off-1-medium{margin-left:8.33333333%}.row>.col-2-medium{width:16.66666667%}.row>.off-2-medium{margin-left:16.66666667%}.row>.col-3-medium{width:25%}.row>.off-3-medium{margin-left:25%}.row>.col-4-medium{width:33.33333333%}.row>.off-4-medium{margin-left:33.33333333%}.row>.col-5-medium{width:41.66666667%}.row>.off-5-medium{margin-left:41.66666667%}.row>.col-6-medium{width:50%}.row>.off-6-medium{margin-left:50%}.row>.col-7-medium{width:58.33333333%}.row>.off-7-medium{margin-left:58.33333333%}.row>.col-8-medium{width:66.66666667%}.row>.off-8-medium{margin-left:66.66666667%}.row>.col-9-medium{width:75%}.row>.off-9-medium{margin-left:75%}.row>.col-10-medium{width:83.33333333%}.row>.off-10-medium{margin-left:83.33333333%}.row>.col-11-medium{width:91.66666667%}.row>.off-11-medium{margin-left:91.66666667%}.row>.col-12-medium{width:100%}.row>.off-12-medium{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0}.row.gtr-0>*{padding:0 0 0 0}.row.gtr-0.gtr-uniform{margin-top:0}.row.gtr-0.gtr-uniform>*{padding-top:0}.row.gtr-25{margin-top:0;margin-left:-.375rem}.row.gtr-25>*{padding:0 0 0 .375rem}.row.gtr-25.gtr-uniform{margin-top:-.375rem}.row.gtr-25.gtr-uniform>*{padding-top:.375rem}.row.gtr-50{margin-top:0;margin-left:-.75rem}.row.gtr-50>*{padding:0 0 0 .75rem}.row.gtr-50.gtr-uniform{margin-top:-.75rem}.row.gtr-50.gtr-uniform>*{padding-top:.75rem}.row{margin-top:0;margin-left:-1.5rem}.row>*{padding:0 0 0 1.5rem}.row.gtr-uniform{margin-top:-1.5rem}.row.gtr-uniform>*{padding-top:1.5rem}.row.gtr-150{margin-top:0;margin-left:-2.25rem}.row.gtr-150>*{padding:0 0 0 2.25rem}.row.gtr-150.gtr-uniform{margin-top:-2.25rem}.row.gtr-150.gtr-uniform>*{padding-top:2.25rem}.row.gtr-200{margin-top:0;margin-left:-3rem}.row.gtr-200>*{padding:0 0 0 3rem}.row.gtr-200.gtr-uniform{margin-top:-3rem}.row.gtr-200.gtr-uniform>*{padding-top:3rem}}@media screen and (max-width:736px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-small{order:-1}.row>.col-1-small{width:8.33333333%}.row>.off-1-small{margin-left:8.33333333%}.row>.col-2-small{width:16.66666667%}.row>.off-2-small{margin-left:16.66666667%}.row>.col-3-small{width:25%}.row>.off-3-small{margin-left:25%}.row>.col-4-small{width:33.33333333%}.row>.off-4-small{margin-left:33.33333333%}.row>.col-5-small{width:41.66666667%}.row>.off-5-small{margin-left:41.66666667%}.row>.col-6-small{width:50%}.row>.off-6-small{margin-left:50%}.row>.col-7-small{width:58.33333333%}.row>.off-7-small{margin-left:58.33333333%}.row>.col-8-small{width:66.66666667%}.row>.off-8-small{margin-left:66.66666667%}.row>.col-9-small{width:75%}.row>.off-9-small{margin-left:75%}.row>.col-10-small{width:83.33333333%}.row>.off-10-small{margin-left:83.33333333%}.row>.col-11-small{width:91.66666667%}.row>.off-11-small{margin-left:91.66666667%}.row>.col-12-small{width:100%}.row>.off-12-small{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0}.row.gtr-0>*{padding:0 0 0 0}.row.gtr-0.gtr-uniform{margin-top:0}.row.gtr-0.gtr-uniform>*{padding-top:0}.row.gtr-25{margin-top:0;margin-left:-.375rem}.row.gtr-25>*{padding:0 0 0 .375rem}.row.gtr-25.gtr-uniform{margin-top:-.375rem}.row.gtr-25.gtr-uniform>*{padding-top:.375rem}.row.gtr-50{margin-top:0;margin-left:-.75rem}.row.gtr-50>*{padding:0 0 0 .75rem}.row.gtr-50.gtr-uniform{margin-top:-.75rem}.row.gtr-50.gtr-uniform>*{padding-top:.75rem}.row{margin-top:0;margin-left:-1.5rem}.row>*{padding:0 0 0 1.5rem}.row.gtr-uniform{margin-top:-1.5rem}.row.gtr-uniform>*{padding-top:1.5rem}.row.gtr-150{margin-top:0;margin-left:-2.25rem}.row.gtr-150>*{padding:0 0 0 2.25rem}.row.gtr-150.gtr-uniform{margin-top:-2.25rem}.row.gtr-150.gtr-uniform>*{padding-top:2.25rem}.row.gtr-200{margin-top:0;margin-left:-3rem}.row.gtr-200>*{padding:0 0 0 3rem}.row.gtr-200.gtr-uniform{margin-top:-3rem}.row.gtr-200.gtr-uniform>*{padding-top:3rem}}@media screen and (max-width:480px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-xsmall{order:-1}.row>.col-1-xsmall{width:8.33333333%}.row>.off-1-xsmall{margin-left:8.33333333%}.row>.col-2-xsmall{width:16.66666667%}.row>.off-2-xsmall{margin-left:16.66666667%}.row>.col-3-xsmall{width:25%}.row>.off-3-xsmall{margin-left:25%}.row>.col-4-xsmall{width:33.33333333%}.row>.off-4-xsmall{margin-left:33.33333333%}.row>.col-5-xsmall{width:41.66666667%}.row>.off-5-xsmall{margin-left:41.66666667%}.row>.col-6-xsmall{width:50%}.row>.off-6-xsmall{margin-left:50%}.row>.col-7-xsmall{width:58.33333333%}.row>.off-7-xsmall{margin-left:58.33333333%}.row>.col-8-xsmall{width:66.66666667%}.row>.off-8-xsmall{margin-left:66.66666667%}.row>.col-9-xsmall{width:75%}.row>.off-9-xsmall{margin-left:75%}.row>.col-10-xsmall{width:83.33333333%}.row>.off-10-xsmall{margin-left:83.33333333%}.row>.col-11-xsmall{width:91.66666667%}.row>.off-11-xsmall{margin-left:91.66666667%}.row>.col-12-xsmall{width:100%}.row>.off-12-xsmall{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0}.row.gtr-0>*{padding:0 0 0 0}.row.gtr-0.gtr-uniform{margin-top:0}.row.gtr-0.gtr-uniform>*{padding-top:0}.row.gtr-25{margin-top:0;margin-left:-.375rem}.row.gtr-25>*{padding:0 0 0 .375rem}.row.gtr-25.gtr-uniform{margin-top:-.375rem}.row.gtr-25.gtr-uniform>*{padding-top:.375rem}.row.gtr-50{margin-top:0;margin-left:-.75rem}.row.gtr-50>*{padding:0 0 0 .75rem}.row.gtr-50.gtr-uniform{margin-top:-.75rem}.row.gtr-50.gtr-uniform>*{padding-top:.75rem}.row{margin-top:0;margin-left:-1.5rem}.row>*{padding:0 0 0 1.5rem}.row.gtr-uniform{margin-top:-1.5rem}.row.gtr-uniform>*{padding-top:1.5rem}.row.gtr-150{margin-top:0;margin-left:-2.25rem}.row.gtr-150>*{padding:0 0 0 2.25rem}.row.gtr-150.gtr-uniform{margin-top:-2.25rem}.row.gtr-150.gtr-uniform>*{padding-top:2.25rem}.row.gtr-200{margin-top:0;margin-left:-3rem}.row.gtr-200>*{padding:0 0 0 3rem}.row.gtr-200.gtr-uniform{margin-top:-3rem}.row.gtr-200.gtr-uniform>*{padding-top:3rem}}@media screen and (max-width:360px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-xxsmall{order:-1}.row>.col-1-xxsmall{width:8.33333333%}.row>.off-1-xxsmall{margin-left:8.33333333%}.row>.col-2-xxsmall{width:16.66666667%}.row>.off-2-xxsmall{margin-left:16.66666667%}.row>.col-3-xxsmall{width:25%}.row>.off-3-xxsmall{margin-left:25%}.row>.col-4-xxsmall{width:33.33333333%}.row>.off-4-xxsmall{margin-left:33.33333333%}.row>.col-5-xxsmall{width:41.66666667%}.row>.off-5-xxsmall{margin-left:41.66666667%}.row>.col-6-xxsmall{width:50%}.row>.off-6-xxsmall{margin-left:50%}.row>.col-7-xxsmall{width:58.33333333%}.row>.off-7-xxsmall{margin-left:58.33333333%}.row>.col-8-xxsmall{width:66.66666667%}.row>.off-8-xxsmall{margin-left:66.66666667%}.row>.col-9-xxsmall{width:75%}.row>.off-9-xxsmall{margin-left:75%}.row>.col-10-xxsmall{width:83.33333333%}.row>.off-10-xxsmall{margin-left:83.33333333%}.row>.col-11-xxsmall{width:91.66666667%}.row>.off-11-xxsmall{margin-left:91.66666667%}.row>.col-12-xxsmall{width:100%}.row>.off-12-xxsmall{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0}.row.gtr-0>*{padding:0 0 0 0}.row.gtr-0.gtr-uniform{margin-top:0}.row.gtr-0.gtr-uniform>*{padding-top:0}.row.gtr-25{margin-top:0;margin-left:-.375rem}.row.gtr-25>*{padding:0 0 0 .375rem}.row.gtr-25.gtr-uniform{margin-top:-.375rem}.row.gtr-25.gtr-uniform>*{padding-top:.375rem}.row.gtr-50{margin-top:0;margin-left:-.75rem}.row.gtr-50>*{padding:0 0 0 .75rem}.row.gtr-50.gtr-uniform{margin-top:-.75rem}.row.gtr-50.gtr-uniform>*{padding-top:.75rem}.row{margin-top:0;margin-left:-1.5rem}.row>*{padding:0 0 0 1.5rem}.row.gtr-uniform{margin-top:-1.5rem}.row.gtr-uniform>*{padding-top:1.5rem}.row.gtr-150{margin-top:0;margin-left:-2.25rem}.row.gtr-150>*{padding:0 0 0 2.25rem}.row.gtr-150.gtr-uniform{margin-top:-2.25rem}.row.gtr-150.gtr-uniform>*{padding-top:2.25rem}.row.gtr-200{margin-top:0;margin-left:-3rem}.row.gtr-200>*{padding:0 0 0 3rem}.row.gtr-200.gtr-uniform{margin-top:-3rem}.row.gtr-200.gtr-uniform>*{padding-top:3rem}}.box{border:solid 2px;margin-bottom:2rem;padding:1.5rem}.box>:last-child,.box>:last-child>:last-child,.box>:last-child>:last-child>:last-child{margin-bottom:0}.box.alt{border:0;border-radius:0;padding:0}.box{border-color:#eee}input[type=submit],input[type=reset],input[type=button],button,.button{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;-moz-transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;border:0;border-radius:0;cursor:pointer;display:inline-block;font-family:source sans pro,Helvetica,sans-serif;font-size:.8rem;font-weight:900;letter-spacing:.075em;height:3rem;line-height:3rem;padding:0 2rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}input[type=submit].icon:before,input[type=reset].icon:before,input[type=button].icon:before,button.icon:before,.button.icon:before{margin-right:.5rem}input[type=submit].icon.solo,input[type=reset].icon.solo,input[type=button].icon.solo,button.icon.solo,.button.icon.solo{position:relative;width:4rem;height:4rem;line-height:4rem;border-radius:4rem;text-indent:4rem;overflow:hidden;padding:0;white-space:nowrap}input[type=submit].icon.solo:before,input[type=reset].icon.solo:before,input[type=button].icon.solo:before,button.icon.solo:before,.button.icon.solo:before{position:absolute;display:block;top:0;left:0;width:inherit;height:inherit;line-height:inherit;font-size:1.25rem;margin-right:0;text-align:center;text-indent:0}input[type=submit].fit,input[type=reset].fit,input[type=button].fit,button.fit,.button.fit{width:100%}input[type=submit].small,input[type=reset].small,input[type=button].small,button.small,.button.small{font-size:.7rem;height:2.5rem;line-height:2.5rem;padding:0 1.5rem}input[type=submit].large,input[type=reset].large,input[type=button].large,button.large,.button.large{font-size:.9rem;height:3.5rem;line-height:3.5rem;padding:0 2.75rem}@media screen and (max-width:980px){input[type=submit],input[type=reset],input[type=button],button,.button{font-size:.9rem;height:3.25rem;line-height:3.25rem}input[type=submit].large,input[type=reset].large,input[type=button].large,button.large,.button.large{font-size:1rem;height:3.75rem;line-height:3.75rem}}input[type=submit].disabled,input[type=submit]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=button].disabled,input[type=button]:disabled,button.disabled,button:disabled,.button.disabled,.button:disabled{pointer-events:none;opacity:.25}input[type=submit],input[type=reset],input[type=button],button,.button{background-color:transparent;box-shadow:inset 0 0 0 2px #212931;color:#212931!important}input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,button:hover,.button:hover{box-shadow:inset 0 0 0 2px #18bfef;color:#18bfef!important}input[type=submit].primary,input[type=reset].primary,input[type=button].primary,button.primary,.button.primary{background-color:#212931;box-shadow:none;color:#fff!important}input[type=submit].primary:hover,input[type=reset].primary:hover,input[type=button].primary:hover,button.primary:hover,.button.primary:hover{background-color:#18bfef}form{margin:0 0 2rem}form>:last-child{margin-bottom:0}form>.fields{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% + 3rem);margin:-1.5rem 0 2rem -1.5rem}form>.fields>.field{-moz-flex-grow:0;-webkit-flex-grow:0;-ms-flex-grow:0;flex-grow:0;-moz-flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;padding:1.5rem 0 0 1.5rem;width:calc(100% - 1.5rem)}form>.fields>.field.half{width:calc(50% - 0.75rem)}form>.fields>.field.third{width:calc(100%/3 - 0.5rem)}form>.fields>.field.quarter{width:calc(25% - 0.375rem)}@media screen and (max-width:480px){form>.fields{width:calc(100% + 3rem);margin:-1.5rem 0 2rem -1.5rem}form>.fields>.field{padding:1.5rem 0 0 1.5rem;width:calc(100% - 1.5rem)}form>.fields>.field.half{width:calc(100% - 1.5rem)}form>.fields>.field.third{width:calc(100% - 1.5rem)}form>.fields>.field.quarter{width:calc(100% - 1.5rem)}}label{display:block;font-family:source sans pro,Helvetica,sans-serif;font-weight:900;line-height:1.5;letter-spacing:.075em;font-size:.8rem;text-transform:uppercase;margin:0 0 .75rem}@media screen and (max-width:980px){label{font-size:.9rem}}input[type=text],input[type=password],input[type=email],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;background:transparent;border-radius:0;border:solid 2px;color:inherit;display:block;outline:0;padding:0 1rem;text-decoration:none;width:100%}input[type=text]:invalid,input[type=password]:invalid,input[type=email]:invalid,select:invalid,textarea:invalid{box-shadow:none}select{background-size:1.25rem;background-repeat:no-repeat;background-position:calc(100% - 1rem);height:3rem;padding-right:3rem;text-overflow:ellipsis}select:focus::-ms-value{background-color:transparent}select::-ms-expand{display:none}input[type=text],input[type=password],input[type=email],select{height:3rem}textarea{padding:.75rem 1rem}input[type=checkbox],input[type=radio]{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;display:block;float:left;margin-right:-2rem;opacity:0;width:1rem;z-index:-1}input[type=checkbox]+label,input[type=radio]+label{text-decoration:none;cursor:pointer;display:inline-block;font-size:1rem;letter-spacing:0;font-family:merriweather,Georgia,serif;text-transform:none;font-weight:300;padding-left:2.8rem;padding-right:1rem;position:relative}input[type=checkbox]+label:before,input[type=radio]+label:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:FontAwesome;font-style:normal;font-weight:400;text-transform:none!important}input[type=checkbox]+label:before,input[type=radio]+label:before{border-radius:0;border:solid 2px;content:'';display:inline-block;height:1.8rem;left:0;line-height:1.725rem;position:absolute;text-align:center;top:-.125rem;width:1.8rem}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{content:'\f00c'}input[type=checkbox]+label:before{border-radius:0}input[type=radio]+label:before{border-radius:100%}::-webkit-input-placeholder{opacity:1}:-moz-placeholder{opacity:1}::-moz-placeholder{opacity:1}:-ms-input-placeholder{opacity:1}label{color:#212931}input[type=text],input[type=password],input[type=email],select,textarea{border-color:#eee}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,select:focus,textarea:focus{border-color:#18bfef}select{background-image:url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNOS40IDEyLjNsMTAuNCAxMC40IDEwLjQtMTAuNGMuMi0uMi41LS40LjktLjQuMy4wLjYuMS45LjRsMy4zIDMuM2MuMi4yLjQuNS40LjkuMC40LS4xLjYtLjQuOUwyMC43IDMxLjljLS4yLjItLjUuNC0uOS40LS4zLjAtLjYtLjEtLjktLjRMNC4zIDE3LjNjLS4yLS4yLS40LS41LS40LS45LjAtLjQuMS0uNi40LS45bDMuMy0zLjNjLjItLjIuNS0uNC45LS40UzkuMSAxMi4xIDkuNCAxMi4zeiIgZmlsbD0iI2VlZSIgLz48L3N2Zz4=)}select option{background-color:#fff;color:#212931}.select-wrapper:before{color:#eee}input[type=checkbox]+label,input[type=radio]+label{color:#212931}input[type=checkbox]+label:before,input[type=radio]+label:before{border-color:#eee}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{background-color:#212931;border-color:#212931;color:#fff}input[type=checkbox]:focus+label:before,input[type=radio]:focus+label:before{border-color:#18bfef}::-webkit-input-placeholder{color:#909498!important}:-moz-placeholder{color:#909498!important}::-moz-placeholder{color:#909498!important}:-ms-input-placeholder{color:#909498!important}.formerize-placeholder{color:#909498!important}.icon{text-decoration:none;border-bottom:none;position:relative}.icon:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:FontAwesome;font-style:normal;font-weight:400;text-transform:none!important}.icon>.label{display:none}.image{border:0;display:inline-block;position:relative}.image img{display:block}.image.left,.image.right{max-width:40%}.image.left img,.image.right img{width:100%}.image.left{float:left;margin:0 2rem 2rem 0;top:.75rem}.image.right{float:right;margin:0 0 2rem 2rem;top:.75rem}.image.fit{display:block;margin:2.5rem 0;width:100%}.image.fit:first-child{margin-top:0}.image.fit img{width:100%}.image.main{display:block;margin:4rem 0;width:100%}.image.main:first-child{margin-top:0}.image.main img{width:100%}@media screen and (max-width:736px){.image.fit{margin:2rem 0}.image.main{margin:2rem 0}}a.image{overflow:hidden}a.image img{-moz-transition:-moz-transform .2s ease-out;-webkit-transition:-webkit-transform .2s ease-out;-ms-transition:-ms-transform .2s ease-out;transition:transform .2s ease-out}a.image:hover img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}ul.actions{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;cursor:default;list-style:none;margin-left:-1rem;padding-left:0}ul.actions li{padding:0 0 0 1rem;vertical-align:middle}ul.actions.special{-moz-justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;width:100%;margin-left:0}ul.actions.special li:first-child{padding-left:0}ul.actions.stacked{-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:0}ul.actions.stacked li{padding:1.3rem 0 0}ul.actions.stacked li:first-child{padding-top:0}ul.actions.fit{width:calc(100% + 1rem)}ul.actions.fit li{-moz-flex-grow:1;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1;-moz-flex-shrink:1;-webkit-flex-shrink:1;-ms-flex-shrink:1;flex-shrink:1;width:100%}ul.actions.fit li>*{width:100%}ul.actions.fit.stacked{width:100%}@media screen and (max-width:480px){ul.actions:not(.fixed){-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:0;width:100%!important}ul.actions:not(.fixed) li{-moz-flex-grow:1;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1;-moz-flex-shrink:1;-webkit-flex-shrink:1;-ms-flex-shrink:1;flex-shrink:1;padding:1rem 0 0;text-align:center;width:100%}ul.actions:not(.fixed) li>*{width:100%}ul.actions:not(.fixed) li:first-child{padding-top:0}ul.actions:not(.fixed) li input[type=submit],ul.actions:not(.fixed) li input[type=reset],ul.actions:not(.fixed) li input[type=button],ul.actions:not(.fixed) li button,ul.actions:not(.fixed) li .button{width:100%}ul.actions:not(.fixed) li input[type=submit].icon:before,ul.actions:not(.fixed) li input[type=reset].icon:before,ul.actions:not(.fixed) li input[type=button].icon:before,ul.actions:not(.fixed) li button.icon:before,ul.actions:not(.fixed) li .button.icon:before{margin-left:-.5rem}}ul.icons{cursor:default;list-style:none;padding-left:0}ul.icons li{display:inline-block;padding:0 .5rem 0 0;vertical-align:middle}ul.icons li:last-child{padding-right:0}ul.icons li .icon:before{width:2.25rem;height:2.25rem;line-height:2.25rem;display:inline-block;text-align:center;border-radius:100%;font-size:1.25rem}ul.icons.alt li .icon:before{-moz-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;-webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;-ms-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;font-size:1rem}ol{list-style:decimal;margin:0 0 2rem;padding-left:1.25rem}ol li{padding-left:.25rem}ul{list-style:disc;margin:0 0 2rem;padding-left:1rem}ul li{padding-left:.5rem}ul.divided{list-style:none;padding-left:0}ul.divided li{border-top:solid 1px;padding:.5rem 0}ul.divided li:first-child{border-top:0;padding-top:0}dl{margin:0 0 2rem}dl dt{display:block;font-weight:600;margin:0 0 1rem}dl dd{margin-left:2rem}ul.divided li{border-top-color:#eee}ul.icons li a.icon:hover:before{color:#18bfef}ul.icons.alt li .icon:before{box-shadow:inset 0 0 0 2px #eee}ul.icons.alt li a.icon:hover:before{box-shadow:inset 0 0 0 2px #18bfef}section.special,article.special{text-align:center}header{cursor:default}header>.date{display:block;font-size:.8rem;height:1;margin:0 0 1rem;position:relative}header>p{font-style:italic}header>h1+p{font-size:1.1rem;margin-top:-.5rem;line-height:2}header>h2+p{font-size:1rem;margin-top:-.75rem}header>h3+p{font-size:.9rem;margin-top:-.75rem}header>h4+p{font-size:.8rem;margin-top:-.75rem}header.major{margin:0 0 4rem;text-align:center}header.major>:last-child{margin-bottom:0}header.major>p{margin-top:0;text-align:center}header.major>.date{font-size:1rem;margin:0 0 4rem}header.major>.date:before,header.major>.date:after{content:'';display:block;position:absolute;top:50%;width:calc(50% - 6rem);border-top:solid 2px}header.major>.date:before{left:0}header.major>.date:after{right:0}@media screen and (max-width:980px){header br{display:none}}@media screen and (max-width:736px){header.major{margin:0 0 2rem}}header.major .date:before,header.major .date:after{border-top-color:#eee}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}table{margin:0 0 2rem;width:100%}table tbody tr{border:solid 1px;border-left:0;border-right:0}table td{padding:.75rem}table th{font-family:source sans pro,Helvetica,sans-serif;font-size:.8rem;font-weight:900;letter-spacing:.075em;line-height:1.5;padding:0 .75rem .75rem;text-align:left;text-transform:uppercase}@media screen and (max-width:980px){table th{font-size:.9rem}}table thead{border-bottom:solid 2px}table tfoot{border-top:solid 2px}table.alt{border-collapse:separate}table.alt tbody tr td{border:solid 1px;border-left-width:0;border-top-width:0}table.alt tbody tr td:first-child{border-left-width:1px}table.alt tbody tr:first-child td{border-top-width:1px}table.alt thead{border-bottom:0}table.alt tfoot{border-top:0}table tbody tr{border-color:#eee}table tbody tr:nth-child(2n+1){background-color:rgba(220,220,220,.25)}table th{color:#212931}table thead{border-bottom-color:#eee}table tfoot{border-top-color:#eee}table.alt tbody tr td{border-color:#eee}.pagination{display:-moz-inline-flex;display:-webkit-inline-flex;display:-ms-inline-flex;display:inline-flex;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;list-style:none;margin:0 0 2rem 2px;padding:0}.pagination a,.pagination span{-moz-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;border:solid 2px;display:inline-block;font-family:source sans pro,Helvetica,sans-serif;font-size:.8rem;font-weight:900;height:3rem;letter-spacing:.075em;line-height:calc(3rem - 4px);margin-left:-2px;min-width:3rem;position:relative;text-align:center;text-decoration:none;text-transform:uppercase}.pagination .next,.pagination .previous{text-decoration:none;padding:0 1.75rem}.pagination .next:before,.pagination .previous:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:FontAwesome;font-style:normal;font-weight:400;text-transform:none!important}.pagination .next:before,.pagination .previous:before{display:inline-block;color:inherit!important}.pagination .previous:before{content:'\f104';margin-right:.9375em}.pagination .next:before{content:'\f105';float:right;margin-left:.9375em}@media screen and (max-width:980px){.pagination a,.pagination span{font-size:.9rem}}@media screen and (max-width:480px){.pagination .page,.pagination .extra{display:none}}.pagination a,.pagination span{border-color:#eee}.pagination a{color:#212931!important}.pagination a:hover{color:#18bfef!important;border-color:#18bfef;z-index:1}.pagination a:hover+a,.pagination a:hover+span{border-left-color:#18bfef}.pagination a.active{background-color:#eee}.pagination span{color:#eee}#wrapper{-moz-transition:opacity .5s ease;-webkit-transition:opacity .5s ease;-ms-transition:opacity .5s ease;transition:opacity .5s ease;position:relative;z-index:1;overflow:hidden}#wrapper>.bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#212931;background-image:url("../../images/overlay.png"),linear-gradient(0deg,rgba(0,0,0,0.1),rgba(0,0,0,0.1)),url("../../images/bg.jpg");background-size:auto,auto,100% auto;background-position:center,center,top center;background-repeat:repeat,no-repeat,no-repeat;background-attachment:scroll,scroll,scroll;z-index:-1}#wrapper>.bg.fixed{position:fixed;width:100vw;height:100vh}#wrapper.fade-in:before{pointer-events:none;-moz-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out;-ms-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;-moz-transition-delay:.75s;-webkit-transition-delay:.75s;-ms-transition-delay:.75s;transition-delay:.75s;background:#1e252d;content:'';display:block;height:100%;left:0;opacity:0;position:fixed;top:0;width:100%}body.is-preload #wrapper.fade-in:before{opacity:1}@media screen and (orientation:portrait){#wrapper>.bg{background-size:auto,auto,auto 175%}}#intro{color:#fff;padding:8rem 4rem 6rem;-moz-align-items:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-moz-justify-content:-moz-flex-end;-webkit-justify-content:-webkit-flex-end;-ms-justify-content:-ms-flex-end;justify-content:flex-end;-moz-transition:opacity 1s ease,-moz-transform 1s ease;-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;-ms-transition:opacity 1s ease,-ms-transform 1s ease;transition:opacity 1s ease,transform 1s ease;position:relative;cursor:default;text-align:center;z-index:1;min-height:100vh}#intro input,#intro select,#intro textarea{color:#fff}#intro a{color:#fff;border-bottom-color:rgba(255,255,255,.5)}#intro a:hover{border-bottom-color:transparent;color:#18bfef!important}#intro strong,#intro b{color:#fff}#intro h1,#intro h2,#intro h3,#intro h4,#intro h5,#intro h6{color:#fff}#intro blockquote{border-left-color:#fff}#intro code{background:rgba(255,255,255,.075);border-color:#fff}#intro hr{border-bottom-color:#fff}#intro input[type=submit],#intro input[type=reset],#intro input[type=button],#intro button,#intro .button{background-color:transparent;box-shadow:inset 0 0 0 2px #fff;color:#fff!important}#intro input[type=submit]:hover,#intro input[type=reset]:hover,#intro input[type=button]:hover,#intro button:hover,#intro .button:hover{box-shadow:inset 0 0 0 2px #18bfef;color:#18bfef!important}#intro input[type=submit].primary,#intro input[type=reset].primary,#intro input[type=button].primary,#intro button.primary,#intro .button.primary{background-color:#fff;box-shadow:none;color:#1e252d!important}#intro input[type=submit].primary:hover,#intro input[type=reset].primary:hover,#intro input[type=button].primary:hover,#intro button.primary:hover,#intro .button.primary:hover{background-color:#18bfef}#intro h1{font-size:5rem;line-height:1}#intro p{font-size:1.25rem;font-style:italic;margin-top:-.25rem;text-align:center}#intro+#header{margin-top:-20rem}#intro+#header .logo{-moz-transform:translateY(2rem);-webkit-transform:translateY(2rem);-ms-transform:translateY(2rem);transform:translateY(2rem);opacity:0;visibility:hidden}#intro.hidden{pointer-events:none;-moz-transform:translateY(2rem);-webkit-transform:translateY(2rem);-ms-transform:translateY(2rem);transform:translateY(2rem);-moz-transition:opacity .5s ease,-moz-transform .5s ease,visibility .5s;-webkit-transition:opacity .5s ease,-webkit-transform .5s ease,visibility .5s;-ms-transition:opacity .5s ease,-ms-transform .5s ease,visibility .5s;transition:opacity .5s ease,transform .5s ease,visibility .5s;opacity:0;visibility:hidden}#intro.hidden+#header .logo{-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}body.is-preload #intro{-moz-transform:translateY(2rem);-webkit-transform:translateY(2rem);-ms-transform:translateY(2rem);transform:translateY(2rem);opacity:0}body.is-preload #intro:not(.hidden)+#header+#nav{-moz-transform:translateY(4rem);-webkit-transform:translateY(4rem);-ms-transform:translateY(4rem);transform:translateY(4rem);opacity:0}@media screen and (max-width:980px){#intro{padding:4rem 4rem 2rem;min-height:90vh}#intro p br{display:none}#intro+#header{margin-top:-14rem}}@media screen and (max-width:736px){#intro{padding:3rem 2rem 1rem;min-height:80vh}#intro h1{font-size:3.25rem;line-height:1.1;margin-bottom:1rem}#intro p{font-size:1rem;margin-top:0}#intro .actions{display:none}}#header{color:#fff;-moz-align-items:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-moz-justify-content:-moz-flex-end;-webkit-justify-content:-webkit-flex-end;-ms-justify-content:-ms-flex-end;justify-content:flex-end;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:20rem;padding-bottom:8rem;position:relative;text-align:center;z-index:2}#header input,#header select,#header textarea{color:#fff}#header a{color:#fff;border-bottom-color:rgba(255,255,255,.5)}#header a:hover{border-bottom-color:transparent;color:#18bfef!important}#header strong,#header b{color:#fff}#header h1,#header h2,#header h3,#header h4,#header h5,#header h6{color:#fff}#header blockquote{border-left-color:#fff}#header code{background:rgba(255,255,255,.075);border-color:#fff}#header hr{border-bottom-color:#fff}#header .logo{-moz-transition:border-color .2s ease-in-out,color .2s ease-in-out,opacity .5s ease,-moz-transform .5s ease,visibility .5s;-webkit-transition:border-color .2s ease-in-out,color .2s ease-in-out,opacity .5s ease,-webkit-transform .5s ease,visibility .5s;-ms-transition:border-color .2s ease-in-out,color .2s ease-in-out,opacity .5s ease,-ms-transform .5s ease,visibility .5s;transition:border-color .2s ease-in-out,color .2s ease-in-out,opacity .5s ease,transform .5s ease,visibility .5s;pointer-events:auto;border-style:solid;border-color:#fff;border-width:5px!important;font-family:source sans pro,Helvetica,sans-serif;font-size:2.25rem;font-weight:900;letter-spacing:.075em;line-height:1;padding:1rem 1.75rem;text-transform:uppercase;visibility:visible}#header .logo:hover{border-color:#18bfef!important;color:#18bfef!important}@media screen and (max-width:980px){#header{height:14rem;padding-bottom:4rem}}@media screen and (max-width:736px){#header{padding-bottom:3rem}#header .logo{font-size:1.75rem;border-width:3px!important}}#nav{color:#fff;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-transition:-moz-transform 1s ease,opacity 1s ease;-webkit-transition:-webkit-transform 1s ease,opacity 1s ease;-ms-transition:-ms-transform 1s ease,opacity 1s ease;transition:transform 1s ease,opacity 1s ease;background:rgba(255,255,255,.175);height:4rem;line-height:4rem;margin:-4rem auto 0;overflow:hidden;padding:0 2rem 0 0;position:relative;width:calc(100% - 4rem);max-width:72rem;z-index:2}#nav ul.divided li{border-top-color:#fff}#nav ul.icons li a.icon:hover:before{color:#18bfef}#nav ul.icons.alt li .icon:before{box-shadow:inset 0 0 0 2px #fff}#nav ul.icons.alt li a.icon:hover:before{box-shadow:inset 0 0 0 2px #18bfef}#nav input,#nav select,#nav textarea{color:#fff}#nav a{color:#fff;border-bottom-color:rgba(255,255,255,.5)}#nav a:hover{border-bottom-color:transparent;color:#18bfef!important}#nav strong,#nav b{color:#fff}#nav h1,#nav h2,#nav h3,#nav h4,#nav h5,#nav h6{color:#fff}#nav blockquote{border-left-color:#fff}#nav code{background:rgba(255,255,255,.075);border-color:#fff}#nav hr{border-bottom-color:#fff}#nav ul.links{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-grow:1;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1;-moz-flex-shrink:1;-webkit-flex-shrink:1;-ms-flex-shrink:1;flex-shrink:1;font-family:source sans pro,Helvetica,sans-serif;font-weight:900;letter-spacing:.075em;list-style:none;margin-bottom:0;padding-left:0;text-transform:uppercase}#nav ul.links li{display:block;padding-left:0}#nav ul.links li a{-moz-transition:background-color .2s ease-in-out,color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out,color .2s ease-in-out;transition:background-color .2s ease-in-out,color .2s ease-in-out;display:block;font-size:.8rem;outline:none;padding:0 2rem}#nav ul.links li a:hover{color:inherit!important;background-color:rgba(255,255,255,.1)}#nav ul.links li.active{background-color:#fff}#nav ul.links li.active a{color:#1e252d}#nav ul.links li.active a:hover{color:#18bfef!important}#nav ul.icons{-moz-flex-grow:0;-webkit-flex-grow:0;-ms-flex-grow:0;flex-grow:0;-moz-flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;margin-bottom:0}@media screen and (max-width:980px){#nav{display:none}}#main{background-color:#fff;position:relative;margin:0 auto;width:calc(100% - 4rem);max-width:72rem;z-index:2}#main>*{padding:4rem 4rem 2rem;border-top:solid 2px #eee;margin:0}#main>*:first-child{border-top:0}#main>footer{text-align:center}#main>.post{padding:8rem 8rem 6rem}#main>.post header.major>.date{margin-top:-2rem}#main>.post header.major>h1,#main>.post header.major h2{font-size:4rem;line-height:1.1;margin:0 0 2rem}#main>.post.featured{text-align:center}@media screen and (max-width:1280px){#main>.post{padding:6rem 4rem 4rem}}@media screen and (max-width:736px){#main>.post{padding:4rem 2rem 2rem}#main>.post header.major>.date{margin-top:-1rem;margin-bottom:2rem}#main>.post header.major>h1,#main>.post header.major h2{font-size:2.5rem;line-height:1.2;margin:0 0 1.5rem}}#main>.posts{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-moz-align-items:-moz-stretch;-webkit-align-items:-webkit-stretch;-ms-align-items:-ms-stretch;align-items:stretch;text-align:center;width:100%;padding:0}#main>.posts>*{-moz-flex-shrink:1;-webkit-flex-shrink:1;-ms-flex-shrink:1;flex-shrink:1;-moz-flex-grow:0;-webkit-flex-grow:0;-ms-flex-grow:0;flex-grow:0}#main>.posts>*{width:50%}#main>.posts>*{padding:4rem;width:50%}#main>.posts>article{border-color:#eee;border-left-width:2px;border-style:solid;border-top-width:2px;text-align:center}#main>.posts>article>:last-child{margin-bottom:0}#main>.posts>article:nth-child(2n - 1){border-left-width:0}#main>.posts>article:nth-child(-n+2){border-top-width:0}@media screen and (max-width:980px){#main>.posts>*{width:50%}#main>.posts>*{padding:2.5rem;width:50%}}@media screen and (max-width:736px){#main>.posts>*{width:100%}#main>.posts>*{padding:2rem;width:100%}#main>.posts>article:nth-child(2n - 1){border-left-width:2px}#main>.posts>article:nth-child(-n+2){border-top-width:2px}#main>.posts>article:nth-child(n){border-left-width:0}#main>.posts>article:nth-child(-n+1){border-top-width:0}#main>.posts>article .image{max-width:25rem;margin-left:auto;margin-right:auto}}@media screen and (max-width:736px){#main>*{padding:2rem 2rem .1rem}}@media screen and (max-width:480px){#main{width:100%}}#footer{color:#717981;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;background-color:#f5f5f5;color:#909498;cursor:default;position:relative;margin:0 auto;width:calc(100% - 4rem);max-width:72rem;z-index:2}#footer input,#footer select,#footer textarea{color:#717981}#footer a{color:#717981;border-bottom-color:rgba(113,121,129,.5)}#footer a:hover{border-bottom-color:transparent;color:#18bfef!important}#footer strong,#footer b{color:#717981}#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6{color:#717981}#footer blockquote{border-left-color:#e2e2e2}#footer code{background:rgba(220,220,220,.5);border-color:#e2e2e2}#footer hr{border-bottom-color:#e2e2e2}#footer .box{border-color:#e2e2e2}#footer input[type=submit],#footer input[type=reset],#footer input[type=button],#footer button,#footer .button{background-color:transparent;box-shadow:inset 0 0 0 2px #717981;color:#717981!important}#footer input[type=submit]:hover,#footer input[type=reset]:hover,#footer input[type=button]:hover,#footer button:hover,#footer .button:hover{box-shadow:inset 0 0 0 2px #18bfef;color:#18bfef!important}#footer input[type=submit].primary,#footer input[type=reset].primary,#footer input[type=button].primary,#footer button.primary,#footer .button.primary{background-color:#717981;box-shadow:none;color:#f5f5f5!important}#footer input[type=submit].primary:hover,#footer input[type=reset].primary:hover,#footer input[type=button].primary:hover,#footer button.primary:hover,#footer .button.primary:hover{background-color:#18bfef}#footer label{color:#717981}#footer input[type=text],#footer input[type=password],#footer input[type=email],#footer select,#footer textarea{border-color:#e2e2e2}#footer input[type=text]:focus,#footer input[type=password]:focus,#footer input[type=email]:focus,#footer select:focus,#footer textarea:focus{border-color:#18bfef}#footer select{background-image:url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNOS40IDEyLjNsMTAuNCAxMC40IDEwLjQtMTAuNGMuMi0uMi41LS40LjktLjQuMy4wLjYuMS45LjRsMy4zIDMuM2MuMi4yLjQuNS40LjkuMC40LS4xLjYtLjQuOUwyMC43IDMxLjljLS4yLjItLjUuNC0uOS40LS4zLjAtLjYtLjEtLjktLjRMNC4zIDE3LjNjLS4yLS4yLS40LS41LS40LS45LjAtLjQuMS0uNi40LS45bDMuMy0zLjNjLjItLjIuNS0uNC45LS40UzkuMSAxMi4xIDkuNCAxMi4zeiIgZmlsbD0iI2UyZTJlMiIgLz48L3N2Zz4=)}#footer select option{background-color:#f5f5f5;color:#717981}#footer .select-wrapper:before{color:#e2e2e2}#footer input[type=checkbox]+label,#footer input[type=radio]+label{color:#717981}#footer input[type=checkbox]+label:before,#footer input[type=radio]+label:before{border-color:#e2e2e2}#footer input[type=checkbox]:checked+label:before,#footer input[type=radio]:checked+label:before{background-color:#717981;border-color:#717981;color:#f5f5f5}#footer input[type=checkbox]:focus+label:before,#footer input[type=radio]:focus+label:before{border-color:#18bfef}#footer ::-webkit-input-placeholder{color:#b3b7bb!important}#footer :-moz-placeholder{color:#b3b7bb!important}#footer ::-moz-placeholder{color:#b3b7bb!important}#footer :-ms-input-placeholder{color:#b3b7bb!important}#footer .formerize-placeholder{color:#b3b7bb!important}#footer ul.divided li{border-top-color:#e2e2e2}#footer ul.icons li a.icon:hover:before{color:#18bfef}#footer ul.icons.alt li .icon:before{box-shadow:inset 0 0 0 2px #e2e2e2}#footer ul.icons.alt li a.icon:hover:before{box-shadow:inset 0 0 0 2px #18bfef}#footer header.major .date:before,#footer header.major .date:after{border-top-color:#e2e2e2}#footer table tbody tr{border-color:#e2e2e2}#footer table tbody tr:nth-child(2n+1){background-color:rgba(220,220,220,.5)}#footer table th{color:#717981}#footer table thead{border-bottom-color:#e2e2e2}#footer table tfoot{border-top-color:#e2e2e2}#footer table.alt tbody tr td{border-color:#e2e2e2}#footer .pagination a,#footer .pagination span{border-color:#e2e2e2}#footer .pagination a{color:#717981!important}#footer .pagination a:hover{color:#18bfef!important;border-color:#18bfef;z-index:1}#footer .pagination a:hover+a,#footer .pagination a:hover+span{border-left-color:#18bfef}#footer .pagination a.active{background-color:#e2e2e2}#footer .pagination span{color:#e2e2e2}#footer>section{-moz-flex-basis:50%;-webkit-flex-basis:50%;-ms-flex-basis:50%;flex-basis:50%;-moz-flex-grow:1;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1;-moz-flex-shrink:1;-webkit-flex-shrink:1;-ms-flex-shrink:1;flex-shrink:1;padding:4rem 4rem 2rem;border-left:solid 2px #e2e2e2}#footer>section:first-child{border-left:0}#footer>section.split{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0}#footer>section.split>section{padding:3rem 4rem 1rem;border-top:solid 2px #e2e2e2}#footer>section.split>section:first-child{padding:5rem 4rem 1rem;border-top:0}#footer>section.split>section:last-child{padding:3rem 4rem}#footer>section.split.contact>section{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-align-items:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;padding:3.15rem 4rem}#footer>section.split.contact>section>*{margin-bottom:0}#footer>section.split.contact>section>:first-child{-moz-flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;-moz-flex-grow:0;-webkit-flex-grow:0;-ms-flex-grow:0;flex-grow:0;width:6rem}#footer>section.split.contact>section>:last-child{-moz-flex-shrink:1;-webkit-flex-shrink:1;-ms-flex-shrink:1;flex-shrink:1;-moz-flex-grow:1;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1}#footer>section.split.contact>section:first-child{padding:4rem 4rem 3rem}#footer>section.split.contact>section:last-child{padding:3rem 4rem 4rem}#footer>section.split.contact>section.alt{-moz-align-items:-moz-flex-start;-webkit-align-items:-webkit-flex-start;-ms-align-items:-ms-flex-start;align-items:flex-start}#footer>section.split.contact>section.alt>:last-child{margin-top:-.325rem}#footer form label,#footer h3,#footer p{font-size:.8rem}@media screen and (max-width:980px){#footer{display:block}#footer>section{border-top:solid 2px #e2e2e2}#footer>section:first-child{border-top:0}#footer>section.split>section{padding:4rem 4rem 2rem}#footer>section.split>section:first-child{padding:4rem 4rem 2rem}#footer>section.split>section:last-child{padding:4rem 4rem 2rem}#footer>section.split.contact>section{padding:4rem}#footer>section.split.contact>section:first-child{padding:4rem}#footer>section.split.contact>section:last-child{padding:4rem}#footer form label,#footer h3,#footer p{font-size:.9rem}}@media screen and (max-width:736px){#footer>section{padding:2rem 2rem .1rem}#footer>section.split>section{padding:2rem 2rem .1rem}#footer>section.split>section:first-child{padding:2rem 2rem .1rem}#footer>section.split>section:last-child{padding:2rem 2rem .1rem}#footer>section.split.contact>section{padding:2rem}#footer>section.split.contact>section:first-child{padding:2rem}#footer>section.split.contact>section:last-child{padding:2rem}}@media screen and (max-width:480px){#footer{width:100%}}#copyright{color:#fff;position:relative;color:rgba(255,255,255,.25);cursor:default;font-family:source sans pro,Helvetica,sans-serif;font-size:.8rem;font-weight:900;letter-spacing:.075em;line-height:1.5;text-align:center;text-transform:uppercase;margin:4rem auto 8rem;width:calc(100% - 4rem);max-width:72rem;z-index:2}#copyright input,#copyright select,#copyright textarea{color:#fff}#copyright a{color:#fff;border-bottom-color:rgba(255,255,255,.5)}#copyright a:hover{border-bottom-color:transparent;color:#18bfef!important}#copyright strong,#copyright b{color:#fff}#copyright h1,#copyright h2,#copyright h3,#copyright h4,#copyright h5,#copyright h6{color:#fff}#copyright blockquote{border-left-color:#fff}#copyright code{background:rgba(255,255,255,.075);border-color:#fff}#copyright hr{border-bottom-color:#fff}#copyright a{color:inherit;border-bottom-color:inherit}#copyright ul{list-style:none;margin:0;padding-left:0}#copyright ul li{border-left:solid 2px;display:inline-block;line-height:1;margin-left:1rem;padding-left:1rem}#copyright ul li:first-child{border-left:0;margin-left:0;padding-left:0}@media screen and (max-width:1280px){#copyright{margin:4rem auto}}@media screen and (max-width:480px){#copyright ul li{border-left:0;margin:1rem 0 0;padding-left:0;display:block}#copyright ul li:first-child{margin-top:0}}#navPanelToggle{text-decoration:none;-moz-transition:color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;-webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;-ms-transition:color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;transition:color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;display:none;position:fixed;top:.75rem;right:.75rem;border:0;color:#fff;font-family:source sans pro,Helvetica,sans-serif;font-size:.9rem;font-weight:900;letter-spacing:.075em;padding:.375rem 1.25rem;text-transform:uppercase;z-index:10001}#navPanelToggle:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:FontAwesome;font-style:normal;font-weight:400;text-transform:none!important}#navPanelToggle:before{content:'\f0c9';margin-right:.5rem}#navPanelToggle.alt{background-color:rgba(255,255,255,.875);box-shadow:0 .125rem .75rem 0 rgba(30,37,45,.25);color:#212931}#navPanelToggle.alt:hover{background-color:#fff}@media screen and (max-width:980px){#navPanelToggle{display:block}}@media screen and (max-width:736px){#navPanelToggle{font-size:.8rem;padding:.25rem 1rem}}#navPanel{-moz-transform:translateX(20rem);-webkit-transform:translateX(20rem);-ms-transform:translateX(20rem);transform:translateX(20rem);-moz-transition:-moz-transform .5s ease,box-shadow .5s ease,visibility .5s;-webkit-transition:-webkit-transform .5s ease,box-shadow .5s ease,visibility .5s;-ms-transition:-ms-transform .5s ease,box-shadow .5s ease,visibility .5s;transition:transform .5s ease,box-shadow .5s ease,visibility .5s;display:none;-webkit-overflow-scrolling:touch;background:#fff;box-shadow:none;color:#212931;height:100%;max-width:80%;overflow-y:auto;padding:3rem 2rem;position:fixed;right:0;top:0;visibility:hidden;width:20rem;z-index:10002}#navPanel .links{list-style:none;padding-left:0}#navPanel .links li{border-top:solid 2px #eee}#navPanel .links li a{border-bottom:0;display:block;font-family:source sans pro,Helvetica,sans-serif;font-size:.9rem;font-size:.9rem;font-weight:900;letter-spacing:.075em;padding:.75rem 0;text-transform:uppercase}#navPanel .links li:first-child{border-top:0}#navPanel .close{text-decoration:none;-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;color:#909498;cursor:pointer;display:block;height:3.25rem;line-height:3.25rem;padding-right:1.25rem;position:absolute;right:0;text-align:right;top:0;vertical-align:middle;width:7rem}#navPanel .close:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:FontAwesome;font-style:normal;font-weight:400;text-transform:none!important}#navPanel .close:before{content:'\f00d';font-size:1.25rem}#navPanel .close:hover{color:#212931}@media screen and (max-width:736px){#navPanel .close{height:4rem;line-height:4rem}}@media screen and (max-width:980px){#navPanel{display:block}}@media screen and (max-width:736px){#navPanel{padding:2.5rem 1.75rem}}@media screen and (max-width:980px){body.is-navPanel-visible #wrapper{opacity:.5}body.is-navPanel-visible #navPanel{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);box-shadow:0 0 1.5rem 0 rgba(0,0,0,.2);visibility:visible}} \ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_4e08459ae24892226881b9fbaab4d397.json b/exampleSite/resources/_gen/assets/scss/scss/main.scss_4e08459ae24892226881b9fbaab4d397.json
new file mode 100644
index 0000000..ba1e608
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/scss/scss/main.scss_4e08459ae24892226881b9fbaab4d397.json
@@ -0,0 +1 @@
+{"Target":"assets/css/main.min.css","MediaType":"text/css","Data":{}} \ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/scss/noscript.scss_2103917ee0aa183caf6c7ba1cd5fe1e6.content b/exampleSite/resources/_gen/assets/scss/scss/noscript.scss_2103917ee0aa183caf6c7ba1cd5fe1e6.content
new file mode 100644
index 0000000..dc1d024
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/scss/scss/noscript.scss_2103917ee0aa183caf6c7ba1cd5fe1e6.content
@@ -0,0 +1,26 @@
+@import url(font-awesome.min.css);
+/*
+ Massively by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+/* Wrapper */
+#wrapper {
+ background-color: #212931;
+ background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/bg.jpg");
+ background-size: auto, auto, 100% auto;
+ background-position: center, center, top center;
+ background-repeat: repeat, no-repeat, no-repeat;
+ background-attachment: fixed, fixed, fixed; }
+ #wrapper.fade-in:before {
+ display: none; }
+
+/* Intro */
+body.is-preload #intro {
+ opacity: 1; }
+ body.is-preload #intro:not(.hidden) + #header + #nav {
+ -moz-transform: none;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+ opacity: 1; }
diff --git a/exampleSite/resources/_gen/assets/scss/scss/noscript.scss_2103917ee0aa183caf6c7ba1cd5fe1e6.json b/exampleSite/resources/_gen/assets/scss/scss/noscript.scss_2103917ee0aa183caf6c7ba1cd5fe1e6.json
new file mode 100644
index 0000000..762490a
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/scss/scss/noscript.scss_2103917ee0aa183caf6c7ba1cd5fe1e6.json
@@ -0,0 +1 @@
+{"Target":"assets/css/noscript.css","MediaType":"text/css","Data":{}} \ No newline at end of file
diff --git a/layouts/partials/htmlhead.html b/layouts/partials/htmlhead.html
index 35ea1a8..16fd6d8 100644
--- a/layouts/partials/htmlhead.html
+++ b/layouts/partials/htmlhead.html
@@ -9,9 +9,17 @@
<title>{{ if eq (.Site.Title) (.Title) }}{{ .Site.Title }}{{ else }}{{ .Title }} &middot; {{ .Site.Title }}{{ end }}</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
- <link rel="stylesheet" href='{{ "assets/css/main.css" | relURL }}' />
+ <!-- CSS -->
+ {{ if .Site.IsServer }}
+ {{ $style := resources.Get "scss/main.scss" | resources.ExecuteAsTemplate "main.scss" . | toCSS (dict "targetPath" "assets/css/main.css" "enableSourceMap" true) }}
+ <link rel="stylesheet" href="{{ ($style).RelPermalink }}">
+ {{ else }}
+ {{ $style := resources.Get "scss/main.scss" | resources.ExecuteAsTemplate "main.scss" . | toCSS (dict "targetPath" "assets/css/main.css" "enableSourceMap" false) }}
+ <link rel="stylesheet" href="{{ ($style | minify).RelPermalink }}">
+ {{ end }}
{{ with .Site.Params.favicon }}
<link rel="shortcut icon" href="{{ . }}">
{{ end }}
- <noscript><link rel="stylesheet" href='{{ "assets/css/noscript.css" | relURL }}' /></noscript>
+ {{ $noscript := resources.Get "scss/noscript.scss" | resources.ExecuteAsTemplate "noscript.scss" . | toCSS (dict "targetPath" "assets/css/noscript.css" "enableSourceMap" false) }}
+ <noscript><link rel="stylesheet" href='{{ $noscript.RelPermalink }}' /></noscript>
</head>
diff --git a/layouts/partials/scripts/index.html b/layouts/partials/scripts/index.html
index 4b4d14a..14d356b 100644
--- a/layouts/partials/scripts/index.html
+++ b/layouts/partials/scripts/index.html
@@ -1,8 +1,13 @@
+{{ $jQuery := resources.Get "js/jquery.min.js" }}
+{{ $scrollex := resources.Get "js/jquery.scrollex.min.js" }}
+{{ $scrolly := resources.Get "js/jquery.scrolly.min.js" }}
+{{ $browser := resources.Get "js/browser.min.js" }}
+{{ $breakpoints := resources.Get "js/breakpoints.min.js" }}
+{{ $util := resources.Get "js/util.js" }}
+{{ $main := resources.Get "js/main.js" }}
+
+{{ $js := slice $jQuery $scrollex $scrolly $browser $breakpoints $util $main | resources.Concat "assets/js/bundle.js" }}
+
<!-- Scripts -->
-<script src='{{ "assets/js/jquery.min.js" | relURL }}'></script>
-<script src='{{ "assets/js/jquery.scrollex.min.js" | relURL }}'></script>
-<script src='{{ "assets/js/jquery.scrolly.min.js" | relURL }}'></script>
-<script src='{{ "assets/js/browser.min.js" | relURL }}'></script>
-<script src='{{ "assets/js/breakpoints.min.js" | relURL }}'></script>
-<script src='{{ "assets/js/util.js" | relURL }}'></script>
-<script src='{{ "assets/js/main.js" | relURL }}'></script>
+<script src='{{ $js.RelPermalink }}'></script>
+
diff --git a/package-lock.json b/package-lock.json
index de2855a..1c32eaa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
{
"name": "hugo-theme-massively",
- "version": "5.3.1",
+ "version": "6.0.0",
"lockfileVersion": 1
}
diff --git a/package.json b/package.json
index b26abd3..bb7dd41 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "hugo-theme-massively",
- "version": "5.3.1",
+ "version": "6.0.0",
"description": "HTML5 UP theme Massively for Hugo",
"scripts": {
"hugo-dev": "cd exampleSite && hugo server --themesDir ../.."
diff --git a/static/assets/css/main.css b/static/assets/css/main.css
deleted file mode 100644
index 4fac23f..0000000
--- a/static/assets/css/main.css
+++ /dev/null
@@ -1,4653 +0,0 @@
-@import url(font-awesome.min.css);
-@import url("https://fonts.googleapis.com/css?family=Merriweather:300,700,300italic,700italic|Source+Sans+Pro:900");
-
-/*
- Massively by HTML5 UP
- html5up.net | @ajlkn
- Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
-
-html, body, div, span, applet, object,
-iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
-pre, a, abbr, acronym, address, big, cite,
-code, del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var, b,
-u, i, center, dl, dt, dd, ol, ul, li, fieldset,
-form, label, legend, table, caption, tbody,
-tfoot, thead, tr, th, td, article, aside,
-canvas, details, embed, figure, figcaption,
-footer, header, hgroup, menu, nav, output, ruby,
-section, summary, time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;}
-
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
- display: block;}
-
-body {
- line-height: 1;
-}
-
-ol, ul {
- list-style: none;
-}
-
-blockquote, q {
- quotes: none;
-}
-
- blockquote:before, blockquote:after, q:before, q:after {
- content: '';
- content: none;
- }
-
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
-
-body {
- -webkit-text-size-adjust: none;
-}
-
-mark {
- background-color: transparent;
- color: inherit;
-}
-
-input::-moz-focus-inner {
- border: 0;
- padding: 0;
-}
-
-input, select, textarea {
- -moz-appearance: none;
- -webkit-appearance: none;
- -ms-appearance: none;
- appearance: none;
-}
-
-/* Basic */
-
- @-ms-viewport {
- width: device-width;
- }
-
- body {
- -ms-overflow-style: scrollbar;
- }
-
- @media screen and (max-width: 480px) {
-
- html, body {
- min-width: 320px;
- }
-
- }
-
- html {
- box-sizing: border-box;
- }
-
- *, *:before, *:after {
- box-sizing: inherit;
- }
-
- body {
- background-color: #1e252d;
- }
-
- body.is-preload *, body.is-preload *:before, body.is-preload *:after {
- -moz-animation: none !important;
- -webkit-animation: none !important;
- -ms-animation: none !important;
- animation: none !important;
- -moz-transition: none !important;
- -webkit-transition: none !important;
- -ms-transition: none !important;
- transition: none !important;
- }
-
-/* Type */
-
- html {
- font-size: 16pt;
- }
-
- @media screen and (max-width: 1680px) {
-
- html {
- font-size: 12pt;
- }
-
- }
-
- @media screen and (max-width: 1280px) {
-
- html {
- font-size: 11pt;
- }
-
- }
-
- @media screen and (max-width: 360px) {
-
- html {
- font-size: 10pt;
- }
-
- }
-
- body {
- color: #212931;
- }
-
- body, input, select, textarea {
- font-family: "Merriweather", Georgia, serif;
- font-weight: 300;
- font-size: 1rem;
- line-height: 2.375;
- }
-
- a {
- -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
- -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
- -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
- transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
- border-bottom: dotted 1px;
- text-decoration: none;
- }
-
- a:hover {
- border-bottom-color: transparent;
- }
-
- strong, b {
- font-weight: 600;
- }
-
- em, i {
- font-style: italic;
- }
-
- p {
- text-align: justify;
- margin: 0 0 2rem 0;
- }
-
- h1, h2, h3, h4, h5, h6 {
- font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-weight: 900;
- line-height: 1.5;
- letter-spacing: 0.075em;
- text-transform: uppercase;
- margin: 0 0 1rem 0;
- }
-
- h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
- border-bottom: 0;
- color: inherit;
- text-decoration: none;
- }
-
- h1 {
- font-size: 4rem;
- line-height: 1.1;
- margin: 0 0 2rem 0;
- }
-
- h2 {
- font-size: 1.75rem;
- line-height: 1.3;
- margin: 0 0 1.5rem 0;
- }
-
- h3 {
- font-size: 1.25rem;
- margin: 0 0 1.5rem 0;
- }
-
- h4 {
- font-size: 1rem;
- }
-
- h5 {
- font-size: 0.9rem;
- }
-
- h6 {
- font-size: 0.8rem;
- }
-
- sub {
- font-size: 0.8rem;
- position: relative;
- top: 0.5rem;
- }
-
- sup {
- font-size: 0.8rem;
- position: relative;
- top: -0.5rem;
- }
-
- blockquote {
- border-left: solid 4px;
- font-style: italic;
- margin: 0 0 2rem 0;
- padding: 0.5rem 0 0.5rem 2rem;
- }
-
- code {
- border: solid 2px;
- font-family: "Courier New", monospace;
- font-size: 0.9rem;
- margin: 0 0.25rem;
- padding: 0.25rem 0.65rem;
- }
-
- pre {
- -webkit-overflow-scrolling: touch;
- font-family: "Courier New", monospace;
- font-size: 0.9rem;
- margin: 0 0 2rem 0;
- }
-
- pre code {
- display: block;
- line-height: 1.75;
- padding: 1rem 1.5rem;
- overflow-x: auto;
- }
-
- hr {
- border: 0;
- border-bottom: solid 2px;
- margin: 3rem 0;
- }
-
- hr.major {
- margin: 5rem 0;
- }
-
- .align-left {
- text-align: left;
- }
-
- .align-center {
- text-align: center;
- }
-
- .align-right {
- text-align: right;
- }
-
- input, select, textarea {
- color: #212931;
- }
-
- a {
- color: #212931;
- border-bottom-color: rgba(33, 41, 49, 0.5);
- }
-
- a:hover {
- border-bottom-color: transparent;
- color: #18bfef !important;
- }
-
- strong, b {
- color: #212931;
- }
-
- h1, h2, h3, h4, h5, h6 {
- color: #212931;
- }
-
- blockquote {
- border-left-color: #eeeeee;
- }
-
- code {
- background: rgba(220, 220, 220, 0.25);
- border-color: #eeeeee;
- }
-
- hr {
- border-bottom-color: #eeeeee;
- }
-
-/* Row */
-
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
-
- .row > * {
- box-sizing: border-box;
- }
-
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
-
- .row.aln-left {
- justify-content: flex-start;
- }
-
- .row.aln-center {
- justify-content: center;
- }
-
- .row.aln-right {
- justify-content: flex-end;
- }
-
- .row.aln-top {
- align-items: flex-start;
- }
-
- .row.aln-middle {
- align-items: center;
- }
-
- .row.aln-bottom {
- align-items: flex-end;
- }
-
- .row > .imp {
- order: -1;
- }
-
- .row > .col-1 {
- width: 8.3333333333%;
- }
-
- .row > .off-1 {
- margin-left: 8.3333333333%;
- }
-
- .row > .col-2 {
- width: 16.6666666667%;
- }
-
- .row > .off-2 {
- margin-left: 16.6666666667%;
- }
-
- .row > .col-3 {
- width: 25%;
- }
-
- .row > .off-3 {
- margin-left: 25%;
- }
-
- .row > .col-4 {
- width: 33.3333333333%;
- }
-
- .row > .off-4 {
- margin-left: 33.3333333333%;
- }
-
- .row > .col-5 {
- width: 41.6666666667%;
- }
-
- .row > .off-5 {
- margin-left: 41.6666666667%;
- }
-
- .row > .col-6 {
- width: 50%;
- }
-
- .row > .off-6 {
- margin-left: 50%;
- }
-
- .row > .col-7 {
- width: 58.3333333333%;
- }
-
- .row > .off-7 {
- margin-left: 58.3333333333%;
- }
-
- .row > .col-8 {
- width: 66.6666666667%;
- }
-
- .row > .off-8 {
- margin-left: 66.6666666667%;
- }
-
- .row > .col-9 {
- width: 75%;
- }
-
- .row > .off-9 {
- margin-left: 75%;
- }
-
- .row > .col-10 {
- width: 83.3333333333%;
- }
-
- .row > .off-10 {
- margin-left: 83.3333333333%;
- }
-
- .row > .col-11 {
- width: 91.6666666667%;
- }
-
- .row > .off-11 {
- margin-left: 91.6666666667%;
- }
-
- .row > .col-12 {
- width: 100%;
- }
-
- .row > .off-12 {
- margin-left: 100%;
- }
-
- .row.gtr-0 {
- margin-top: 0;
- margin-left: 0rem;
- }
-
- .row.gtr-0 > * {
- padding: 0 0 0 0rem;
- }
-
- .row.gtr-0.gtr-uniform {
- margin-top: 0rem;
- }
-
- .row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
- }
-
- .row.gtr-25 {
- margin-top: 0;
- margin-left: -0.375rem;
- }
-
- .row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
- }
-
- .row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
- }
-
- .row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
- }
-
- .row.gtr-50 {
- margin-top: 0;
- margin-left: -0.75rem;
- }
-
- .row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
- }
-
- .row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
- }
-
- .row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
- }
-
- .row {
- margin-top: 0;
- margin-left: -1.5rem;
- }
-
- .row > * {
- padding: 0 0 0 1.5rem;
- }
-
- .row.gtr-uniform {
- margin-top: -1.5rem;
- }
-
- .row.gtr-uniform > * {
- padding-top: 1.5rem;
- }
-
- .row.gtr-150 {
- margin-top: 0;
- margin-left: -2.25rem;
- }
-
- .row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
- }
-
- .row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
- }
-
- .row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
- }
-
- .row.gtr-200 {
- margin-top: 0;
- margin-left: -3rem;
- }
-
- .row.gtr-200 > * {
- padding: 0 0 0 3rem;
- }
-
- .row.gtr-200.gtr-uniform {
- margin-top: -3rem;
- }
-
- .row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
- }
-
- @media screen and (max-width: 1680px) {
-
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
-
- .row > * {
- box-sizing: border-box;
- }
-
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
-
- .row.aln-left {
- justify-content: flex-start;
- }
-
- .row.aln-center {
- justify-content: center;
- }
-
- .row.aln-right {
- justify-content: flex-end;
- }
-
- .row.aln-top {
- align-items: flex-start;
- }
-
- .row.aln-middle {
- align-items: center;
- }
-
- .row.aln-bottom {
- align-items: flex-end;
- }
-
- .row > .imp-xlarge {
- order: -1;
- }
-
- .row > .col-1-xlarge {
- width: 8.3333333333%;
- }
-
- .row > .off-1-xlarge {
- margin-left: 8.3333333333%;
- }
-
- .row > .col-2-xlarge {
- width: 16.6666666667%;
- }
-
- .row > .off-2-xlarge {
- margin-left: 16.6666666667%;
- }
-
- .row > .col-3-xlarge {
- width: 25%;
- }
-
- .row > .off-3-xlarge {
- margin-left: 25%;
- }
-
- .row > .col-4-xlarge {
- width: 33.3333333333%;
- }
-
- .row > .off-4-xlarge {
- margin-left: 33.3333333333%;
- }
-
- .row > .col-5-xlarge {
- width: 41.6666666667%;
- }
-
- .row > .off-5-xlarge {
- margin-left: 41.6666666667%;
- }
-
- .row > .col-6-xlarge {
- width: 50%;
- }
-
- .row > .off-6-xlarge {
- margin-left: 50%;
- }
-
- .row > .col-7-xlarge {
- width: 58.3333333333%;
- }
-
- .row > .off-7-xlarge {
- margin-left: 58.3333333333%;
- }
-
- .row > .col-8-xlarge {
- width: 66.6666666667%;
- }
-
- .row > .off-8-xlarge {
- margin-left: 66.6666666667%;
- }
-
- .row > .col-9-xlarge {
- width: 75%;
- }
-
- .row > .off-9-xlarge {
- margin-left: 75%;
- }
-
- .row > .col-10-xlarge {
- width: 83.3333333333%;
- }
-
- .row > .off-10-xlarge {
- margin-left: 83.3333333333%;
- }
-
- .row > .col-11-xlarge {
- width: 91.6666666667%;
- }
-
- .row > .off-11-xlarge {
- margin-left: 91.6666666667%;
- }
-
- .row > .col-12-xlarge {
- width: 100%;
- }
-
- .row > .off-12-xlarge {
- margin-left: 100%;
- }
-
- .row.gtr-0 {
- margin-top: 0;
- margin-left: 0rem;
- }
-
- .row.gtr-0 > * {
- padding: 0 0 0 0rem;
- }
-
- .row.gtr-0.gtr-uniform {
- margin-top: 0rem;
- }
-
- .row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
- }
-
- .row.gtr-25 {
- margin-top: 0;
- margin-left: -0.375rem;
- }
-
- .row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
- }
-
- .row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
- }
-
- .row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
- }
-
- .row.gtr-50 {
- margin-top: 0;
- margin-left: -0.75rem;
- }
-
- .row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
- }
-
- .row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
- }
-
- .row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
- }
-
- .row {
- margin-top: 0;
- margin-left: -1.5rem;
- }
-
- .row > * {
- padding: 0 0 0 1.5rem;
- }
-
- .row.gtr-uniform {
- margin-top: -1.5rem;
- }
-
- .row.gtr-uniform > * {
- padding-top: 1.5rem;
- }
-
- .row.gtr-150 {
- margin-top: 0;
- margin-left: -2.25rem;
- }
-
- .row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
- }
-
- .row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
- }
-
- .row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
- }
-
- .row.gtr-200 {
- margin-top: 0;
- margin-left: -3rem;
- }
-
- .row.gtr-200 > * {
- padding: 0 0 0 3rem;
- }
-
- .row.gtr-200.gtr-uniform {
- margin-top: -3rem;
- }
-
- .row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
- }
-
- }
-
- @media screen and (max-width: 1280px) {
-
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
-
- .row > * {
- box-sizing: border-box;
- }
-
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
-
- .row.aln-left {
- justify-content: flex-start;
- }
-
- .row.aln-center {
- justify-content: center;
- }
-
- .row.aln-right {
- justify-content: flex-end;
- }
-
- .row.aln-top {
- align-items: flex-start;
- }
-
- .row.aln-middle {
- align-items: center;
- }
-
- .row.aln-bottom {
- align-items: flex-end;
- }
-
- .row > .imp-large {
- order: -1;
- }
-
- .row > .col-1-large {
- width: 8.3333333333%;
- }
-
- .row > .off-1-large {
- margin-left: 8.3333333333%;
- }
-
- .row > .col-2-large {
- width: 16.6666666667%;
- }
-
- .row > .off-2-large {
- margin-left: 16.6666666667%;
- }
-
- .row > .col-3-large {
- width: 25%;
- }
-
- .row > .off-3-large {
- margin-left: 25%;
- }
-
- .row > .col-4-large {
- width: 33.3333333333%;
- }
-
- .row > .off-4-large {
- margin-left: 33.3333333333%;
- }
-
- .row > .col-5-large {
- width: 41.6666666667%;
- }
-
- .row > .off-5-large {
- margin-left: 41.6666666667%;
- }
-
- .row > .col-6-large {
- width: 50%;
- }
-
- .row > .off-6-large {
- margin-left: 50%;
- }
-
- .row > .col-7-large {
- width: 58.3333333333%;
- }
-
- .row > .off-7-large {
- margin-left: 58.3333333333%;
- }
-
- .row > .col-8-large {
- width: 66.6666666667%;
- }
-
- .row > .off-8-large {
- margin-left: 66.6666666667%;
- }
-
- .row > .col-9-large {
- width: 75%;
- }
-
- .row > .off-9-large {
- margin-left: 75%;
- }
-
- .row > .col-10-large {
- width: 83.3333333333%;
- }
-
- .row > .off-10-large {
- margin-left: 83.3333333333%;
- }
-
- .row > .col-11-large {
- width: 91.6666666667%;
- }
-
- .row > .off-11-large {
- margin-left: 91.6666666667%;
- }
-
- .row > .col-12-large {
- width: 100%;
- }
-
- .row > .off-12-large {
- margin-left: 100%;
- }
-
- .row.gtr-0 {
- margin-top: 0;
- margin-left: 0rem;
- }
-
- .row.gtr-0 > * {
- padding: 0 0 0 0rem;
- }
-
- .row.gtr-0.gtr-uniform {
- margin-top: 0rem;
- }
-
- .row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
- }
-
- .row.gtr-25 {
- margin-top: 0;
- margin-left: -0.375rem;
- }
-
- .row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
- }
-
- .row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
- }
-
- .row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
- }
-
- .row.gtr-50 {
- margin-top: 0;
- margin-left: -0.75rem;
- }
-
- .row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
- }
-
- .row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
- }
-
- .row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
- }
-
- .row {
- margin-top: 0;
- margin-left: -1.5rem;
- }
-
- .row > * {
- padding: 0 0 0 1.5rem;
- }
-
- .row.gtr-uniform {
- margin-top: -1.5rem;
- }
-
- .row.gtr-uniform > * {
- padding-top: 1.5rem;
- }
-
- .row.gtr-150 {
- margin-top: 0;
- margin-left: -2.25rem;
- }
-
- .row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
- }
-
- .row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
- }
-
- .row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
- }
-
- .row.gtr-200 {
- margin-top: 0;
- margin-left: -3rem;
- }
-
- .row.gtr-200 > * {
- padding: 0 0 0 3rem;
- }
-
- .row.gtr-200.gtr-uniform {
- margin-top: -3rem;
- }
-
- .row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
- }
-
- }
-
- @media screen and (max-width: 980px) {
-
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
-
- .row > * {
- box-sizing: border-box;
- }
-
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
-
- .row.aln-left {
- justify-content: flex-start;
- }
-
- .row.aln-center {
- justify-content: center;
- }
-
- .row.aln-right {
- justify-content: flex-end;
- }
-
- .row.aln-top {
- align-items: flex-start;
- }
-
- .row.aln-middle {
- align-items: center;
- }
-
- .row.aln-bottom {
- align-items: flex-end;
- }
-
- .row > .imp-medium {
- order: -1;
- }
-
- .row > .col-1-medium {
- width: 8.3333333333%;
- }
-
- .row > .off-1-medium {
- margin-left: 8.3333333333%;
- }
-
- .row > .col-2-medium {
- width: 16.6666666667%;
- }
-
- .row > .off-2-medium {
- margin-left: 16.6666666667%;
- }
-
- .row > .col-3-medium {
- width: 25%;
- }
-
- .row > .off-3-medium {
- margin-left: 25%;
- }
-
- .row > .col-4-medium {
- width: 33.3333333333%;
- }
-
- .row > .off-4-medium {
- margin-left: 33.3333333333%;
- }
-
- .row > .col-5-medium {
- width: 41.6666666667%;
- }
-
- .row > .off-5-medium {
- margin-left: 41.6666666667%;
- }
-
- .row > .col-6-medium {
- width: 50%;
- }
-
- .row > .off-6-medium {
- margin-left: 50%;
- }
-
- .row > .col-7-medium {
- width: 58.3333333333%;
- }
-
- .row > .off-7-medium {
- margin-left: 58.3333333333%;
- }
-
- .row > .col-8-medium {
- width: 66.6666666667%;
- }
-
- .row > .off-8-medium {
- margin-left: 66.6666666667%;
- }
-
- .row > .col-9-medium {
- width: 75%;
- }
-
- .row > .off-9-medium {
- margin-left: 75%;
- }
-
- .row > .col-10-medium {
- width: 83.3333333333%;
- }
-
- .row > .off-10-medium {
- margin-left: 83.3333333333%;
- }
-
- .row > .col-11-medium {
- width: 91.6666666667%;
- }
-
- .row > .off-11-medium {
- margin-left: 91.6666666667%;
- }
-
- .row > .col-12-medium {
- width: 100%;
- }
-
- .row > .off-12-medium {
- margin-left: 100%;
- }
-
- .row.gtr-0 {
- margin-top: 0;
- margin-left: 0rem;
- }
-
- .row.gtr-0 > * {
- padding: 0 0 0 0rem;
- }
-
- .row.gtr-0.gtr-uniform {
- margin-top: 0rem;
- }
-
- .row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
- }
-
- .row.gtr-25 {
- margin-top: 0;
- margin-left: -0.375rem;
- }
-
- .row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
- }
-
- .row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
- }
-
- .row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
- }
-
- .row.gtr-50 {
- margin-top: 0;
- margin-left: -0.75rem;
- }
-
- .row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
- }
-
- .row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
- }
-
- .row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
- }
-
- .row {
- margin-top: 0;
- margin-left: -1.5rem;
- }
-
- .row > * {
- padding: 0 0 0 1.5rem;
- }
-
- .row.gtr-uniform {
- margin-top: -1.5rem;
- }
-
- .row.gtr-uniform > * {
- padding-top: 1.5rem;
- }
-
- .row.gtr-150 {
- margin-top: 0;
- margin-left: -2.25rem;
- }
-
- .row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
- }
-
- .row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
- }
-
- .row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
- }
-
- .row.gtr-200 {
- margin-top: 0;
- margin-left: -3rem;
- }
-
- .row.gtr-200 > * {
- padding: 0 0 0 3rem;
- }
-
- .row.gtr-200.gtr-uniform {
- margin-top: -3rem;
- }
-
- .row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
- }
-
- }
-
- @media screen and (max-width: 736px) {
-
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
-
- .row > * {
- box-sizing: border-box;
- }
-
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
-
- .row.aln-left {
- justify-content: flex-start;
- }
-
- .row.aln-center {
- justify-content: center;
- }
-
- .row.aln-right {
- justify-content: flex-end;
- }
-
- .row.aln-top {
- align-items: flex-start;
- }
-
- .row.aln-middle {
- align-items: center;
- }
-
- .row.aln-bottom {
- align-items: flex-end;
- }
-
- .row > .imp-small {
- order: -1;
- }
-
- .row > .col-1-small {
- width: 8.3333333333%;
- }
-
- .row > .off-1-small {
- margin-left: 8.3333333333%;
- }
-
- .row > .col-2-small {
- width: 16.6666666667%;
- }
-
- .row > .off-2-small {
- margin-left: 16.6666666667%;
- }
-
- .row > .col-3-small {
- width: 25%;
- }
-
- .row > .off-3-small {
- margin-left: 25%;
- }
-
- .row > .col-4-small {
- width: 33.3333333333%;
- }
-
- .row > .off-4-small {
- margin-left: 33.3333333333%;
- }
-
- .row > .col-5-small {
- width: 41.6666666667%;
- }
-
- .row > .off-5-small {
- margin-left: 41.6666666667%;
- }
-
- .row > .col-6-small {
- width: 50%;
- }
-
- .row > .off-6-small {
- margin-left: 50%;
- }
-
- .row > .col-7-small {
- width: 58.3333333333%;
- }
-
- .row > .off-7-small {
- margin-left: 58.3333333333%;
- }
-
- .row > .col-8-small {
- width: 66.6666666667%;
- }
-
- .row > .off-8-small {
- margin-left: 66.6666666667%;
- }
-
- .row > .col-9-small {
- width: 75%;
- }
-
- .row > .off-9-small {
- margin-left: 75%;
- }
-
- .row > .col-10-small {
- width: 83.3333333333%;
- }
-
- .row > .off-10-small {
- margin-left: 83.3333333333%;
- }
-
- .row > .col-11-small {
- width: 91.6666666667%;
- }
-
- .row > .off-11-small {
- margin-left: 91.6666666667%;
- }
-
- .row > .col-12-small {
- width: 100%;
- }
-
- .row > .off-12-small {
- margin-left: 100%;
- }
-
- .row.gtr-0 {
- margin-top: 0;
- margin-left: 0rem;
- }
-
- .row.gtr-0 > * {
- padding: 0 0 0 0rem;
- }
-
- .row.gtr-0.gtr-uniform {
- margin-top: 0rem;
- }
-
- .row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
- }
-
- .row.gtr-25 {
- margin-top: 0;
- margin-left: -0.375rem;
- }
-
- .row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
- }
-
- .row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
- }
-
- .row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
- }
-
- .row.gtr-50 {
- margin-top: 0;
- margin-left: -0.75rem;
- }
-
- .row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
- }
-
- .row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
- }
-
- .row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
- }
-
- .row {
- margin-top: 0;
- margin-left: -1.5rem;
- }
-
- .row > * {
- padding: 0 0 0 1.5rem;
- }
-
- .row.gtr-uniform {
- margin-top: -1.5rem;
- }
-
- .row.gtr-uniform > * {
- padding-top: 1.5rem;
- }
-
- .row.gtr-150 {
- margin-top: 0;
- margin-left: -2.25rem;
- }
-
- .row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
- }
-
- .row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
- }
-
- .row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
- }
-
- .row.gtr-200 {
- margin-top: 0;
- margin-left: -3rem;
- }
-
- .row.gtr-200 > * {
- padding: 0 0 0 3rem;
- }
-
- .row.gtr-200.gtr-uniform {
- margin-top: -3rem;
- }
-
- .row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
- }
-
- }
-
- @media screen and (max-width: 480px) {
-
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
-
- .row > * {
- box-sizing: border-box;
- }
-
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
-
- .row.aln-left {
- justify-content: flex-start;
- }
-
- .row.aln-center {
- justify-content: center;
- }
-
- .row.aln-right {
- justify-content: flex-end;
- }
-
- .row.aln-top {
- align-items: flex-start;
- }
-
- .row.aln-middle {
- align-items: center;
- }
-
- .row.aln-bottom {
- align-items: flex-end;
- }
-
- .row > .imp-xsmall {
- order: -1;
- }
-
- .row > .col-1-xsmall {
- width: 8.3333333333%;
- }
-
- .row > .off-1-xsmall {
- margin-left: 8.3333333333%;
- }
-
- .row > .col-2-xsmall {
- width: 16.6666666667%;
- }
-
- .row > .off-2-xsmall {
- margin-left: 16.6666666667%;
- }
-
- .row > .col-3-xsmall {
- width: 25%;
- }
-
- .row > .off-3-xsmall {
- margin-left: 25%;
- }
-
- .row > .col-4-xsmall {
- width: 33.3333333333%;
- }
-
- .row > .off-4-xsmall {
- margin-left: 33.3333333333%;
- }
-
- .row > .col-5-xsmall {
- width: 41.6666666667%;
- }
-
- .row > .off-5-xsmall {
- margin-left: 41.6666666667%;
- }
-
- .row > .col-6-xsmall {
- width: 50%;
- }
-
- .row > .off-6-xsmall {
- margin-left: 50%;
- }
-
- .row > .col-7-xsmall {
- width: 58.3333333333%;
- }
-
- .row > .off-7-xsmall {
- margin-left: 58.3333333333%;
- }
-
- .row > .col-8-xsmall {
- width: 66.6666666667%;
- }
-
- .row > .off-8-xsmall {
- margin-left: 66.6666666667%;
- }
-
- .row > .col-9-xsmall {
- width: 75%;
- }
-
- .row > .off-9-xsmall {
- margin-left: 75%;
- }
-
- .row > .col-10-xsmall {
- width: 83.3333333333%;
- }
-
- .row > .off-10-xsmall {
- margin-left: 83.3333333333%;
- }
-
- .row > .col-11-xsmall {
- width: 91.6666666667%;
- }
-
- .row > .off-11-xsmall {
- margin-left: 91.6666666667%;
- }
-
- .row > .col-12-xsmall {
- width: 100%;
- }
-
- .row > .off-12-xsmall {
- margin-left: 100%;
- }
-
- .row.gtr-0 {
- margin-top: 0;
- margin-left: 0rem;
- }
-
- .row.gtr-0 > * {
- padding: 0 0 0 0rem;
- }
-
- .row.gtr-0.gtr-uniform {
- margin-top: 0rem;
- }
-
- .row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
- }
-
- .row.gtr-25 {
- margin-top: 0;
- margin-left: -0.375rem;
- }
-
- .row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
- }
-
- .row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
- }
-
- .row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
- }
-
- .row.gtr-50 {
- margin-top: 0;
- margin-left: -0.75rem;
- }
-
- .row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
- }
-
- .row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
- }
-
- .row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
- }
-
- .row {
- margin-top: 0;
- margin-left: -1.5rem;
- }
-
- .row > * {
- padding: 0 0 0 1.5rem;
- }
-
- .row.gtr-uniform {
- margin-top: -1.5rem;
- }
-
- .row.gtr-uniform > * {
- padding-top: 1.5rem;
- }
-
- .row.gtr-150 {
- margin-top: 0;
- margin-left: -2.25rem;
- }
-
- .row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
- }
-
- .row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
- }
-
- .row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
- }
-
- .row.gtr-200 {
- margin-top: 0;
- margin-left: -3rem;
- }
-
- .row.gtr-200 > * {
- padding: 0 0 0 3rem;
- }
-
- .row.gtr-200.gtr-uniform {
- margin-top: -3rem;
- }
-
- .row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
- }
-
- }
-
- @media screen and (max-width: 360px) {
-
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
-
- .row > * {
- box-sizing: border-box;
- }
-
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
-
- .row.aln-left {
- justify-content: flex-start;
- }
-
- .row.aln-center {
- justify-content: center;
- }
-
- .row.aln-right {
- justify-content: flex-end;
- }
-
- .row.aln-top {
- align-items: flex-start;
- }
-
- .row.aln-middle {
- align-items: center;
- }
-
- .row.aln-bottom {
- align-items: flex-end;
- }
-
- .row > .imp-xxsmall {
- order: -1;
- }
-
- .row > .col-1-xxsmall {
- width: 8.3333333333%;
- }
-
- .row > .off-1-xxsmall {
- margin-left: 8.3333333333%;
- }
-
- .row > .col-2-xxsmall {
- width: 16.6666666667%;
- }
-
- .row > .off-2-xxsmall {
- margin-left: 16.6666666667%;
- }
-
- .row > .col-3-xxsmall {
- width: 25%;
- }
-
- .row > .off-3-xxsmall {
- margin-left: 25%;
- }
-
- .row > .col-4-xxsmall {
- width: 33.3333333333%;
- }
-
- .row > .off-4-xxsmall {
- margin-left: 33.3333333333%;
- }
-
- .row > .col-5-xxsmall {
- width: 41.6666666667%;
- }
-
- .row > .off-5-xxsmall {
- margin-left: 41.6666666667%;
- }
-
- .row > .col-6-xxsmall {
- width: 50%;
- }
-
- .row > .off-6-xxsmall {
- margin-left: 50%;
- }
-
- .row > .col-7-xxsmall {
- width: 58.3333333333%;
- }
-
- .row > .off-7-xxsmall {
- margin-left: 58.3333333333%;
- }
-
- .row > .col-8-xxsmall {
- width: 66.6666666667%;
- }
-
- .row > .off-8-xxsmall {
- margin-left: 66.6666666667%;
- }
-
- .row > .col-9-xxsmall {
- width: 75%;
- }
-
- .row > .off-9-xxsmall {
- margin-left: 75%;
- }
-
- .row > .col-10-xxsmall {
- width: 83.3333333333%;
- }
-
- .row > .off-10-xxsmall {
- margin-left: 83.3333333333%;
- }
-
- .row > .col-11-xxsmall {
- width: 91.6666666667%;
- }
-
- .row > .off-11-xxsmall {
- margin-left: 91.6666666667%;
- }
-
- .row > .col-12-xxsmall {
- width: 100%;
- }
-
- .row > .off-12-xxsmall {
- margin-left: 100%;
- }
-
- .row.gtr-0 {
- margin-top: 0;
- margin-left: 0rem;
- }
-
- .row.gtr-0 > * {
- padding: 0 0 0 0rem;
- }
-
- .row.gtr-0.gtr-uniform {
- margin-top: 0rem;
- }
-
- .row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
- }
-
- .row.gtr-25 {
- margin-top: 0;
- margin-left: -0.375rem;
- }
-
- .row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
- }
-
- .row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
- }
-
- .row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
- }
-
- .row.gtr-50 {
- margin-top: 0;
- margin-left: -0.75rem;
- }
-
- .row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
- }
-
- .row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
- }
-
- .row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
- }
-
- .row {
- margin-top: 0;
- margin-left: -1.5rem;
- }
-
- .row > * {
- padding: 0 0 0 1.5rem;
- }
-
- .row.gtr-uniform {
- margin-top: -1.5rem;
- }
-
- .row.gtr-uniform > * {
- padding-top: 1.5rem;
- }
-
- .row.gtr-150 {
- margin-top: 0;
- margin-left: -2.25rem;
- }
-
- .row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
- }
-
- .row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
- }
-
- .row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
- }
-
- .row.gtr-200 {
- margin-top: 0;
- margin-left: -3rem;
- }
-
- .row.gtr-200 > * {
- padding: 0 0 0 3rem;
- }
-
- .row.gtr-200.gtr-uniform {
- margin-top: -3rem;
- }
-
- .row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
- }
-
- }
-
-/* Box */
-
- .box {
- border: solid 2px;
- margin-bottom: 2rem;
- padding: 1.5rem;
- }
-
- .box > :last-child,
- .box > :last-child > :last-child,
- .box > :last-child > :last-child > :last-child {
- margin-bottom: 0;
- }
-
- .box.alt {
- border: 0;
- border-radius: 0;
- padding: 0;
- }
-
- .box {
- border-color: #eeeeee;
- }
-
-/* Button */
-
- input[type="submit"],
- input[type="reset"],
- input[type="button"],
- button,
- .button {
- -moz-appearance: none;
- -webkit-appearance: none;
- -ms-appearance: none;
- appearance: none;
- -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
- -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
- -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
- transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
- border: 0;
- border-radius: 0;
- cursor: pointer;
- display: inline-block;
- font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 0.8rem;
- font-weight: 900;
- letter-spacing: 0.075em;
- height: 3rem;
- line-height: 3rem;
- padding: 0 2rem;
- text-align: center;
- text-decoration: none;
- text-transform: uppercase;
- white-space: nowrap;
- }
-
- input[type="submit"].icon:before,
- input[type="reset"].icon:before,
- input[type="button"].icon:before,
- button.icon:before,
- .button.icon:before {
- margin-right: 0.5rem;
- }
-
- input[type="submit"].icon.solo,
- input[type="reset"].icon.solo,
- input[type="button"].icon.solo,
- button.icon.solo,
- .button.icon.solo {
- position: relative;
- width: 4rem;
- height: 4rem;
- line-height: 4rem;
- border-radius: 4rem;
- text-indent: 4rem;
- overflow: hidden;
- padding: 0;
- white-space: nowrap;
- }
-
- input[type="submit"].icon.solo:before,
- input[type="reset"].icon.solo:before,
- input[type="button"].icon.solo:before,
- button.icon.solo:before,
- .button.icon.solo:before {
- position: absolute;
- display: block;
- top: 0;
- left: 0;
- width: inherit;
- height: inherit;
- line-height: inherit;
- font-size: 1.25rem;
- margin-right: 0;
- text-align: center;
- text-indent: 0;
- }
-
- input[type="submit"].fit,
- input[type="reset"].fit,
- input[type="button"].fit,
- button.fit,
- .button.fit {
- width: 100%;
- }
-
- input[type="submit"].small,
- input[type="reset"].small,
- input[type="button"].small,
- button.small,
- .button.small {
- font-size: 0.7rem;
- height: 2.5rem;
- line-height: 2.5rem;
- padding: 0 1.5rem;
- }
-
- input[type="submit"].large,
- input[type="reset"].large,
- input[type="button"].large,
- button.large,
- .button.large {
- font-size: 0.9rem;
- height: 3.5rem;
- line-height: 3.5rem;
- padding: 0 2.75rem;
- }
-
- @media screen and (max-width: 980px) {
-
- input[type="submit"],
- input[type="reset"],
- input[type="button"],
- button,
- .button {
- font-size: 0.9rem;
- height: 3.25rem;
- line-height: 3.25rem;
- }
-
- input[type="submit"].large,
- input[type="reset"].large,
- input[type="button"].large,
- button.large,
- .button.large {
- font-size: 1rem;
- height: 3.75rem;
- line-height: 3.75rem;
- }
-
- }
-
- input[type="submit"].disabled, input[type="submit"]:disabled,
- input[type="reset"].disabled,
- input[type="reset"]:disabled,
- input[type="button"].disabled,
- input[type="button"]:disabled,
- button.disabled,
- button:disabled,
- .button.disabled,
- .button:disabled {
- pointer-events: none;
- opacity: 0.25;
- }
-
- input[type="submit"],
- input[type="reset"],
- input[type="button"],
- button,
- .button {
- background-color: transparent;
- box-shadow: inset 0 0 0 2px #212931;
- color: #212931 !important;
- }
-
- input[type="submit"]:hover,
- input[type="reset"]:hover,
- input[type="button"]:hover,
- button:hover,
- .button:hover {
- box-shadow: inset 0 0 0 2px #18bfef;
- color: #18bfef !important;
- }
-
- input[type="submit"].primary,
- input[type="reset"].primary,
- input[type="button"].primary,
- button.primary,
- .button.primary {
- background-color: #212931;
- box-shadow: none;
- color: #ffffff !important;
- }
-
- input[type="submit"].primary:hover,
- input[type="reset"].primary:hover,
- input[type="button"].primary:hover,
- button.primary:hover,
- .button.primary:hover {
- background-color: #18bfef;
- }
-
-/* Form */
-
- form {
- margin: 0 0 2rem 0;
- }
-
- form > :last-child {
- margin-bottom: 0;
- }
-
- form > .fields {
- display: -moz-flex;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- -moz-flex-wrap: wrap;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- width: calc(100% + 3rem);
- margin: -1.5rem 0 2rem -1.5rem;
- }
-
- form > .fields > .field {
- -moz-flex-grow: 0;
- -webkit-flex-grow: 0;
- -ms-flex-grow: 0;
- flex-grow: 0;
- -moz-flex-shrink: 0;
- -webkit-flex-shrink: 0;
- -ms-flex-shrink: 0;
- flex-shrink: 0;
- padding: 1.5rem 0 0 1.5rem;
- width: calc(100% - 1.5rem);
- }
-
- form > .fields > .field.half {
- width: calc(50% - 0.75rem);
- }
-
- form > .fields > .field.third {
- width: calc(100%/3 - 0.5rem);
- }
-
- form > .fields > .field.quarter {
- width: calc(25% - 0.375rem);
- }
-
- @media screen and (max-width: 480px) {
-
- form > .fields {
- width: calc(100% + 3rem);
- margin: -1.5rem 0 2rem -1.5rem;
- }
-
- form > .fields > .field {
- padding: 1.5rem 0 0 1.5rem;
- width: calc(100% - 1.5rem);
- }
-
- form > .fields > .field.half {
- width: calc(100% - 1.5rem);
- }
-
- form > .fields > .field.third {
- width: calc(100% - 1.5rem);
- }
-
- form > .fields > .field.quarter {
- width: calc(100% - 1.5rem);
- }
-
- }
-
- label {
- display: block;
- font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-weight: 900;
- line-height: 1.5;
- letter-spacing: 0.075em;
- font-size: 0.8rem;
- text-transform: uppercase;
- margin: 0 0 0.75rem 0;
- }
-
- @media screen and (max-width: 980px) {
-
- label {
- font-size: 0.9rem;
- }
-
- }
-
- input[type="text"],
- input[type="password"],
- input[type="email"],
- select,
- textarea {
- -moz-appearance: none;
- -webkit-appearance: none;
- -ms-appearance: none;
- appearance: none;
- background: transparent;
- border-radius: 0;
- border: solid 2px;
- color: inherit;
- display: block;
- outline: 0;
- padding: 0 1rem;
- text-decoration: none;
- width: 100%;
- }
-
- input[type="text"]:invalid,
- input[type="password"]:invalid,
- input[type="email"]:invalid,
- select:invalid,
- textarea:invalid {
- box-shadow: none;
- }
-
- select {
- background-size: 1.25rem;
- background-repeat: no-repeat;
- background-position: calc(100% - 1rem) center;
- height: 3rem;
- padding-right: 3rem;
- text-overflow: ellipsis;
- }
-
- select:focus::-ms-value {
- background-color: transparent;
- }
-
- select::-ms-expand {
- display: none;
- }
-
- input[type="text"],
- input[type="password"],
- input[type="email"],
- select {
- height: 3rem;
- }
-
- textarea {
- padding: 0.75rem 1rem;
- }
-
- input[type="checkbox"],
- input[type="radio"] {
- -moz-appearance: none;
- -webkit-appearance: none;
- -ms-appearance: none;
- appearance: none;
- display: block;
- float: left;
- margin-right: -2rem;
- opacity: 0;
- width: 1rem;
- z-index: -1;
- }
-
- input[type="checkbox"] + label,
- input[type="radio"] + label {
- text-decoration: none;
- cursor: pointer;
- display: inline-block;
- font-size: 1rem;
- letter-spacing: 0;
- font-family: "Merriweather", Georgia, serif;
- text-transform: none;
- font-weight: 300;
- padding-left: 2.8rem;
- padding-right: 1rem;
- position: relative;
- }
-
- input[type="checkbox"] + label:before,
- input[type="radio"] + label:before {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-transform: none !important;
- }
-
- input[type="checkbox"] + label:before,
- input[type="radio"] + label:before {
- border-radius: 0;
- border: solid 2px;
- content: '';
- display: inline-block;
- height: 1.8rem;
- left: 0;
- line-height: 1.725rem;
- position: absolute;
- text-align: center;
- top: -0.125rem;
- width: 1.8rem;
- }
-
- input[type="checkbox"]:checked + label:before,
- input[type="radio"]:checked + label:before {
- content: '\f00c';
- }
-
- input[type="checkbox"] + label:before {
- border-radius: 0;
- }
-
- input[type="radio"] + label:before {
- border-radius: 100%;
- }
-
- ::-webkit-input-placeholder {
- opacity: 1.0;
- }
-
- :-moz-placeholder {
- opacity: 1.0;
- }
-
- ::-moz-placeholder {
- opacity: 1.0;
- }
-
- :-ms-input-placeholder {
- opacity: 1.0;
- }
-
- label {
- color: #212931;
- }
-
- input[type="text"],
- input[type="password"],
- input[type="email"],
- select,
- textarea {
- border-color: #eeeeee;
- }
-
- input[type="text"]:focus,
- input[type="password"]:focus,
- input[type="email"]:focus,
- select:focus,
- textarea:focus {
- border-color: #18bfef;
- }
-
- select {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23eeeeee' /%3E%3C/svg%3E");
- }
-
- select option {
- background-color: #ffffff;
- color: #212931;
- }
-
- .select-wrapper:before {
- color: #eeeeee;
- }
-
- input[type="checkbox"] + label,
- input[type="radio"] + label {
- color: #212931;
- }
-
- input[type="checkbox"] + label:before,
- input[type="radio"] + label:before {
- border-color: #eeeeee;
- }
-
- input[type="checkbox"]:checked + label:before,
- input[type="radio"]:checked + label:before {
- background-color: #212931;
- border-color: #212931;
- color: #ffffff;
- }
-
- input[type="checkbox"]:focus + label:before,
- input[type="radio"]:focus + label:before {
- border-color: #18bfef;
- }
-
- ::-webkit-input-placeholder {
- color: #909498 !important;
- }
-
- :-moz-placeholder {
- color: #909498 !important;
- }
-
- ::-moz-placeholder {
- color: #909498 !important;
- }
-
- :-ms-input-placeholder {
- color: #909498 !important;
- }
-
- .formerize-placeholder {
- color: #909498 !important;
- }
-
-/* Icon */
-
- .icon {
- text-decoration: none;
- border-bottom: none;
- position: relative;
- }
-
- .icon:before {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-transform: none !important;
- }
-
- .icon > .label {
- display: none;
- }
-
-/* Image */
-
- .image {
- border: 0;
- display: inline-block;
- position: relative;
- }
-
- .image img {
- display: block;
- }
-
- .image.left, .image.right {
- max-width: 40%;
- }
-
- .image.left img, .image.right img {
- width: 100%;
- }
-
- .image.left {
- float: left;
- margin: 0 2rem 2rem 0;
- top: 0.75rem;
- }
-
- .image.right {
- float: right;
- margin: 0 0 2rem 2rem;
- top: 0.75rem;
- }
-
- .image.fit {
- display: block;
- margin: 2.5rem 0;
- width: 100%;
- }
-
- .image.fit:first-child {
- margin-top: 0;
- }
-
- .image.fit img {
- width: 100%;
- }
-
- .image.main {
- display: block;
- margin: 4rem 0;
- width: 100%;
- }
-
- .image.main:first-child {
- margin-top: 0;
- }
-
- .image.main img {
- width: 100%;
- }
-
- @media screen and (max-width: 736px) {
-
- .image.fit {
- margin: 2rem 0;
- }
-
- .image.main {
- margin: 2rem 0;
- }
-
- }
-
- a.image {
- overflow: hidden;
- }
-
- a.image img {
- -moz-transition: -moz-transform 0.2s ease-out;
- -webkit-transition: -webkit-transform 0.2s ease-out;
- -ms-transition: -ms-transform 0.2s ease-out;
- transition: transform 0.2s ease-out;
- }
-
- a.image:hover img {
- -moz-transform: scale(1.05);
- -webkit-transform: scale(1.05);
- -ms-transform: scale(1.05);
- transform: scale(1.05);
- }
-
-/* Actions */
-
- ul.actions {
- display: -moz-flex;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- cursor: default;
- list-style: none;
- margin-left: -1rem;
- padding-left: 0;
- }
-
- ul.actions li {
- padding: 0 0 0 1rem;
- vertical-align: middle;
- }
-
- ul.actions.special {
- -moz-justify-content: center;
- -webkit-justify-content: center;
- -ms-justify-content: center;
- justify-content: center;
- width: 100%;
- margin-left: 0;
- }
-
- ul.actions.special li:first-child {
- padding-left: 0;
- }
-
- ul.actions.stacked {
- -moz-flex-direction: column;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- margin-left: 0;
- }
-
- ul.actions.stacked li {
- padding: 1.3rem 0 0 0;
- }
-
- ul.actions.stacked li:first-child {
- padding-top: 0;
- }
-
- ul.actions.fit {
- width: calc(100% + 1rem);
- }
-
- ul.actions.fit li {
- -moz-flex-grow: 1;
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
- -moz-flex-shrink: 1;
- -webkit-flex-shrink: 1;
- -ms-flex-shrink: 1;
- flex-shrink: 1;
- width: 100%;
- }
-
- ul.actions.fit li > * {
- width: 100%;
- }
-
- ul.actions.fit.stacked {
- width: 100%;
- }
-
- @media screen and (max-width: 480px) {
-
- ul.actions:not(.fixed) {
- -moz-flex-direction: column;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- margin-left: 0;
- width: 100% !important;
- }
-
- ul.actions:not(.fixed) li {
- -moz-flex-grow: 1;
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
- -moz-flex-shrink: 1;
- -webkit-flex-shrink: 1;
- -ms-flex-shrink: 1;
- flex-shrink: 1;
- padding: 1rem 0 0 0;
- text-align: center;
- width: 100%;
- }
-
- ul.actions:not(.fixed) li > * {
- width: 100%;
- }
-
- ul.actions:not(.fixed) li:first-child {
- padding-top: 0;
- }
-
- ul.actions:not(.fixed) li input[type="submit"],
- ul.actions:not(.fixed) li input[type="reset"],
- ul.actions:not(.fixed) li input[type="button"],
- ul.actions:not(.fixed) li button,
- ul.actions:not(.fixed) li .button {
- width: 100%;
- }
-
- ul.actions:not(.fixed) li input[type="submit"].icon:before,
- ul.actions:not(.fixed) li input[type="reset"].icon:before,
- ul.actions:not(.fixed) li input[type="button"].icon:before,
- ul.actions:not(.fixed) li button.icon:before,
- ul.actions:not(.fixed) li .button.icon:before {
- margin-left: -0.5rem;
- }
-
- }
-
-/* Icons */
-
- ul.icons {
- cursor: default;
- list-style: none;
- padding-left: 0;
- }
-
- ul.icons li {
- display: inline-block;
- padding: 0 0.5rem 0 0;
- vertical-align: middle;
- }
-
- ul.icons li:last-child {
- padding-right: 0;
- }
-
- ul.icons li .icon:before {
- width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- display: inline-block;
- text-align: center;
- border-radius: 100%;
- font-size: 1.25rem;
- }
-
- ul.icons.alt li .icon:before {
- -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
- -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
- -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
- transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
- font-size: 1rem;
- }
-
-/* List */
-
- ol {
- list-style: decimal;
- margin: 0 0 2rem 0;
- padding-left: 1.25rem;
- }
-
- ol li {
- padding-left: 0.25rem;
- }
-
- ul {
- list-style: disc;
- margin: 0 0 2rem 0;
- padding-left: 1rem;
- }
-
- ul li {
- padding-left: 0.5rem;
- }
-
- ul.divided {
- list-style: none;
- padding-left: 0;
- }
-
- ul.divided li {
- border-top: solid 1px;
- padding: 0.5rem 0;
- }
-
- ul.divided li:first-child {
- border-top: 0;
- padding-top: 0;
- }
-
- dl {
- margin: 0 0 2rem 0;
- }
-
- dl dt {
- display: block;
- font-weight: 600;
- margin: 0 0 1rem 0;
- }
-
- dl dd {
- margin-left: 2rem;
- }
-
- ul.divided li {
- border-top-color: #eeeeee;
- }
-
- ul.icons li a.icon:hover:before {
- color: #18bfef;
- }
-
- ul.icons.alt li .icon:before {
- box-shadow: inset 0 0 0 2px #eeeeee;
- }
-
- ul.icons.alt li a.icon:hover:before {
- box-shadow: inset 0 0 0 2px #18bfef;
- }
-
-/* Section/Article */
-
- section.special, article.special {
- text-align: center;
- }
-
- header {
- cursor: default;
- }
-
- header > .date {
- display: block;
- font-size: 0.8rem;
- height: 1;
- margin: 0 0 1rem 0;
- position: relative;
- }
-
- header > p {
- font-style: italic;
- }
-
- header > h1 + p {
- font-size: 1.1rem;
- margin-top: -0.5rem;
- line-height: 2;
- }
-
- header > h2 + p {
- font-size: 1rem;
- margin-top: -0.75rem;
- }
-
- header > h3 + p {
- font-size: 0.9rem;
- margin-top: -0.75rem;
- }
-
- header > h4 + p {
- font-size: 0.8rem;
- margin-top: -0.75rem;
- }
-
- header.major {
- margin: 0 0 4rem 0;
- text-align: center;
- }
-
- header.major > :last-child {
- margin-bottom: 0;
- }
-
- header.major > p {
- margin-top: 0;
- text-align: center;
- }
-
- header.major > .date {
- font-size: 1rem;
- margin: 0 0 4rem 0;
- }
-
- header.major > .date:before, header.major > .date:after {
- content: '';
- display: block;
- position: absolute;
- top: 50%;
- width: calc(50% - 6rem);
- border-top: solid 2px;
- }
-
- header.major > .date:before {
- left: 0;
- }
-
- header.major > .date:after {
- right: 0;
- }
-
- @media screen and (max-width: 980px) {
-
- header br {
- display: none;
- }
-
- }
-
- @media screen and (max-width: 736px) {
-
- header.major {
- margin: 0 0 2rem 0;
- }
-
- }
-
- header.major .date:before, header.major .date:after {
- border-top-color: #eeeeee;
- }
-
-/* Table */
-
- .table-wrapper {
- -webkit-overflow-scrolling: touch;
- overflow-x: auto;
- }
-
- table {
- margin: 0 0 2rem 0;
- width: 100%;
- }
-
- table tbody tr {
- border: solid 1px;
- border-left: 0;
- border-right: 0;
- }
-
- table td {
- padding: 0.75rem 0.75rem;
- }
-
- table th {
- font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 0.8rem;
- font-weight: 900;
- letter-spacing: 0.075em;
- line-height: 1.5;
- padding: 0 0.75rem 0.75rem 0.75rem;
- text-align: left;
- text-transform: uppercase;
- }
-
- @media screen and (max-width: 980px) {
-
- table th {
- font-size: 0.9rem;
- }
-
- }
-
- table thead {
- border-bottom: solid 2px;
- }
-
- table tfoot {
- border-top: solid 2px;
- }
-
- table.alt {
- border-collapse: separate;
- }
-
- table.alt tbody tr td {
- border: solid 1px;
- border-left-width: 0;
- border-top-width: 0;
- }
-
- table.alt tbody tr td:first-child {
- border-left-width: 1px;
- }
-
- table.alt tbody tr:first-child td {
- border-top-width: 1px;
- }
-
- table.alt thead {
- border-bottom: 0;
- }
-
- table.alt tfoot {
- border-top: 0;
- }
-
- table tbody tr {
- border-color: #eeeeee;
- }
-
- table tbody tr:nth-child(2n + 1) {
- background-color: rgba(220, 220, 220, 0.25);
- }
-
- table th {
- color: #212931;
- }
-
- table thead {
- border-bottom-color: #eeeeee;
- }
-
- table tfoot {
- border-top-color: #eeeeee;
- }
-
- table.alt tbody tr td {
- border-color: #eeeeee;
- }
-
-/* Pagination */
-
- .pagination {
- display: -moz-inline-flex;
- display: -webkit-inline-flex;
- display: -ms-inline-flex;
- display: inline-flex;
- -moz-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none;
- user-select: none;
- cursor: default;
- list-style: none;
- margin: 0 0 2rem 2px;
- padding: 0;
- }
-
- .pagination a, .pagination span {
- -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
- -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
- -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
- transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
- border: solid 2px;
- display: inline-block;
- font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 0.8rem;
- font-weight: 900;
- height: 3rem;
- letter-spacing: 0.075em;
- line-height: calc(3rem - 4px);
- margin-left: -2px;
- min-width: 3rem;
- position: relative;
- text-align: center;
- text-decoration: none;
- text-transform: uppercase;
- }
-
- .pagination .next, .pagination .previous {
- text-decoration: none;
- padding: 0 1.75rem;
- }
-
- .pagination .next:before, .pagination .previous:before {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-transform: none !important;
- }
-
- .pagination .next:before, .pagination .previous:before {
- display: inline-block;
- color: inherit !important;
- }
-
- .pagination .previous:before {
- content: '\f104';
- margin-right: 0.9375em;
- }
-
- .pagination .next:before {
- content: '\f105';
- float: right;
- margin-left: 0.9375em;
- }
-
- @media screen and (max-width: 980px) {
-
- .pagination a, .pagination span {
- font-size: 0.9rem;
- }
-
- }
-
- @media screen and (max-width: 480px) {
-
- .pagination .page, .pagination .extra {
- display: none;
- }
-
- }
-
- .pagination a, .pagination span {
- border-color: #eeeeee;
- }
-
- .pagination a {
- color: #212931 !important;
- }
-
- .pagination a:hover {
- color: #18bfef !important;
- border-color: #18bfef;
- z-index: 1;
- }
-
- .pagination a:hover + a, .pagination a:hover + span {
- border-left-color: #18bfef;
- }
-
- .pagination a.active {
- background-color: #eeeeee;
- }
-
- .pagination span {
- color: #eeeeee;
- }
-
-/* Wrapper */
-
- #wrapper {
- -moz-transition: opacity 0.5s ease;
- -webkit-transition: opacity 0.5s ease;
- -ms-transition: opacity 0.5s ease;
- transition: opacity 0.5s ease;
- position: relative;
- z-index: 1;
- overflow: hidden;
- }
-
- #wrapper > .bg {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: #212931;
- background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/bg.jpg");
- background-size: auto, auto, 100% auto;
- background-position: center, center, top center;
- background-repeat: repeat, no-repeat, no-repeat;
- background-attachment: scroll, scroll, scroll;
- z-index: -1;
- }
-
- #wrapper > .bg.fixed {
- position: fixed;
- width: 100vw;
- height: 100vh;
- }
-
- #wrapper.fade-in:before {
- pointer-events: none;
- -moz-transition: opacity 1s ease-in-out;
- -webkit-transition: opacity 1s ease-in-out;
- -ms-transition: opacity 1s ease-in-out;
- transition: opacity 1s ease-in-out;
- -moz-transition-delay: 0.75s;
- -webkit-transition-delay: 0.75s;
- -ms-transition-delay: 0.75s;
- transition-delay: 0.75s;
- background: #1e252d;
- content: '';
- display: block;
- height: 100%;
- left: 0;
- opacity: 0;
- position: fixed;
- top: 0;
- width: 100%;
- }
-
- body.is-preload #wrapper.fade-in:before {
- opacity: 1;
- }
-
- @media screen and (orientation: portrait) {
-
- #wrapper > .bg {
- background-size: auto, auto, auto 175%;
- }
-
- }
-
-/* Intro */
-
- #intro {
- color: #ffffff;
- padding: 8rem 4rem 6rem 4rem ;
- -moz-align-items: center;
- -webkit-align-items: center;
- -ms-align-items: center;
- align-items: center;
- display: -moz-flex;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- -moz-flex-direction: column;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -moz-justify-content: -moz-flex-end;
- -webkit-justify-content: -webkit-flex-end;
- -ms-justify-content: -ms-flex-end;
- justify-content: flex-end;
- -moz-transition: opacity 1s ease, -moz-transform 1s ease;
- -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
- -ms-transition: opacity 1s ease, -ms-transform 1s ease;
- transition: opacity 1s ease, transform 1s ease;
- position: relative;
- cursor: default;
- text-align: center;
- z-index: 1;
- min-height: 100vh;
- }
-
- #intro input, #intro select, #intro textarea {
- color: #ffffff;
- }
-
- #intro a {
- color: #ffffff;
- border-bottom-color: rgba(255, 255, 255, 0.5);
- }
-
- #intro a:hover {
- border-bottom-color: transparent;
- color: #18bfef !important;
- }
-
- #intro strong, #intro b {
- color: #ffffff;
- }
-
- #intro h1, #intro h2, #intro h3, #intro h4, #intro h5, #intro h6 {
- color: #ffffff;
- }
-
- #intro blockquote {
- border-left-color: #ffffff;
- }
-
- #intro code {
- background: rgba(255, 255, 255, 0.075);
- border-color: #ffffff;
- }
-
- #intro hr {
- border-bottom-color: #ffffff;
- }
-
- #intro input[type="submit"],
- #intro input[type="reset"],
- #intro input[type="button"],
- #intro button,
- #intro .button {
- background-color: transparent;
- box-shadow: inset 0 0 0 2px #ffffff;
- color: #ffffff !important;
- }
-
- #intro input[type="submit"]:hover,
- #intro input[type="reset"]:hover,
- #intro input[type="button"]:hover,
- #intro button:hover,
- #intro .button:hover {
- box-shadow: inset 0 0 0 2px #18bfef;
- color: #18bfef !important;
- }
-
- #intro input[type="submit"].primary,
- #intro input[type="reset"].primary,
- #intro input[type="button"].primary,
- #intro button.primary,
- #intro .button.primary {
- background-color: #ffffff;
- box-shadow: none;
- color: #1e252d !important;
- }
-
- #intro input[type="submit"].primary:hover,
- #intro input[type="reset"].primary:hover,
- #intro input[type="button"].primary:hover,
- #intro button.primary:hover,
- #intro .button.primary:hover {
- background-color: #18bfef;
- }
-
- #intro h1 {
- font-size: 5rem;
- line-height: 1;
- }
-
- #intro p {
- font-size: 1.25rem;
- font-style: italic;
- margin-top: -0.25rem;
- text-align: center;
- }
-
- #intro + #header {
- margin-top: -20rem;
- }
-
- #intro + #header .logo {
- -moz-transform: translateY(2rem);
- -webkit-transform: translateY(2rem);
- -ms-transform: translateY(2rem);
- transform: translateY(2rem);
- opacity: 0;
- visibility: hidden;
- }
-
- #intro.hidden {
- pointer-events: none;
- -moz-transform: translateY(2rem);
- -webkit-transform: translateY(2rem);
- -ms-transform: translateY(2rem);
- transform: translateY(2rem);
- -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, visibility 0.5s;
- -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0.5s;
- -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease, visibility 0.5s;
- transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
- opacity: 0;
- visibility: hidden;
- }
-
- #intro.hidden + #header .logo {
- -moz-transform: translateY(0);
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- opacity: 1;
- visibility: visible;
- }
-
- body.is-preload #intro {
- -moz-transform: translateY(2rem);
- -webkit-transform: translateY(2rem);
- -ms-transform: translateY(2rem);
- transform: translateY(2rem);
- opacity: 0;
- }
-
- body.is-preload #intro:not(.hidden) + #header + #nav {
- -moz-transform: translateY(4rem);
- -webkit-transform: translateY(4rem);
- -ms-transform: translateY(4rem);
- transform: translateY(4rem);
- opacity: 0;
- }
-
- @media screen and (max-width: 980px) {
-
- #intro {
- padding: 4rem 4rem 2rem 4rem ;
- min-height: 90vh;
- }
-
- #intro p br {
- display: none;
- }
-
- #intro + #header {
- margin-top: -14rem;
- }
-
- }
-
- @media screen and (max-width: 736px) {
-
- #intro {
- padding: 3rem 2rem 1rem 2rem ;
- min-height: 80vh;
- }
-
- #intro h1 {
- font-size: 3.25rem;
- line-height: 1.1;
- margin-bottom: 1rem;
- }
-
- #intro p {
- font-size: 1rem;
- margin-top: 0rem;
- }
-
- #intro .actions {
- display: none;
- }
-
- }
-
-/* Header */
-
- #header {
- color: #ffffff;
- -moz-align-items: center;
- -webkit-align-items: center;
- -ms-align-items: center;
- align-items: center;
- display: -moz-flex;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- -moz-flex-direction: column;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -moz-justify-content: -moz-flex-end;
- -webkit-justify-content: -webkit-flex-end;
- -ms-justify-content: -ms-flex-end;
- justify-content: flex-end;
- pointer-events: none;
- -moz-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none;
- user-select: none;
- height: 20rem;
- padding-bottom: 8rem;
- position: relative;
- text-align: center;
- z-index: 2;
- }
-
- #header input, #header select, #header textarea {
- color: #ffffff;
- }
-
- #header a {
- color: #ffffff;
- border-bottom-color: rgba(255, 255, 255, 0.5);
- }
-
- #header a:hover {
- border-bottom-color: transparent;
- color: #18bfef !important;
- }
-
- #header strong, #header b {
- color: #ffffff;
- }
-
- #header h1, #header h2, #header h3, #header h4, #header h5, #header h6 {
- color: #ffffff;
- }
-
- #header blockquote {
- border-left-color: #ffffff;
- }
-
- #header code {
- background: rgba(255, 255, 255, 0.075);
- border-color: #ffffff;
- }
-
- #header hr {
- border-bottom-color: #ffffff;
- }
-
- #header .logo {
- -moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -moz-transform 0.5s ease, visibility 0.5s;
- -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0.5s;
- -ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -ms-transform 0.5s ease, visibility 0.5s;
- transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
- pointer-events: auto;
- border-style: solid;
- border-color: #ffffff;
- border-width: 5px !important;
- font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 2.25rem;
- font-weight: 900;
- letter-spacing: 0.075em;
- line-height: 1;
- padding: 1rem 1.75rem;
- text-transform: uppercase;
- visibility: visible;
- }
-
- #header .logo:hover {
- border-color: #18bfef !important;
- color: #18bfef !important;
- }
-
- @media screen and (max-width: 980px) {
-
- #header {
- height: 14rem;
- padding-bottom: 4rem;
- }
-
- }
-
- @media screen and (max-width: 736px) {
-
- #header {
- padding-bottom: 3rem;
- }
-
- #header .logo {
- font-size: 1.75rem;
- border-width: 3px !important;
- }
-
- }
-
-/* Nav */
-
- #nav {
- color: #ffffff;
- display: -moz-flex;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- -moz-transition: -moz-transform 1s ease, opacity 1s ease;
- -webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
- -ms-transition: -ms-transform 1s ease, opacity 1s ease;
- transition: transform 1s ease, opacity 1s ease;
- background: rgba(255, 255, 255, 0.175);
- height: 4rem;
- line-height: 4rem;
- margin: -4rem auto 0 auto;
- overflow: hidden;
- padding: 0 2rem 0 0;
- position: relative;
- width: calc(100% - 4rem);
- max-width: 72rem;
- z-index: 2;
- }
-
- #nav ul.divided li {
- border-top-color: #ffffff;
- }
-
- #nav ul.icons li a.icon:hover:before {
- color: #18bfef;
- }
-
- #nav ul.icons.alt li .icon:before {
- box-shadow: inset 0 0 0 2px #ffffff;
- }
-
- #nav ul.icons.alt li a.icon:hover:before {
- box-shadow: inset 0 0 0 2px #18bfef;
- }
-
- #nav input, #nav select, #nav textarea {
- color: #ffffff;
- }
-
- #nav a {
- color: #ffffff;
- border-bottom-color: rgba(255, 255, 255, 0.5);
- }
-
- #nav a:hover {
- border-bottom-color: transparent;
- color: #18bfef !important;
- }
-
- #nav strong, #nav b {
- color: #ffffff;
- }
-
- #nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 {
- color: #ffffff;
- }
-
- #nav blockquote {
- border-left-color: #ffffff;
- }
-
- #nav code {
- background: rgba(255, 255, 255, 0.075);
- border-color: #ffffff;
- }
-
- #nav hr {
- border-bottom-color: #ffffff;
- }
-
- #nav ul.links {
- display: -moz-flex;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- -moz-flex-grow: 1;
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
- -moz-flex-shrink: 1;
- -webkit-flex-shrink: 1;
- -ms-flex-shrink: 1;
- flex-shrink: 1;
- font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-weight: 900;
- letter-spacing: 0.075em;
- list-style: none;
- margin-bottom: 0;
- padding-left: 0;
- text-transform: uppercase;
- }
-
- #nav ul.links li {
- display: block;
- padding-left: 0;
- }
-
- #nav ul.links li a {
- -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
- -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
- -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
- transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
- display: block;
- font-size: 0.8rem;
- outline: none;
- padding: 0 2rem;
- }
-
- #nav ul.links li a:hover {
- color: inherit !important;
- background-color: rgba(255, 255, 255, 0.1);
- }
-
- #nav ul.links li.active {
- background-color: #ffffff;
- }
-
- #nav ul.links li.active a {
- color: #1e252d;
- }
-
- #nav ul.links li.active a:hover {
- color: #18bfef !important;
- }
-
- #nav ul.icons {
- -moz-flex-grow: 0;
- -webkit-flex-grow: 0;
- -ms-flex-grow: 0;
- flex-grow: 0;
- -moz-flex-shrink: 0;
- -webkit-flex-shrink: 0;
- -ms-flex-shrink: 0;
- flex-shrink: 0;
- margin-bottom: 0;
- }
-
- @media screen and (max-width: 980px) {
-
- #nav {
- display: none;
- }
-
- }
-
-/* Main */
-
- #main {
- background-color: #ffffff;
- position: relative;
- margin: 0 auto;
- width: calc(100% - 4rem);
- max-width: 72rem;
- z-index: 2;
- }
-
- #main > * {
- padding: 4rem 4rem 2rem 4rem ;
- border-top: solid 2px #eeeeee;
- margin: 0;
- }
-
- #main > *:first-child {
- border-top: 0;
- }
-
- #main > footer {
- text-align: center;
- }
-
- #main > .post {
- padding: 8rem 8rem 6rem 8rem ;
- }
-
- #main > .post header.major > .date {
- margin-top: -2rem;
- }
-
- #main > .post header.major > h1, #main > .post header.major h2 {
- font-size: 4rem;
- line-height: 1.1;
- margin: 0 0 2rem 0;
- }
-
- #main > .post.featured {
- text-align: center;
- }
-
- @media screen and (max-width: 1280px) {
-
- #main > .post {
- padding: 6rem 4rem 4rem 4rem ;
- }
-
- }
-
- @media screen and (max-width: 736px) {
-
- #main > .post {
- padding: 4rem 2rem 2rem 2rem ;
- }
-
- #main > .post header.major > .date {
- margin-top: -1rem;
- margin-bottom: 2rem;
- }
-
- #main > .post header.major > h1, #main > .post header.major h2 {
- font-size: 2.5rem;
- line-height: 1.2;
- margin: 0 0 1.5rem 0;
- }
-
- }
-
- #main > .posts {
- display: -moz-flex;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- -moz-flex-wrap: wrap;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -moz-align-items: -moz-stretch;
- -webkit-align-items: -webkit-stretch;
- -ms-align-items: -ms-stretch;
- align-items: stretch;
- text-align: center;
- width: 100%;
- padding: 0;
- }
-
- #main > .posts > * {
- -moz-flex-shrink: 1;
- -webkit-flex-shrink: 1;
- -ms-flex-shrink: 1;
- flex-shrink: 1;
- -moz-flex-grow: 0;
- -webkit-flex-grow: 0;
- -ms-flex-grow: 0;
- flex-grow: 0;
- }
-
- #main > .posts > * {
- width: 50%;
- }
-
- #main > .posts > * {
- padding: 4rem;
- width: 50%;
- }
-
- #main > .posts > article {
- border-color: #eeeeee;
- border-left-width: 2px;
- border-style: solid;
- border-top-width: 2px;
- text-align: center;
- }
-
- #main > .posts > article > :last-child {
- margin-bottom: 0;
- }
-
- #main > .posts > article:nth-child(2n - 1) {
- border-left-width: 0;
- }
-
- #main > .posts > article:nth-child(-n + 2) {
- border-top-width: 0;
- }
-
- @media screen and (max-width: 980px) {
-
- #main > .posts > * {
- width: 50%;
- }
-
- #main > .posts > * {
- padding: 2.5rem;
- width: 50%;
- }
-
- }
-
- @media screen and (max-width: 736px) {
-
- #main > .posts > * {
- width: 100%;
- }
-
- #main > .posts > * {
- padding: 2rem;
- width: 100%;
- }
-
- #main > .posts > article:nth-child(2n - 1) {
- border-left-width: 2px;
- }
-
- #main > .posts > article:nth-child(-n + 2) {
- border-top-width: 2px;
- }
-
- #main > .posts > article:nth-child(n) {
- border-left-width: 0;
- }
-
- #main > .posts > article:nth-child(-n + 1) {
- border-top-width: 0;
- }
-
- #main > .posts > article .image {
- max-width: 25rem;
- margin-left: auto;
- margin-right: auto;
- }
-
- }
-
- @media screen and (max-width: 736px) {
-
- #main > * {
- padding: 2rem 2rem 0.1rem 2rem ;
- }
-
- }
-
- @media screen and (max-width: 480px) {
-
- #main {
- width: 100%;
- }
-
- }
-
-/* Footer */
-
- #footer {
- color: #717981;
- display: -moz-flex;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- background-color: #f5f5f5;
- color: #909498;
- cursor: default;
- position: relative;
- margin: 0 auto;
- width: calc(100% - 4rem);
- max-width: 72rem;
- z-index: 2;
- }
-
- #footer input, #footer select, #footer textarea {
- color: #717981;
- }
-
- #footer a {
- color: #717981;
- border-bottom-color: rgba(113, 121, 129, 0.5);
- }
-
- #footer a:hover {
- border-bottom-color: transparent;
- color: #18bfef !important;
- }
-
- #footer strong, #footer b {
- color: #717981;
- }
-
- #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
- color: #717981;
- }
-
- #footer blockquote {
- border-left-color: #e2e2e2;
- }
-
- #footer code {
- background: rgba(220, 220, 220, 0.5);
- border-color: #e2e2e2;
- }
-
- #footer hr {
- border-bottom-color: #e2e2e2;
- }
-
- #footer .box {
- border-color: #e2e2e2;
- }
-
- #footer input[type="submit"],
- #footer input[type="reset"],
- #footer input[type="button"],
- #footer button,
- #footer .button {
- background-color: transparent;
- box-shadow: inset 0 0 0 2px #717981;
- color: #717981 !important;
- }
-
- #footer input[type="submit"]:hover,
- #footer input[type="reset"]:hover,
- #footer input[type="button"]:hover,
- #footer button:hover,
- #footer .button:hover {
- box-shadow: inset 0 0 0 2px #18bfef;
- color: #18bfef !important;
- }
-
- #footer input[type="submit"].primary,
- #footer input[type="reset"].primary,
- #footer input[type="button"].primary,
- #footer button.primary,
- #footer .button.primary {
- background-color: #717981;
- box-shadow: none;
- color: #f5f5f5 !important;
- }
-
- #footer input[type="submit"].primary:hover,
- #footer input[type="reset"].primary:hover,
- #footer input[type="button"].primary:hover,
- #footer button.primary:hover,
- #footer .button.primary:hover {
- background-color: #18bfef;
- }
-
- #footer label {
- color: #717981;
- }
-
- #footer input[type="text"],
- #footer input[type="password"],
- #footer input[type="email"],
- #footer select,
- #footer textarea {
- border-color: #e2e2e2;
- }
-
- #footer input[type="text"]:focus,
- #footer input[type="password"]:focus,
- #footer input[type="email"]:focus,
- #footer select:focus,
- #footer textarea:focus {
- border-color: #18bfef;
- }
-
- #footer select {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23e2e2e2' /%3E%3C/svg%3E");
- }
-
- #footer select option {
- background-color: #f5f5f5;
- color: #717981;
- }
-
- #footer .select-wrapper:before {
- color: #e2e2e2;
- }
-
- #footer input[type="checkbox"] + label,
- #footer input[type="radio"] + label {
- color: #717981;
- }
-
- #footer input[type="checkbox"] + label:before,
- #footer input[type="radio"] + label:before {
- border-color: #e2e2e2;
- }
-
- #footer input[type="checkbox"]:checked + label:before,
- #footer input[type="radio"]:checked + label:before {
- background-color: #717981;
- border-color: #717981;
- color: #f5f5f5;
- }
-
- #footer input[type="checkbox"]:focus + label:before,
- #footer input[type="radio"]:focus + label:before {
- border-color: #18bfef;
- }
-
- #footer ::-webkit-input-placeholder {
- color: #b3b7bb !important;
- }
-
- #footer :-moz-placeholder {
- color: #b3b7bb !important;
- }
-
- #footer ::-moz-placeholder {
- color: #b3b7bb !important;
- }
-
- #footer :-ms-input-placeholder {
- color: #b3b7bb !important;
- }
-
- #footer .formerize-placeholder {
- color: #b3b7bb !important;
- }
-
- #footer ul.divided li {
- border-top-color: #e2e2e2;
- }
-
- #footer ul.icons li a.icon:hover:before {
- color: #18bfef;
- }
-
- #footer ul.icons.alt li .icon:before {
- box-shadow: inset 0 0 0 2px #e2e2e2;
- }
-
- #footer ul.icons.alt li a.icon:hover:before {
- box-shadow: inset 0 0 0 2px #18bfef;
- }
-
- #footer header.major .date:before, #footer header.major .date:after {
- border-top-color: #e2e2e2;
- }
-
- #footer table tbody tr {
- border-color: #e2e2e2;
- }
-
- #footer table tbody tr:nth-child(2n + 1) {
- background-color: rgba(220, 220, 220, 0.5);
- }
-
- #footer table th {
- color: #717981;
- }
-
- #footer table thead {
- border-bottom-color: #e2e2e2;
- }
-
- #footer table tfoot {
- border-top-color: #e2e2e2;
- }
-
- #footer table.alt tbody tr td {
- border-color: #e2e2e2;
- }
-
- #footer .pagination a, #footer .pagination span {
- border-color: #e2e2e2;
- }
-
- #footer .pagination a {
- color: #717981 !important;
- }
-
- #footer .pagination a:hover {
- color: #18bfef !important;
- border-color: #18bfef;
- z-index: 1;
- }
-
- #footer .pagination a:hover + a, #footer .pagination a:hover + span {
- border-left-color: #18bfef;
- }
-
- #footer .pagination a.active {
- background-color: #e2e2e2;
- }
-
- #footer .pagination span {
- color: #e2e2e2;
- }
-
- #footer > section {
- -moz-flex-basis: 50%;
- -webkit-flex-basis: 50%;
- -ms-flex-basis: 50%;
- flex-basis: 50%;
- -moz-flex-grow: 1;
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
- -moz-flex-shrink: 1;
- -webkit-flex-shrink: 1;
- -ms-flex-shrink: 1;
- flex-shrink: 1;
- padding: 4rem 4rem 2rem 4rem ;
- border-left: solid 2px #e2e2e2;
- }
-
- #footer > section:first-child {
- border-left: 0;
- }
-
- #footer > section.split {
- display: -moz-flex;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- -moz-flex-direction: column;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- padding: 0;
- }
-
- #footer > section.split > section {
- padding: 3rem 4rem 1rem 4rem ;
- border-top: solid 2px #e2e2e2;
- }
-
- #footer > section.split > section:first-child {
- padding: 5rem 4rem 1rem 4rem ;
- border-top: 0;
- }
-
- #footer > section.split > section:last-child {
- padding: 3rem 4rem 3rem 4rem ;
- }
-
- #footer > section.split.contact > section {
- display: -moz-flex;
- display: -webkit-flex;
- display: -ms-flex;
- display: flex;
- -moz-align-items: center;
- -webkit-align-items: center;
- -ms-align-items: center;
- align-items: center;
- padding: 3.15rem 4rem;
- }
-
- #footer > section.split.contact > section > * {
- margin-bottom: 0;
- }
-
- #footer > section.split.contact > section > :first-child {
- -moz-flex-shrink: 0;
- -webkit-flex-shrink: 0;
- -ms-flex-shrink: 0;
- flex-shrink: 0;
- -moz-flex-grow: 0;
- -webkit-flex-grow: 0;
- -ms-flex-grow: 0;
- flex-grow: 0;
- width: 6rem;
- }
-
- #footer > section.split.contact > section > :last-child {
- -moz-flex-shrink: 1;
- -webkit-flex-shrink: 1;
- -ms-flex-shrink: 1;
- flex-shrink: 1;
- -moz-flex-grow: 1;
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
- }
-
- #footer > section.split.contact > section:first-child {
- padding: 4rem 4rem 3rem 4rem;
- }
-
- #footer > section.split.contact > section:last-child {
- padding: 3rem 4rem 4rem 4rem;
- }
-
- #footer > section.split.contact > section.alt {
- -moz-align-items: -moz-flex-start;
- -webkit-align-items: -webkit-flex-start;
- -ms-align-items: -ms-flex-start;
- align-items: flex-start;
- }
-
- #footer > section.split.contact > section.alt > :last-child {
- margin-top: -0.325rem;
- }
-
- #footer form label,
- #footer h3,
- #footer p {
- font-size: 0.8rem;
- }
-
- @media screen and (max-width: 980px) {
-
- #footer {
- display: block;
- }
-
- #footer > section {
- border-top: solid 2px #e2e2e2;
- }
-
- #footer > section:first-child {
- border-top: 0;
- }
-
- #footer > section.split > section {
- padding: 4rem 4rem 2rem 4rem ;
- }
-
- #footer > section.split > section:first-child {
- padding: 4rem 4rem 2rem 4rem ;
- }
-
- #footer > section.split > section:last-child {
- padding: 4rem 4rem 2rem 4rem ;
- }
-
- #footer > section.split.contact > section {
- padding: 4rem;
- }
-
- #footer > section.split.contact > section:first-child {
- padding: 4rem;
- }
-
- #footer > section.split.contact > section:last-child {
- padding: 4rem;
- }
-
- #footer form label,
- #footer h3,
- #footer p {
- font-size: 0.9rem;
- }
-
- }
-
- @media screen and (max-width: 736px) {
-
- #footer > section {
- padding: 2rem 2rem 0.1rem 2rem ;
- }
-
- #footer > section.split > section {
- padding: 2rem 2rem 0.1rem 2rem ;
- }
-
- #footer > section.split > section:first-child {
- padding: 2rem 2rem 0.1rem 2rem ;
- }
-
- #footer > section.split > section:last-child {
- padding: 2rem 2rem 0.1rem 2rem ;
- }
-
- #footer > section.split.contact > section {
- padding: 2rem;
- }
-
- #footer > section.split.contact > section:first-child {
- padding: 2rem;
- }
-
- #footer > section.split.contact > section:last-child {
- padding: 2rem;
- }
-
- }
-
- @media screen and (max-width: 480px) {
-
- #footer {
- width: 100%;
- }
-
- }
-
- #copyright {
- color: #ffffff;
- position: relative;
- color: rgba(255, 255, 255, 0.25);
- cursor: default;
- font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 0.8rem;
- font-weight: 900;
- letter-spacing: 0.075em;
- line-height: 1.5;
- text-align: center;
- text-transform: uppercase;
- margin: 4rem auto 8rem auto;
- width: calc(100% - 4rem);
- max-width: 72rem;
- z-index: 2;
- }
-
- #copyright input, #copyright select, #copyright textarea {
- color: #ffffff;
- }
-
- #copyright a {
- color: #ffffff;
- border-bottom-color: rgba(255, 255, 255, 0.5);
- }
-
- #copyright a:hover {
- border-bottom-color: transparent;
- color: #18bfef !important;
- }
-
- #copyright strong, #copyright b {
- color: #ffffff;
- }
-
- #copyright h1, #copyright h2, #copyright h3, #copyright h4, #copyright h5, #copyright h6 {
- color: #ffffff;
- }
-
- #copyright blockquote {
- border-left-color: #ffffff;
- }
-
- #copyright code {
- background: rgba(255, 255, 255, 0.075);
- border-color: #ffffff;
- }
-
- #copyright hr {
- border-bottom-color: #ffffff;
- }
-
- #copyright a {
- color: inherit;
- border-bottom-color: inherit;
- }
-
- #copyright ul {
- list-style: none;
- margin: 0;
- padding-left: 0;
- }
-
- #copyright ul li {
- border-left: solid 2px;
- display: inline-block;
- line-height: 1;
- margin-left: 1rem;
- padding-left: 1rem;
- }
-
- #copyright ul li:first-child {
- border-left: 0;
- margin-left: 0;
- padding-left: 0;
- }
-
- @media screen and (max-width: 1280px) {
-
- #copyright {
- margin: 4rem auto;
- }
-
- }
-
- @media screen and (max-width: 480px) {
-
- #copyright ul li {
- border-left: 0;
- margin: 1rem 0 0 0;
- padding-left: 0;
- display: block;
- }
-
- #copyright ul li:first-child {
- margin-top: 0;
- }
-
- }
-
-/* Nav Panel */
-
- #navPanelToggle {
- text-decoration: none;
- -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
- -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
- -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
- transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
- display: none;
- position: fixed;
- top: 0.75rem;
- right: 0.75rem;
- border: 0;
- color: #ffffff;
- font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 0.9rem;
- font-weight: 900;
- letter-spacing: 0.075em;
- padding: 0.375rem 1.25rem;
- text-transform: uppercase;
- z-index: 10001;
- }
-
- #navPanelToggle:before {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-transform: none !important;
- }
-
- #navPanelToggle:before {
- content: '\f0c9';
- margin-right: 0.5rem;
- }
-
- #navPanelToggle.alt {
- background-color: rgba(255, 255, 255, 0.875);
- box-shadow: 0 0.125rem 0.75rem 0 rgba(30, 37, 45, 0.25);
- color: #212931;
- }
-
- #navPanelToggle.alt:hover {
- background-color: #ffffff;
- }
-
- @media screen and (max-width: 980px) {
-
- #navPanelToggle {
- display: block;
- }
-
- }
-
- @media screen and (max-width: 736px) {
-
- #navPanelToggle {
- font-size: 0.8rem;
- padding: 0.25rem 1rem;
- }
-
- }
-
- #navPanel {
- -moz-transform: translateX(20rem);
- -webkit-transform: translateX(20rem);
- -ms-transform: translateX(20rem);
- transform: translateX(20rem);
- -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
- -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
- -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
- transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
- display: none;
- -webkit-overflow-scrolling: touch;
- background: #ffffff;
- box-shadow: none;
- color: #212931;
- height: 100%;
- max-width: 80%;
- overflow-y: auto;
- padding: 3rem 2rem;
- position: fixed;
- right: 0;
- top: 0;
- visibility: hidden;
- width: 20rem;
- z-index: 10002;
- }
-
- #navPanel .links {
- list-style: none;
- padding-left: 0;
- }
-
- #navPanel .links li {
- border-top: solid 2px #eeeeee;
- }
-
- #navPanel .links li a {
- border-bottom: 0;
- display: block;
- font-family: "Source Sans Pro", Helvetica, sans-serif;
- font-size: 0.9rem;
- font-size: 0.9rem;
- font-weight: 900;
- letter-spacing: 0.075em;
- padding: 0.75rem 0;
- text-transform: uppercase;
- }
-
- #navPanel .links li:first-child {
- border-top: 0;
- }
-
- #navPanel .close {
- text-decoration: none;
- -moz-transition: color 0.2s ease-in-out;
- -webkit-transition: color 0.2s ease-in-out;
- -ms-transition: color 0.2s ease-in-out;
- transition: color 0.2s ease-in-out;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- border: 0;
- color: #909498;
- cursor: pointer;
- display: block;
- height: 3.25rem;
- line-height: 3.25rem;
- padding-right: 1.25rem;
- position: absolute;
- right: 0;
- text-align: right;
- top: 0;
- vertical-align: middle;
- width: 7rem;
- }
-
- #navPanel .close:before {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- text-transform: none !important;
- }
-
- #navPanel .close:before {
- content: '\f00d';
- font-size: 1.25rem;
- }
-
- #navPanel .close:hover {
- color: #212931;
- }
-
- @media screen and (max-width: 736px) {
-
- #navPanel .close {
- height: 4rem;
- line-height: 4rem;
- }
-
- }
-
- @media screen and (max-width: 980px) {
-
- #navPanel {
- display: block;
- }
-
- }
-
- @media screen and (max-width: 736px) {
-
- #navPanel {
- padding: 2.5rem 1.75rem;
- }
-
- }
-
- @media screen and (max-width: 980px) {
-
- body.is-navPanel-visible #wrapper {
- opacity: 0.5;
- }
-
- body.is-navPanel-visible #navPanel {
- -moz-transform: translateX(0);
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
- visibility: visible;
- }
-
- } \ No newline at end of file
diff --git a/static/assets/css/noscript.css b/static/assets/css/noscript.css
deleted file mode 100644
index 31b9e4b..0000000
--- a/static/assets/css/noscript.css
+++ /dev/null
@@ -1,36 +0,0 @@
-@import url(font-awesome.min.css);
-
-/*
- Massively by HTML5 UP
- html5up.net | @ajlkn
- Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
-
-/* Wrapper */
-
- #wrapper {
- background-color: #212931;
- background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/bg.jpg");
- background-size: auto, auto, 100% auto;
- background-position: center, center, top center;
- background-repeat: repeat, no-repeat, no-repeat;
- background-attachment: fixed, fixed, fixed;
- }
-
- #wrapper.fade-in:before {
- display: none;
- }
-
-/* Intro */
-
- body.is-preload #intro {
- opacity: 1;
- }
-
- body.is-preload #intro:not(.hidden) + #header + #nav {
- -moz-transform: none;
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
- opacity: 1;
- } \ No newline at end of file