/* --------------------------------- FONTS -------------------------------- */
/* --------------------------------- COLOURS ----------------------------- */
/** Boldly original blue/green palette **/
/** Boldly multi-colour palette       **/
/** Boldly grayscale palette          **/
/* Cool Steel #3B3B41 */
/*0F0A0A*/
/*333*/
/*666*/
/*CCC*/
/** Mixing and matching colours       **/
/** Colours for buttons and alerts    **/
/* --------------------------------- MIXIN -------------------------------- */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff4949+0,2e99ff+100 */
/* --------------- POSTS --------------- */
.post-snippet h2 {
  max-width: 18rem;
  width: 100%;
  font-size: 0.9em;
  font-weight: 200;
  margin: 0 auto;
  margin-top: 0;
  text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.7);
  text-transform: uppercase; }
.post-snippet a {
  position: relative;
  display: block;
  padding: 0;
  color: #FFF; }
  .post-snippet a:hover {
    color: #FFF; }
.post-snippet img {
  margin: 0;
  opacity: 0.5; }
.post-snippet a > .grid {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  margin: 0;
  padding: 0.5rem;
  text-align: center;
  transform: translateX(-50%) translateY(-50%); }

.post-thumbs {
  margin-top: 4rem; }

.post-thumb {
  padding-right: 1rem; }
  .post-thumb h3 {
    -webkit-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    -moz-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    -ms-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    margin-top: 0.5rem;
    font-size: 1rem; }
  .post-thumb p {
    margin: 0; }
  .post-thumb p.published {
    font-size: 0.75em;
    font-style: italic;
    margin-top: 1rem; }
  .post-thumb a {
    color: #FFF; }

.post-snippet img, .post-thumb img {
  -webkit-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  -moz-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  -ms-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  -webkit-filter: brightness(0.5);
  -moz-filter: brightness(0.5);
  -ms-filter: brightness(0.5);
  filter: brightness(0.5); }
.post-snippet:hover img, .post-thumb:hover img {
  -webkit-filter: brightness(0.8);
  -moz-filter: brightness(0.8);
  -ms-filter: brightness(0.8);
  filter: brightness(0.8); }

.post {
  padding: 1rem;
  position: relative;
  top: -6rem; }
  .post article {
    padding-top: 4rem; }
    .post article h1 {
      font-size: 4rem;
      padding-left: 1rem;
      border-left: 0.5rem rgba(135, 161, 158, 0.3) solid;
      position: relative; }
    .post article h3 {
      font-size: 2.5rem;
      font-weight: 100; }
    .post article h4 {
      font-size: 1.5rem;
      font-weight: bold;
      margin: 0; }
    .post article a {
      white-space: normal; }
    .post article .subheading {
      margin: 0; }
      .post article .subheading p {
        margin: 1rem;
        width: 100%; }
    .post article .post-actions {
      padding: 1rem 0; }
    .post article .video-grid {
      margin: 2rem 0; }
    .post article .post-body {
      padding: 2rem 0; }
      .post article .post-body p, .post article .post-body ul, .post article .post-body ol {
        font-size: 1.75rem;
        line-height: 2rem; }
      .post article .post-body ul, .post article .post-body ol {
        font-size: 1.25rem;
        padding: 1rem;
        padding-left: 3rem;
        margin: 3rem auto;
        border-top: thin #3B3B41 solid;
        border-bottom: thin #3B3B41 solid; }
    .post article .post-block {
      max-width: 60rem;
      margin: 4rem auto;
      background-color: #111;
      border-radius: 0.5rem;
      padding: 1rem; }
      .post article .post-block ul, .post article .post-block ol {
        max-width: 46rem; }
      .post article .post-block h3 {
        max-width: 46rem;
        margin: 0 auto;
        padding: 1rem; }
    .post article .post-media {
      max-width: 60rem;
      margin: 0 auto; }
    .post article .episode {
      margin: 2rem 0; }
      .post article .episode h2 {
        color: #FF5252; }

.sidebar-snippet {
  margin-top: 1rem; }
  .sidebar-snippet img {
    margin: 0; }
    .sidebar-snippet img:hover {
      border-width: thin !important; }
  .sidebar-snippet h5 {
    text-align: center;
    margin-top: 0.5rem; }
  .sidebar-snippet a {
    -webkit-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    -moz-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    -ms-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01); }

.suggested-posts {
  background-color: #222;
  max-width: 52rem;
  margin: 0 auto;
  padding: 1rem;
  border-radius: 0.5rem; }
  .suggested-posts h4 {
    padding: 0 1rem; }

.more-projects h3 {
  font-size: 1rem;
  margin: 0; }
.more-projects h5 {
  -webkit-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  -moz-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  -ms-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
  font-weight: bold;
  color: #2f2f34; }
.more-projects .grid {
  padding: 0; }
.more-projects .sidebar-snippet {
  padding: 0; }
  .more-projects .sidebar-snippet img {
    -webkit-filter: brightness(0.8) grayscale(1);
    -moz-filter: brightness(0.8) grayscale(1);
    -ms-filter: brightness(0.8) grayscale(1);
    filter: brightness(0.8) grayscale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .more-projects .sidebar-snippet:hover img {
    -webkit-filter: brightness(1) grayscale(0);
    -moz-filter: brightness(1) grayscale(0);
    -ms-filter: brightness(1) grayscale(0);
    filter: brightness(1) grayscale(0); }
  .more-projects .sidebar-snippet:hover h5 {
    color: #FF5252; }

#disqus_thread {
  margin: 0 auto;
  max-width: 60rem;
  padding: 1rem; }

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