From 7bdf9d6c108fc0e603b19d44ae52741fed242254 Mon Sep 17 00:00:00 2001
From: axe-n <126099796+axe-n@users.noreply.github.com>
Date: Sat, 1 Feb 2025 12:26:12 +0530
Subject: [PATCH 01/32] Add files via upload
---
README.txt | 25 +-
assets/css/images/arrow.svg | 6 +
assets/css/images/bars.svg | 6 +
assets/css/images/close.svg | 5 +
assets/css/main.css | 4160 +++++++++++++++--------------------
assets/css/noscript.css | 41 +-
assets/js/main.js | 273 +--
assets/sass/libs/_vars.scss | 127 +-
assets/sass/main.scss | 1968 ++++++++++++++++-
assets/sass/noscript.scss | 42 +-
elements.html | 386 ++--
generic.html | 138 +-
images/banner.jpg | Bin 0 -> 53439 bytes
images/pic01.jpg | Bin 60917 -> 11352 bytes
images/pic02.jpg | Bin 20638 -> 9659 bytes
images/pic03.jpg | Bin 20643 -> 11124 bytes
images/pic04.jpg | Bin 20737 -> 2391 bytes
images/pic05.jpg | Bin 21198 -> 2273 bytes
index.html | 328 ++-
19 files changed, 4186 insertions(+), 3319 deletions(-)
create mode 100644 assets/css/images/arrow.svg
create mode 100644 assets/css/images/bars.svg
create mode 100644 assets/css/images/close.svg
create mode 100644 images/banner.jpg
diff --git a/README.txt b/README.txt
index aba558f..25f02b6 100644
--- a/README.txt
+++ b/README.txt
@@ -1,13 +1,26 @@
-Massively by HTML5 UP
+Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-This is Massively, a text-heavy, article-oriented design built around a huge background
-image (with a new parallax implementation I'm testing) and scroll effects (powered by
-Scrollex). A *slight* departure from all the one-pagers I've been doing lately, but one
-that fulfills a few user requests and makes use of some new techniques I've been wanting
-to try out. Enjoy it :)
+A big, modern, blocky affair with a mobile-style menu, fully responsive styling,
+and an assortment of pre-styled elements. So, pretty much what you were expecting
+-- except, of course, for how it's put together, specifically:
+
+- It's built with components from my Responsive Tools project.
+
+- It uses flexbox, which eliminates all kinds of terrible hacks and clunky layout
+ stopgaps (like CSS grid systems).
+
+- It uses Sass* a lot more intelligently, thanks in part to several new mixins
+ and functions I've been working on (as well as a few by @HugoGiraudel).
+
+ (* = still entirely optional if you prefer vanilla CSS :)
+
+- A ton of other stuff.
+
+In short, Spectral's the culmination of several new things I'm working on/trying out,
+so please, let me know what you think :)
Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
you can use for pretty much whatever.
diff --git a/assets/css/images/arrow.svg b/assets/css/images/arrow.svg
new file mode 100644
index 0000000..49ee37c
--- /dev/null
+++ b/assets/css/images/arrow.svg
@@ -0,0 +1,6 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/assets/css/images/bars.svg b/assets/css/images/bars.svg
new file mode 100644
index 0000000..50e4e41
--- /dev/null
+++ b/assets/css/images/bars.svg
@@ -0,0 +1,6 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/assets/css/images/close.svg b/assets/css/images/close.svg
new file mode 100644
index 0000000..3ad8786
--- /dev/null
+++ b/assets/css/images/close.svg
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/assets/css/main.css b/assets/css/main.css
index a392c9b..b449c54 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,8 +1,8 @@
@import url(fontawesome-all.min.css);
-@import url("https://fonts.googleapis.com/css?family=Merriweather:300,700,300italic,700italic|Source+Sans+Pro:900");
+@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic");
/*
- Massively by HTML5 UP
+ Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
@@ -78,18 +78,6 @@ input, select, textarea {
width: device-width;
}
- body {
- -ms-overflow-style: scrollbar;
- }
-
- @media screen and (max-width: 480px) {
-
- html, body {
- min-width: 320px;
- }
-
- }
-
html {
box-sizing: border-box;
}
@@ -99,7 +87,7 @@ input, select, textarea {
}
body {
- background-color: #1e252d;
+ background: #2e3842;
}
body.is-preload *, body.is-preload *:before, body.is-preload *:after {
@@ -113,53 +101,47 @@ input, select, textarea {
transition: none !important;
}
-/* Type */
-
- html {
- font-size: 16pt;
+ body, input, select, textarea {
+ color: #fff;
+ font-family: "Open Sans", Helvetica, sans-serif;
+ font-size: 15pt;
+ font-weight: 400;
+ letter-spacing: 0.075em;
+ line-height: 1.65em;
}
@media screen and (max-width: 1680px) {
- html {
- font-size: 12pt;
+ body, input, select, textarea {
+ font-size: 13pt;
}
}
@media screen and (max-width: 1280px) {
- html {
- font-size: 11pt;
+ body, input, select, textarea {
+ font-size: 12pt;
}
}
- @media screen and (max-width: 360px) {
+ @media screen and (max-width: 736px) {
- html {
- font-size: 10pt;
+ body, input, select, textarea {
+ font-size: 11pt;
+ letter-spacing: 0.0375em;
}
}
- 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;
+ -moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
+ -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
+ -ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
+ transition: color 0.2s ease, border-bottom-color 0.2s ease;
border-bottom: dotted 1px;
+ color: inherit;
text-decoration: none;
}
@@ -168,6 +150,7 @@ input, select, textarea {
}
strong, b {
+ color: #fff;
font-weight: 600;
}
@@ -176,105 +159,119 @@ input, select, textarea {
}
p {
- text-align: justify;
- margin: 0 0 2rem 0;
+ margin: 0 0 2em 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;
+ color: #fff;
+ font-weight: 800;
+ letter-spacing: 0.225em;
+ line-height: 1em;
+ margin: 0 0 1em 0;
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;
+ font-size: 1.35em;
+ line-height: 1.75em;
}
+ @media screen and (max-width: 736px) {
+
+ h2 {
+ font-size: 1.1em;
+ line-height: 1.65em;
+ }
+
+ }
+
h3 {
- font-size: 1.25rem;
- margin: 0 0 1.5rem 0;
+ font-size: 1.15em;
+ line-height: 1.75em;
}
+ @media screen and (max-width: 736px) {
+
+ h3 {
+ font-size: 1em;
+ line-height: 1.65em;
+ }
+
+ }
+
h4 {
- font-size: 1rem;
+ font-size: 1em;
+ line-height: 1.5em;
}
h5 {
- font-size: 0.9rem;
+ font-size: 0.8em;
+ line-height: 1.5em;
}
h6 {
- font-size: 0.8rem;
+ font-size: 0.7em;
+ line-height: 1.5em;
}
sub {
- font-size: 0.8rem;
+ font-size: 0.8em;
position: relative;
- top: 0.5rem;
+ top: 0.5em;
}
sup {
- font-size: 0.8rem;
+ font-size: 0.8em;
position: relative;
- top: -0.5rem;
+ top: -0.5em;
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid 2px #fff;
+ margin: 3em 0;
}
+ hr.major {
+ margin: 4.5em 0;
+ }
+
blockquote {
- border-left: solid 4px;
+ border-left: solid 4px #fff;
font-style: italic;
- margin: 0 0 2rem 0;
- padding: 0.5rem 0 0.5rem 2rem;
+ margin: 0 0 2em 0;
+ padding: 0.5em 0 0.5em 2em;
}
code {
- border: solid 2px;
+ background: rgba(144, 144, 144, 0.25);
+ border-radius: 3px;
font-family: "Courier New", monospace;
- font-size: 0.9rem;
- margin: 0 0.25rem;
- padding: 0.25rem 0.65rem;
+ font-size: 0.9em;
+ letter-spacing: 0;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
}
pre {
-webkit-overflow-scrolling: touch;
font-family: "Courier New", monospace;
- font-size: 0.9rem;
- margin: 0 0 2rem 0;
+ font-size: 0.9em;
+ margin: 0 0 2em 0;
}
pre code {
display: block;
- line-height: 1.75;
- padding: 1rem 1.5rem;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
overflow-x: auto;
}
- hr {
- border: 0;
- border-bottom: solid 2px;
- margin: 3rem 0;
- }
-
- hr.major {
- margin: 5rem 0;
- }
-
.align-left {
text-align: left;
}
@@ -287,41 +284,6 @@ input, select, textarea {
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 {
@@ -465,104 +427,104 @@ input, select, textarea {
.row.gtr-0 {
margin-top: 0;
- margin-left: 0rem;
+ margin-left: 0em;
}
.row.gtr-0 > * {
- padding: 0 0 0 0rem;
+ padding: 0 0 0 0em;
}
.row.gtr-0.gtr-uniform {
- margin-top: 0rem;
+ margin-top: 0em;
}
.row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
+ padding-top: 0em;
}
.row.gtr-25 {
margin-top: 0;
- margin-left: -0.375rem;
+ margin-left: -0.375em;
}
.row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
+ padding: 0 0 0 0.375em;
}
.row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
+ margin-top: -0.375em;
}
.row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
+ padding-top: 0.375em;
}
.row.gtr-50 {
margin-top: 0;
- margin-left: -0.75rem;
+ margin-left: -0.75em;
}
.row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
+ padding: 0 0 0 0.75em;
}
.row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
+ margin-top: -0.75em;
}
.row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
+ padding-top: 0.75em;
}
.row {
margin-top: 0;
- margin-left: -1.5rem;
+ margin-left: -1.5em;
}
.row > * {
- padding: 0 0 0 1.5rem;
+ padding: 0 0 0 1.5em;
}
.row.gtr-uniform {
- margin-top: -1.5rem;
+ margin-top: -1.5em;
}
.row.gtr-uniform > * {
- padding-top: 1.5rem;
+ padding-top: 1.5em;
}
.row.gtr-150 {
margin-top: 0;
- margin-left: -2.25rem;
+ margin-left: -2.25em;
}
.row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
+ padding: 0 0 0 2.25em;
}
.row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
+ margin-top: -2.25em;
}
.row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
+ padding-top: 2.25em;
}
.row.gtr-200 {
margin-top: 0;
- margin-left: -3rem;
+ margin-left: -3em;
}
.row.gtr-200 > * {
- padding: 0 0 0 3rem;
+ padding: 0 0 0 3em;
}
.row.gtr-200.gtr-uniform {
- margin-top: -3rem;
+ margin-top: -3em;
}
.row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
+ padding-top: 3em;
}
@media screen and (max-width: 1680px) {
@@ -708,104 +670,104 @@ input, select, textarea {
.row.gtr-0 {
margin-top: 0;
- margin-left: 0rem;
+ margin-left: 0em;
}
.row.gtr-0 > * {
- padding: 0 0 0 0rem;
+ padding: 0 0 0 0em;
}
.row.gtr-0.gtr-uniform {
- margin-top: 0rem;
+ margin-top: 0em;
}
.row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
+ padding-top: 0em;
}
.row.gtr-25 {
margin-top: 0;
- margin-left: -0.375rem;
+ margin-left: -0.375em;
}
.row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
+ padding: 0 0 0 0.375em;
}
.row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
+ margin-top: -0.375em;
}
.row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
+ padding-top: 0.375em;
}
.row.gtr-50 {
margin-top: 0;
- margin-left: -0.75rem;
+ margin-left: -0.75em;
}
.row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
+ padding: 0 0 0 0.75em;
}
.row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
+ margin-top: -0.75em;
}
.row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
+ padding-top: 0.75em;
}
.row {
margin-top: 0;
- margin-left: -1.5rem;
+ margin-left: -1.5em;
}
.row > * {
- padding: 0 0 0 1.5rem;
+ padding: 0 0 0 1.5em;
}
.row.gtr-uniform {
- margin-top: -1.5rem;
+ margin-top: -1.5em;
}
.row.gtr-uniform > * {
- padding-top: 1.5rem;
+ padding-top: 1.5em;
}
.row.gtr-150 {
margin-top: 0;
- margin-left: -2.25rem;
+ margin-left: -2.25em;
}
.row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
+ padding: 0 0 0 2.25em;
}
.row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
+ margin-top: -2.25em;
}
.row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
+ padding-top: 2.25em;
}
.row.gtr-200 {
margin-top: 0;
- margin-left: -3rem;
+ margin-left: -3em;
}
.row.gtr-200 > * {
- padding: 0 0 0 3rem;
+ padding: 0 0 0 3em;
}
.row.gtr-200.gtr-uniform {
- margin-top: -3rem;
+ margin-top: -3em;
}
.row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
+ padding-top: 3em;
}
}
@@ -953,104 +915,104 @@ input, select, textarea {
.row.gtr-0 {
margin-top: 0;
- margin-left: 0rem;
+ margin-left: 0em;
}
.row.gtr-0 > * {
- padding: 0 0 0 0rem;
+ padding: 0 0 0 0em;
}
.row.gtr-0.gtr-uniform {
- margin-top: 0rem;
+ margin-top: 0em;
}
.row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
+ padding-top: 0em;
}
.row.gtr-25 {
margin-top: 0;
- margin-left: -0.375rem;
+ margin-left: -0.375em;
}
.row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
+ padding: 0 0 0 0.375em;
}
.row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
+ margin-top: -0.375em;
}
.row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
+ padding-top: 0.375em;
}
.row.gtr-50 {
margin-top: 0;
- margin-left: -0.75rem;
+ margin-left: -0.75em;
}
.row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
+ padding: 0 0 0 0.75em;
}
.row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
+ margin-top: -0.75em;
}
.row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
+ padding-top: 0.75em;
}
.row {
margin-top: 0;
- margin-left: -1.5rem;
+ margin-left: -1.5em;
}
.row > * {
- padding: 0 0 0 1.5rem;
+ padding: 0 0 0 1.5em;
}
.row.gtr-uniform {
- margin-top: -1.5rem;
+ margin-top: -1.5em;
}
.row.gtr-uniform > * {
- padding-top: 1.5rem;
+ padding-top: 1.5em;
}
.row.gtr-150 {
margin-top: 0;
- margin-left: -2.25rem;
+ margin-left: -2.25em;
}
.row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
+ padding: 0 0 0 2.25em;
}
.row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
+ margin-top: -2.25em;
}
.row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
+ padding-top: 2.25em;
}
.row.gtr-200 {
margin-top: 0;
- margin-left: -3rem;
+ margin-left: -3em;
}
.row.gtr-200 > * {
- padding: 0 0 0 3rem;
+ padding: 0 0 0 3em;
}
.row.gtr-200.gtr-uniform {
- margin-top: -3rem;
+ margin-top: -3em;
}
.row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
+ padding-top: 3em;
}
}
@@ -1198,104 +1160,104 @@ input, select, textarea {
.row.gtr-0 {
margin-top: 0;
- margin-left: 0rem;
+ margin-left: 0em;
}
.row.gtr-0 > * {
- padding: 0 0 0 0rem;
+ padding: 0 0 0 0em;
}
.row.gtr-0.gtr-uniform {
- margin-top: 0rem;
+ margin-top: 0em;
}
.row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
+ padding-top: 0em;
}
.row.gtr-25 {
margin-top: 0;
- margin-left: -0.375rem;
+ margin-left: -0.375em;
}
.row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
+ padding: 0 0 0 0.375em;
}
.row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
+ margin-top: -0.375em;
}
.row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
+ padding-top: 0.375em;
}
.row.gtr-50 {
margin-top: 0;
- margin-left: -0.75rem;
+ margin-left: -0.75em;
}
.row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
+ padding: 0 0 0 0.75em;
}
.row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
+ margin-top: -0.75em;
}
.row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
+ padding-top: 0.75em;
}
.row {
margin-top: 0;
- margin-left: -1.5rem;
+ margin-left: -1.5em;
}
.row > * {
- padding: 0 0 0 1.5rem;
+ padding: 0 0 0 1.5em;
}
.row.gtr-uniform {
- margin-top: -1.5rem;
+ margin-top: -1.5em;
}
.row.gtr-uniform > * {
- padding-top: 1.5rem;
+ padding-top: 1.5em;
}
.row.gtr-150 {
margin-top: 0;
- margin-left: -2.25rem;
+ margin-left: -2.25em;
}
.row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
+ padding: 0 0 0 2.25em;
}
.row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
+ margin-top: -2.25em;
}
.row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
+ padding-top: 2.25em;
}
.row.gtr-200 {
margin-top: 0;
- margin-left: -3rem;
+ margin-left: -3em;
}
.row.gtr-200 > * {
- padding: 0 0 0 3rem;
+ padding: 0 0 0 3em;
}
.row.gtr-200.gtr-uniform {
- margin-top: -3rem;
+ margin-top: -3em;
}
.row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
+ padding-top: 3em;
}
}
@@ -1443,104 +1405,104 @@ input, select, textarea {
.row.gtr-0 {
margin-top: 0;
- margin-left: 0rem;
+ margin-left: 0em;
}
.row.gtr-0 > * {
- padding: 0 0 0 0rem;
+ padding: 0 0 0 0em;
}
.row.gtr-0.gtr-uniform {
- margin-top: 0rem;
+ margin-top: 0em;
}
.row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
+ padding-top: 0em;
}
.row.gtr-25 {
margin-top: 0;
- margin-left: -0.375rem;
+ margin-left: -0.375em;
}
.row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
+ padding: 0 0 0 0.375em;
}
.row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
+ margin-top: -0.375em;
}
.row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
+ padding-top: 0.375em;
}
.row.gtr-50 {
margin-top: 0;
- margin-left: -0.75rem;
+ margin-left: -0.75em;
}
.row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
+ padding: 0 0 0 0.75em;
}
.row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
+ margin-top: -0.75em;
}
.row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
+ padding-top: 0.75em;
}
.row {
margin-top: 0;
- margin-left: -1.5rem;
+ margin-left: -1.5em;
}
.row > * {
- padding: 0 0 0 1.5rem;
+ padding: 0 0 0 1.5em;
}
.row.gtr-uniform {
- margin-top: -1.5rem;
+ margin-top: -1.5em;
}
.row.gtr-uniform > * {
- padding-top: 1.5rem;
+ padding-top: 1.5em;
}
.row.gtr-150 {
margin-top: 0;
- margin-left: -2.25rem;
+ margin-left: -2.25em;
}
.row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
+ padding: 0 0 0 2.25em;
}
.row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
+ margin-top: -2.25em;
}
.row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
+ padding-top: 2.25em;
}
.row.gtr-200 {
margin-top: 0;
- margin-left: -3rem;
+ margin-left: -3em;
}
.row.gtr-200 > * {
- padding: 0 0 0 3rem;
+ padding: 0 0 0 3em;
}
.row.gtr-200.gtr-uniform {
- margin-top: -3rem;
+ margin-top: -3em;
}
.row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
+ padding-top: 3em;
}
}
@@ -1688,770 +1650,317 @@ input, select, textarea {
.row.gtr-0 {
margin-top: 0;
- margin-left: 0rem;
+ margin-left: 0em;
}
.row.gtr-0 > * {
- padding: 0 0 0 0rem;
+ padding: 0 0 0 0em;
}
.row.gtr-0.gtr-uniform {
- margin-top: 0rem;
+ margin-top: 0em;
}
.row.gtr-0.gtr-uniform > * {
- padding-top: 0rem;
+ padding-top: 0em;
}
.row.gtr-25 {
margin-top: 0;
- margin-left: -0.375rem;
+ margin-left: -0.375em;
}
.row.gtr-25 > * {
- padding: 0 0 0 0.375rem;
+ padding: 0 0 0 0.375em;
}
.row.gtr-25.gtr-uniform {
- margin-top: -0.375rem;
+ margin-top: -0.375em;
}
.row.gtr-25.gtr-uniform > * {
- padding-top: 0.375rem;
+ padding-top: 0.375em;
}
.row.gtr-50 {
margin-top: 0;
- margin-left: -0.75rem;
+ margin-left: -0.75em;
}
.row.gtr-50 > * {
- padding: 0 0 0 0.75rem;
+ padding: 0 0 0 0.75em;
}
.row.gtr-50.gtr-uniform {
- margin-top: -0.75rem;
+ margin-top: -0.75em;
}
.row.gtr-50.gtr-uniform > * {
- padding-top: 0.75rem;
+ padding-top: 0.75em;
}
.row {
margin-top: 0;
- margin-left: -1.5rem;
+ margin-left: -1.5em;
}
.row > * {
- padding: 0 0 0 1.5rem;
+ padding: 0 0 0 1.5em;
}
.row.gtr-uniform {
- margin-top: -1.5rem;
+ margin-top: -1.5em;
}
.row.gtr-uniform > * {
- padding-top: 1.5rem;
+ padding-top: 1.5em;
}
.row.gtr-150 {
margin-top: 0;
- margin-left: -2.25rem;
+ margin-left: -2.25em;
}
.row.gtr-150 > * {
- padding: 0 0 0 2.25rem;
+ padding: 0 0 0 2.25em;
}
.row.gtr-150.gtr-uniform {
- margin-top: -2.25rem;
+ margin-top: -2.25em;
}
.row.gtr-150.gtr-uniform > * {
- padding-top: 2.25rem;
+ padding-top: 2.25em;
}
.row.gtr-200 {
margin-top: 0;
- margin-left: -3rem;
+ margin-left: -3em;
}
.row.gtr-200 > * {
- padding: 0 0 0 3rem;
+ padding: 0 0 0 3em;
}
.row.gtr-200.gtr-uniform {
- margin-top: -3rem;
+ margin-top: -3em;
}
.row.gtr-200.gtr-uniform > * {
- padding-top: 3rem;
+ padding-top: 3em;
}
}
- @media screen and (max-width: 360px) {
+/* Section/Article */
- .row {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- align-items: stretch;
- }
+ section.special, article.special {
+ text-align: center;
+ }
- .row > * {
- box-sizing: border-box;
- }
+ header p {
+ color: rgba(255, 255, 255, 0.5);
+ position: relative;
+ top: -0.25em;
+ }
- .row.gtr-uniform > * > :last-child {
- margin-bottom: 0;
- }
+ header h3 + p {
+ font-size: 1.1em;
+ }
- .row.aln-left {
- justify-content: flex-start;
- }
+ header h4 + p,
+ header h5 + p,
+ header h6 + p {
+ font-size: 0.9em;
+ }
- .row.aln-center {
- justify-content: center;
- }
+ header.major {
+ margin: 0 0 3.5em 0;
+ }
- .row.aln-right {
- justify-content: flex-end;
- }
+ header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {
+ border-bottom: solid 2px #fff;
+ display: inline-block;
+ padding-bottom: 1em;
+ position: relative;
+ }
- .row.aln-top {
- align-items: flex-start;
- }
+ header.major h2:after, header.major h3:after, header.major h4:after, header.major h5:after, header.major h6:after {
+ content: '';
+ display: block;
+ height: 1px;
+ }
- .row.aln-middle {
- align-items: center;
- }
+ header.major p {
+ color: #fff;
+ top: 0;
+ }
- .row.aln-bottom {
- align-items: flex-end;
- }
+ @media screen and (max-width: 736px) {
- .row > .imp-xxsmall {
- order: -1;
- }
+ header.major {
+ margin: 0 0 2em 0;
+ }
- .row > .col-1-xxsmall {
- width: 8.33333%;
- }
+ }
- .row > .off-1-xxsmall {
- margin-left: 8.33333%;
- }
+ @media screen and (max-width: 980px) {
- .row > .col-2-xxsmall {
- width: 16.66667%;
- }
+ header br {
+ display: none;
+ }
- .row > .off-2-xxsmall {
- margin-left: 16.66667%;
- }
+ }
- .row > .col-3-xxsmall {
- width: 25%;
- }
+/* Form */
- .row > .off-3-xxsmall {
- margin-left: 25%;
- }
+ form {
+ margin: 0 0 2em 0;
+ }
- .row > .col-4-xxsmall {
- width: 33.33333%;
- }
+ label {
+ color: #fff;
+ display: block;
+ font-size: 0.9em;
+ font-weight: 600;
+ margin: 0 0 1em 0;
+ }
- .row > .off-4-xxsmall {
- margin-left: 33.33333%;
- }
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ background-color: rgba(144, 144, 144, 0.25);
+ border-radius: 3px;
+ border: none;
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+ }
- .row > .col-5-xxsmall {
- width: 41.66667%;
- }
+ input[type="text"]:invalid,
+ input[type="password"]:invalid,
+ input[type="email"]:invalid,
+ select:invalid,
+ textarea:invalid {
+ box-shadow: none;
+ }
- .row > .off-5-xxsmall {
- margin-left: 41.66667%;
- }
+ input[type="text"]:focus,
+ input[type="password"]:focus,
+ input[type="email"]:focus,
+ select:focus,
+ textarea:focus {
+ box-shadow: 0 0 0 2px #21b2a6;
+ }
- .row > .col-6-xxsmall {
- width: 50%;
- }
+ select {
+ background-size: 1.25em;
+ background-repeat: no-repeat;
+ background-position: calc(100% - 1em) center;
+ height: 2.75em;
+ padding-right: 2.75em;
+ text-overflow: ellipsis;
+ }
- .row > .off-6-xxsmall {
- margin-left: 50%;
- }
+ select:focus::-ms-value {
+ background-color: transparent;
+ }
- .row > .col-7-xxsmall {
- width: 58.33333%;
- }
+ select::-ms-expand {
+ display: none;
+ }
- .row > .off-7-xxsmall {
- margin-left: 58.33333%;
- }
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: 2.75em;
+ }
- .row > .col-8-xxsmall {
- width: 66.66667%;
- }
+ textarea {
+ padding: 0.75em 1em;
+ }
- .row > .off-8-xxsmall {
- margin-left: 66.66667%;
- }
+ input[type="checkbox"],
+ input[type="radio"] {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+ }
- .row > .col-9-xxsmall {
- width: 75%;
- }
+ input[type="checkbox"] + label,
+ input[type="radio"] + label {
+ text-decoration: none;
+ color: #fff;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: 400;
+ padding-left: 2.4em;
+ padding-right: 0.75em;
+ position: relative;
+ }
- .row > .off-9-xxsmall {
- margin-left: 75%;
- }
-
- .row > .col-10-xxsmall {
- width: 83.33333%;
- }
-
- .row > .off-10-xxsmall {
- margin-left: 83.33333%;
- }
-
- .row > .col-11-xxsmall {
- width: 91.66667%;
- }
-
- .row > .off-11-xxsmall {
- margin-left: 91.66667%;
- }
-
- .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;
- display: inline-block;
- font-style: normal;
- font-variant: normal;
- text-rendering: auto;
- line-height: 1;
- text-transform: none !important;
- font-family: 'Font Awesome 5 Free';
- font-weight: 900;
- }
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ display: inline-block;
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ line-height: 1;
+ text-transform: none !important;
+ font-family: 'Font Awesome 5 Free';
+ font-weight: 900;
+ }
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
- border-radius: 0;
- border: solid 2px;
+ background: rgba(144, 144, 144, 0.25);
+ border-radius: 3px;
content: '';
display: inline-block;
- font-size: 0.8rem;
- height: 1.8rem;
+ font-size: 0.8em;
+ height: 2.0625em;
left: 0;
- line-height: 1.65rem;
+ line-height: 2.0625em;
position: absolute;
text-align: center;
- top: -0.125rem;
- width: 1.8rem;
+ top: 0;
+ width: 2.0625em;
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
+ background: #2e3842;
+ color: #fff;
content: '\f00c';
}
+ input[type="checkbox"]:focus + label:before,
+ input[type="radio"]:focus + label:before {
+ box-shadow: 0 0 0 2px #21b2a6;
+ }
+
input[type="checkbox"] + label:before {
- border-radius: 0;
+ border-radius: 3px;
}
input[type="radio"] + label:before {
@@ -2459,95 +1968,45 @@ input, select, textarea {
}
::-webkit-input-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
opacity: 1.0;
}
:-moz-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
opacity: 1.0;
}
::-moz-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
opacity: 1.0;
}
:-ms-input-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
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;
- }
+/* Box */
- ::-moz-placeholder {
- color: #909498 !important;
+ .box {
+ border-radius: 3px;
+ border: solid 2px #fff;
+ margin-bottom: 2em;
+ padding: 1.5em;
}
- :-ms-input-placeholder {
- color: #909498 !important;
- }
+ .box > :last-child,
+ .box > :last-child > :last-child,
+ .box > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+ }
- .formerize-placeholder {
- color: #909498 !important;
- }
+ .box.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ }
/* Icon */
@@ -2586,96 +2045,135 @@ input, select, textarea {
font-family: 'Font Awesome 5 Brands';
}
+ .icon.major {
+ -moz-transform: rotate(-45deg);
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ border-radius: 3px;
+ border: solid 2px #fff;
+ display: inline-block;
+ font-size: 1.35em;
+ height: calc(3em + 2px);
+ line-height: 3em;
+ text-align: center;
+ width: calc(3em + 2px);
+ }
+
+ .icon.major:before {
+ -moz-transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ display: inline-block;
+ font-size: 1.5em;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .icon.major {
+ font-size: 1em;
+ }
+
+ }
+
+ .icon.style1 {
+ color: #00ffcc;
+ }
+
+ .icon.style2 {
+ color: #00f0ff;
+ }
+
+ .icon.style3 {
+ color: #76ddff;
+ }
+
/* Image */
.image {
+ border-radius: 3px;
border: 0;
display: inline-block;
position: relative;
}
.image img {
+ border-radius: 3px;
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;
+ margin: 0 2em 2em 0;
+ top: 0.25em;
}
.image.right {
float: right;
- margin: 0 0 2rem 2rem;
- top: 0.75rem;
+ margin: 0 0 2em 2em;
+ top: 0.25em;
}
- .image.fit {
- display: block;
- margin: 2.5rem 0;
- width: 100%;
+ .image.left, .image.right {
+ max-width: 40%;
}
- .image.fit:first-child {
- margin-top: 0;
- }
-
- .image.fit img {
+ .image.left img, .image.right img {
width: 100%;
}
- .image.main {
+ .image.fit {
display: block;
- margin: 4rem 0;
+ margin: 0 0 2em 0;
width: 100%;
}
- .image.main:first-child {
- margin-top: 0;
- }
-
- .image.main img {
+ .image.fit img {
width: 100%;
}
- @media screen and (max-width: 736px) {
-
- .image.fit {
- margin: 2rem 0;
- }
+/* List */
- .image.main {
- margin: 2rem 0;
- }
+ ol {
+ list-style: decimal;
+ margin: 0 0 2em 0;
+ padding-left: 1.25em;
+ }
+ ol li {
+ padding-left: 0.25em;
}
- a.image {
- overflow: hidden;
+ ul {
+ list-style: disc;
+ margin: 0 0 2em 0;
+ padding-left: 1em;
}
- 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;
+ ul li {
+ padding-left: 0.5em;
}
- a.image:hover img {
- -moz-transform: scale(1.05);
- -webkit-transform: scale(1.05);
- -ms-transform: scale(1.05);
- transform: scale(1.05);
+ ul.alt {
+ list-style: none;
+ padding-left: 0;
}
+ ul.alt li {
+ border-top: solid 1px #fff;
+ padding: 0.5em 0;
+ }
+
+ ul.alt li:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+
+ dl {
+ margin: 0 0 2em 0;
+ }
+
/* Actions */
ul.actions {
@@ -2685,12 +2183,12 @@ input, select, textarea {
display: flex;
cursor: default;
list-style: none;
- margin-left: -1rem;
+ margin-left: -1em;
padding-left: 0;
}
ul.actions li {
- padding: 0 0 0 1rem;
+ padding: 0 0 0 1em;
vertical-align: middle;
}
@@ -2716,7 +2214,7 @@ input, select, textarea {
}
ul.actions.stacked li {
- padding: 1.3rem 0 0 0;
+ padding: 1em 0 0 0;
}
ul.actions.stacked li:first-child {
@@ -2724,7 +2222,7 @@ input, select, textarea {
}
ul.actions.fit {
- width: calc(100% + 1rem);
+ width: calc(100% + 1em);
}
ul.actions.fit li {
@@ -2767,7 +2265,7 @@ input, select, textarea {
-webkit-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
- padding: 1rem 0 0 0;
+ padding: 1em 0 0 0;
text-align: center;
width: 100%;
}
@@ -2793,7 +2291,7 @@ input, select, textarea {
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;
+ margin-left: -0.5em;
}
}
@@ -2808,198 +2306,29 @@ input, select, textarea {
ul.icons li {
display: inline-block;
- padding: 0 0.5rem 0 0;
- vertical-align: middle;
+ padding: 0 1em 0 0;
}
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;
+ padding-right: 0 !important;
}
- 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;
+ ul.icons.major {
+ padding: 1em 0;
}
- 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;
+ ul.icons.major li {
+ padding-right: 3.5em;
}
- header.major > .date:before, header.major > .date:after {
- content: '';
- display: block;
- position: absolute;
- top: 50%;
- width: calc(50% - 6rem);
- border-top: solid 2px;
- }
+ @media screen and (max-width: 736px) {
- header.major > .date:before {
- left: 0;
- }
+ ul.icons.major li {
+ padding: 0 1em !important;
+ }
- 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 {
@@ -3008,45 +2337,38 @@ input, select, textarea {
}
table {
- margin: 0 0 2rem 0;
+ margin: 0 0 2em 0;
width: 100%;
}
table tbody tr {
- border: solid 1px;
+ border: solid 1px #fff;
border-left: 0;
border-right: 0;
}
+ table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(144, 144, 144, 0.25);
+ }
+
table td {
- padding: 0.75rem 0.75rem;
+ padding: 0.75em 0.75em;
}
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;
+ color: #fff;
+ font-size: 0.9em;
+ font-weight: 600;
+ padding: 0 0.75em 0.75em 0.75em;
text-align: left;
- text-transform: uppercase;
}
- @media screen and (max-width: 980px) {
-
- table th {
- font-size: 0.9rem;
- }
-
- }
-
table thead {
- border-bottom: solid 2px;
+ border-bottom: solid 2px #fff;
}
table tfoot {
- border-top: solid 2px;
+ border-top: solid 2px #fff;
}
table.alt {
@@ -3054,7 +2376,7 @@ input, select, textarea {
}
table.alt tbody tr td {
- border: solid 1px;
+ border: solid 1px #fff;
border-left-width: 0;
border-top-width: 0;
}
@@ -3063,229 +2385,282 @@ input, select, textarea {
border-left-width: 1px;
}
- table.alt tbody tr:first-child td {
- border-top-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;
+ }
+
+/* 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, 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;
+ background-color: transparent;
+ border-radius: 3px;
+ border: 0;
+ box-shadow: inset 0 0 0 2px #fff;
+ color: #fff;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 0.8em;
+ font-weight: 600;
+ height: 3.125em;
+ letter-spacing: 0.225em;
+ line-height: 3.125em;
+ max-width: 30em;
+ padding: 0 2.75em;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+
+ input[type="submit"]:hover,
+ input[type="reset"]:hover,
+ input[type="button"]:hover,
+ button:hover,
+ .button:hover {
+ background-color: rgba(144, 144, 144, 0.25);
+ }
+
+ input[type="submit"]:active,
+ input[type="reset"]:active,
+ input[type="button"]:active,
+ button:active,
+ .button:active {
+ background-color: rgba(144, 144, 144, 0.5);
+ }
+
+ input[type="submit"].icon:before,
+ input[type="reset"].icon:before,
+ input[type="button"].icon:before,
+ button.icon:before,
+ .button.icon:before {
+ margin-right: 0.5em;
+ }
+
+ 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.8em;
+ }
+
+ input[type="submit"].large,
+ input[type="reset"].large,
+ input[type="button"].large,
+ button.large,
+ .button.large {
+ font-size: 1.35em;
+ }
+
+ input[type="submit"].primary,
+ input[type="reset"].primary,
+ input[type="button"].primary,
+ button.primary,
+ .button.primary {
+ background-color: #ed4933;
+ box-shadow: none !important;
+ color: #ffffff !important;
+ }
- table.alt thead {
- border-bottom: 0;
+ input[type="submit"].primary:hover,
+ input[type="reset"].primary:hover,
+ input[type="button"].primary:hover,
+ button.primary:hover,
+ .button.primary:hover {
+ background-color: #ef5e4a !important;
}
- table.alt tfoot {
- border-top: 0;
+ input[type="submit"].primary:active,
+ input[type="reset"].primary:active,
+ input[type="button"].primary:active,
+ button.primary:active,
+ .button.primary:active {
+ background-color: #eb341c !important;
}
- table tbody tr {
- border-color: #eeeeee;
- }
-
- table tbody tr:nth-child(2n + 1) {
- background-color: rgba(220, 220, 220, 0.25);
+ 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;
}
- table th {
- color: #212931;
- }
+ @media screen and (max-width: 736px) {
- table thead {
- border-bottom-color: #eeeeee;
- }
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ height: 3.75em;
+ line-height: 3.75em;
+ }
- table tfoot {
- border-top-color: #eeeeee;
- }
+ }
- table.alt tbody tr td {
- border-color: #eeeeee;
- }
+/* Features */
-/* 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;
+ .features {
+ 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-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
list-style: none;
- margin: 0 0 2rem 2px;
padding: 0;
+ width: 100%;
}
- .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;
+ .features li {
+ padding: 4em 4em 2em 6em ;
+ display: block;
position: relative;
- text-align: center;
- text-decoration: none;
- text-transform: uppercase;
- }
-
- .pagination .next, .pagination .previous {
- text-decoration: none;
- padding: 0 1.75rem;
+ text-align: left;
+ width: 50%;
}
- .pagination .next:before, .pagination .previous:before {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- display: inline-block;
- font-style: normal;
- font-variant: normal;
- text-rendering: auto;
- line-height: 1;
- text-transform: none !important;
- font-family: 'Font Awesome 5 Free';
- font-weight: 900;
+ .features li:nth-child(1) {
+ background-color: rgba(0, 0, 0, 0.035);
}
- .pagination .next:before, .pagination .previous:before {
- display: inline-block;
- color: inherit !important;
- line-height: inherit;
+ .features li:nth-child(2) {
+ background-color: rgba(0, 0, 0, 0.07);
}
- .pagination .previous:before {
- content: '\f104';
- margin-right: 0.9375em;
- }
-
- .pagination .next:before {
- content: '\f105';
- float: right;
- margin-left: 0.9375em;
- }
+ .features li:nth-child(3) {
+ background-color: rgba(0, 0, 0, 0.105);
+ }
- @media screen and (max-width: 980px) {
+ .features li:nth-child(4) {
+ background-color: rgba(0, 0, 0, 0.14);
+ }
- .pagination a, .pagination span {
- font-size: 0.9rem;
+ .features li:nth-child(5) {
+ background-color: rgba(0, 0, 0, 0.175);
}
- }
+ .features li:nth-child(6) {
+ background-color: rgba(0, 0, 0, 0.21);
+ }
- @media screen and (max-width: 480px) {
+ .features li:nth-child(7) {
+ background-color: rgba(0, 0, 0, 0.245);
+ }
- .pagination .page, .pagination .extra {
- display: none;
+ .features li:nth-child(8) {
+ background-color: rgba(0, 0, 0, 0.28);
}
- }
+ .features li:nth-child(9) {
+ background-color: rgba(0, 0, 0, 0.315);
+ }
- .pagination a, .pagination span {
- border-color: #eeeeee;
- }
+ .features li:nth-child(10) {
+ background-color: rgba(0, 0, 0, 0.35);
+ }
- .pagination a {
- color: #212931 !important;
- }
+ .features li:before {
+ display: block;
+ color: #00ffcc;
+ position: absolute;
+ left: 1.75em;
+ top: 2.75em;
+ font-size: 1.5em;
+ }
- .pagination a:hover {
- color: #18bfef !important;
- border-color: #18bfef;
- z-index: 1;
- }
+ .features li:nth-child(1) {
+ border-top-left-radius: 3px;
+ }
- .pagination a:hover + a,
- .pagination a:hover + span {
- border-left-color: #18bfef;
+ .features li:nth-child(2) {
+ border-top-right-radius: 3px;
}
- .pagination a.active {
- background-color: #eeeeee;
- }
+ .features li:nth-last-child(1) {
+ border-bottom-right-radius: 3px;
+ }
- .pagination span {
- color: #eeeeee;
- }
+ .features li:nth-last-child(2) {
+ border-bottom-left-radius: 3px;
+ }
-/* Wrapper */
+ @media screen and (max-width: 980px) {
- #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;
- }
+ .features li {
+ padding: 3em 2em 1em 2em ;
+ text-align: center;
+ }
- #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;
- }
+ .features li:before {
+ left: 0;
+ margin: 0 0 1em 0;
+ position: relative;
+ top: 0;
+ }
- #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%;
- }
+ @media screen and (max-width: 736px) {
- body.is-preload #wrapper.fade-in:before {
- opacity: 1;
- }
+ .features li {
+ padding: 3em 0 1em 0 ;
+ background-color: transparent !important;
+ border-top: solid 2px #fff;
+ width: 100%;
+ }
- @media screen and (orientation: portrait) {
+ .features li:first-child {
+ border-top: 0;
+ }
- #wrapper > .bg {
- background-size: auto, auto, auto 175%;
}
- }
-
-/* Intro */
+/* Spotlight */
- #intro {
- color: #ffffff;
- padding: 8rem 4rem 6rem 4rem ;
+ .spotlight {
-moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
@@ -3294,1396 +2669,1331 @@ input, select, textarea {
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);
+ .spotlight .image {
+ -moz-order: 1;
+ -webkit-order: 1;
+ -ms-order: 1;
+ order: 1;
+ border-radius: 0;
+ width: 40%;
}
- #intro a:hover {
- border-bottom-color: transparent;
- color: #18bfef !important;
+ .spotlight .image img {
+ border-radius: 0;
+ width: 100%;
}
- #intro strong, #intro b {
- color: #ffffff;
+ .spotlight .content {
+ padding: 2em 4em 0.1em 4em ;
+ -moz-order: 2;
+ -webkit-order: 2;
+ -ms-order: 2;
+ order: 2;
+ max-width: 48em;
+ width: 60%;
}
- #intro h1, #intro h2, #intro h3, #intro h4, #intro h5, #intro h6 {
- color: #ffffff;
+ .spotlight:nth-child(2n) {
+ -moz-flex-direction: row-reverse;
+ -webkit-flex-direction: row-reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
}
- #intro blockquote {
- border-left-color: #ffffff;
+ .spotlight:nth-child(1) {
+ background-color: rgba(0, 0, 0, 0.075);
}
- #intro code {
- background: rgba(255, 255, 255, 0.075);
- border-color: #ffffff;
+ .spotlight:nth-child(2) {
+ background-color: rgba(0, 0, 0, 0.15);
}
- #intro hr {
- border-bottom-color: #ffffff;
+ .spotlight:nth-child(3) {
+ background-color: rgba(0, 0, 0, 0.225);
}
- #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;
+ .spotlight:nth-child(4) {
+ background-color: rgba(0, 0, 0, 0.3);
}
- #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;
- }
+ .spotlight:nth-child(5) {
+ background-color: rgba(0, 0, 0, 0.375);
+ }
- #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;
- }
+ .spotlight:nth-child(6) {
+ background-color: rgba(0, 0, 0, 0.45);
+ }
- #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;
- }
+ .spotlight:nth-child(7) {
+ background-color: rgba(0, 0, 0, 0.525);
+ }
- #intro h1 {
- font-size: 5rem;
- line-height: 1;
+ .spotlight:nth-child(8) {
+ background-color: rgba(0, 0, 0, 0.6);
}
- #intro p {
- font-size: 1.25rem;
- font-style: italic;
- margin-top: -0.25rem;
- text-align: center;
+ .spotlight:nth-child(9) {
+ background-color: rgba(0, 0, 0, 0.675);
}
- #intro + #header {
- margin-top: -20rem;
+ .spotlight:nth-child(10) {
+ background-color: rgba(0, 0, 0, 0.75);
}
- #intro + #header .logo {
- -moz-transform: translateY(2rem);
- -webkit-transform: translateY(2rem);
- -ms-transform: translateY(2rem);
- transform: translateY(2rem);
- opacity: 0;
- visibility: hidden;
- }
+ @media screen and (max-width: 1280px) {
- #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;
- }
+ .spotlight .image {
+ width: 45%;
+ }
- #intro.hidden + #header .logo {
- -moz-transform: translateY(0);
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- opacity: 1;
- visibility: visible;
+ .spotlight .content {
+ width: 55%;
}
- 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;
+ .spotlight {
+ display: block;
}
- #intro p br {
+ .spotlight br {
display: none;
}
- #intro + #header {
- margin-top: -14rem;
+ .spotlight .image {
+ width: 100%;
+ }
+
+ .spotlight .content {
+ padding: 4em 3em 2em 3em ;
+ max-width: none;
+ text-align: center;
+ width: 100%;
}
}
@media screen and (max-width: 736px) {
- #intro {
- padding: 3rem 2rem 1rem 2rem ;
- min-height: 80vh;
+ .spotlight .content {
+ padding: 3em 2em 1em 2em ;
}
- #intro h1 {
- font-size: 3.25rem;
- line-height: 1.1;
- margin-bottom: 1rem;
- }
+ }
- #intro p {
- font-size: 1rem;
- margin-top: 0rem;
- }
+/* Wrapper */
- #intro .actions {
- display: none;
- }
+ .wrapper {
+ padding: 6em 0 4em 0 ;
+ }
+ .wrapper > .inner {
+ width: 60em;
+ margin: 0 auto;
}
-/* Header */
+ @media screen and (max-width: 1280px) {
- #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;
- }
+ .wrapper > .inner {
+ width: 90%;
+ }
- #header input, #header select, #header textarea {
- color: #ffffff;
- }
+ }
- #header a {
- color: #ffffff;
- border-bottom-color: rgba(255, 255, 255, 0.5);
- }
+ @media screen and (max-width: 980px) {
+
+ .wrapper > .inner {
+ width: 100%;
+ }
- #header a:hover {
- border-bottom-color: transparent;
- color: #18bfef !important;
}
- #header strong, #header b {
- color: #ffffff;
+ .wrapper.alt {
+ padding: 0;
}
- #header h1, #header h2, #header h3, #header h4, #header h5, #header h6 {
- color: #ffffff;
+ .wrapper.style1 {
+ background-color: #21b2a6;
+ color: #c8ece9;
}
- #header blockquote {
- border-left-color: #ffffff;
- }
+ .wrapper.style1 strong, .wrapper.style1 b {
+ color: #ffffff;
+ }
- #header code {
- background: rgba(255, 255, 255, 0.075);
- border-color: #ffffff;
- }
+ .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
+ color: #ffffff;
+ }
- #header hr {
- border-bottom-color: #ffffff;
- }
+ .wrapper.style1 hr {
+ border-color: rgba(0, 0, 0, 0.125);
+ }
- #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;
- }
+ .wrapper.style1 blockquote {
+ border-color: rgba(0, 0, 0, 0.125);
+ }
+
+ .wrapper.style1 code {
+ background: rgba(255, 255, 255, 0.075);
+ }
+
+ .wrapper.style1 header p {
+ color: #a6e0db;
+ }
+
+ .wrapper.style1 header.major h2, .wrapper.style1 header.major h3, .wrapper.style1 header.major h4, .wrapper.style1 header.major h5, .wrapper.style1 header.major h6 {
+ border-color: rgba(0, 0, 0, 0.125);
+ }
+
+ .wrapper.style1 header.major p {
+ color: #c8ece9;
+ }
+
+ .wrapper.style1 label {
+ color: #ffffff;
+ }
+
+ .wrapper.style1 input[type="text"],
+ .wrapper.style1 input[type="password"],
+ .wrapper.style1 input[type="email"],
+ .wrapper.style1 select,
+ .wrapper.style1 textarea {
+ background-color: rgba(255, 255, 255, 0.075);
+ }
+
+ .wrapper.style1 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='rgba(0, 0, 0, 0.125)' /%3E%3C/svg%3E");
+ }
+
+ .wrapper.style1 select option {
+ color: #ffffff;
+ background: #21b2a6;
+ }
+
+ .wrapper.style1 input[type="checkbox"] + label,
+ .wrapper.style1 input[type="radio"] + label {
+ color: #c8ece9;
+ }
+
+ .wrapper.style1 input[type="checkbox"] + label:before,
+ .wrapper.style1 input[type="radio"] + label:before {
+ background: rgba(255, 255, 255, 0.075);
+ }
+
+ .wrapper.style1 input[type="checkbox"]:checked + label:before,
+ .wrapper.style1 input[type="radio"]:checked + label:before {
+ background: #ffffff;
+ color: #21b2a6;
+ }
+
+ .wrapper.style1 ::-webkit-input-placeholder {
+ color: #a6e0db !important;
+ }
+
+ .wrapper.style1 :-moz-placeholder {
+ color: #a6e0db !important;
+ }
+
+ .wrapper.style1 ::-moz-placeholder {
+ color: #a6e0db !important;
+ }
+
+ .wrapper.style1 :-ms-input-placeholder {
+ color: #a6e0db !important;
+ }
+
+ .wrapper.style1 .formerize-placeholder {
+ color: #a6e0db !important;
+ }
+
+ .wrapper.style1 .icon.major {
+ border-color: rgba(0, 0, 0, 0.125);
+ }
- #header .logo:hover {
- border-color: #18bfef !important;
- color: #18bfef !important;
+ .wrapper.style1 ul.alt li {
+ border-color: rgba(0, 0, 0, 0.125);
}
- @media screen and (max-width: 980px) {
+ .wrapper.style1 table tbody tr {
+ border-color: rgba(0, 0, 0, 0.125);
+ }
+
+ .wrapper.style1 table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(255, 255, 255, 0.075);
+ }
- #header {
- height: 14rem;
- padding-bottom: 4rem;
+ .wrapper.style1 table th {
+ color: #ffffff;
}
- }
+ .wrapper.style1 table thead {
+ border-color: rgba(0, 0, 0, 0.125);
+ }
- @media screen and (max-width: 736px) {
+ .wrapper.style1 table tfoot {
+ border-color: rgba(0, 0, 0, 0.125);
+ }
+
+ .wrapper.style1 table.alt tbody tr td {
+ border-color: rgba(0, 0, 0, 0.125);
+ }
- #header {
- padding-bottom: 3rem;
+ .wrapper.style1 input[type="submit"],
+ .wrapper.style1 input[type="reset"],
+ .wrapper.style1 input[type="button"],
+ .wrapper.style1 button,
+ .wrapper.style1 .button {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.125);
+ color: #ffffff;
}
- #header .logo {
- font-size: 1.75rem;
- border-width: 3px !important;
+ .wrapper.style1 input[type="submit"]:hover,
+ .wrapper.style1 input[type="reset"]:hover,
+ .wrapper.style1 input[type="button"]:hover,
+ .wrapper.style1 button:hover,
+ .wrapper.style1 .button:hover {
+ background-color: rgba(255, 255, 255, 0.075);
}
- }
+ .wrapper.style1 input[type="submit"]:active,
+ .wrapper.style1 input[type="reset"]:active,
+ .wrapper.style1 input[type="button"]:active,
+ .wrapper.style1 button:active,
+ .wrapper.style1 .button:active {
+ background-color: rgba(255, 255, 255, 0.2);
+ }
-/* Nav */
+ @media screen and (max-width: 736px) {
- #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;
- }
+ .wrapper.style1 .features li {
+ border-top-color: rgba(0, 0, 0, 0.125);
+ }
- #nav ul.divided li {
- border-top-color: #ffffff;
- }
+ }
- #nav ul.icons li a.icon:hover:before {
- color: #18bfef;
+ .wrapper.style2 {
+ background-color: #2e3842;
}
- #nav ul.icons.alt li .icon:before {
- box-shadow: inset 0 0 0 2px #ffffff;
+ .wrapper.style3 {
+ background-color: #505393;
+ color: #d3d4e4;
}
- #nav ul.icons.alt li a.icon:hover:before {
- box-shadow: inset 0 0 0 2px #18bfef;
- }
+ .wrapper.style3 strong, .wrapper.style3 b {
+ color: #ffffff;
+ }
- #nav input, #nav select, #nav textarea {
- color: #ffffff;
- }
+ .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {
+ color: #ffffff;
+ }
- #nav a {
- color: #ffffff;
- border-bottom-color: rgba(255, 255, 255, 0.5);
- }
+ .wrapper.style3 hr {
+ border-color: rgba(0, 0, 0, 0.125);
+ }
- #nav a:hover {
- border-bottom-color: transparent;
- color: #18bfef !important;
+ .wrapper.style3 blockquote {
+ border-color: rgba(0, 0, 0, 0.125);
}
- #nav strong, #nav b {
- color: #ffffff;
- }
+ .wrapper.style3 code {
+ background: rgba(255, 255, 255, 0.075);
+ }
- #nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 {
- color: #ffffff;
- }
+ .wrapper.style3 header p {
+ color: #b9bad4;
+ }
- #nav blockquote {
- border-left-color: #ffffff;
- }
+ .wrapper.style3 header.major h2, .wrapper.style3 header.major h3, .wrapper.style3 header.major h4, .wrapper.style3 header.major h5, .wrapper.style3 header.major h6 {
+ border-color: rgba(0, 0, 0, 0.125);
+ }
- #nav code {
- background: rgba(255, 255, 255, 0.075);
- border-color: #ffffff;
- }
+ .wrapper.style3 header.major p {
+ color: #d3d4e4;
+ }
- #nav hr {
- border-bottom-color: #ffffff;
- }
+ .wrapper.style3 label {
+ 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;
- }
+ .wrapper.style3 input[type="text"],
+ .wrapper.style3 input[type="password"],
+ .wrapper.style3 input[type="email"],
+ .wrapper.style3 select,
+ .wrapper.style3 textarea {
+ background-color: rgba(255, 255, 255, 0.075);
+ }
- #nav ul.links li {
- display: block;
- padding-left: 0;
+ .wrapper.style3 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='rgba(0, 0, 0, 0.125)' /%3E%3C/svg%3E");
}
- #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;
+ .wrapper.style3 select option {
+ color: #ffffff;
+ background: #505393;
}
- #nav ul.links li a:hover {
- color: inherit !important;
- background-color: rgba(255, 255, 255, 0.1);
- }
+ .wrapper.style3 input[type="checkbox"] + label,
+ .wrapper.style3 input[type="radio"] + label {
+ color: #d3d4e4;
+ }
- #nav ul.links li.active {
- background-color: #ffffff;
+ .wrapper.style3 input[type="checkbox"] + label:before,
+ .wrapper.style3 input[type="radio"] + label:before {
+ background: rgba(255, 255, 255, 0.075);
}
- #nav ul.links li.active a {
- color: #1e252d;
- }
-
- #nav ul.links li.active a:hover {
- color: #18bfef !important;
- }
+ .wrapper.style3 input[type="checkbox"]:checked + label:before,
+ .wrapper.style3 input[type="radio"]:checked + label:before {
+ background: #ffffff;
+ color: #505393;
+ }
- #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;
- }
+ .wrapper.style3 ::-webkit-input-placeholder {
+ color: #b9bad4 !important;
+ }
- @media screen and (max-width: 980px) {
+ .wrapper.style3 :-moz-placeholder {
+ color: #b9bad4 !important;
+ }
- #nav {
- display: none;
+ .wrapper.style3 ::-moz-placeholder {
+ color: #b9bad4 !important;
}
- }
+ .wrapper.style3 :-ms-input-placeholder {
+ color: #b9bad4 !important;
+ }
-/* Main */
+ .wrapper.style3 .formerize-placeholder {
+ color: #b9bad4 !important;
+ }
- #main {
- background-color: #ffffff;
- position: relative;
- margin: 0 auto;
- width: calc(100% - 4rem);
- max-width: 72rem;
- z-index: 2;
- }
+ .wrapper.style3 .icon.major {
+ border-color: rgba(0, 0, 0, 0.125);
+ }
- #main > * {
- padding: 4rem 4rem 2rem 4rem ;
- border-top: solid 2px #eeeeee;
- margin: 0;
- }
+ .wrapper.style3 ul.alt li {
+ border-color: rgba(0, 0, 0, 0.125);
+ }
- #main > *:first-child {
- border-top: 0;
+ .wrapper.style3 table tbody tr {
+ border-color: rgba(0, 0, 0, 0.125);
}
- #main > footer {
- text-align: center;
- }
+ .wrapper.style3 table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(255, 255, 255, 0.075);
+ }
- #main > .post {
- padding: 8rem 8rem 6rem 8rem ;
- }
+ .wrapper.style3 table th {
+ color: #ffffff;
+ }
- #main > .post header.major > .date {
- margin-top: -2rem;
+ .wrapper.style3 table thead {
+ border-color: rgba(0, 0, 0, 0.125);
}
- #main > .post header.major > h1, #main > .post header.major h2 {
- font-size: 4rem;
- line-height: 1.1;
- margin: 0 0 2rem 0;
+ .wrapper.style3 table tfoot {
+ border-color: rgba(0, 0, 0, 0.125);
}
- #main > .post.featured {
- text-align: center;
+ .wrapper.style3 table.alt tbody tr td {
+ border-color: rgba(0, 0, 0, 0.125);
}
- @media screen and (max-width: 1280px) {
+ .wrapper.style3 input[type="submit"],
+ .wrapper.style3 input[type="reset"],
+ .wrapper.style3 input[type="button"],
+ .wrapper.style3 button,
+ .wrapper.style3 .button {
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.125);
+ color: #ffffff;
+ }
- #main > .post {
- padding: 6rem 4rem 4rem 4rem ;
+ .wrapper.style3 input[type="submit"]:hover,
+ .wrapper.style3 input[type="reset"]:hover,
+ .wrapper.style3 input[type="button"]:hover,
+ .wrapper.style3 button:hover,
+ .wrapper.style3 .button:hover {
+ background-color: rgba(255, 255, 255, 0.075);
}
- }
+ .wrapper.style3 input[type="submit"]:active,
+ .wrapper.style3 input[type="reset"]:active,
+ .wrapper.style3 input[type="button"]:active,
+ .wrapper.style3 button:active,
+ .wrapper.style3 .button:active {
+ background-color: rgba(255, 255, 255, 0.2);
+ }
@media screen and (max-width: 736px) {
- #main > .post {
- padding: 4rem 2rem 2rem 2rem ;
+ .wrapper.style3 .features li {
+ border-top-color: rgba(0, 0, 0, 0.125);
}
- #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;
+ .wrapper.style4 {
+ background-color: transparent;
}
- #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;
- }
+ .wrapper.style5 {
+ background-color: #ffffff;
+ color: #4E4852;
+ }
- #main > .posts > * {
- width: 50%;
+ .wrapper.style5 strong, .wrapper.style5 b {
+ color: #2E3842;
}
- #main > .posts > * {
- padding: 4rem;
- width: 50%;
+ .wrapper.style5 h2, .wrapper.style5 h3, .wrapper.style5 h4, .wrapper.style5 h5, .wrapper.style5 h6 {
+ color: #2E3842;
}
- #main > .posts > article {
- border-color: #eeeeee;
- border-left-width: 2px;
- border-style: solid;
- border-top-width: 2px;
- text-align: center;
+ .wrapper.style5 hr {
+ border-color: #dfdfdf;
}
- #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%;
- }
+ .wrapper.style5 blockquote {
+ border-color: #dfdfdf;
+ }
- #main > .posts > * {
- padding: 2.5rem;
- width: 50%;
- }
+ .wrapper.style5 code {
+ background: rgba(0, 0, 0, 0.0375);
+ }
+ .wrapper.style5 header p {
+ color: #8E8892;
}
- @media screen and (max-width: 736px) {
+ .wrapper.style5 header.major h2, .wrapper.style5 header.major h3, .wrapper.style5 header.major h4, .wrapper.style5 header.major h5, .wrapper.style5 header.major h6 {
+ border-color: #dfdfdf;
+ }
- #main > .posts > * {
- width: 100%;
- }
+ .wrapper.style5 header.major p {
+ color: #4E4852;
+ }
- #main > .posts > * {
- padding: 2rem;
- width: 100%;
- }
+ .wrapper.style5 label {
+ color: #2E3842;
+ }
- #main > .posts > article:nth-child(2n - 1) {
- border-left-width: 2px;
- }
+ .wrapper.style5 input[type="text"],
+ .wrapper.style5 input[type="password"],
+ .wrapper.style5 input[type="email"],
+ .wrapper.style5 select,
+ .wrapper.style5 textarea {
+ background-color: rgba(0, 0, 0, 0.0375);
+ }
- #main > .posts > article:nth-child(-n + 2) {
- border-top-width: 2px;
- }
+ .wrapper.style5 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='%23dfdfdf' /%3E%3C/svg%3E");
+ }
- #main > .posts > article:nth-child(n) {
- border-left-width: 0;
+ .wrapper.style5 select option {
+ color: #2E3842;
+ background: #ffffff;
}
- #main > .posts > article:nth-child(-n + 1) {
- border-top-width: 0;
- }
+ .wrapper.style5 input[type="checkbox"] + label,
+ .wrapper.style5 input[type="radio"] + label {
+ color: #4E4852;
+ }
- #main > .posts > article .image {
- max-width: 25rem;
- margin-left: auto;
- margin-right: auto;
+ .wrapper.style5 input[type="checkbox"] + label:before,
+ .wrapper.style5 input[type="radio"] + label:before {
+ background: rgba(0, 0, 0, 0.0375);
}
+ .wrapper.style5 input[type="checkbox"]:checked + label:before,
+ .wrapper.style5 input[type="radio"]:checked + label:before {
+ background: #2E3842;
+ color: #ffffff;
}
- @media screen and (max-width: 736px) {
-
- #main > * {
- padding: 2rem 2rem 0.1rem 2rem ;
+ .wrapper.style5 ::-webkit-input-placeholder {
+ color: #8E8892 !important;
}
- }
-
- @media screen and (max-width: 480px) {
-
- #main {
- width: 100%;
+ .wrapper.style5 :-moz-placeholder {
+ color: #8E8892 !important;
}
- }
-
-/* 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;
- }
+ .wrapper.style5 ::-moz-placeholder {
+ color: #8E8892 !important;
+ }
- #footer a {
- color: #717981;
- border-bottom-color: rgba(113, 121, 129, 0.5);
- }
+ .wrapper.style5 :-ms-input-placeholder {
+ color: #8E8892 !important;
+ }
- #footer a:hover {
- border-bottom-color: transparent;
- color: #18bfef !important;
+ .wrapper.style5 .formerize-placeholder {
+ color: #8E8892 !important;
}
- #footer strong, #footer b {
- color: #717981;
- }
+ .wrapper.style5 .icon.major {
+ border-color: #dfdfdf;
+ }
- #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
- color: #717981;
- }
+ .wrapper.style5 ul.alt li {
+ border-color: #dfdfdf;
+ }
- #footer blockquote {
- border-left-color: #e2e2e2;
- }
+ .wrapper.style5 table tbody tr {
+ border-color: #dfdfdf;
+ }
- #footer code {
- background: rgba(220, 220, 220, 0.5);
- border-color: #e2e2e2;
- }
+ .wrapper.style5 table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(0, 0, 0, 0.0375);
+ }
- #footer hr {
- border-bottom-color: #e2e2e2;
- }
+ .wrapper.style5 table th {
+ color: #2E3842;
+ }
- #footer .box {
- border-color: #e2e2e2;
- }
+ .wrapper.style5 table thead {
+ border-color: #dfdfdf;
+ }
- #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;
- }
+ .wrapper.style5 table tfoot {
+ border-color: #dfdfdf;
+ }
- #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;
+ .wrapper.style5 table.alt tbody tr td {
+ border-color: #dfdfdf;
}
- #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;
+ .wrapper.style5 input[type="submit"],
+ .wrapper.style5 input[type="reset"],
+ .wrapper.style5 input[type="button"],
+ .wrapper.style5 button,
+ .wrapper.style5 .button {
+ box-shadow: inset 0 0 0 2px #dfdfdf;
+ color: #2E3842;
}
- #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;
+ .wrapper.style5 input[type="submit"]:hover,
+ .wrapper.style5 input[type="reset"]:hover,
+ .wrapper.style5 input[type="button"]:hover,
+ .wrapper.style5 button:hover,
+ .wrapper.style5 .button:hover {
+ background-color: rgba(0, 0, 0, 0.0375);
}
- #footer label {
- color: #717981;
- }
+ .wrapper.style5 input[type="submit"]:active,
+ .wrapper.style5 input[type="reset"]:active,
+ .wrapper.style5 input[type="button"]:active,
+ .wrapper.style5 button:active,
+ .wrapper.style5 .button:active {
+ background-color: rgba(0, 0, 0, 0.1);
+ }
- #footer input[type="text"],
- #footer input[type="password"],
- #footer input[type="email"],
- #footer select,
- #footer textarea {
- border-color: #e2e2e2;
- }
+ @media screen and (max-width: 736px) {
+
+ .wrapper.style5 .features li {
+ border-top-color: #dfdfdf;
+ }
- #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");
- }
+ @media screen and (max-width: 980px) {
- #footer select option {
- background-color: #f5f5f5;
- color: #717981;
+ .wrapper {
+ padding: 4em 3em 2em 3em ;
}
- #footer .select-wrapper:before {
- color: #e2e2e2;
}
- #footer input[type="checkbox"] + label,
- #footer input[type="radio"] + label {
- color: #717981;
- }
+ @media screen and (max-width: 736px) {
- #footer input[type="checkbox"] + label:before,
- #footer input[type="radio"] + label:before {
- border-color: #e2e2e2;
+ .wrapper {
+ padding: 3em 2em 1em 2em ;
}
- #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;
- }
+/* Page Wrapper + Menu */
- #footer ::-webkit-input-placeholder {
- color: #b3b7bb !important;
- }
+ #page-wrapper {
+ -moz-transition: opacity 0.5s ease;
+ -webkit-transition: opacity 0.5s ease;
+ -ms-transition: opacity 0.5s ease;
+ transition: opacity 0.5s ease;
+ opacity: 1;
+ padding-top: 3em;
+ }
- #footer :-moz-placeholder {
- color: #b3b7bb !important;
- }
+ #page-wrapper:before {
+ background: rgba(0, 0, 0, 0);
+ content: '';
+ display: block;
+ display: none;
+ height: 100%;
+ left: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 10001;
+ }
+
+ #menu {
+ -moz-transform: translateX(20em);
+ -webkit-transform: translateX(20em);
+ -ms-transform: translateX(20em);
+ transform: translateX(20em);
+ -moz-transition: -moz-transform 0.5s ease;
+ -webkit-transition: -webkit-transform 0.5s ease;
+ -ms-transition: -ms-transform 0.5s ease;
+ transition: transform 0.5s ease;
+ -webkit-overflow-scrolling: touch;
+ background: #21b2a6;
+ color: #ffffff;
+ height: 100%;
+ max-width: 80%;
+ overflow-y: auto;
+ padding: 3em 2em;
+ position: fixed;
+ right: 0;
+ top: 0;
+ width: 20em;
+ z-index: 10002;
+ }
- #footer ::-moz-placeholder {
- color: #b3b7bb !important;
+ #menu ul {
+ list-style: none;
+ padding: 0;
}
- #footer :-ms-input-placeholder {
- color: #b3b7bb !important;
- }
+ #menu ul > li {
+ border-top: solid 1px rgba(0, 0, 0, 0.125);
+ margin: 0.5em 0 0 0;
+ padding: 0.5em 0 0 0;
+ }
- #footer .formerize-placeholder {
- color: #b3b7bb !important;
- }
+ #menu ul > li:first-child {
+ border-top: 0 !important;
+ margin-top: 0 !important;
+ padding-top: 0 !important;
+ }
- #footer ul.divided li {
- border-top-color: #e2e2e2;
- }
+ #menu ul > li > a {
+ border: 0;
+ color: inherit;
+ display: block;
+ font-size: 0.8em;
+ letter-spacing: 0.225em;
+ outline: 0;
+ text-decoration: none;
+ text-transform: uppercase;
+ }
- #footer ul.icons li a.icon:hover:before {
- color: #18bfef;
- }
+ @media screen and (max-width: 736px) {
- #footer ul.icons.alt li .icon:before {
- box-shadow: inset 0 0 0 2px #e2e2e2;
- }
+ #menu ul > li > a {
+ line-height: 3em;
+ }
- #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;
+ #menu .close {
+ background-image: url("images/close.svg");
+ background-position: 4.85em 1em;
+ background-repeat: no-repeat;
+ border: 0;
+ cursor: pointer;
+ display: block;
+ height: 3em;
+ position: absolute;
+ right: 0;
+ top: 0;
+ vertical-align: middle;
+ width: 7em;
}
- #footer table tbody tr {
- border-color: #e2e2e2;
- }
+ @media screen and (max-width: 736px) {
- #footer table tbody tr:nth-child(2n + 1) {
- background-color: rgba(220, 220, 220, 0.5);
+ #menu {
+ padding: 3em 1.5em;
}
- #footer table th {
- color: #717981;
}
- #footer table thead {
- border-bottom-color: #e2e2e2;
- }
+ body.is-menu-visible #page-wrapper {
+ opacity: 0.35;
+ }
- #footer table tfoot {
- border-top-color: #e2e2e2;
+ body.is-menu-visible #page-wrapper:before {
+ display: block;
}
- #footer table.alt tbody tr td {
- border-color: #e2e2e2;
- }
+ body.is-menu-visible #menu {
+ -moz-transform: translateX(0);
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
- #footer .pagination a, #footer .pagination span {
- border-color: #e2e2e2;
- }
+/* Header */
+
+ #header {
+ -moz-transition: background-color 0.2s ease;
+ -webkit-transition: background-color 0.2s ease;
+ -ms-transition: background-color 0.2s ease;
+ transition: background-color 0.2s ease;
+ background: #2e3842;
+ height: 3em;
+ left: 0;
+ line-height: 3em;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 10000;
+ }
- #footer .pagination a {
- color: #717981 !important;
+ #header h1 {
+ -moz-transition: opacity 0.2s ease;
+ -webkit-transition: opacity 0.2s ease;
+ -ms-transition: opacity 0.2s ease;
+ transition: opacity 0.2s ease;
+ height: inherit;
+ left: 1.25em;
+ line-height: inherit;
+ position: absolute;
+ top: 0;
}
- #footer .pagination a:hover {
- color: #18bfef !important;
- border-color: #18bfef;
- z-index: 1;
+ #header h1 a {
+ border: 0;
+ display: block;
+ height: inherit;
+ line-height: inherit;
}
- #footer .pagination a:hover + a,
- #footer .pagination a:hover + span {
- border-left-color: #18bfef;
- }
+ @media screen and (max-width: 736px) {
- #footer .pagination a.active {
- background-color: #e2e2e2;
- }
+ #header h1 a {
+ font-size: 0.8em;
+ }
- #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;
+ #header nav {
+ height: inherit;
+ line-height: inherit;
+ position: absolute;
+ right: 0;
+ top: 0;
}
- #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;
+ #header nav > ul {
+ list-style: none;
+ margin: 0;
padding: 0;
+ white-space: nowrap;
}
- #footer > section.split > section {
- padding: 3rem 4rem 1rem 4rem ;
- border-top: solid 2px #e2e2e2;
+ #header nav > ul > li {
+ display: inline-block;
+ padding: 0;
}
- #footer > section.split > section:first-child {
- padding: 5rem 4rem 1rem 4rem ;
- border-top: 0;
+ #header nav > ul > li > a {
+ border: 0;
+ color: #fff;
+ display: block;
+ font-size: 0.8em;
+ letter-spacing: 0.225em;
+ padding: 0 1.5em;
+ text-transform: uppercase;
}
- #footer > section.split > section:last-child {
- padding: 3rem 4rem 3rem 4rem ;
- }
+ #header nav > ul > li > a.menuToggle {
+ outline: 0;
+ position: relative;
+ }
- #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;
- }
+ #header nav > ul > li > a.menuToggle:after {
+ background-image: url("images/bars.svg");
+ background-position: right center;
+ background-repeat: no-repeat;
+ content: '';
+ display: inline-block;
+ height: 3.75em;
+ vertical-align: top;
+ width: 2em;
+ }
- #footer > section.split.contact > section > * {
- margin-bottom: 0;
- }
+ @media screen and (max-width: 736px) {
- #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;
- }
+ #header nav > ul > li > a.menuToggle {
+ padding: 0 1.5em;
+ }
- #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;
- }
+ #header nav > ul > li > a.menuToggle span {
+ display: none;
+ }
- #footer > section.split.contact > section:first-child {
- padding: 4rem 4rem 3rem 4rem;
- }
+ }
- #footer > section.split.contact > section:last-child {
- padding: 3rem 4rem 4rem 4rem;
- }
+ @media screen and (max-width: 736px) {
- #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;
- }
+ #header nav > ul > li > a {
+ padding: 0 0 0 1.5em;
+ }
- #footer > section.split.contact > section.alt > :last-child {
- margin-top: -0.325rem;
}
- #footer form label,
- #footer h3,
- #footer p {
- font-size: 0.8rem;
- }
+ #header nav > ul > li:first-child {
+ margin-left: 0;
+ }
- @media screen and (max-width: 980px) {
+ #header.alt {
+ background: transparent;
+ }
- #footer {
- display: block;
+ #header.alt h1 {
+ pointer-events: none;
+ opacity: 0;
}
- #footer > section {
- border-top: solid 2px #e2e2e2;
- }
+/* Banner */
- #footer > section:first-child {
- border-top: 0;
- }
+ #banner {
+ 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: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ cursor: default;
+ height: 100vh;
+ min-height: 35em;
+ overflow: hidden;
+ position: relative;
+ text-align: center;
+ }
- #footer > section.split > section {
- padding: 4rem 4rem 2rem 4rem ;
- }
+ #banner h2 {
+ -moz-transform: scale(1);
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
+ -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
+ -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
+ transition: transform 0.5s ease, opacity 0.5s ease;
+ display: inline-block;
+ font-size: 1.75em;
+ opacity: 1;
+ padding: 0.35em 1em;
+ position: relative;
+ z-index: 1;
+ }
- #footer > section.split > section:first-child {
- padding: 4rem 4rem 2rem 4rem ;
- }
+ #banner h2:before, #banner h2:after {
+ -moz-transition: width 0.85s ease;
+ -webkit-transition: width 0.85s ease;
+ -ms-transition: width 0.85s ease;
+ transition: width 0.85s ease;
+ -moz-transition-delay: 0.25s;
+ -webkit-transition-delay: 0.25s;
+ -ms-transition-delay: 0.25s;
+ transition-delay: 0.25s;
+ background: #fff;
+ content: '';
+ display: block;
+ height: 2px;
+ position: absolute;
+ width: 100%;
+ }
- #footer > section.split > section:last-child {
- padding: 4rem 4rem 2rem 4rem ;
- }
+ #banner h2:before {
+ top: 0;
+ left: 0;
+ }
- #footer > section.split.contact > section {
- padding: 4rem;
- }
+ #banner h2:after {
+ bottom: 0;
+ right: 0;
+ }
- #footer > section.split.contact > section:first-child {
- padding: 4rem;
- }
+ #banner p {
+ letter-spacing: 0.225em;
+ text-transform: uppercase;
+ }
- #footer > section.split.contact > section:last-child {
- padding: 4rem;
- }
+ #banner p a {
+ color: inherit;
+ }
+
+ #banner .more {
+ -moz-transition: -moz-transform 0.75s ease, opacity 0.75s ease;
+ -webkit-transition: -webkit-transform 0.75s ease, opacity 0.75s ease;
+ -ms-transition: -ms-transform 0.75s ease, opacity 0.75s ease;
+ transition: transform 0.75s ease, opacity 0.75s ease;
+ -moz-transition-delay: 3.5s;
+ -webkit-transition-delay: 3.5s;
+ -ms-transition-delay: 3.5s;
+ transition-delay: 3.5s;
+ -moz-transform: translateY(0);
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ border: none;
+ bottom: 0;
+ color: inherit;
+ font-size: 0.8em;
+ height: 8.5em;
+ left: 50%;
+ letter-spacing: 0.225em;
+ margin-left: -8.5em;
+ opacity: 1;
+ outline: 0;
+ padding-left: 0.225em;
+ position: absolute;
+ text-align: center;
+ text-transform: uppercase;
+ width: 16em;
+ z-index: 1;
+ }
- #footer form label,
- #footer h3,
- #footer p {
- font-size: 0.9rem;
- }
+ #banner .more:after {
+ background-image: url("images/arrow.svg");
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: contain;
+ bottom: 4em;
+ content: '';
+ display: block;
+ height: 1.5em;
+ left: 50%;
+ margin: 0 0 0 -0.75em;
+ position: absolute;
+ width: 1.5em;
+ }
+ #banner:after {
+ pointer-events: none;
+ -moz-transition: opacity 3s ease-in-out;
+ -webkit-transition: opacity 3s ease-in-out;
+ -ms-transition: opacity 3s ease-in-out;
+ transition: opacity 3s ease-in-out;
+ -moz-transition-delay: 1.25s;
+ -webkit-transition-delay: 1.25s;
+ -ms-transition-delay: 1.25s;
+ transition-delay: 1.25s;
+ content: '';
+ background: #2e3842;
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ left: 0;
+ top: 0;
+ opacity: 0;
}
@media screen and (max-width: 736px) {
- #footer > section {
- padding: 2rem 2rem 0.1rem 2rem ;
+ #banner {
+ padding: 7em 3em 5em 3em ;
+ height: auto;
+ min-height: 0;
}
- #footer > section.split > section {
- padding: 2rem 2rem 0.1rem 2rem ;
+ #banner h2 {
+ font-size: 1.25em;
}
- #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;
+ #banner br {
+ display: none;
}
- #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%;
- }
+ #banner .more {
+ display: none;
+ }
}
- #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;
+ body.is-preload #banner h2 {
+ -moz-transform: scale(0.95);
+ -webkit-transform: scale(0.95);
+ -ms-transform: scale(0.95);
+ transform: scale(0.95);
+ opacity: 0;
}
- #copyright input, #copyright select, #copyright textarea {
- color: #ffffff;
- }
-
- #copyright a {
- color: #ffffff;
- border-bottom-color: rgba(255, 255, 255, 0.5);
+ body.is-preload #banner h2:before, body.is-preload #banner h2:after {
+ width: 0;
}
- #copyright a:hover {
- border-bottom-color: transparent;
- color: #18bfef !important;
- }
+ body.is-preload #banner .more {
+ -moz-transform: translateY(8.5em);
+ -webkit-transform: translateY(8.5em);
+ -ms-transform: translateY(8.5em);
+ transform: translateY(8.5em);
+ opacity: 0;
+ }
- #copyright strong, #copyright b {
- color: #ffffff;
- }
+ body.is-preload #banner:after {
+ opacity: 1;
+ }
- #copyright h1, #copyright h2, #copyright h3, #copyright h4, #copyright h5, #copyright h6 {
- color: #ffffff;
- }
+/* CTA */
- #copyright blockquote {
- border-left-color: #ffffff;
- }
+ #cta .inner {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ max-width: 45em;
+ }
- #copyright code {
- background: rgba(255, 255, 255, 0.075);
- border-color: #ffffff;
+ #cta .inner header {
+ -moz-order: 1;
+ -webkit-order: 1;
+ -ms-order: 1;
+ order: 1;
+ padding-right: 3em;
+ width: 70%;
}
- #copyright hr {
- border-bottom-color: #ffffff;
- }
+ #cta .inner header p {
+ color: inherit;
+ }
- #copyright a {
- color: inherit;
- border-bottom-color: inherit;
+ #cta .inner .actions {
+ -moz-order: 2;
+ -webkit-order: 2;
+ -ms-order: 2;
+ order: 2;
+ width: 30%;
}
- #copyright ul {
- list-style: none;
- margin: 0;
- padding-left: 0;
- }
+ @media screen and (max-width: 980px) {
- #copyright ul li {
- border-left: solid 2px;
- display: inline-block;
- line-height: 1;
- margin-left: 1rem;
- padding-left: 1rem;
+ #cta .inner {
+ display: block;
+ text-align: center;
}
- #copyright ul li:first-child {
- border-left: 0;
- margin-left: 0;
- padding-left: 0;
+ #cta .inner header {
+ padding-right: 0;
+ width: 100%;
}
- @media screen and (max-width: 1280px) {
-
- #copyright {
- margin: 4rem auto;
- }
+ #cta .inner .actions {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 20em;
+ width: 100%;
+ }
}
- @media screen and (max-width: 480px) {
+ @media screen and (max-width: 736px) {
- #copyright ul li {
- border-left: 0;
- margin: 1rem 0 0 0;
- padding-left: 0;
- display: block;
+ #cta .inner .actions {
+ max-width: none;
}
- #copyright ul li:first-child {
- margin-top: 0;
- }
-
}
-/* Nav Panel */
+/* Main */
- #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;
+ #main > header {
+ padding: 12em 0 10em 0 ;
+ background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
+ background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
+ background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
+ background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
+ background-attachment: fixed;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ text-align: center;
}
- #navPanelToggle:before {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- display: inline-block;
- font-style: normal;
- font-variant: normal;
- text-rendering: auto;
- line-height: 1;
- text-transform: none !important;
- font-family: 'Font Awesome 5 Free';
- font-weight: 900;
+ #main > header h2 {
+ font-size: 1.75em;
+ margin: 0 0 0.5em 0;
}
- #navPanelToggle:before {
- content: '\f0c9';
- margin-right: 0.5rem;
+ #main > header p {
+ color: inherit;
+ letter-spacing: 0.225em;
+ text-transform: uppercase;
+ top: 0;
}
- #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;
+ #main > header p a {
+ color: inherit;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ #main > header {
+ padding: 10em 0 8em 0 ;
+ }
+
}
- #navPanelToggle.alt:hover {
- background-color: #ffffff;
+ @media screen and (max-width: 1280px) {
+
+ #main > header {
+ padding: 8em 3em 6em 3em ;
}
+ }
+
@media screen and (max-width: 980px) {
- #navPanelToggle {
- display: block;
+ #main > header {
+ padding: 10em 3em 8em 3em ;
}
}
@media screen and (max-width: 736px) {
- #navPanelToggle {
- font-size: 0.8rem;
- padding: 0.25rem 1rem;
+ #main > header {
+ padding: 5em 3em 3em 3em ;
}
+ #main > header h2 {
+ font-size: 1.25em;
+ margin: 0 0 1em 0;
+ }
+
}
- #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;
+ body.is-mobile #main > header {
+ background-attachment: scroll;
}
- #navPanel .links {
- list-style: none;
- padding-left: 0;
+/* Footer */
+
+ #footer {
+ padding: 6em 0 4em 0 ;
+ background-color: #1d242a;
+ text-align: center;
+ }
+
+ #footer .icons {
+ font-size: 1.25em;
}
- #navPanel .links li {
- border-top: solid 2px #eeeeee;
+ #footer .icons a {
+ color: rgba(255, 255, 255, 0.5);
}
- #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;
+ #footer .icons a:hover {
+ color: #fff;
}
- #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;
+ #footer .copyright {
+ color: rgba(255, 255, 255, 0.5);
+ font-size: 0.8em;
+ letter-spacing: 0.225em;
+ list-style: none;
+ padding: 0;
+ text-transform: uppercase;
}
- #navPanel .close:before {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
+ #footer .copyright li {
+ border-left: solid 1px rgba(255, 255, 255, 0.5);
display: inline-block;
- font-style: normal;
- font-variant: normal;
- text-rendering: auto;
- line-height: 1;
- text-transform: none !important;
- font-family: 'Font Awesome 5 Free';
- font-weight: 900;
+ line-height: 1em;
+ margin-left: 1em;
+ padding-left: 1em;
}
- #navPanel .close:before {
- content: '\f00d';
- font-size: 1.25rem;
- }
+ #footer .copyright li:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
- #navPanel .close:hover {
- color: #212931;
- }
+ #footer .copyright li a {
+ color: inherit;
+ }
- @media screen and (max-width: 736px) {
+ #footer .copyright li a:hover {
+ color: #fff;
+ }
- #navPanel .close {
- height: 4rem;
- line-height: 4rem;
- }
+ @media screen and (max-width: 480px) {
- }
+ #footer .copyright li {
+ border: 0;
+ display: block;
+ line-height: 1.65em;
+ margin: 0;
+ padding: 0.5em 0;
+ }
+
+ }
@media screen and (max-width: 980px) {
- #navPanel {
- display: block;
+ #footer {
+ padding: 4em 3em 2em 3em ;
}
}
@media screen and (max-width: 736px) {
- #navPanel {
- padding: 2.5rem 1.75rem;
+ #footer {
+ padding: 3em 2em 1em 2em ;
}
}
- @media screen and (max-width: 980px) {
+/* Landing */
- body.is-navPanel-visible #wrapper {
- opacity: 0.5;
- }
+ body.landing #page-wrapper {
+ background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
+ background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
+ background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
+ background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
+ background-attachment: fixed;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ padding-top: 0;
+ }
- 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;
- }
+ body.landing #footer {
+ background-color: rgba(29, 36, 42, 0.9);
+ }
+
+ body.is-mobile.landing #page-wrapper {
+ background: none;
+ }
+
+ body.is-mobile.landing #banner,
+ body.is-mobile.landing .wrapper.style4 {
+ background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
+ background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
+ background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
+ background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ }
+ body.is-mobile.landing #footer {
+ background-color: #1d242a;
}
\ No newline at end of file
diff --git a/assets/css/noscript.css b/assets/css/noscript.css
index 55e3dc8..c9a111f 100644
--- a/assets/css/noscript.css
+++ b/assets/css/noscript.css
@@ -1,36 +1,31 @@
-@import url(font-awesome.min.css);
-
/*
- Massively by HTML5 UP
+ Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
-/* Wrapper */
+/* Banner */
- #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;
+ body.is-preload #banner h2 {
+ -moz-transform: none;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+ opacity: 1;
}
- #wrapper.fade-in:before {
- display: none;
+ body.is-preload #banner h2:before, body.is-preload #banner h2:after {
+ width: 100%;
}
-/* Intro */
-
- body.is-preload #intro {
+ body.is-preload #banner .more {
+ -moz-transform: none;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
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
+ body.is-preload #banner:after {
+ opacity: 0;
+ }
\ No newline at end of file
diff --git a/assets/js/main.js b/assets/js/main.js
index fe372ee..23d04f7 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -1,5 +1,5 @@
/*
- Massively by HTML5 UP
+ Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
@@ -8,108 +8,19 @@
var $window = $(window),
$body = $('body'),
- $wrapper = $('#wrapper'),
- $header = $('#header'),
- $nav = $('#nav'),
- $main = $('#main'),
- $navPanelToggle, $navPanel, $navPanelInner;
+ $wrapper = $('#page-wrapper'),
+ $banner = $('#banner'),
+ $header = $('#header');
// Breakpoints.
breakpoints({
- default: ['1681px', null ],
- xlarge: ['1281px', '1680px' ],
- large: ['981px', '1280px' ],
- medium: ['737px', '980px' ],
- small: ['481px', '736px' ],
- xsmall: ['361px', '480px' ],
- xxsmall: [null, '360px' ]
+ xlarge: [ '1281px', '1680px' ],
+ large: [ '981px', '1280px' ],
+ medium: [ '737px', '980px' ],
+ small: [ '481px', '736px' ],
+ xsmall: [ null, '480px' ]
});
- /**
- * Applies parallax scrolling to an element's background image.
- * @return {jQuery} jQuery object.
- */
- $.fn._parallax = function(intensity) {
-
- var $window = $(window),
- $this = $(this);
-
- if (this.length == 0 || intensity === 0)
- return $this;
-
- if (this.length > 1) {
-
- for (var i=0; i < this.length; i++)
- $(this[i])._parallax(intensity);
-
- return $this;
-
- }
-
- if (!intensity)
- intensity = 0.25;
-
- $this.each(function() {
-
- var $t = $(this),
- $bg = $('
').appendTo($t),
- on, off;
-
- on = function() {
-
- $bg
- .removeClass('fixed')
- .css('transform', 'matrix(1,0,0,1,0,0)');
-
- $window
- .on('scroll._parallax', function() {
-
- var pos = parseInt($window.scrollTop()) - parseInt($t.position().top);
-
- $bg.css('transform', 'matrix(1,0,0,1,0,' + (pos * intensity) + ')');
-
- });
-
- };
-
- off = function() {
-
- $bg
- .addClass('fixed')
- .css('transform', 'none');
-
- $window
- .off('scroll._parallax');
-
- };
-
- // Disable parallax on ..
- if (browser.name == 'ie' // IE
- || browser.name == 'edge' // Edge
- || window.devicePixelRatio > 1 // Retina/HiDPI (= poor performance)
- || browser.mobile) // Mobile devices
- off();
-
- // Enable everywhere else.
- else {
-
- breakpoints.on('>large', on);
- breakpoints.on('<=large', off);
-
- }
-
- });
-
- $window
- .off('load._parallax resize._parallax')
- .on('load._parallax resize._parallax', function() {
- $window.trigger('scroll');
- });
-
- return $(this);
-
- };
-
// Play initial animations on page load.
$window.on('load', function() {
window.setTimeout(function() {
@@ -117,140 +28,54 @@
}, 100);
});
- // Scrolly.
- $('.scrolly').scrolly();
-
- // Background.
- $wrapper._parallax(0.925);
-
- // Nav Panel.
-
- // Toggle.
- $navPanelToggle = $(
- 'Menu '
- )
- .appendTo($wrapper);
-
- // Change toggle styling once we've scrolled past the header.
- $header.scrollex({
- bottom: '5vh',
- enter: function() {
- $navPanelToggle.removeClass('alt');
- },
- leave: function() {
- $navPanelToggle.addClass('alt');
- }
- });
-
- // Panel.
- $navPanel = $(
- '' +
- '
' +
- ' ' +
- '
' +
- '
'
- )
- .appendTo($body)
- .panel({
- delay: 500,
- hideOnClick: true,
- hideOnSwipe: true,
- resetScroll: true,
- resetForms: true,
- side: 'right',
- target: $body,
- visibleClass: 'is-navPanel-visible'
- });
-
- // Get inner.
- $navPanelInner = $navPanel.children('nav');
-
- // Move nav content on breakpoint change.
- var $navContent = $nav.children();
-
- breakpoints.on('>medium', function() {
-
- // NavPanel -> Nav.
- $navContent.appendTo($nav);
-
- // Flip icon classes.
- $nav.find('.icons, .icon')
- .removeClass('alt');
-
- });
-
- breakpoints.on('<=medium', function() {
-
- // Nav -> NavPanel.
- $navContent.appendTo($navPanelInner);
+ // Mobile?
+ if (browser.mobile)
+ $body.addClass('is-mobile');
+ else {
- // Flip icon classes.
- $navPanelInner.find('.icons, .icon')
- .addClass('alt');
-
- });
-
- // Hack: Disable transitions on WP.
- if (browser.os == 'wp'
- && browser.osVersion < 10)
- $navPanel
- .css('transition', 'none');
-
- // Intro.
- var $intro = $('#intro');
-
- if ($intro.length > 0) {
-
- // Hack: Fix flex min-height on IE.
- if (browser.name == 'ie') {
- $window.on('resize.ie-intro-fix', function() {
-
- var h = $intro.height();
-
- if (h > $window.height())
- $intro.css('height', 'auto');
- else
- $intro.css('height', h);
-
- }).trigger('resize.ie-intro-fix');
- }
-
- // Hide intro on scroll (> small).
- breakpoints.on('>small', function() {
+ breakpoints.on('>medium', function() {
+ $body.removeClass('is-mobile');
+ });
- $main.unscrollex();
+ breakpoints.on('<=medium', function() {
+ $body.addClass('is-mobile');
+ });
- $main.scrollex({
- mode: 'bottom',
- top: '25vh',
- bottom: '-50vh',
- enter: function() {
- $intro.addClass('hidden');
- },
- leave: function() {
- $intro.removeClass('hidden');
- }
- });
+ }
- });
+ // Scrolly.
+ $('.scrolly')
+ .scrolly({
+ speed: 1500,
+ offset: $header.outerHeight()
+ });
- // Hide intro on scroll (<= small).
- breakpoints.on('<=small', function() {
+ // Menu.
+ $('#menu')
+ .append(' ')
+ .appendTo($body)
+ .panel({
+ delay: 500,
+ hideOnClick: true,
+ hideOnSwipe: true,
+ resetScroll: true,
+ resetForms: true,
+ side: 'right',
+ target: $body,
+ visibleClass: 'is-menu-visible'
+ });
- $main.unscrollex();
+ // Header.
+ if ($banner.length > 0
+ && $header.hasClass('alt')) {
- $main.scrollex({
- mode: 'middle',
- top: '15vh',
- bottom: '-15vh',
- enter: function() {
- $intro.addClass('hidden');
- },
- leave: function() {
- $intro.removeClass('hidden');
- }
- });
+ $window.on('resize', function() { $window.trigger('scroll'); });
+ $banner.scrollex({
+ bottom: $header.outerHeight() + 1,
+ terminate: function() { $header.removeClass('alt'); },
+ enter: function() { $header.addClass('alt'); },
+ leave: function() { $header.removeClass('alt'); }
});
}
diff --git a/assets/sass/libs/_vars.scss b/assets/sass/libs/_vars.scss
index 9347e2c..83b0e14 100644
--- a/assets/sass/libs/_vars.scss
+++ b/assets/sass/libs/_vars.scss
@@ -1,62 +1,119 @@
// Misc.
$misc: (
+ max-spotlights: 10,
+ max-features: 10,
z-index-base: 10000
);
// Duration.
$duration: (
+ transitions: 0.2s,
menu: 0.5s,
- transition: 0.2s
+ fadein: 3s
);
// Size.
$size: (
- element-height: 3rem,
- element-margin: 2rem,
- padding: 2rem,
- wrapper: 72rem
+ element-height: 2.75em,
+ element-margin: 2em,
+ letter-spacing: 0.075em,
+ letter-spacing-alt: 0.225em
);
// Font.
$font: (
- family: ('Merriweather', Georgia, serif),
- family-heading: ('Source Sans Pro', Helvetica, sans-serif),
+ family: ('Open Sans', Helvetica, sans-serif),
family-fixed: ('Courier New', monospace),
- weight: 300,
+ weight: 400,
weight-bold: 600,
- weight-heading: 900
+ weight-extrabold: 800
);
// Palette.
$palette: (
- wrapper-bg: #212931,
-
- bg: #ffffff,
- fg: #212931,
- fg-bold: #212931,
- fg-light: mix(#212931, #ffffff, 50%),
- border: mix(#dcdcdc, #ffffff, 50%),
- border-bg: rgba(#dcdcdc, 0.25),
- accent: #18bfef,
-
- alt: (
- bg: #f5f5f5,
- fg: #717981,
- fg-bold: #717981,
- fg-light: mix(#717981, #f5f5f5, 50%),
- border: mix(#dcdcdc, #f5f5f5, 75%),
- border-bg: rgba(#dcdcdc, 0.5),
- accent: #18bfef,
+ bg: #2e3842,
+ fg: #fff,
+ fg-bold: #fff,
+ fg-light: rgba(255,255,255,0.5),
+ border: #fff,
+ border-bg: rgba(144,144,144,0.25),
+ border2: #fff,
+ border2-bg: rgba(144,144,144,0.5),
+
+ accent1: (
+ bg: #21b2a6,
+ fg-bold: #ffffff,
+ fg: mix(#21b2a6, #ffffff, 25%),
+ fg-light: mix(#21b2a6, #ffffff, 40%),
+ border: rgba(0,0,0,0.125),
+ border-bg: rgba(255,255,255,0.075),
+ border2: rgba(0,0,0,0.25),
+ border2-bg: rgba(255,255,255,0.2)
+ ),
+
+ accent2: (
+ bg: #00ffcc,
+ fg-bold: #ffffff,
+ fg: mix(#00ffcc, #ffffff, 25%),
+ fg-light: mix(#00ffcc, #ffffff, 40%),
+ border: rgba(0,0,0,0.125),
+ border-bg: rgba(255,255,255,0.075),
+ border2: rgba(0,0,0,0.25),
+ border2-bg: rgba(255,255,255,0.2)
+ ),
+
+ accent3: (
+ bg: #00f0ff,
+ fg-bold: #ffffff,
+ fg: mix(#00f0ff, #ffffff, 25%),
+ fg-light: mix(#00f0ff, #ffffff, 40%),
+ border: rgba(0,0,0,0.125),
+ border-bg: rgba(255,255,255,0.075),
+ border2: rgba(0,0,0,0.25),
+ border2-bg: rgba(255,255,255,0.2)
),
- invert: (
- bg: #1e252d,
- bg-alt: #1e252d,
- fg: #ffffff,
+ accent4: (
+ bg: #76ddff,
fg-bold: #ffffff,
- fg-light: rgba(#ffffff, 0.5),
- border: #ffffff,
- border-bg: rgba(#ffffff,0.075),
- accent: #18bfef,
+ fg: mix(#76ddff, #ffffff, 25%),
+ fg-light: mix(#76ddff, #ffffff, 40%),
+ border: rgba(0,0,0,0.125),
+ border-bg: rgba(255,255,255,0.075),
+ border2: rgba(0,0,0,0.25),
+ border2-bg: rgba(255,255,255,0.2)
),
+
+ accent5: (
+ bg: #505393,
+ fg-bold: #ffffff,
+ fg: mix(#505393, #ffffff, 25%),
+ fg-light: mix(#505393, #ffffff, 40%),
+ border: rgba(0,0,0,0.125),
+ border-bg: rgba(255,255,255,0.075),
+ border2: rgba(0,0,0,0.25),
+ border2-bg: rgba(255,255,255,0.2)
+ ),
+
+ accent6: (
+ bg: #ed4933,
+ fg-bold: #ffffff,
+ fg: mix(#ed4933, #ffffff, 25%),
+ fg-light: mix(#ed4933, #ffffff, 40%),
+ border: rgba(0,0,0,0.125),
+ border-bg: rgba(255,255,255,0.075),
+ border2: rgba(0,0,0,0.25),
+ border2-bg: rgba(255,255,255,0.2)
+ ),
+
+ accent7: (
+ bg: #ffffff,
+ fg-bold: #2E3842,
+ fg: #4E4852,
+ fg-light: #8E8892,
+ border: #dfdfdf,
+ border-bg: rgba(0,0,0,0.0375),
+ border2: #bfbfbf,
+ border2-bg: rgba(0,0,0,0.1)
+ )
);
\ No newline at end of file
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 58e1096..37b1103 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -4,12 +4,11 @@
@import 'libs/vendor';
@import 'libs/breakpoints';
@import 'libs/html-grid';
-@import 'libs/fixed-grid';
@import 'fontawesome-all.min.css';
-@import url('https://fonts.googleapis.com/css?family=Merriweather:300,700,300italic,700italic|Source+Sans+Pro:900');
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic');
/*
- Massively by HTML5 UP
+ Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
@@ -17,55 +16,1918 @@
// Breakpoints.
@include breakpoints((
- default: (1681px, null ),
- xlarge: (1281px, 1680px ),
- large: (981px, 1280px ),
- medium: (737px, 980px ),
- small: (481px, 736px ),
- xsmall: (361px, 480px ),
- xxsmall: (null, 360px )
+ xlarge: ( 1281px, 1680px ),
+ large: ( 981px, 1280px ),
+ medium: ( 737px, 980px ),
+ small: ( 481px, 736px ),
+ xsmall: ( null, 480px ),
));
-// Mixins.
-
- @mixin color($p) {
- @include color-typography($p);
- @include color-box($p);
- @include color-button($p);
- @include color-form($p);
- @include color-list($p);
- @include color-section($p);
- @include color-table($p);
- @include color-pagination($p);
- }
-
-// Base.
-
- @import 'base/reset';
- @import 'base/page';
- @import 'base/typography';
-
-// Component.
-
- @import 'components/row';
- @import 'components/box';
- @import 'components/button';
- @import 'components/form';
- @import 'components/icon';
- @import 'components/image';
- @import 'components/actions';
- @import 'components/icons';
- @import 'components/list';
- @import 'components/section';
- @import 'components/table';
- @import 'components/pagination';
-
-// Layout.
-
- @import 'layout/wrapper';
- @import 'layout/intro';
- @import 'layout/header';
- @import 'layout/nav';
- @import 'layout/main';
- @import 'layout/footer';
- @import 'layout/navPanel';
\ No newline at end of file
+// Reset.
+// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)
+
+ 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;
+
+ &:before,
+ &: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;
+ }
+
+ // Set box model to border-box.
+ // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
+ html {
+ box-sizing: border-box;
+ }
+
+ *, *:before, *:after {
+ box-sizing: inherit;
+ }
+
+ body {
+ background: _palette(bg);
+
+ // Stops initial animations until page loads.
+ &.is-preload {
+ *, *:before, *:after {
+ @include vendor('animation', 'none !important');
+ @include vendor('transition', 'none !important');
+ }
+ }
+
+ }
+
+ body, input, select, textarea {
+ color: _palette(fg);
+ font-family: _font(family);
+ font-size: 15pt;
+ font-weight: _font(weight);
+ letter-spacing: _size(letter-spacing);
+ line-height: 1.65em;
+
+ @include breakpoint('<=xlarge') {
+ font-size: 13pt;
+ }
+
+ @include breakpoint('<=large') {
+ font-size: 12pt;
+ }
+
+ @include breakpoint('<=small') {
+ font-size: 11pt;
+ letter-spacing: _size(letter-spacing) * 0.5;
+ }
+ }
+
+ a {
+ @include vendor('transition', ('color #{_duration(transitions)} ease', 'border-bottom-color #{_duration(transitions)} ease'));
+ border-bottom: dotted 1px;
+ color: inherit;
+ text-decoration: none;
+
+ &:hover {
+ border-bottom-color: transparent;
+ }
+ }
+
+ strong, b {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-bold);
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-extrabold);
+ letter-spacing: _size(letter-spacing-alt);
+ line-height: 1em;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ text-transform: uppercase;
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ }
+ }
+
+ h2 {
+ font-size: 1.35em;
+ line-height: 1.75em;
+
+ @include breakpoint('<=small') {
+ font-size: 1.1em;
+ line-height: 1.65em;
+ }
+ }
+
+ h3 {
+ font-size: 1.15em;
+ line-height: 1.75em;
+
+ @include breakpoint('<=small') {
+ font-size: 1em;
+ line-height: 1.65em;
+ }
+ }
+
+ h4 {
+ font-size: 1em;
+ line-height: 1.5em;
+ }
+
+ h5 {
+ font-size: 0.8em;
+ line-height: 1.5em;
+ }
+
+ h6 {
+ font-size: 0.7em;
+ line-height: 1.5em;
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid 2px _palette(border);
+ margin: (_size(element-margin) * 1.5) 0;
+
+ &.major {
+ margin: (_size(element-margin) * 2.25) 0;
+ }
+ }
+
+ blockquote {
+ border-left: solid 4px _palette(border);
+ font-style: italic;
+ margin: 0 0 _size(element-margin) 0;
+ padding: 0.5em 0 0.5em 2em;
+ }
+
+ code {
+ background: _palette(border-bg);
+ border-radius: 3px;
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ letter-spacing: 0;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0 _size(element-margin) 0;
+
+ code {
+ display: block;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
+
+/* Row */
+
+ .row {
+ @include html-grid(1.5em);
+
+ @include breakpoint('<=xlarge') {
+ @include html-grid(1.5em, 'xlarge');
+ }
+
+ @include breakpoint('<=large') {
+ @include html-grid(1.5em, 'large');
+ }
+
+ @include breakpoint('<=medium') {
+ @include html-grid(1.5em, 'medium');
+ }
+
+ @include breakpoint('<=small') {
+ @include html-grid(1.5em, 'small');
+ }
+
+ @include breakpoint('<=xsmall') {
+ @include html-grid(1.5em, 'xsmall');
+ }
+ }
+
+/* Section/Article */
+
+ section, article {
+ &.special {
+ text-align: center;
+ }
+ }
+
+ header {
+ p {
+ color: _palette(fg-light);
+ position: relative;
+ top: -0.25em;
+ }
+
+ h2 + p {
+ }
+
+ h3 + p {
+ font-size: 1.1em;
+ }
+
+ h4 + p,
+ h5 + p,
+ h6 + p {
+ font-size: 0.9em;
+ }
+
+ &.major {
+ margin: 0 0 (_size(element-margin) * 1.75) 0;
+
+ h2, h3, h4, h5, h6 {
+ border-bottom: solid 2px _palette(border);
+ display: inline-block;
+ padding-bottom: 1em;
+ position: relative;
+
+ &:after {
+ content: '';
+ display: block;
+ height: 1px;
+ }
+ }
+
+ p {
+ color: _palette(fg);
+ top: 0;
+ }
+
+ @include breakpoint('<=small') {
+ margin: 0 0 _size(element-margin) 0;
+ }
+ }
+
+ @include breakpoint('<=medium') {
+ br {
+ display: none;
+ }
+ }
+ }
+
+/* Form */
+
+ form {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ label {
+ color: _palette(fg-bold);
+ display: block;
+ font-size: 0.9em;
+ font-weight: _font(weight-bold);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ @include vendor('appearance', 'none');
+ background-color: _palette(border-bg);
+ border-radius: 3px;
+ border: none;
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+
+ &:invalid {
+ box-shadow: none;
+ }
+
+ &:focus {
+ box-shadow: 0 0 0 2px _palette(accent1, bg);
+ }
+ }
+
+ select {
+ background-size: 1.25em;
+ background-repeat: no-repeat;
+ background-position: calc(100% - 1em) center;
+ height: _size(element-height);
+ padding-right: _size(element-height);
+ text-overflow: ellipsis;
+
+ &:focus {
+ &::-ms-value {
+ background-color: transparent;
+ }
+ }
+
+ &::-ms-expand {
+ display: none;
+ }
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: _size(element-height);
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"], {
+ @include vendor('appearance', 'none');
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+
+ & + label {
+ @include icon(false, solid);
+ color: _palette(fg);
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: _font(weight);
+ padding-left: (_size(element-height) * 0.6) + 0.75em;
+ padding-right: 0.75em;
+ position: relative;
+
+ &:before {
+ background: _palette(border-bg);
+ border-radius: 3px;
+ content: '';
+ display: inline-block;
+ font-size: 0.8em;
+ height: (_size(element-height) * 0.75);
+ left: 0;
+ line-height: (_size(element-height) * 0.75);
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: (_size(element-height) * 0.75);
+ }
+ }
+
+ &:checked + label {
+ &:before {
+ background: _palette(bg);
+ color: _palette(fg-bold);
+ content: '\f00c';
+ }
+ }
+
+ &:focus + label {
+ &:before {
+ box-shadow: 0 0 0 2px _palette(accent1, bg);
+ }
+ }
+ }
+
+ input[type="checkbox"] {
+ & + label {
+ &:before {
+ border-radius: 3px;
+ }
+ }
+ }
+
+ input[type="radio"] {
+ & + label {
+ &:before {
+ border-radius: 100%;
+ }
+ }
+ }
+
+ ::-webkit-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+/* Box */
+
+ .box {
+ border-radius: 3px;
+ border: solid 2px _palette(border);
+ margin-bottom: _size(element-margin);
+ padding: 1.5em;
+
+ > :last-child,
+ > :last-child > :last-child,
+ > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+ }
+
+ &.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ }
+ }
+
+/* Icon */
+
+ .icon {
+ @include icon;
+ border-bottom: none;
+ position: relative;
+
+ > .label {
+ display: none;
+ }
+
+ &:before{
+ line-height: inherit;
+ }
+
+ &.solid {
+ &:before {
+ font-weight: 900;
+ }
+ }
+
+ &.brands {
+ &:before {
+ font-family: 'Font Awesome 5 Brands';
+ }
+ }
+
+ &.major {
+ @include vendor('transform', 'rotate(-45deg)');
+ border-radius: 3px;
+ border: solid 2px _palette(border);
+ display: inline-block;
+ font-size: 1.35em;
+ height: calc(3em + 2px);
+ line-height: 3em;
+ text-align: center;
+ width: calc(3em + 2px);
+
+ &:before {
+ @include vendor('transform', 'rotate(45deg)');
+ display: inline-block;
+ font-size: 1.5em;
+ }
+
+ @include breakpoint('<=small') {
+ font-size: 1em;
+ }
+ }
+
+ &.style1 {
+ color: _palette(accent2, bg);
+ }
+
+ &.style2 {
+ color: _palette(accent3, bg);
+ }
+
+ &.style3 {
+ color: _palette(accent4, bg);
+ }
+ }
+
+/* Image */
+
+ .image {
+ border-radius: 3px;
+ border: 0;
+ display: inline-block;
+ position: relative;
+
+ img {
+ border-radius: 3px;
+ display: block;
+ }
+
+ &.left {
+ float: left;
+ margin: 0 2em 2em 0;
+ top: 0.25em;
+ }
+
+ &.right {
+ float: right;
+ margin: 0 0 2em 2em;
+ top: 0.25em;
+ }
+
+ &.left,
+ &.right {
+ max-width: 40%;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ img {
+ width: 100%;
+ }
+ }
+ }
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1.25em;
+
+ li {
+ padding-left: 0.25em;
+ }
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1em;
+
+ li {
+ padding-left: 0.5em;
+ }
+
+ &.alt {
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ border-top: solid 1px _palette(border);
+ padding: 0.5em 0;
+
+ &:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+ }
+ }
+ }
+
+ dl {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+/* Actions */
+
+ ul.actions {
+ @include vendor('display', 'flex');
+ cursor: default;
+ list-style: none;
+ margin-left: (_size(element-margin) * -0.5);
+ padding-left: 0;
+
+ li {
+ padding: 0 0 0 (_size(element-margin) * 0.5);
+ vertical-align: middle;
+ }
+
+ &.special {
+ @include vendor('justify-content', 'center');
+ width: 100%;
+ margin-left: 0;
+
+ li {
+ &:first-child {
+ padding-left: 0;
+ }
+ }
+ }
+
+ &.stacked {
+ @include vendor('flex-direction', 'column');
+ margin-left: 0;
+
+ li {
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+
+ &.fit {
+ width: calc(100% + #{_size(element-margin) * 0.5});
+
+ li {
+ @include vendor('flex-grow', '1');
+ @include vendor('flex-shrink', '1');
+ width: 100%;
+
+ > * {
+ width: 100%;
+ }
+ }
+
+ &.stacked {
+ width: 100%;
+ }
+ }
+
+ @include breakpoint('<=xsmall') {
+ &:not(.fixed) {
+ @include vendor('flex-direction', 'column');
+ margin-left: 0;
+ width: 100% !important;
+
+ li {
+ @include vendor('flex-grow', '1');
+ @include vendor('flex-shrink', '1');
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+ text-align: center;
+ width: 100%;
+
+ > * {
+ width: 100%;
+ }
+
+ &:first-child {
+ padding-top: 0;
+ }
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ width: 100%;
+
+ &.icon {
+ &:before {
+ margin-left: -0.5em;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+/* Icons */
+
+ ul.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 1em 0 0;
+
+ &:last-child {
+ padding-right: 0 !important;
+ }
+ }
+
+ &.major {
+ padding: 1em 0;
+
+ li {
+ padding-right: 3.5em;
+
+ @include breakpoint('<=small') {
+ padding: 0 1em !important;
+ }
+ }
+ }
+ }
+
+/* Table */
+
+ .table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ }
+
+ table {
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ tbody {
+ tr {
+ border: solid 1px _palette(border);
+ border-left: 0;
+ border-right: 0;
+
+ &:nth-child(2n + 1) {
+ background-color: _palette(border-bg);
+ }
+ }
+ }
+
+ td {
+ padding: 0.75em 0.75em;
+ }
+
+ th {
+ color: _palette(fg-bold);
+ font-size: 0.9em;
+ font-weight: _font(weight-bold);
+ padding: 0 0.75em 0.75em 0.75em;
+ text-align: left;
+ }
+
+ thead {
+ border-bottom: solid 2px _palette(border);
+ }
+
+ tfoot {
+ border-top: solid 2px _palette(border);
+ }
+
+ &.alt {
+ border-collapse: separate;
+
+ tbody {
+ tr {
+ td {
+ border: solid 1px _palette(border);
+ border-left-width: 0;
+ border-top-width: 0;
+
+ &:first-child {
+ border-left-width: 1px;
+ }
+ }
+
+ &:first-child {
+ td {
+ border-top-width: 1px;
+ }
+ }
+ }
+ }
+
+ thead {
+ border-bottom: 0;
+ }
+
+ tfoot {
+ border-top: 0;
+ }
+ }
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ @include vendor('appearance', 'none');
+ @include vendor('transition', ('background-color #{_duration(transitions)} ease-in-out', 'color #{_duration(transitions)} ease-in-out'));
+ background-color: transparent;
+ border-radius: 3px;
+ border: 0;
+ box-shadow: inset 0 0 0 2px _palette(border);
+ color: _palette(fg-bold);
+ cursor: pointer;
+ display: inline-block;
+ font-size: 0.8em;
+ font-weight: _font(weight-bold);
+ height: 3.125em;
+ letter-spacing: _size(letter-spacing-alt);
+ line-height: 3.125em;
+ max-width: 30em;
+ padding: 0 2.75em;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+
+ &:hover {
+ background-color: _palette(border-bg);
+ }
+
+ &:active {
+ background-color: _palette(border2-bg);
+ }
+
+ &.icon {
+ &:before {
+ margin-right: 0.5em;
+ }
+ }
+
+ &.fit {
+ width: 100%;
+ }
+
+ &.small {
+ font-size: 0.8em;
+ }
+
+ &.large {
+ font-size: 1.35em;
+ }
+
+ &.primary {
+ background-color: _palette(accent6, bg);
+ box-shadow: none !important;
+ color: _palette(accent6, fg-bold) !important;
+
+ &:hover {
+ background-color: lighten(_palette(accent6, bg), 5) !important;
+ }
+
+ &:active {
+ background-color: darken(_palette(accent6, bg), 5) !important;
+ }
+ }
+
+ &.disabled,
+ &:disabled {
+ @include vendor('pointer-events', 'none');
+ opacity: 0.25;
+ }
+
+ @include breakpoint('<=small') {
+ height: 3.75em;
+ line-height: 3.75em;
+ }
+ }
+
+/* Features */
+
+ .features {
+ @include vendor('display', 'flex');
+ @include vendor('flex-wrap', 'wrap');
+ @include vendor('justify-content', 'center');
+ list-style: none;
+ padding: 0;
+ width: 100%;
+
+ li {
+ @include padding(4em, 4em, (0,0,0,2em));
+ display: block;
+ position: relative;
+ text-align: left;
+ width: 50%;
+
+ @for $i from 1 through _misc(max-features) {
+ $j: 0.035 * $i;
+
+ &:nth-child(#{$i}) {
+ background-color: rgba(0,0,0, $j);
+ }
+ }
+
+ &:before {
+ display: block;
+ color: _palette(accent2, bg);
+ position: absolute;
+ left: 1.75em;
+ top: 2.75em;
+ font-size: 1.5em;
+ }
+
+ &:nth-child(1) {
+ border-top-left-radius: 3px;
+ }
+
+ &:nth-child(2) {
+ border-top-right-radius: 3px;
+ }
+
+ &:nth-last-child(1) {
+ border-bottom-right-radius: 3px;
+ }
+
+ &:nth-last-child(2) {
+ border-bottom-left-radius: 3px;
+ }
+
+ @include breakpoint('<=medium') {
+ @include padding(3em, 2em);
+ text-align: center;
+
+ &:before {
+ left: 0;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ position: relative;
+ top: 0;
+ }
+ }
+
+ @include breakpoint('<=small') {
+ @include padding(3em, 0);
+ background-color: transparent !important;
+ border-top: solid 2px _palette(border);
+ width: 100%;
+
+ &:first-child {
+ border-top: 0;
+ }
+ }
+ }
+ }
+
+/* Spotlight */
+
+ .spotlight {
+ @include vendor('align-items', 'center');
+ @include vendor('display', 'flex');
+
+ .image {
+ @include vendor('order', '1');
+ border-radius: 0;
+ width: 40%;
+
+ img {
+ border-radius: 0;
+ width: 100%;
+ }
+ }
+
+ .content {
+ @include padding(2em, 4em);
+ @include vendor('order', '2');
+ max-width: 48em;
+ width: 60%;
+ }
+
+ &:nth-child(2n) {
+ @include vendor('flex-direction', 'row-reverse');
+ }
+
+ @for $i from 1 through _misc(max-spotlights) {
+ $j: 0.075 * $i;
+
+ &:nth-child(#{$i}) {
+ background-color: rgba(0,0,0, $j);
+ }
+ }
+
+ @include breakpoint('<=large') {
+ .image {
+ width: 45%;
+ }
+
+ .content {
+ width: 55%;
+ }
+ }
+
+ @include breakpoint('<=medium') {
+ display: block;
+
+ br {
+ display: none;
+ }
+
+ .image {
+ width: 100%;
+ }
+
+ .content {
+ @include padding(4em, 3em);
+ max-width: none;
+ text-align: center;
+ width: 100%;
+ }
+ }
+
+ @include breakpoint('<=small') {
+ .content {
+ @include padding(3em, 2em);
+ }
+ }
+ }
+
+/* Wrapper */
+
+ @mixin wrapper($p) {
+ background-color: _palette($p, bg);
+ color: _palette($p, fg);
+
+ // Basic
+
+ strong, b {
+ color: _palette($p, fg-bold);
+ }
+
+ h2, h3, h4, h5, h6 {
+ color: _palette($p, fg-bold);
+ }
+
+ hr {
+ border-color: _palette($p, border);
+ }
+
+ blockquote {
+ border-color: _palette($p, border);
+ }
+
+ code {
+ background: _palette($p, border-bg);
+ }
+
+ // Section/Article
+
+ header {
+ p {
+ color: _palette($p, fg-light);
+ }
+
+ &.major {
+ h2, h3, h4, h5, h6 {
+ border-color: _palette($p, border);
+ }
+
+ p {
+ color: _palette($p, fg);
+ }
+ }
+ }
+
+ // Form
+
+ label {
+ color: _palette($p, fg-bold);
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ background-color: _palette($p, border-bg);
+ }
+
+ select {
+ background-image: svg-url(" ");
+
+ option {
+ color: _palette($p, fg-bold);
+ background: _palette($p, bg);
+ }
+ }
+
+ input[type="checkbox"],
+ input[type="radio"], {
+ & + label {
+ color: _palette($p, fg);
+
+ &:before {
+ background: _palette($p, border-bg);
+ }
+ }
+
+ &:checked + label {
+ &:before {
+ background: _palette($p, fg-bold);
+ color: _palette($p, bg);
+ }
+ }
+ }
+
+ ::-webkit-input-placeholder {
+ color: _palette($p, fg-light) !important;
+ }
+
+ :-moz-placeholder {
+ color: _palette($p, fg-light) !important;
+ }
+
+ ::-moz-placeholder {
+ color: _palette($p, fg-light) !important;
+ }
+
+ :-ms-input-placeholder {
+ color: _palette($p, fg-light) !important;
+ }
+
+ .formerize-placeholder {
+ color: _palette($p, fg-light) !important;
+ }
+
+ // Icon
+
+ .icon {
+ &.major {
+ border-color: _palette($p, border);
+ }
+ }
+
+ // List
+
+ ul {
+ &.alt {
+ li {
+ border-color: _palette($p, border);
+ }
+ }
+ }
+
+ // Table
+
+ table {
+ tbody {
+ tr {
+ border-color: _palette($p, border);
+
+ &:nth-child(2n + 1) {
+ background-color: _palette($p, border-bg);
+ }
+ }
+ }
+
+ th {
+ color: _palette($p, fg-bold);
+ }
+
+ thead {
+ border-color: _palette($p, border);
+ }
+
+ tfoot {
+ border-color: _palette($p, border);
+ }
+
+ &.alt {
+ tbody {
+ tr {
+ td {
+ border-color: _palette($p, border);
+ }
+ }
+ }
+ }
+ }
+
+ // Button
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ box-shadow: inset 0 0 0 2px _palette($p, border);
+ color: _palette($p, fg-bold);
+
+ &:hover {
+ background-color: _palette($p, border-bg);
+ }
+
+ &:active {
+ background-color: _palette($p, border2-bg);
+ }
+ }
+
+ // Features
+
+ .features {
+ li {
+ @include breakpoint('<=small') {
+ border-top-color: _palette($p, border);
+ }
+ }
+ }
+
+ }
+
+ .wrapper {
+ @include padding(6em, 0);
+
+ > .inner {
+ width: 60em;
+ margin: 0 auto;
+
+ @include breakpoint('<=large') {
+ width: 90%;
+ }
+
+ @include breakpoint('<=medium') {
+ width: 100%;
+ }
+ }
+
+ &.alt {
+ padding: 0;
+ }
+
+ &.style1 {
+ @include wrapper(accent1);
+ }
+
+ &.style2 {
+ background-color: _palette(bg);
+ }
+
+ &.style3 {
+ @include wrapper(accent5);
+ }
+
+ &.style4 {
+ background-color: transparent;
+ }
+
+ &.style5 {
+ @include wrapper(accent7);
+ }
+
+ @include breakpoint('<=medium') {
+ @include padding(4em, 3em);
+ }
+
+ @include breakpoint('<=small') {
+ @include padding(3em, 2em);
+ }
+ }
+
+/* Page Wrapper + Menu */
+
+ #page-wrapper {
+ @include vendor('transition', 'opacity #{_duration(menu)} ease');
+ opacity: 1;
+ padding-top: 3em;
+
+ &:before {
+ background: rgba(0,0,0,0);
+ content: '';
+ display: block;
+ display: none;
+ height: 100%;
+ left: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: _misc(z-index-base) + 1;
+ }
+ }
+
+ #menu {
+ @include vendor('transform', 'translateX(20em)');
+ @include vendor('transition', 'transform #{_duration(menu)} ease');
+ -webkit-overflow-scrolling: touch;
+ background: _palette(accent1, bg);
+ color: _palette(accent1, fg-bold);
+ height: 100%;
+ max-width: 80%;
+ overflow-y: auto;
+ padding: 3em 2em;
+ position: fixed;
+ right: 0;
+ top: 0;
+ width: 20em;
+ z-index: _misc(z-index-base) + 2;
+
+ ul {
+ list-style: none;
+ padding: 0;
+
+ > li {
+ border-top: solid 1px _palette(accent1, border);
+ margin: 0.5em 0 0 0;
+ padding: 0.5em 0 0 0;
+
+ &:first-child {
+ border-top: 0 !important;
+ margin-top: 0 !important;
+ padding-top: 0 !important;
+ }
+
+ > a {
+ border: 0;
+ color: inherit;
+ display: block;
+ font-size: 0.8em;
+ letter-spacing: _size(letter-spacing-alt);
+ outline: 0;
+ text-decoration: none;
+ text-transform: uppercase;
+
+ @include breakpoint('<=small') {
+ line-height: 3em;
+ }
+ }
+ }
+ }
+
+ .close {
+ background-image: url('images/close.svg');
+ background-position: 4.85em 1em;
+ background-repeat: no-repeat;
+ border: 0;
+ cursor: pointer;
+ display: block;
+ height: 3em;
+ position: absolute;
+ right: 0;
+ top: 0;
+ vertical-align: middle;
+ width: 7em;
+ }
+
+ @include breakpoint('<=small') {
+ padding: 3em 1.5em;
+ }
+ }
+
+ body.is-menu-visible {
+ #page-wrapper {
+ opacity: 0.35;
+
+ &:before {
+ display: block;
+ }
+ }
+
+ #menu {
+ @include vendor('transform', 'translateX(0)');
+ }
+ }
+
+/* Header */
+
+ #header {
+ @include vendor('transition', 'background-color #{_duration(transitions)} ease');
+ background: _palette(bg);
+ height: 3em;
+ left: 0;
+ line-height: 3em;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: _misc(z-index-base);
+
+ h1 {
+ @include vendor('transition', 'opacity #{_duration(transitions)} ease');
+ height: inherit;
+ left: 1.25em;
+ line-height: inherit;
+ position: absolute;
+ top: 0;
+
+ a {
+ border: 0;
+ display: block;
+ height: inherit;
+ line-height: inherit;
+
+ @include breakpoint('<=small') {
+ font-size: 0.8em;
+ }
+ }
+ }
+
+ nav {
+ height: inherit;
+ line-height: inherit;
+ position: absolute;
+ right: 0;
+ top: 0;
+
+ > ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ white-space: nowrap;
+
+ > li {
+ display: inline-block;
+ padding: 0;
+
+ > a {
+ border: 0;
+ color: _palette(fg-bold);
+ display: block;
+ font-size: 0.8em;
+ letter-spacing: _size(letter-spacing-alt);
+ padding: 0 1.5em;
+ text-transform: uppercase;
+
+ &.menuToggle {
+ outline: 0;
+ position: relative;
+
+ &:after {
+ background-image: url('images/bars.svg');
+ background-position: right center;
+ background-repeat: no-repeat;
+ content: '';
+ display: inline-block;
+ height: 3.75em;
+ vertical-align: top;
+ width: 2em;
+ }
+
+ @include breakpoint('<=small') {
+ padding: 0 1.5em;
+
+ span {
+ display: none;
+ }
+ }
+ }
+
+ @include breakpoint('<=small') {
+ padding: 0 0 0 1.5em;
+ }
+ }
+
+ &:first-child {
+ margin-left: 0;
+ }
+ }
+ }
+ }
+
+ &.alt {
+ background: transparent;
+
+ h1 {
+ @include vendor('pointer-events', 'none');
+ opacity: 0;
+ }
+ }
+ }
+
+/* Banner */
+
+ #banner {
+ @include vendor('display', 'flex');
+ @include vendor('flex-direction', 'column');
+ @include vendor('justify-content', 'center');
+ cursor: default;
+ height: 100vh;
+ min-height: 35em;
+ overflow: hidden;
+ position: relative;
+ text-align: center;
+
+ h2 {
+ @include vendor('transform', 'scale(1)');
+ @include vendor('transition', ('transform 0.5s ease', 'opacity 0.5s ease'));
+ display: inline-block;
+ font-size: 1.75em;
+ opacity: 1;
+ padding: 0.35em 1em;
+ position: relative;
+ z-index: 1;
+
+ &:before, &:after {
+ @include vendor('transition', 'width 0.85s ease');
+ @include vendor('transition-delay', '0.25s');
+ background: _palette(fg-bold);
+ content: '';
+ display: block;
+ height: 2px;
+ position: absolute;
+ width: 100%;
+ }
+
+ &:before {
+ top: 0;
+ left: 0;
+ }
+
+ &:after {
+ bottom: 0;
+ right: 0;
+ }
+ }
+
+ p {
+ letter-spacing: _size(letter-spacing-alt);
+ text-transform: uppercase;
+
+ a {
+ color: inherit;
+ }
+ }
+
+ .more {
+ @include vendor('transition', ('transform 0.75s ease', 'opacity 0.75s ease'));
+ @include vendor('transition-delay', '3.5s');
+ @include vendor('transform', 'translateY(0)');
+ border: none;
+ bottom: 0;
+ color: inherit;
+ font-size: 0.8em;
+ height: 8.5em;
+ left: 50%;
+ letter-spacing: _size(letter-spacing-alt);
+ margin-left: -8.5em;
+ opacity: 1;
+ outline: 0;
+ padding-left: _size(letter-spacing-alt);
+ position: absolute;
+ text-align: center;
+ text-transform: uppercase;
+ width: 16em;
+ z-index: 1;
+
+ &:after {
+ background-image: url('images/arrow.svg');
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: contain;
+ bottom: 4em;
+ content: '';
+ display: block;
+ height: 1.5em;
+ left: 50%;
+ margin: 0 0 0 -0.75em;
+ position: absolute;
+ width: 1.5em;
+ }
+ }
+
+ &:after {
+ @include vendor('pointer-events', 'none');
+ @include vendor('transition', 'opacity #{_duration(fadein)} ease-in-out');
+ @include vendor('transition-delay', '1.25s');
+ content: '';
+ background: _palette(bg);
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ left: 0;
+ top: 0;
+ opacity: 0;
+ }
+
+ @include breakpoint('<=small') {
+ @include padding(7em, 3em);
+ height: auto;
+ min-height: 0;
+
+ h2 {
+ font-size: 1.25em;
+ }
+
+ br {
+ display: none;
+ }
+
+ .more {
+ display: none;
+ }
+ }
+ }
+
+ body.is-preload {
+ #banner {
+ h2 {
+ @include vendor('transform', 'scale(0.95)');
+ opacity: 0;
+
+ &:before, &:after {
+ width: 0;
+ }
+ }
+
+ .more {
+ @include vendor('transform', 'translateY(8.5em)');
+ opacity: 0;
+ }
+
+ &:after {
+ opacity: 1;
+ }
+ }
+ }
+
+/* CTA */
+
+ #cta {
+ .inner {
+ @include vendor('display', 'flex');
+ max-width: 45em;
+
+ header {
+ @include vendor('order', '1');
+ padding-right: 3em;
+ width: 70%;
+
+ p {
+ color: inherit;
+ }
+ }
+
+ .actions {
+ @include vendor('order', '2');
+ width: 30%;
+ }
+
+ @include breakpoint('<=medium') {
+ display: block;
+ text-align: center;
+
+ header {
+ padding-right: 0;
+ width: 100%;
+ }
+
+ .actions {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 20em;
+ width: 100%;
+ }
+ }
+
+ @include breakpoint('<=small') {
+ .actions {
+ max-width: none;
+ }
+ }
+ }
+ }
+
+/* Main */
+
+ #main {
+ > header {
+ @include padding(12em, 0);
+ @include vendor('background-image', ('linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5))', 'url("../../images/banner.jpg")'));
+ background-attachment: fixed;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ text-align: center;
+
+ h2 {
+ font-size: 1.75em;
+ margin: 0 0 (_size(element-margin) * 0.25) 0;
+ }
+
+ p {
+ color: inherit;
+ letter-spacing: _size(letter-spacing-alt);
+ text-transform: uppercase;
+ top: 0;
+
+ a {
+ color: inherit;
+ }
+ }
+
+ @include breakpoint('<=xlarge') {
+ @include padding(10em, 0);
+ }
+
+ @include breakpoint('<=large') {
+ @include padding(8em, 3em);
+ }
+
+ @include breakpoint('<=medium') {
+ @include padding(10em, 3em);
+ }
+
+ @include breakpoint('<=small') {
+ @include padding(5em, 3em);
+
+ h2 {
+ font-size: 1.25em;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+ }
+ }
+ }
+
+ body.is-mobile {
+ #main {
+ > header {
+ background-attachment: scroll;
+ }
+ }
+ }
+
+/* Footer */
+
+ #footer {
+ @include padding(6em, 0);
+ background-color: darken(_palette(bg), 8);
+ text-align: center;
+
+ .icons {
+ font-size: 1.25em;
+
+ a {
+ color: _palette(fg-light);
+
+ &:hover {
+ color: _palette(fg);
+ }
+ }
+ }
+
+ .copyright {
+ color: _palette(fg-light);
+ font-size: 0.8em;
+ letter-spacing: _size(letter-spacing-alt);
+ list-style: none;
+ padding: 0;
+ text-transform: uppercase;
+
+ li {
+ border-left: solid 1px _palette(fg-light);
+ display: inline-block;
+ line-height: 1em;
+ margin-left: 1em;
+ padding-left: 1em;
+
+ &:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+
+ a {
+ color: inherit;
+
+ &:hover {
+ color: _palette(fg);
+ }
+ }
+
+ @include breakpoint('<=xsmall') {
+ border: 0;
+ display: block;
+ line-height: 1.65em;
+ margin: 0;
+ padding: 0.5em 0;
+ }
+ }
+ }
+
+ @include breakpoint('<=medium') {
+ @include padding(4em, 3em);
+ }
+
+ @include breakpoint('<=small') {
+ @include padding(3em, 2em);
+ }
+ }
+
+/* Landing */
+
+ body.landing {
+ #page-wrapper {
+ @include vendor('background-image', ('linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5))', 'url("../../images/banner.jpg")'));
+ background-attachment: fixed;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ padding-top: 0;
+ }
+
+ #footer {
+ background-color: darken(transparentize(_palette(bg), 0.1), 8);
+ }
+ }
+
+ body.is-mobile {
+ &.landing {
+ #page-wrapper {
+ background: none;
+ }
+
+ #banner,
+ .wrapper.style4 {
+ @include vendor('background-image', ('linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5))', 'url("../../images/banner.jpg")'));
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ }
+
+ #footer {
+ background-color: darken(_palette(bg), 8);
+ }
+ }
+ }
\ No newline at end of file
diff --git a/assets/sass/noscript.scss b/assets/sass/noscript.scss
index 90ce257..770de19 100644
--- a/assets/sass/noscript.scss
+++ b/assets/sass/noscript.scss
@@ -4,43 +4,33 @@
@import 'libs/vendor';
@import 'libs/breakpoints';
@import 'libs/html-grid';
-@import 'libs/fixed-grid';
-@import 'font-awesome.min.css';
/*
- Massively by HTML5 UP
+ Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
-/* Wrapper */
+/* Banner */
- #wrapper {
- background-color: _palette(wrapper-bg);
- 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;
+ body.is-preload {
+ #banner {
+ h2 {
+ @include vendor('transform', 'none');
+ opacity: 1;
- &.fade-in {
- &:before {
- display: none;
+ &:before, &:after {
+ width: 100%;
+ }
}
- }
- }
-
-/* Intro */
- #intro {
- body.is-preload & {
- opacity: 1;
+ .more {
+ @include vendor('transform', 'none');
+ opacity: 1;
+ }
- &:not(.hidden) {
- & + #header + #nav {
- @include vendor('transform', 'none');
- opacity: 1;
- }
+ &:after {
+ opacity: 0;
}
}
}
\ No newline at end of file
diff --git a/elements.html b/elements.html
index 6c6b54c..92a45da 100644
--- a/elements.html
+++ b/elements.html
@@ -1,12 +1,12 @@
- Elements Reference - Massively by HTML5 UP
+ Elements - Spectral by HTML5 UP
@@ -14,187 +14,148 @@
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
- Text
+
+
+
+
+
+
+ Text
This is bold and this is strong . This is italic and this is emphasized .
This is superscript text and this is subscript text.
- This is underlined and this is code: for (;;) { ... }.
- Finally, this is a link .
-
- Heading Level 2
- Heading Level 3
- Heading Level 4
- Heading Level 5
- Heading Level 6
+ This is underlined and this is code: for (;;) { ... }. Finally, this is a link .
Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.
Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.
-
- Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.
-
+ Heading Level 2
+ Heading Level 3
+ Heading Level 4
+ Heading Level 5
+ Heading Level 6
+
+ Blockquote
+ Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.
+ Preformatted
+ i = 0;
-
- Lists
-
-
+while (!deck.isInOrder()) {
+ print 'Iteration ' + i;
+ deck.shuffle();
+ i++;
+}
+
+print 'It took ' + i + ' iterations to sort the deck.';
+
-
Unordered
+
+ Lists
+
+
+
Unordered
Dolor pulvinar etiam.
- Sagittis lorem eleifend.
- Felis feugiat dolore viverra.
- Dolor pulvinar etiam.
+ Sagittis adipiscing.
+ Felis enim feugiat.
-
-
Alternate
+
Alternate
- Dolor pulvinar etiam etiam.
- Sagittis adipiscing eleifend.
- Felis enim dolore viverra.
- Dolor pulvinar etiam etiam.
+ Dolor pulvinar etiam.
+ Sagittis adipiscing.
+ Felis enim feugiat.
-
-
-
-
Ordered
+
+
Ordered
Dolor pulvinar etiam.
- Etiam vel felis at viverra.
- Felis enim feugiat magna.
- Etiam vel felis nullam.
- Felis enim et tempus.
+ Etiam vel felis viverra.
+ Felis enim feugiat.
+ Dolor pulvinar etiam.
+ Etiam vel felis lorem.
+ Felis enim et feugiat.
-
-
Icons
+
Icons
-
-
-
Definition
-
- Item 1
-
- Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.
-
- Item 2
-
- Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.
-
- Item 3
-
- Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.
-
-
-
-
Actions
-
-
+
Actions
-
-
-
+
-
-
-
-
Blockquote
-
Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis.
-
-
-
-
-
Table
-
-
Default
+
+ Table
+ Default
@@ -206,27 +167,27 @@ Default
- Item 1
+ Item One
Ante turpis integer aliquet porttitor.
29.99
- Item 2
+ Item Two
Vis ac commodo adipiscing arcu aliquet.
19.99
- Item 3
+ Item Three
Morbi faucibus arcu accumsan lorem.
29.99
- Item 4
+ Item Four
Vitae integer tempus condimentum.
19.99
- Item 5
+ Item Five
Ante turpis integer aliquet porttitor.
29.99
@@ -240,7 +201,7 @@ Default
- Alternate
+ Alternate
@@ -252,27 +213,27 @@ Alternate
- Item 1
+ Item One
Ante turpis integer aliquet porttitor.
29.99
- Item 2
+ Item Two
Vis ac commodo adipiscing arcu aliquet.
19.99
- Item 3
+ Item Three
Morbi faucibus arcu accumsan lorem.
29.99
- Item 4
+ Item Four
Vitae integer tempus condimentum.
19.99
- Item 5
+ Item Five
Ante turpis integer aliquet porttitor.
29.99
@@ -285,42 +246,41 @@ Alternate
+
-
-
-
-
Buttons
+
+ Buttons
- Primary
- Default
+ Disabled
+ Disabled
+
-
-
-
-
Form
-
+
+
+
-
-
-
diff --git a/generic.html b/generic.html
index d1b899c..c7a9f9a 100644
--- a/generic.html
+++ b/generic.html
@@ -1,12 +1,12 @@
-
Generic Page - Massively by HTML5 UP
+
Generic - Spectral by HTML5 UP
@@ -14,103 +14,69 @@
-
-
+
+
-
-
-
-
-
-
-
+
+
+
+
+
+
Lorem ipsum dolor
+
Morbi mattis mi consectetur tortor elementum, varius pellentesque velit convallis. Aenean tincidunt lectus auctor mauris maximus, ac scelerisque ipsum tempor. Duis vulputate ex et ex tincidunt, quis lacinia velit aliquet. Duis non efficitur nisi, id malesuada justo. Maecenas sagittis felis ac sagittis semper. Curabitur purus leo, tempus sed finibus eget, fringilla quis risus. Maecenas et lorem quis sem varius sagittis et a est. Maecenas iaculis iaculis sem. Donec vel dolor at arcu tincidunt bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ut aliquet justo. Donec id neque ipsum. Integer eget ultricies odio. Nam vel ex a orci fringilla tincidunt. Aliquam eleifend ligula non velit accumsan cursus. Etiam ut gravida sapien.
+
+
Vestibulum ultrices risus velit, sit amet blandit massa auctor sit amet. Sed eu lectus sem. Phasellus in odio at ipsum porttitor mollis id vel diam. Praesent sit amet posuere risus, eu faucibus lectus. Vivamus ex ligula, tempus pulvinar ipsum in, auctor porta quam. Proin nec dui cursus, posuere dui eget interdum. Fusce lectus magna, sagittis at facilisis vitae, pellentesque at etiam. Quisque posuere leo quis sem commodo, vel scelerisque nisi scelerisque. Suspendisse id quam vel tortor tincidunt suscipit. Nullam auctor orci eu dolor consectetur, interdum ullamcorper ante tincidunt. Mauris felis nec felis elementum varius.
-
-
-
-
- Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur sapien risus, commodo eget turpis at, elementum convallis enim turpis, lorem ipsum dolor sit amet nullam.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus. Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum.
-
+
-
+ Feugiat aliquam
+ Nam sapien ante, varius in pulvinar vitae, rhoncus id massa. Donec varius ex in mauris ornare, eget euismod urna egestas. Etiam lacinia tempor ipsum, sodales porttitor justo. Aliquam dolor quam, semper in tortor eu, volutpat efficitur quam. Fusce nec fermentum nisl. Aenean erat diam, tempus aliquet erat.
+
+ Etiam iaculis nulla ipsum, et pharetra libero rhoncus ut. Phasellus rutrum cursus velit, eget condimentum nunc blandit vel. In at pulvinar lectus. Morbi diam ante, vulputate et imperdiet eget, fermentum non dolor. Ut eleifend sagittis tincidunt. Sed viverra commodo mi, ac rhoncus justo. Duis neque ligula, elementum ut enim vel, posuere finibus justo. Vivamus facilisis maximus nibh quis pulvinar. Quisque hendrerit in ipsum id tellus facilisis fermentum. Proin mauris dui, at vestibulum sit amet, auctor bibendum neque.
+
+
+
+
-
-
-
diff --git a/images/banner.jpg b/images/banner.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d5423e2815229e160bf5569c32ee248d3ede2057
GIT binary patch
literal 53439
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
Oem8I5_1^c@zyA-Yl+D`!
literal 0
HcmV?d00001
diff --git a/images/pic01.jpg b/images/pic01.jpg
index b8c5e1e54c7a8de0f8f413a7ff98ed5fabc40581..a14ad04e975ad1c108fcb7c1f762f2a0bfd26519 100644
GIT binary patch
literal 11352
zcmbVS4RBM}mA>yi=}DI5AH_B(F(eO>0o4SM9U-s_5{2n%8VzQvVtV7>vR~}F~#I(e;jtE$##bQ
z&b{x+W}E5mtaz559+J*?zVn@P?>+b38Nc&e=C9kc^GU`Yd#sGP+05h4$IMr|d&kpz
znZz8pY%q4`w@O!gUtf3C^5wgFm$kHZZEst)qpNfIo|f+A<;z0L+3H93bhqqyx~)&!
z-uCsKyVeB$?Vo-Y&~~=22|T`{G1S;y)7HMTVP8+%hJEXrckFw5M`df^k+s_DJym-;
zyF1(ZTC_c#9lLs~_N)o;AFskWU0xp0_(%GlUK23LsBsJvW@
zM3$9@S41M^4`~&l@`~jl9Fe8v;i?sps*07G^$5UPPwSIa>uc*RTX?r7U^(^dv(GMj
z_Tgn+Jzrm5URha5zfn=K6rWhyyLVS#%bumXdKcQiP}|nKqi1J#-_EXG8vSC+_O9K1
zYXU$jTY|Q@f7qZpaNq+H9_x7!Cn}P9#pYCnm+ugQ&eOqtW?w%cO`1nHm%i!+M
z8=?;aP1RR=b|NS(9kpFMc6YYz>U*qqO#uJ1taWE=Rk$|taCv38I&9RgtP7WyS5{P4
zRWt5;hLHi;Yhs^uB{G-?e9Le
ztGBOZ*N!&Z?oQaXzFYZczgtz))7H}0)zjS7)nO|j+TPXI)!W|Ht<`LZXu-#K?rQCN
zw)aaE9^q|mThGpC+FI*-x;iz^Z`IB(vcFe{;68uEKpZ8*FtysDzQyk=De
zC<$2KZTZ`c0_~b{KDk$!EEs%vuz9ki(s|kF9o#xOx6<|4SXJ*>)u;9|PCgy`
zvbaJg(g%N+e?I-p@0A~f9^VzK`jo#<{y@7mRyCbJxbf%nwPo@R=U?O=@up7IRk`%3
zNV0up>i+m!?6!G3csu7U_LkhGFV~M|7TIs;RK^?YdaihTTgg0f{Pw%~&ygc<2uIAD
zu|T?a)E5iDk3?5s5nNe3wsP=(r7(K{u-qW8Ne=U2Km=MT=6t_HqO&UlWL1efSjCylfDmNVKKM$Q1^;tb)n
z-1-8i;O=t_pUj(jAa_g4<>axf4+si*l5U(V+UvMxtkw5Qlci(Hu``nehfBvE(7p~g
z%HRh4IR}68{|51yzgW9f=~}m!j&1f~ol`Ib{@*JnLyvEZQ9$NvRr*#}L*n}BBXfgg
z(dJZNNvdyCrYbLW&D^IVBub`0UtayX9e|^jJBY=sQxPutc3GDW$Cb?5WoLgskl#n>
z>&%1F9Qh%~W(o*b7^!P@a<4j_2X`I_{D~vEuO@Di7eZ)ImJpZqEL`X#ea){lZ@uH%
zR@Z0VlDbJ(zsogG)itM1=~IYCB!1;<##vXYtD!)EIwhnv3-&BwiBsUG|6UBA;YY!@
z&QuO10G;BnhiMWJxgE4qfCR-OkWGxEnY-LW
zy3iM|zVaR60;E(#QZkQ93xIqA9SYs65p4vm*LP(8SCR$)^YF?c~hG*_nZ6lebSUGH8<5b)wIuX
zExr;bML03HWlz6JSB#Z^@4Uq?uZ^!Y@tvZn(#+a#ym>LWh)_G~2ss-qGDAgB4Fr_p
z1xlTEz5No3)Z@HNc_-^^@_7_E^BjNgAkHT_+gmN};>5n=*IZ%q%aosERdnGfZDtmn#Ge;{%gytJH
zP`Q5D*Z`f^i5KXeMhNI0UCovY{tyL!z6x;9J2V8#zi(w(<+Li;78=l^|bym))bV7{|)e9cmgJQ*l`Uo(l%o>YvdV#^rGX
z;@EH)Lm6IBDseKFJ6OWuo|D!CXan9#-6c|#4i-m2rz(=^lsH(Pht&sX7xPm*32kO`
zk%CrI&KkwC)r7M6)9_d!OZ$O0!m$Ew2h~AQ(2;|#v3nr`l~?sLQbRu%1&2v|a+n?{
zqKx?5>eNHUj$)V2ONEk}P>i!psjzDDy3Nsu%AE6-Co2F^J1j?l*Ct=6AWy>g2g38-
z*!eu7?>EfxJTp`(jpE2xVh^C`fzTSktfc`Iz8iH7fnjHZ2RH$Y;}mZNmr~SS*evIz
zq9|$;OWGq8`k|K`A1XSM2U+CIX4O>lwZWMJVdtIr1TqZ{R+;as9HMGwo*eIx%yc?b
z>fl7CSLK=ArR;h{O0U(g)5!9MqTLJ5h83;MC<#0dXs77y4AK!*PL)Zfp|=6vZb~B>
zG}L5!o;385Q6*={bhBNyqaDm3|
z`t&LnXq526uFvyr#&eloLFfh!*EOgDokSc;W-5TE5yyImJ2YQ?uhckOs<)rP&*O)K
z?-jM@8j(b2@fMyLlqmyty68(C6FFy_@#jn()wci*V9}RQ9&}><+0N(Hw3bef6BH#j
zPrYCRQq1mr=|a9t2saUo7o^RvrJK!GsH}vg1HttR%({SYT~Y!~1PL^q(7_ZL8sK(|
z+J`cYsiQ_Db+nGZCOW0|MVZE-*E4exoqGFX{_$hrR)SdZM$POy+BVo$oo5;xjbe@y
zH-*>daWtH%0eT+u4CYINb+LI(>m@T*81<{}xMu$yH6j8I
zC?FV7{0TVb*`oGESL!&zrBdn`iQT+X4}Oq2s;Rnu`1)6?oocinXsj?HdM*dzM$sZr
zHD-4S5mlHNmYvnA)~v-2_}zt_N-8}T8K4Zb)Z>`Sh2fbts6CSeF#y%MK0*k%mSYyC`jDp;!K@;YxK}
zcDU!saQ^@o#wE^-W0iwm9o1fkS9a8}q^{}7vSR5s;F6?JuM8
zG%QMmaaCSW+@ChgsZe1H<%u}5*+SOeJA6jpK|7GvW}lvqUh%~iiDIiawW-{B5=VPA2OT~%?%
z3fo^Zz73l#{tZKsq{Jv+;Mc>ZJLP0@Qi0Fj
zyu=|N6?lGp(jM|UbEDfX+f8ArJRfQhwUucfSTKs-dd!Q{?oS?j+m#8RnBqazN2^~o-mD*2%-xBS;d%O}m
z5il7Biy503DU{fn@>Duh47&+4ZjPvuyny&-NyF`HIOKKItDx8y$KwdSP;v{qq;A+<
zA;wF%>V)$H$D|RDO#FHn8#0X}?htFyVdbtvqG?KpYtQMJ-y?epVHhsE3(KAl9QH<2
z%`we5pb@)6Av_LwK{2auvMf`PBg@=4l{@gxjuo@BGGh-$p&7sK`@ZYMkZ
zh#@?p3~vO#&=-u>NKr~HB(O6OmR~c>k@VQ169_F?M^$CeJ&al1)Qm9$V;7ozW^l~OV8|Wcc)(pTQXBKUkz{F41SkTrh@euz}jg;h6IUrcEfJ{NSSsdSXG*h}U(^Q+8fZjVa?l1h26D(nIS
zsc8mKh#wBGqts~|&f4KRvgUDCWW@{8cK;tA-5>-EdYfgB?7-wwwv;a87Z)J)=%+*V
zbP`hCSPRFPKUIh)jL9)>{~}TaILNYh2}Ra2NqU06R_1Uq-K8+98?MVIPMe81l1Or5
z*u$KgtL_C`c;hbaJgvVR90692S{f^!kjgHpZfO);r2TvxwNi-JBaT2M&;N!%8Cbik
z;zMfLtTou?kwCbz#JoJEw)?AOOe%fdj7&d^S|^%6AX_6z!EVz7(5Tm0=|*9d-&)BUF4r
z2S0K6PjE7DqBw{dYDNGAA<8q$n~1go45@&Z8T7
z>%?BU@?~Nnt;(=sv?RlIN94d9g~=Eo1S-pNA|>cTDck-MiAjLIJ4AOEgnUIx69yB^
zsq%^KG(?cH$(ywxfG>5QwIXYOdF%_P^iSe9zz-)pN+kI8djrNDH|KnaoB2}0wa8BkCndO
zoVeFsuE7UBzBszH5N{iz@mYdCoF2<%u@?mz9xSSDyxB3Hm!Md2Ra*MAK*d%${2+#}
zp3@sQ`#lR4dfePzb=t$hEaP1CX#bJfwstplt2mHJXF~#iqVq;U%5p5f^cH=P5_ibR_Ml!Oxe|2I%e;c3%
zJO>7~a~(;17y!kjDNHso3U>SbP|Yx(c44-aH#ExUdbCKxT=I{b!4q1)KLM0LE^o4m
zj^(fu%?8oPq5_0o5?WrRV=n*?;wCz{kPrn>nk<^c=|+0~3RHy)wVz3oDyci+6^TF7
z=u3Bqu@teShm^VqKzz}NIj+??h$R2xcU7XDjy`HX^-@I_6^!w&pJ=X;%vZUv351?u
z-ef)RDf1l(Y0`C=u*}83#v8`o!fnP%oN{o5gcnJP(p`*UgenE;k;M*Sv(tL8O$2O$
zi6s`TCdGmylAPwaXp@C=W#d8*m2gpTt-_EmBYM2~YMk%4Hc2SuVBG*;PHbmMd!yTG
z8^tLu8K95X&FFUR5{)saq`Z>F5Im2OL7jBAA+CUdGb2aI)9r
zGkpn&A1n5o$sr<)Z)3{WX;Vk04H5y7`t~!l@%nD^)^90M7O5YA}a^-vXUt3vVuV^k&L24dr|-
z6j2~TNDy?2N{6gXlALaIWEy?pqNwLo>bnWM
z@5j4t9PJdf{rZ|l@*JPj4k5M*>1AK+1HotD<-?rUO4l~y-9g%DggCKRDo*aw=Ns1I
zg3rb7uSM`_l#uCG21NYr7x99;7B@HaTkvee_MT{mFnL`qnb=_GD@PQ2k-7wx<8=(cDd-5@})`JDpmV%CnSEed-AC6+`SH4PWY
zTu~hz*ET{2G3XSuF1mm}>^)n!0}m0~d^?(O0&Vt~aC5-uZd0>6ia!pVHZN%7l2h#X
zycoOs1y_>m1_^ThtM;84bn?*{uAEPvquwp<;k{5{G?X3OJ^n)NAqoI=p4JaB=sD
z@vFgSCg+P2{1=^YP4j|*oqs+;5Yer?0Q1Qlc5#UZ9b5*&2=@Ff{A-Vjit)hD
zN}j;oE{O%ynJb#tJM6vDY6Yu9G2`GP0OBvI?TgkuA4lo#6#+Z{
z8TldHXEaA4oT-}zZq{*C0r`jd&j9Mp_DYaE?-R$CB^*6@Ac*H>1jLIh{0iOdq)ZL{
z!`;Flh5T4ZBaFr2l#8_|2#Zzs`56#p8?;OuWSWu?#01q9X#R5S!d~+XvdregQ1$db?(d(
zVEP4T+|mXo`W&<|i*frFDY`2MGqXwT{bPc-*;?=OxjI(JuS#M7rs`3Pa*@4XNI90E
z`?!Fb_$8pvDSxZq#I0+|<2vqOyPf|;)7H;ZH{N%x9jTlk;CK<_yU#Xnp+ZP5@FHk$
zY<>Q{Esx)&6Apiut#LZZN(fcF0ojRLaxi;CV`KzvKUz$%7AM0UgqcRExz2F~)r=Rk
z%ZVVg>l1Ro?PwN4<#+>bwR=K2UVRRC+yOraPI4iaGEjY45V^W2H8Av44t^7(x;)_c
I>pQ>xZ@0j$_y7O^
literal 60917
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