body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

html, body { height: 100%; }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; font-weight: normal; color: #3f4549; background-color: #ffffff; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure { margin-bottom: 15px; }

img { max-width: 100%; vertical-align: middle; }

figure > img { display: block; }

figcaption { font-size: 13.008px; }

ul, ol { margin-left: 30px; }

li > ul, li > ol { margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: 300; }

a { color: #2a7ae2; text-decoration: none; font-weight: bold; }

a:hover { color: #1a62bf; }

blockquote { color: #a5b2b9; border-left: 4px solid #ccd4d8; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic; }

blockquote > :last-child { margin-bottom: 0; }

pre, code { font-size: 15px; border: 1px solid #ccd4d8; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: scroll; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

.wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }

.footer-col-wrapper:after, .wrapper:after { content: ""; display: table; clear: both; }

.icon > svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }

.icon > svg path { fill: #a5b2b9; }

.vertical-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.float-right { float: right; }

.float-left { float: left; }

.site-header { min-height: 28px; position: relative; padding: 28px 0px; text-align: center; width: 100%; }

.site-title { display: inline-block; margin-bottom: 15px; }

nav { width: 100%; min-height: 30px; }

/*** Arrows ***/
a.arrow { margin-top: -12px; color: #3f4549; text-decoration: none; padding: 6px 15px 6px 15px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 28px; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; }

a.arrow:hover { color: #ffffff; background: #a5b2b9; -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; }

#arrow-left { float: left; border-radius: 0 25px 25px 0; }

#arrow-left:hover { padding-left: 12px; }

#arrow-right { float: right; border-radius: 25px 0 0 25px; }

#arrow-right:hover { padding-right: 12px; }

/*** Slider ***/
#slider { position: relative; margin: 0 60px 0 60px; height: 30px; }

input[type="range"] { height: 30px; -webkit-appearance: none; /*removes default webkit styles*/ border: 1px solid white; /*fix for FF unable to apply focus style bug */ width: 100%; /*required for proper track sizing in FF*/ margin: auto; }

/*** Slider styling ***/
input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 2px; background: #eaedee; border: none; border-radius: 2px; }

input[type=range]::-moz-range-track { width: 100%; height: 2px; background: #eaedee; border: none; border-radius: 2px; }

input[type=range]::-ms-track { width: 100%; height: 2px; background: #eaedee; border: none; border-radius: 2px; color: transparent; /*remove default tick marks*/ }

input[type=range]::-ms-fill-lower { outline: none; background: #ccd4d8; border-radius: 10px 0 0 10px; }

input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; margin-top: -4px; border: none; height: 10px; width: 10px; border-radius: 50%; background: #3f4549; }

input[type=range]::-moz-range-thumb { border: none; height: 10px; width: 10px; border-radius: 50%; background: #3f4549; }

input[type=range]::-ms-thumb { border: none; height: 10px; width: 10px; border-radius: 50%; background: #3f4549; }

input[type=range]:focus { outline: none; }

input[type=range]:focus::-webkit-slider-runnable-track { background: #ccd4d8; }

input[type=range]:focus::-ms-track { background: #ccd4d8; }

input[type=range]:focus::-ms-fill-lower { background: #ccd4d8; }

input[type=range]:-moz-focusring { /*hide the outline behind the border*/ outline: 1px solid white; outline-offset: -1px; }

/*** Slider tooltip ***/
input[type="range"]:hover + output { opacity: 1; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; }

input[type="range"] + output { opacity: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; position: absolute; color: #ffffff; background: #a5b2b9; text-align: center; font-size: 14px; line-height: 17px; font-weight: bold; width: 34px; height: 17px; border-radius: 5px; display: inline-block; bottom: -24px; left: 0; margin-left: -16px; padding: 4px 5px; }

input[type="range"] + output:after { content: ""; position: absolute; width: 0; height: 0; border-bottom: 6px solid #a5b2b9; border-left: 4px solid transparent; border-right: 4px solid transparent; bottom: 100%; left: 50%; margin-left: -4px; margin-top: -1px; }

.site-footer { padding: 30px 0; margin-top: 15px; }

.footer-col-wrapper { font-size: 15px; color: #a5b2b9; margin-left: -15px; }

.footer-col { float: left; padding-left: 15px; }

.footer-col-1, .footer-col-2 { width: -webkit-calc(50% - (30px / 2)); width: calc(50% - (30px / 2)); }

.footer-col-2 { text-align: right; }

@media screen and (max-width: 800px) { .footer-col-1, .footer-col-2 { width: -webkit-calc(50% - (30px / 2)); width: calc(50% - (30px / 2)); } }

@media screen and (max-width: 600px) { .footer-col { float: none; width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } .footer-col-2 { text-align: left; } }

#site-quote { text-align: center; margin-bottom: 60px; color: #a5b2b9; }

.page-heading { font-size: 20px; }

.post-list { margin-left: 0; list-style: none; }

.post-list > li { margin-bottom: 30px; }

.post-meta { font-size: 13.008px; color: #a5b2b9; }

.post-link { display: block; font-size: 24px; }

.post-header { margin-bottom: 30px; text-align: center; }

.post-title { font-size: 36px; letter-spacing: -1px; line-height: 1; text-shadow: 0 1px 0 white; }

@media screen and (max-width: 800px) { .post-title { font-size: 34px; } }

.post-footer { margin-bottom: 30px; }

h2 { font-size: 32px; }

@media screen and (max-width: 800px) { h2 { font-size: 28px; } }

h3 { font-size: 26px; }

@media screen and (max-width: 800px) { h3 { font-size: 22px; } }

h4 { font-size: 20px; }

@media screen and (max-width: 800px) { h4 { font-size: 18px; } }

.link h1.post-title { font-size: 48px; }

.image article p:first-child, .video article .videoWrapper, .quote article blockquote { margin-bottom: 30px; text-align: center; }

.quote { padding-left: 50px; }

.quote article blockquote { text-align: left; font-size: 48px; letter-spacing: -1px; line-height: 1; text-decoration: none; color: #111; padding: 0; display: block; position: relative; border-left: 0; text-shadow: 0 1px 0 white; }

@media screen and (max-width: 800px) { .quote article blockquote { font-size: 42px; } }

.quote article blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 68px; font-weight: bold; color: #111; position: absolute; left: -50px; top: 0; text-shadow: 0 1px 0 white; }

.quote article blockquote p { display: inline; }

.quote article .post-header h1 { text-align: left; font-size: 24px; }

.video .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

.video .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ad { margin-top: 1px solid #ccd4d8; margin-bottom: 1px solid #ccd4d8; }

#show_comments { font-size: 16px; display: block; text-align: center; cursor: pointer; }

#disqus_thread { background-color: #f7f7f7; padding: 1em; margin-top: 2.2em; display: none; }

#cookie-bar { background: #a5b2b9; height: auto; color: #fff; text-align: center; padding: 8px 0; }

#cookie-bar.fixed { position: fixed; top: 0; left: 0; width: 100%; }

#cookie-bar.fixed.bottom { bottom: 0; top: auto; }

#cookie-bar p { margin: 0; padding: 0; }

#cookie-bar a { color: #fff; text-decoration: none; font-weight: bold; }

#cookie-bar a:hover { text-decoration: underline; }

#cookie-bar .cb-enable { font-weight: normal; background: #D1D9DE; color: #667178; display: inline-block; border-radius: 3px; text-decoration: none; padding: 0 6px; margin: 0 18px 0 18px; }

#cookie-bar:hover .cb-enable { text-decoration: none; }

#cookie-bar .cb-enable:hover { background: #DCE2E6; }

/*# sourceMappingURL=main.css.map */