2894 lines
76 KiB
CSS
2894 lines
76 KiB
CSS
@charset "UTF-8";
|
||
|
||
/*!
|
||
* animate.css -http://daneden.me/animate
|
||
* Version - 3.6.1
|
||
* Licensed under the MIT license - http://opensource.org/licenses/MIT
|
||
*
|
||
* Copyright (c) 2018 Daniel Eden
|
||
*/
|
||
|
||
.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}
|
||
/* BASICS */
|
||
|
||
.CodeMirror {
|
||
/* Set height, width, borders, and global font properties here */
|
||
font-family: monospace;
|
||
height: 300px;
|
||
color: black;
|
||
direction: ltr;
|
||
}
|
||
|
||
/* PADDING */
|
||
|
||
.CodeMirror-lines {
|
||
padding: 4px 0; /* Vertical padding around content */
|
||
}
|
||
.CodeMirror pre {
|
||
padding: 0 4px; /* Horizontal padding of content */
|
||
}
|
||
|
||
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||
background-color: white; /* The little square between H and V scrollbars */
|
||
}
|
||
|
||
/* GUTTER */
|
||
|
||
.CodeMirror-gutters {
|
||
border-right: 1px solid #ddd;
|
||
background-color: #f7f7f7;
|
||
white-space: nowrap;
|
||
}
|
||
.CodeMirror-linenumbers {}
|
||
.CodeMirror-linenumber {
|
||
padding: 0 3px 0 5px;
|
||
min-width: 20px;
|
||
text-align: right;
|
||
color: #999;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.CodeMirror-guttermarker { color: black; }
|
||
.CodeMirror-guttermarker-subtle { color: #999; }
|
||
|
||
/* CURSOR */
|
||
|
||
.CodeMirror-cursor {
|
||
border-left: 1px solid black;
|
||
border-right: none;
|
||
width: 0;
|
||
}
|
||
/* Shown when moving in bi-directional text */
|
||
.CodeMirror div.CodeMirror-secondarycursor {
|
||
border-left: 1px solid silver;
|
||
}
|
||
.cm-fat-cursor .CodeMirror-cursor {
|
||
width: auto;
|
||
border: 0 !important;
|
||
background: #7e7;
|
||
}
|
||
.cm-fat-cursor div.CodeMirror-cursors {
|
||
z-index: 1;
|
||
}
|
||
.cm-fat-cursor-mark {
|
||
background-color: rgba(20, 255, 20, 0.5);
|
||
-webkit-animation: blink 1.06s steps(1) infinite;
|
||
-moz-animation: blink 1.06s steps(1) infinite;
|
||
animation: blink 1.06s steps(1) infinite;
|
||
}
|
||
.cm-animate-fat-cursor {
|
||
width: auto;
|
||
border: 0;
|
||
-webkit-animation: blink 1.06s steps(1) infinite;
|
||
-moz-animation: blink 1.06s steps(1) infinite;
|
||
animation: blink 1.06s steps(1) infinite;
|
||
background-color: #7e7;
|
||
}
|
||
@-moz-keyframes blink {
|
||
0% {}
|
||
50% { background-color: transparent; }
|
||
100% {}
|
||
}
|
||
@-webkit-keyframes blink {
|
||
0% {}
|
||
50% { background-color: transparent; }
|
||
100% {}
|
||
}
|
||
@keyframes blink {
|
||
0% {}
|
||
50% { background-color: transparent; }
|
||
100% {}
|
||
}
|
||
|
||
/* Can style cursor different in overwrite (non-insert) mode */
|
||
.CodeMirror-overwrite .CodeMirror-cursor {}
|
||
|
||
.cm-tab { display: inline-block; text-decoration: inherit; }
|
||
|
||
.CodeMirror-rulers {
|
||
position: absolute;
|
||
left: 0; right: 0; top: -50px; bottom: -20px;
|
||
overflow: hidden;
|
||
}
|
||
.CodeMirror-ruler {
|
||
border-left: 1px solid #ccc;
|
||
top: 0; bottom: 0;
|
||
position: absolute;
|
||
}
|
||
|
||
/* DEFAULT THEME */
|
||
|
||
.cm-s-default .cm-header {color: blue;}
|
||
.cm-s-default .cm-quote {color: #090;}
|
||
.cm-negative {color: #d44;}
|
||
.cm-positive {color: #292;}
|
||
.cm-header, .cm-strong {font-weight: bold;}
|
||
.cm-em {font-style: italic;}
|
||
.cm-link {text-decoration: underline;}
|
||
.cm-strikethrough {text-decoration: line-through;}
|
||
|
||
.cm-s-default .cm-keyword {color: #708;}
|
||
.cm-s-default .cm-atom {color: #219;}
|
||
.cm-s-default .cm-number {color: #164;}
|
||
.cm-s-default .cm-def {color: #00f;}
|
||
.cm-s-default .cm-variable,
|
||
.cm-s-default .cm-punctuation,
|
||
.cm-s-default .cm-property,
|
||
.cm-s-default .cm-operator {}
|
||
.cm-s-default .cm-variable-2 {color: #05a;}
|
||
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
|
||
.cm-s-default .cm-comment {color: #a50;}
|
||
.cm-s-default .cm-string {color: #a11;}
|
||
.cm-s-default .cm-string-2 {color: #f50;}
|
||
.cm-s-default .cm-meta {color: #555;}
|
||
.cm-s-default .cm-qualifier {color: #555;}
|
||
.cm-s-default .cm-builtin {color: #30a;}
|
||
.cm-s-default .cm-bracket {color: #997;}
|
||
.cm-s-default .cm-tag {color: #170;}
|
||
.cm-s-default .cm-attribute {color: #00c;}
|
||
.cm-s-default .cm-hr {color: #999;}
|
||
.cm-s-default .cm-link {color: #00c;}
|
||
|
||
.cm-s-default .cm-error {color: #f00;}
|
||
.cm-invalidchar {color: #f00;}
|
||
|
||
.CodeMirror-composing { border-bottom: 2px solid; }
|
||
|
||
/* Default styles for common addons */
|
||
|
||
div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
|
||
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
|
||
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
|
||
.CodeMirror-activeline-background {background: #e8f2ff;}
|
||
|
||
/* STOP */
|
||
|
||
/* The rest of this file contains styles related to the mechanics of
|
||
the editor. You probably shouldn't touch them. */
|
||
|
||
.CodeMirror {
|
||
position: relative;
|
||
overflow: hidden;
|
||
background: white;
|
||
}
|
||
|
||
.CodeMirror-scroll {
|
||
overflow: scroll !important; /* Things will break if this is overridden */
|
||
/* 30px is the magic margin used to hide the element's real scrollbars */
|
||
/* See overflow: hidden in .CodeMirror */
|
||
margin-bottom: -30px; margin-right: -30px;
|
||
padding-bottom: 30px;
|
||
height: 100%;
|
||
outline: none; /* Prevent dragging from highlighting the element */
|
||
position: relative;
|
||
}
|
||
.CodeMirror-sizer {
|
||
position: relative;
|
||
border-right: 30px solid transparent;
|
||
}
|
||
|
||
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
||
before actual scrolling happens, thus preventing shaking and
|
||
flickering artifacts. */
|
||
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||
position: absolute;
|
||
z-index: 6;
|
||
display: none;
|
||
}
|
||
.CodeMirror-vscrollbar {
|
||
right: 0; top: 0;
|
||
overflow-x: hidden;
|
||
overflow-y: scroll;
|
||
}
|
||
.CodeMirror-hscrollbar {
|
||
bottom: 0; left: 0;
|
||
overflow-y: hidden;
|
||
overflow-x: scroll;
|
||
}
|
||
.CodeMirror-scrollbar-filler {
|
||
right: 0; bottom: 0;
|
||
}
|
||
.CodeMirror-gutter-filler {
|
||
left: 0; bottom: 0;
|
||
}
|
||
|
||
.CodeMirror-gutters {
|
||
position: absolute; left: 0; top: 0;
|
||
min-height: 100%;
|
||
z-index: 3;
|
||
}
|
||
.CodeMirror-gutter {
|
||
white-space: normal;
|
||
height: 100%;
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
margin-bottom: -30px;
|
||
}
|
||
.CodeMirror-gutter-wrapper {
|
||
position: absolute;
|
||
z-index: 4;
|
||
background: none !important;
|
||
border: none !important;
|
||
}
|
||
.CodeMirror-gutter-background {
|
||
position: absolute;
|
||
top: 0; bottom: 0;
|
||
z-index: 4;
|
||
}
|
||
.CodeMirror-gutter-elt {
|
||
position: absolute;
|
||
cursor: default;
|
||
z-index: 4;
|
||
}
|
||
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
|
||
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
|
||
|
||
.CodeMirror-lines {
|
||
cursor: text;
|
||
min-height: 1px; /* prevents collapsing before first draw */
|
||
}
|
||
.CodeMirror pre {
|
||
/* Reset some styles that the rest of the page might have set */
|
||
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
|
||
border-width: 0;
|
||
background: transparent;
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
margin: 0;
|
||
white-space: pre;
|
||
word-wrap: normal;
|
||
line-height: inherit;
|
||
color: inherit;
|
||
z-index: 2;
|
||
position: relative;
|
||
overflow: visible;
|
||
-webkit-tap-highlight-color: transparent;
|
||
-webkit-font-variant-ligatures: contextual;
|
||
font-variant-ligatures: contextual;
|
||
}
|
||
.CodeMirror-wrap pre {
|
||
word-wrap: break-word;
|
||
white-space: pre-wrap;
|
||
word-break: normal;
|
||
}
|
||
|
||
.CodeMirror-linebackground {
|
||
position: absolute;
|
||
left: 0; right: 0; top: 0; bottom: 0;
|
||
z-index: 0;
|
||
}
|
||
|
||
.CodeMirror-linewidget {
|
||
position: relative;
|
||
z-index: 2;
|
||
padding: 0.1px; /* Force widget margins to stay inside of the container */
|
||
}
|
||
|
||
.CodeMirror-widget {}
|
||
|
||
.CodeMirror-rtl pre { direction: rtl; }
|
||
|
||
.CodeMirror-code {
|
||
outline: none;
|
||
}
|
||
|
||
/* Force content-box sizing for the elements where we expect it */
|
||
.CodeMirror-scroll,
|
||
.CodeMirror-sizer,
|
||
.CodeMirror-gutter,
|
||
.CodeMirror-gutters,
|
||
.CodeMirror-linenumber {
|
||
-moz-box-sizing: content-box;
|
||
box-sizing: content-box;
|
||
}
|
||
|
||
.CodeMirror-measure {
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 0;
|
||
overflow: hidden;
|
||
visibility: hidden;
|
||
}
|
||
|
||
.CodeMirror-cursor {
|
||
position: absolute;
|
||
pointer-events: none;
|
||
}
|
||
.CodeMirror-measure pre { position: static; }
|
||
|
||
div.CodeMirror-cursors {
|
||
visibility: hidden;
|
||
position: relative;
|
||
z-index: 3;
|
||
}
|
||
div.CodeMirror-dragcursors {
|
||
visibility: visible;
|
||
}
|
||
|
||
.CodeMirror-focused div.CodeMirror-cursors {
|
||
visibility: visible;
|
||
}
|
||
|
||
.CodeMirror-selected { background: #d9d9d9; }
|
||
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
|
||
.CodeMirror-crosshair { cursor: crosshair; }
|
||
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
|
||
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
|
||
|
||
.cm-searching {
|
||
background-color: #ffa;
|
||
background-color: rgba(255, 255, 0, .4);
|
||
}
|
||
|
||
/* Used to force a border model for a node */
|
||
.cm-force-border { padding-right: .1px; }
|
||
|
||
@media print {
|
||
/* Hide the cursor when printing */
|
||
.CodeMirror div.CodeMirror-cursors {
|
||
visibility: hidden;
|
||
}
|
||
}
|
||
|
||
/* See issue #2901 */
|
||
.cm-tab-wrap-hack:after { content: ''; }
|
||
|
||
/* Help users use markselection to safely style text background */
|
||
span.CodeMirror-selectedtext { background: none; }
|
||
@charset "UTF-8";/*!
|
||
* animate.css -http://daneden.me/animate
|
||
* Version - 3.6.1
|
||
* Licensed under the MIT license - http://opensource.org/licenses/MIT
|
||
*
|
||
* Copyright (c) 2018 Daniel Eden
|
||
*/.CodeMirror pre{-webkit-border-radius:0;font-family:inherit;font-size:inherit;word-wrap:normal;line-height:inherit;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;-webkit-border-radius:0;font-family:inherit;font-size:inherit;word-wrap:normal;line-height:inherit;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;-webkit-border-radius:0;font-family:inherit;font-size:inherit;word-wrap:normal;line-height:inherit;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}/*!
|
||
* animate.css -http://daneden.me/animate
|
||
* Version - 3.6.1
|
||
* Licensed under the MIT license - http://opensource.org/licenses/MIT
|
||
*
|
||
* Copyright (c) 2018 Daniel Eden
|
||
*//*!
|
||
* animate.css -http://daneden.me/animate
|
||
* Version - 3.6.1
|
||
* Licensed under the MIT license - http://opensource.org/licenses/MIT
|
||
*
|
||
* Copyright (c) 2018 Daniel Eden
|
||
*//*!
|
||
* animate.css -http://daneden.me/animate
|
||
* Version - 3.6.1
|
||
* Licensed under the MIT license - http://opensource.org/licenses/MIT
|
||
*
|
||
* Copyright (c) 2018 Daniel Eden
|
||
*/.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}@keyframes pulse{0%,to{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}}.pulse{animation-name:pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:1.06s steps(1) infinite blink;-moz-animation:1.06s steps(1) infinite blink;animation:1.06s steps(1) infinite blink}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:1.06s steps(1) infinite blink;-moz-animation:1.06s steps(1) infinite blink;animation:1.06s steps(1) infinite blink;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{padding:0 4px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}/*!
|
||
Ionicons, v4.1.0
|
||
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
|
||
https://twitter.com/benjsperry https://twitter.com/ionicframework
|
||
MIT License: https://github.com/driftyco/ionicons
|
||
|
||
Android-style icons originally built by Google’s
|
||
Material Design Icons: https://github.com/google/material-design-icons
|
||
used under CC BY http://creativecommons.org/licenses/by/4.0/
|
||
Modified icons to fit ionicon’s grid from original.
|
||
*/@font-face{font-family:Ionicons;src:url(ionicons.7ea6beda.eot);src:url(ionicons.7ea6beda.eot) format("embedded-opentype"),url(ionicons.e9599233.woff) format("woff"),url(ionicons.8e595e5d.ttf) format("truetype"),url(ionicons.5c32eb05.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:LatoWebLight;src:url(Lato-Light.3acc152e.eot);src:url(Lato-Light.3acc152e.eot?#iefix) format('embedded-opentype'),url(Lato-Light.0cf75d24.woff2) format('woff2'),url(Lato-Light.c00f9bd1.woff) format('woff'),url(Lato-Light.14471854.ttf) format('truetype');font-style:normal;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:LatoWebLight;src:url(Lato-LightItalic.cace5c53.eot);src:url(Lato-LightItalic.cace5c53.eot?#iefix) format('embedded-opentype'),url(Lato-LightItalic.b3fd8a03.woff2) format('woff2'),url(Lato-LightItalic.e57e9f3b.woff) format('woff'),url(Lato-LightItalic.f94aeb72.ttf) format('truetype');font-style:italic;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}/*! normalize.css v3.0.2 | MIT License | git.io/normalize *//*!
|
||
Ionicons, v4.1.0
|
||
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
|
||
https://twitter.com/benjsperry https://twitter.com/ionicframework
|
||
MIT License: https://github.com/driftyco/ionicons
|
||
|
||
Android-style icons originally built by Google’s
|
||
Material Design Icons: https://github.com/google/material-design-icons
|
||
used under CC BY http://creativecommons.org/licenses/by/4.0/
|
||
Modified icons to fit ionicon’s grid from original.
|
||
*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */@media only screen and (max-width:480px){.col{margin:0}.span-1-of-2,.span-2-of-2{width:100%}}/*!
|
||
Ionicons, v4.1.0
|
||
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
|
||
https://twitter.com/benjsperry https://twitter.com/ionicframework
|
||
MIT License: https://github.com/driftyco/ionicons
|
||
|
||
Android-style icons originally built by Google’s
|
||
Material Design Icons: https://github.com/google/material-design-icons
|
||
used under CC BY http://creativecommons.org/licenses/by/4.0/
|
||
Modified icons to fit ionicon’s grid from original.
|
||
*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */.section{clear:both;padding:0;margin:0}.row{zoom:1}.row:after,.row:before{content:"";display:table}.row:after{clear:both}.col{display:block;float:left;margin:1% 0 1% 1.6%}.col:first-child{margin-left:0}.span-2-of-2{width:100%}.span-1-of-2{width:49.2%}@media only screen and (max-width:480px){.col{margin:0}.span-1-of-2,.span-2-of-2{width:100%}}.span-3-of-3{width:100%}.span-2-of-3{width:66.13%}.span-1-of-3{width:32.26%}@media only screen and (max-width:480px){.span-1-of-3,.span-2-of-3,.span-3-of-3{width:100%}}.span-4-of-4{width:100%}.span-3-of-4{width:74.6%}.span-2-of-4{width:49.2%}.span-1-of-4{width:23.8%}@media only screen and (max-width:480px){.span-1-of-4,.span-2-of-4,.span-3-of-4,.span-4-of-4{width:100%}}.span-5-of-5{width:100%}.span-4-of-5{width:79.68%}.span-3-of-5{width:59.36%}.span-2-of-5{width:39.04%}.span-1-of-5{width:18.72%}@media only screen and (max-width:480px){.span-1-of-5,.span-2-of-5,.span-3-of-5,.span-4-of-5,.span-5-of-5{width:100%}}.span-6-of-6{width:100%}.span-5-of-6{width:83.06%}.span-4-of-6{width:66.13%}.span-3-of-6{width:49.2%}.span-2-of-6{width:32.26%}.span-1-of-6{width:15.33%}@media only screen and (max-width:480px){.span-1-of-6,.span-2-of-6,.span-3-of-6,.span-4-of-6,.span-5-of-6,.span-6-of-6{width:100%}}.span-7-of-7{width:100%}.span-6-of-7{width:85.48%}.span-5-of-7{width:70.97%}.span-4-of-7{width:56.45%}.span-3-of-7{width:41.94%}.span-2-of-7{width:27.42%}.span-1-of-7{width:12.91%}@media only screen and (max-width:480px){.span-1-of-7,.span-2-of-7,.span-3-of-7,.span-4-of-7,.span-5-of-7,.span-6-of-7,.span-7-of-7{width:100%}}.span-8-of-8{width:100%}.span-7-of-8{width:87.3%}.span-6-of-8{width:74.6%}.span-5-of-8{width:61.9%}.span-4-of-8{width:49.2%}.span-3-of-8{width:36.5%}.span-2-of-8{width:23.8%}.span-1-of-8{width:11.1%}@media only screen and (max-width:480px){.span-1-of-8,.span-2-of-8,.span-3-of-8,.span-4-of-8,.span-5-of-8,.span-6-of-8,.span-7-of-8,.span-8-of-8{width:100%}}.span-9-of-9{width:100%}.span-8-of-9{width:88.71%}.span-7-of-9{width:77.42%}.span-6-of-9{width:66.13%}.span-5-of-9{width:54.84%}.span-4-of-9{width:43.55%}.span-3-of-9{width:32.26%}.span-2-of-9{width:20.97%}.span-1-of-9{width:9.68%}@media only screen and (max-width:480px){.span-1-of-9,.span-2-of-9,.span-3-of-9,.span-4-of-9,.span-5-of-9,.span-6-of-9,.span-7-of-9,.span-8-of-9,.span-9-of-9{width:100%}}.span-10-of-10{width:100%}.span-9-of-10{width:89.84%}.span-8-of-10{width:79.68%}.span-7-of-10{width:69.52%}.span-6-of-10{width:59.36%}.span-5-of-10{width:49.2%}.span-4-of-10{width:39.04%}.span-3-of-10{width:28.88%}.span-2-of-10{width:18.72%}.span-1-of-10{width:8.56%}@media only screen and (max-width:480px){.span-1-of-10,.span-10-of-10,.span-2-of-10,.span-3-of-10,.span-4-of-10,.span-5-of-10,.span-6-of-10,.span-7-of-10,.span-8-of-10,.span-9-of-10{width:100%}}.span-11-of-11{width:100%}.span-10-of-11{width:90.76%}.span-9-of-11{width:81.52%}.span-8-of-11{width:72.29%}.span-7-of-11{width:63.05%}.span-6-of-11{width:53.81%}.span-5-of-11{width:44.58%}.span-4-of-11{width:35.34%}.span-3-of-11{width:26.1%}.span-2-of-11{width:16.87%}.span-1-of-11{width:7.63%}@media only screen and (max-width:480px){.span-1-of-11,.span-10-of-11,.span-11-of-11,.span-2-of-11,.span-3-of-11,.span-4-of-11,.span-5-of-11,.span-6-of-11,.span-7-of-11,.span-8-of-11,.span-9-of-11{width:100%}}.span-12-of-12{width:100%}.span-11-of-12{width:91.53%}.span-10-of-12{width:83.06%}.span-9-of-12{width:74.6%}.span-8-of-12{width:66.13%}.span-7-of-12{width:57.66%}.span-6-of-12{width:49.2%}.span-5-of-12{width:40.73%}.span-4-of-12{width:32.26%}.span-3-of-12{width:23.8%}.span-2-of-12{width:15.33%}.span-1-of-12{width:6.86%}@media only screen and (max-width:480px){.span-1-of-12,.span-10-of-12,.span-11-of-12,.span-12-of-12,.span-2-of-12,.span-3-of-12,.span-4-of-12,.span-5-of-12,.span-6-of-12,.span-7-of-12,.span-8-of-12,.span-9-of-12{width:100%}}/*!
|
||
Ionicons, v4.1.0
|
||
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
|
||
https://twitter.com/benjsperry https://twitter.com/ionicframework
|
||
MIT License: https://github.com/driftyco/ionicons
|
||
|
||
Android-style icons originally built by Google’s
|
||
Material Design Icons: https://github.com/google/material-design-icons
|
||
used under CC BY http://creativecommons.org/licenses/by/4.0/
|
||
Modified icons to fit ionicon’s grid from original.
|
||
*/.ion,.ion-android-done:before,.ion-android-download:before,.ion-close-round:before,.ion-ios-arrow-down:before,.ion-ios-arrow-right:before,.ion-ios-bolt-outline:before,.ion-ios-briefcase-outline:before,.ion-ios-color-wand-outline:before,.ion-ios-monitor-outline:before,.ion-navicon-round:before,.ion-pound:before,.ion-social-apple:before,.ion-social-github:before,.ion-social-reddit:before,.ion-social-tux:before,.ion-social-windows:before,.ionicons{display:inline-block;font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-social-apple:before{content:"\f227"}.ion-social-tux:before{content:"\f2c5"}.ion-android-download:before{content:"\f2dd"}.ion-android-done:before{content:"\f383"}.ion-social-windows:before{content:"\f247"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-close-round:before{content:"\f129"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-social-github:before{content:"\f233"}.ion-social-reddit:before{content:"\f23b"}.ion-pound:before{content:"\f219"}.ion-navicon-round:before{content:"\f20d"}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.cm-s-shadowfox.CodeMirror{background:#2a2a2e;color:#b1b1b3}.cm-s-shadowfox div.CodeMirror-selected{background:#353b48}.cm-s-shadowfox .CodeMirror-line::selection,.cm-s-shadowfox .CodeMirror-line>span::selection,.cm-s-shadowfox .CodeMirror-line>span>span::selection{background:#353b48}.cm-s-shadowfox .CodeMirror-line::-moz-selection,.cm-s-shadowfox .CodeMirror-line>span::-moz-selection,.cm-s-shadowfox .CodeMirror-line>span>span::-moz-selection{background:#353b48}.cm-s-shadowfox .CodeMirror-gutters{background:#0c0c0d;border-right:1px solid #0c0c0d}.cm-s-shadowfox .CodeMirror-guttermarker{color:#555}.cm-s-shadowfox .CodeMirror-linenumber{color:#939393}.cm-s-shadowfox .CodeMirror-cursor{border-left:1px solid #fff}.cm-s-shadowfox span.cm-comment{color:#939393}.cm-s-shadowfox span.cm-atom,.cm-s-shadowfox span.cm-attribute,.cm-s-shadowfox span.cm-builtin,.cm-s-shadowfox span.cm-error,.cm-s-shadowfox span.cm-keyword,.cm-s-shadowfox span.cm-quote{color:#ff7de9}.cm-s-shadowfox span.cm-number,.cm-s-shadowfox span.cm-string,.cm-s-shadowfox span.cm-string-2{color:#6b89ff}.cm-s-shadowfox span.cm-hr,.cm-s-shadowfox span.cm-meta{color:#939393}.cm-s-shadowfox span.cm-header,.cm-s-shadowfox span.cm-qualifier,.cm-s-shadowfox span.cm-variable-2{color:#75bfff}.cm-s-shadowfox span.cm-property{color:#86de74}.cm-s-shadowfox span.cm-bracket,.cm-s-shadowfox span.cm-def,.cm-s-shadowfox span.cm-link:visited,.cm-s-shadowfox span.cm-tag{color:#75bfff}.cm-s-shadowfox span.cm-variable{color:#b98eff}.cm-s-shadowfox span.cm-variable-3{color:#d7d7db}.cm-s-shadowfox span.cm-link{color:#737373}.cm-s-shadowfox span.cm-operator{color:#b1b1b3}.cm-s-shadowfox span.cm-special{color:#d7d7db}.cm-s-shadowfox .CodeMirror-activeline-background{background:rgba(185,215,253,.15)}.cm-s-shadowfox .CodeMirror-matchingbracket{outline:rgba(255,255,255,.25) solid 1px;color:#fff!important}
|
||
/* SECTIONS ============================================================================= */
|
||
|
||
.section {
|
||
clear: both;
|
||
padding: 0px;
|
||
margin: 0px;
|
||
}
|
||
|
||
/* GROUPING ============================================================================= */
|
||
|
||
.row {
|
||
zoom: 1; /* For IE 6/7 (trigger hasLayout) */
|
||
}
|
||
|
||
.row:before,
|
||
.row:after {
|
||
content:"";
|
||
display:table;
|
||
}
|
||
.row:after {
|
||
clear:both;
|
||
}
|
||
|
||
/* GRID COLUMN SETUP ==================================================================== */
|
||
|
||
.col {
|
||
display: block;
|
||
float:left;
|
||
margin: 1% 0 1% 1.6%;
|
||
}
|
||
|
||
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
|
||
|
||
|
||
/* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
|
||
|
||
@media only screen and (max-width: 480px) {
|
||
.col {
|
||
/*margin: 1% 0 1% 0%;*/
|
||
margin: 0;
|
||
}
|
||
}
|
||
|
||
|
||
/* GRID OF TWO ============================================================================= */
|
||
|
||
|
||
.span-2-of-2 {
|
||
width: 100%;
|
||
}
|
||
|
||
.span-1-of-2 {
|
||
width: 49.2%;
|
||
}
|
||
|
||
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
|
||
|
||
@media only screen and (max-width: 480px) {
|
||
.span-2-of-2 {
|
||
width: 100%;
|
||
}
|
||
.span-1-of-2 {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
|
||
/* GRID OF THREE ============================================================================= */
|
||
|
||
|
||
.span-3-of-3 {
|
||
width: 100%;
|
||
}
|
||
|
||
.span-2-of-3 {
|
||
width: 66.13%;
|
||
}
|
||
|
||
.span-1-of-3 {
|
||
width: 32.26%;
|
||
}
|
||
|
||
|
||
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
|
||
|
||
@media only screen and (max-width: 480px) {
|
||
.span-3-of-3 {
|
||
width: 100%;
|
||
}
|
||
.span-2-of-3 {
|
||
width: 100%;
|
||
}
|
||
.span-1-of-3 {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
/* GRID OF FOUR ============================================================================= */
|
||
|
||
|
||
.span-4-of-4 {
|
||
width: 100%;
|
||
}
|
||
|
||
.span-3-of-4 {
|
||
width: 74.6%;
|
||
}
|
||
|
||
.span-2-of-4 {
|
||
width: 49.2%;
|
||
}
|
||
|
||
.span-1-of-4 {
|
||
width: 23.8%;
|
||
}
|
||
|
||
|
||
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
|
||
|
||
@media only screen and (max-width: 480px) {
|
||
.span-4-of-4 {
|
||
width: 100%;
|
||
}
|
||
.span-3-of-4 {
|
||
width: 100%;
|
||
}
|
||
.span-2-of-4 {
|
||
width: 100%;
|
||
}
|
||
.span-1-of-4 {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
|
||
/* GRID OF FIVE ============================================================================= */
|
||
|
||
|
||
.span-5-of-5 {
|
||
width: 100%;
|
||
}
|
||
|
||
.span-4-of-5 {
|
||
width: 79.68%;
|
||
}
|
||
|
||
.span-3-of-5 {
|
||
width: 59.36%;
|
||
}
|
||
|
||
.span-2-of-5 {
|
||
width: 39.04%;
|
||
}
|
||
|
||
.span-1-of-5 {
|
||
width: 18.72%;
|
||
}
|
||
|
||
|
||
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
|
||
|
||
@media only screen and (max-width: 480px) {
|
||
.span-5-of-5 {
|
||
width: 100%;
|
||
}
|
||
.span-4-of-5 {
|
||
width: 100%;
|
||
}
|
||
.span-3-of-5 {
|
||
width: 100%;
|
||
}
|
||
.span-2-of-5 {
|
||
width: 100%;
|
||
}
|
||
.span-1-of-5 {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
|
||
/* GRID OF SIX ============================================================================= */
|
||
|
||
|
||
.span-6-of-6 {
|
||
width: 100%;
|
||
}
|
||
|
||
.span-5-of-6 {
|
||
width: 83.06%;
|
||
}
|
||
|
||
.span-4-of-6 {
|
||
width: 66.13%;
|
||
}
|
||
|
||
.span-3-of-6 {
|
||
width: 49.2%;
|
||
}
|
||
|
||
.span-2-of-6 {
|
||
width: 32.26%;
|
||
}
|
||
|
||
.span-1-of-6 {
|
||
width: 15.33%;
|
||
}
|
||
|
||
|
||
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
|
||
|
||
@media only screen and (max-width: 480px) {
|
||
.span-6-of-6 {
|
||
width: 100%;
|
||
}
|
||
.span-5-of-6 {
|
||
width: 100%;
|
||
}
|
||
.span-4-of-6 {
|
||
width: 100%;
|
||
}
|
||
.span-3-of-6 {
|
||
width: 100%;
|
||
}
|
||
.span-2-of-6 {
|
||
width: 100%;
|
||
}
|
||
.span-1-of-6 {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
|
||
|
||
/* GRID OF SEVEN ============================================================================= */
|
||
|
||
|
||
.span-7-of-7 {
|
||
width: 100%;
|
||
}
|
||
|
||
.span-6-of-7 {
|
||
width: 85.48%;
|
||
}
|
||
|
||
.span-5-of-7 {
|
||
width: 70.97%;
|
||
}
|
||
|
||
.span-4-of-7 {
|
||
width: 56.45%;
|
||
}
|
||
|
||
.span-3-of-7 {
|
||
width: 41.94%;
|
||
}
|
||
|
||
.span-2-of-7 {
|
||
width: 27.42%;
|
||
}
|
||
|
||
.span-1-of-7 {
|
||
width: 12.91%;
|
||
}
|
||
|
||
|
||
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
|
||
|
||
@media only screen and (max-width: 480px) {
|
||
.span-7-of-7 {
|
||
width: 100%;
|
||
}
|
||
.span-6-of-7 {
|
||
width: 100%;
|
||
}
|
||
.span-5-of-7 {
|
||
width: 100%;
|
||
}
|
||
.span-4-of-7 {
|
||
width: 100%;
|
||
}
|
||
.span-3-of-7 {
|
||
width: 100%;
|
||
}
|
||
.span-2-of-7 {
|
||
width: 100%;
|
||
}
|
||
.span-1-of-7 {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
|
||
/* GRID OF EIGHT ============================================================================= */
|
||
|
||
|
||
.span-8-of-8 {
|
||
width: 100%;
|
||
}
|
||
|
||
.span-7-of-8 {
|
||
width: 87.3%;
|
||
}
|
||
|
||
.span-6-of-8 {
|
||
width: 74.6%;
|
||
}
|
||
|
||
.span-5-of-8 {
|
||
width: 61.9%;
|
||
}
|
||
|
||
.span-4-of-8 {
|
||
width: 49.2%;
|
||
}
|
||
|
||
.span-3-of-8 {
|
||
width: 36.5%;
|
||
}
|
||
|
||
.span-2-of-8 {
|
||
width: 23.8%;
|
||
}
|
||
|
||
.span-1-of-8 {
|
||
width: 11.1%;
|
||
}
|
||
|
||
|
||
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
|
||
|
||
@media only screen and (max-width: 480px) {
|
||
.span-8-of-8 {
|
||
width: 100%;
|
||
}
|
||
.span-7-of-8 {
|
||
width: 100%;
|
||
}
|
||
.span-6-of-8 {
|
||
width: 100%;
|
||
}
|
||
.span-5-of-8 {
|
||
width: 100%;
|
||
}
|
||
.span-4-of-8 {
|
||
width: 100%;
|
||
}
|
||
.span-3-of-8 {
|
||
width: 100%;
|
||
}
|
||
.span-2-of-8 {
|
||
width: 100%;
|
||
}
|
||
.span-1-of-8 {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
|
||
/* GRID OF NINE ============================================================================= */
|
||
|
||
|
||
.span-9-of-9 {
|
||
width: 100%;
|
||
}
|
||
|
||
.span-8-of-9 {
|
||
width: 88.71%;
|
||
}
|
||
|
||
.span-7-of-9 {
|
||
width: 77.42%;
|
||
}
|
||
|
||
.span-6-of-9 {
|
||
width: 66.13%;
|
||
}
|
||
|
||
.span-5-of-9 {
|
||
width: 54.84%;
|
||
}
|
||
|
||
.span-4-of-9 {
|
||
width: 43.55%;
|
||
}
|
||
|
||
.span-3-of-9 {
|
||
width: 32.26%;
|
||
}
|
||
|
||
.span-2-of-9 {
|
||
width: 20.97%;
|
||
}
|
||
|
||
.span-1-of-9 {
|
||
width: 9.68%;
|
||
}
|
||
|
||
|
||
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
|
||
|
||
@media only screen and (max-width: 480px) {
|
||
.span-9-of-9 {
|
||
width: 100%;
|
||
}
|
||
.span-8-of-9 {
|
||
width: 100%;
|
||
}
|
||
.span-7-of-9 {
|
||
width: 100%;
|
||
}
|
||
.span-6-of-9 {
|
||
width: 100%;
|
||
}
|
||
.span-5-of-9 {
|
||
width: 100%;
|
||
}
|
||
.span-4-of-9 {
|
||
width: 100%;
|
||
}
|
||
.span-3-of-9 {
|
||
width: 100%;
|
||
}
|
||
.span-2-of-9 {
|
||
width: 100%;
|
||
}
|
||
.span-1-of-9 {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
|
||
/* GRID OF TEN ============================================================================= */
|
||
|
||
|
||
.span-10-of-10 {
|
||
width: 100%;
|
||
}
|
||
|
||
.span-9-of-10 {
|
||
width: 89.84%;
|
||
}
|
||
|
||
.span-8-of-10 {
|
||
width: 79.68%;
|
||
}
|
||
|
||
.span-7-of-10 {
|
||
width: 69.52%;
|
||
}
|
||
|
||
.span-6-of-10 {
|
||
width: 59.36%;
|
||
}
|
||
|
||
.span-5-of-10 {
|
||
width: 49.2%;
|
||
}
|
||
|
||
.span-4-of-10 {
|
||
width: 39.04%;
|
||
}
|
||
|
||
.span-3-of-10 {
|
||
width: 28.88%;
|
||
}
|
||
|
||
.span-2-of-10 {
|
||
width: 18.72%;
|
||
}
|
||
|
||
.span-1-of-10 {
|
||
width: 8.56%;
|
||
}
|
||
|
||
|
||
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
|
||
|
||
@media only screen and (max-width: 480px) {
|
||
.span-10-of-10 {
|
||
width: 100%;
|
||
}
|
||
.span-9-of-10 {
|
||
width: 100%;
|
||
}
|
||
.span-8-of-10 {
|
||
width: 100%;
|
||
}
|
||
.span-7-of-10 {
|
||
width: 100%;
|
||
}
|
||
.span-6-of-10 {
|
||
width: 100%;
|
||
}
|
||
.span-5-of-10 {
|
||
width: 100%;
|
||
}
|
||
.span-4-of-10 {
|
||
width: 100%;
|
||
}
|
||
.span-3-of-10 {
|
||
width: 100%;
|
||
}
|
||
.span-2-of-10 {
|
||
width: 100%;
|
||
}
|
||
.span-1-of-10 {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
|
||
/* GRID OF ELEVEN ============================================================================= */
|
||
|
||
.span-11-of-11 {
|
||
width: 100%;
|
||
}
|
||
|
||
.span-10-of-11 {
|
||
width: 90.76%;
|
||
}
|
||
|
||
.span-9-of-11 {
|
||
width: 81.52%;
|
||
}
|
||
|
||
.span-8-of-11 {
|
||
width: 72.29%;
|
||
}
|
||
|
||
.span-7-of-11 {
|
||
width: 63.05%;
|
||
}
|
||
|
||
.span-6-of-11 {
|
||
width: 53.81%;
|
||
}
|
||
|
||
.span-5-of-11 {
|
||
width: 44.58%;
|
||
}
|
||
|
||
.span-4-of-11 {
|
||
width: 35.34%;
|
||
}
|
||
|
||
.span-3-of-11 {
|
||
width: 26.1%;
|
||
}
|
||
|
||
.span-2-of-11 {
|
||
width: 16.87%;
|
||
}
|
||
|
||
.span-1-of-11 {
|
||
width: 7.63%;
|
||
}
|
||
|
||
|
||
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
|
||
|
||
@media only screen and (max-width: 480px) {
|
||
.span-11-of-11 {
|
||
width: 100%;
|
||
}
|
||
.span-10-of-11 {
|
||
width: 100%;
|
||
}
|
||
.span-9-of-11 {
|
||
width: 100%;
|
||
}
|
||
.span-8-of-11 {
|
||
width: 100%;
|
||
}
|
||
.span-7-of-11 {
|
||
width: 100%;
|
||
}
|
||
.span-6-of-11 {
|
||
width: 100%;
|
||
}
|
||
.span-5-of-11 {
|
||
width: 100%;
|
||
}
|
||
.span-4-of-11 {
|
||
width: 100%;
|
||
}
|
||
.span-3-of-11 {
|
||
width: 100%;
|
||
}
|
||
.span-2-of-11 {
|
||
width: 100%;
|
||
}
|
||
.span-1-of-11 {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
|
||
/* GRID OF TWELVE ============================================================================= */
|
||
|
||
.span-12-of-12 {
|
||
width: 100%;
|
||
}
|
||
|
||
.span-11-of-12 {
|
||
width: 91.53%;
|
||
}
|
||
|
||
.span-10-of-12 {
|
||
width: 83.06%;
|
||
}
|
||
|
||
.span-9-of-12 {
|
||
width: 74.6%;
|
||
}
|
||
|
||
.span-8-of-12 {
|
||
width: 66.13%;
|
||
}
|
||
|
||
.span-7-of-12 {
|
||
width: 57.66%;
|
||
}
|
||
|
||
.span-6-of-12 {
|
||
width: 49.2%;
|
||
}
|
||
|
||
.span-5-of-12 {
|
||
width: 40.73%;
|
||
}
|
||
|
||
.span-4-of-12 {
|
||
width: 32.26%;
|
||
}
|
||
|
||
.span-3-of-12 {
|
||
width: 23.8%;
|
||
}
|
||
|
||
.span-2-of-12 {
|
||
width: 15.33%;
|
||
}
|
||
|
||
.span-1-of-12 {
|
||
width: 6.86%;
|
||
}
|
||
|
||
|
||
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
|
||
|
||
@media only screen and (max-width: 480px) {
|
||
.span-12-of-12 {
|
||
width: 100%;
|
||
}
|
||
.span-11-of-12 {
|
||
width: 100%;
|
||
}
|
||
.span-10-of-12 {
|
||
width: 100%;
|
||
}
|
||
.span-9-of-12 {
|
||
width: 100%;
|
||
}
|
||
.span-8-of-12 {
|
||
width: 100%;
|
||
}
|
||
.span-7-of-12 {
|
||
width: 100%;
|
||
}
|
||
.span-6-of-12 {
|
||
width: 100%;
|
||
}
|
||
.span-5-of-12 {
|
||
width: 100%;
|
||
}
|
||
.span-4-of-12 {
|
||
width: 100%;
|
||
}
|
||
.span-3-of-12 {
|
||
width: 100%;
|
||
}
|
||
.span-2-of-12 {
|
||
width: 100%;
|
||
}
|
||
.span-1-of-12 {
|
||
width: 100%;
|
||
}
|
||
}@charset "UTF-8";
|
||
/*!
|
||
Ionicons, v4.1.0
|
||
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
|
||
https://twitter.com/benjsperry https://twitter.com/ionicframework
|
||
MIT License: https://github.com/driftyco/ionicons
|
||
|
||
Android-style icons originally built by Google’s
|
||
Material Design Icons: https://github.com/google/material-design-icons
|
||
used under CC BY http://creativecommons.org/licenses/by/4.0/
|
||
Modified icons to fit ionicon’s grid from original.
|
||
*/
|
||
@font-face {
|
||
font-family: "Ionicons";
|
||
src: url("ionicons.7ea6beda.eot");
|
||
src: url("ionicons.7ea6beda.eot") format("embedded-opentype"), url("ionicons.e9599233.woff") format("woff"), url("ionicons.8e595e5d.ttf") format("truetype"), url("ionicons.5c32eb05.svg") format("svg");
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
font-display: block;
|
||
}
|
||
.ion, .ionicons,
|
||
.ion-ios-bolt-outline:before,
|
||
.ion-ios-monitor-outline:before,
|
||
.ion-ios-briefcase-outline:before,
|
||
.ion-ios-color-wand-outline:before,
|
||
.ion-social-apple:before,
|
||
.ion-social-tux:before,
|
||
.ion-android-download:before,
|
||
.ion-android-done:before,
|
||
.ion-social-windows:before,
|
||
.ion-ios-arrow-right:before,
|
||
.ion-close-round:before,
|
||
.ion-ios-arrow-down:before,
|
||
.ion-social-github:before,
|
||
.ion-social-reddit:before,
|
||
.ion-pound:before,
|
||
.ion-navicon-round:before {
|
||
display: inline-block;
|
||
font-family: "Ionicons";
|
||
speak: none;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-variant: normal;
|
||
text-transform: none;
|
||
text-rendering: auto;
|
||
line-height: 1;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
}
|
||
|
||
|
||
.ion-ios-bolt-outline:before{content:"\f3e5"}
|
||
.ion-ios-monitor-outline:before{content:"\f465"}
|
||
.ion-ios-briefcase-outline:before{content:"\f3ed"}
|
||
.ion-ios-color-wand-outline:before{content:"\f415"}
|
||
.ion-social-apple:before{content:"\f227"}
|
||
.ion-social-tux:before{content:"\f2c5"}
|
||
.ion-android-download:before{content:"\f2dd"}
|
||
.ion-android-done:before{content:"\f383"}
|
||
.ion-social-windows:before{content:"\f247"}
|
||
.ion-ios-arrow-right:before{content:"\f3d3"}
|
||
.ion-close-round:before{content:"\f129"}
|
||
.ion-ios-arrow-down:before{content:"\f3d0"}
|
||
.ion-social-github:before{content:"\f233"}
|
||
.ion-social-reddit:before{content:"\f23b"}
|
||
.ion-pound:before{content:"\f219"}
|
||
.ion-navicon-round:before{content:"\f20d"}
|
||
/* Webfont: Lato-Light */@font-face {
|
||
font-family: 'LatoWebLight';
|
||
src: url('Lato-Light.3acc152e.eot'); /* IE9 Compat Modes */
|
||
src: url('Lato-Light.3acc152e.eot?#iefix') format('embedded-opentype'),
|
||
url('Lato-Light.0cf75d24.woff2') format('woff2'),
|
||
url('Lato-Light.c00f9bd1.woff') format('woff'),
|
||
url('Lato-Light.14471854.ttf') format('truetype');
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
text-rendering: optimizeLegibility;
|
||
font-display: swap;
|
||
}
|
||
|
||
/* Webfont: Lato-LightItalic */@font-face {
|
||
font-family: 'LatoWebLight';
|
||
src: url('Lato-LightItalic.cace5c53.eot'); /* IE9 Compat Modes */
|
||
src: url('Lato-LightItalic.cace5c53.eot?#iefix') format('embedded-opentype'),
|
||
url('Lato-LightItalic.b3fd8a03.woff2') format('woff2'),
|
||
url('Lato-LightItalic.e57e9f3b.woff') format('woff'),
|
||
url('Lato-LightItalic.f94aeb72.ttf') format('truetype');
|
||
font-style: italic;
|
||
font-weight: normal;
|
||
text-rendering: optimizeLegibility;
|
||
font-display: swap;
|
||
}
|
||
/* Magnific Popup CSS */
|
||
.mfp-bg {
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: 1042;
|
||
overflow: hidden;
|
||
position: fixed;
|
||
background: #0b0b0b;
|
||
opacity: 0.8; }
|
||
|
||
.mfp-wrap {
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: 1043;
|
||
position: fixed;
|
||
outline: none !important;
|
||
-webkit-backface-visibility: hidden; }
|
||
|
||
.mfp-container {
|
||
text-align: center;
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 100%;
|
||
left: 0;
|
||
top: 0;
|
||
padding: 0 8px;
|
||
box-sizing: border-box; }
|
||
|
||
.mfp-container:before {
|
||
content: '';
|
||
display: inline-block;
|
||
height: 100%;
|
||
vertical-align: middle; }
|
||
|
||
.mfp-align-top .mfp-container:before {
|
||
display: none; }
|
||
|
||
.mfp-content {
|
||
position: relative;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
margin: 0 auto;
|
||
text-align: left;
|
||
z-index: 1045; }
|
||
|
||
.mfp-inline-holder .mfp-content,
|
||
.mfp-ajax-holder .mfp-content {
|
||
width: 100%;
|
||
cursor: auto; }
|
||
|
||
.mfp-ajax-cur {
|
||
cursor: progress; }
|
||
|
||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||
cursor: -moz-zoom-out;
|
||
cursor: -webkit-zoom-out;
|
||
cursor: zoom-out; }
|
||
|
||
.mfp-zoom {
|
||
cursor: pointer;
|
||
cursor: -webkit-zoom-in;
|
||
cursor: -moz-zoom-in;
|
||
cursor: zoom-in; }
|
||
|
||
.mfp-auto-cursor .mfp-content {
|
||
cursor: auto; }
|
||
|
||
.mfp-close,
|
||
.mfp-arrow,
|
||
.mfp-preloader,
|
||
.mfp-counter {
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
user-select: none; }
|
||
|
||
.mfp-loading.mfp-figure {
|
||
display: none; }
|
||
|
||
.mfp-hide {
|
||
display: none !important; }
|
||
|
||
.mfp-preloader {
|
||
color: #CCC;
|
||
position: absolute;
|
||
top: 50%;
|
||
width: auto;
|
||
text-align: center;
|
||
margin-top: -0.8em;
|
||
left: 8px;
|
||
right: 8px;
|
||
z-index: 1044; }
|
||
.mfp-preloader a {
|
||
color: #CCC; }
|
||
.mfp-preloader a:hover {
|
||
color: #FFF; }
|
||
|
||
.mfp-s-ready .mfp-preloader {
|
||
display: none; }
|
||
|
||
.mfp-s-error .mfp-content {
|
||
display: none; }
|
||
|
||
button.mfp-close,
|
||
button.mfp-arrow {
|
||
overflow: visible;
|
||
cursor: pointer;
|
||
background: transparent;
|
||
border: 0;
|
||
-webkit-appearance: none;
|
||
display: block;
|
||
outline: none;
|
||
padding: 0;
|
||
z-index: 1046;
|
||
box-shadow: none;
|
||
touch-action: manipulation; }
|
||
|
||
button::-moz-focus-inner {
|
||
padding: 0;
|
||
border: 0; }
|
||
|
||
.mfp-close {
|
||
width: 44px;
|
||
height: 44px;
|
||
line-height: 44px;
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
text-decoration: none;
|
||
text-align: center;
|
||
opacity: 0.65;
|
||
padding: 0 0 18px 10px;
|
||
color: #FFF;
|
||
font-style: normal;
|
||
font-size: 28px;
|
||
font-family: Arial, Baskerville, monospace; }
|
||
.mfp-close:hover,
|
||
.mfp-close:focus {
|
||
opacity: 1; }
|
||
.mfp-close:active {
|
||
top: 1px; }
|
||
|
||
.mfp-close-btn-in .mfp-close {
|
||
color: #333; }
|
||
|
||
.mfp-image-holder .mfp-close,
|
||
.mfp-iframe-holder .mfp-close {
|
||
color: #FFF;
|
||
right: -6px;
|
||
text-align: right;
|
||
padding-right: 6px;
|
||
width: 100%; }
|
||
|
||
.mfp-counter {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
color: #CCC;
|
||
font-size: 12px;
|
||
line-height: 18px;
|
||
white-space: nowrap; }
|
||
|
||
.mfp-arrow {
|
||
position: absolute;
|
||
opacity: 0.65;
|
||
margin: 0;
|
||
top: 50%;
|
||
margin-top: -55px;
|
||
padding: 0;
|
||
width: 90px;
|
||
height: 110px;
|
||
-webkit-tap-highlight-color: transparent; }
|
||
.mfp-arrow:active {
|
||
margin-top: -54px; }
|
||
.mfp-arrow:hover,
|
||
.mfp-arrow:focus {
|
||
opacity: 1; }
|
||
.mfp-arrow:before,
|
||
.mfp-arrow:after {
|
||
content: '';
|
||
display: block;
|
||
width: 0;
|
||
height: 0;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
margin-top: 35px;
|
||
margin-left: 35px;
|
||
border: medium inset transparent; }
|
||
.mfp-arrow:after {
|
||
border-top-width: 13px;
|
||
border-bottom-width: 13px;
|
||
top: 8px; }
|
||
.mfp-arrow:before {
|
||
border-top-width: 21px;
|
||
border-bottom-width: 21px;
|
||
opacity: 0.7; }
|
||
|
||
.mfp-arrow-left {
|
||
left: 0; }
|
||
.mfp-arrow-left:after {
|
||
border-right: 17px solid #FFF;
|
||
margin-left: 31px; }
|
||
.mfp-arrow-left:before {
|
||
margin-left: 25px;
|
||
border-right: 27px solid #3F3F3F; }
|
||
|
||
.mfp-arrow-right {
|
||
right: 0; }
|
||
.mfp-arrow-right:after {
|
||
border-left: 17px solid #FFF;
|
||
margin-left: 39px; }
|
||
.mfp-arrow-right:before {
|
||
border-left: 27px solid #3F3F3F; }
|
||
|
||
.mfp-iframe-holder {
|
||
padding-top: 40px;
|
||
padding-bottom: 40px; }
|
||
.mfp-iframe-holder .mfp-content {
|
||
line-height: 0;
|
||
width: 100%;
|
||
max-width: 900px; }
|
||
.mfp-iframe-holder .mfp-close {
|
||
top: -40px; }
|
||
|
||
.mfp-iframe-scaler {
|
||
width: 100%;
|
||
height: 0;
|
||
overflow: hidden;
|
||
padding-top: 56.25%; }
|
||
.mfp-iframe-scaler iframe {
|
||
position: absolute;
|
||
display: block;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||
background: #000; }
|
||
|
||
/* Main image in popup */
|
||
img.mfp-img {
|
||
width: auto;
|
||
max-width: 100%;
|
||
height: auto;
|
||
display: block;
|
||
line-height: 0;
|
||
box-sizing: border-box;
|
||
padding: 40px 0 40px;
|
||
margin: 0 auto; }
|
||
|
||
/* The shadow behind the image */
|
||
.mfp-figure {
|
||
line-height: 0; }
|
||
.mfp-figure:after {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 40px;
|
||
bottom: 40px;
|
||
display: block;
|
||
right: 0;
|
||
width: auto;
|
||
height: auto;
|
||
z-index: -1;
|
||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||
background: #444; }
|
||
.mfp-figure small {
|
||
color: #BDBDBD;
|
||
display: block;
|
||
font-size: 12px;
|
||
line-height: 14px; }
|
||
.mfp-figure figure {
|
||
margin: 0; }
|
||
|
||
.mfp-bottom-bar {
|
||
margin-top: -36px;
|
||
position: absolute;
|
||
top: 100%;
|
||
left: 0;
|
||
width: 100%;
|
||
cursor: auto; }
|
||
|
||
.mfp-title {
|
||
text-align: left;
|
||
line-height: 18px;
|
||
color: #F3F3F3;
|
||
word-wrap: break-word;
|
||
padding-right: 36px; }
|
||
|
||
.mfp-image-holder .mfp-content {
|
||
max-width: 100%; }
|
||
|
||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||
cursor: pointer; }
|
||
|
||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
||
/**
|
||
* Remove all paddings around the image on small screen
|
||
*/
|
||
.mfp-img-mobile .mfp-image-holder {
|
||
padding-left: 0;
|
||
padding-right: 0; }
|
||
.mfp-img-mobile img.mfp-img {
|
||
padding: 0; }
|
||
.mfp-img-mobile .mfp-figure:after {
|
||
top: 0;
|
||
bottom: 0; }
|
||
.mfp-img-mobile .mfp-figure small {
|
||
display: inline;
|
||
margin-left: 5px; }
|
||
.mfp-img-mobile .mfp-bottom-bar {
|
||
background: rgba(0, 0, 0, 0.6);
|
||
bottom: 0;
|
||
margin: 0;
|
||
top: auto;
|
||
padding: 3px 5px;
|
||
position: fixed;
|
||
box-sizing: border-box; }
|
||
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||
padding: 0; }
|
||
.mfp-img-mobile .mfp-counter {
|
||
right: 5px;
|
||
top: 3px; }
|
||
.mfp-img-mobile .mfp-close {
|
||
top: 0;
|
||
right: 0;
|
||
width: 35px;
|
||
height: 35px;
|
||
line-height: 35px;
|
||
background: rgba(0, 0, 0, 0.6);
|
||
position: fixed;
|
||
text-align: center;
|
||
padding: 0; } }
|
||
|
||
@media all and (max-width: 900px) {
|
||
.mfp-arrow {
|
||
-webkit-transform: scale(0.75);
|
||
transform: scale(0.75); }
|
||
.mfp-arrow-left {
|
||
-webkit-transform-origin: 0;
|
||
transform-origin: 0; }
|
||
.mfp-arrow-right {
|
||
-webkit-transform-origin: 100%;
|
||
transform-origin: 100%; }
|
||
.mfp-container {
|
||
padding-left: 6px;
|
||
padding-right: 6px; } }
|
||
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
|
||
|
||
/**
|
||
* 1. Set default font family to sans-serif.
|
||
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
||
* user zoom.
|
||
*/
|
||
|
||
html {
|
||
font-family: sans-serif; /* 1 */
|
||
-ms-text-size-adjust: 100%; /* 2 */
|
||
-webkit-text-size-adjust: 100%; /* 2 */
|
||
}
|
||
|
||
/**
|
||
* Remove default margin.
|
||
*/
|
||
|
||
body {
|
||
margin: 0;
|
||
}
|
||
|
||
/* HTML5 display definitions
|
||
========================================================================== */
|
||
|
||
/**
|
||
* Correct `block` display not defined for any HTML5 element in IE 8/9.
|
||
* Correct `block` display not defined for `details` or `summary` in IE 10/11
|
||
* and Firefox.
|
||
* Correct `block` display not defined for `main` in IE 11.
|
||
*/
|
||
|
||
article,
|
||
aside,
|
||
details,
|
||
figcaption,
|
||
figure,
|
||
footer,
|
||
header,
|
||
hgroup,
|
||
main,
|
||
menu,
|
||
nav,
|
||
section,
|
||
summary {
|
||
display: block;
|
||
}
|
||
|
||
/**
|
||
* 1. Correct `inline-block` display not defined in IE 8/9.
|
||
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
|
||
*/
|
||
|
||
audio,
|
||
canvas,
|
||
progress,
|
||
video {
|
||
display: inline-block; /* 1 */
|
||
vertical-align: baseline; /* 2 */
|
||
}
|
||
|
||
/**
|
||
* Prevent modern browsers from displaying `audio` without controls.
|
||
* Remove excess height in iOS 5 devices.
|
||
*/
|
||
|
||
audio:not([controls]) {
|
||
display: none;
|
||
height: 0;
|
||
}
|
||
|
||
/**
|
||
* Address `[hidden]` styling not present in IE 8/9/10.
|
||
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
|
||
*/
|
||
|
||
[hidden],
|
||
template {
|
||
display: none;
|
||
}
|
||
|
||
/* Links
|
||
========================================================================== */
|
||
|
||
/**
|
||
* Remove the gray background color from active links in IE 10.
|
||
*/
|
||
|
||
a {
|
||
background-color: transparent;
|
||
}
|
||
|
||
/**
|
||
* Improve readability when focused and also mouse hovered in all browsers.
|
||
*/
|
||
|
||
a:active,
|
||
a:hover {
|
||
outline: 0;
|
||
}
|
||
|
||
/* Text-level semantics
|
||
========================================================================== */
|
||
|
||
/**
|
||
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
|
||
*/
|
||
|
||
abbr[title] {
|
||
border-bottom: 1px dotted;
|
||
}
|
||
|
||
/**
|
||
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
|
||
*/
|
||
|
||
b,
|
||
strong {
|
||
font-weight: bold;
|
||
}
|
||
|
||
/**
|
||
* Address styling not present in Safari and Chrome.
|
||
*/
|
||
|
||
dfn {
|
||
font-style: italic;
|
||
}
|
||
|
||
/**
|
||
* Address variable `h1` font-size and margin within `section` and `article`
|
||
* contexts in Firefox 4+, Safari, and Chrome.
|
||
*/
|
||
|
||
h1 {
|
||
font-size: 2em;
|
||
margin: 0.67em 0;
|
||
}
|
||
|
||
/**
|
||
* Address styling not present in IE 8/9.
|
||
*/
|
||
|
||
mark {
|
||
background: #ff0;
|
||
color: #000;
|
||
}
|
||
|
||
/**
|
||
* Address inconsistent and variable font size in all browsers.
|
||
*/
|
||
|
||
small {
|
||
font-size: 80%;
|
||
}
|
||
|
||
/**
|
||
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
||
*/
|
||
|
||
sub,
|
||
sup {
|
||
font-size: 75%;
|
||
line-height: 0;
|
||
position: relative;
|
||
vertical-align: baseline;
|
||
}
|
||
|
||
sup {
|
||
top: -0.5em;
|
||
}
|
||
|
||
sub {
|
||
bottom: -0.25em;
|
||
}
|
||
|
||
/* Embedded content
|
||
========================================================================== */
|
||
|
||
/**
|
||
* Remove border when inside `a` element in IE 8/9/10.
|
||
*/
|
||
|
||
img {
|
||
border: 0;
|
||
}
|
||
|
||
/**
|
||
* Correct overflow not hidden in IE 9/10/11.
|
||
*/
|
||
|
||
svg:not(:root) {
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* Grouping content
|
||
========================================================================== */
|
||
|
||
/**
|
||
* Address margin not present in IE 8/9 and Safari.
|
||
*/
|
||
|
||
figure {
|
||
margin: 1em 40px;
|
||
}
|
||
|
||
/**
|
||
* Address differences between Firefox and other browsers.
|
||
*/
|
||
|
||
hr {
|
||
-moz-box-sizing: content-box;
|
||
box-sizing: content-box;
|
||
height: 0;
|
||
}
|
||
|
||
/**
|
||
* Contain overflow in all browsers.
|
||
*/
|
||
|
||
pre {
|
||
overflow: auto;
|
||
}
|
||
|
||
/**
|
||
* Address odd `em`-unit font size rendering in all browsers.
|
||
*/
|
||
|
||
code,
|
||
kbd,
|
||
pre,
|
||
samp {
|
||
font-family: monospace, monospace;
|
||
font-size: 1em;
|
||
}
|
||
|
||
/* Forms
|
||
========================================================================== */
|
||
|
||
/**
|
||
* Known limitation: by default, Chrome and Safari on OS X allow very limited
|
||
* styling of `select`, unless a `border` property is set.
|
||
*/
|
||
|
||
/**
|
||
* 1. Correct color not being inherited.
|
||
* Known issue: affects color of disabled elements.
|
||
* 2. Correct font properties not being inherited.
|
||
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
|
||
*/
|
||
|
||
button,
|
||
input,
|
||
optgroup,
|
||
select,
|
||
textarea {
|
||
color: inherit; /* 1 */
|
||
font: inherit; /* 2 */
|
||
margin: 0; /* 3 */
|
||
}
|
||
|
||
/**
|
||
* Address `overflow` set to `hidden` in IE 8/9/10/11.
|
||
*/
|
||
|
||
button {
|
||
overflow: visible;
|
||
}
|
||
|
||
/**
|
||
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||
* All other form control elements do not inherit `text-transform` values.
|
||
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
|
||
* Correct `select` style inheritance in Firefox.
|
||
*/
|
||
|
||
button,
|
||
select {
|
||
text-transform: none;
|
||
}
|
||
|
||
/**
|
||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||
* and `video` controls.
|
||
* 2. Correct inability to style clickable `input` types in iOS.
|
||
* 3. Improve usability and consistency of cursor style between image-type
|
||
* `input` and others.
|
||
*/
|
||
|
||
button,
|
||
html input[type="button"], /* 1 */
|
||
input[type="reset"],
|
||
input[type="submit"] {
|
||
-webkit-appearance: button; /* 2 */
|
||
cursor: pointer; /* 3 */
|
||
}
|
||
|
||
/**
|
||
* Re-set default cursor for disabled elements.
|
||
*/
|
||
|
||
button[disabled],
|
||
html input[disabled] {
|
||
cursor: default;
|
||
}
|
||
|
||
/**
|
||
* Remove inner padding and border in Firefox 4+.
|
||
*/
|
||
|
||
button::-moz-focus-inner,
|
||
input::-moz-focus-inner {
|
||
border: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
/**
|
||
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
||
* the UA stylesheet.
|
||
*/
|
||
|
||
input {
|
||
line-height: normal;
|
||
}
|
||
|
||
/**
|
||
* It's recommended that you don't attempt to style these elements.
|
||
* Firefox's implementation doesn't respect box-sizing, padding, or width.
|
||
*
|
||
* 1. Address box sizing set to `content-box` in IE 8/9/10.
|
||
* 2. Remove excess padding in IE 8/9/10.
|
||
*/
|
||
|
||
input[type="checkbox"],
|
||
input[type="radio"] {
|
||
box-sizing: border-box; /* 1 */
|
||
padding: 0; /* 2 */
|
||
}
|
||
|
||
/**
|
||
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
|
||
* `font-size` values of the `input`, it causes the cursor style of the
|
||
* decrement button to change from `default` to `text`.
|
||
*/
|
||
|
||
input[type="number"]::-webkit-inner-spin-button,
|
||
input[type="number"]::-webkit-outer-spin-button {
|
||
height: auto;
|
||
}
|
||
|
||
/**
|
||
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
|
||
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
|
||
* (include `-moz` to future-proof).
|
||
*/
|
||
|
||
input[type="search"] {
|
||
-webkit-appearance: textfield; /* 1 */
|
||
-moz-box-sizing: content-box;
|
||
-webkit-box-sizing: content-box; /* 2 */
|
||
box-sizing: content-box;
|
||
}
|
||
|
||
/**
|
||
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
|
||
* Safari (but not Chrome) clips the cancel button when the search input has
|
||
* padding (and `textfield` appearance).
|
||
*/
|
||
|
||
input[type="search"]::-webkit-search-cancel-button,
|
||
input[type="search"]::-webkit-search-decoration {
|
||
-webkit-appearance: none;
|
||
}
|
||
|
||
/**
|
||
* Define consistent border, margin, and padding.
|
||
*/
|
||
|
||
fieldset {
|
||
border: 1px solid #c0c0c0;
|
||
margin: 0 2px;
|
||
padding: 0.35em 0.625em 0.75em;
|
||
}
|
||
|
||
/**
|
||
* 1. Correct `color` not being inherited in IE 8/9/10/11.
|
||
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
||
*/
|
||
|
||
legend {
|
||
border: 0; /* 1 */
|
||
padding: 0; /* 2 */
|
||
}
|
||
|
||
/**
|
||
* Remove default vertical scrollbar in IE 8/9/10/11.
|
||
*/
|
||
|
||
textarea {
|
||
overflow: auto;
|
||
}
|
||
|
||
/**
|
||
* Don't inherit the `font-weight` (applied by a rule above).
|
||
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
|
||
*/
|
||
|
||
optgroup {
|
||
font-weight: bold;
|
||
}
|
||
|
||
/* Tables
|
||
========================================================================== */
|
||
|
||
/**
|
||
* Remove most spacing between table cells.
|
||
*/
|
||
|
||
table {
|
||
border-collapse: collapse;
|
||
border-spacing: 0;
|
||
}
|
||
|
||
td,
|
||
th {
|
||
padding: 0;
|
||
}
|
||
/*
|
||
|
||
Name: shadowfox
|
||
Author: overdodactyl (http://github.com/overdodactyl)
|
||
|
||
Original shadowfox color scheme by Firefox
|
||
|
||
*/
|
||
|
||
.cm-s-shadowfox.CodeMirror { background: #2a2a2e; color: #b1b1b3; }
|
||
.cm-s-shadowfox div.CodeMirror-selected { background: #353B48; }
|
||
.cm-s-shadowfox .CodeMirror-line::selection, .cm-s-shadowfox .CodeMirror-line > span::selection, .cm-s-shadowfox .CodeMirror-line > span > span::selection { background: #353B48; }
|
||
.cm-s-shadowfox .CodeMirror-line::-moz-selection, .cm-s-shadowfox .CodeMirror-line > span::-moz-selection, .cm-s-shadowfox .CodeMirror-line > span > span::-moz-selection { background: #353B48; }
|
||
.cm-s-shadowfox .CodeMirror-gutters { background: #0c0c0d ; border-right: 1px solid #0c0c0d; }
|
||
.cm-s-shadowfox .CodeMirror-guttermarker { color: #555; }
|
||
.cm-s-shadowfox .CodeMirror-linenumber { color: #939393; }
|
||
.cm-s-shadowfox .CodeMirror-cursor { border-left: 1px solid #fff; }
|
||
|
||
.cm-s-shadowfox span.cm-comment { color: #939393; }
|
||
.cm-s-shadowfox span.cm-atom { color: #FF7DE9; }
|
||
.cm-s-shadowfox span.cm-quote { color: #FF7DE9; }
|
||
.cm-s-shadowfox span.cm-builtin { color: #FF7DE9; }
|
||
.cm-s-shadowfox span.cm-attribute { color: #FF7DE9; }
|
||
.cm-s-shadowfox span.cm-keyword { color: #FF7DE9; }
|
||
.cm-s-shadowfox span.cm-error { color: #FF7DE9; }
|
||
|
||
.cm-s-shadowfox span.cm-number { color: #6B89FF; }
|
||
.cm-s-shadowfox span.cm-string { color: #6B89FF; }
|
||
.cm-s-shadowfox span.cm-string-2 { color: #6B89FF; }
|
||
|
||
.cm-s-shadowfox span.cm-meta { color: #939393; }
|
||
.cm-s-shadowfox span.cm-hr { color: #939393; }
|
||
|
||
.cm-s-shadowfox span.cm-header { color: #75BFFF; }
|
||
.cm-s-shadowfox span.cm-qualifier { color: #75BFFF; }
|
||
.cm-s-shadowfox span.cm-variable-2 { color: #75BFFF; }
|
||
|
||
.cm-s-shadowfox span.cm-property { color: #86DE74; }
|
||
|
||
.cm-s-shadowfox span.cm-def { color: #75BFFF; }
|
||
.cm-s-shadowfox span.cm-bracket { color: #75BFFF; }
|
||
.cm-s-shadowfox span.cm-tag { color: #75BFFF; }
|
||
.cm-s-shadowfox span.cm-link:visited { color: #75BFFF; }
|
||
|
||
.cm-s-shadowfox span.cm-variable { color: #B98EFF; }
|
||
.cm-s-shadowfox span.cm-variable-3 { color: #d7d7db; }
|
||
.cm-s-shadowfox span.cm-link { color: #737373; }
|
||
.cm-s-shadowfox span.cm-operator { color: #b1b1b3; }
|
||
.cm-s-shadowfox span.cm-special { color: #d7d7db; }
|
||
|
||
.cm-s-shadowfox .CodeMirror-activeline-background { background: rgba(185, 215, 253, .15) }
|
||
.cm-s-shadowfox .CodeMirror-matchingbracket { outline: solid 1px rgba(255, 255, 255, .25); color: white !important; }
|
||
/*
|
||
Purple color: #66317c
|
||
*/
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
/* BASIC SETUP */
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
html, body {
|
||
background-color: #121212;
|
||
color: #939393;
|
||
font-family: 'LatoWebLight', sans-serif;
|
||
font-weight: 300;
|
||
font-size: 20px;
|
||
text-rendering: optimizeLegibility;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.clearfix {
|
||
zoom: 1;
|
||
}
|
||
|
||
.clearfix:after {
|
||
content: '.';
|
||
clear: both;
|
||
display: block;
|
||
height: 0;
|
||
visibility: hidden;
|
||
}
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
/* REUSABLE COMPONENTS */
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
.row {
|
||
max-width: 1140px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
section {
|
||
padding: 80px 0;
|
||
}
|
||
|
||
.box {
|
||
padding: 1%;
|
||
}
|
||
|
||
/* ----- HEADINGS ----- */
|
||
|
||
h1, h2, h3 {
|
||
font-weight: 300;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
h1 {
|
||
margin-top: 0;
|
||
margin-bottom: 20px;
|
||
color: #fff;
|
||
font-size: 240%;
|
||
word-spacing: 4px;
|
||
letter-spacing: 1px;
|
||
}
|
||
|
||
h2 {
|
||
font-size: 180%;
|
||
word-spacing: 2px;
|
||
text-align: center;
|
||
margin-bottom: 30px;
|
||
letter-spacing: 1px;
|
||
}
|
||
|
||
h3 {
|
||
font-size: 110%;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
h2:after {
|
||
display: block;
|
||
height: 2px;
|
||
background-color: #66317c;
|
||
content: " ";
|
||
width: 100px;
|
||
margin: 0 auto;
|
||
margin-top: 30px;
|
||
}
|
||
|
||
/* ----- PARAGRAPHS ----- */
|
||
|
||
.long-copy {
|
||
font-size: 90%;
|
||
line-height: 145%;
|
||
width: 70%;
|
||
margin-left: 15%;
|
||
}
|
||
|
||
#customization .long-copy {
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.box p {
|
||
font-size: 90%;
|
||
line-height: 145%;
|
||
}
|
||
|
||
/* ----- ICONS ----- */
|
||
|
||
.icon-big {
|
||
font-size: 350%;
|
||
display: block;
|
||
color: #66317c;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.icon-small {
|
||
display: inline-block;
|
||
width: 30px;
|
||
text-align: center;
|
||
color: #66317c;
|
||
font-size: 120%;
|
||
margin-right: 10px;
|
||
/*secrets to align text and icons*/
|
||
line-height: 120%;
|
||
vertical-align: middle;
|
||
margin-top: -5px;
|
||
}
|
||
|
||
/* ----- LINKS ----- */
|
||
|
||
a:link, a:visited {
|
||
color: #66317c;
|
||
text-decoration: none;
|
||
padding-bottom: 1px;
|
||
border-bottom: 1px solid #66317c;
|
||
-webkit-transition: border-bottom 0.2s, color 0.2s;
|
||
transition: border-bottom 0.2s, color 0.2s;
|
||
}
|
||
|
||
a:hover, a:active {
|
||
color: #555;
|
||
border-bottom: 1px solid transparent;
|
||
}
|
||
|
||
/* ----- BUTTONS ----- */
|
||
|
||
.btn:link, .btn:visited, input[type=submit] {
|
||
display: inline-block;
|
||
padding: 10px 30px;
|
||
font-weight: 300;
|
||
text-decoration: none;
|
||
border-radius: 200px;
|
||
-webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
|
||
transition: background-color 0.2s, border 0.2s, color 0.2s;
|
||
}
|
||
|
||
.btn-full:link, .btn-full:visited, input[type=submit] {
|
||
background-color: #66317c;
|
||
border: 1px solid #66317c;
|
||
color: #fff;
|
||
margin-right: 15px;
|
||
}
|
||
|
||
.btn-ghost:link, .btn-ghost:visited {
|
||
border: 1px solid #66317c;
|
||
color: #66317c;
|
||
}
|
||
|
||
.btn:hover, .btn:active, input[type=submit]:hover, input[type=submit]:active {
|
||
background-color: #522764;
|
||
}
|
||
|
||
.btn-full:hover, .btn-full:active {
|
||
border: 1px solid #522764;
|
||
}
|
||
|
||
.btn-ghost:hover, .btn-ghost:active {
|
||
border: 1px solid #522764;
|
||
color: #fff;
|
||
}
|
||
|
||
hr {
|
||
border-color: #727878;
|
||
opacity: 0.2;
|
||
filter: alpha(opacity=20);
|
||
width: 60%;
|
||
margin: 40px auto;
|
||
}
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
/* HEADER */
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
header {
|
||
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(GcP71BP-min.21c94d22.png);
|
||
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(GcP71BP-min.21c94d22.png);
|
||
background-size: cover;
|
||
background-position: center;
|
||
height: 100vh;
|
||
background-attachment: fixed;
|
||
}
|
||
|
||
.hero-text-box {
|
||
position: absolute;
|
||
width: 1140px;
|
||
top: 50%;
|
||
left: 50%;
|
||
-webkit-transform: translate(-50%, -50%);
|
||
-ms-transform: translate(-50%, -50%);
|
||
transform: translate(-50%, -50%);
|
||
}
|
||
|
||
.hero-text-box span {
|
||
font-size: 30%;
|
||
vertical-align: top;
|
||
}
|
||
|
||
.scroll-down {
|
||
font-size: 60%;
|
||
display: block;
|
||
position: absolute;
|
||
bottom: 0px;
|
||
right: 2%;
|
||
}
|
||
|
||
.logo {
|
||
height: 125px;
|
||
width: auto;
|
||
float: left;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.logo-black {
|
||
display: none;
|
||
height: 50px;
|
||
width: auto;
|
||
float: left;
|
||
margin: 5px 0;
|
||
}
|
||
|
||
/* Main navi */
|
||
|
||
.main-nav {
|
||
float: right;
|
||
list-style: none;
|
||
margin-top: 55px;
|
||
}
|
||
|
||
.main-nav li {
|
||
display: inline-block;
|
||
margin-left: 40px;
|
||
}
|
||
|
||
.main-nav li a:link, .main-nav li a:visited {
|
||
padding: 8px 0;
|
||
color: #fff;
|
||
text-decoration: none;
|
||
text-transform: uppercase;
|
||
font-size: 90%;
|
||
border-bottom: 2px solid transparent;
|
||
-webkit-transition: border-bottom 0.2s;
|
||
transition: border-bottom 0.2s;
|
||
}
|
||
|
||
.main-nav li a:hover, .main-nav li a:active {
|
||
border-bottom: 2px solid #66317c;
|
||
}
|
||
|
||
/* Mobile navi */
|
||
|
||
.mobile-nav-icon {
|
||
float: right;
|
||
margin-top: 30px;
|
||
cursor: pointer;
|
||
display: none;
|
||
}
|
||
|
||
.mobile-nav-icon i {
|
||
font-size: 200%;
|
||
color: #fff;
|
||
}
|
||
|
||
/* Sticky navi */
|
||
|
||
.sticky {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
background-color: rgba(21, 21, 21, 0.98);
|
||
box-shadow: 0 2px 2px #0d0d0d;
|
||
z-index: 9999;
|
||
}
|
||
|
||
.sticky .main-nav {
|
||
margin-top: 18px;
|
||
}
|
||
|
||
.sticky .main-nav li a:link, .sticky .main-nav li a:visited {
|
||
padding: 16px 0;
|
||
color: #737373;
|
||
}
|
||
|
||
.sticky .logo {
|
||
display: none;
|
||
}
|
||
|
||
.sticky .logo-black {
|
||
display: block;
|
||
}
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
/* FEATURES */
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
.section-features .long-copy {
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
/* Images */
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
.section-images {
|
||
background-color: #151515;
|
||
}
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
/* HOW IT WORKS SECTION */
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
.steps-box {
|
||
margin-top: 30px;
|
||
text-align: left;
|
||
padding-left: 3%;
|
||
}
|
||
|
||
.works-step {
|
||
margin-bottom: 50px;
|
||
}
|
||
|
||
.works-step:last-of-type {
|
||
margin-bottom: 80px;
|
||
}
|
||
|
||
.works-step div {
|
||
color: #66317c;
|
||
font-size: 150%;
|
||
height: 54px;
|
||
width: 54px;
|
||
border: 2px solid #66317c;
|
||
border-radius: 50%;
|
||
display: inline-block;
|
||
text-align: center;
|
||
margin-right: 25px;
|
||
float: left;
|
||
padding: 5px;
|
||
}
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
/* TESTIMONIALS */
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
.section-testimonials {
|
||
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url('testimonials_bg.24ccf0e1.jpg');
|
||
background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4)), url('testimonials_bg.24ccf0e1.jpg');
|
||
background-size: cover;
|
||
color: #fff;
|
||
background-attachment: fixed;
|
||
}
|
||
|
||
blockquote {
|
||
padding: 2%;
|
||
font-style: italic;
|
||
line-height: 145%;
|
||
position: relative;
|
||
margin-top: 40px;
|
||
}
|
||
|
||
blockquote:before {
|
||
content: "\201C";
|
||
font-size: 500%;
|
||
display: block;
|
||
position: absolute;
|
||
top: -5px;
|
||
left: -5px;
|
||
}
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
/* Download */
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
.section-plans {
|
||
background-color: #151515;
|
||
}
|
||
|
||
.os-box {
|
||
background-color: #121212;
|
||
border-radius: 5px;
|
||
width: 90%;
|
||
margin-left: 5%;
|
||
box-shadow: 0 2px 2px #1c1c1c;
|
||
}
|
||
|
||
.os-box div {
|
||
padding: 15px;
|
||
border-bottom: 1px solid #2e2e2e;
|
||
}
|
||
|
||
.os-box div:first-child {
|
||
background-color: #141414;
|
||
border-top-left-radius: 5px;
|
||
border-top-right-radius: 5px;
|
||
}
|
||
|
||
.os-box div:last-child {
|
||
text-align: center;
|
||
border: 0;
|
||
}
|
||
|
||
.os-box ul {
|
||
list-style: none;
|
||
}
|
||
|
||
.os-box ul li {
|
||
padding: 5px 0;
|
||
text-align: left;
|
||
}
|
||
|
||
.os-box a {
|
||
border: 0;
|
||
}
|
||
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
/* FORM */
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
input[type=checkbox] {
|
||
margin: 10px 5px 10px 0;
|
||
}
|
||
|
||
*:focus {
|
||
outline: none;
|
||
}
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
/* UI CHANGES */
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
.chrome-options li {
|
||
list-style-type: none;
|
||
margin-left: 50px;
|
||
font-size: 70%;
|
||
}
|
||
|
||
.row .cm-buttons {
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.row .cm-2 .CodeMirror.cm-s-shadowfox {
|
||
height: 500px;
|
||
}
|
||
|
||
.download-css-2 {
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.collapsible {
|
||
background-color: transparent;
|
||
color: var(--main-accent-1);
|
||
cursor: pointer;
|
||
width: 100%;
|
||
border: none;
|
||
text-align: left;
|
||
outline: none;
|
||
font-size: 100%;
|
||
}
|
||
|
||
.content {
|
||
padding: 0px 25px;
|
||
max-height: 0;
|
||
margin-top: -2px;
|
||
overflow: hidden;
|
||
transition: max-height 0.2s ease-out;
|
||
}
|
||
|
||
.ui-section {
|
||
font-size: 90%;
|
||
}
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
/* Animations */
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
.js--wp-1, .js--wp-2, .js--wp-3 {
|
||
opacity: 0;
|
||
-webkit-animation-duration: 1s;
|
||
animation-duration: 1s;
|
||
}
|
||
|
||
.js--wp-4 {
|
||
-webkit-animation-duration: 1s;
|
||
animation-duration: 1s;
|
||
}
|
||
|
||
.js--wp-1.animated, .js--wp-2.animated, .js--wp-3.animated {
|
||
opacity: 1;
|
||
}
|
||
|
||
.mfp-bg {
|
||
opacity: .97 !important;
|
||
}
|
||
|
||
.popup-gallery img {
|
||
width: 22%;
|
||
margin: 4px 4px;
|
||
}
|
||
|
||
.gallery {
|
||
text-align: center;
|
||
}
|
||
|
||
.gallery a:link, .gallery a:visited {
|
||
border: 0;
|
||
}
|
||
|
||
.bullets {
|
||
margin-left: 25%;
|
||
margin-top: 25px;
|
||
line-height: 200%;
|
||
}
|
||
|
||
.long-copy a {
|
||
border: 0;
|
||
}
|
||
|
||
.CodeMirror-gutters {
|
||
background: #1B1B1D !important;
|
||
}
|
||
|
||
.color-options {
|
||
display: block;
|
||
}
|
||
|
||
.insert-options li {
|
||
font-size: 80%;
|
||
}
|
||
|
||
input[type="color"] {
|
||
margin-right: 5px;
|
||
margin-left: 10px;
|
||
}
|
||
|
||
#accent-1 {
|
||
margin-left: 0;
|
||
}
|
||
|
||
.color-options {
|
||
font-size: 80%;
|
||
}
|
||
|
||
.cm-buttons, .colors-download {
|
||
text-align: right;
|
||
}
|
||
|
||
.color-options .col {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.cm-buttons input[type="submit"], .colors-download input[type="submit"] {
|
||
padding: 4px 15px;
|
||
border-radius: 10px;
|
||
margin-right: 0;
|
||
}
|
||
|
||
#shade {
|
||
margin-left: 40px;
|
||
color: #000;
|
||
}
|
||
|
||
.cm-shade {
|
||
text-align-last: center;
|
||
}
|
||
|
||
.section-codemirror .CodeMirror.cm-s-shadowfox {
|
||
height: 220px;
|
||
}
|
||
|
||
.colors-download .col {
|
||
margin-top: 0;
|
||
}
|
||
|
||
.collapsible {
|
||
background-color: #121212;
|
||
color: white;
|
||
cursor: pointer;
|
||
padding: 18px;
|
||
width: 100%;
|
||
border: none;
|
||
text-align: left;
|
||
outline: none;
|
||
}
|
||
|
||
.active, .collapsible:hover {
|
||
background-color: #050505;
|
||
}
|
||
|
||
.content {
|
||
padding: 0 18px;
|
||
max-height: 0;
|
||
overflow: hidden;
|
||
transition: max-height 0.2s ease-out;
|
||
}
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
/* FOOTER */
|
||
|
||
/* ----------------------------------------------- */
|
||
|
||
footer {
|
||
background-color: #020202;
|
||
padding: 50px;
|
||
font-size: 80%;
|
||
}
|
||
|
||
.footer-nav {
|
||
list-style: none;
|
||
float: left;
|
||
}
|
||
|
||
.social-links {
|
||
list-style: none;
|
||
float: right;
|
||
}
|
||
|
||
.footer-nav li, .social-links li {
|
||
display: inline-block;
|
||
margin-right: 20px;
|
||
}
|
||
|
||
.footer-nav li:last-child, .social-links li:last-child {
|
||
margin-right: 0;
|
||
}
|
||
|
||
.footer-nav li a:link, .footer-nav li a:visited, .social-links li a:link, .social-links li a:visited {
|
||
text-decoration: none;
|
||
border: 0;
|
||
color: #888;
|
||
-webkit-transition: color 0.2s;
|
||
transition: color 0.2s;
|
||
}
|
||
|
||
.footer-nav li a:hover, .footer-nav li a:active {
|
||
color: #ddd;
|
||
}
|
||
|
||
footer p {
|
||
color: #888;
|
||
text-align: center;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.social-links li a:link, .social-links li a:visited {
|
||
font-size: 160%;
|
||
}
|
||
|
||
.ion-social-reddit, .ion-social-github, .ion-pound {
|
||
-webkit-transition: color 0.2s;
|
||
transition: color 0.2s;
|
||
}
|
||
|
||
.social-links li:last-child {
|
||
transform: rotate(72deg);
|
||
}
|
||
|
||
.ion-social-github:hover {
|
||
color: #4078c0;
|
||
}
|
||
|
||
.ion-social-reddit:hover {
|
||
color: #ff4500;
|
||
}
|
||
|
||
.ion-pound:hover {
|
||
color: #e9a820;
|
||
}
|
||
|
||
.cm-box {
|
||
font-size: 70%;
|
||
}
|
||
|
||
.insert-options {
|
||
list-style: none;
|
||
}
|
||
/* Big tablet to 1200px (widths smaller taht the 1140px row) */
|
||
@media only screen and (max-width: 1200px) {
|
||
.hero-text-box {
|
||
width: 100%;
|
||
padding: 0 2%;
|
||
}
|
||
|
||
.row { padding: 0 2%; }
|
||
}
|
||
|
||
@media only screen and (max-width: 1024px) {
|
||
header {
|
||
background-attachment: scroll;
|
||
}
|
||
}
|
||
|
||
/* Small tablet to big tablet: from 768px to 1023px */
|
||
@media only screen and (max-width: 1023px) {
|
||
|
||
body { font-size: 18px; }
|
||
section { padding: 60px 0; }
|
||
|
||
header { background-attachment: scroll; }
|
||
|
||
.long-copy {
|
||
width: 80%;
|
||
margin-left: 10%;
|
||
}
|
||
|
||
.steps-box { margin-top: 10px; }
|
||
.steps-box:last-child { margin-top: 10px; }
|
||
.works-steps { margin-bottom: 40px; }
|
||
.works-step:last-of-type { margin-bottom: 60px; }
|
||
|
||
.app-screen { width: 50%; }
|
||
|
||
.icon-small {
|
||
width: 17px;
|
||
margin-right: 5px;
|
||
}
|
||
}
|
||
|
||
/* Small phones to small tablets: from 481px to 767px */
|
||
@media only screen and (max-width: 767px) {
|
||
body { font-size: 16px; }
|
||
section { padding: 30px 0; }
|
||
|
||
.row,
|
||
.hero-text-box { padding: 0 4%; }
|
||
.col {
|
||
width: 100%;
|
||
margin: 0 0 4% 0;
|
||
}
|
||
|
||
.main-nav { display: none; }
|
||
.mobile-nav-icon {
|
||
display: inline-block;
|
||
position: relative;
|
||
z-index: 9999;
|
||
}
|
||
|
||
.main-nav {
|
||
float: none;
|
||
position: absolute;
|
||
z-index: 8888;
|
||
width: 100%;
|
||
/*height: 100vh;*/
|
||
margin: 0;
|
||
margin-left: -4%;
|
||
background-color: rgba(0, 0, 0, 0.9);
|
||
text-align: center;
|
||
padding: 10px 0;
|
||
}
|
||
|
||
.main-nav li {
|
||
display: block;
|
||
margin-left: 0;
|
||
font-size: 110%;
|
||
}
|
||
|
||
.main-nav li a:link,
|
||
.main-nav li a:visited {
|
||
display: block;
|
||
border: 0;
|
||
padding: 10px 0;
|
||
font-size: 100%;
|
||
}
|
||
|
||
.sticky .main-nav { margin-top: 0; }
|
||
|
||
.sticky .main-nav li a:link,
|
||
.sticky .main-nav li a:visited {
|
||
padding: 10px 0;
|
||
color: #fff;
|
||
}
|
||
|
||
.sticky .mobile-nav-icon { margin-top: 10px; }
|
||
.sticky .mobile-nav-icon i { color: #555; }
|
||
.sticky .mobile-nav-icon i.ion-close-round { color: #fff; }
|
||
|
||
h1 { font-size: 180%; }
|
||
h2 { font-size: 150%; }
|
||
|
||
.long-copy {
|
||
width: 100%;
|
||
margin-left: 0%;
|
||
}
|
||
|
||
.works-step div {
|
||
height: 40px;
|
||
width: 40px;
|
||
margin-right: 15px;
|
||
padding: 4px;
|
||
font-size: 120%;
|
||
}
|
||
|
||
.works-step { margin-bottom: 20px; }
|
||
.works-step:last-of-type { margin-bottom: 20px; }
|
||
|
||
.social-links,
|
||
.footer-nav {
|
||
float: none;
|
||
text-align: center;
|
||
}
|
||
|
||
}
|
||
|
||
/* Small phones: from 0 to 480px */
|
||
@media only screen and (max-width: 480px) {
|
||
section { padding: 25px 0; }
|
||
}
|
||
|
||
@media only screen and (max-width: 350px) {
|
||
h1 { font-size: 150%;}
|
||
}
|
||
|
||
@media only screen and (max-height: 450px) {
|
||
.hero-text-box { margin-top: 40px; }
|
||
}
|
||
|