Skip to content

Instantly share code, notes, and snippets.

@mhulse
Last active August 1, 2018 17:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mhulse/24e7b57e1301336f997c010e2af120dc to your computer and use it in GitHub Desktop.
Save mhulse/24e7b57e1301336f997c010e2af120dc to your computer and use it in GitHub Desktop.
CSS from picard, data, other themes
/*! Data v0.1.0 | Apache License, Version 2.0 | https://github.com/mhulse/data */
/* https://github.com/mhulse/data/blob/19fb318ee633eae44f40ffbd709e52a22f8248e9/prod/0.1.0/20140927/1/styles/data.min.css */
/*! normalize.css v3.0.1 | 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,
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: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: 0.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: -0.5em
}
sub {
bottom: -0.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 {
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 #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
.fix {
*zoom: 1
}
.fix:before,
.fix:after {
content: " ";
display: table
}
.fix:after {
clear: both
}
.gone {
display: none !important;
visibility: hidden
}
.off {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ghost {
visibility: hidden
}
.nix,
.nix:focus,
.no-touch .nix:hover,
.nix:active {
color: transparent;
text-decoration: none;
outline: 0;
border: 0
}
.force {
margin-top: -1px;
margin-bottom: -1px;
padding: 1px 0
}
.nono {
word-wrap: break-word;
overflow-wrap: break-word
}
.none {
max-width: none
}
* {
-webkit-transition: color 100ms linear, background-color 100ms linear;
-moz-transition: color 100ms linear, background-color 100ms linear;
-ms-transition: color 100ms linear, background-color 100ms linear;
-o-transition: color 100ms linear, background-color 100ms linear;
transition: color 100ms linear, background-color 100ms linear
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html,
body {
overflow-x: hidden
}
html {
min-height: 100%;
overflow-y: scroll;
-webkit-tap-highlight-color: transparent;
position: relative
}
body {
font-size: 14px;
line-height: 21px;
font-family: Arial, sans-serif;
text-align: center;
color: #000;
background: #fff;
padding: 25px
}
.blend body {
background: #fff url(../images/grunge.gif) center top
}
p.excerpt {
margin-top: 5px
}
a {
box-shadow: inset 0 -4px 0 #ff0090;
-webkit-transition: box-shadow 100ms linear;
-moz-transition: box-shadow 100ms linear;
-ms-transition: box-shadow 100ms linear;
-o-transition: box-shadow 100ms linear;
transition: box-shadow 100ms linear
}
a,
a:visited {
color: #000;
text-decoration: none
}
.no-touch a:visited:hover,
a:focus,
.no-touch a:focus:hover,
.no-touch a:hover,
a:active {
color: #ff0090;
box-shadow: none
}
::-moz-selection {
background: rgba(255, 255, 0, 0.55);
text-shadow: none
}
::selection {
background: rgba(255, 255, 0, 0.55);
text-shadow: none
}
hr {
border: 0;
border-top: 4px solid #eee;
height: 0;
margin-top: 50px;
margin-bottom: 50px;
padding: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box
}
article hr,
aside hr,
section hr {
border-top-width: 2px;
border-color: #ccc;
margin-top: 25px;
margin-bottom: 25px
}
blockquote {
font-family: Cambria, Georgia, serif;
font-size: 18px;
font-style: italic;
line-height: 22px;
letter-spacing: .05em;
word-spacing: .15em;
margin-top: 25px;
margin-bottom: 25px;
padding: 0;
position: relative
}
blockquote p {
font-size: inherit;
line-height: inherit;
margin-top: 10px;
margin-bottom: 10px
}
blockquote footer {
font-size: 70%;
font-weight: normal;
letter-spacing: .05em;
color: #888
}
blockquote footer p {
margin: 0
}
blockquote * {
max-width: none
}
blockquote>:first-child {
margin-top: 0 !important
}
blockquote>:last-child {
margin-bottom: 0 !important
}
mark {
background: rgba(254, 239, 179, 0.9);
padding: 1px 3px;
border-radius: 3px
}
del,
ins {
line-height: 0;
letter-spacing: .05em;
padding: 1px 3px;
position: relative;
border-radius: 2px;
mix-blend-mode: multiply
}
del {
color: #ba0000;
background: rgba(255, 186, 186, 0.5)
}
ins {
color: #68941e;
text-decoration: none;
background: rgba(223, 242, 191, 0.5)
}
ins::before {
content: "["
}
ins::after {
content: "]"
}
q {
font-weight: bolder;
font-style: italic
}
abbr {
font-style: italic;
cursor: help
}
abbr[title] {
border-bottom: 2px solid
}
cite {
font-style: italic
}
dfn {
font-weight: bold;
font-style: italic
}
dfn[title] {
border-bottom: 2px solid;
cursor: help
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
wbr::after {
content: "\00200B"
}
small,
.small {
font-size: smaller
}
h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: .02em;
word-spacing: .12em;
word-wrap: break-word;
overflow-wrap: break-word;
margin-top: 25px;
margin-bottom: 25px;
padding: 0
}
h1+h1,
h2+h1,
h3+h1,
h4+h1,
h5+h1,
h6+h1,
h1+h2,
h2+h2,
h3+h2,
h4+h2,
h5+h2,
h6+h2,
h1+h3,
h2+h3,
h3+h3,
h4+h3,
h5+h3,
h6+h3,
h1+h4,
h2+h4,
h3+h4,
h4+h4,
h5+h4,
h6+h4,
h1+h5,
h2+h5,
h3+h5,
h4+h5,
h5+h5,
h6+h5,
h1+h6,
h2+h6,
h3+h6,
h4+h6,
h5+h6,
h6+h6 {
margin-top: -20px
}
.sh1,
.sh2,
.sh3,
.sh4,
.sh5,
.sh6 {
font-weight: normal
}
h1,
.h1,
.sh1 {
font-size: 26px;
line-height: 28px
}
h2,
.h2,
.sh2 {
font-size: 24px;
line-height: 26px
}
h3,
.h3,
.sh3 {
font-size: 22px;
line-height: 24px
}
h4,
.h4,
.sh4 {
font-size: 20px;
line-height: 22px
}
h5,
.h5,
.sh5 {
font-size: 18px;
line-height: 20px
}
h6,
.h6,
.sh6 {
font-size: 16px;
line-height: 18px
}
h1:empty {
display: none
}
header>:first-child,
hgroup>:first-child {
margin-top: 0 !important
}
header>:last-child,
hgroup>:last-child {
margin-bottom: 0 !important
}
ul,
ol,
dl {
padding: 0
}
ul,
ol {
list-style: none
}
dl,
ol,
ul {
margin-top: 25px;
margin-bottom: 25px
}
dl dt {
font-weight: bold;
text-transform: uppercase;
letter-spacing: .05em;
word-spacing: .15em;
line-height: 20px;
margin: 0 0 5px
}
dl dd {
line-height: 18px;
margin: 0 0 10px
}
dl>:first-child {
margin-top: 0 !important
}
dl>:last-child {
margin-bottom: 0 !important
}
ol,
ul {
counter-reset: li
}
ol li,
ul li {
line-height: 18px
}
ol li::before,
ul li::before {
font-weight: bold;
margin-top: 10px;
margin-bottom: 4px;
display: block;
content: counter(li, lower-roman);
counter-increment: li
}
ol li:first-child::before,
ul li:first-child::before {
margin-top: 0
}
ul li::before {
content: counter(li, square);
margin-bottom: 2px
}
.table {
font-size: 14px;
line-height: 16px;
empty-cells: hide;
border-collapse: collapse;
border-spacing: 0;
margin-top: 25px;
margin-bottom: 25px;
width: 100%
}
.table caption {
font-weight: bold;
letter-spacing: .1em;
text-transform: uppercase;
color: #999;
border-bottom: 1px solid #999;
padding-bottom: 5px;
margin: 0
}
.table thead {
vertical-align: bottom
}
.table tbody,
.table tfoot {
vertical-align: top
}
.table th,
.table td {
padding: 20px 10px
}
.table th:first-child,
.table td:first-child {
padding-left: 0
}
.table th:last-child,
.table td:last-child {
padding-right: 0
}
.table.table-border-x thead th,
.table.table-border-x tbody th,
.table.table-border-x tbody td {
border-bottom: 1px solid #999
}
.table.table-border-x tfoot th,
.table.table-border-x tfoot td {
border-top: 1px solid #999
}
.table.table-border-x tbody tr:last-child th,
.table.table-border-x tbody tr:last-child td {
border-bottom: 0
}
.table.table-border-y th,
.table.table-border-y td {
border-right: 1px solid #999;
border-left: 1px solid #999
}
.table.table-border-y th:first-child,
.table.table-border-y td:first-child {
border-left: 0
}
.table.table-border-y th:last-child,
.table.table-border-y td:last-child {
border-right: 0
}
.form {
font-family: arial, sans-serif;
font-size: 16px;
line-height: 24px;
margin: 0
}
.form fieldset {
border: 0;
margin-top: 25px;
margin-bottom: 25px;
padding: 1px 0 0
}
.form fieldset legend {
margin: 0;
padding-bottom: 20px
}
.form fieldset legend:empty {
display: none
}
.form label {
color: #666;
letter-spacing: .05em;
vertical-align: middle;
padding: 5px
}
.form input[type="text"],
.form input[type="password"],
.form textarea {
vertical-align: baseline;
padding: 5px 10px;
color: #333;
letter-spacing: .05em;
text-align: left;
border: 1px solid #ccc;
background: #fbfbfb;
width: 100%;
display: block;
box-shadow: inset 0 1px 3px #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
-webkit-transition: .3s linear border;
transition: .3s linear border;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
mix-blend-mode: multiply
}
.form input[type="text"]::-webkit-input-placeholder,
.form input[type="password"]::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
text-align: left;
color: #999
}
.form input[type="text"]:-moz-placeholder,
.form input[type="password"]:-moz-placeholder,
.form textarea:-moz-placeholder {
text-align: left;
color: #999
}
.form input[type="text"]::-moz-placeholder,
.form input[type="password"]::-moz-placeholder,
.form textarea::-moz-placeholder {
text-align: left;
color: #999
}
.form input[type="text"]:-ms-input-placeholder,
.form input[type="password"]:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
text-align: left;
color: #999
}
.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form textarea:focus,
.form input[type="text"]:active,
.form input[type="password"]:active,
.form textarea:active {
outline: 0
}
.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form textarea:focus {
border-color: #ff0090
}
.form input[disabled][type="text"],
.form input[disabled][type="password"],
.form textarea[disabled] {
cursor: not-allowed;
background: #eee;
color: #ccc
}
.form input[readonly][type="text"],
.form input[readonly][type="password"],
.form textarea[readonly] {
background: #eee;
color: #777;
border-color: #ccc
}
.form textarea {
min-height: 200px;
resize: vertical;
overflow: auto;
margin: 0;
padding: 5px 10px;
vertical-align: top
}
.form input[type="checkbox"],
.form input[type="radio"] {
padding: 0;
vertical-align: middle;
bottom: 2px;
position: relative
}
.form select {
font-size: 16px;
vertical-align: baseline;
width: 100%
}
@-webkit-keyframes cursor-blink {
80% {
visibility: hidden
}
}
@keyframes cursor-blink {
80% {
visibility: hidden
}
}
pre,
code,
kbd,
samp,
var {
font-family: monospace, serif
}
pre {
letter-spacing: .05em;
text-align: left;
word-wrap: normal;
margin-top: 25px;
margin-bottom: 25px;
padding: 10px 15px;
overflow: auto;
white-space: pre;
-webkit-overflow-scrolling: touch
}
pre .cursor {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: cursor-blink;
animation-name: cursor-blink;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps(2, start);
animation-timing-function: steps(2, start)
}
pre .prompt {
color: #000
}
pre.terminal {
letter-spacing: .05em;
color: #30d259;
background: #0e1705
}
pre.terminal .cursor {
color: transparent;
background: #30d259;
letter-spacing: -.15em
}
pre.terminal .prompt {
color: #4e801c
}
.pre {
color: #444;
background: rgba(238, 238, 238, 0.5);
border: 1px solid #ddd;
border-radius: 3px
}
.pygments {
color: #ccc;
background: #222;
border: 5px solid #222;
margin-top: 25px;
margin-bottom: 25px
}
.pygments table {
margin: 0;
padding: 0;
line-height: normal
}
.pygments table .pyg {
position: relative
}
.pygments table .pyg pre {
width: 100%;
padding-right: 0;
padding-left: 5px;
position: absolute
}
.pygments table .linenos {
vertical-align: top;
background: #333;
display: block;
text-decoration: none;
color: #888;
text-align: right
}
.pygments table .linenos+td {
width: 100%;
vertical-align: top
}
.pygments table th,
.pygments table td {
border: 0 none;
padding: 0
}
.pygments table pre {
margin: 0
}
.pygments .hll {
background-color: rgba(128, 113, 173, 0.2);
display: block
}
.pygments .c {
color: #75715e
}
.pygments .err {
color: #960050;
background-color: #1e0010
}
.pygments .k {
color: #66d9ef
}
.pygments .l {
color: #ae81ff
}
.pygments .n {
color: #f8f8f2
}
.pygments .o {
color: #f92672
}
.pygments .p {
color: #f8f8f2
}
.pygments .cm {
color: #75715e
}
.pygments .cp {
color: #75715e
}
.pygments .c1 {
color: #75715e
}
.pygments .cs {
color: #75715e
}
.pygments .ge {
font-style: italic
}
.pygments .gs {
font-weight: bold
}
.pygments .kc {
color: #66d9ef
}
.pygments .kd {
color: #66d9ef
}
.pygments .kn {
color: #f92672
}
.pygments .kp {
color: #66d9ef
}
.pygments .kr {
color: #66d9ef
}
.pygments .kt {
color: #66d9ef
}
.pygments .ld {
color: #e6db74
}
.pygments .m {
color: #ae81ff
}
.pygments .s {
color: #e6db74
}
.pygments .na {
color: #a6e22e
}
.pygments .nb {
color: #f8f8f2
}
.pygments .nc {
color: #a6e22e
}
.pygments .no {
color: #66d9ef
}
.pygments .nd {
color: #a6e22e
}
.pygments .ni {
color: #f8f8f2
}
.pygments .ne {
color: #a6e22e
}
.pygments .nf {
color: #a6e22e
}
.pygments .nl {
color: #f8f8f2
}
.pygments .nn {
color: #f8f8f2
}
.pygments .nx {
color: #a6e22e
}
.pygments .py {
color: #f8f8f2
}
.pygments .nt {
color: #f92672
}
.pygments .nv {
color: #f8f8f2
}
.pygments .ow {
color: #f92672
}
.pygments .w {
color: #f8f8f2
}
.pygments .mf {
color: #ae81ff
}
.pygments .mh {
color: #ae81ff
}
.pygments .mi {
color: #ae81ff
}
.pygments .mo {
color: #ae81ff
}
.pygments .sb {
color: #e6db74
}
.pygments .sc {
color: #e6db74
}
.pygments .sd {
color: #e6db74
}
.pygments .s2 {
color: #e6db74
}
.pygments .se {
color: #ae81ff
}
.pygments .sh {
color: #e6db74
}
.pygments .si {
color: #e6db74
}
.pygments .sx {
color: #e6db74
}
.pygments .sr {
color: #e6db74
}
.pygments .s1 {
color: #e6db74
}
.pygments .ss {
color: #e6db74
}
.pygments .bp {
color: #f8f8f2
}
.pygments .vc {
color: #f8f8f2
}
.pygments .vg {
color: #f8f8f2
}
.pygments .vi {
color: #f8f8f2
}
.pygments .il {
color: #ae81ff
}
code,
kbd,
samp,
var {
font-size: inherit;
font-weight: normal;
font-style: normal;
letter-spacing: normal;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-space: -hp-pre-wrap;
word-wrap: break-word
}
code {
font-weight: normal;
letter-spacing: .05em;
background: rgba(0, 0, 0, 0.1);
padding: 1px 5px;
border-radius: 3px
}
kbd {
font-size: smaller;
color: #333;
text-shadow: 0 1px 0 #fff;
background-color: #eee;
border: 1px solid #ccc;
margin: 0 .1em;
padding: 0 .5em;
display: inline-block;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset
}
pre code,
pre kbd,
pre samp,
pre var,
kbd kbd {
font-size: inherit;
color: inherit;
text-shadow: none;
background: transparent;
border: 0;
margin: 0;
padding: 0;
display: inline;
box-shadow: none;
border-radius: 0
}
.gist {
text-align: left
}
.gist a,
.gist a:visited,
.no-touch .gist a:visited:hover,
.gist a:focus,
.no-touch .gist a:focus:hover,
.no-touch .gist a:hover,
.gist a:active {
box-shadow: none
}
.gist-file {
margin-top: 25px;
margin-bottom: 25px
}
figure {
margin: 0;
margin-top: 25px;
margin-bottom: 25px
}
figure img {
margin: 0 auto;
display: block;
vertical-align: top
}
figcaption {
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: .05em;
word-spacing: .15em;
mix-blend-mode: multiply
}
figcaption p {
font-size: inherit;
line-height: inherit;
margin: 5px 0
}
figcaption p:first-of-type {
margin-top: 0 !important
}
figcaption p:last-of-type {
margin-bottom: 0 !important
}
figcaption>div {
background: #ddd;
margin-top: 13px;
padding: 15px 20px;
display: inline-block;
border-radius: 6px;
position: relative
}
figcaption>div::after {
content: "";
border-width: 0 10px 10px;
border-style: solid;
border-color: #ddd transparent;
width: 0;
margin-left: -10px;
position: absolute;
top: -9px;
left: 50%;
-webkit-transform: rotate(360deg)
}
img {
border: 0;
max-width: 100%;
height: auto;
vertical-align: top
}
a img {
border: 0;
outline: 0
}
iframe {
border: 0
}
iframe,
object,
embed {
max-width: 100%;
outline: 0
}
audio,
video {
vertical-align: middle;
display: block
}
audio:focus,
audio:active,
video:focus,
video:active {
outline: 0
}
audio {
width: 100%;
margin-top: 20px;
margin-bottom: 20px
}
.mm {
height: 0;
padding-bottom: 56.25%;
position: relative;
overflow: hidden
}
.mm iframe,
.mm object,
.mm embed,
.mm video {
border: 0;
width: 100% !important;
height: 100% !important;
max-width: none;
position: absolute;
top: 0;
left: 0
}
.mm.theatre {
padding-bottom: 59.171597633136%
}
.mm.slide {
padding-bottom: 66.666666666667%
}
.mm.tv {
padding-bottom: 75%
}
iframe[id^='twitter-widget-'],
.twitter-timeline {
width: 100%
}
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"] {
font-weight: normal;
text-align: center;
line-height: normal;
vertical-align: baseline;
display: block;
zoom: 1;
cursor: pointer;
letter-spacing: .08em;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
mix-blend-mode: multiply;
font-size: 18px;
line-height: 20px;
color: #749e17;
width: 100%;
background-color: #aee239;
border: none transparent;
box-shadow: none;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px 5px;
-webkit-tap-highlight-color: transparent
}
.button::-moz-focus-inner,
.form button::-moz-focus-inner,
.form input[type="button"]::-moz-focus-inner,
.form input[type="reset"]::-moz-focus-inner,
.form input[type="submit"]::-moz-focus-inner {
padding: 0;
border: 0
}
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"],
.button:visited,
.form button:visited,
.form input[type="button"]:visited,
.form input[type="reset"]:visited,
.form input[type="submit"]:visited,
.no-touch .button:visited:hover,
.no-touch .form button:visited:hover,
.form .no-touch button:visited:hover,
.no-touch .form input[type="button"]:visited:hover,
.form .no-touch input[type="button"]:visited:hover,
.no-touch .form input[type="reset"]:visited:hover,
.form .no-touch input[type="reset"]:visited:hover,
.no-touch .form input[type="submit"]:visited:hover,
.form .no-touch input[type="submit"]:visited:hover,
.button:focus,
.form button:focus,
.form input[type="button"]:focus,
.form input[type="reset"]:focus,
.form input[type="submit"]:focus,
.no-touch .button:focus:hover,
.no-touch .form button:focus:hover,
.form .no-touch button:focus:hover,
.no-touch .form input[type="button"]:focus:hover,
.form .no-touch input[type="button"]:focus:hover,
.no-touch .form input[type="reset"]:focus:hover,
.form .no-touch input[type="reset"]:focus:hover,
.no-touch .form input[type="submit"]:focus:hover,
.form .no-touch input[type="submit"]:focus:hover,
.no-touch .button:hover,
.no-touch .form button:hover,
.form .no-touch button:hover,
.no-touch .form input[type="button"]:hover,
.form .no-touch input[type="button"]:hover,
.no-touch .form input[type="reset"]:hover,
.form .no-touch input[type="reset"]:hover,
.no-touch .form input[type="submit"]:hover,
.form .no-touch input[type="submit"]:hover,
.button:active,
.form button:active,
.form input[type="button"]:active,
.form input[type="reset"]:active,
.form input[type="submit"]:active {
text-decoration: none;
color: #435b0d;
box-shadow: none
}
.no-touch .button:hover,
.no-touch .form button:hover,
.form .no-touch button:hover,
.no-touch .form input[type="button"]:hover,
.form .no-touch input[type="button"]:hover,
.no-touch .form input[type="reset"]:hover,
.form .no-touch input[type="reset"]:hover,
.no-touch .form input[type="submit"]:hover,
.form .no-touch input[type="submit"]:hover,
.button:focus,
.form button:focus,
.form input[type="button"]:focus,
.form input[type="reset"]:focus,
.form input[type="submit"]:focus {
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1))
}
.button:focus,
.form button:focus,
.form input[type="button"]:focus,
.form input[type="reset"]:focus,
.form input[type="submit"]:focus {
outline: 0
}
.button:active,
.form button:active,
.form input[type="button"]:active,
.form input[type="reset"]:active,
.form input[type="submit"]:active {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15) inset, 0 0 10px rgba(0, 0, 0, 0.25) inset
}
.button[disabled],
.form button[disabled],
.form input[disabled][type="button"],
.form input[disabled][type="reset"],
.form input[disabled][type="submit"],
.button.button-disabled,
.form button.button-disabled,
.form input.button-disabled[type="button"],
.form input.button-disabled[type="reset"],
.form input.button-disabled[type="submit"],
.button.button-disabled:visited,
.form button.button-disabled:visited,
.form input.button-disabled[type="button"]:visited,
.form input.button-disabled[type="reset"]:visited,
.form input.button-disabled[type="submit"]:visited,
.no-touch .button.button-disabled:visited:hover,
.no-touch .form button.button-disabled:visited:hover,
.form .no-touch button.button-disabled:visited:hover,
.no-touch .form input.button-disabled[type="button"]:visited:hover,
.form .no-touch input.button-disabled[type="button"]:visited:hover,
.no-touch .form input.button-disabled[type="reset"]:visited:hover,
.form .no-touch input.button-disabled[type="reset"]:visited:hover,
.no-touch .form input.button-disabled[type="submit"]:visited:hover,
.form .no-touch input.button-disabled[type="submit"]:visited:hover,
.button.button-disabled:focus,
.form button.button-disabled:focus,
.form input.button-disabled[type="button"]:focus,
.form input.button-disabled[type="reset"]:focus,
.form input.button-disabled[type="submit"]:focus,
.no-touch .button.button-disabled:focus:hover,
.no-touch .form button.button-disabled:focus:hover,
.form .no-touch button.button-disabled:focus:hover,
.no-touch .form input.button-disabled[type="button"]:focus:hover,
.form .no-touch input.button-disabled[type="button"]:focus:hover,
.no-touch .form input.button-disabled[type="reset"]:focus:hover,
.form .no-touch input.button-disabled[type="reset"]:focus:hover,
.no-touch .form input.button-disabled[type="submit"]:focus:hover,
.form .no-touch input.button-disabled[type="submit"]:focus:hover,
.no-touch .button.button-disabled:hover,
.no-touch .form button.button-disabled:hover,
.form .no-touch button.button-disabled:hover,
.no-touch .form input.button-disabled[type="button"]:hover,
.form .no-touch input.button-disabled[type="button"]:hover,
.no-touch .form input.button-disabled[type="reset"]:hover,
.form .no-touch input.button-disabled[type="reset"]:hover,
.no-touch .form input.button-disabled[type="submit"]:hover,
.form .no-touch input.button-disabled[type="submit"]:hover,
.button.button-disabled:active,
.form button.button-disabled:active,
.form input.button-disabled[type="button"]:active,
.form input.button-disabled[type="reset"]:active,
.form input.button-disabled[type="submit"]:active {
border: none;
background-image: none;
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
filter: alpha(opacity=40);
-khtml-opacity: .40;
-moz-opacity: .40;
opacity: .40;
cursor: not-allowed;
box-shadow: none
}
.button.button-hidden,
.form button.button-hidden,
.form input.button-hidden[type="button"],
.form input.button-hidden[type="reset"],
.form input.button-hidden[type="submit"] {
display: none
}
.x1,
button,
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"],
.x2,
section article hr,
section article .hr,
.x3,
blockquote,
label,
.x4,
ol,
ul,
.x5,
figcaption,
.x6,
address,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
.x7,
aside hr,
section hr,
aside .hr,
section .hr,
.x8,
hr,
.hr {
margin-right: auto;
margin-left: auto;
display: block;
width: 100%
}
.x1,
button,
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"] {
max-width: 150px
}
.x2,
section article hr,
section article .hr {
max-width: 250px
}
.x3,
blockquote,
label {
max-width: 350px
}
.x4,
ol,
ul {
max-width: 450px
}
.x5,
figcaption {
max-width: 550px
}
.x6,
address,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
max-width: 650px
}
.x7,
aside hr,
section hr,
aside .hr,
section .hr {
max-width: 750px
}
.x8,
hr,
.hr {
max-width: 800px
}
section>:first-child,
article>:first-child,
aside>:first-child {
margin-top: 0 !important
}
section>:last-child,
article>:last-child,
aside>:last-child {
margin-bottom: 0 !important
}
#primary>h2 {
font-weight: normal;
font-size: 18px;
line-height: 18px;
letter-spacing: .03em;
color: #000;
width: auto;
max-width: none;
margin-top: 5px;
margin-bottom: 15px;
display: table;
cursor: pointer;
cursor: hand
}
#primary>h2.ui-state-hover,
#primary>h2.ui-state-active {
color: #ff0090
}
#primary>h2:active,
#primary>h2:focus {
outline: 0
}
#primary>h2 span {
display: inline-block;
padding: 10px 30px
}
#secondary>h3 {
font-size: 26px;
line-height: 46px;
font-weight: normal;
letter-spacing: .05em;
color: #000;
width: auto;
max-width: none;
margin-top: 0;
margin-bottom: 20px;
display: table;
cursor: pointer;
cursor: hand
}
#secondary>h3>span {
padding: 10px;
background: #aee239;
-webkit-box-decoration-break: clone;
-moz-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
mix-blend-mode: multiply
}
#secondary>h3>span>span {
position: relative
}
#secondary>h3.ui-state-hover>span,
#secondary>h3.ui-state-active>span {
background: #ff0
}
#secondary>h3:active,
#secondary>h3:focus {
outline: 0
}
.progress {
width: 50px;
height: 50px;
background: url(../images/loader.gif) no-repeat;
background-size: 50px 50px;
display: none;
position: absolute;
top: 0;
left: 50%;
margin-left: -25px;
mix-blend-mode: multiply
}
.ui-accordion-content {
position: relative;
min-height: 50px;
margin-bottom: 30px
}
.js .ui-accordion-content {
display: none
}
.ajax-content {
display: none;
margin-top: -10px
}
[itemprop="articleBody"] {
margin: 25px 0
}
[itemprop="articleBody"] h1,
[itemprop="articleBody"] h2,
[itemprop="articleBody"] h3,
[itemprop="articleBody"] h4,
[itemprop="articleBody"] h5,
[itemprop="articleBody"] h6 {
font-weight: normal;
text-transform: uppercase
}
[itemprop="articleBody"] h5,
[itemprop="articleBody"] h6 {
letter-spacing: .1em;
word-spacing: .2em
}
[itemprop="articleBody"] h1 {
font-size: 24px;
line-height: 26px
}
[itemprop="articleBody"] h2 {
font-size: 22px;
line-height: 24px
}
[itemprop="articleBody"] h3 {
font-size: 20px;
line-height: 22px
}
[itemprop="articleBody"] h4 {
font-size: 18px;
line-height: 20px
}
[itemprop="articleBody"] h5 {
font-size: 16px;
line-height: 18px
}
[itemprop="articleBody"] h6 {
font-size: 14px;
line-height: 16px
}
[itemprop="articleBody"] hr,
[itemprop="articleBody"] .hr {
border-top: none;
height: 4px;
background-color: transparent;
background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent);
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-position: center center
}
[itemprop="articleBody"]>:first-child {
margin-top: 0 !important
}
[itemprop="articleBody"]>:last-child {
margin-bottom: 0 !important
}
.scroll {
width: 100%;
margin: 25px auto;
position: relative;
overflow: hidden
}
.scroll img:first-of-type {
max-width: none
}
.scroll>*,
.scroll img:first-of-type {
margin-top: 0;
margin-bottom: 0
}
figure .scroll {
margin-top: 0;
margin-bottom: 0
}
.ps-container .ps-scrollbar-x-rail {
height: 6px;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
visibility: hidden
}
.ps-container.ps-active-x .ps-scrollbar-x-rail {
visibility: visible
}
.ps-container .ps-scrollbar-x {
background-color: rgba(255, 0, 144, 0.9);
height: 6px;
position: absolute;
bottom: 0;
cursor: pointer
}
.ps-container .ps-scrollbar-y-rail {
display: none !important
}
.js ul.harmonia {
display: none
}
.harmonia-select {
font-size: 16px;
margin: 0;
padding: 0
}
@-webkit-keyframes skull {
0% {
background-position: center 0
}
100% {
background-position: center -24480px
}
}
@-moz-keyframes skull {
0% {
background-position: center 0
}
100% {
background-position: center -24480px
}
}
@-ms-keyframes skull {
0% {
background-position: center 0
}
100% {
background-position: center -24480px
}
}
@-o-keyframes skull {
0% {
background-position: center 0
}
100% {
background-position: center -24480px
}
}
@keyframes skull {
0% {
background-position: center 0
}
100% {
background-position: center -24480px
}
}
@-webkit-keyframes slide-up {
0% {
-webkit-transform: translateY(100%)
}
100% {
-webkit-transform: translateY(0)
}
}
@-moz-keyframes slide-up {
0% {
-moz-transform: translateY(100%)
}
100% {
-moz-transform: translateY(0)
}
}
@-ms-keyframes slide-up {
0% {
-moz-transform: translateY(100%)
}
100% {
-moz-transform: translateY(0)
}
}
@-o-keyframes slide-up {
0% {
-o-transform: translateY(100%)
}
100% {
-o-transform: translateY(0)
}
}
@keyframes slide-up {
0% {
transform: translateY(100%)
}
100% {
transform: translateY(0)
}
}
@media (-webkit-max-device-pixel-ratio: 1),
(max-resolution: 1dppx) {
body {
margin-bottom: 500px
}
.js.no-touch .skull {
height: 500px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
mix-blend-mode: multiply
}
.js.no-touch .skull>div {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
-o-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slide-up;
-moz-animation-name: slide-up;
-ms-animation-name: slide-up;
-o-animation-name: slide-up;
animation-name: slide-up
}
.js.no-touch .skull>div::after {
content: "";
background-image: url(http://uploads.mky.io/skull.jpg);
background-repeat: no-repeat;
background-position: center 0;
background-origin: content-box;
background-attachment: local;
background-size: 350px 24480px;
width: 350px;
height: 500px;
margin: 0 auto;
display: block;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: skull;
-moz-animation-name: skull;
-ms-animation-name: skull;
-o-animation-name: skull;
animation-name: skull;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps(48);
-moz-animation-timing-function: steps(48);
-ms-animation-timing-function: steps(48);
-o-animation-timing-function: steps(48);
animation-timing-function: steps(48)
}
}
header[role="banner"] div {
color: #000
}
header[role="banner"] div a,
header[role="banner"] div a:visited,
.no-touch header[role="banner"] div a:visited:hover,
header[role="banner"] div a:focus,
.no-touch header[role="banner"] div a:focus:hover,
.no-touch header[role="banner"] div a:hover,
header[role="banner"] div a:active {
color: inherit;
box-shadow: none
}
header[role="banner"] div h1 {
font-size: 18px;
line-height: 20px;
margin: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
header[role="banner"] div h1 span {
display: none
}
header[role="banner"] div h1 span+span {
font-size: 14px;
font-weight: normal;
font-variant: small-caps;
letter-spacing: .05em;
display: block
}
header[role="banner"] div p {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 12px;
margin: 0;
padding: 0;
max-width: none;
width: auto;
position: absolute;
bottom: 15px;
left: 20px
}
header[role="banner"] div p+p {
left: auto;
right: 20px
}
header[role="banner"]>div {
max-width: 3.5in;
margin: 0 auto 15px;
position: relative
}
header[role="banner"]>div>div {
padding-top: 57.142857142857%
}
header[role="banner"]>div>div>div {
background-color: #07e7f7;
mix-blend-mode: multiply;
border-radius: 5px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.callout {
color: #333;
margin-top: 25px;
margin-bottom: 25px;
mix-blend-mode: multiply
}
.callout.callout-box {
background-color: #ddd;
padding: 10px 20px;
border-radius: 6px
}
.callout.callout-box.callout-info {
background-color: #bde5f8
}
.callout.callout-box.callout-success {
background-color: #dff2bf
}
.callout.callout-box.callout-warning {
background-color: #feefb3
}
.callout.callout-box.callout-error {
background-color: #ffbaba
}
.callout.callout-info {
color: #0d5476
}
.callout.callout-info a,
.callout.callout-info a:visited,
.no-touch .callout.callout-info a:visited:hover,
.callout.callout-info a:focus,
.no-touch .callout.callout-info a:focus:hover,
.no-touch .callout.callout-info a:hover,
.callout.callout-info a:active {
color: #0d5476
}
.callout.callout-success {
color: #4a6a15
}
.callout.callout-success a,
.callout.callout-success a:visited,
.no-touch .callout.callout-success a:visited:hover,
.callout.callout-success a:focus,
.no-touch .callout.callout-success a:focus:hover,
.no-touch .callout.callout-success a:hover,
.callout.callout-success a:active {
color: #4a6a15
}
.callout.callout-warning {
color: #7d6502
}
.callout.callout-warning a,
.callout.callout-warning a:visited,
.no-touch .callout.callout-warning a:visited:hover,
.callout.callout-warning a:focus,
.no-touch .callout.callout-warning a:focus:hover,
.no-touch .callout.callout-warning a:hover,
.callout.callout-warning a:active {
color: #7d6502
}
.callout.callout-error {
color: #870000
}
.callout.callout-error a,
.callout.callout-error a:visited,
.no-touch .callout.callout-error a:visited:hover,
.callout.callout-error a:focus,
.no-touch .callout.callout-error a:focus:hover,
.no-touch .callout.callout-error a:hover,
.callout.callout-error a:active {
color: #870000
}
@media print {
body {
background: #fff;
color: #000
}
nav {
display: none
}
@page {
margin: 1cm
}
body {
width: 100%;
margin: 0;
padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid
}
article {
page-break-before: always
}
img {
page-break-inside: avoid
}
a[href^=http]:after {
font-style: italic;
content: " < " attr(href) " > "
}
a[href^="#"]:after {
content: ""
}
}
/*! Picard v1.1.0 | https://github.com/mhulse/picard */
/* https://github.com/mhulse/picard/blob/2cd47f3418f20fe69eadbe0f16882d73116caa31/prod/1.1.0/20140621/1/css/picard.min.css */
/*! normalize.css v3.0.1 | 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,
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: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: 0.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: -0.5em
}
sub {
bottom: -0.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 {
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 #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.baseline {
position: relative;
cursor: pointer;
cursor: hand;
-webkit-highlight: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-drag: none;
-webkit-user-modify: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.baseline::before {
background-image: -webkit-linear-gradient(rgba(255, 0, 0, 0.75) 1px, transparent 1px), -webkit-linear-gradient(rgba(0, 255, 255, 0.75) 1px, transparent 1px), -webkit-linear-gradient(rgba(0, 255, 255, 0.25) 1px, transparent 1px);
background-image: -moz-linear-gradient(rgba(255, 0, 0, 0.25) 1px, transparent 1px), -moz-linear-gradient(rgba(0, 255, 255, 0.75) 1px, transparent 1px), -moz-linear-gradient(rgba(0, 255, 255, 0.25) 1px, transparent 1px);
background-image: linear-gradient(rgba(255, 0, 0, 0.75) 1px, transparent 1px), linear-gradient(rgba(0, 255, 255, 0.75) 1px, transparent 1px), linear-gradient(rgba(0, 255, 255, 0.25) 1px, transparent 1px);
background-size: 100% 1.57142857142857rem, 100% 0.78571428571429rem, 100% 0.39285714285714rem;
background-position: 0 0;
background-origin: content-box;
background-attachment: local;
width: 100%;
display: block;
position: absolute;
top: 0;
bottom: -1px;
z-index: 999;
content: "";
pointer-events: none
}
.baseline:active::before {
display: none
}
.baseline:active * {
box-shadow: inset 0 0 0 1px rgba(255, 0, 0, 0.5)
}
html {
font-size: 87.5%
}
body {
font-size: 100%;
line-height: 1.57142857142857
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.sh1,
.sh2,
.sh3,
.sh4,
.sh5,
.sh6 {
font-size: 1rem;
line-height: 1.57142857142857;
margin-top: 0;
margin-bottom: .125em
}
h1,
.h1,
.sh1 {
font-size: 3.14285714285714rem;
line-height: 1
}
h2,
.h2,
.sh2 {
font-size: 2.71428571428571rem;
line-height: 1.01315789473684
}
h3,
.h3,
.sh3 {
font-size: 2.28571428571429rem;
line-height: 1.03125
}
h4,
.h4,
.sh4 {
font-size: 1.85714285714286rem;
line-height: 1.05769230769231
}
h5,
.h5,
.sh5 {
font-size: 1.42857142857143rem;
line-height: 1.1
}
h6,
.h6,
.sh6 {
font-size: 1.14285714285714rem;
line-height: 1.203125
}
.sh1,
.sh2,
.sh3,
.sh4,
.sh5,
.sh6 {
font-weight: normal
}
li,
dt,
dd {
font-size: 1rem;
line-height: 1.17857142857143;
margin-top: 0.39285714285714em;
margin-bottom: 0.39285714285714em
}
p {
font-size: 1rem;
line-height: 1.57142857142857;
margin-top: 0.78571428571429rem;
margin-bottom: 0.78571428571429rem
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.28571428571429em
}
sup {
top: -0.57142857142857em
}
img {
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption {
font-size: 0.85714285714286rem;
line-height: 1.375;
padding-top: 0.22916666666667em;
padding-bottom: 0.22916666666667em
}
th,
td {
font-size: 1rem;
line-height: 1.17857142857143;
margin: 0;
padding-top: 0.19642857142857em;
padding-bottom: 0.19642857142857em
}
form {
margin: 0
}
fieldset {
margin-top: 1rem;
margin-bottom: 1rem;
padding-top: 0.07142857142857rem
}
input,
button {
font-size: 1em;
line-height: normal;
vertical-align: baseline
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
position: relative;
bottom: 0.14285714285714em;
vertical-align: middle
}
input[type="text"],
input[type="password"] {
font-size: 1em;
line-height: 1.57142857142857;
margin: 0;
padding-right: 0.26190476190476em;
padding-left: 0.26190476190476em;
vertical-align: baseline
}
label {
font-size: 1em;
line-height: 1.57142857142857;
vertical-align: middle
}
legend {
font-size: 1.14285714285714rem;
line-height: 1.203125;
margin: 0;
padding-bottom: 0.34375em
}
select {
font-size: 1em;
line-height: 1.57142857142857;
vertical-align: baseline
}
textarea {
font-size: 1em;
line-height: 1.57142857142857;
min-height: 7.85714285714286rem;
overflow: auto;
margin: 0;
padding: 0;
vertical-align: top
}
.fix {
*zoom: 1
}
.fix:before,
.fix:after {
content: " ";
display: table
}
.fix:after {
clear: both
}
.gone {
display: none !important;
visibility: hidden
}
.off {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ghost {
visibility: hidden
}
.nix,
.nix:focus,
.nix:hover,
.nix:active {
color: transparent;
text-decoration: none;
outline: 0;
border: 0
}
.force {
margin-top: -1px;
margin-bottom: -1px;
padding: 1px 0
}
.nono {
word-wrap: break-word;
overflow-wrap: break-word
}
.none {
max-width: none
}
.scroll {
width: 100%;
margin-top: 0.71428571428571rem;
margin-bottom: 0.71428571428571rem;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.scroll img:first-of-type {
max-width: none
}
.scroll>*,
.scroll img:first-of-type {
margin-top: 0;
margin-bottom: 0;
-webkit-transform: translateZ(0)
}
figure .scroll {
margin: 0
}
.scroll-wrap {
position: relative
}
.scroll-overlay {
font-size: 1em;
line-height: 1;
letter-spacing: .1em;
text-transform: lowercase;
text-shadow: 0 0.07142857142857rem 0.21428571428571rem #000, 0 0.07142857142857rem 0.21428571428571rem #000, 0 0.07142857142857rem 0.21428571428571rem #000, 0 0.07142857142857rem 0.21428571428571rem #000;
text-align: center;
color: #fff;
position: absolute;
z-index: 100;
width: 100%;
top: 0.71428571428571rem;
left: 0;
opacity: .5
}
.scroll-overlay::before,
.scroll-overlay::after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal
}
.scroll-overlay::before {
content: "\f0a5\00a0"
}
.scroll-overlay::after {
content: "\00a0\f0a4"
}
[data-icon]:before {
font-family: FontAwesome;
font-size: inherit;
font-style: normal;
font-weight: normal;
content: attr(data-icon);
speak: none
}
html,
body {
overflow-x: hidden
}
html {
height: 100%;
overflow-y: scroll;
-webkit-tap-highlight-color: rgba(19, 170, 201, 0.55)
}
body {
font-family: Arial, sans-serif;
text-align: center;
color: #000;
background: #fff;
padding: 3.57142857142857rem;
min-height: 100%;
text-rendering: optimizeLegibility
}
@media (max-width: 53.5rem) {
body {
padding: 1.42857142857143rem
}
}
a,
a:visited {
color: #c30;
text-decoration: none
}
a:visited:hover,
a:focus,
a:focus:hover,
a:hover,
a:active {
color: #f60;
text-decoration: underline
}
::-moz-selection {
background: rgba(19, 170, 201, 0.55);
text-shadow: none
}
::selection {
background: rgba(19, 170, 201, 0.55);
text-shadow: none
}
hr,
.hr {
border: 0;
border-top: 0.28571428571429rem solid #eee;
height: 0;
margin-top: 2.85714285714286rem;
margin-bottom: 2.85714285714286rem;
padding: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box
}
article hr,
aside hr,
section hr,
article .hr,
aside .hr,
section .hr {
border-top-width: 0.14285714285714rem;
border-color: #ccc;
margin-top: 2.14285714285714rem;
margin-bottom: 2.14285714285714rem
}
.body hr,
.body .hr {
border-top: none;
height: 0.28571428571429rem;
background-color: transparent;
background-image: linear-gradient(90deg, #999 50%, transparent 50%, transparent);
-webkit-background-size: 0.71428571428571rem 0.71428571428571rem;
-moz-background-size: 0.71428571428571rem 0.71428571428571rem;
background-size: 0.71428571428571rem 0.71428571428571rem;
background-position: center center
}
section>:first-child,
article>:first-child,
aside>:first-child {
margin-top: 0 !important
}
section>:last-child,
article>:last-child,
aside>:last-child {
margin-bottom: 0 !important
}
ul,
ol,
dl {
padding: 0
}
ul,
ol {
list-style: none
}
dt {
font-size: 1.14285714285714rem;
line-height: 1.03125;
font-weight: bold;
margin: 0;
padding: 0.171875em 0
}
dd {
margin-left: 0
}
.li1,
.li2,
.body ol,
.body ul {
counter-reset: li
}
.li1>li::before,
.li2>li::before,
.body ol>li::before,
.body ul>li::before {
font-family: Cambria, Georgia, serif;
font-weight: bold;
color: #cca700;
margin-top: 0.71428571428571rem;
margin-bottom: 0.17857142857143rem;
display: block;
content: counter(li, lower-roman);
counter-increment: li
}
.li1>li:first-child::before,
.li2>li:first-child::before,
.body ol>li:first-child::before,
.body ul>li:first-child::before {
margin-top: 0
}
.li2>li::before,
.body ul>li::before {
content: counter(li, square);
margin-bottom: 0.11904761904762rem
}
.pager>li:first-child a::before,
.pager>li:last-child a::after {
font-family: FontAwesome;
line-height: 0;
position: relative;
font-style: normal;
font-weight: normal;
text-decoration: inherit
}
.pager {
color: #888;
width: auto;
margin-top: 0.71428571428571rem;
margin-bottom: 0.71428571428571rem;
padding: 0;
display: inline-block
}
.pager>li {
font-size: 0.85714285714286rem;
line-height: 1;
margin: 0;
padding: 0;
display: inline-block
}
.pager>li a,
.pager>li span {
text-transform: uppercase;
letter-spacing: .05em;
white-space: nowrap;
background: #eee;
width: 100%;
height: 100%;
padding: 1em 1.5em;
display: block
}
.pager>li .pager-current {
color: #000;
font-weight: bold;
background: #ccc
}
.pager>li:first-child a,
.pager>li:first-child span {
border-radius: 0.21428571428571rem 0 0 0.21428571428571rem
}
.pager>li:first-child a::before {
content: "\f177\00a0"
}
.pager>li:last-child a,
.pager>li:last-child span {
border-radius: 0 0.21428571428571rem 0.21428571428571rem 0
}
.pager>li:last-child a::after {
content: "\00a0\f178"
}
.pager a {
-webkit-transition: background 200ms linear, color 750ms linear;
transition: background 200ms linear, color 750ms linear
}
.pager a,
.pager a:visited {
color: #333
}
.pager a:visited:hover,
.pager a:focus,
.pager a:focus:hover,
.pager a:hover {
color: #eee;
text-decoration: none;
background: #333
}
.pager a:focus,
.pager a:active {
outline: 0
}
.pager .fa {
line-height: 0;
position: relative
}
ul.meta {
box-shadow: 0 0.21428571428571rem rgba(0, 0, 0, 0.1)
}
ul.meta>li {
border-bottom: 0.07142857142857rem solid #bbb;
margin: 0;
padding: 0.6875em;
background: #fbfbfb;
box-shadow: inset 0 0 0.71428571428571rem 0 rgba(0, 0, 0, 0.2)
}
ul.meta>li:last-child {
border-bottom: 0
}
.cloud>li {
display: inline-block;
text-transform: lowercase;
margin: .1rem .25rem;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-all
}
.cloud a {
line-height: 1;
display: block
}
.cloud a,
.cloud a:visited {
color: #1d678f
}
.cloud a:visited:hover,
.cloud a:focus,
.cloud a:focus:hover,
.cloud a:hover,
.cloud a:active {
color: #13aac9;
text-decoration: none
}
.archive .archive-year,
.archive .archive-month,
.archive .archive-day {
color: #555;
border: 0.07142857142857rem solid #ccc;
border-top-width: 0.35714285714286rem;
background: #fff;
margin: 0.78571428571429rem 0.14285714285714rem 0.71428571428571rem;
padding: 0.71428571428571rem;
display: inline-block;
white-space: nowrap;
border-radius: 0 0 0.14285714285714rem 0.21428571428571rem;
box-shadow: 0 0.21428571428571rem 0.07142857142857rem rgba(0, 0, 0, 0.05)
}
.archive .archive-year {
color: #333;
border-color: #666
}
.archive>:nth-of-type(-n+3) {
margin-top: 0
}
.archive .archive-item {
border-width: 0.07142857142857rem 0;
border-style: solid;
border-color: #ddd;
margin: 0 0 -0.07142857142857rem;
padding: 1.42857142857143rem
}
.archive .archive-item:last-child {
border-bottom: 0
}
.archive .archive-item i {
color: #f60
}
.x1,
button,
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"],
.x2,
.body hr,
.body .hr,
.x3,
label,
.x4,
blockquote,
ol,
ul,
.x5,
figcaption,
.x6,
address,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
.x7,
article hr,
article .hr,
aside hr,
aside .hr,
section hr,
section .hr {
margin-right: auto;
margin-left: auto;
display: block;
width: 100%
}
.x1,
button,
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"] {
max-width: 10.71428571428571rem
}
.x2,
.body hr,
.body .hr {
max-width: 17.85714285714286rem
}
.x3,
label {
max-width: 25rem
}
.x4,
blockquote,
ol,
ul {
max-width: 32.14285714285715rem
}
.x5,
figcaption {
max-width: 39.28571428571429rem
}
.x6,
address,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
max-width: 46.42857142857143rem
}
.x7,
article hr,
article .hr,
aside hr,
aside .hr,
section hr,
section .hr {
max-width: 53.57142857142857rem
}
nav[role="navigation"] ul {
margin-top: 0.71428571428571rem;
margin-bottom: 0.71428571428571rem;
padding: 0
}
nav[role="navigation"] ul li {
list-style: none;
display: inline-block;
margin: 0.14285714285714rem;
padding: 0
}
nav[role="navigation"] ul a {
font-size: 0.85714285714286rem;
line-height: 1.83333333333333;
font-weight: normal;
letter-spacing: .1em;
text-transform: uppercase;
background: #000;
padding: 0.45833333333333em 1.07142857142857em;
display: block;
text-shadow: 0 0.07142857142857rem 0.07142857142857rem #000;
white-space: nowrap;
border-radius: 0.21428571428571rem;
-webkit-transition: background-color 100ms linear;
transition: background-color 100ms linear
}
nav[role="navigation"] ul a,
nav[role="navigation"] ul a:visited {
color: #fff
}
nav[role="navigation"] ul a.selected,
nav[role="navigation"] ul a:visited:hover,
nav[role="navigation"] ul a:focus,
nav[role="navigation"] ul a:focus:hover,
nav[role="navigation"] ul a:hover,
nav[role="navigation"] ul a:active {
color: #fff;
text-decoration: none;
background: #c30;
box-shadow: inset 0 0 0.35714285714286rem 0 #661a00
}
nav[role="navigation"] ul a:focus,
nav[role="navigation"] ul a:active {
outline: 0
}
h1#flag {
font-family: "hulse", Arial, sans-serif;
font-size: 8.21428571428571rem;
font-weight: normal;
font-style: normal;
line-height: 8.21428571428571rem;
text-transform: none;
margin-bottom: 3.57142857142857rem;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
position: relative
}
h1#flag a {
display: inline-block;
-webkit-transition: color 250ms linear;
transition: color 250ms linear
}
h1#flag a,
h1#flag a:visited {
color: #13aac9
}
h1#flag a:visited:hover,
h1#flag a:focus,
h1#flag a:focus:hover,
h1#flag a:hover,
h1#flag a:active {
color: #1d678f;
text-decoration: none
}
h1#flag a:active,
h1#flag a:focus {
outline: 0
}
h1#flag::before {
font-family: FontAwesome;
font-size: 1rem;
font-style: normal;
font-weight: normal;
color: #ffd100;
line-height: 1;
margin-left: 3.57142857142857rem;
position: absolute;
top: 0;
left: 50%;
content: "\f069"
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-transform: uppercase;
word-wrap: break-word;
overflow-wrap: break-word
}
h1 a,
h1 a:visited,
h2 a,
h2 a:visited,
h3 a,
h3 a:visited,
h4 a,
h4 a:visited,
h5 a,
h5 a:visited,
h6 a,
h6 a:visited {
color: #4e801c
}
h1 a:visited:hover,
h1 a:focus,
h1 a:focus:hover,
h1 a:hover,
h1 a:active,
h2 a:visited:hover,
h2 a:focus,
h2 a:focus:hover,
h2 a:hover,
h2 a:active,
h3 a:visited:hover,
h3 a:focus,
h3 a:focus:hover,
h3 a:hover,
h3 a:active,
h4 a:visited:hover,
h4 a:focus,
h4 a:focus:hover,
h4 a:hover,
h4 a:active,
h5 a:visited:hover,
h5 a:focus,
h5 a:focus:hover,
h5 a:hover,
h5 a:active,
h6 a:visited:hover,
h6 a:focus,
h6 a:focus:hover,
h6 a:hover,
h6 a:active {
color: #9ea301;
text-decoration: none
}
h1:empty {
display: none
}
.sh1,
.sh2,
.sh3,
.sh4,
.sh5,
.sh6 {
text-transform: none
}
blockquote {
font-size: 1.42857142857143rem;
line-height: 1.1;
font-family: serif;
font-style: italic;
letter-spacing: .03em;
color: #666;
border-width: 0.14285714285714rem 0;
border-style: dashed;
border-color: #ddd;
margin-top: 1.42857142857143rem;
margin-bottom: 1.42857142857143rem;
padding: 1.1em 2.2em;
position: relative
}
blockquote p {
font-size: inherit;
line-height: inherit
}
blockquote footer {
font-size: 70%;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .05em
}
blockquote footer p {
margin: 0
}
blockquote * {
max-width: none
}
blockquote blockquote {
border-width: 0.07142857142857rem 0
}
blockquote a,
blockquote a:visited {
color: #1d678f
}
blockquote a:visited:hover,
blockquote a:focus,
blockquote a:focus:hover,
blockquote a:hover,
blockquote a:active {
color: #13aac9;
text-decoration: none
}
@media (max-width: 53.5rem) {
blockquote {
padding: 1.1em
}
}
mark {
background: rgba(254, 239, 179, 0.9);
padding: 0.07142857142857rem 0.21428571428571rem;
border-radius: 0.21428571428571rem
}
del,
ins {
line-height: 0;
letter-spacing: .05em;
padding: 0.07142857142857rem 0.21428571428571rem;
position: relative;
border-radius: -0.78571428571429rem
}
del {
color: #ba0000;
background: rgba(255, 186, 186, 0.5)
}
ins {
color: #68941e;
text-decoration: none;
background: rgba(223, 242, 191, 0.5)
}
ins::before {
content: "["
}
ins::after {
content: "]"
}
q {
font-family: Cambria, Georgia, serif;
font-weight: bolder;
font-style: italic
}
abbr {
font-style: italic;
cursor: help
}
abbr[title] {
border-bottom: 0.07142857142857rem dotted
}
abbr[title="et cetera"] {
font-family: "Hoefler Text", Palatino, Constantia, "Palatino Linotype", cursive
}
cite {
font-style: italic
}
dfn {
font-weight: bold;
font-style: italic
}
dfn[title] {
border-bottom: 0.07142857142857rem dotted;
cursor: help
}
wbr::after {
content: "\00200B"
}
small,
.small {
font-size: smaller
}
span.amp {
font-size: 110%;
font-family: adobe-caslon-pro, Adobe Caslon Pro, Baskerville, "Goudy Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: italic;
line-height: 0;
vertical-align: baseline;
position: relative
}
.marker {
font-size: 1rem;
font-weight: normal;
text-transform: none;
margin-top: 1.42857142857143rem;
margin-bottom: 1.42857142857143rem;
padding: 0
}
.marker div {
display: inline-block;
overflow: hidden
}
.marker a,
.marker span {
font-size: 1.28571428571429rem;
line-height: 1.06944444444444;
letter-spacing: .03em;
margin-left: 0.07142857142857rem;
padding: 0.80208333333333em 0.71428571428571em;
float: left
}
.marker span {
color: #806900;
background: #e6bc00
}
.marker a {
background: #ffd100;
-webkit-transition: background-color 100ms linear;
transition: background-color 100ms linear
}
.marker a,
.marker a:visited {
color: #997d00
}
.marker a:visited:hover,
.marker a:focus,
.marker a:focus:hover,
.marker a:hover,
.marker a:active {
color: #997d00;
background: #ffe880
}
.marker:first-child {
margin-left: 0
}
.subtle {
font-size: 1.28571428571429rem;
line-height: 0.91666666666667;
font-family: monospace, serif;
font-weight: normal;
color: #cca700;
letter-spacing: .1em;
margin-top: 0.71428571428571rem;
margin-bottom: 0.71428571428571rem
}
.marker code,
.subtle code {
font-size: inherit;
color: inherit;
text-shadow: none;
background: transparent;
border: 0;
margin: 0;
padding: 0;
display: inline;
box-shadow: none;
border-radius: 0
}
.body>p {
font-size: 1.21428571428571rem;
line-height: 1.29411764705882;
margin-top: 1.29411764705882em;
margin-bottom: 1.29411764705882em
}
.body>:first-child {
margin-top: 0 !important
}
.body>:last-child {
margin-bottom: 0 !important
}
.body h1,
.body h2,
.body h3,
.body h4,
.body h5,
.body h6 {
color: #333
}
.body h1 a,
.body h1 a:visited,
.body h2 a,
.body h2 a:visited,
.body h3 a,
.body h3 a:visited,
.body h4 a,
.body h4 a:visited,
.body h5 a,
.body h5 a:visited,
.body h6 a,
.body h6 a:visited {
color: #504375
}
.body h1 a:visited:hover,
.body h1 a:focus,
.body h1 a:focus:hover,
.body h1 a:hover,
.body h1 a:active,
.body h2 a:visited:hover,
.body h2 a:focus,
.body h2 a:focus:hover,
.body h2 a:hover,
.body h2 a:active,
.body h3 a:visited:hover,
.body h3 a:focus,
.body h3 a:focus:hover,
.body h3 a:hover,
.body h3 a:active,
.body h4 a:visited:hover,
.body h4 a:focus,
.body h4 a:focus:hover,
.body h4 a:hover,
.body h4 a:active,
.body h5 a:visited:hover,
.body h5 a:focus,
.body h5 a:focus:hover,
.body h5 a:hover,
.body h5 a:active,
.body h6 a:visited:hover,
.body h6 a:focus,
.body h6 a:focus:hover,
.body h6 a:hover,
.body h6 a:active {
color: #8071ad;
text-decoration: underline
}
.body h1,
.body h2,
.body h3,
.body h4 {
font-family: Cambria, Georgia, serif;
font-weight: normal;
text-transform: none
}
.body h1 {
font-size: 2.71428571428571rem;
line-height: 1.15789473684211
}
.body h2 {
font-size: 2.28571428571429rem;
line-height: 1.203125
}
.body h3 {
font-size: 1.85714285714286rem;
line-height: 1.26923076923077
}
.body h4 {
font-size: 1.42857142857143rem;
line-height: 1.2375
}
.body h5 {
font-size: 1.14285714285714rem;
line-height: 1.375
}
.body h6 {
font-size: 1rem;
line-height: 1.375
}
.body h4,
.body h5,
.body h6 {
letter-spacing: .0375em
}
.label {
font-size: 0.85714285714286rem;
line-height: 1;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .15em;
margin-top: 0.71428571428571rem;
margin-bottom: 0.71428571428571rem;
padding: 0
}
.label a,
.label span {
background: #eee;
padding: .75em 1.25em;
display: inline-block
}
.label span {
color: #888
}
.label a {
-webkit-transition: background 200ms linear, color 750ms linear;
transition: background 200ms linear, color 750ms linear
}
.label a,
.label a:visited {
color: #333
}
.label a:visited:hover,
.label a:focus,
.label a:focus:hover,
.label a:hover,
.label a:active {
color: #fff;
text-decoration: none;
background: #333
}
.label a:focus,
.label a:active {
outline: 0
}
.head {
font-size: 1.14285714285714rem;
line-height: 0.928125;
font-weight: bold;
text-transform: none;
color: #6c9cb6;
margin-bottom: 0.71428571428571rem
}
.head a,
.head a:visited {
color: #1d678f
}
.head a:visited:hover,
.head a:focus,
.head a:focus:hover,
.head a:hover,
.head a:active {
color: #13aac9;
text-decoration: none
}
.external {
font-size: 1rem;
line-height: normal;
text-transform: none;
letter-spacing: .1em
}
.external a {
font-size: 1.57142857142857rem;
line-height: 1.25;
padding: 1.07142857142857rem 4.28571428571429rem;
display: inline-block;
position: relative;
border-radius: 0.21428571428571rem;
text-shadow: 0 0.07142857142857rem rgba(53, 86, 19, 0.75);
box-shadow: 0 0.21428571428571rem rgba(109, 112, 1, 0.2);
width: auto;
background-color: #4e801c;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.075) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.075) 50%, rgba(255, 255, 255, 0.075) 75%, transparent 75%, transparent);
-webkit-background-size: 3.57142857142857rem 3.57142857142857rem;
-moz-background-size: 3.57142857142857rem 3.57142857142857rem;
background-size: 3.57142857142857rem 3.57142857142857rem;
-webkit-transition: background-color 100ms linear;
transition: background-color 100ms linear
}
.external a,
.external a:visited {
color: #fff
}
.external a:visited:hover,
.external a:focus,
.external a:focus:hover,
.external a:hover,
.external a:active {
color: #fff;
text-decoration: none;
background-color: #9ea301
}
.external a::before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: smaller;
text-decoration: none;
content: "\f08e";
color: #fff;
position: absolute;
top: 1.07142857142857rem;
right: 0.85714285714286rem
}
@media (max-width: 53.5rem) {
.external a {
padding: 1.07142857142857rem;
width: 100%;
word-wrap: break-word;
overflow-wrap: break-word
}
.external a::before {
content: ""
}
}
.external time,
.external span {
font-weight: normal;
line-height: 1.2;
display: block
}
.external time {
font-size: 60%;
letter-spacing: .15em;
text-transform: uppercase;
margin-bottom: .4em
}
.external span {
font-size: smaller;
letter-spacing: .125em;
margin-top: .3em
}
.excerpt {
margin-top: .5rem;
margin-bottom: .25rem
}
@-webkit-keyframes cursor-blink {
80% {
visibility: hidden
}
}
@keyframes cursor-blink {
80% {
visibility: hidden
}
}
pre {
font-size: 1rem;
line-height: 1.375;
font-family: monospace, serif;
text-align: left;
word-wrap: normal;
padding: 0.35714285714286rem 0.71428571428571rem;
overflow: auto;
white-space: pre;
-webkit-overflow-scrolling: touch
}
pre .cursor {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: cursor-blink;
animation-name: cursor-blink;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps(2, start);
animation-timing-function: steps(2, start)
}
pre .prompt {
color: #000
}
pre.terminal {
letter-spacing: .05em;
color: #30d259;
text-shadow: 0 0.07142857142857rem 0 #000;
background: #0e1705;
border: 0.07142857142857rem solid #000;
box-shadow: inset 0 0 0.35714285714286rem 0 rgba(0, 0, 0, 0.75)
}
pre.terminal .cursor {
color: transparent;
background: #c30;
letter-spacing: -.15em
}
pre.terminal .prompt {
color: #4e801c
}
.pre {
color: #444;
background: rgba(238, 238, 238, 0.5);
border: 0.07142857142857rem solid #ddd;
border-radius: 0.21428571428571rem
}
.pygments {
color: #ccc;
background: #222;
border: 0.35714285714286rem solid #222;
margin-top: 0.71428571428571rem;
margin-bottom: 0.71428571428571rem
}
.pygments table {
margin: 0;
padding: 0;
line-height: normal
}
.pygments table .pyg {
position: relative
}
.pygments table .pyg pre {
width: 100%;
padding-right: 0;
padding-left: 0.35714285714286rem;
position: absolute
}
.pygments table .linenos {
vertical-align: top;
background: #333;
display: block;
text-decoration: none;
color: #888;
text-align: right
}
.pygments table .linenos+td {
width: 100%;
vertical-align: top
}
.pygments table th,
.pygments table td {
border: 0 none;
padding: 0
}
.pygments table pre {
margin: 0
}
.pygments .hll {
background-color: rgba(128, 113, 173, 0.2);
display: block
}
.pygments .c {
color: #75715e
}
.pygments .err {
color: #960050;
background-color: #1e0010
}
.pygments .k {
color: #66d9ef
}
.pygments .l {
color: #ae81ff
}
.pygments .n {
color: #f8f8f2
}
.pygments .o {
color: #f92672
}
.pygments .p {
color: #f8f8f2
}
.pygments .cm {
color: #75715e
}
.pygments .cp {
color: #75715e
}
.pygments .c1 {
color: #75715e
}
.pygments .cs {
color: #75715e
}
.pygments .ge {
font-style: italic
}
.pygments .gs {
font-weight: bold
}
.pygments .kc {
color: #66d9ef
}
.pygments .kd {
color: #66d9ef
}
.pygments .kn {
color: #f92672
}
.pygments .kp {
color: #66d9ef
}
.pygments .kr {
color: #66d9ef
}
.pygments .kt {
color: #66d9ef
}
.pygments .ld {
color: #e6db74
}
.pygments .m {
color: #ae81ff
}
.pygments .s {
color: #e6db74
}
.pygments .na {
color: #a6e22e
}
.pygments .nb {
color: #f8f8f2
}
.pygments .nc {
color: #a6e22e
}
.pygments .no {
color: #66d9ef
}
.pygments .nd {
color: #a6e22e
}
.pygments .ni {
color: #f8f8f2
}
.pygments .ne {
color: #a6e22e
}
.pygments .nf {
color: #a6e22e
}
.pygments .nl {
color: #f8f8f2
}
.pygments .nn {
color: #f8f8f2
}
.pygments .nx {
color: #a6e22e
}
.pygments .py {
color: #f8f8f2
}
.pygments .nt {
color: #f92672
}
.pygments .nv {
color: #f8f8f2
}
.pygments .ow {
color: #f92672
}
.pygments .w {
color: #f8f8f2
}
.pygments .mf {
color: #ae81ff
}
.pygments .mh {
color: #ae81ff
}
.pygments .mi {
color: #ae81ff
}
.pygments .mo {
color: #ae81ff
}
.pygments .sb {
color: #e6db74
}
.pygments .sc {
color: #e6db74
}
.pygments .sd {
color: #e6db74
}
.pygments .s2 {
color: #e6db74
}
.pygments .se {
color: #ae81ff
}
.pygments .sh {
color: #e6db74
}
.pygments .si {
color: #e6db74
}
.pygments .sx {
color: #e6db74
}
.pygments .sr {
color: #e6db74
}
.pygments .s1 {
color: #e6db74
}
.pygments .ss {
color: #e6db74
}
.pygments .bp {
color: #f8f8f2
}
.pygments .vc {
color: #f8f8f2
}
.pygments .vg {
color: #f8f8f2
}
.pygments .vi {
color: #f8f8f2
}
.pygments .il {
color: #ae81ff
}
code,
kbd,
samp,
var {
font-size: inherit;
font-family: monospace, serif;
font-weight: normal;
font-style: normal;
letter-spacing: normal;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-space: -hp-pre-wrap;
word-wrap: break-word
}
code {
letter-spacing: .05em;
color: #504375;
background: rgba(80, 67, 117, 0.25);
padding: 0.14285714285714rem 0.21428571428571rem;
border-radius: 0.21428571428571rem
}
kbd {
font-size: smaller;
color: #333;
text-shadow: 0 0.07142857142857rem 0 #fff;
background-color: #eee;
border: 0.07142857142857rem solid #ccc;
margin: 0 .1em;
padding: 0 .5em;
display: inline-block;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
border-radius: 0.21428571428571rem;
box-shadow: 0 0.07142857142857rem 0 rgba(0, 0, 0, 0.2), 0 0 0 0.14285714285714rem #fff inset
}
pre code,
pre kbd,
pre samp,
pre var,
kbd kbd {
font-size: inherit;
color: inherit;
text-shadow: none;
background: transparent;
border: 0;
margin: 0;
padding: 0;
display: inline;
box-shadow: none;
border-radius: 0
}
.gist {
text-align: left
}
.gist-file {
margin-top: 0.71428571428571rem;
margin-bottom: 0.71428571428571rem
}
.table {
empty-cells: hide;
margin-top: 0.71428571428571rem;
margin-right: 0.71428571428571rem;
width: 100%
}
.table caption {
text-align: left
}
.table thead {
vertical-align: bottom
}
.table tfoot {
vertical-align: top
}
.table tfoot th,
.table tfoot td {
color: #666
}
.table th,
.table td {
text-align: left;
padding-right: 0.71428571428571rem;
padding-left: 0.71428571428571rem
}
.table th:first-child,
.table td:first-child {
padding-left: 0
}
.table th:last-child,
.table td:last-child {
padding-right: 0
}
.table th {
white-space: nowrap
}
.table tbody {
vertical-align: top
}
.table.table-border-x thead th,
.table.table-border-x tbody th,
.table.table-border-x tbody td {
border-bottom: 0.07142857142857rem solid #999
}
.table.table-border-x tfoot th,
.table.table-border-x tfoot td {
border-top: 0.07142857142857rem solid #999
}
.table.table-border-x tbody tr:last-child th,
.table.table-border-x tbody tr:last-child td {
border-bottom: 0
}
.table.table-border-y th,
.table.table-border-y td {
border-right: 0.07142857142857rem solid #999;
border-left: 0.07142857142857rem solid #999
}
.table.table-border-y th:first-child,
.table.table-border-y td:first-child {
border-left: 0
}
.table.table-border-y th:last-child,
.table.table-border-y td:last-child {
border-right: 0
}
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"] {
font-weight: normal;
text-align: center;
line-height: normal;
vertical-align: baseline;
display: block;
zoom: 1;
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 1.14285714285714rem;
line-height: 1.375;
font-family: Arial, sans-serif;
text-shadow: 0 0.07142857142857rem #993d00;
letter-spacing: .1em;
color: #993d00;
width: 100%;
background-color: #f60;
border: none transparent;
border-radius: 0.21428571428571rem;
margin-top: 0.71428571428571rem;
margin-bottom: 0.71428571428571rem;
padding: 0;
padding-top: 0.34375em;
padding-bottom: 0.34375em;
-webkit-tap-highlight-color: transparent
}
.button::-moz-focus-inner,
.form button::-moz-focus-inner,
.form input[type="button"]::-moz-focus-inner,
.form input[type="reset"]::-moz-focus-inner,
.form input[type="submit"]::-moz-focus-inner {
padding: 0;
border: 0
}
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"],
.button:visited,
.form button:visited,
.form input[type="button"]:visited,
.form input[type="reset"]:visited,
.form input[type="submit"]:visited,
.button:visited:hover,
.form button:visited:hover,
.form input[type="button"]:visited:hover,
.form input[type="reset"]:visited:hover,
.form input[type="submit"]:visited:hover,
.button:focus,
.form button:focus,
.form input[type="button"]:focus,
.form input[type="reset"]:focus,
.form input[type="submit"]:focus,
.button:focus:hover,
.form button:focus:hover,
.form input[type="button"]:focus:hover,
.form input[type="reset"]:focus:hover,
.form input[type="submit"]:focus:hover,
.button:hover,
.form button:hover,
.form input[type="button"]:hover,
.form input[type="reset"]:hover,
.form input[type="submit"]:hover,
.button:active,
.form button:active,
.form input[type="button"]:active,
.form input[type="reset"]:active,
.form input[type="submit"]:active {
text-decoration: none;
color: #fff
}
.button.button-hover,
.form button.button-hover,
.form input.button-hover[type="button"],
.form input.button-hover[type="reset"],
.form input.button-hover[type="submit"],
.button:hover,
.form button:hover,
.form input[type="button"]:hover,
.form input[type="reset"]:hover,
.form input[type="submit"]:hover,
.button:focus,
.form button:focus,
.form input[type="button"]:focus,
.form input[type="reset"]:focus,
.form input[type="submit"]:focus {
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1))
}
.button:focus,
.form button:focus,
.form input[type="button"]:focus,
.form input[type="reset"]:focus,
.form input[type="submit"]:focus {
outline: 0
}
.button:active,
.form button:active,
.form input[type="button"]:active,
.form input[type="reset"]:active,
.form input[type="submit"]:active {
box-shadow: 0 0 0 0.14285714285714rem rgba(0, 0, 0, 0.15) inset, 0 0 0.71428571428571rem rgba(0, 0, 0, 0.25) inset
}
.button[disabled],
.form button[disabled],
.form input[disabled][type="button"],
.form input[disabled][type="reset"],
.form input[disabled][type="submit"],
.button.button-disabled,
.form button.button-disabled,
.form input.button-disabled[type="button"],
.form input.button-disabled[type="reset"],
.form input.button-disabled[type="submit"],
.button.button-disabled:visited,
.form button.button-disabled:visited,
.form input.button-disabled[type="button"]:visited,
.form input.button-disabled[type="reset"]:visited,
.form input.button-disabled[type="submit"]:visited,
.button.button-disabled:visited:hover,
.form button.button-disabled:visited:hover,
.form input.button-disabled[type="button"]:visited:hover,
.form input.button-disabled[type="reset"]:visited:hover,
.form input.button-disabled[type="submit"]:visited:hover,
.button.button-disabled:focus,
.form button.button-disabled:focus,
.form input.button-disabled[type="button"]:focus,
.form input.button-disabled[type="reset"]:focus,
.form input.button-disabled[type="submit"]:focus,
.button.button-disabled:focus:hover,
.form button.button-disabled:focus:hover,
.form input.button-disabled[type="button"]:focus:hover,
.form input.button-disabled[type="reset"]:focus:hover,
.form input.button-disabled[type="submit"]:focus:hover,
.button.button-disabled:hover,
.form button.button-disabled:hover,
.form input.button-disabled[type="button"]:hover,
.form input.button-disabled[type="reset"]:hover,
.form input.button-disabled[type="submit"]:hover,
.button.button-disabled:active,
.form button.button-disabled:active,
.form input.button-disabled[type="button"]:active,
.form input.button-disabled[type="reset"]:active,
.form input.button-disabled[type="submit"]:active {
border: none;
background-image: none;
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
filter: alpha(opacity=40);
-khtml-opacity: .40;
-moz-opacity: .40;
opacity: .40;
cursor: not-allowed;
box-shadow: none
}
.button.button-hidden,
.form button.button-hidden,
.form input.button-hidden[type="button"],
.form input.button-hidden[type="reset"],
.form input.button-hidden[type="submit"] {
display: none
}
.button.button-info,
.form button.button-info,
.form input.button-info[type="button"],
.form input.button-info[type="reset"],
.form input.button-info[type="submit"],
.button.button-success,
.form button.button-success,
.form input.button-success[type="button"],
.form input.button-success[type="reset"],
.form input.button-success[type="submit"],
.button.button-warning,
.form button.button-warning,
.form input.button-warning[type="button"],
.form input.button-warning[type="reset"],
.form input.button-warning[type="submit"],
.button.button-error,
.form button.button-error,
.form input.button-error[type="button"],
.form input.button-error[type="reset"],
.form input.button-error[type="submit"] {
text-shadow: none
}
.button.button-info,
.form button.button-info,
.form input.button-info[type="button"],
.form input.button-info[type="reset"],
.form input.button-info[type="submit"] {
color: #0f658d;
background-color: #bde5f8
}
.button.button-success,
.form button.button-success,
.form input.button-success[type="button"],
.form input.button-success[type="reset"],
.form input.button-success[type="submit"] {
color: #597f1a;
background-color: #dff2bf
}
.button.button-warning,
.form button.button-warning,
.form input.button-warning[type="button"],
.form input.button-warning[type="reset"],
.form input.button-warning[type="submit"] {
color: #977902;
background-color: #feefb3
}
.button.button-error,
.form button.button-error,
.form input.button-error[type="button"],
.form input.button-error[type="reset"],
.form input.button-error[type="submit"] {
color: #a10000;
background-color: #ffbaba
}
a.social.fa-lg {
font-size: 1.3875em
}
a.social,
a.social:visited {
color: #999
}
a.social:visited:hover,
a.social:focus,
a.social:focus:hover,
a.social:hover,
a.social:active {
color: #666;
text-decoration: none
}
a.social-twitter,
a.social-twitter:visited,
a.social-twitter:visited:hover,
a.social-twitter:focus,
a.social-twitter:focus:hover,
a.social-twitter:hover,
a.social-twitter:active {
color: #41b7d8
}
a.social-facebook,
a.social-facebook:visited,
a.social-facebook:visited:hover,
a.social-facebook:focus,
a.social-facebook:focus:hover,
a.social-facebook:hover,
a.social-facebook:active {
color: #3b5997
}
a.social-google-plus,
a.social-google-plus:visited,
a.social-google-plus:visited:hover,
a.social-google-plus:focus,
a.social-google-plus:focus:hover,
a.social-google-plus:hover,
a.social-google-plus:active {
color: #d64937
}
a.social-linkedin,
a.social-linkedin:visited,
a.social-linkedin:visited:hover,
a.social-linkedin:focus,
a.social-linkedin:focus:hover,
a.social-linkedin:hover,
a.social-linkedin:active {
color: #0073b2
}
a.social-pinterest,
a.social-pinterest:visited,
a.social-pinterest:visited:hover,
a.social-pinterest:focus,
a.social-pinterest:focus:hover,
a.social-pinterest:hover,
a.social-pinterest:active {
color: #cb2027
}
a.social-vk,
a.social-vk:visited,
a.social-vk:visited:hover,
a.social-vk:focus,
a.social-vk:focus:hover,
a.social-vk:hover,
a.social-vk:active {
color: #54769b
}
a.social-xing,
a.social-xing:visited,
a.social-xing:visited:hover,
a.social-xing:focus,
a.social-xing:focus:hover,
a.social-xing:hover,
a.social-xing:active {
color: #006567
}
a.social-tumblr,
a.social-tumblr:visited,
a.social-tumblr:visited:hover,
a.social-tumblr:focus,
a.social-tumblr:focus:hover,
a.social-tumblr:hover,
a.social-tumblr:active {
color: #34465d
}
.form fieldset {
border: 0;
margin: 0;
padding: 0
}
.form fieldset legend:empty {
display: none
}
.form label {
color: #666;
letter-spacing: .05em;
padding: 0.35714285714286rem
}
.form input[type="text"],
.form input[type="password"],
.form input[type="search"],
.form textarea {
font-size: 1.14285714285714rem;
line-height: 1.375;
padding: 0.39285714285714em;
color: #333;
letter-spacing: .05em;
text-align: center;
border: 0.07142857142857rem solid #ccc;
background: #fbfbfb;
width: 100%;
display: block;
box-shadow: inset 0 0.07142857142857rem 0.21428571428571rem #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
-webkit-transition: .3s linear border;
transition: .3s linear border;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box
}
.form input[type="text"]::-webkit-input-placeholder,
.form input[type="password"]::-webkit-input-placeholder,
.form input[type="search"]::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
text-align: center;
color: #999
}
.form input[type="text"]:-moz-placeholder,
.form input[type="password"]:-moz-placeholder,
.form input[type="search"]:-moz-placeholder,
.form textarea:-moz-placeholder {
text-align: center;
color: #999
}
.form input[type="text"]::-moz-placeholder,
.form input[type="password"]::-moz-placeholder,
.form input[type="search"]::-moz-placeholder,
.form textarea::-moz-placeholder {
text-align: center;
color: #999
}
.form input[type="text"]:-ms-input-placeholder,
.form input[type="password"]:-ms-input-placeholder,
.form input[type="search"]:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
text-align: center;
color: #999
}
.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form input[type="search"]:focus,
.form textarea:focus,
.form input[type="text"]:active,
.form input[type="password"]:active,
.form input[type="search"]:active,
.form textarea:active {
outline: 0
}
.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form input[type="search"]:focus,
.form textarea:focus {
border-color: #c30
}
.form input[disabled][type="text"],
.form input[disabled][type="password"],
.form input[disabled][type="search"],
.form textarea[disabled] {
cursor: not-allowed;
background: #eee;
color: #ccc
}
.form input[readonly][type="text"],
.form input[readonly][type="password"],
.form input[readonly][type="search"],
.form textarea[readonly] {
background: #eee;
color: #777;
border-color: #ccc
}
.form input[type="text"],
.form input[type="password"] {
height: auto
}
.form input[type="search"] {
background: #ddd;
background: linear-gradient(to bottom, #ddd 0, #fff 100%);
padding: 0.78571428571429em;
border-radius: 0 0 0.42857142857143rem 0.42857142857143rem;
box-shadow: inset 0 0.07142857142857rem 0.35714285714286rem rgba(0, 0, 0, 0.5), 0 0.21428571428571rem 0.07142857142857rem rgba(0, 0, 0, 0.05);
border: 0 none;
border-top: 0.28571428571429rem solid #000;
display: block
}
.form input[type="search"]:focus {
border-color: #c30
}
.form input[type="search"]::-webkit-search-decoration,
.form input[type="search"]::-webkit-search-cancel-button,
.form input[type="search"]::-webkit-search-results-button,
.form input[type="search"]::-webkit-search-results-decoration {
display: none
}
.form textarea {
min-height: 15.71428571428571rem;
resize: vertical
}
.form input[type="checkbox"],
.form input[type="radio"] {
bottom: 0.07142857142857rem
}
.form select {
font-size: 1rem;
width: 100%
}
form#search {
position: relative
}
form#search #bigglesworth_result,
form#search #bigglesworth_result-no {
width: 100%;
margin: -0.71428571428571rem auto 0;
padding: 0;
box-shadow: 0 0.35714285714286rem 0.35714285714286rem rgba(0, 0, 0, 0.2);
position: absolute;
top: auto;
left: 0;
right: 0;
z-index: 100
}
form#search #bigglesworth_result li {
border: 0.07142857142857rem solid #ddd;
margin: 0 0 -0.07142857142857rem;
list-style: none
}
form#search #bigglesworth_result time {
font-size: 0.85714285714286rem;
line-height: 1.375;
text-transform: uppercase;
letter-spacing: .1em;
display: block
}
form#search #bigglesworth_result div {
font-size: 1.14285714285714rem;
line-height: 1.203125;
font-weight: bold
}
form#search #bigglesworth_result a {
background: rgba(255, 255, 255, 0.9);
padding: 0.71428571428571rem;
display: block
}
form#search #bigglesworth_result a,
form#search #bigglesworth_result a:visited,
form#search #bigglesworth_result a:visited:hover,
form#search #bigglesworth_result a:focus,
form#search #bigglesworth_result a:focus:hover,
form#search #bigglesworth_result a:hover,
form#search #bigglesworth_result a:active {
text-decoration: none
}
form#search #bigglesworth_result a:focus,
form#search #bigglesworth_result a:active {
outline: 0
}
form#search #bigglesworth_result-no p {
font-size: 0.92857142857143rem;
line-height: 1.48076923076923;
border: 0.07142857142857rem solid #ddd;
background: rgba(255, 255, 255, 0.9);
margin: 0;
padding: 0.71428571428571rem;
max-width: none
}
form#search .bigglesworth_on {
display: block
}
form#search .bigglesworth_off {
display: none
}
form#search label {
padding: 0
}
figure {
margin: 0;
margin-top: 0.71428571428571rem;
margin-bottom: 0.71428571428571rem
}
figure img {
vertical-align: top
}
.body figure {
margin-top: 1.42857142857143rem;
margin-bottom: 1.42857142857143rem
}
figcaption>div {
font-size: 0.85714285714286rem;
line-height: 1.60416666666667;
text-transform: uppercase;
text-shadow: 0 0.07142857142857rem 0.07142857142857rem #000;
letter-spacing: .05em;
word-spacing: .25em;
color: #ddd;
background: #111;
background: linear-gradient(to bottom, #222 0, #111 100%);
margin-top: 0.92857142857143rem;
padding: 1.17857142857143em;
border-radius: 0.42857142857143rem;
box-shadow: 0 0 0.14285714285714rem rgba(0, 0, 0, 0.9);
display: inline-block;
position: relative
}
figcaption>div::after {
content: "";
border-width: 0 0.71428571428571rem 0.71428571428571rem;
border-style: solid;
border-color: #222 transparent;
width: 0;
margin-left: -0.71428571428571rem;
position: absolute;
top: -0.64285714285714rem;
left: 50%;
-webkit-transform: rotate(360deg)
}
figcaption>div b,
figcaption>div strong {
color: #fff;
letter-spacing: .08em
}
figcaption>div p {
font-size: inherit;
line-height: inherit
}
figcaption>div p:first-of-type {
margin-top: 0 !important
}
figcaption>div p:last-of-type {
margin-bottom: 0 !important
}
figcaption>div a,
figcaption>div a:visited {
color: #f60
}
figcaption>div a:visited:hover,
figcaption>div a:focus,
figcaption>div a:focus:hover,
figcaption>div a:hover,
figcaption>div a:active {
color: #ffd100;
text-decoration: none
}
figcaption>div .social {
white-space: nowrap
}
figcaption>div .social i {
margin-right: 0.21428571428571rem
}
img {
border: 0;
max-width: 100%;
height: auto
}
a img {
border: 0;
outline: 0
}
iframe,
object,
embed {
max-width: 100%;
outline: 0
}
audio,
video {
vertical-align: middle;
display: block
}
audio:focus,
audio:active,
video:focus,
video:active {
outline: 0
}
audio {
width: 100%;
margin-top: 1.42857142857143rem;
margin-bottom: 1.42857142857143rem
}
.mm {
height: 0;
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
margin-top: 0.71428571428571rem;
margin-bottom: 0.71428571428571rem
}
.mm iframe,
.mm object,
.mm embed,
.mm video {
border: 0;
width: 100% !important;
height: 100% !important;
max-width: none;
position: absolute;
top: 0;
left: 0
}
.mm.theatre {
padding-bottom: 59.171597633136%
}
.mm.slide {
padding-bottom: 66.666666666667%
}
.mm.tv {
padding-bottom: 75%
}
iframe[id^='twitter-widget-'],
.twitter-timeline {
width: 100%
}
.meta {
font-size: 1rem;
line-height: 1.375;
color: #666;
font-style: italic;
border: 0.07142857142857rem solid #bbb;
background: #fbfbfb;
border-radius: 0.21428571428571rem
}
.meta a {
font-weight: bold
}
.meta a,
.meta a:visited {
color: #666
}
.meta a:visited:hover,
.meta a:focus,
.meta a:focus:hover,
.meta a:hover,
.meta a:active {
color: #000;
text-decoration: underline
}
p.meta {
padding: 0.58928571428571em 1.57142857142857em;
box-shadow: inset 0 0 0.71428571428571rem 0 rgba(0, 0, 0, 0.2), 0 0.21428571428571rem rgba(0, 0, 0, 0.1)
}
ul.meta>li,
p.meta {
-webkit-transition: background-color 200ms linear;
transition: background-color 200ms linear
}
ul.meta>li:hover,
p.meta:hover {
background: #fff
}
.callout {
color: #333;
letter-spacing: .03em
}
.callout a {
font-weight: bold
}
.callout a,
.callout a:visited {
color: #333;
text-decoration: none
}
.callout a:visited:hover,
.callout a:focus,
.callout a:focus:hover,
.callout a:hover,
.callout a:active {
color: #333;
text-decoration: underline
}
.callout.callout-box {
font-size: 0.85714285714286rem;
line-height: 1.375;
background-color: #ddd;
padding: 1.42857142857143rem;
border-radius: 0.42857142857143rem
}
.callout.callout-box.callout-info {
background-color: #bde5f8
}
.callout.callout-box.callout-success {
background-color: #dff2bf
}
.callout.callout-box.callout-warning {
background-color: #feefb3
}
.callout.callout-box.callout-error {
background-color: #ffbaba
}
.callout.callout-info {
color: #0d5476
}
.callout.callout-info a,
.callout.callout-info a:visited,
.callout.callout-info a:visited:hover,
.callout.callout-info a:focus,
.callout.callout-info a:focus:hover,
.callout.callout-info a:hover,
.callout.callout-info a:active {
color: #0d5476
}
.callout.callout-success {
color: #4a6a15
}
.callout.callout-success a,
.callout.callout-success a:visited,
.callout.callout-success a:visited:hover,
.callout.callout-success a:focus,
.callout.callout-success a:focus:hover,
.callout.callout-success a:hover,
.callout.callout-success a:active {
color: #4a6a15
}
.callout.callout-warning {
color: #7d6502
}
.callout.callout-warning a,
.callout.callout-warning a:visited,
.callout.callout-warning a:visited:hover,
.callout.callout-warning a:focus,
.callout.callout-warning a:focus:hover,
.callout.callout-warning a:hover,
.callout.callout-warning a:active {
color: #7d6502
}
.callout.callout-error {
color: #870000
}
.callout.callout-error a,
.callout.callout-error a:visited,
.callout.callout-error a:visited:hover,
.callout.callout-error a:focus,
.callout.callout-error a:focus:hover,
.callout.callout-error a:hover,
.callout.callout-error a:active {
color: #870000
}
.boring {
font-size: 0.92857142857143rem;
line-height: 1.48076923076923;
font-style: italic;
letter-spacing: .03em;
color: #666
}
.boring:first-line {
color: #333
}
.boring a,
.boring a:visited {
color: #1d678f
}
.boring a:visited:hover,
.boring a:focus,
.boring a:focus:hover,
.boring a:hover,
.boring a:active {
color: #1d678f;
font-style: underline
}
.boring small {
font-size: 1em;
display: block
}
@media (max-width: 53.5rem) {
.boring span {
display: block
}
.boring span span {
display: none
}
}
.js #disqus {
display: none
}
.silly:before {
font-family: FontAwesome;
font-size: inherit;
font-style: normal;
font-weight: normal;
color: #ffd100;
content: "\f069\00a0"
}
footer[role="contentinfo"] {
position: relative
}
.jump {
border-radius: 100%;
background: #ddd;
width: 3.5rem;
height: 3.5rem;
position: absolute;
top: 0;
-webkit-transition: background 200ms linear, color 750ms linear;
transition: background 200ms linear, color 750ms linear;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent
}
.jump,
.jump:visited {
color: #333;
text-decoration: none
}
.jump:visited:hover,
.jump:focus,
.jump:focus:hover,
.jump:hover,
.jump:active {
color: #fff;
text-decoration: none;
background: #333
}
.jump:active,
.jump:focus {
outline: 0
}
.jump span {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.jump i {
line-height: 0;
text-align: center;
height: 0;
margin-top: 0.07142857142857rem;
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 100
}
.jump.jump-old {
left: 0
}
.jump.jump-old i {
left: -1px
}
.jump.jump-new {
right: 0
}
.jump.jump-new i {
right: -1px
}
@media (max-width: 26.75rem) {
.jump {
width: 2.78571428571429rem;
height: 2.78571428571429rem;
top: 1.07142857142857rem
}
}
@-webkit-keyframes skull {
0% {
background-position: center 0
}
100% {
background-position: center -24480px
}
}
@keyframes skull {
0% {
background-position: center 0
}
100% {
background-position: center -24480px
}
}
.js footer[role="contentinfo"]::after {
background-image: url(http://uploads.mky.io/skull.jpg);
background-repeat: no-repeat;
background-position: center 0;
background-origin: content-box;
background-attachment: local;
background-size: 350px 24480px;
height: 500px;
margin: 0 auto -3.57142857142857rem;
display: block;
content: "";
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: skull;
animation-name: skull;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps(48);
animation-timing-function: steps(48)
}
@media (max-width: 53.5rem) {
.js footer[role="contentinfo"]::after {
margin-bottom: -1.42857142857143rem
}
}
@media print {
body {
background: #fff;
color: #000
}
nav {
display: none
}
@page {
margin: 1cm
}
body {
width: 100%;
margin: 0;
padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid
}
article {
page-break-before: always
}
img {
page-break-inside: avoid
}
a[href^=http]:after {
font-style: italic;
content: " < " attr(href) " > "
}
a[href^="#"]:after {
content: ""
}
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/* https://github.com/mhulse/election-2014-general/blob/b7cb574ee7f240a60f87775f3b566a7bb50efc23/prod/0.1.1/20141115/1/styles/rg.min.css */
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,
strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: 0.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: -0.5em
}
sub {
bottom: -0.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 {
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 #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
/*!
Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
.pure-g {
letter-spacing: -0.31em;
*letter-spacing: normal;
*word-spacing: -0.43em;
text-rendering: optimizespeed;
font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
display: -webkit-flex;
-webkit-flex-flow: row wrap;
display: -ms-flexbox;
-ms-flex-flow: row wrap
}
.opera-only:-o-prefocus,
.pure-g {
word-spacing: -0.43em
}
.pure-u {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto
}
.pure-g [class*="pure-u"] {
font-family: sans-serif
}
.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto
}
.pure-u-1-24 {
width: 4.1667%;
*width: 4.1357%
}
.pure-u-1-12,
.pure-u-2-24 {
width: 8.3333%;
*width: 8.3023%
}
.pure-u-1-8,
.pure-u-3-24 {
width: 12.5000%;
*width: 12.4690%
}
.pure-u-1-6,
.pure-u-4-24 {
width: 16.6667%;
*width: 16.6357%
}
.pure-u-1-5 {
width: 20%;
*width: 19.9690%
}
.pure-u-5-24 {
width: 20.8333%;
*width: 20.8023%
}
.pure-u-1-4,
.pure-u-6-24 {
width: 25%;
*width: 24.9690%
}
.pure-u-7-24 {
width: 29.1667%;
*width: 29.1357%
}
.pure-u-1-3,
.pure-u-8-24 {
width: 33.3333%;
*width: 33.3023%
}
.pure-u-3-8,
.pure-u-9-24 {
width: 37.5000%;
*width: 37.4690%
}
.pure-u-2-5 {
width: 40%;
*width: 39.9690%
}
.pure-u-5-12,
.pure-u-10-24 {
width: 41.6667%;
*width: 41.6357%
}
.pure-u-11-24 {
width: 45.8333%;
*width: 45.8023%
}
.pure-u-1-2,
.pure-u-12-24 {
width: 50%;
*width: 49.9690%
}
.pure-u-13-24 {
width: 54.1667%;
*width: 54.1357%
}
.pure-u-7-12,
.pure-u-14-24 {
width: 58.3333%;
*width: 58.3023%
}
.pure-u-3-5 {
width: 60%;
*width: 59.9690%
}
.pure-u-5-8,
.pure-u-15-24 {
width: 62.5000%;
*width: 62.4690%
}
.pure-u-2-3,
.pure-u-16-24 {
width: 66.6667%;
*width: 66.6357%
}
.pure-u-17-24 {
width: 70.8333%;
*width: 70.8023%
}
.pure-u-3-4,
.pure-u-18-24 {
width: 75%;
*width: 74.9690%
}
.pure-u-19-24 {
width: 79.1667%;
*width: 79.1357%
}
.pure-u-4-5 {
width: 80%;
*width: 79.9690%
}
.pure-u-5-6,
.pure-u-20-24 {
width: 83.3333%;
*width: 83.3023%
}
.pure-u-7-8,
.pure-u-21-24 {
width: 87.5000%;
*width: 87.4690%
}
.pure-u-11-12,
.pure-u-22-24 {
width: 91.6667%;
*width: 91.6357%
}
.pure-u-23-24 {
width: 95.8333%;
*width: 95.8023%
}
.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
width: 100%
}
@media all and (min-width: 640px) {
.pure-u-sm-1,
.pure-u-sm-1-1,
.pure-u-sm-1-2,
.pure-u-sm-1-3,
.pure-u-sm-2-3,
.pure-u-sm-1-4,
.pure-u-sm-3-4,
.pure-u-sm-1-5,
.pure-u-sm-2-5,
.pure-u-sm-3-5,
.pure-u-sm-4-5,
.pure-u-sm-5-5,
.pure-u-sm-1-6,
.pure-u-sm-5-6,
.pure-u-sm-1-8,
.pure-u-sm-3-8,
.pure-u-sm-5-8,
.pure-u-sm-7-8,
.pure-u-sm-1-12,
.pure-u-sm-5-12,
.pure-u-sm-7-12,
.pure-u-sm-11-12,
.pure-u-sm-1-24,
.pure-u-sm-2-24,
.pure-u-sm-3-24,
.pure-u-sm-4-24,
.pure-u-sm-5-24,
.pure-u-sm-6-24,
.pure-u-sm-7-24,
.pure-u-sm-8-24,
.pure-u-sm-9-24,
.pure-u-sm-10-24,
.pure-u-sm-11-24,
.pure-u-sm-12-24,
.pure-u-sm-13-24,
.pure-u-sm-14-24,
.pure-u-sm-15-24,
.pure-u-sm-16-24,
.pure-u-sm-17-24,
.pure-u-sm-18-24,
.pure-u-sm-19-24,
.pure-u-sm-20-24,
.pure-u-sm-21-24,
.pure-u-sm-22-24,
.pure-u-sm-23-24,
.pure-u-sm-24-24 {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto
}
.pure-u-sm-1-24 {
width: 4.16666666666667%
}
.pure-u-sm-1-12,
.pure-u-sm-2-24 {
width: 8.33333333333333%
}
.pure-u-sm-1-8,
.pure-u-sm-3-24 {
width: 12.50000000000000%
}
.pure-u-sm-1-6,
.pure-u-sm-4-24 {
width: 16.66666666666666%
}
.pure-u-sm-1-5 {
width: 20%
}
.pure-u-sm-5-24 {
width: 20.83333333333334%
}
.pure-u-sm-1-4,
.pure-u-sm-6-24 {
width: 25%
}
.pure-u-sm-7-24 {
width: 29.16666666666667%
}
.pure-u-sm-1-3,
.pure-u-sm-8-24 {
width: 33.33333333333333%
}
.pure-u-sm-3-8,
.pure-u-sm-9-24 {
width: 37.50000000000000%
}
.pure-u-sm-2-5 {
width: 40%
}
.pure-u-sm-5-12,
.pure-u-sm-10-24 {
width: 41.66666666666667%
}
.pure-u-sm-11-24 {
width: 45.83333333333333%
}
.pure-u-sm-1-2,
.pure-u-sm-12-24 {
width: 50%
}
.pure-u-sm-13-24 {
width: 54.16666666666666%
}
.pure-u-sm-7-12,
.pure-u-sm-14-24 {
width: 58.33333333333334%
}
.pure-u-sm-3-5 {
width: 60%
}
.pure-u-sm-5-8,
.pure-u-sm-15-24 {
width: 62.50000000000000%
}
.pure-u-sm-2-3,
.pure-u-sm-16-24 {
width: 66.66666666666666%
}
.pure-u-sm-17-24 {
width: 70.83333333333334%
}
.pure-u-sm-3-4,
.pure-u-sm-18-24 {
width: 75%
}
.pure-u-sm-19-24 {
width: 79.16666666666666%
}
.pure-u-sm-4-5 {
width: 80%
}
.pure-u-sm-5-6,
.pure-u-sm-20-24 {
width: 83.33333333333334%
}
.pure-u-sm-7-8,
.pure-u-sm-21-24 {
width: 87.50000000000000%
}
.pure-u-sm-11-12,
.pure-u-sm-22-24 {
width: 91.66666666666666%
}
.pure-u-sm-23-24 {
width: 95.83333333333334%
}
.pure-u-sm-1,
.pure-u-sm-1-1,
.pure-u-sm-5-5,
.pure-u-sm-24-24 {
width: 100%
}
}
@media all and (min-width: 960px) {
.pure-u-md-1,
.pure-u-md-1-1,
.pure-u-md-1-2,
.pure-u-md-1-3,
.pure-u-md-2-3,
.pure-u-md-1-4,
.pure-u-md-3-4,
.pure-u-md-1-5,
.pure-u-md-2-5,
.pure-u-md-3-5,
.pure-u-md-4-5,
.pure-u-md-5-5,
.pure-u-md-1-6,
.pure-u-md-5-6,
.pure-u-md-1-8,
.pure-u-md-3-8,
.pure-u-md-5-8,
.pure-u-md-7-8,
.pure-u-md-1-12,
.pure-u-md-5-12,
.pure-u-md-7-12,
.pure-u-md-11-12,
.pure-u-md-1-24,
.pure-u-md-2-24,
.pure-u-md-3-24,
.pure-u-md-4-24,
.pure-u-md-5-24,
.pure-u-md-6-24,
.pure-u-md-7-24,
.pure-u-md-8-24,
.pure-u-md-9-24,
.pure-u-md-10-24,
.pure-u-md-11-24,
.pure-u-md-12-24,
.pure-u-md-13-24,
.pure-u-md-14-24,
.pure-u-md-15-24,
.pure-u-md-16-24,
.pure-u-md-17-24,
.pure-u-md-18-24,
.pure-u-md-19-24,
.pure-u-md-20-24,
.pure-u-md-21-24,
.pure-u-md-22-24,
.pure-u-md-23-24,
.pure-u-md-24-24 {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto
}
.pure-u-md-1-24 {
width: 4.16666666666667%
}
.pure-u-md-1-12,
.pure-u-md-2-24 {
width: 8.33333333333333%
}
.pure-u-md-1-8,
.pure-u-md-3-24 {
width: 12.50000000000000%
}
.pure-u-md-1-6,
.pure-u-md-4-24 {
width: 16.66666666666666%
}
.pure-u-md-1-5 {
width: 20%
}
.pure-u-md-5-24 {
width: 20.83333333333334%
}
.pure-u-md-1-4,
.pure-u-md-6-24 {
width: 25%
}
.pure-u-md-7-24 {
width: 29.16666666666667%
}
.pure-u-md-1-3,
.pure-u-md-8-24 {
width: 33.33333333333333%
}
.pure-u-md-3-8,
.pure-u-md-9-24 {
width: 37.50000000000000%
}
.pure-u-md-2-5 {
width: 40%
}
.pure-u-md-5-12,
.pure-u-md-10-24 {
width: 41.66666666666667%
}
.pure-u-md-11-24 {
width: 45.83333333333333%
}
.pure-u-md-1-2,
.pure-u-md-12-24 {
width: 50%
}
.pure-u-md-13-24 {
width: 54.16666666666666%
}
.pure-u-md-7-12,
.pure-u-md-14-24 {
width: 58.33333333333334%
}
.pure-u-md-3-5 {
width: 60%
}
.pure-u-md-5-8,
.pure-u-md-15-24 {
width: 62.50000000000000%
}
.pure-u-md-2-3,
.pure-u-md-16-24 {
width: 66.66666666666666%
}
.pure-u-md-17-24 {
width: 70.83333333333334%
}
.pure-u-md-3-4,
.pure-u-md-18-24 {
width: 75%
}
.pure-u-md-19-24 {
width: 79.16666666666666%
}
.pure-u-md-4-5 {
width: 80%
}
.pure-u-md-5-6,
.pure-u-md-20-24 {
width: 83.33333333333334%
}
.pure-u-md-7-8,
.pure-u-md-21-24 {
width: 87.50000000000000%
}
.pure-u-md-11-12,
.pure-u-md-22-24 {
width: 91.66666666666666%
}
.pure-u-md-23-24 {
width: 95.83333333333334%
}
.pure-u-md-1,
.pure-u-md-1-1,
.pure-u-md-5-5,
.pure-u-md-24-24 {
width: 100%
}
}
@media all and (min-width: 1280px) {
.pure-u-lg-1,
.pure-u-lg-1-1,
.pure-u-lg-1-2,
.pure-u-lg-1-3,
.pure-u-lg-2-3,
.pure-u-lg-1-4,
.pure-u-lg-3-4,
.pure-u-lg-1-5,
.pure-u-lg-2-5,
.pure-u-lg-3-5,
.pure-u-lg-4-5,
.pure-u-lg-5-5,
.pure-u-lg-1-6,
.pure-u-lg-5-6,
.pure-u-lg-1-8,
.pure-u-lg-3-8,
.pure-u-lg-5-8,
.pure-u-lg-7-8,
.pure-u-lg-1-12,
.pure-u-lg-5-12,
.pure-u-lg-7-12,
.pure-u-lg-11-12,
.pure-u-lg-1-24,
.pure-u-lg-2-24,
.pure-u-lg-3-24,
.pure-u-lg-4-24,
.pure-u-lg-5-24,
.pure-u-lg-6-24,
.pure-u-lg-7-24,
.pure-u-lg-8-24,
.pure-u-lg-9-24,
.pure-u-lg-10-24,
.pure-u-lg-11-24,
.pure-u-lg-12-24,
.pure-u-lg-13-24,
.pure-u-lg-14-24,
.pure-u-lg-15-24,
.pure-u-lg-16-24,
.pure-u-lg-17-24,
.pure-u-lg-18-24,
.pure-u-lg-19-24,
.pure-u-lg-20-24,
.pure-u-lg-21-24,
.pure-u-lg-22-24,
.pure-u-lg-23-24,
.pure-u-lg-24-24 {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto
}
.pure-u-lg-1-24 {
width: 4.16666666666667%
}
.pure-u-lg-1-12,
.pure-u-lg-2-24 {
width: 8.33333333333333%
}
.pure-u-lg-1-8,
.pure-u-lg-3-24 {
width: 12.50000000000000%
}
.pure-u-lg-1-6,
.pure-u-lg-4-24 {
width: 16.66666666666666%
}
.pure-u-lg-1-5 {
width: 20%
}
.pure-u-lg-5-24 {
width: 20.83333333333334%
}
.pure-u-lg-1-4,
.pure-u-lg-6-24 {
width: 25%
}
.pure-u-lg-7-24 {
width: 29.16666666666667%
}
.pure-u-lg-1-3,
.pure-u-lg-8-24 {
width: 33.33333333333333%
}
.pure-u-lg-3-8,
.pure-u-lg-9-24 {
width: 37.50000000000000%
}
.pure-u-lg-2-5 {
width: 40%
}
.pure-u-lg-5-12,
.pure-u-lg-10-24 {
width: 41.66666666666667%
}
.pure-u-lg-11-24 {
width: 45.83333333333333%
}
.pure-u-lg-1-2,
.pure-u-lg-12-24 {
width: 50%
}
.pure-u-lg-13-24 {
width: 54.16666666666666%
}
.pure-u-lg-7-12,
.pure-u-lg-14-24 {
width: 58.33333333333334%
}
.pure-u-lg-3-5 {
width: 60%
}
.pure-u-lg-5-8,
.pure-u-lg-15-24 {
width: 62.50000000000000%
}
.pure-u-lg-2-3,
.pure-u-lg-16-24 {
width: 66.66666666666666%
}
.pure-u-lg-17-24 {
width: 70.83333333333334%
}
.pure-u-lg-3-4,
.pure-u-lg-18-24 {
width: 75%
}
.pure-u-lg-19-24 {
width: 79.16666666666666%
}
.pure-u-lg-4-5 {
width: 80%
}
.pure-u-lg-5-6,
.pure-u-lg-20-24 {
width: 83.33333333333334%
}
.pure-u-lg-7-8,
.pure-u-lg-21-24 {
width: 87.50000000000000%
}
.pure-u-lg-11-12,
.pure-u-lg-22-24 {
width: 91.66666666666666%
}
.pure-u-lg-23-24 {
width: 95.83333333333334%
}
.pure-u-lg-1,
.pure-u-lg-1-1,
.pure-u-lg-5-5,
.pure-u-lg-24-24 {
width: 100%
}
}
@media all and (min-width: 1600px) {
.pure-u-xl-1,
.pure-u-xl-1-1,
.pure-u-xl-1-2,
.pure-u-xl-1-3,
.pure-u-xl-2-3,
.pure-u-xl-1-4,
.pure-u-xl-3-4,
.pure-u-xl-1-5,
.pure-u-xl-2-5,
.pure-u-xl-3-5,
.pure-u-xl-4-5,
.pure-u-xl-5-5,
.pure-u-xl-1-6,
.pure-u-xl-5-6,
.pure-u-xl-1-8,
.pure-u-xl-3-8,
.pure-u-xl-5-8,
.pure-u-xl-7-8,
.pure-u-xl-1-12,
.pure-u-xl-5-12,
.pure-u-xl-7-12,
.pure-u-xl-11-12,
.pure-u-xl-1-24,
.pure-u-xl-2-24,
.pure-u-xl-3-24,
.pure-u-xl-4-24,
.pure-u-xl-5-24,
.pure-u-xl-6-24,
.pure-u-xl-7-24,
.pure-u-xl-8-24,
.pure-u-xl-9-24,
.pure-u-xl-10-24,
.pure-u-xl-11-24,
.pure-u-xl-12-24,
.pure-u-xl-13-24,
.pure-u-xl-14-24,
.pure-u-xl-15-24,
.pure-u-xl-16-24,
.pure-u-xl-17-24,
.pure-u-xl-18-24,
.pure-u-xl-19-24,
.pure-u-xl-20-24,
.pure-u-xl-21-24,
.pure-u-xl-22-24,
.pure-u-xl-23-24,
.pure-u-xl-24-24 {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto
}
.pure-u-xl-1-24 {
width: 4.16666666666667%
}
.pure-u-xl-1-12,
.pure-u-xl-2-24 {
width: 8.33333333333333%
}
.pure-u-xl-1-8,
.pure-u-xl-3-24 {
width: 12.50000000000000%
}
.pure-u-xl-1-6,
.pure-u-xl-4-24 {
width: 16.66666666666666%
}
.pure-u-xl-1-5 {
width: 20%
}
.pure-u-xl-5-24 {
width: 20.83333333333334%
}
.pure-u-xl-1-4,
.pure-u-xl-6-24 {
width: 25%
}
.pure-u-xl-7-24 {
width: 29.16666666666667%
}
.pure-u-xl-1-3,
.pure-u-xl-8-24 {
width: 33.33333333333333%
}
.pure-u-xl-3-8,
.pure-u-xl-9-24 {
width: 37.50000000000000%
}
.pure-u-xl-2-5 {
width: 40%
}
.pure-u-xl-5-12,
.pure-u-xl-10-24 {
width: 41.66666666666667%
}
.pure-u-xl-11-24 {
width: 45.83333333333333%
}
.pure-u-xl-1-2,
.pure-u-xl-12-24 {
width: 50%
}
.pure-u-xl-13-24 {
width: 54.16666666666666%
}
.pure-u-xl-7-12,
.pure-u-xl-14-24 {
width: 58.33333333333334%
}
.pure-u-xl-3-5 {
width: 60%
}
.pure-u-xl-5-8,
.pure-u-xl-15-24 {
width: 62.50000000000000%
}
.pure-u-xl-2-3,
.pure-u-xl-16-24 {
width: 66.66666666666666%
}
.pure-u-xl-17-24 {
width: 70.83333333333334%
}
.pure-u-xl-3-4,
.pure-u-xl-18-24 {
width: 75%
}
.pure-u-xl-19-24 {
width: 79.16666666666666%
}
.pure-u-xl-4-5 {
width: 80%
}
.pure-u-xl-5-6,
.pure-u-xl-20-24 {
width: 83.33333333333334%
}
.pure-u-xl-7-8,
.pure-u-xl-21-24 {
width: 87.50000000000000%
}
.pure-u-xl-11-12,
.pure-u-xl-22-24 {
width: 91.66666666666666%
}
.pure-u-xl-23-24 {
width: 95.83333333333334%
}
.pure-u-xl-1,
.pure-u-xl-1-1,
.pure-u-xl-5-5,
.pure-u-xl-24-24 {
width: 100%
}
}
.fix {
*zoom: 1
}
.fix:before,
.fix:after {
content: " ";
display: table
}
.fix:after {
clear: both
}
.gone {
display: none !important;
visibility: hidden
}
.off {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ghost {
visibility: hidden
}
.nix,
.nix:focus,
.no-touch .nix:hover,
.nix:active {
color: transparent;
text-decoration: none;
outline: 0;
border: 0
}
.force {
margin-top: -1px;
margin-bottom: -1px;
padding: 1px 0
}
.nono {
word-wrap: break-word;
overflow-wrap: break-word
}
.none {
max-width: none
}
[data-icon]:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: inherit;
content: attr(data-icon);
speak: none
}
.scroll {
width: 100%;
margin: 10px 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.scroll img:first-of-type {
max-width: none
}
.scroll>*,
.scroll img:first-of-type {
margin-top: 0;
margin-bottom: 0;
-webkit-transform: translateZ(0)
}
figure .scroll {
margin: 0
}
.scroll-wrap {
position: relative
}
.scroll-overlay {
font-size: 1em;
line-height: 1;
letter-spacing: .1em;
text-transform: lowercase;
text-shadow: 0 1px 3px #000, 0 1px 3px #000, 0 1px 3px #000, 0 1px 3px #000;
text-align: center;
color: #fff;
position: absolute;
z-index: 100;
width: 100%;
top: 10px;
left: 0;
opacity: .5
}
.scroll-overlay::before,
.scroll-overlay::after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal
}
.scroll-overlay::before {
content: "\f0a5\00a0"
}
.scroll-overlay::after {
content: "\00a0\f0a4"
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html,
body {
overflow-x: hidden
}
html {
height: 100%;
overflow-y: scroll;
-webkit-tap-highlight-color: transparent;
position: relative
}
body {
font-size: 14px;
line-height: 20px;
font-family: Arial, sans-serif;
color: #000;
background: #000;
min-height: 100%;
text-rendering: optimizeLegibility
}
p.excerpt {
margin-top: 5px
}
a,
a:visited {
color: #ca4700;
text-decoration: none
}
.no-touch a:visited:hover,
a:focus,
.no-touch a:focus:hover,
.no-touch a:hover,
a:active {
color: #ff7931
}
::-moz-selection {
background: rgba(202, 71, 0, 0.55);
text-shadow: none
}
::selection {
background: rgba(202, 71, 0, 0.55);
text-shadow: none
}
hr {
border: 0;
border-top: 4px solid #eee;
height: 0;
margin: 50px 0;
padding: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box
}
article hr,
aside hr,
section hr {
border-top-width: 1px;
border-color: #ccc;
margin: 25px 0
}
blockquote {
font-family: Cambria, Georgia, serif;
font-size: 18px;
font-style: italic;
line-height: 22px;
letter-spacing: .05em;
word-spacing: .15em;
margin: 50px 0 0 40px;
padding: 0;
position: relative
}
blockquote p {
font-size: inherit;
line-height: inherit;
margin: 10px 0
}
blockquote footer {
font-size: 70%;
font-weight: normal;
letter-spacing: .05em;
color: #888
}
blockquote footer p {
margin: 0
}
blockquote * {
max-width: none
}
blockquote>:first-child {
margin-top: 0 !important
}
blockquote>:last-child {
margin-bottom: 0 !important
}
blockquote::before,
blockquote::after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 60px;
color: rgba(0, 0, 0, 0.1);
line-height: 1;
position: absolute
}
blockquote::before {
top: -25px;
left: -40px;
content: "\f10d"
}
mark {
background: rgba(254, 239, 179, 0.9);
padding: 1px 3px;
border-radius: 3px
}
del,
ins {
line-height: 0;
letter-spacing: .05em;
padding: 1px 3px;
position: relative;
border-radius: 2px
}
del {
color: #ba0000;
background: rgba(255, 186, 186, 0.5)
}
ins {
color: #68941e;
text-decoration: none;
background: rgba(223, 242, 191, 0.5)
}
ins::before {
content: "["
}
ins::after {
content: "]"
}
q {
font-weight: bolder;
font-style: italic
}
abbr {
font-style: italic;
cursor: help
}
abbr[title] {
border-bottom: 2px solid
}
cite {
font-style: italic
}
dfn {
font-weight: bold;
font-style: italic
}
dfn[title] {
border-bottom: 2px solid;
cursor: help
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
wbr::after {
content: "\00200B"
}
small,
.small {
font-size: smaller
}
h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: .02em;
word-spacing: .12em;
word-wrap: break-word;
overflow-wrap: break-word;
margin: 25px 0;
padding: 0
}
h1+h1,
h2+h1,
h3+h1,
h4+h1,
h5+h1,
h6+h1,
h1+h2,
h2+h2,
h3+h2,
h4+h2,
h5+h2,
h6+h2,
h1+h3,
h2+h3,
h3+h3,
h4+h3,
h5+h3,
h6+h3,
h1+h4,
h2+h4,
h3+h4,
h4+h4,
h5+h4,
h6+h4,
h1+h5,
h2+h5,
h3+h5,
h4+h5,
h5+h5,
h6+h5,
h1+h6,
h2+h6,
h3+h6,
h4+h6,
h5+h6,
h6+h6 {
margin-top: -20px
}
h1 a,
h1 a:visited,
h2 a,
h2 a:visited,
h3 a,
h3 a:visited,
h4 a,
h4 a:visited,
h5 a,
h5 a:visited,
h6 a,
h6 a:visited {
color: #0083ca
}
.no-touch h1 a:visited:hover,
h1 a:focus,
.no-touch h1 a:focus:hover,
.no-touch h1 a:hover,
h1 a:active,
.no-touch h2 a:visited:hover,
h2 a:focus,
.no-touch h2 a:focus:hover,
.no-touch h2 a:hover,
h2 a:active,
.no-touch h3 a:visited:hover,
h3 a:focus,
.no-touch h3 a:focus:hover,
.no-touch h3 a:hover,
h3 a:active,
.no-touch h4 a:visited:hover,
h4 a:focus,
.no-touch h4 a:focus:hover,
.no-touch h4 a:hover,
h4 a:active,
.no-touch h5 a:visited:hover,
h5 a:focus,
.no-touch h5 a:focus:hover,
.no-touch h5 a:hover,
h5 a:active,
.no-touch h6 a:visited:hover,
h6 a:focus,
.no-touch h6 a:focus:hover,
.no-touch h6 a:hover,
h6 a:active {
color: #31b7ff;
text-decoration: none
}
.sh1,
.sh2,
.sh3,
.sh4,
.sh5,
.sh6 {
font-weight: normal
}
h1,
.h1,
.sh1 {
font-size: 26px;
line-height: 28px
}
h2,
.h2,
.sh2 {
font-size: 24px;
line-height: 26px
}
h3,
.h3,
.sh3 {
font-size: 22px;
line-height: 24px
}
h4,
.h4,
.sh4 {
font-size: 20px;
line-height: 22px
}
h5,
.h5,
.sh5 {
font-size: 18px;
line-height: 20px
}
h6,
.h6,
.sh6 {
font-size: 16px;
line-height: 18px
}
h1:empty {
display: none
}
header>:first-child,
hgroup>:first-child {
margin-top: 0 !important
}
header>:last-child,
hgroup>:last-child {
margin-bottom: 0 !important
}
.mast {
font-family: "BentonSansCond Regular", Arial, sans-serif;
font-style: normal;
font-weight: bold;
color: #333;
margin: 10px 0;
padding: 0
}
.mast a,
.mast a:visited,
.no-touch .mast a:visited:hover,
.mast a:focus,
.no-touch .mast a:focus:hover,
.no-touch .mast a:hover,
.mast a:active {
color: #000
}
.head {
font-family: "BentonSansCond Regular", Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 22px;
letter-spacing: .05em;
text-transform: uppercase;
color: #999;
margin: 10px 0 5px;
margin: 10px 0;
padding: 5px 0
}
.head a,
.head a:visited {
color: #999
}
.no-touch .head a:visited:hover,
.head a:focus,
.no-touch .head a:focus:hover,
.no-touch .head a:hover,
.head a:active {
color: #666
}
ul,
ol,
dl {
margin: 25px 0
}
ul,
ol {
padding: 0 0 0 40px
}
dl dt {
font-weight: bold;
text-transform: uppercase;
letter-spacing: .05em;
word-spacing: .15em;
line-height: 20px;
margin: 0 0 5px
}
dl dd {
line-height: 18px;
margin: 0 0 10px;
padding: 0 0 0 10px
}
dl>:first-child {
margin-top: 0 !important
}
dl>:last-child {
margin-bottom: 0 !important
}
.pager>li:first-child a::before,
.pager>li:last-child a::after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 0;
position: relative;
text-decoration: inherit
}
.pager {
text-align: center;
color: #888;
margin: 20px auto;
padding: 0
}
.pager>li {
font-size: 12px;
line-height: 1;
margin: 0;
padding: 0;
display: inline-block
}
.pager>li a,
.pager>li span {
text-transform: uppercase;
letter-spacing: .05em;
white-space: nowrap;
background: #eee;
height: 100%;
padding: 1em 1.5em;
display: block
}
.pager>li .pager-current {
color: #000;
font-weight: bold;
background: #ccc
}
.pager>li:first-child a,
.pager>li:first-child span {
border-radius: 3px 0 0 3px
}
.pager>li:first-child a::before {
content: "\f177\00a0"
}
.pager>li:last-child a,
.pager>li:last-child span {
border-radius: 0 3px 3px 0
}
.pager>li:last-child a::after {
content: "\00a0\f178"
}
.pager a {
-webkit-transition: background 200ms linear, color 750ms linear;
transition: background 200ms linear, color 750ms linear
}
.pager a,
.pager a:visited {
color: #333
}
.no-touch .pager a:visited:hover,
.pager a:focus,
.no-touch .pager a:focus:hover,
.no-touch .pager a:hover {
color: #eee;
text-decoration: none;
background: #333
}
.pager a:focus,
.pager a:active {
outline: 0
}
.pager .fa {
line-height: 0;
position: relative
}
.table {
font-size: 14px;
line-height: 16px;
empty-cells: hide;
border-collapse: collapse;
border-spacing: 0;
margin: 25px 0;
width: 100%
}
.table caption {
font-weight: bold;
letter-spacing: .1em;
text-transform: uppercase;
color: #999;
border-bottom: 1px solid #999;
padding-bottom: 5px;
margin: 0
}
.table thead {
vertical-align: bottom
}
.table tbody,
.table tfoot {
vertical-align: top
}
.table th,
.table td {
padding: 20px 10px
}
.table th:first-child,
.table td:first-child {
padding-left: 0
}
.table th:last-child,
.table td:last-child {
padding-right: 0
}
.table.table-border-x thead th,
.table.table-border-x tbody th,
.table.table-border-x tbody td {
border-bottom: 1px solid #999
}
.table.table-border-x tfoot th,
.table.table-border-x tfoot td {
border-top: 1px solid #999
}
.table.table-border-x tbody tr:last-child th,
.table.table-border-x tbody tr:last-child td {
border-bottom: 0
}
.table.table-border-y th,
.table.table-border-y td {
border-right: 1px solid #999;
border-left: 1px solid #999
}
.table.table-border-y th:first-child,
.table.table-border-y td:first-child {
border-left: 0
}
.table.table-border-y th:last-child,
.table.table-border-y td:last-child {
border-right: 0
}
.form {
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 24px;
margin: 0
}
.form fieldset {
border: 0;
margin: 25px 0;
padding: 1px 0 0
}
.form fieldset legend {
margin: 0;
padding-bottom: 20px
}
.form fieldset legend:empty {
display: none
}
.form label {
color: #666;
letter-spacing: .05em;
vertical-align: middle;
padding: 5px
}
.form input[type="text"],
.form input[type="password"],
.form textarea {
vertical-align: baseline;
padding: 5px 10px;
color: #333;
letter-spacing: .05em;
text-align: left;
border: 1px solid #ccc;
background: #fbfbfb;
width: 100%;
display: block;
box-shadow: inset 0 1px 3px #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
-webkit-transition: .3s linear border;
transition: .3s linear border;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box
}
.form input[type="text"]::-webkit-input-placeholder,
.form input[type="password"]::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
text-align: left;
color: #999
}
.form input[type="text"]:-moz-placeholder,
.form input[type="password"]:-moz-placeholder,
.form textarea:-moz-placeholder {
text-align: left;
color: #999
}
.form input[type="text"]::-moz-placeholder,
.form input[type="password"]::-moz-placeholder,
.form textarea::-moz-placeholder {
text-align: left;
color: #999
}
.form input[type="text"]:-ms-input-placeholder,
.form input[type="password"]:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
text-align: left;
color: #999
}
.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form textarea:focus,
.form input[type="text"]:active,
.form input[type="password"]:active,
.form textarea:active {
outline: 0
}
.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form textarea:focus {
border-color: #ca4700
}
.form input[disabled][type="text"],
.form input[disabled][type="password"],
.form textarea[disabled] {
cursor: not-allowed;
background: #eee;
color: #ccc
}
.form input[readonly][type="text"],
.form input[readonly][type="password"],
.form textarea[readonly] {
background: #eee;
color: #777;
border-color: #ccc
}
.form textarea {
min-height: 200px;
resize: vertical;
overflow: auto;
margin: 0;
padding: 5px 10px;
vertical-align: top
}
.form input[type="checkbox"],
.form input[type="radio"] {
padding: 0;
vertical-align: middle;
bottom: 2px;
position: relative
}
.form select {
font-size: 16px;
vertical-align: baseline;
width: 100%
}
@-webkit-keyframes cursor-blink {
80% {
visibility: hidden
}
}
@keyframes cursor-blink {
80% {
visibility: hidden
}
}
pre,
code,
kbd,
samp,
var {
font-family: monospace, serif
}
pre {
letter-spacing: .05em;
text-align: left;
word-wrap: normal;
margin: 25px 0;
padding: 10px 15px;
overflow: auto;
white-space: pre;
-webkit-overflow-scrolling: touch
}
pre .cursor {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: cursor-blink;
animation-name: cursor-blink;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps(2, start);
animation-timing-function: steps(2, start)
}
pre .prompt {
color: #000
}
pre.terminal {
letter-spacing: .05em;
color: #30d259;
background: #0e1705
}
pre.terminal .cursor {
color: transparent;
background: #30d259;
letter-spacing: -.15em
}
pre.terminal .prompt {
color: #4e801c
}
.pre {
color: #444;
background: rgba(238, 238, 238, 0.5);
border: 1px solid #ddd;
border-radius: 3px
}
.pygments {
color: #ccc;
background: #222;
border: 5px solid #222;
margin: 25px 0
}
.pygments table {
margin: 0;
padding: 0;
line-height: normal
}
.pygments table .pyg {
position: relative
}
.pygments table .pyg pre {
width: 100%;
padding-right: 0;
padding-left: 5px;
position: absolute
}
.pygments table .linenos {
vertical-align: top;
background: #333;
display: block;
text-decoration: none;
color: #888;
text-align: right
}
.pygments table .linenos+td {
width: 100%;
vertical-align: top
}
.pygments table th,
.pygments table td {
border: 0 none;
padding: 0
}
.pygments table pre {
margin: 0
}
.pygments .hll {
background-color: rgba(128, 113, 173, 0.2);
display: block
}
.pygments .c {
color: #75715e
}
.pygments .err {
color: #960050;
background-color: #1e0010
}
.pygments .k {
color: #66d9ef
}
.pygments .l {
color: #ae81ff
}
.pygments .n {
color: #f8f8f2
}
.pygments .o {
color: #f92672
}
.pygments .p {
color: #f8f8f2
}
.pygments .cm {
color: #75715e
}
.pygments .cp {
color: #75715e
}
.pygments .c1 {
color: #75715e
}
.pygments .cs {
color: #75715e
}
.pygments .ge {
font-style: italic
}
.pygments .gs {
font-weight: bold
}
.pygments .kc {
color: #66d9ef
}
.pygments .kd {
color: #66d9ef
}
.pygments .kn {
color: #f92672
}
.pygments .kp {
color: #66d9ef
}
.pygments .kr {
color: #66d9ef
}
.pygments .kt {
color: #66d9ef
}
.pygments .ld {
color: #e6db74
}
.pygments .m {
color: #ae81ff
}
.pygments .s {
color: #e6db74
}
.pygments .na {
color: #a6e22e
}
.pygments .nb {
color: #f8f8f2
}
.pygments .nc {
color: #a6e22e
}
.pygments .no {
color: #66d9ef
}
.pygments .nd {
color: #a6e22e
}
.pygments .ni {
color: #f8f8f2
}
.pygments .ne {
color: #a6e22e
}
.pygments .nf {
color: #a6e22e
}
.pygments .nl {
color: #f8f8f2
}
.pygments .nn {
color: #f8f8f2
}
.pygments .nx {
color: #a6e22e
}
.pygments .py {
color: #f8f8f2
}
.pygments .nt {
color: #f92672
}
.pygments .nv {
color: #f8f8f2
}
.pygments .ow {
color: #f92672
}
.pygments .w {
color: #f8f8f2
}
.pygments .mf {
color: #ae81ff
}
.pygments .mh {
color: #ae81ff
}
.pygments .mi {
color: #ae81ff
}
.pygments .mo {
color: #ae81ff
}
.pygments .sb {
color: #e6db74
}
.pygments .sc {
color: #e6db74
}
.pygments .sd {
color: #e6db74
}
.pygments .s2 {
color: #e6db74
}
.pygments .se {
color: #ae81ff
}
.pygments .sh {
color: #e6db74
}
.pygments .si {
color: #e6db74
}
.pygments .sx {
color: #e6db74
}
.pygments .sr {
color: #e6db74
}
.pygments .s1 {
color: #e6db74
}
.pygments .ss {
color: #e6db74
}
.pygments .bp {
color: #f8f8f2
}
.pygments .vc {
color: #f8f8f2
}
.pygments .vg {
color: #f8f8f2
}
.pygments .vi {
color: #f8f8f2
}
.pygments .il {
color: #ae81ff
}
code,
kbd,
samp,
var {
font-size: inherit;
font-weight: normal;
font-style: normal;
letter-spacing: normal;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-space: -hp-pre-wrap;
word-wrap: break-word
}
code {
font-weight: normal;
letter-spacing: .05em;
background: rgba(0, 0, 0, 0.1);
padding: 1px 5px;
border-radius: 3px
}
kbd {
font-size: smaller;
color: #333;
text-shadow: 0 1px 0 #fff;
background-color: #eee;
border: 1px solid #ccc;
margin: 0 .1em;
padding: 0 .5em;
display: inline-block;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset
}
pre code,
pre kbd,
pre samp,
pre var,
kbd kbd {
font-size: inherit;
color: inherit;
text-shadow: none;
background: transparent;
border: 0;
margin: 0;
padding: 0;
display: inline;
box-shadow: none;
border-radius: 0
}
.gist-file {
margin: 25px 0
}
figure {
margin: 25px 0
}
figure img {
margin: 0;
display: block;
vertical-align: top
}
figcaption {
font-size: 14px;
line-height: 18px;
letter-spacing: .05em;
color: #ccc;
background: #222;
padding: 10px 15px;
display: block
}
.js figcaption {
display: none
}
figcaption p {
font-size: inherit;
line-height: inherit;
margin: 10px 0
}
figcaption p:first-of-type {
margin-top: 0 !important
}
figcaption p:last-of-type {
margin-bottom: 0 !important
}
img {
border: 0;
max-width: 100%;
height: auto;
vertical-align: top
}
a img {
border: 0;
outline: 0
}
iframe {
border: 0
}
iframe,
object,
embed {
max-width: 100%;
outline: 0
}
audio,
video {
vertical-align: middle;
display: block
}
audio:focus,
audio:active,
video:focus,
video:active {
outline: 0
}
audio {
width: 100%;
margin: 25px 0
}
.mm {
height: 0;
padding-bottom: 56.25%;
position: relative;
overflow: hidden
}
.mm iframe,
.mm object,
.mm embed,
.mm video {
border: 0;
width: 100% !important;
height: 100% !important;
max-width: none;
position: absolute;
top: 0;
left: 0
}
.mm.theatre {
padding-bottom: 59.171597633136%
}
.mm.slide {
padding-bottom: 66.666666666667%
}
.mm.tv {
padding-bottom: 75%
}
iframe[id^='twitter-widget-'],
.twitter-timeline-rendered,
.twitter-timeline {
width: 100% !important;
max-width: none !important
}
.loading {
background: url(../images/loader2.gif) no-repeat center 10px;
background-size: 32px 10px;
min-height: 30px
}
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"] {
font-weight: normal;
text-align: center;
line-height: normal;
vertical-align: baseline;
display: block;
zoom: 1;
cursor: pointer;
letter-spacing: .08em;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 18px;
line-height: 20px;
color: #004164;
width: 100%;
background-color: #0083ca;
border: none transparent;
box-shadow: none;
border-radius: 3px;
margin: 10px 0;
padding: 10px 5px;
-webkit-tap-highlight-color: transparent
}
.button::-moz-focus-inner,
.form button::-moz-focus-inner,
.form input[type="button"]::-moz-focus-inner,
.form input[type="reset"]::-moz-focus-inner,
.form input[type="submit"]::-moz-focus-inner {
padding: 0;
border: 0
}
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"],
.button:visited,
.form button:visited,
.form input[type="button"]:visited,
.form input[type="reset"]:visited,
.form input[type="submit"]:visited,
.no-touch .button:visited:hover,
.no-touch .form button:visited:hover,
.form .no-touch button:visited:hover,
.no-touch .form input[type="button"]:visited:hover,
.form .no-touch input[type="button"]:visited:hover,
.no-touch .form input[type="reset"]:visited:hover,
.form .no-touch input[type="reset"]:visited:hover,
.no-touch .form input[type="submit"]:visited:hover,
.form .no-touch input[type="submit"]:visited:hover,
.button:focus,
.form button:focus,
.form input[type="button"]:focus,
.form input[type="reset"]:focus,
.form input[type="submit"]:focus,
.no-touch .button:focus:hover,
.no-touch .form button:focus:hover,
.form .no-touch button:focus:hover,
.no-touch .form input[type="button"]:focus:hover,
.form .no-touch input[type="button"]:focus:hover,
.no-touch .form input[type="reset"]:focus:hover,
.form .no-touch input[type="reset"]:focus:hover,
.no-touch .form input[type="submit"]:focus:hover,
.form .no-touch input[type="submit"]:focus:hover,
.no-touch .button:hover,
.no-touch .form button:hover,
.form .no-touch button:hover,
.no-touch .form input[type="button"]:hover,
.form .no-touch input[type="button"]:hover,
.no-touch .form input[type="reset"]:hover,
.form .no-touch input[type="reset"]:hover,
.no-touch .form input[type="submit"]:hover,
.form .no-touch input[type="submit"]:hover,
.button:active,
.form button:active,
.form input[type="button"]:active,
.form input[type="reset"]:active,
.form input[type="submit"]:active {
text-decoration: none;
color: #caecff;
box-shadow: none
}
.no-touch .button:hover,
.no-touch .form button:hover,
.form .no-touch button:hover,
.no-touch .form input[type="button"]:hover,
.form .no-touch input[type="button"]:hover,
.no-touch .form input[type="reset"]:hover,
.form .no-touch input[type="reset"]:hover,
.no-touch .form input[type="submit"]:hover,
.form .no-touch input[type="submit"]:hover,
.button:focus,
.form button:focus,
.form input[type="button"]:focus,
.form input[type="reset"]:focus,
.form input[type="submit"]:focus {
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1))
}
.button:focus,
.form button:focus,
.form input[type="button"]:focus,
.form input[type="reset"]:focus,
.form input[type="submit"]:focus {
outline: 0
}
.button:active,
.form button:active,
.form input[type="button"]:active,
.form input[type="reset"]:active,
.form input[type="submit"]:active {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15) inset, 0 0 10px rgba(0, 0, 0, 0.25) inset
}
.button[disabled],
.form button[disabled],
.form input[disabled][type="button"],
.form input[disabled][type="reset"],
.form input[disabled][type="submit"],
.button.button-disabled,
.form button.button-disabled,
.form input.button-disabled[type="button"],
.form input.button-disabled[type="reset"],
.form input.button-disabled[type="submit"],
.button.button-disabled:visited,
.form button.button-disabled:visited,
.form input.button-disabled[type="button"]:visited,
.form input.button-disabled[type="reset"]:visited,
.form input.button-disabled[type="submit"]:visited,
.no-touch .button.button-disabled:visited:hover,
.no-touch .form button.button-disabled:visited:hover,
.form .no-touch button.button-disabled:visited:hover,
.no-touch .form input.button-disabled[type="button"]:visited:hover,
.form .no-touch input.button-disabled[type="button"]:visited:hover,
.no-touch .form input.button-disabled[type="reset"]:visited:hover,
.form .no-touch input.button-disabled[type="reset"]:visited:hover,
.no-touch .form input.button-disabled[type="submit"]:visited:hover,
.form .no-touch input.button-disabled[type="submit"]:visited:hover,
.button.button-disabled:focus,
.form button.button-disabled:focus,
.form input.button-disabled[type="button"]:focus,
.form input.button-disabled[type="reset"]:focus,
.form input.button-disabled[type="submit"]:focus,
.no-touch .button.button-disabled:focus:hover,
.no-touch .form button.button-disabled:focus:hover,
.form .no-touch button.button-disabled:focus:hover,
.no-touch .form input.button-disabled[type="button"]:focus:hover,
.form .no-touch input.button-disabled[type="button"]:focus:hover,
.no-touch .form input.button-disabled[type="reset"]:focus:hover,
.form .no-touch input.button-disabled[type="reset"]:focus:hover,
.no-touch .form input.button-disabled[type="submit"]:focus:hover,
.form .no-touch input.button-disabled[type="submit"]:focus:hover,
.no-touch .button.button-disabled:hover,
.no-touch .form button.button-disabled:hover,
.form .no-touch button.button-disabled:hover,
.no-touch .form input.button-disabled[type="button"]:hover,
.form .no-touch input.button-disabled[type="button"]:hover,
.no-touch .form input.button-disabled[type="reset"]:hover,
.form .no-touch input.button-disabled[type="reset"]:hover,
.no-touch .form input.button-disabled[type="submit"]:hover,
.form .no-touch input.button-disabled[type="submit"]:hover,
.button.button-disabled:active,
.form button.button-disabled:active,
.form input.button-disabled[type="button"]:active,
.form input.button-disabled[type="reset"]:active,
.form input.button-disabled[type="submit"]:active {
border: none;
background-image: none;
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
filter: alpha(opacity=40);
-khtml-opacity: .40;
-moz-opacity: .40;
opacity: .40;
cursor: not-allowed;
box-shadow: none
}
.button.button-hidden,
.form button.button-hidden,
.form input.button-hidden[type="button"],
.form input.button-hidden[type="reset"],
.form input.button-hidden[type="submit"] {
display: none
}
@media all and (min-width: 640px) {
.button,
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"] {
display: inline-block;
max-width: 200px
}
}
a.social.fa-lg {
font-size: 1.3875em
}
a.social,
a.social:visited {
color: #999
}
.no-touch a.social:visited:hover,
a.social:focus,
.no-touch a.social:focus:hover,
.no-touch a.social:hover,
a.social:active {
color: #666;
text-decoration: none
}
a.social:active,
a.social:focus {
outline: none
}
a.social-twitter,
a.social-twitter:visited,
.no-touch a.social-twitter:visited:hover,
a.social-twitter:focus,
.no-touch a.social-twitter:focus:hover,
.no-touch a.social-twitter:hover,
a.social-twitter:active {
color: #41b7d8
}
a.social-facebook,
a.social-facebook:visited,
.no-touch a.social-facebook:visited:hover,
a.social-facebook:focus,
.no-touch a.social-facebook:focus:hover,
.no-touch a.social-facebook:hover,
a.social-facebook:active {
color: #3b5997
}
a.social-google-plus,
a.social-google-plus:visited,
.no-touch a.social-google-plus:visited:hover,
a.social-google-plus:focus,
.no-touch a.social-google-plus:focus:hover,
.no-touch a.social-google-plus:hover,
a.social-google-plus:active {
color: #d64937
}
a.social-linkedin,
a.social-linkedin:visited,
.no-touch a.social-linkedin:visited:hover,
a.social-linkedin:focus,
.no-touch a.social-linkedin:focus:hover,
.no-touch a.social-linkedin:hover,
a.social-linkedin:active {
color: #0073b2
}
a.social-pinterest,
a.social-pinterest:visited,
.no-touch a.social-pinterest:visited:hover,
a.social-pinterest:focus,
.no-touch a.social-pinterest:focus:hover,
.no-touch a.social-pinterest:hover,
a.social-pinterest:active {
color: #cb2027
}
a.social-vk,
a.social-vk:visited,
.no-touch a.social-vk:visited:hover,
a.social-vk:focus,
.no-touch a.social-vk:focus:hover,
.no-touch a.social-vk:hover,
a.social-vk:active {
color: #54769b
}
a.social-xing,
a.social-xing:visited,
.no-touch a.social-xing:visited:hover,
a.social-xing:focus,
.no-touch a.social-xing:focus:hover,
.no-touch a.social-xing:hover,
a.social-xing:active {
color: #006567
}
a.social-tumblr,
a.social-tumblr:visited,
.no-touch a.social-tumblr:visited:hover,
a.social-tumblr:focus,
.no-touch a.social-tumblr:focus:hover,
.no-touch a.social-tumblr:hover,
a.social-tumblr:active {
color: #34465d
}
.base {
background-color: #fff;
margin-top: -1px;
margin-bottom: -1px;
padding: 1px 0
}
.wrap {
padding-right: 25px;
padding-left: 25px
}
@media all and (min-width: 640px) {
.wrap {
padding-right: 50px;
padding-left: 50px
}
}
.core {
max-width: 1600px;
margin: 0 auto
}
.pure-g [class*="pure-u"] {
font-family: Arial, sans-serif
}
.pure-g>:first-child {
padding-top: 0
}
.pure-g>:last-child {
padding-bottom: 0
}
.pure-g.pure-pad [class*="pure-u"] {
padding: 10px 0
}
@media all and (min-width: 960px) {
.pure-g.pure-pad [class*="pure-u"] {
padding: 0 20px
}
.pure-g.pure-pad>:first-child {
padding-left: 0
}
.pure-g.pure-pad>:last-child {
padding-right: 0
}
}
#header {
background-color: #000;
margin-top: -40px
}
#header #slideshow {
background: url(../images/loader1.gif) no-repeat center center;
background-size: 40px
}
#header #masthead>div {
position: relative;
padding: 25px 0
}
#header #masthead>div .sharing {
text-align: center;
margin-top: 15px
}
@media all and (min-width: 960px) {
#header #masthead>div {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
#header #masthead>div h1 {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
#header #masthead>div .sharing {
margin: 0;
position: absolute;
top: 25px;
right: 0
}
}
#header #masthead>div h2,
#header #masthead>div h3 {
text-align: center;
margin: 0
}
@media all and (min-width: 960px) {
#header #masthead>div h2,
#header #masthead>div h3 {
text-align: left;
margin-left: 165px
}
}
#header #masthead>div h2 {
font-family: "MillerHeadline Bold";
font-weight: bold;
font-style: normal;
font-size: 70px;
line-height: 60px;
letter-spacing: normal;
color: #eee;
margin-bottom: 5px
}
#header #masthead>div h2 .char1 {
margin-left: 0
}
#header #masthead>div h2 .char2 {
margin-left: 6px
}
#header #masthead>div h2 .char3 {
margin-left: 2px
}
#header #masthead>div h2 .char4 {
margin-left: 4px
}
#header #masthead>div h2 .char5 {
margin-left: 4px
}
#header #masthead>div h2 .char6 {
margin-left: 4px
}
#header #masthead>div h2 .char7 {
margin-left: 2px
}
#header #masthead>div h2 .char8 {
margin-left: 1px
}
#header #masthead>div h2 .char9 {
margin-left: 0
}
#header #masthead>div h2 .char10 {
margin-left: 0
}
#header #masthead>div h2 .char11 {
margin-left: 4px
}
#header #masthead>div h2 .char12 {
margin-left: 0
}
#header #masthead>div h2 .char13 {
margin-left: 2px
}
@media all and (min-width: 960px) {
#header #masthead>div h2 {
font-size: 90px;
line-height: 75px
}
#header #masthead>div h2 .char1 {
margin-left: 0
}
#header #masthead>div h2 .char2 {
margin-left: 5px
}
#header #masthead>div h2 .char3 {
margin-left: 0px
}
#header #masthead>div h2 .char4 {
margin-left: 3px
}
#header #masthead>div h2 .char5 {
margin-left: 3px
}
#header #masthead>div h2 .char6 {
margin-left: 6px
}
#header #masthead>div h2 .char7 {
margin-left: 0px
}
#header #masthead>div h2 .char8 {
margin-left: -1px
}
#header #masthead>div h2 .char9 {
margin-left: 0
}
#header #masthead>div h2 .char10 {
margin-left: 0
}
#header #masthead>div h2 .char11 {
margin-left: 3px
}
#header #masthead>div h2 .char12 {
margin-left: -2px
}
#header #masthead>div h2 .char13 {
margin-left: -0px
}
}
#header #masthead>div h3 {
font-family: "MillerHeadline Light";
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 25px;
letter-spacing: .15em;
color: #ccc;
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: "kern";
-moz-font-feature-settings: "kern";
-moz-font-feature-settings: "kern=1";
font-feature-settings: "kern"
}
@media all and (min-width: 960px) {
#header #masthead>div h3 {
font-size: 30px;
line-height: 30px;
letter-spacing: .075em
}
}
footer[role="contentinfo"] {
margin: 25px 0 50px;
text-align: center
}
footer[role="contentinfo"] p {
font: 11px/24px Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
color: #666;
margin: 0;
padding: 0
}
footer[role="contentinfo"] span {
display: block
}
footer[role="contentinfo"] span span {
display: none
}
footer[role="contentinfo"] a {
color: #999;
text-decoration: none
}
footer[role="contentinfo"] a:visited {
color: #999
}
footer[role="contentinfo"] .no-touch a:visited:hover,
footer[role="contentinfo"] a:focus,
footer[role="contentinfo"] .no-touch a:focus:hover,
footer[role="contentinfo"] .no-touch a:hover,
footer[role="contentinfo"] a:active {
color: #000;
text-decoration: underline
}
@media all and (min-width: 640px) {
footer[role="contentinfo"] span,
footer[role="contentinfo"] span span {
display: inline
}
}
nav[role="navigation"] {
padding: 10px 0;
background: #000
}
nav[role="navigation"] ul,
nav[role="navigation"] ul li {
margin: 0;
padding: 0
}
nav[role="navigation"] ul li {
font-size: 16px;
line-height: 18px;
letter-spacing: .1em;
list-style: none;
display: inline-block;
text-shadow: 0 1px 1px #000
}
nav[role="navigation"] ul a {
display: block;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, transparent 50%, #000 50%);
padding: 10px 15px;
-webkit-transition: background-position 150ms ease-in, color 200ms linear;
-moz-transition: background-position 150ms ease-in, color 200ms linear;
-ms-transition: background-position 150ms ease-in, color 200ms linear;
-o-transition: background-position 150ms ease-in, color 200ms linear;
transition: background-position 150ms ease-in, color 200ms linear;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
nav[role="navigation"] ul a,
nav[role="navigation"] ul a:visited {
color: #ccc;
text-decoration: none
}
.no-touch nav[role="navigation"] ul a:visited:hover,
nav[role="navigation"] ul a:focus,
.no-touch nav[role="navigation"] ul a:focus:hover,
.no-touch nav[role="navigation"] ul a:hover,
nav[role="navigation"] ul a:active {
color: #31b7ff;
background-position: 0 -100%
}
.js nav[role="navigation"] ul {
display: none;
visibility: hidden
}
@media all and (min-width: 960px) {
.js nav[role="navigation"] ul {
display: block;
visibility: visible
}
}
nav[role="navigation"] .harmonia-select {
font-size: 16px;
width: 100%;
max-width: 300px;
margin: 0 auto;
display: block;
padding: 0
}
@media all and (min-width: 960px) {
nav[role="navigation"] {
background: #222;
background-image: linear-gradient(to bottom, #222 0, #333 100%);
padding: 0
}
nav[role="navigation"] .harmonia-select {
display: none;
visibility: hidden
}
}
#flag {
margin: 0 0 25px;
padding: 0;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
text-indent: -999em;
white-space: nowrap;
width: 200px;
height: 148px;
margin: 0 auto 20px;
overflow: hidden
}
#flag a {
width: 100%;
height: 100%;
background-image: url(../images/flag.png);
background-repeat: no-repeat;
background-size: cover;
display: block
}
#flag a:active,
#flag a:focus {
outline: none
}
@media all and (min-width: 960px) {
#flag {
width: 150px;
height: 111px;
margin: 0
}
}
[itemprop="articleBody"] {
margin: 25px 0
}
[itemprop="articleBody"] h1,
[itemprop="articleBody"] h2,
[itemprop="articleBody"] h3,
[itemprop="articleBody"] h4,
[itemprop="articleBody"] h5,
[itemprop="articleBody"] h6 {
font-weight: normal;
text-transform: uppercase
}
[itemprop="articleBody"] h5,
[itemprop="articleBody"] h6 {
letter-spacing: .1em;
word-spacing: .2em
}
[itemprop="articleBody"] h1 {
font-size: 24px;
line-height: 26px
}
[itemprop="articleBody"] h2 {
font-size: 22px;
line-height: 24px
}
[itemprop="articleBody"] h3 {
font-size: 20px;
line-height: 22px
}
[itemprop="articleBody"] h4 {
font-size: 18px;
line-height: 20px
}
[itemprop="articleBody"] h5 {
font-size: 16px;
line-height: 18px
}
[itemprop="articleBody"] h6 {
font-size: 14px;
line-height: 16px
}
[itemprop="articleBody"] hr,
[itemprop="articleBody"] .hr {
border-top: none;
height: 4px;
background-color: transparent;
background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent);
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-position: center center
}
[itemprop="articleBody"]>:first-child {
margin-top: 0 !important
}
[itemprop="articleBody"]>:last-child {
margin-bottom: 0 !important
}
#results {
position: relative
}
.legend {
font-size: 16px;
line-height: 20px;
position: absolute;
top: 0;
right: 0
}
.key-info {
color: #ca4700
}
.key-incumbent {
color: #000
}
.key-affilition {
font-size: 14px;
line-height: inherit;
color: #888;
letter-spacing: .1em
}
.poll {
font-family: arial, sans-serif;
color: #333;
border: 1px solid #ccc;
background: #eee;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
margin: 0 0 25px;
padding: 0;
position: relative;
display: none;
-webkit-transition: box-shadow .4s;
-moz-transition: box-shadow .4s;
-o-transition: box-shadow .4s;
transition: box-shadow .4s
}
.poll .poll-spinner {
background: url(../images/loading.gif) no-repeat;
width: 20px;
height: 20px;
background-size: cover;
position: absolute;
top: 5px;
right: 5px;
z-index: 10;
display: none
}
.poll .poll-head {
font-size: 14px;
line-height: 25px;
letter-spacing: .05em;
text-transform: uppercase;
margin: 0;
padding: 5px 10px;
background: #ddd;
color: #333;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
.poll .poll-head.poll-click {
cursor: pointer;
cursor: hand;
-webkit-transition: background .5s;
-moz-transition: background .5s;
-ms-transition: background .5s;
-o-transition: background .5s;
transition: background .5s
}
.no-touch .poll .poll-head.poll-click:hover {
background: #ccc
}
.poll .poll-head i {
font-size: 18px;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.poll .poll-info {
font-size: 14px;
line-height: 18px;
letter-spacing: .08em;
color: #bbb;
background: #333;
padding: 10px;
display: none
}
.poll .poll-content {
padding: 10px 15px 15px
}
.poll .poll-content:first-child {
margin-top: 0
}
.poll .poll-content:last-child {
margin-bottom: 0
}
.poll .poll-grid {
margin: 5px 0
}
.poll .poll-grid::after {
content: "";
display: table;
clear: both
}
.poll .poll-grid .poll-grid-secondary {
position: absolute;
top: 0;
right: 0
}
.poll .poll-grid .poll-grid-tertiary {
width: 50px;
float: left
}
.poll .poll-grid .poll-grid-tertiary+.poll-grid-primary {
margin-left: 60px
}
@media all and (min-width: 640px) {
.poll .poll-grid .poll-grid-secondary {
position: static;
width: 90px;
float: right
}
.poll .poll-grid .poll-grid-primary {
margin-right: 100px
}
}
.poll .poll-bar {
margin: 15px 0;
position: relative
}
.poll .poll-bar .poll-bar-wrap {
border-radius: 3px;
background: #eee;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.1) 100%);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.35);
position: relative
}
.poll .poll-bar .poll-bar-wrap.poll-bar-up::before,
.poll .poll-bar .poll-bar-wrap.poll-bar-down::before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 30px;
background: rgba(0, 0, 0, 0.75);
padding: 0 5px;
border-radius: 3px 0 0 3px;
position: absolute;
top: 0;
left: 0;
z-index: 100
}
.poll .poll-bar .poll-bar-wrap.poll-bar-up::before {
color: #86be27;
content: "\f062"
}
.poll .poll-bar .poll-bar-wrap.poll-bar-down::before {
color: #ed0000;
content: "\f063"
}
.poll .poll-bar .poll-bar-votes {
line-height: 30px;
border-radius: 3px;
background: #999;
background: linear-gradient(to bottom, #ff9a64 0, #ff7931 50%, #fd5900 51%, #ff7931 100%);
box-shadow: inset 0 0 3px rgba(151, 53, 0, 0.5);
width: 0;
height: 30px;
-webkit-transition: width 500ms;
-moz-transition: width 500ms;
-ms-transition: width 500ms;
-o-transition: width 500ms;
transition: width 500ms
}
.poll .poll-bar .poll-bar-votes>span {
font-size: 14px;
letter-spacing: .05em;
color: #642300;
margin: 0 5px;
display: inline-block
}
.poll .poll-bar .poll-bar-title {
font-size: 16px;
line-height: 18px;
letter-spacing: .025em;
color: #333;
border-bottom: 1px solid #ccc;
padding-right: 100px;
padding-bottom: 5px;
margin-bottom: 10px
}
.poll .poll-bar .poll-bar-title span+span span::before {
content: "("
}
.poll .poll-bar .poll-bar-title span+span span::after {
content: ")"
}
@media all and (min-width: 640px) {
.poll .poll-bar .poll-bar-title {
padding-right: 0
}
.poll .poll-bar .poll-bar-title::after {
content: "";
display: table;
clear: both
}
.poll .poll-bar .poll-bar-title span {
float: left
}
.poll .poll-bar .poll-bar-title span+span {
float: right
}
.poll .poll-bar .poll-bar-title span+span span::before,
.poll .poll-bar .poll-bar-title span+span span::after {
content: ""
}
}
.poll .poll-bar .poll-bar-label,
.poll .poll-bar .poll-bar-count {
font-size: 14px;
letter-spacing: .05em;
color: #666
}
.poll .poll-bar .poll-bar-label {
line-height: 30px
}
@media all and (min-width: 640px) {
.poll .poll-bar .poll-bar-count {
line-height: 30px
}
}
.nutshell {
position: relative
}
.nutshell,
.nutshell li {
margin: 0;
padding: 0
}
.nutshell li {
list-style: none;
margin-bottom: 5px
}
.nutshell a {
font-size: 18px;
line-height: 20px;
font-weight: normal;
letter-spacing: .08em;
color: #caecff;
background-color: #0083ca;
padding: 10px;
white-space: nowrap;
cursor: pointer;
cursor: hand;
border-radius: 3px;
position: relative;
z-index: 2;
display: block
}
.nutshell a .nutshell a:visited,
.no-touch .nutshell a:visited:hover,
.nutshell a:focus,
.no-touch .nutshell a:focus:hover,
.no-touch .nutshell a:hover,
.nutshell a:active {
text-decoration: none;
color: #caecff;
box-shadow: none
}
.js .nutshell a::before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 14px;
content: "\f1db\00a0";
position: relative;
top: -1px
}
.js .nutshell a.nutshell-selected::before {
content: "\f192\00a0"
}
.nutshell a.nutshell-selected,
.no-touch .nutshell a:hover,
.nutshell a:focus {
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1))
}
.nutshell a:focus {
outline: 0
}
.nutshell a:active {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15) inset, 0 0 10px rgba(0, 0, 0, 0.25) inset
}
@media all and (min-width: 480px) {
.nutshell {
border-bottom: 5px solid #0083ca;
border-radius: 3px 3px 0 0;
*zoom: 1
}
.nutshell::before,
.nutshell::after {
content: " ";
display: table
}
.nutshell::after {
clear: both
}
.nutshell li {
float: left;
display: inline;
margin-right: 5px;
margin-bottom: -5px
}
.nutshell li:last-child {
margin-right: 0
}
}
.nutshell-panel {
background: rgba(0, 0, 0, 0.1);
border-radius: 3px;
margin-top: -8px;
padding: 13px 10px 10px
}
.nutshell-panel>:last-child {
margin-bottom: 0
}
.js .nutshell-panel {
display: none
}
@media all and (min-width: 480px) {
.nutshell-panel {
margin-top: 0;
border-radius: 0 0 3px 3px
}
}
.ion-head {
font-size: 18px;
line-height: 20px;
font-weight: normal;
letter-spacing: .08em;
text-transform: none;
color: #caecff;
background-color: #0083ca;
margin: 10px 0 5px;
padding: 10px;
white-space: nowrap;
cursor: pointer;
cursor: hand;
border-radius: 3px;
position: relative;
z-index: 2
}
.no-touch .ion-head:hover,
.ion-head:focus {
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1))
}
.ion-head:focus {
outline: 0
}
.ion-head:active {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15) inset, 0 0 10px rgba(0, 0, 0, 0.25) inset
}
.js .ion-head::before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 20px;
content: "\f067";
position: absolute;
top: 10px;
right: 10px
}
.js .ion-head.ion-head-selected::before {
content: "\f068"
}
.ion-panel {
background: rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
position: relative;
top: -8px;
z-index: 1;
overflow: hidden
}
.js .ion-panel {
display: none
}
.ion-wrap {
padding: 13px 10px 10px
}
.ion-wrap>:first-child {
margin-top: 0
}
.ion-wrap>:last-child {
margin-bottom: 0
}
#slideshow {
height: 650px;
height: 65vh;
position: relative
}
#slideshow a#parallax {
background-position: center top;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
display: block;
width: 100%;
height: 100%
}
#slideshow a#parallax,
#slideshow a#parallax:visited,
.no-touch #slideshow a#parallax:visited:hover,
#slideshow a#parallax:focus,
.no-touch #slideshow a#parallax:focus:hover,
.no-touch #slideshow a#parallax:hover,
#slideshow a#parallax:active {
color: #fff;
text-decoration: none
}
#slideshow a#parallax:active,
#slideshow a#parallax:focus {
outline: 0
}
#slideshow a#parallax>span {
font-size: 14px;
font-weight: normal;
line-height: 20px;
letter-spacing: .1em;
color: #ccc;
background: rgba(0, 0, 0, 0.75);
padding: 5px 10px;
position: absolute;
right: 0;
bottom: 0;
left: 0
}
#slideshow a#parallax>span br {
display: none
}
#slideshow a#parallax>span>span:last-child {
color: #888
}
#slideshow a#parallax>span>span:last-child::before {
content: "("
}
#slideshow a#parallax>span>span:last-child::after {
content: ")"
}
#slideshow a#parallax>span>span:last-child span {
display: inline
}
@media all and (min-width: 960px) {
#slideshow a#parallax>span {
font-size: 18px;
line-height: 44px;
background: transparent;
padding: 5px;
right: 50px;
bottom: 50px;
left: auto;
max-width: 350px
}
#slideshow a#parallax>span br {
display: block
}
#slideshow a#parallax>span>span:first-child {
padding: 10px;
background: rgba(0, 0, 0, 0.75);
-webkit-box-decoration-break: clone;
-moz-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone
}
#slideshow a#parallax>span>span:last-child {
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: .05em;
display: block;
margin: 10px 0 0 30px;
text-shadow: 0 1px 1px #000, 0 1px 1px #000;
position: relative
}
#slideshow a#parallax>span>span:last-child::before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
content: "\f030";
position: absolute;
top: 0;
left: -1.8em
}
#slideshow a#parallax>span>span:last-child::after {
content: ""
}
#slideshow a#parallax>span>span:last-child span {
display: none
}
}
.banner {
text-align: center;
border-width: 1px 0;
border-style: solid;
border-color: #ddd;
padding: 5px 0 10px;
margin: 25px 0
}
.banner>p {
font-size: 12px;
text-transform: uppercase;
letter-spacing: .15em;
color: #999;
margin: 0;
padding: 0
}
.advert {
text-align: center;
position: relative;
margin: 0 auto
}
.advert * {
font-size: 100%;
font: inherit;
border: 0;
margin: 0 auto;
padding: 0;
outline: 0
}
.advert img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
-ms-interpolation-mode: bicubic
}
.callout {
color: #333;
margin: 25px 0
}
.callout.callout-box {
background-color: #ddd;
padding: 10px 20px;
border-radius: 6px
}
.callout.callout-box.callout-info {
background-color: #bde5f8
}
.callout.callout-box.callout-success {
background-color: #dff2bf
}
.callout.callout-box.callout-warning {
background-color: #feefb3
}
.callout.callout-box.callout-error {
background-color: #ffbaba
}
.callout.callout-info {
color: #0d5476
}
.callout.callout-info a,
.callout.callout-info a:visited,
.no-touch .callout.callout-info a:visited:hover,
.callout.callout-info a:focus,
.no-touch .callout.callout-info a:focus:hover,
.no-touch .callout.callout-info a:hover,
.callout.callout-info a:active {
color: #0d5476
}
.callout.callout-success {
color: #4a6a15
}
.callout.callout-success a,
.callout.callout-success a:visited,
.no-touch .callout.callout-success a:visited:hover,
.callout.callout-success a:focus,
.no-touch .callout.callout-success a:focus:hover,
.no-touch .callout.callout-success a:hover,
.callout.callout-success a:active {
color: #4a6a15
}
.callout.callout-warning {
color: #7d6502
}
.callout.callout-warning a,
.callout.callout-warning a:visited,
.no-touch .callout.callout-warning a:visited:hover,
.callout.callout-warning a:focus,
.no-touch .callout.callout-warning a:focus:hover,
.no-touch .callout.callout-warning a:hover,
.callout.callout-warning a:active {
color: #7d6502
}
.callout.callout-error {
color: #870000
}
.callout.callout-error a,
.callout.callout-error a:visited,
.no-touch .callout.callout-error a:visited:hover,
.callout.callout-error a:focus,
.no-touch .callout.callout-error a:focus:hover,
.no-touch .callout.callout-error a:hover,
.callout.callout-error a:active {
color: #870000
}
ul.meta {
box-shadow: 0 3px rgba(0, 0, 0, 0.1);
padding: 0
}
ul.meta>li {
border-bottom: 1px solid #bbb;
margin: 0;
padding: 10px 15px;
background: #fbfbfb;
box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
list-style: none
}
ul.meta>li:last-child {
border-bottom: 0
}
.meta {
font-size: 14px;
line-height: 16px;
color: #666;
font-style: italic;
border: 1px solid #bbb;
background: #fbfbfb;
border-radius: 3px
}
.meta a {
font-weight: bold
}
.meta a,
.meta a:visited {
color: #666
}
.no-touch .meta a:visited:hover,
.meta a:focus,
.no-touch .meta a:focus:hover,
.no-touch .meta a:hover,
.meta a:active {
color: #000;
text-decoration: underline
}
p.meta {
padding: 10px 15px;
box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 3px rgba(0, 0, 0, 0.1)
}
ul.meta>li,
p.meta {
-webkit-transition: background-color 200ms linear;
transition: background-color 200ms linear
}
.no-touch ul.meta>li:hover,
.no-touch p.meta:hover {
background: #fff
}
.js #disqus {
display: none
}
.stories .story {
position: relative;
border-width: 1px 0;
border-style: solid;
border-color: #ddd;
margin: 0 0 -1px;
padding: 10px 0
}
.stories .story::after {
content: "";
display: table;
clear: both
}
.stories .story h4 {
font-size: 18px;
line-height: 20px;
margin: 0
}
.stories .story h5 {
font-size: 16px;
line-height: 18px;
color: #000;
margin: 0
}
.stories .story h6 {
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
letter-spacing: .1em;
color: #666;
margin: 0 0 5px
}
.stories .story h6+h4,
.stories .story h4+h5 {
margin-top: 5px
}
.stories .story time {
font-size: 12px;
line-height: 12px;
letter-spacing: .1em;
color: #666;
float: right;
margin: 0 0 0 5px
}
.stories .story img {
border-radius: 3px;
max-width: none;
margin: 0 0 5px 5px;
float: right
}
.glow {
box-shadow: 0 0 20px #ffbaba
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment