@import url("http://fonts.googleapis.com/css?family=PT+Sans:400,700");
.grid:after, .main-header:after { content: ""; display: table; clear: both; }

.srt { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.panel--centered, .panel--padded--centered, [class^="btn--"] { text-align: center; }

.icn--nav-toggle:before { display: block; content: ''; position: absolute; }

.centered, .grid { float: none; margin-left: auto; margin-right: auto; }

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 { font-weight: normal; }

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; }

* { -moz-box-sizing: border-box; box-sizing: border-box; }

body { color: #797e83; font-size: 16px; font-family: "PT Sans", sans-serif; line-height: 1.5; }

h3 { font-size: 1.125em; }

h4 { margin-top: 1.375em; margin-bottom: 2.57143em; color: #d6d7d9; text-transform: uppercase; letter-spacing: 0.025em; font-weight: 400; font-size: 0.875em; }
@media (min-width: 769px) { h4 { margin-top: 2.625em; } }

a { color: #6dbcda; text-decoration: none; font-weight: 400; }

p { margin: 0 0 1.66667em; font-weight: 300; font-size: 1.125em; line-height: 1.5; }

blockquote { font-weight: 300; font-style: italic; font-size: 1.25em; }
@media (min-width: 769px) { blockquote { margin: 1.33333em 0; padding: 0 0 0 5%; border-left: 0.33333em solid #e8e9ea; font-size: 1.5em; } }

ul, li { margin: 0; padding: 0; list-style-type: none; }

img { margin-bottom: 1.5em; max-width: 100%; height: auto; }

input, textarea { display: block; padding: 15px; width: 100%; outline: 0; border: 0; }

input:focus, textarea:focus { transition: 0.3s; }

button { outline: 0; }

footer { border-top: 1px solid #e8e9ea; }
footer p { font-size: 1em; margin-top: 1.375em; color: #999da1; }

/** Syntax highlighting styles */
.highlight { background: #e8e9ea; padding: 0.3125em 1.25em; margin-top: 1.5em; margin-bottom: 2.125em; border-radius: 0.4em; }
.highlight .c { color: #998; font-style: italic; }
.highlight .err { color: #a61717; background-color: #e3d2d2; }
.highlight .k { font-weight: bold; }
.highlight .o { font-weight: bold; }
.highlight .cm { color: #998; font-style: italic; }
.highlight .cp { color: #999; font-weight: bold; }
.highlight .c1 { color: #998; font-style: italic; }
.highlight .cs { color: #999; font-weight: bold; font-style: italic; }
.highlight .gd { color: #000; background-color: #fdd; }
.highlight .gd .x { color: #000; background-color: #faa; }
.highlight .ge { font-style: italic; }
.highlight .gr { color: #a00; }
.highlight .gh { color: #999; }
.highlight .gi { color: #000; background-color: #dfd; }
.highlight .gi .x { color: #000; background-color: #afa; }
.highlight .go { color: #888; }
.highlight .gp { color: #555; }
.highlight .gs { font-weight: bold; }
.highlight .gu { color: #aaa; }
.highlight .gt { color: #a00; }
.highlight .kc { font-weight: bold; }
.highlight .kd { font-weight: bold; }
.highlight .kp { font-weight: bold; }
.highlight .kr { font-weight: bold; }
.highlight .kt { color: #458; font-weight: bold; }
.highlight .m { color: #099; }
.highlight .s { color: #d14; }
.highlight .na { color: #008080; }
.highlight .nb { color: #0086B3; }
.highlight .nc { color: #458; font-weight: bold; }
.highlight .no { color: #008080; }
.highlight .ni { color: #800080; }
.highlight .ne { color: #900; font-weight: bold; }
.highlight .nf { color: #900; font-weight: bold; }
.highlight .nn { color: #555; }
.highlight .nt { color: #000080; }
.highlight .nv { color: #008080; }
.highlight .ow { font-weight: bold; }
.highlight .w { color: #bbb; }
.highlight .mf { color: #099; }
.highlight .mh { color: #099; }
.highlight .mi { color: #099; }
.highlight .mo { color: #099; }
.highlight .sb { color: #d14; }
.highlight .sc { color: #d14; }
.highlight .sd { color: #d14; }
.highlight .s2 { color: #d14; }
.highlight .se { color: #d14; }
.highlight .sh { color: #d14; }
.highlight .si { color: #d14; }
.highlight .sx { color: #d14; }
.highlight .sr { color: #009926; }
.highlight .s1 { color: #d14; }
.highlight .ss { color: #990073; }
.highlight .bp { color: #999; }
.highlight .vc { color: #008080; }
.highlight .vg { color: #008080; }
.highlight .vi { color: #008080; }
.highlight .il { color: #099; }

.panel, .panel--centered { padding-top: 1.875em; }
@media (min-width: 769px) { .panel, .panel--centered { padding-bottom: 1.25em; } }

.panel--padded, .panel--padded--centered { padding-top: 2.125em; }
@media (min-width: 769px) { .panel--padded, .panel--padded--centered { padding-top: 5em; padding-bottom: 2.125em; } }

.grid { width: 90%; }
[class*="grid__col--"] > .grid { width: 100%; }
@media (min-width: 769px) { .grid { width: 75%; } }
@media (min-width: 1080px) { .grid { max-width: 810px; } }

@media (min-width: 769px) { .grid__col--1 { width: 6.5%; }
  .grid__col--2 { width: 15%; }
  .grid__col--3 { width: 23.5%; }
  .grid__col--4 { width: 32%; }
  .grid__col--5 { width: 40.5%; }
  .grid__col--6 { width: 49%; }
  .grid__col--7 { width: 57.5%; }
  .grid__col--8 { width: 66%; }
  .grid__col--9 { width: 74.5%; }
  .grid__col--10 { width: 83%; }
  .grid__col--11 { width: 91.5%; }
  .grid__col--12 { width: 100%; } }

@media (min-width: 1px) and (max-width: 768px) { [class^="grid__col--"] { margin-top: 0.75em; margin-bottom: 0.75em; } }
@media (min-width: 769px) { [class^="grid__col--"] { float: left; min-height: 1px; padding-left: 10px; padding-right: 10px; }
  [class^="grid__col--"] + [class^="grid__col--"] { margin-left: 2%; }
  [class^="grid__col--"]:last-of-type { float: right; } }

@media (min-width: 769px) { .main-header { height: 48px; background: #f8f8f9; } }

@media (min-width: 769px) { html, body { height: 100%; }
  .wrapper { min-height: 100%; margin: 0 auto -10em; }
  footer, .push { height: 12.3125em; } }
@media (min-width: 769px) { .nav__item, .nav__item--current { display: inline-block; margin: 0 0.625em; } }

.nav__item--current a, .nav__item a { font-weight: 300; text-align: center; display: block; padding: 0.4em; border-bottom: 2px solid transparent; }
@media (min-width: 1px) and (max-width: 768px) { .nav__item--current a, .nav__item a { border-bottom-color: #e8e9ea; padding-top: 0.66667em; padding-bottom: 0.66667em; } }

.nav__item--current a, .nav__item a:hover { color: #0b0b0b; border-color: #6dbcda; }

h1, .post__title, .post__title--grouped { color: #656a6e; font-weight: 300; font-size: 2.5em; line-height: 1.15; margin-top: 0; }

h2 { color: #999da1; letter-spacing: 0.025em; font-weight: 100; font-size: 1.5em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

[class^="btn--"] { padding: 10px 25px; border: 0; border-radius: 0.4em; color: #fff; text-transform: uppercase; font-size: 0.875em; font-weight: 400; transition: opacity 0.3s; display: block; }
[class^="btn--"]:hover { opacity: .75; }
[class^="btn--"]:active { opacity: initial; }

.menu__link, .menu__link--end { display: block; padding-top: 1em; padding-bottom: 1em; color: #fff; text-align: center; text-shadow: 0 1px rgba(11, 11, 11, 0.2); font-size: 1.125em; }

.icn--nav-toggle { line-height: 0; cursor: pointer; }

.post__item { border-bottom: 1px dotted #999da1; margin-bottom: 2.5em; padding-bottom: 2em; }
.post__item:last-child { border: none; }
@media (min-width: 769px) { .post__header { margin-top: 3.125em; margin-bottom: 2.75em; } }
.post__content { margin-bottom: 3.875em; }
.post__content li { margin: 0.25em 0; }
.post__meta { margin-top: 0.125em; margin-bottom: 1.625em; }
.post__author { color: #6dbcda; font-weight: 700; }
.post__sep { color: #d6d7d9; padding: 0 0.375em; }
.post__date { color: #999da1; font-size: 0.9375em; }

.img--wrap { border: 1px solid #d6d7d9; padding: 0.75em; }
.img--avatar { display: block; width: 110px; margin-left: auto; margin-right: auto; border-radius: 50%; }
@media (min-width: 769px) { .img--avatar { margin-top: 1.5em; } }
.img--feat { margin-bottom: 1.75em; margin-top: -1.375em; }

.post__title { margin-bottom: 1.66667em; }
.post__title--grouped { margin-bottom: 0; }
.post__title:hover { color: #525559; }

.btn--default { background-color: #6dbcda; }
.btn--success { background-color: #5ece7f; }
.btn--error { background-color: #e67478; }
.btn--warning { background-color: #ff784f; }
.btn--info { background-color: #9279c3; }

[class^="btn--"] { margin-bottom: 1.42857em; }
@media (min-width: 1px) and (max-width: 768px) { [class^="btn--"] { width: 100%; } }
@media (min-width: 769px) { [class^="btn--"] { width: auto; display: inline-block; }
  [class^="btn--"] + [class^="btn--"] { margin-left: 20px; } }

.navbar { position: relative; }
@media (min-width: 1px) and (max-width: 768px) { .navbar { margin-bottom: 2.5em; } }
@media (min-width: 769px) { .navbar { float: right; margin-top: 0.5625em; margin-bottom: 1.5em; } }

.nav__item a { color: #999da1; }

.site-logo { text-transform: uppercase; font-weight: 700; font-size: 1.25em; display: block; text-align: center; color: #339fc8; }
@media (min-width: 1px) and (max-width: 768px) { .site-logo { margin-top: 20px; margin-bottom: 20px; } }
@media (min-width: 769px) { .site-logo { float: left; margin-top: 11px; } }

.menu { margin-top: 1.25em; }
.menu__link { border-bottom: solid 1px rgba(255, 255, 255, 0.3); }

.pagination { display: inline-block; padding: 0.3125em 0.625em; border-radius: 0.4em; background: #f8f8f9; margin-bottom: 0.75em; font-size: 0.9375em; }
.pagination__arrow-next { margin-left: 0.25em; }
.pagination__arrow-prev { margin-right: 0.25em; }
.pagination__page { margin: 0 0.3125em; }

.hero { height: 335px; background: url("https://s3.amazonaws.com/alchemymomentum/public/img/squairy_light/squairy_light.png"), linear-gradient(#75da8f, #77cae9); background-repeat: no-repeat; background-size: cover; margin-bottom: 3.125em; }

.icn--nav-toggle { width: 25px; height: 17px; border-top: solid 3px #797e83; border-bottom: solid 3px #797e83; position: relative; }
.icn--nav-toggle:before { width: 25px; height: 3px; background: #999da1; top: 4px; }

@media (min-width: 1px) and (max-width: 768px) { .is-displayed-mobile { display: block; }
  .is-hidden-mobile { display: none; } }
@media (min-width: 769px) { .is-displayed-mobile { display: none; } }

@media (min-width: 1px) and (max-width: 768px) { .is-collapsed-mobile { visibility: collapse; padding: 0; height: 0; margin: 0; line-height: 0; } }