.post-excerpt p {
  display: inline; }

/* ==========================================================================
   Sass variables
   ========================================================================== */
/* 
   Typography
   ========================================================================== */
/* 
   Colors
   ========================================================================== */
/* buttons */
/* brands */
/* links */
/* 
   Breakpoints
   ========================================================================== */
/* ==========================================================================
   Utility mixins
   ========================================================================== */
/* 
   Clearfix
   For clearing floats like a boss h5bp.com/q
   ========================================================================== */
/* 
   Webkit-style focus
   ========================================================================== */
/* 
   Center-align a block level element
   ========================================================================== */
/* ==========================================================================
   Typography related mixins
   ========================================================================== */
/* 
   Maintains vertical rhythm by setting a font-sizes proportional to
   line-height and bottom margin
   example: @font-size(16);
   ========================================================================== */
/* 
   Just font-size (REMs + pixel fallback)
   example: @include font-rem(16);
   ========================================================================== */
/* 
   Just font-size (REMs + pixel fallback) and line-height
   @include font(16);
   ========================================================================== */
/* 
   Hide text overflow and end with ...
   ========================================================================== */
/* Indentation variable */
/* ==========================================================================
   Gradient mixins
   ========================================================================== */
/* ==========================================================================
   Rounded corners
   ========================================================================== */
/* 
   Round all corners
   example: @include rounded(4px);
   ========================================================================== */
/* 
   Round individual corners (top right, bottom right, bottom left, top left)
   example: @include border-radius(4px, 0, 0, 4px);
   ========================================================================== */
/* 
   Box shadow
   example: @include box-shadow(HORIZONTAL VERTICAL BLUR COLOR));
   ========================================================================== */
/* 
   Drop shadow
   example: @include drop-shadow(HORIZONTAL, VERTICAL, BLUR, ALPHA);
   ========================================================================== */
/* 
   Text shadow
   example: @include text-shadow(0 2px 3px rgba(0,0,0,.25));
   ========================================================================== */
/* 
   Opacity
   example: @include opacity(0.5); // 50% opacity
   ========================================================================== */
/* ==========================================================================
   Transformations
   ========================================================================== */
/* 
   @include rotate(VALUEdeg);
   ========================================================================== */
/* 
   @include scale(VALUE);
   ========================================================================== */
/* 
   @include skew(VALUE, VALUE);
   ========================================================================== */
/* 
   @include transition(PROPERTY DURATION DELAY(OPTIONAL) TIMING-FINCTION);
   ========================================================================== */
/* 
   @include translate(VALUE, VALUE);
   ========================================================================== */
/* ==========================================================================
   Background
   ========================================================================== */
/* 
   @include background-alpha(VALUE VALUE);
   ========================================================================== */
/* 
   @include background-size(VALUE VALUE);
   ========================================================================== */
/* 
   Box-sizing
   example: @include box-sizing(VALUE); //(border-box, padding-box, content-box)
   ========================================================================== */
/* ==========================================================================
   Image replacement
   ========================================================================== */
/* 
   Hide from visual and speaking browsers
   ========================================================================== */
/* 
   Hide but maintain layout
   ========================================================================== */
/* 
   Resize
   example: @include resize(VALUE); //(none, both, horizontal, vertical, inherit)

   ========================================================================== */
/* 
   Hidden but available to speaking browsers
   ========================================================================== */
/* ==========================================================================
   Pygments.rb syntax highlighting
   ========================================================================== */
