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

/**
 * Basic styling
 */
body {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  color: #111;
  background-color: #fdfdfd;
  -webkit-text-size-adjust: 100%; }

/**
 * Set `margin-bottom` to maintain vertical rhythm
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure {
  margin-bottom: 15px; }

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

/**
 * Figures
 */
figure > img {
  display: block; }

figcaption {
  font-size: 14px; }

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

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

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

/**
 * Links
 */
a {
  color: #2a7ae2;
  text-decoration: none; }
  a:visited {
    color: #1756a9; }
  a:hover {
    color: #111;
    text-decoration: underline; }

/**
 * Blockquotes
 */
blockquote {
  color: #828282;
  border-left: 4px solid #e8e8e8;
  padding-left: 15px;
  font-size: 18px;
  letter-spacing: -1px;
  font-style: italic; }
  blockquote > :last-child {
    margin-bottom: 0; }

/**
 * Code formatting
 */
pre,
code {
  font-size: 15px;
  border: 1px solid #e8e8e8;
  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
 */
.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; } }

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

/**
 * Icons
 */
.icon > svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon > svg path {
    fill: #828282; }

/**
 * Site header
 */
.site-header {
  border-top: 5px solid #424242;
  border-bottom: 1px solid #e8e8e8;
  min-height: 56px;
  position: relative; }

.site-title {
  font-size: 26px;
  line-height: 56px;
  letter-spacing: -1px;
  margin-bottom: 0;
  float: left; }
  .site-title, .site-title:visited {
    color: #424242; }

.site-nav {
  float: right;
  line-height: 56px; }
  .site-nav .menu-icon {
    display: none; }
  .site-nav .page-link {
    color: #111;
    line-height: 1.5; }
    .site-nav .page-link:not(:first-child) {
      margin-left: 20px; }
  @media screen and (max-width: 600px) {
    .site-nav {
      position: absolute;
      top: 9px;
      right: 30px;
      background-color: #fdfdfd;
      border: 1px solid #e8e8e8;
      border-radius: 5px;
      text-align: right; }
      .site-nav .menu-icon {
        display: block;
        float: right;
        width: 36px;
        height: 26px;
        line-height: 0;
        padding-top: 10px;
        text-align: center; }
        .site-nav .menu-icon > svg {
          width: 18px;
          height: 15px; }
          .site-nav .menu-icon > svg path {
            fill: #424242; }
      .site-nav .trigger {
        clear: both;
        display: none; }
      .site-nav:hover .trigger {
        display: block;
        padding-bottom: 5px; }
      .site-nav .page-link {
        display: block;
        padding: 5px 10px; } }

/**
 * Site footer
 */
.site-footer {
  border-top: 1px solid #e8e8e8;
  padding: 30px 0; }

.footer-heading {
  font-size: 18px;
  margin-bottom: 15px; }

.contact-list,
.social-media-list {
  list-style: none;
  margin-left: 0; }

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

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

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

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

.footer-col-3 {
  width: -webkit-calc(45% - (30px / 2));
  width: calc(45% - (30px / 2)); }

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

  .footer-col-3 {
    width: -webkit-calc(100% - (30px / 2));
    width: calc(100% - (30px / 2)); } }
@media screen and (max-width: 600px) {
  .footer-col {
    float: none;
    width: -webkit-calc(100% - (30px / 2));
    width: calc(100% - (30px / 2)); } }
/**
 * Page content
 */
.page-content {
  padding: 30px 0; }

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

.post-list {
  margin-left: 0;
  list-style: none; }
  .post-list > li {
    margin-bottom: 30px; }

.post-meta {
  font-size: 14px;
  color: #828282; }

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

/**
 * Posts
 */
.post-header {
  margin-bottom: 30px; }

.post-title {
  font-size: 42px;
  letter-spacing: -1px;
  line-height: 1; }
  @media screen and (max-width: 800px) {
    .post-title {
      font-size: 36px; } }

.post-content {
  margin-bottom: 30px; }
  .post-content h2 {
    font-size: 32px; }
    @media screen and (max-width: 800px) {
      .post-content h2 {
        font-size: 28px; } }
  .post-content h3 {
    font-size: 26px; }
    @media screen and (max-width: 800px) {
      .post-content h3 {
        font-size: 22px; } }
  .post-content h4 {
    font-size: 20px; }
    @media screen and (max-width: 800px) {
      .post-content h4 {
        font-size: 18px; } }

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(http://fonts.gstatic.com/s/lato/v11/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(http://fonts.gstatic.com/s/lato/v11/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(http://fonts.gstatic.com/s/lato/v11/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(http://fonts.gstatic.com/s/lato/v11/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url(http://fonts.gstatic.com/s/lato/v11/rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url(http://fonts.gstatic.com/s/lato/v11/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* Slidebars 0.10.3 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt) */
#sb-site, .sb-site-container, .sb-slidebar, body, html {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body, html {
  width: 100%;
  overflow-x: hidden; }

html {
  height: 100%; }

body {
  min-height: 100%;
  height: auto;
  position: relative; }

html.sb-scroll-lock.sb-active:not(.sb-static) {
  overflow: hidden; }

#sb-site, .sb-site-container {
  width: 100%;
  min-height: 100vh;
  position: relative;
  z-index: 1;
  background-color: #fff; }

#sb-site:after, #sb-site:before, .sb-site-container:after, .sb-site-container:before {
  content: ' ';
  display: table;
  clear: both; }

.sb-slidebar {
  height: 100%;
  overflow-y: auto;
  position: fixed;
  top: 0;
  z-index: 0;
  display: none;
  background-color: #222; }

.sb-slidebar, .sb-slidebar * {
  -webkit-transform: translateZ(0px); }

.sb-left {
  left: 0; }

.sb-right {
  right: 0; }

.sb-slidebar.sb-static, html.sb-static .sb-slidebar {
  position: absolute; }

.sb-slidebar.sb-active {
  display: block; }

.sb-style-overlay {
  z-index: 9999; }

.sb-momentum-scrolling {
  -webkit-overflow-scrolling: touch; }

.sb-slidebar {
  width: 30%; }

.sb-width-thin {
  width: 15%; }

.sb-width-wide {
  width: 45%; }

@media (max-width: 480px) {
  .sb-slidebar {
    width: 70%; }

  .sb-width-thin {
    width: 55%; }

  .sb-width-wide {
    width: 85%; } }
@media (min-width: 481px) {
  .sb-slidebar {
    width: 55%; }

  .sb-width-thin {
    width: 40%; }

  .sb-width-wide {
    width: 70%; } }
@media (min-width: 768px) {
  .sb-slidebar {
    width: 40%; }

  .sb-width-thin {
    width: 25%; }

  .sb-width-wide {
    width: 55%; } }
@media (min-width: 992px) {
  .sb-slidebar {
    width: 30%; }

  .sb-width-thin {
    width: 15%; }

  .sb-width-wide {
    width: 45%; } }
@media (min-width: 1200px) {
  .sb-slidebar {
    width: 20%; }

  .sb-width-thin {
    width: 5%; }

  .sb-width-wide {
    width: 35%; } }
#sb-site, .sb-site-container, .sb-slide, .sb-slidebar {
  -webkit-transform: translate(0px);
  -moz-transform: translate(0px);
  -o-transform: translate(0px);
  transform: translate(0px);
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transition-property: -webkit-transform,left,right;
  -webkit-backface-visibility: hidden; }

.sb-hide {
  display: none; }

/*
 * Global colors for all JDHancock.com sites.
 */
/* disqus */
/* disqus */
/* disqus */
/* disqus */
/* brandcolors.net */
/* not from brandcolors */
svg {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  margin: 0em 0.1em 0 0.1em;
  vertical-align: top;
  width: 1em; }

.butts {
  display: table;
  text-align: center;
  width: 100%; }
  .butts ul {
    display: table-row;
    list-style-type: none;
    margin: 0;
    overflow: hidden; }
    @media (max-width: 768px) {
      .butts ul {
        transition: all 0s; } }
    @media (min-width: 769px) {
      .butts ul {
        -webkit-transform: translate3d(0, 0, 0);
        /* prevents flicker in safari */
        transition: all 0.2s ease-in-out 0s; } }
    .butts ul li {
      display: table-cell;
      line-height: 1.25em; }
      .butts ul li span.ghost-link {
        cursor: default;
        opacity: 0.25; }
      @media (max-width: 768px) {
        .butts ul li span.wordy {
          display: none; } }
      .butts ul li a:hover {
        color: #eaedee; }
    .butts ul li.facebook a:hover {
      color: #3b5998; }
      @media (max-width: 768px) {
        .butts ul li.facebook a:hover {
          border-color: #3b5998; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .butts ul li.facebook a:hover {
      transition: all 0s; } }
  @media (max-width: 768px) and (min-width: 769px) {
    .butts ul li.facebook a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0s ease-in-out 0s; } }

      @media (min-width: 769px) {
        .butts ul li.facebook a:hover {
          -webkit-filter: drop-shadow(0 0 10px #3b5998);
          filter: drop-shadow(0 0 10px #3b5998); } }
  @media (min-width: 769px) and (max-width: 768px) {
    .butts ul li.facebook a:hover {
      transition: all 0s; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .butts ul li.facebook a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0.2s ease-in-out 0s; } }

    .butts ul li.twitter a:hover {
      color: #55acee; }
      @media (max-width: 768px) {
        .butts ul li.twitter a:hover {
          border-color: #55acee; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .butts ul li.twitter a:hover {
      transition: all 0s; } }
  @media (max-width: 768px) and (min-width: 769px) {
    .butts ul li.twitter a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0s ease-in-out 0s; } }

      @media (min-width: 769px) {
        .butts ul li.twitter a:hover {
          -webkit-filter: drop-shadow(0 0 10px #55acee);
          filter: drop-shadow(0 0 10px #55acee); } }
  @media (min-width: 769px) and (max-width: 768px) {
    .butts ul li.twitter a:hover {
      transition: all 0s; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .butts ul li.twitter a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0.2s ease-in-out 0s; } }

    .butts ul li.google-plus a:hover {
      color: #dc4e41; }
      @media (max-width: 768px) {
        .butts ul li.google-plus a:hover {
          border-color: #dc4e41; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .butts ul li.google-plus a:hover {
      transition: all 0s; } }
  @media (max-width: 768px) and (min-width: 769px) {
    .butts ul li.google-plus a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0s ease-in-out 0s; } }

      @media (min-width: 769px) {
        .butts ul li.google-plus a:hover {
          -webkit-filter: drop-shadow(0 0 10px #dc4e41);
          filter: drop-shadow(0 0 10px #dc4e41); } }
  @media (min-width: 769px) and (max-width: 768px) {
    .butts ul li.google-plus a:hover {
      transition: all 0s; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .butts ul li.google-plus a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0.2s ease-in-out 0s; } }

    .butts ul li.pinterest a:hover {
      color: #c92228; }
      @media (max-width: 768px) {
        .butts ul li.pinterest a:hover {
          border-color: #c92228; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .butts ul li.pinterest a:hover {
      transition: all 0s; } }
  @media (max-width: 768px) and (min-width: 769px) {
    .butts ul li.pinterest a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0s ease-in-out 0s; } }

      @media (min-width: 769px) {
        .butts ul li.pinterest a:hover {
          -webkit-filter: drop-shadow(0 0 10px #c92228);
          filter: drop-shadow(0 0 10px #c92228); } }
  @media (min-width: 769px) and (max-width: 768px) {
    .butts ul li.pinterest a:hover {
      transition: all 0s; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .butts ul li.pinterest a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0.2s ease-in-out 0s; } }

    .butts ul li.instagram a:hover {
      color: #996450; }
      @media (max-width: 768px) {
        .butts ul li.instagram a:hover {
          border-color: #996450; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .butts ul li.instagram a:hover {
      transition: all 0s; } }
  @media (max-width: 768px) and (min-width: 769px) {
    .butts ul li.instagram a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0s ease-in-out 0s; } }

      @media (min-width: 769px) {
        .butts ul li.instagram a:hover {
          -webkit-filter: drop-shadow(0 0 10px #996450);
          filter: drop-shadow(0 0 10px #996450); } }
  @media (min-width: 769px) and (max-width: 768px) {
    .butts ul li.instagram a:hover {
      transition: all 0s; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .butts ul li.instagram a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0.2s ease-in-out 0s; } }

    .butts ul li.flickr a:hover {
      color: #ff0084; }
      @media (max-width: 768px) {
        .butts ul li.flickr a:hover {
          border-color: #ff0084; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .butts ul li.flickr a:hover {
      transition: all 0s; } }
  @media (max-width: 768px) and (min-width: 769px) {
    .butts ul li.flickr a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0s ease-in-out 0s; } }

      @media (min-width: 769px) {
        .butts ul li.flickr a:hover {
          -webkit-filter: drop-shadow(0 0 10px #ff0084);
          filter: drop-shadow(0 0 10px #ff0084); } }
  @media (min-width: 769px) and (max-width: 768px) {
    .butts ul li.flickr a:hover {
      transition: all 0s; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .butts ul li.flickr a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0.2s ease-in-out 0s; } }

    .butts ul li.rss a:hover {
      color: #f26522; }
      @media (max-width: 768px) {
        .butts ul li.rss a:hover {
          border-color: #f26522; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .butts ul li.rss a:hover {
      transition: all 0s; } }
  @media (max-width: 768px) and (min-width: 769px) {
    .butts ul li.rss a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0s ease-in-out 0s; } }

      @media (min-width: 769px) {
        .butts ul li.rss a:hover {
          -webkit-filter: drop-shadow(0 0 10px #f26522);
          filter: drop-shadow(0 0 10px #f26522); } }
  @media (min-width: 769px) and (max-width: 768px) {
    .butts ul li.rss a:hover {
      transition: all 0s; } }
  @media (min-width: 769px) and (min-width: 769px) {
    .butts ul li.rss a:hover {
      -webkit-transform: translate3d(0, 0, 0);
      /* prevents flicker in safari */
      transition: all 0.2s ease-in-out 0s; } }

  .butts a, .butts a:visited, .butts div, .butts span.ghost-link {
    background: #111111;
    box-sizing: border-box;
    color: #eaedee;
    display: block;
    font-size: 1em;
    font-weight: bold;
    /* desktop */
    margin-right: 1em;
    /* tablet */
    /* phone */
    /* desktop */
    margin-bottom: 1em;
    /* tablet */
    /* phone */
    padding: 1em 0;
    text-decoration: none;
    text-transform: uppercase; }
    @media (max-width: 768px) {
      .butts a, .butts a:visited, .butts div, .butts span.ghost-link {
        margin-right: 0.5em; } }
    @media (max-width: 480px) {
      .butts a, .butts a:visited, .butts div, .butts span.ghost-link {
        margin-right: 0.25em; } }
    @media (max-width: 768px) {
      .butts a, .butts a:visited, .butts div, .butts span.ghost-link {
        margin-bottom: 0.5em; } }
    @media (max-width: 480px) {
      .butts a, .butts a:visited, .butts div, .butts span.ghost-link {
        margin-bottom: 0.25em; } }
    .butts a svg, .butts a:visited svg, .butts div svg, .butts span.ghost-link svg {
      height: 1.25em;
      width: 1.25em; }

div.butts.butts-social {
  margin: 0 auto;
  /* desktop */
  width: 50%;
  /* tablet */
  /* phone */ }
  @media (max-width: 768px) {
    div.butts.butts-social {
      width: 70.4225352113%; } }
  @media (max-width: 480px) {
    div.butts.butts-social {
      width: 99.1866693116%; } }
  div.butts.butts-social ul {
    clear: both; }
    div.butts.butts-social ul li a {
      background: none;
      color: #000000;
      /* desktop */
      font-size: 3em;
      /* tablet */
      /* phone */
      margin: 0 auto 1em auto;
      padding: 0; }
      @media (max-width: 768px) {
        div.butts.butts-social ul li a {
          font-size: 2.2556390977em; } }
      @media (max-width: 480px) {
        div.butts.butts-social ul li a {
          font-size: 1.6959692464em; } }
    div.butts.butts-social ul li a:hover {
      color: #ffffff; }

.simple-inline-nav {
  margin: 0 0 2em 0;
  text-align: center; }
  .simple-inline-nav ul {
    list-style-type: none;
    margin: 0; }
    .simple-inline-nav ul li {
      display: inline-block; }
      .simple-inline-nav ul li a {
        display: block;
        padding: 0.25em 2em; }

.footer-jd {
  background-color: #111111;
  padding: 4em 1em;
  text-align: center; }
  .footer-jd img {
    display: inline;
    height: 100px;
    margin-bottom: 1em;
    width: 100px; }
  .footer-jd p {
    color: #3f4549;
    margin-bottom: 1em; }
    .footer-jd p a, .footer-jd p a:visited {
      color: #7f929c; }
    .footer-jd p a:hover {
      color: #bbddff;
      text-decoration: underline; }
    .footer-jd p svg {
      height: 1.25em;
      margin-top: .1em;
      margin-left: 0;
      width: 1.25em; }
  .footer-jd .simple-inline-nav {
    margin: 2em; }
    .footer-jd .simple-inline-nav a {
      color: #0077bb; }
    .footer-jd .simple-inline-nav a:hover {
      color: #bbddff;
      text-decoration: underline; }

.display-table {
  display: table; }
  .display-table .display-table-row {
    display: table-row; }
    .display-table .display-table-row .display-table-cell {
      display: table-cell; }
    .display-table .display-table-row .vertical-align-middle {
      vertical-align: middle; }
    .display-table .display-table-row .text-align-center {
      text-align: center; }
    .display-table .display-table-row .text-align-right {
      text-align: right; }
    .display-table .display-table-row .width-50-percent {
      width: 50%; }

/*
 * Wordpress.com Hacks  ***
 */
.size-full {
  height: auto;
  width: 100%; }

/* blue */
/* white */
/* red */
/* black */
/* light blue */
/* gray */
/*
 * Custom styling for jdhancock.com.
 */
html {
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased; }

a > img {
  display: table; }

a, a:visited {
  color: #022470; }

a:hover, a:hover:visited {
  color: #202227; }

a, a:visited, a:hover, a:hover:visited, a:before, a:hover:before, a:after, a:hover:after,
embed, img, object, span.fimg, span.site-logo, .overlay {
  transition: background-color 0.33s ease-in-out, background-image 0.33s ease-in-out, border-color 0.67s ease-in-out, box-shadow 0.33s ease-in-out, color 0.33s ease-in-out, -webkit-filter 0.33s ease-in-out, filter 0.33s ease-in-out, height 0.33s ease-in-out, margin 0.33s ease-in-out, opacity 0.33s ease-in-out, padding 0.33s ease-in-out, text-shadow 0.33s ease-in-out, width 0.33s ease-in-out; }

aside {
  clear: both; }

body {
  background-color: #202227;
  color: #202227; }

h1, h2, h3, h4, h5, h6 {
  font-size: 16px; }

h2 {
  font-size: 2.5em;
  line-height: 1.13em;
  padding-top: 1em; }
  @media (max-width: 768px) {
    h2 {
      font-size: 2.25em; } }
  @media (max-width: 480px) {
    h2 {
      font-size: 2em; } }

h3 {
  font-size: 1.5em;
  line-height: 1.13em;
  padding-top: 1em; }
  @media (max-width: 768px) {
    h3 {
      font-size: 1.25em; } }
  @media (max-width: 480px) {
    h3 {
      font-size: 1em; } }

h4 {
  font-weight: bold;
  margin: 1em 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  white-space: normal; }

img, object {
  box-sizing: border-box;
  display: block; }

object, embed {
  background-color: #202227; }

p {
  font-size: 16px; }
  @media (max-width: 768px) {
    p {
      font-size: 0.95em; } }
  @media (max-width: 480px) {
    p {
      font-size: 0.90em; } }

#sb-site {
  background-color: #202227;
  box-shadow: 5px 0px 25px #000000; }

.badge-message {
  margin: 4em auto 0 auto;
  width: 67%; }
  @media (max-width: 768px) {
    .badge-message {
      margin-top: 2em; } }
  @media (max-width: 480px) {
    .badge-message {
      margin-top: 0em; } }
  @media (max-width: 768px) {
    .badge-message {
      width: 75%; } }
  @media (max-width: 480px) {
    .badge-message {
      width: 100%; } }

.bg-d {
  background-color: #202227 !important; }

.bg-blue {
  background-color: #022470; }

.bg-white {
  background-color: #fefeff; }

.bg-red {
  background-color: #630000; }

.bg-black {
  background-color: #202227; }

.bg-light-blue {
  background-color: #5da9e9; }

.bg-gray {
  background-color: #fafafa; }

.big-list ul, .medium-list ul {
  margin: 0; }
  .big-list ul li, .medium-list ul li {
    list-style-type: none;
    position: relative; }
.big-list a, .medium-list a {
  display: block; }
@media (max-width: 768px) {
  .big-list a:after, .medium-list a:after {
    background-color: #fefeff;
    content: "";
    display: block;
    height: 1em; } }
.big-list a:hover, .medium-list a:hover {
  text-decoration: none; }
  .big-list a:hover img, .medium-list a:hover img {
    /* override default fimg behavior */
    -webkit-filter: brightness(1) saturate(1) contrast(1);
    filter: brightness(1) saturate(1) contrast(1);
    opacity: 0.95; }
    @media (max-width: 768px) {
      .big-list a:hover img, .medium-list a:hover img {
        opacity: 1; } }
  .big-list a:hover .overlay, .medium-list a:hover .overlay {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 0.95; }
    @media (max-width: 768px) {
      .big-list a:hover .overlay, .medium-list a:hover .overlay {
        opacity: 1; } }
.big-list .overlay, .medium-list .overlay {
  background-color: #202227;
  bottom: 0;
  color: #fefeff;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%; }
  @media (max-width: 768px) {
    .big-list .overlay, .medium-list .overlay {
      -webkit-filter: blur(0);
      filter: blur(0);
      display: block !important;
      opacity: 1;
      padding: 2em 0 1em 0;
      position: relative; } }
  .big-list .overlay .text, .medium-list .overlay .text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%; }
    @media (max-width: 768px) {
      .big-list .overlay .text, .medium-list .overlay .text {
        position: relative;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }
    .big-list .overlay .text h3, .medium-list .overlay .text h3 {
      padding: 0 10%;
      letter-spacing: 0.13em;
      text-transform: uppercase; }
    .big-list .overlay .text p, .medium-list .overlay .text p {
      padding: 0 10%;
      letter-spacing: 0.13em;
      text-transform: uppercase; }

.medium-list li {
  float: left;
  font-size: 88%;
  width: 50%; }
  @media (max-width: 768px) {
    .medium-list li {
      float: none !important;
      font-size: inherit;
      width: auto; } }

.blur-1 {
  -webkit-filter: blur(1px);
  filter: blur(1px); }

.body-archive .post-meta {
  margin-bottom: 0; }

.body-contact form {
  margin-bottom: 2em; }
.body-contact input, .body-contact textarea {
  border: 1px solid #ddd;
  box-sizing: border-box;
  display: block;
  margin-bottom: 1em;
  padding: .5em;
  min-width: 280px;
  width: 50%; }
.body-contact textarea {
  height: 10em;
  width: 75%; }
.body-contact input.sbmt {
  cursor: pointer;
  font-size: 1em;
  padding: 1em;
  width: 50%; }

.body-home .white-blanket {
  height: 425px;
  overflow: hidden;
  position: relative;
  transition: background-color .67s ease-in-out; }
  @media (max-width: 768px) {
    .body-home .white-blanket {
      height: 325px; } }
  @media (max-width: 480px) {
    .body-home .white-blanket {
      height: 225px; } }
  .body-home .white-blanket .slide {
    cursor: pointer;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transition: all .67s ease-in-out;
    transform: translate(-50%, -50%);
    width: 75%; }
    @media (max-width: 768px) {
      .body-home .white-blanket .slide {
        width: 85%; } }
    @media (max-width: 480px) {
      .body-home .white-blanket .slide {
        width: 95%; } }
    .body-home .white-blanket .slide a {
      font-weight: 300; }
  .body-home .white-blanket .slide.pos-off {
    opacity: 0;
    top: 200%;
    transform: rotate(90deg) scale(3, 4) skew(30deg, 30deg); }
  .body-home .white-blanket .slide:hover a {
    text-decoration: underline; }
.body-home .white-blanket-1 {
  background-color: #07b; }
  .body-home .white-blanket-1 .slide, .body-home .white-blanket-1 a {
    color: white; }
.body-home .white-blanket-2 {
  background-color: #707; }
  .body-home .white-blanket-2 .slide, .body-home .white-blanket-2 a {
    color: yellow; }
.body-home .white-blanket-3 {
  background-color: #dd0; }
  .body-home .white-blanket-3 .slide, .body-home .white-blanket-3 a {
    color: black; }
.body-home .white-blanket-4 {
  background-color: #0b7; }
  .body-home .white-blanket-4 .slide, .body-home .white-blanket-4 a {
    color: white; }
.body-home .white-blanket-5 {
  background-color: #111; }
  .body-home .white-blanket-5 .slide, .body-home .white-blanket-5 a {
    color: white; }
.body-home .white-blanket-dots {
  list-style-type: none;
  margin: 1em;
  text-align: center; }
  .body-home .white-blanket-dots li {
    display: inline-block; }
    .body-home .white-blanket-dots li a {
      background: #202227;
      border: 2px solid #202227;
      border-radius: 1em;
      display: inline-block;
      height: 0.75em;
      width: 0.75em; }
      @media (max-width: 768px) {
        .body-home .white-blanket-dots li a {
          height: 1em; } }
      @media (max-width: 480px) {
        .body-home .white-blanket-dots li a {
          height: 1.5em; } }
      @media (max-width: 768px) {
        .body-home .white-blanket-dots li a {
          width: 1em; } }
      @media (max-width: 480px) {
        .body-home .white-blanket-dots li a {
          width: 1.5em; } }
    .body-home .white-blanket-dots li a.active {
      background: #fefeff; }
.body-home .white-blanket-prev {
  display: none; }
.body-home .white-blanket-next {
  display: none; }

.body-post img {
  clear: both; }
.body-post .post-meta {
  margin-top: 0;
  margin-bottom: 3em; }

.body-play .page-content .fimg {
  height: 135px;
  width: 135px; }

@media (max-width: 768px) {
  .body-work .page-content a.fimg:after {
    background-color: #fefeff;
    content: "";
    display: block;
    height: 1em; } }
.body-work .page-content a.fimg:hover {
  text-decoration: none; }
  .body-work .page-content a.fimg:hover img {
    /* override default fimg behavior */
    -webkit-filter: brightness(1) saturate(1) contrast(1);
    filter: brightness(1) saturate(1) contrast(1);
    opacity: 0.95; }
    @media (max-width: 768px) {
      .body-work .page-content a.fimg:hover img {
        opacity: 1; } }
  .body-work .page-content a.fimg:hover .overlay {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 0.95; }
    @media (max-width: 768px) {
      .body-work .page-content a.fimg:hover .overlay {
        opacity: 1; } }
.body-work .page-content .overlay {
  background-color: #202227;
  bottom: 0;
  color: #fefeff;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%; }
  @media (max-width: 768px) {
    .body-work .page-content .overlay {
      -webkit-filter: blur(0);
      filter: blur(0);
      display: block !important;
      opacity: 1;
      padding: 2em 0 1em 0;
      position: relative; } }
  .body-work .page-content .overlay .text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%; }
    @media (max-width: 768px) {
      .body-work .page-content .overlay .text {
        position: relative;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }
    .body-work .page-content .overlay .text h3 {
      padding: 0 10%;
      letter-spacing: 0.13em;
      text-transform: uppercase; }
    .body-work .page-content .overlay .text p {
      padding: 0 10%;
      letter-spacing: 0.13em;
      text-transform: uppercase; }

.body-work-page .page-content section h4 {
  font-size: 2.5em;
  font-weight: 300;
  margin: 0.25em 0 0.75em 0; }
  @media (max-width: 768px) {
    .body-work-page .page-content section h4 {
      font-size: 2.25em; } }
  @media (max-width: 480px) {
    .body-work-page .page-content section h4 {
      font-size: 2em; } }
.body-work-page .page-content section h5 {
  font-size: 1.5em;
  font-weight: bold; }
.body-work-page .page-content section p {
  margin-bottom: 2em; }
.body-work-page .page-content section .cols {
  background-color: #5da9e9;
  color: #fefeff;
  padding: 1em 0 1em 1em; }
  .body-work-page .page-content section .cols h5 {
    border-bottom: 1px solid #fefeff;
    font-size: 0.75em;
    font-weight: normal;
    margin-right: 1em;
    margin-bottom: 1em;
    padding-bottom: 0.5em; }
  .body-work-page .page-content section .cols ul {
    margin-right: 1em;
    margin-left: 0; }
    .body-work-page .page-content section .cols ul li {
      font-size: 0.75em;
      line-height: 1.25em;
      list-style-type: none;
      margin-bottom: 0.75em; }
.body-work-page .page-content section.buff-lr {
  padding-left: 20%;
  padding-right: 20%; }
  @media (max-width: 768px) {
    .body-work-page .page-content section.buff-lr {
      padding-left: 15%; } }
  @media (max-width: 768px) {
    .body-work-page .page-content section.buff-lr {
      padding-right: 15%; } }
  @media (max-width: 480px) {
    .body-work-page .page-content section.buff-lr {
      padding-left: 10%; } }
  @media (max-width: 480px) {
    .body-work-page .page-content section.buff-lr {
      padding-right: 10%; } }
.body-work-page .page-content section.buff-tb {
  padding-top: 10%;
  padding-bottom: 10%; }
  @media (max-width: 768px) {
    .body-work-page .page-content section.buff-tb {
      padding-top: 7.5%; } }
  @media (max-width: 768px) {
    .body-work-page .page-content section.buff-tb {
      padding-bottom: 7.5%; } }
  @media (max-width: 480px) {
    .body-work-page .page-content section.buff-tb {
      padding-top: 5%; } }
  @media (max-width: 480px) {
    .body-work-page .page-content section.buff-tb {
      padding-bottom: 5%; } }
.body-work-page .page-content section.centered {
  text-align: center; }
.body-work-page .page-content section.header {
  padding: 3%; }
  .body-work-page .page-content section.header h3 {
    color: #5da9e9;
    margin-bottom: 1%;
    padding: 0; }
  .body-work-page .page-content section.header p {
    letter-spacing: 0.13em;
    text-transform: uppercase;
    margin-bottom: 4%; }

.border-1 {
  border: 1px solid #202227; }

.border-1sd {
  border: 1px solid #dddddd; }

.border-1sr {
  border: 1px solid #630000; }

.cb {
  clear: both; }

.category {
  border: 1px solid #858585;
  border-radius: 2px;
  color: #858585;
  display: inline-block;
  font-size: 67%;
  margin: 0 0.5em;
  padding: 0 0.25em;
  text-transform: uppercase;
  vertical-align: text-bottom; }

.center {
  display: block;
  margin: 0 auto; }

.center-picture {
  text-align: center; }
  .center-picture picture {
    margin: 0 auto; }

/* Clearfix for floats and margins. */
.cfm:before,
.cfm:after {
  content: ' ';
  display: table; }

.cfm:after {
  clear: both; }

.color-blue,
a.color-blue {
  color: #022470; }

.color-white,
a.color-white {
  color: #fefeff; }

.color-red,
a.color-red {
  color: #630000; }

.color-black,
a.color-black {
  color: #202227; }

.color-light-blue,
a.color-light-blue {
  color: #5da9e9; }

.color-gray,
a.color-gray {
  color: #fafafa; }

.cols {
  display: table; }
  .cols .col {
    display: table-cell; }

.cols-2 .col {
  width: 50%; }

.cols-3 .col {
  width: 33%; }

.fimg {
  display: block;
  position: relative;
  background-image: url('data:image/svg+xml;utf8,<svg width="102px" height="102px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-comment"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="30" cy="47" r="5" fill="white"><animate attributeName="opacity" from="0" to="1" values="0;1;1" keyTimes="0;0.2;1" dur="1s" repeatCount="indefinite"></animate></circle><circle cx="50" cy="47" r="5" fill="white"><animate attributeName="opacity" from="0" to="1" values="0;0;1;1" keyTimes="0;0.2;0.4;1" dur="1s" repeatCount="indefinite"></animate></circle><circle cx="70" cy="47" r="5" fill="white"><animate attributeName="opacity" from="0" to="1" values="0;0;1;1" keyTimes="0;0.4;0.6;1" dur="1s" repeatCount="indefinite"></animate></circle></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-color: inherit;
  color: #202227;
  display: block;
  font-size: 11px;
  /*line-height: 1.33em;*/
  overflow: hidden;
  text-align: center; }
  .fimg:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.6666666667%; }
  .fimg > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .fimg img {
    background: #202227 url('data:image/svg+xml;utf8,<svg width="102px" height="102px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-comment"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="30" cy="47" r="5" fill="white"><animate attributeName="opacity" from="0" to="1" values="0;1;1" keyTimes="0;0.2;1" dur="1s" repeatCount="indefinite"></animate></circle><circle cx="50" cy="47" r="5" fill="white"><animate attributeName="opacity" from="0" to="1" values="0;0;1;1" keyTimes="0;0.2;0.4;1" dur="1s" repeatCount="indefinite"></animate></circle><circle cx="70" cy="47" r="5" fill="white"><animate attributeName="opacity" from="0" to="1" values="0;0;1;1" keyTimes="0;0.4;0.6;1" dur="1s" repeatCount="indefinite"></animate></circle></svg>') no-repeat center;
    display: table;
    -webkit-filter: blur(0) grayscale(0);
    filter: blur(0) grayscale(0);
    margin-bottom: 0.05em;
    opacity: 1;
    width: 100%; }
  .fimg iframe, .fimg object {
    background: #202227 url('data:image/svg+xml;utf8,<svg width="102px" height="102px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-comment"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="30" cy="47" r="5" fill="white"><animate attributeName="opacity" from="0" to="1" values="0;1;1" keyTimes="0;0.2;1" dur="1s" repeatCount="indefinite"></animate></circle><circle cx="50" cy="47" r="5" fill="white"><animate attributeName="opacity" from="0" to="1" values="0;0;1;1" keyTimes="0;0.2;0.4;1" dur="1s" repeatCount="indefinite"></animate></circle><circle cx="70" cy="47" r="5" fill="white"><animate attributeName="opacity" from="0" to="1" values="0;0;1;1" keyTimes="0;0.4;0.6;1" dur="1s" repeatCount="indefinite"></animate></circle></svg>') no-repeat center;
    display: table;
    -webkit-filter: blur(0) grayscale(0);
    filter: blur(0) grayscale(0);
    height: 100%;
    left: 0;
    margin-bottom: 0.05em;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%; }

a.fimg:hover img {
  -webkit-filter: brightness(1.1) saturate(1.1) contrast(1.1);
  filter: brightness(1.1) saturate(1.1) contrast(1.1);
  opacity: 0.9; }

a.fimg-no-hover:hover img {
  -webkit-filter: brightness(1) saturate(1) contrast(1);
  filter: brightness(1) saturate(1) contrast(1);
  opacity: 1; }

.fimg-preload {
  background-color: #5da9e9; }
  .fimg-preload img {
    -webkit-filter: blur(3px) grayscale(1);
    filter: blur(3px) grayscale(1);
    opacity: 0.5; }
  .fimg-preload iframe, .fimg-preload object {
    -webkit-filter: blur(3px) grayscale(1);
    filter: blur(3px) grayscale(1);
    opacity: 0.5; }

.fimg-glass {
  position: relative; }

a.fimg-glass:hover:after {
  border-color: #022470; }

.fimg-glass:after {
  border: 2px solid #fefeff;
  box-sizing: border-box;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0.75;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%; }

.fimg-shadow {
  position: relative; }

.fimg-shadow:after {
  box-shadow: inset -5px 0px 30px 0 #202227;
  content: '';
  height: 110%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 110%; }

.fimg-no-shadow:after {
  display: none; }

.fimg-center {
  margin: 0 auto; }

.fimg-left {
  float: left;
  margin: 0 1.5em 2em 0; }

.fimg-right {
  float: right;
  margin: 0 0 2em 1.5em; }

.fimg-300px {
  max-width: 300px; }

.fimg-400px {
  max-width: 400px; }

.fimg-height-50px {
  height: 50px; }
  .fimg-height-50px img {
    height: 50px; }

.fimg-height-100px {
  height: 100px; }
  .fimg-height-100px img {
    height: 100px; }

.fimg-width-50px {
  width: 50px; }
  .fimg-width-50px img {
    width: 50px; }

.fimg-width-100px {
  width: 100px; }
  .fimg-width-100px img {
    width: 100px; }

.fimg-300-150 {
  height: 150px;
  width: 300px; }
  .fimg-300-150 img {
    height: 150px;
    width: 300px; }

.fimg-square {
  display: block;
  position: relative; }
  .fimg-square:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%; }
  .fimg-square > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .fimg-square img {
    object-fit: cover; }

.fimg-two-one, .fimg-quote {
  display: block;
  position: relative; }
  .fimg-two-one:before, .fimg-quote:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 50%; }
  .fimg-two-one > img, .fimg-quote > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-two-three, .fimg-two-by-three, .fimg-portrait {
  display: block;
  position: relative;
  max-width: 333px; }
  .fimg-two-three:before, .fimg-two-by-three:before, .fimg-portrait:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 150%; }
  .fimg-two-three > img, .fimg-two-by-three > img, .fimg-portrait > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-three-one {
  display: block;
  position: relative; }
  .fimg-three-one:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 33.3333333333%; }
  .fimg-three-one > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-three-two, .fimg-landscape {
  display: block;
  position: relative; }
  .fimg-three-two:before, .fimg-landscape:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.6666666667%; }
  .fimg-three-two > img, .fimg-landscape > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-three-four, .fimg-three-by-four {
  display: block;
  position: relative; }
  .fimg-three-four:before, .fimg-three-by-four:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 133.3333333333%; }
  .fimg-three-four > img, .fimg-three-by-four > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-four-one, .fimg-four-by-one {
  display: block;
  position: relative; }
  .fimg-four-one:before, .fimg-four-by-one:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 25%; }
  .fimg-four-one > img, .fimg-four-by-one > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-four-three, .fimg-four-by-three {
  display: block;
  position: relative; }
  .fimg-four-three:before, .fimg-four-by-three:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%; }
  .fimg-four-three > img, .fimg-four-by-three > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-four-five, .fimg-four-by-five {
  display: block;
  position: relative; }
  .fimg-four-five:before, .fimg-four-by-five:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 125%; }
  .fimg-four-five > img, .fimg-four-by-five > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-five-two, .fimg-flash-ad {
  display: block;
  position: relative; }
  .fimg-five-two:before, .fimg-flash-ad:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 40%; }
  .fimg-five-two > img, .fimg-flash-ad > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-five-four {
  display: block;
  position: relative; }
  .fimg-five-four:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 80%; }
  .fimg-five-four > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-six-five {
  display: block;
  position: relative; }
  .fimg-six-five:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 83.3333333333%; }
  .fimg-six-five > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-sixteen-nine {
  display: block;
  position: relative; }
  .fimg-sixteen-nine:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%; }
  .fimg-sixteen-nine > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-video-screenshot {
  display: block;
  position: relative; }
  .fimg-video-screenshot:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 55.9459459459%; }
  .fimg-video-screenshot > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-video-still {
  display: block;
  position: relative; }
  .fimg-video-still:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 59.4594594595%; }
  .fimg-video-still > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-video-title {
  display: block;
  position: relative; }
  .fimg-video-title:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 54.1891891892%; }
  .fimg-video-title > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-video-teaser {
  display: block;
  position: relative; }
  .fimg-video-teaser:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%; }
  .fimg-video-teaser > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-one-eighty-five-seventy-four {
  display: block;
  position: relative; }
  .fimg-one-eighty-five-seventy-four:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 40%; }
  .fimg-one-eighty-five-seventy-four > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-three-seventy-one-thirty-seven {
  display: block;
  position: relative; }
  .fimg-three-seventy-one-thirty-seven:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 37.027027027%; }
  .fimg-three-seventy-one-thirty-seven > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-jibjab {
  display: block;
  position: relative; }
  .fimg-jibjab:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.2610229277%; }
  .fimg-jibjab > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-journal-cover {
  display: block;
  position: relative; }
  .fimg-journal-cover:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 142.4%; }
  .fimg-journal-cover > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-lhancock-home {
  display: block;
  position: relative; }
  .fimg-lhancock-home:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 81.5559440559%; }
  .fimg-lhancock-home > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-hipster {
  display: block;
  position: relative; }
  .fimg-hipster:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 86.7226890756%; }
  .fimg-hipster > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fimg-x-ray {
  display: block;
  position: relative; }
  .fimg-x-ray:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75.87890625%; }
  .fimg-x-ray > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fl {
  float: left; }

.fr {
  float: right; }

.icn {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 1em;
  width: 1em; }

.icn-permalink {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path id="link-icon" d="M156.226,199.679c7.541-7.54,15.902-13.757,24.794-18.659c49.556-27.318,113.117-12.788,144.97,35.518 l-38.547,38.547c-11.059-25.227-38.5-39.565-65.813-33.456c-10.282,2.3-20.054,7.427-28.039,15.413l-73.898,73.896 c-22.433,22.433-22.432,58.936,0.002,81.369c22.433,22.433,58.935,22.433,81.368,0l22.78-22.779 c20.71,8.217,42.938,11.508,64.862,9.863l-50.278,50.278c-43.105,43.105-112.991,43.105-156.096,0 c-43.105-43.104-43.106-112.991-0.001-156.096L156.226,199.679z M273.574,82.33l-50.278,50.278 c21.928-1.643,44.152,1.648,64.863,9.865l22.779-22.78c22.434-22.434,58.936-22.434,81.37,0c22.434,22.434,22.434,58.936,0,81.37 l-73.897,73.895c-22.501,22.501-59.061,22.311-81.368,0c-5.202-5.201-9.694-11.678-12.484-18.04l-38.546,38.546 c4.049,6.142,8.261,11.453,13.666,16.858c13.949,13.95,31.698,24.339,52.117,29.251c26.466,6.37,54.823,2.839,79.185-10.592 c8.892-4.903,17.254-11.119,24.794-18.659l73.896-73.895c43.105-43.105,43.105-112.991,0.001-156.097 C386.566,39.225,316.68,39.225,273.574,82.33z"/></svg>'); }

.img-fl {
  float: left;
  margin: 0 2em 1em 0; }

.img-fr {
  float: right;
  margin: 0 0 1em 2em; }

.img-loaded {
  background-image: none; }

.height-200 {
  height: 200px; }

.hire-me {
  background-image: url(http://img.jdhancock.com/library/900/hire-me-hover.png);
  background-size: 100%;
  display: block; }

.hire-me:hover img {
  opacity: 0; }

.max-width-100 {
  max-width: 100px; }

.max-width-200 {
  max-width: 200px; }

.max-width-400 {
  max-width: 400px; }

.max-width-500 {
  max-width: 500px; }

.max-width-600 {
  max-width: 600px; }

.mt-1em {
  margin-top: 1em; }

.mt-2em {
  margin-top: 2em; }

.mr-1em {
  margin-right: 1em; }

.mb-1em {
  margin-bottom: 1em; }

.ml-1em {
  margin-right: 1em; }

.mb-2em {
  margin-bottom: 2em; }

#mc_embed_signup {
  background-color: #fefeff !important;
  color: #202227;
  font-family: Lato, Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important; }
  #mc_embed_signup form {
    padding: 0 0 3em 0 !important; }
    #mc_embed_signup form #mc-embedded-subscribe {
      background-color: #022470 !important;
      border: 6px double #fefeff;
      color: #fefeff !important;
      font-size: inherit !important;
      height: auto !important;
      margin: 0.5em 0 0 -2px !important;
      transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out, opacity 0.5s ease-in-out; }
    #mc_embed_signup form #mc-embedded-subscribe:hover {
      opacity: 0.8; }
  #mc_embed_signup .asterisk {
    color: #630000 !important; }

.morphing-mom {
  margin: 0 auto;
  width: 600px; }
  @media (max-width: 610px) {
    .morphing-mom {
      width: auto; } }

.square-picture picture img {
  object-fit: cover; }

.square-picture-100 picture {
  width: 100px; }
  .square-picture-100 picture img {
    height: 100px; }

.square-picture-135 picture {
  width: 135px; }
  .square-picture-135 picture img {
    height: 135px; }

.opacity-05 {
  opacity: 0.5; }

.opacity-098 {
  opacity: 0.98 !important; }

.overflow-hidden {
  overflow: hidden; }

.page-content {
  background-color: #fefeff;
  padding-top: 0; }
  .page-content a {
    font-weight: bold; }
  .page-content a.post-link {
    display: inline; }
  .page-content iframe {
    margin-bottom: 1.5em; }
  .page-content table {
    margin-bottom: 1.5em; }
  .page-content .wrapper {
    padding-top: 1.5em; }
    @media (max-width: 768px) {
      .page-content .wrapper {
        padding-top: 0.75em; } }
    .page-content .wrapper article {
      min-height: 450px; }

a.post-meta {
  color: #000000;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 2em;
  opacity: 0.25;
  text-transform: uppercase; }
  a.post-meta .icn-permalink {
    font-size: 1.5em;
    margin-bottom: -0.25em;
    margin-left: 0.13em; }

.post-meta:hover {
  opacity: 1; }

.pt0 {
  padding-top: 0; }

picture {
  background-image: url('data:image/svg+xml;utf8,<svg width="102px" height="102px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-comment"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="30" cy="47" r="5" fill="black"><animate attributeName="opacity" from="0" to="1" values="0;1;1" keyTimes="0;0.2;1" dur="1s" repeatCount="indefinite"></animate></circle><circle cx="50" cy="47" r="5" fill="black"><animate attributeName="opacity" from="0" to="1" values="0;0;1;1" keyTimes="0;0.2;0.4;1" dur="1s" repeatCount="indefinite"></animate></circle><circle cx="70" cy="47" r="5" fill="black"><animate attributeName="opacity" from="0" to="1" values="0;0;1;1" keyTimes="0;0.4;0.6;1" dur="1s" repeatCount="indefinite"></animate></circle></svg>');
  background-repeat: no-repeat;
  background-position: center; }

picture.ratio-1x1 {
  display: block;
  position: relative; }
  picture.ratio-1x1:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%; }
  picture.ratio-1x1 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

picture.ratio-2x1 {
  display: block;
  position: relative; }
  picture.ratio-2x1:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 50%; }
  picture.ratio-2x1 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

picture.ratio-2x3 {
  display: block;
  position: relative; }
  picture.ratio-2x3:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 150%; }
  picture.ratio-2x3 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

picture.ratio-3x1 {
  display: block;
  position: relative; }
  picture.ratio-3x1:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 33.3333333333%; }
  picture.ratio-3x1 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

picture.ratio-3x2 {
  display: block;
  position: relative; }
  picture.ratio-3x2:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.6666666667%; }
  picture.ratio-3x2 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

picture.ratio-3x4 {
  display: block;
  position: relative; }
  picture.ratio-3x4:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 133.3333333333%; }
  picture.ratio-3x4 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

picture.ratio-4x3 {
  display: block;
  position: relative; }
  picture.ratio-4x3:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%; }
  picture.ratio-4x3 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

picture.ratio-4x5 {
  display: block;
  position: relative; }
  picture.ratio-4x5:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 125%; }
  picture.ratio-4x5 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

picture.ratio-5x6 {
  display: block;
  position: relative; }
  picture.ratio-5x6:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 120%; }
  picture.ratio-5x6 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

picture.ratio-5x7 {
  display: block;
  position: relative; }
  picture.ratio-5x7:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 140%; }
  picture.ratio-5x7 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

picture.ratio-6x5 {
  display: block;
  position: relative; }
  picture.ratio-6x5:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 83.3333333333%; }
  picture.ratio-6x5 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

picture.ratio-16x9 {
  display: block;
  position: relative; }
  picture.ratio-16x9:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%; }
  picture.ratio-16x9 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

picture.ratio-185x74 {
  display: block;
  position: relative; }
  picture.ratio-185x74:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 40%; }
  picture.ratio-185x74 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

picture.ratio-1776x1000 {
  display: block;
  position: relative; }
  picture.ratio-1776x1000:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.3063063063%; }
  picture.ratio-1776x1000 > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

svg {
  display: inline-block;
  fill: currentColor; }

.ul-h {
  list-style-type: none;
  margin: 1em 0 0 0; }
  .ul-h li {
    float: left;
    margin: 0 1em 1em 0; }
    .ul-h li a {
      display: block; }

.ul-v {
  list-style-type: none;
  margin: 0; }
  .ul-v li {
    clear: both;
    margin: 0; }

.video-harness {
  position: relative; }
  .video-harness video {
    height: 25%;
    left: 50%;
    margin-left: -25%;
    position: absolute;
    top: 33%;
    width: 50%; }

.width-200 {
  width: 200px; }

.width-10-percent {
  width: 10%; }

.width-15-percent {
  width: 15%; }

.width-25-percent {
  width: 25%; }

.width-33-percent {
  width: 33%; }

.width-50-percent {
  width: 50%; }

.width-67-percent {
  width: 67%; }

.width-99-percent {
  width: 99%; }

.width-100-percent {
  width: 100%; }

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

header.site-header {
  border: none;
  box-shadow: 0 0 1em #202227;
  background-color: #022470; }
  header.site-header a {
    color: #fefeff;
    text-decoration: none; }
  header.site-header a:hover {
    color: #5da9e9;
    text-shadow: #5da9e9 0 0 1em; }
  header.site-header .wrapper {
    padding-top: 4px; }
    header.site-header .wrapper h1 {
      margin-bottom: 0; }
      header.site-header .wrapper h1 a {
        float: left;
        font-size: 32px;
        font-weight: bold;
        letter-spacing: -0.02em;
        margin-right: 0.5em; }
        header.site-header .wrapper h1 a span.site-logo {
          background-image: url("//img.jdhancock.com/library/100/avatar.jpg");
          background-size: 100%;
          display: inline-block;
          height: 36px;
          margin-top: -7px;
          margin-right: 5px;
          vertical-align: middle;
          width: 36px; }
      header.site-header .wrapper h1 a:hover span.site-logo {
        background-image: url("//img.jdhancock.com/library/100/cyborg.jpg"); }
    header.site-header .wrapper nav {
      float: right; }
      header.site-header .wrapper nav ul {
        list-style-type: none;
        margin: 0; }
        header.site-header .wrapper nav ul li {
          display: inline-block; }
          header.site-header .wrapper nav ul li a {
            display: inline-block;
            margin-top: 18px;
            padding: 0 .25em; }

.top-nav {
  display: none;
  left: 0;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10; }
  .top-nav section.burger {
    float: right;
    margin: 0 auto;
    position: relative;
    text-align: right;
    width: 840px; }
    .top-nav section.burger a, .top-nav section.burger a:visited {
      background: #fefeff;
      border-radius: 0.25em;
      font-size: 1.5em;
      height: 1.5em;
      position: absolute;
      right: 14px;
      top: 7px;
      width: 1.5em;
      z-index: 10; }
    .top-nav section.burger a:before {
      border-bottom: 0.125em solid #022470;
      border-top: 0.375em double #022470;
      content: "";
      height: 3px;
      left: 0;
      margin-left: 6px;
      position: absolute;
      top: 10px;
      width: 1em; }
    .top-nav section.burger a:hover {
      box-shadow: 0px 0px 1em #5da9e9; }
    .top-nav section.burger a:hover:before {
      border-bottom: 0.125em solid #5da9e9;
      border-top: 0.375em double #5da9e9; }

nav.prev-next {
  clear: both;
  padding: 0 2em 2em 2em;
  text-align: center; }

article a > img {
  background-color: #202227; }
article object {
  background-color: #202227; }

.body-blog .post-list li {
  clear: both;
  margin-bottom: 3em; }
  .body-blog .post-list li h3 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.25em;
    margin-bottom: 0;
    text-transform: uppercase; }
  .body-blog .post-list li ul li {
    clear: none;
    margin-bottom: 0; }
  .body-blog .post-list li .post-meta {
    margin-bottom: 1.5em; }
.body-blog p.theres-more {
  clear: both;
  padding-top: 4em; }

.body-blog-more .post-list li {
  margin-bottom: 1.5em; }
  .body-blog-more .post-list li .fimg {
    margin-top: 0;
    margin-bottom: 4em;
    text-decoration: none;
    text-transform: uppercase;
    width: 75px; }
    .body-blog-more .post-list li .fimg img {
      height: 75px;
      margin-bottom: 1em;
      object-fit: cover;
      width: 75px; }
  .body-blog-more .post-list li h3 {
    font-weight: normal;
    line-height: 1em;
    padding-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 75%; }
    .body-blog-more .post-list li h3 a {
      white-space: nowrap; }
  .body-blog-more .post-list li .post-meta {
    margin-bottom: 1em; }
  .body-blog-more .post-list li p {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%; }

body.body-search #search-content {
  background: #5da9e9 url('data:image/svg+xml;utf8,<svg width="102px" height="102px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-comment"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="30" cy="47" r="5" fill="white"><animate attributeName="opacity" from="0" to="1" values="0;1;1" keyTimes="0;0.2;1" dur="1s" repeatCount="indefinite"></animate></circle><circle cx="50" cy="47" r="5" fill="white"><animate attributeName="opacity" from="0" to="1" values="0;0;1;1" keyTimes="0;0.2;0.4;1" dur="1s" repeatCount="indefinite"></animate></circle><circle cx="70" cy="47" r="5" fill="white"><animate attributeName="opacity" from="0" to="1" values="0;0;1;1" keyTimes="0;0.4;0.6;1" dur="1s" repeatCount="indefinite"></animate></circle></svg>') no-repeat center;
  min-height: 73px; }

body.nav-home nav ul li.home a,
body.nav-home nav ul li.home a:hover,
body.nav-blog nav ul li.blog a,
body.nav-blog nav ul li.blog a:hover,
body.nav-work nav ul li.work a,
body.nav-work nav ul li.work a:hover,
body.nav-play nav ul li.play a,
body.nav-play nav ul li.play a:hover,
body.nav-buzz nav ul li.buzz a,
body.nav-buzz nav ul li.buzz a:hover,
body.nav-photos nav ul li.photos a,
body.nav-photos nav ul li.photos a:hover,
body.nav-about nav ul li.about a,
body.nav-about nav ul li.about a:hover,
body.nav-search nav ul li.search a,
body.nav-search nav ul li.search a:hover,
body.nav-contact nav ul li.contact a,
body.nav-contact nav ul li.contact a:hover,
body.nav-sitemap nav ul li.sitemap a,
body.nav-sitemap nav ul li.sitemap a:hover,
body.nav-subscribe nav ul li.subscribe a,
body.nav-subscribe nav ul li.subscribe a:hover {
  background-color: #022470;
  box-shadow: none;
  color: #5da9e9;
  text-shadow: #5da9e9 0 0 1em; }

.sb {
  background-color: #202227; }
  .sb nav {
    background-color: #202227; }
    .sb nav ul {
      list-style-type: none;
      margin: 0; }
      .sb nav ul a, .sb nav ul a:visited {
        border-bottom: 1px solid #202227;
        box-shadow: inset -5px 0px 50px #333333;
        color: #fefeff;
        display: block;
        font-weight: bold;
        letter-spacing: 0.1em;
        padding: 1em;
        text-decoration: none;
        text-transform: uppercase; }
      .sb nav ul a:hover {
        background-color: #fefeff;
        color: #022470;
        text-shadow: #5da9e9 0 0 1em; }

.sb-static {
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  z-index: 10; }

.sb-static-right {
  background-color: #202227;
  box-shadow: 0 0 1em #202227;
  display: none;
  position: fixed;
  right: 25px;
  top: 103px; }

@media (max-width: 840px) {
  .wrapper {
    padding-left: 10px;
    padding-right: 50px; } }
@media (max-width: 800px) {
  .cols {
    display: block; }
    .cols .col {
      display: block;
      width: 100%; } }
@media (max-width: 775px) {
  .top-nav {
    display: block; }

  header.site-header ul {
    display: none; } }
@media (max-width: 750px) {
  .width-67-percent {
    float: none;
    margin: 0 0 1em 0;
    width: auto; } }
@media (max-width: 650px) {
  nav.prev-next {
    padding-right: 0;
    padding-left: 0; }
    nav.prev-next span {
      display: none; } }
@media (max-width: 600px) {
  .body-play .page-content .fimg {
    height: 100px;
    width: 100px; } }
@media (max-width: 500px) {
  .width-50-percent {
    float: none !important;
    margin: 0 0 1em 0;
    width: auto; }

  .width-33-percent {
    float: none !important;
    margin: 0 0 1em 0;
    width: auto; }

  .body-blog-more .post-list li h3 {
    overflow: initial;
    text-overflow: initial;
    width: auto; }
    .body-blog-more .post-list li h3 a {
      white-space: normal; }
  .body-blog-more .post-list li p {
    display: none; }

  .body-contact #wufoo-z9orttg0twv5yr {
    width: 100% !important; } }
@media (max-width: 425px) {
  .body-blog-more .post-list li .fimg {
    margin-bottom: 2em; }

  .body-play .page-content .fimg {
    height: 75px;
    width: 75px; }

  .fimg-height-100px {
    height: 75px; }
    .fimg-height-100px img {
      height: 75px; }

  .fimg-width-100px {
    width: 75px; }
    .fimg-width-100px img {
      width: 75px; } }
@media (max-width: 400px) {
  .wrapper {
    padding-right: 10px; } }