diff options
author | Seshal Jain <seshaljain11@gmail.com> | 2019-11-25 22:49:01 +0300 |
---|---|---|
committer | Curtis Timson <curt@live.co.uk> | 2019-11-25 22:49:01 +0300 |
commit | b486b3d83b9ff134944c6f1e9ad6a9ba0aee4806 (patch) | |
tree | b7c9646611fb58b947fdcc98c4a602919202d4bc | |
parent | 8b5823791d55cd219c8c13d94b37aff20b60fe42 (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-- | .gitignore | 2 | ||||
-rw-r--r-- | CHANGELOG.md | 11 | ||||
-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.content | 2913 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/scss/main.scss_12bfed357d24ca59ff7ceeb30292a324.json | 1 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/scss/main.scss_4e08459ae24892226881b9fbaab4d397.content | 1 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/scss/main.scss_4e08459ae24892226881b9fbaab4d397.json | 1 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/scss/noscript.scss_2103917ee0aa183caf6c7ba1cd5fe1e6.content | 26 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/scss/noscript.scss_2103917ee0aa183caf6c7ba1cd5fe1e6.json | 1 | ||||
-rw-r--r-- | layouts/partials/htmlhead.html | 12 | ||||
-rw-r--r-- | layouts/partials/scripts/index.html | 19 | ||||
-rw-r--r-- | package-lock.json | 2 | ||||
-rw-r--r-- | package.json | 2 | ||||
-rw-r--r-- | static/assets/css/main.css | 4653 | ||||
-rw-r--r-- | static/assets/css/noscript.css | 36 |
52 files changed, 2974 insertions, 4706 deletions
@@ -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 }} · {{ .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 |