.highlight {
  background-color: #efefef;
  color: #333332;
  width: 126%;
  max-width: 126%;
  margin: 0 -13% 1.75em;
  border-radius: 4px;
  /* Comment */
  /* Error */
  /* Keyword */
  /* Operator */
  /* Comment.Multiline */
  /* Comment.Preproc */
  /* Comment.Single */
  /* Comment.Special */
  /* Generic.Deleted */
  /* Generic.Emph */
  /* Generic.Error */
  /* Generic.Heading */
  /* Generic.Inserted */
  /* Generic.Output */
  /* Generic.Prompt */
  /* Generic.Strong */
  /* Generic.Subheading */
  /* Generic.Traceback */
  /* Keyword.Constant */
  /* Keyword.Declaration */
  /* Keyword.Namespace */
  /* Keyword.Pseudo */
  /* Keyword.Reserved */
  /* Keyword.Type */
  /* Literal.Number */
  /* Literal.String */
  /* Name.Attribute */
  /* Name.Builtin */
  /* Name.Class */
  /* Name.Constant */
  /* Name.Decorator */
  /* Name.Entity */
  /* Name.Exception */
  /* Name.Function */
  /* Name.Label */
  /* Name.Namespace */
  /* Name.Tag */
  /* Name.Variable */
  /* Operator.Word */
  /* Text.Whitespace */
  /* Literal.Number.Float */
  /* Literal.Number.Hex */
  /* Literal.Number.Integer */
  /* Literal.Number.Oct */
  /* Literal.String.Backtick */
  /* Literal.String.Char */
  /* Literal.String.Doc */
  /* Literal.String.Double */
  /* Literal.String.Escape */
  /* Literal.String.Heredoc */
  /* Literal.String.Interpol */
  /* Literal.String.Other */
  /* Literal.String.Regex */
  /* Literal.String.Single */
  /* Literal.String.Symbol */
  /* Name.Builtin.Pseudo */
  /* Name.Variable.Class */
  /* Name.Variable.Global */
  /* Name.Variable.Instance */
  /* Literal.Number.Integer.Long */ }
  .highlight pre {
    position: relative;
    margin: 0;
    padding: 1em; }
  .highlight .lineno {
    padding-right: 24px;
    color: #b3b3b1; }
  .highlight .hll {
    background-color: #ffffcc; }
  .highlight .c {
    color: #999988;
    font-style: italic; }
  .highlight .err {
    color: #a61717;
    background-color: #e3d2d2; }
  .highlight .k {
    color: #000000;
    font-weight: bold; }
  .highlight .o {
    color: #000000;
    font-weight: bold; }
  .highlight .cm {
    color: #999988;
    font-style: italic; }
  .highlight .cp {
    color: #999999;
    font-weight: bold;
    font-style: italic; }
  .highlight .c1 {
    color: #999988;
    font-style: italic; }
  .highlight .cs {
    color: #999999;
    font-weight: bold;
    font-style: italic; }
  .highlight .gd {
    color: #000000;
    background-color: #ffdddd; }
  .highlight .ge {
    color: #000000;
    font-style: italic; }
  .highlight .gr {
    color: #aa0000; }
  .highlight .gh {
    color: #999999; }
  .highlight .gi {
    color: #000000;
    background-color: #ddffdd; }
  .highlight .go {
    color: #888888; }
  .highlight .gp {
    color: #555555; }
  .highlight .gs {
    font-weight: bold; }
  .highlight .gu {
    color: #aaaaaa; }
  .highlight .gt {
    color: #aa0000; }
  .highlight .kc {
    color: #000000;
    font-weight: bold; }
  .highlight .kd {
    color: #000000;
    font-weight: bold; }
  .highlight .kn {
    color: #000000;
    font-weight: bold; }
  .highlight .kp {
    color: #000000;
    font-weight: bold; }
  .highlight .kr {
    color: #000000;
    font-weight: bold; }
  .highlight .kt {
    color: #445588;
    font-weight: bold; }
  .highlight .m {
    color: #009999; }
  .highlight .s {
    color: #d01040; }
  .highlight .na {
    color: #008080; }
  .highlight .nb {
    color: #0086B3; }
  .highlight .nc {
    color: #445588;
    font-weight: bold; }
  .highlight .no {
    color: #008080; }
  .highlight .nd {
    color: #3c5d5d;
    font-weight: bold; }
  .highlight .ni {
    color: #800080; }
  .highlight .ne {
    color: #990000;
    font-weight: bold; }
  .highlight .nf {
    color: #990000;
    font-weight: bold; }
  .highlight .nl {
    color: #990000;
    font-weight: bold; }
  .highlight .nn {
    color: #555555; }
  .highlight .nt {
    color: #000080; }
  .highlight .nv {
    color: #008080; }
  .highlight .ow {
    color: #000000;
    font-weight: bold; }
  .highlight .w {
    color: #bbbbbb; }
  .highlight .mf {
    color: #009999; }
  .highlight .mh {
    color: #009999; }
  .highlight .mi {
    color: #009999; }
  .highlight .mo {
    color: #009999; }
  .highlight .sb {
    color: #d01040; }
  .highlight .sc {
    color: #d01040; }
  .highlight .sd {
    color: #d01040; }
  .highlight .s2 {
    color: #d01040; }
  .highlight .se {
    color: #d01040; }
  .highlight .sh {
    color: #d01040; }
  .highlight .si {
    color: #d01040; }
  .highlight .sx {
    color: #d01040; }
  .highlight .sr {
    color: #009926; }
  .highlight .s1 {
    color: #d01040; }
  .highlight .ss {
    color: #990073; }
  .highlight .bp {
    color: #999999; }
  .highlight .vc {
    color: #008080; }
  .highlight .vg {
    color: #008080; }
  .highlight .vi {
    color: #008080; }
  .highlight .il {
    color: #009999; }

.site-header a, .nav--main a {
  text-decoration: none; }

.menu-icon {
  float: right;
  display: block;
  position: relative;
  height: 18px;
  width: 21.6px;
  cursor: pointer; }

@media (min-width: 768px) {
  .menu-icon {
    display: none; } }
.menu-icon:before {
  position: absolute;
  content: '';
  top: -15px;
  bottom: -15px;
  left: -15px;
  right: -15px; }

.blog-logo {
  height: 30px; }

.main-post-header {
  margin-bottom: 2em !important;
  margin-top: 5.6em !important; }

.imgcap img {
  border-radius: 4px; }
.imgcap .caption-text {
  font-size: 12px;
  display: block; }

.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  padding: 0 1.25rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: background .5s ease-in-out, box-shadow .5s ease-in-out;
  transition: background .5s ease-in-out, box-shadow .5s ease-in-out; }

@media (min-width: 768px) {
  .site-header {
    height: 3.7em; } }
.site-header .link-icon .icon--logo {
  color: #000; }

.site-header .link-icon .icon--logo:hover {
  color: #ff4847; }

.home .site-header, .page-template-services-php .site-header, .page-template-about-php .site-header {
  background: none;
  box-shadow: none; }

/*add .home to make logo white on homepage */
.site-header .link-icon .icon--logo, .page-template-services-php .site-header .link-icon .icon--logo, .page-template-about-php .site-header .link-icon .icon--logo, .home .site-header .link-icon .icon--logo {
  color: #FFF; }

.site-header .link-icon .icon--logo:hover, .page-template-services-php .site-header .link-icon .icon--logo:hover, .page-template-about-php .site-header .link-icon .icon--logo:hover {
  color: #ff4847; }

.site-header.past-hero {
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.site-header.past-hero .link-icon .icon--logo {
  color: #000; }

.site-header.past-hero .link-icon .icon--logo:hover {
  color: #ff4847; }

.js-menu-open .site-header {
  box-shadow: none;
  background: rgba(255, 72, 71, 0.95); }

.site-header .link-icon {
  float: left;
  padding: 0.25rem 0; }

@media (min-width: 768px) {
  .site-header .link-icon {
    padding: 1.6rem 0; } }
.site-header .link-icon .icon--logo {
  -webkit-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
  color: #000; }

@media (min-width: 0) and (max-width: 767px) {
  .site-header .link-icon .icon--logo {
    width: 4.6875rem; } }
.js-menu-open .site-header .link-icon .icon--logo {
  color: #FFF; }

.site-header .menu-icon {
  margin-top: 0.9375rem; }

.nav--main {
  position: fixed;
  color: #FFF; }

@media (min-width: 0) and (max-width: 767px) {
  .nav--main {
    z-index: 2;
    padding: 1rem 0;
    top: 3rem;
    height: 100%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0; }

  .nav--main:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 72, 71, 0.95);
    z-index: -1; }

  .js-menu-closed .nav--main, .js-menu-open .nav--main {
    -webkit-transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out; }

  .js-menu-open .nav--main {
    visibility: visible;
    opacity: 1; } }
@media (min-width: 768px) {
  .nav--main {
    position: fixed;
    float: right;
    text-align: right;
    right: 1.25rem;
    z-index: 100;
    top: 0; } }
@media (min-width: 0) and (max-width: 767px) {
  .nav--main li {
    display: block;
    text-align: center;
    margin-top: -1.875rem;
    opacity: 0;
    -webkit-transition: margin-top 0.5s cubic-bezier(0.01, 0.68, 0.3, 0.99), opacity 0.5s cubic-bezier(0.6, 0.16, 0.97, 0.77);
    transition: margin-top 0.5s cubic-bezier(0.01, 0.68, 0.3, 0.99), opacity 0.5s cubic-bezier(0.6, 0.16, 0.97, 0.77); }

  .nav--main li:nth-child(1) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s; }

  .nav--main li:nth-child(2) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s; }

  .nav--main li:nth-child(3) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s; }

  .nav--main li:nth-child(4) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s; }

  .nav--main li:nth-child(5) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s; }

  .js-menu-open .nav--main li {
    margin-top: 0;
    opacity: 1; } }
.nav--main li:last-child a {
  padding-right: 0; }

.nav--main a {
  display: block;
  font-size: 1.953125em;
  line-height: 1.792;
  text-transform: uppercase;
  color: #FFF; }

.nav--main a:hover {
  color: #ff4847; }

@media (min-width: 768px) {
  .nav--main a {
    display: inline-block;
    font-size: 1em;
    line-height: 2.6rem;
    padding: 0 0.625rem;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
    color: #000; }

  .home .nav--main a, .page-template-services-php .nav--main a {
    color: #fff; }

  .page-template-about-php .nav--main a {
    color: #fff; }

  .home .nav--main a:hover, .page-template-services-php .nav--main a:hover, .page-template-about-php .nav--main a:hover {
    color: #ff4847; } }
@media (min-width: 768px) {
  .nav--main.past-hero a {
    color: #000; }

  .nav--main.past-hero a:hover {
    color: #ff4847; } }
.nav--main {
  position: fixed;
  color: #FFF; }

@media (min-width: 0) and (max-width: 767px) {
  .nav--main {
    z-index: 2;
    padding: 1rem 0;
    top: 3rem;
    height: 100%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0; }

  .nav--main:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 72, 71, 0.95);
    z-index: -1; }

  .js-menu-closed .nav--main, .js-menu-open .nav--main {
    -webkit-transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out; }

  .js-menu-open .nav--main {
    visibility: visible;
    opacity: 1; } }
@media (min-width: 768px) {
  .nav--main {
    position: fixed;
    float: right;
    text-align: right;
    right: 1.25rem;
    z-index: 100;
    top: 0; } }
@media (min-width: 0) and (max-width: 767px) {
  .nav--main li {
    display: block;
    text-align: center;
    margin-top: -1.875rem;
    opacity: 0;
    -webkit-transition: margin-top 0.5s cubic-bezier(0.01, 0.68, 0.3, 0.99), opacity 0.5s cubic-bezier(0.6, 0.16, 0.97, 0.77);
    transition: margin-top 0.5s cubic-bezier(0.01, 0.68, 0.3, 0.99), opacity 0.5s cubic-bezier(0.6, 0.16, 0.97, 0.77); }

  .nav--main li:nth-child(1) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s; }

  .nav--main li:nth-child(2) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s; }

  .nav--main li:nth-child(3) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s; }

  .nav--main li:nth-child(4) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s; }

  .nav--main li:nth-child(5) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s; }

  .js-menu-open .nav--main li {
    margin-top: 0;
    opacity: 1; } }
.nav--main li:last-child a {
  padding-right: 0; }

.nav--main a {
  display: block;
  font-size: 1.953125em;
  line-height: 1.792;
  text-transform: uppercase;
  color: #FFF; }

.nav--main a:hover {
  color: #ff4847; }

@media (min-width: 768px) {
  .nav--main a {
    display: inline-block;
    font-size: 1em;
    line-height: 5.6rem;
    padding: 0 0.625rem;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
    color: #000; }

  .home .nav--main a, .page-template-services-php .nav--main a {
    color: #fff; }

  .page-template-about-php .nav--main a {
    color: #fff; }

  .home .nav--main a:hover, .page-template-services-php .nav--main a:hover, .page-template-about-php .nav--main a:hover {
    color: #ff4847; } }
@media (min-width: 768px) {
  .nav--main.past-hero a {
    color: #000; }

  .nav--main.past-hero a:hover {
    color: #ff4847; } }
.nav--main ul,
.nav ul {
  list-style: none;
  margin: 0; }

.nav--main li,
.nav li {
  display: inline-block; }

.menu-icon-bars,
.menu-icon-bars:before,
.menu-icon-bars:after {
  position: absolute;
  height: 3.6px;
  background: #000;
  width: 100%;
  border-radius: 2px;
  -webkit-transition: background .5s ease-in-out;
  transition: background .5s ease-in-out; }

.home .menu-icon-bars, .page-template-services-php .menu-icon-bars, .home
.menu-icon-bars:before, .page-template-services-php
.menu-icon-bars:before, .home
.menu-icon-bars:after, .page-template-services-php
.menu-icon-bars:after {
  background: #fff; }

.menu-icon-bars {
  top: 50%;
  margin-top: -1.8px; }

.js-menu-open .menu-icon-bars {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }

.js-menu-closed .menu-icon-bars {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }

.menu-icon-bars:before, .menu-icon-bars:after {
  content: ''; }

.menu-icon-bars:before {
  top: -7.2px; }

.js-menu-open .menu-icon-bars:before {
  -webkit-animation: top-to-center .5s 1;
  animation: top-to-center .5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }

.js-menu-closed .menu-icon-bars:before {
  -webkit-animation: center-to-top .5s 1;
  animation: center-to-top .5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }

.menu-icon-bars:after {
  bottom: -7.2px; }

.js-menu-open .menu-icon-bars:after {
  -webkit-animation: bottom-to-center .5s 1;
  animation: bottom-to-center .5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }

.js-menu-closed .menu-icon-bars:after {
  -webkit-animation: center-to-bottom .5s 1;
  animation: center-to-bottom .5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }

.js-menu-open .menu-icon-bars {
  -webkit-animation: center-fade .5s 1;
  animation: center-fade .5s 1;
  background: none; }

.js-menu-closed .menu-icon-bars {
  -webkit-animation: center-fadein .5s 1;
  animation: center-fadein .5s 1; }

.js-menu-open .past-hero .menu-icon-bars {
  -webkit-animation: center-fade-past .5s 1;
  animation: center-fade-past .5s 1;
  background: none; }

.seriesNote {
  background: rgba(0, 0, 0, 0.05);
  padding: 20px; }
  .seriesNote ul {
    padding-left: 0 !important;
    list-style: none; }