/*
Theme Name: Sorcery201
Theme URI: http://underscores.me/
Author: Kevin Wilson
Author URI: http://thekevinwilson.com
Description: A responsive theme, custom built for Kel McDonald using the Underscores starter template.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sorcery201
Tags: responsive, webcomic
Webcomic: 4.3.2

This theme, like WordPress, is licensed under the GPL.

Sorcery201 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*
SPEED UP, CLEAN UP
Cut out as much CSS as possible
Remove all unused fonts, delete them from folder
Remove all unneeded code
Go through normalize and delete unused parts
Set CSS to minify and dump
Do some speed tests
Make adjustments based on recommendations
Plugins to test if you can remove: Exclude Pages from Navigation, LiveJournal Crossposter, Page Links To, 
*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

@font-face {
  font-family: 'overpassbold';
  src: url("fonts/overpass-bold-webfont.woff2") format("woff2"), url("fonts/overpass-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'overpassitalic';
  src: url("fonts/overpass-italic-webfont.woff2") format("woff2"), url("fonts/overpass-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'overpassregular';
  src: url("fonts/overpass-regular-webfont.woff2") format("woff2"), url("fonts/overpass-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'pier_sansbold';
  src: url("fonts/piersans-bold-webfont.woff2") format("woff2"), url("fonts/piersans-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'pier_sansbold_italic';
  src: url("fonts/piersans-bolditalic-webfont.woff2") format("woff2"), url("fonts/piersans-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'pier_sansitalic';
  src: url("fonts/piersans-italic-webfont.woff2") format("woff2"), url("fonts/piersans-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'pier_sansregular';
  src: url("fonts/piersans-regular-webfont.woff2") format("woff2"), url("fonts/piersans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
.hidden {
  display: none;
  visibility: hidden; }

.sr, .woocommerce .page-title,
.woocommerce-cart .page-title,
.woocommerce-checkout .page-title,
.blog #secondary .widget-title,
.archive #secondary .widget-title,
.single.webcomic #secondary .widget-title,
.page-template-tableofcontents .widget-title,
.page-template-portfolio .widget-title,
.page-template-default .widget-title,
.post-template-default .widget-title {
  /* Like the sr-only class in bootstrap. Accessible to screen readers, not for other users*/
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

header#masthead {
  background-image: url("img/wallpaper-sm.jpg");
  background-repeat: repeat;
  background-position: left;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 728px) {
    header#masthead {
      padding: 0 0 1vw 0; } }
  header#masthead .right {
    height: 90px;
    width: 728px;
    margin-top: 1vw;
    flex-basis: 100%;
    text-align: center;
    display: none;
    position: relative; }
    @media screen and (min-width: 728px) {
      header#masthead .right {
        display: block;
        flex-basis: 100%; } }
    @media screen and (min-width: 1000px) {
      header#masthead .right {
        flex-basis: 728px; } }
    header#masthead .right #SbcrBAGeXlWy {
      display: none;
      position: absolute;
      left: 0;
      top: 0;
      padding: .25vw;
      color: #fefefe;
      background-color: #262626; }
  header#masthead .custom-logo-link {
    display: flex;
    flex-basis: 100%;
    padding: 2vw; }
    header#masthead .custom-logo-link:hover {
      opacity: 0.5; }
    @media screen and (min-width: 1000px) {
      header#masthead .custom-logo-link {
        flex-basis: calc(100% - 728px);
        padding-left: 2vw; } }
    header#masthead .custom-logo-link img {
      margin: 0 auto; }
      @media screen and (min-width: 1000px) {
        header#masthead .custom-logo-link img {
          margin: 0; } }

#banner {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5vw; }
  @media screen and (min-width: 728px) {
    #banner {
      margin-bottom: 1.5vw; } }
  #banner .hero {
    background-color: #35556a;
    flex-basis: 100%;
    max-height: 350px; }
    @media screen and (min-width: 728px) {
      #banner .hero {
        flex-basis: 75%; } }
    @media screen and (min-width: 1000px) {
      #banner .hero {
        flex-basis: 800px; } }
    #banner .hero a {
      display: flex;
      align-items: flex-start; }
      #banner .hero a:hover {
        opacity: .5; }
  #banner .patreon {
    background-color: #35556a;
    flex-basis: 100%;
    max-height: 350px; }
    @media screen and (min-width: 728px) {
      #banner .patreon {
        flex-basis: 25%; } }
    @media screen and (min-width: 1000px) {
      #banner .patreon {
        flex-basis: calc(100% - 800px); } }
    #banner .patreon a {
      text-align: center;
      display: flex;
      flex-wrap: nowrap;
      height: 100%; }
      #banner .patreon a:hover {
        color: #262626; }
      @media screen and (min-width: 728px) {
        #banner .patreon a {
          flex-wrap: wrap; } }
    #banner .patreon img {
      max-width: 250px;
      max-height: 250px;
      align-self: center;
      margin: 0 auto;
      width: 30%;
      padding: 0.5vw; }
      #banner .patreon img:hover {
        opacity: 0.5; }
      @media screen and (min-width: 728px) {
        #banner .patreon img {
          width: 100%; } }
    #banner .patreon h2 {
      background-color: #7ca3bd;
      font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
      text-transform: uppercase;
      display: flex;
      flex-wrap: wrap;
      flex-basis: 100%;
      letter-spacing: 1px;
      color: #262626;
      align-items: center;
      justify-content: center;
      padding: 1vw 0 0.5vw; }
      #banner .patreon h2:hover {
        background-color: #35556a;
        color: #fefefe; }
      @media screen and (min-width: 728px) {
        #banner .patreon h2 {
          height: initial; } }
      #banner .patreon h2 span {
        font-size: 6vw;
        margin: -1.25vw 0;
        width: 100%;
        display: block; }
        @media screen and (min-width: 728px) {
          #banner .patreon h2 span {
            font-size: 2vw; } }
        @media screen and (min-width: 1000px) {
          #banner .patreon h2 span {
            font-size: 2.5vw; } }
      #banner .patreon h2 span:last-of-type {
        font-size: 9vw;
        margin: -1.25vw 0;
        width: 100%;
        display: block; }
        @media screen and (min-width: 728px) {
          #banner .patreon h2 span:last-of-type {
            font-size: 3vw; } }
        @media screen and (min-width: 1000px) {
          #banner .patreon h2 span:last-of-type {
            font-size: 3.5vw; } }
  #banner .bar {
    flex-basis: 100%;
    background-color: #35556a;
    text-transform: uppercase;
    color: #fefefe; }
    #banner .bar ul {
      display: flex;
      justify-content: space-around;
      list-style: none;
      margin: 0;
      padding: 0;
      flex-wrap: wrap; }
      @media screen and (min-width: 728px) {
        #banner .bar ul {
          flex-wrap: nowrap;
          justify-content: space-between; } }
      #banner .bar ul .newsletter {
        flex-basis: 100%;
        flex-wrap: wrap;
        display: flex;
        background-color: #262626;
        padding: 1vw 0 3vw 0vw; }
        @media screen and (min-width: 728px) {
          #banner .bar ul .newsletter {
            flex-basis: 84%;
            flex-wrap: nowrap;
            background-color: transparent;
            padding: 0;
            padding: 1vw 0 1vw 0vw; } }
        #banner .bar ul .newsletter span {
          flex-basis: 100%;
          font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
          font-size: 0.889rem;
          display: flex;
          justify-content: center;
          align-items: center;
          letter-spacing: 1px;
          text-align: center;
          padding: 2vw 0; }
          @media screen and (min-width: 728px) {
            #banner .bar ul .newsletter span {
              font-size: 0.702rem;
              flex-basis: 50%;
              padding: 0; } }
        #banner .bar ul .newsletter #mc_embed_signup {
          flex-basis: 100%;
          display: flex;
          align-items: center; }
          #banner .bar ul .newsletter #mc_embed_signup form {
            width: 100%; }
          @media screen and (min-width: 728px) {
            #banner .bar ul .newsletter #mc_embed_signup {
              flex-basis: 50%; } }
        #banner .bar ul .newsletter #mc_embed_signup_scroll {
          display: flex;
          align-items: center;
          justify-content: center; }
          #banner .bar ul .newsletter #mc_embed_signup_scroll .mc-field-group {
            width: 70%; }
            @media screen and (min-width: 728px) {
              #banner .bar ul .newsletter #mc_embed_signup_scroll .mc-field-group {
                width: 50%; } }
        #banner .bar ul .newsletter #mc-embedded-subscribe {
          color: #262626;
          background-color: #7ca3bd;
          padding: .5vw 1vw;
          border-radius: 12px;
          text-transform: uppercase;
          font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
          border: 0;
          cursor: pointer;
          margin-left: 1vw;
          height: 50px; }
          @media screen and (min-width: 728px) {
            #banner .bar ul .newsletter #mc-embedded-subscribe {
              padding: .25vw 1vw;
              height: auto; } }
          #banner .bar ul .newsletter #mc-embedded-subscribe:hover {
            color: #fefefe;
            background-color: #262626; }
        #banner .bar ul .newsletter #mce-EMAIL {
          border-radius: 12px;
          font-size: 0.79rem;
          padding: 0 1vw;
          font-family: "pier_sansregular", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
          width: 100%;
          height: 50px; }
          @media screen and (min-width: 728px) {
            #banner .bar ul .newsletter #mce-EMAIL {
              height: auto; } }
      #banner .bar ul .icons {
        width: 20%;
        padding: 0.6vw;
        align-items: center;
        justify-content: center;
        background-color: #35556a; }
        #banner .bar ul .icons:hover {
          background-color: #7ca3bd; }
        @media screen and (min-width: 728px) {
          #banner .bar ul .icons {
            width: 4%; } }
        #banner .bar ul .icons a {
          display: flex; }
        #banner .bar ul .icons img {
          height: 100%;
          width: 50px;
          margin: 3vw auto; }
          @media screen and (min-width: 728px) {
            #banner .bar ul .icons img {
              width: 100%;
              margin: .25vw auto; } }

#content {
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto; }
  #content #primary {
    flex-basis: 100%; }
    @media screen and (min-width: 728px) {
      #content #primary {
        padding: 0 2vw 0 0vw;
        flex-basis: calc(96% - 160px);
        margin: 0 2% 0 0; } }
  #content #secondary {
    flex-basis: 100%; }
    @media screen and (min-width: 728px) {
      #content #secondary {
        flex-basis: 160px; } }
    #content #secondary .skyad {
      display: none; }
      @media screen and (min-width: 728px) {
        #content #secondary .skyad {
          display: block; } }

.home #main ul.posts {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0; }
  .home #main ul.posts li {
    background-color: #fefefe;
    display: flex;
    flex-wrap: wrap;
    margin: 0vw 0vw 2vw; }
    @media screen and (min-width: 728px) {
      .home #main ul.posts li {
        margin: 0vw 0vw 0.75vw; } }
    .home #main ul.posts li + li {
      margin: 2vw 0vw; }
      @media screen and (min-width: 728px) {
        .home #main ul.posts li + li {
          margin: 0.75vw 0vw; } }
    .home #main ul.posts li .left {
      overflow: hidden;
      position: relative;
      display: none; }
      @media screen and (min-width: 728px) {
        .home #main ul.posts li .left {
          flex-basis: 220px;
          display: block;
          height: 275px; } }
      .home #main ul.posts li .left .blue-overlay {
        background-color: #7ca3bd;
        opacity: 0.25;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 7; }
      .home #main ul.posts li .left img {
        position: absolute; }
    .home #main ul.posts li .right {
      display: flex;
      flex-basis: 100%;
      flex-wrap: wrap; }
      @media screen and (min-width: 728px) {
        .home #main ul.posts li .right {
          flex-basis: calc(100% - 220px); } }
      .home #main ul.posts li .right .title {
        background-color: #35556a;
        color: #fefefe;
        display: flex;
        width: 100%;
        padding: 0.5vw 2vw;
        font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 1rem;
        align-items: center;
        text-align: center;
        min-height: 50px; }
        @media screen and (min-width: 728px) {
          .home #main ul.posts li .right .title {
            font-size: 0.889rem;
            min-height: initial; } }
        .home #main ul.posts li .right .title:hover {
          background-color: #7ca3bd;
          color: #262626; }
      .home #main ul.posts li .right .more-button {
        background-color: #7ca3bd;
        color: #262626;
        width: 100%;
        display: flex;
        padding: .75vw 2vw;
        text-align: center;
        font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
        text-transform: uppercase;
        font-size: 0.889rem;
        letter-spacing: 1px;
        justify-content: center;
        align-items: center;
        min-height: 50px; }
        .home #main ul.posts li .right .more-button:hover {
          background-color: #35556a;
          color: #fefefe; }
        @media screen and (min-width: 728px) {
          .home #main ul.posts li .right .more-button {
            font-size: 0.79rem;
            min-height: initial; } }
      .home #main ul.posts li .right p {
        padding: 0 2vw;
        font-size: 0.889rem; }
        @media screen and (min-width: 728px) {
          .home #main ul.posts li .right p {
            font-size: 0.79rem; } }
        @media screen and (min-width: 1000px) {
          .home #main ul.posts li .right p {
            font-size: 1rem; } }

aside#secondary {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  @media screen and (min-width: 728px) {
    aside#secondary {
      display: block; } }
  aside#secondary section:first-of-type h2.widget-title {
    font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    background-color: #262626;
    color: #fefefe;
    margin: 0;
    text-align: center;
    lettering-spacing: 1px; }
  aside#secondary section:first-of-type p {
    font-size: 0.624rem;
    font-family: "overpassextrabold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
    letter-spacing: 1px;
    margin: 0;
    padding: 0.5vw 0.75vw;
    text-align: center;
    background-color: #fefefe; }
  aside#secondary section:first-of-type p:nth-of-type(even) {
    background-color: #e6e6e6; }
  aside#secondary section:first-of-type .widget-title {
    display: block; }
  aside#secondary .widget-title {
    display: none; }
  aside#secondary .widget_image a:hover {
    opacity: 0.5; }

footer.site-footer {
  background-image: url("img/wallpaper-sm.jpg");
  background-repeat: repeat;
  background-position: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10vw 0vw 1.5vw; }
  @media screen and (min-width: 600px) {
    footer.site-footer {
      padding: 3.5vw 0vw 1.5vw; } }
  @media screen and (min-width: 1000px) {
    footer.site-footer {
      padding: 3.5vw 1vw 1.5vw;
      justify-content: space-around; } }
  @media screen and (min-width: 1200px) {
    footer.site-footer {
      padding: 3.5vw 6vw 1.5vw;
      flex-wrap: nowrap; } }
  footer.site-footer .widget {
    display: none;
    width: 300px; }
    @media screen and (min-width: 300px) {
      footer.site-footer .widget {
        display: block; } }
  footer.site-footer .widget-title {
    display: none; }
  footer.site-footer .widget_image a:hover {
    opacity: 0.5; }
  footer.site-footer .fp {
    width: 300px;
    height: 250px;
    position: relative;
    z-index: 13;
    overflow: hidden;
    margin: 0 0 1.5em; }
    footer.site-footer .fp:hover .bar {
      background-color: #7ca3bd; }
      footer.site-footer .fp:hover .bar h2 {
        color: #262626; }
    footer.site-footer .fp .image {
      position: absolute;
      bottom: 0; }
      footer.site-footer .fp .image img {
        width: 100%; }
    footer.site-footer .fp .bar {
      z-index: 11;
      display: block;
      width: 100%;
      background-color: #35556a;
      position: absolute;
      left: 0;
      bottom: 0; }
      footer.site-footer .fp .bar h2 {
        text-align: center;
        color: #fefefe;
        letter-spacing: 1px;
        padding: 0.5vw 0;
        text-transform: uppercase;
        font-size: 1rem;
        font-family: "pier_sansregular", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }

.bottom.main-navigation ul {
  display: block; }
  @media screen and (min-width: 500px) {
    .bottom.main-navigation ul {
      display: flex; } }

.readmore {
  margin: 2vw 0 15vw;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  border: 1px solid #7ca3bd; }
  .readmore:hover {
    border: 1px solid #fefefe; }
    .readmore:hover a, .readmore:hover a:visited {
      color: #fefefe; }
  @media screen and (min-width: 728px) {
    .readmore {
      margin: 1vw 0 5vw; } }
  .readmore a, .readmore a:visited {
    padding: 0.75vw 2vw;
    width: 100%;
    text-align: center;
    font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
    color: #7ca3bd; }

.page-template-front-page aside#secondary section:first-of-type {
  flex-basis: 100%; }

.posts-page ul {
  padding: 0;
  margin: 0;
  list-style: none; }
.posts-page .entry-header {
  margin-bottom: 1vw;
  font-size: 1.266rem; }
  @media screen and (min-width: 728px) {
    .posts-page .entry-header {
      font-size: 1.424rem; } }
.posts-page .posts-nav {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 1vw 0vw;
  text-transform: uppercase;
  width: 90%;
  font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }
  .posts-page .posts-nav .nav-previous a, .posts-page .posts-nav .nav-next a {
    height: 100%;
    padding: 0.25vw 1vw; }
    .posts-page .posts-nav .nav-previous a:hover, .posts-page .posts-nav .nav-next a:hover {
      background-color: #7ca3bd;
      border-radius: 12px;
      color: #262626; }
  .posts-page .posts-nav.top {
    margin: 1vw auto; }
.posts-page .post-title {
  text-align: center;
  background-color: #7ca3bd;
  text-transform: uppercase; }
  .posts-page .post-title a {
    font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
    letter-spacing: 1px;
    color: #262626;
    display: flex;
    font-size: 1rem;
    padding: 0.25vw 1vw; }
    @media screen and (min-width: 728px) {
      .posts-page .post-title a {
        font-size: 1.125rem; } }
  .posts-page .post-title:hover {
    background-color: #35556a; }
    .posts-page .post-title:hover a {
      color: #fefefe; }
.posts-page .post {
  margin-bottom: 3vw;
  padding: 0 2vw; }
.posts-page .post-footer {
  margin-bottom: 5vw; }
  .posts-page .post-footer h3 {
    display: flex;
    font-size: 0.79rem;
    letter-spacing: 1px;
    padding: 0.25vw 1vw;
    background-color: #e6e6e6;
    border-radius: 12px;
    color: #262626;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 3vw;
    text-align: center; }
    @media screen and (min-width: 728px) {
      .posts-page .post-footer h3 {
        font-size: 0.702rem; } }
    .posts-page .post-footer h3 ul {
      margin: 0;
      padding: 0; }
    .posts-page .post-footer h3 a {
      margin: 0 .5vw;
      color: #35556a; }
      .posts-page .post-footer h3 a:hover {
        color: #262626; }

.blog #secondary .widget_links, .archive #secondary .widget_links {
  margin: 0 auto 3vw; }
  @media screen and (min-width: 728px) {
    .blog #secondary .widget_links, .archive #secondary .widget_links {
      margin: 0; } }
  .blog #secondary .widget_links ul, .archive #secondary .widget_links ul {
    margin: 0 auto;
    text-align: center;
    list-style: none;
    padding: auto;
    font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
    text-transform: uppercase;
    font-size: 1.266rem; }
    @media screen and (min-width: 728px) {
      .blog #secondary .widget_links ul, .archive #secondary .widget_links ul {
        margin: 0;
        font-size: 1rem;
        text-align: left;
        padding: 0; } }
.blog #secondary .blog_icons, .archive #secondary .blog_icons {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  background-color: #35556a; }
  .blog #secondary .blog_icons .icons, .archive #secondary .blog_icons .icons {
    text-align: center;
    margin: 0 auto; }
    @media screen and (min-width: 728px) {
      .blog #secondary .blog_icons .icons, .archive #secondary .blog_icons .icons {
        width: auto; } }
    .blog #secondary .blog_icons .icons a, .archive #secondary .blog_icons .icons a {
      display: block;
      padding: 4vw;
      background-color: #35556a; }
      @media screen and (min-width: 728px) {
        .blog #secondary .blog_icons .icons a, .archive #secondary .blog_icons .icons a {
          padding: 0.5vw; } }
      .blog #secondary .blog_icons .icons a:hover, .archive #secondary .blog_icons .icons a:hover {
        background-color: #7ca3bd; }

.single-post .navigation, .single-post #comments {
  padding: 0 2vw; }
.single-post .post-navigation {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6; }
.single-post .nav-previous, .single-post .nav-next {
  padding: 0.25vw 1vw;
  height: 100%;
  text-transform: uppercase;
  font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }
  .single-post .nav-previous a, .single-post .nav-next a {
    display: flex; }
  .single-post .nav-previous:hover, .single-post .nav-next:hover {
    background-color: #7ca3bd;
    border-radius: 12px; }
    .single-post .nav-previous:hover a, .single-post .nav-next:hover a {
      color: #262626;
      display: flex; }
.single-post .nav-next a {
  justify-content: end; }
.single-post .entry-footer, .single-post .entry-meta {
  display: flex;
  font-size: 0.79rem;
  letter-spacing: 1px;
  padding: 0.25vw 1vw;
  border-radius: 12px;
  color: #262626;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }
  @media screen and (min-width: 728px) {
    .single-post .entry-footer, .single-post .entry-meta {
      font-size: 0.702rem;
      flex-wrap: nowrap; } }
  .single-post .entry-footer a, .single-post .entry-meta a {
    margin: 0 .5vw;
    color: #35556a; }
    .single-post .entry-footer a:hover, .single-post .entry-meta a:hover {
      color: #262626; }
.single-post .entry-footer {
  margin-top: 3vw;
  background-color: #e6e6e6; }
.single-post .comments-title {
  padding-bottom: 2vw;
  font-size: 0.889rem; }
  @media screen and (min-width: 728px) {
    .single-post .comments-title {
      font-size: 1rem; } }
.single-post #primary ol {
  margin: 0;
  padding: 0vw 5vw; }
.single-post #primary li {
  margin: 1vw 0; }
.single-post .comment {
  padding: 1vw 0; }
  .single-post .comment.even {
    background-color: #e6e6e6; }
.single-post #comments {
  padding: 2vw; }
.single-post .comment-content {
  font-size: 0.889rem; }
  @media screen and (min-width: 728px) {
    .single-post .comment-content {
      font-size: 0.79rem; } }

.page-template-default main, .posts-page main, .single-post main, .archive main, .woocommerce-page main, .page-template-tableofcontents main {
  background-color: #fefefe; }
.page-template-default .entry-header h1, .posts-page .entry-header h1, .single-post .entry-header h1, .archive .entry-header h1, .woocommerce-page .entry-header h1, .page-template-tableofcontents .entry-header h1 {
  text-align: center;
  background-color: #7ca3bd;
  color: #262626;
  text-transform: uppercase;
  font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  letter-spacing: 1px;
  padding: 0.5vw 0; }
.page-template-default .entry-content, .posts-page .entry-content, .single-post .entry-content, .archive .entry-content, .woocommerce-page .entry-content, .page-template-tableofcontents .entry-content {
  margin: 0.5vw 0; }
.page-template-default article, .posts-page article, .single-post article, .archive article, .woocommerce-page article, .page-template-tableofcontents article {
  padding: 0 2vw; }
.page-template-default h1, .page-template-default h2, .page-template-default h3, .page-template-default h4, .page-template-default h5, .page-template-default h6, .posts-page h1, .posts-page h2, .posts-page h3, .posts-page h4, .posts-page h5, .posts-page h6, .single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6, .archive h1, .archive h2, .archive h3, .archive h4, .archive h5, .archive h6, .woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3, .woocommerce-page h4, .woocommerce-page h5, .woocommerce-page h6, .page-template-tableofcontents h1, .page-template-tableofcontents h2, .page-template-tableofcontents h3, .page-template-tableofcontents h4, .page-template-tableofcontents h5, .page-template-tableofcontents h6 {
  clear: none;
  font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }
.page-template-default h1, .posts-page h1, .single-post h1, .archive h1, .woocommerce-page h1, .page-template-tableofcontents h1 {
  font-size: 1.424rem; }
  @media screen and (min-width: 728px) {
    .page-template-default h1, .posts-page h1, .single-post h1, .archive h1, .woocommerce-page h1, .page-template-tableofcontents h1 {
      font-size: 1.602rem; } }
.page-template-default h2, .posts-page h2, .single-post h2, .archive h2, .woocommerce-page h2, .page-template-tableofcontents h2 {
  font-size: 1.424rem; }
  @media screen and (min-width: 728px) {
    .page-template-default h2, .posts-page h2, .single-post h2, .archive h2, .woocommerce-page h2, .page-template-tableofcontents h2 {
      font-size: 1.266rem; } }
.page-template-default h3, .posts-page h3, .single-post h3, .archive h3, .woocommerce-page h3, .page-template-tableofcontents h3 {
  font-size: 0.79rem; }
  @media screen and (min-width: 728px) {
    .page-template-default h3, .posts-page h3, .single-post h3, .archive h3, .woocommerce-page h3, .page-template-tableofcontents h3 {
      font-size: 0.889rem; } }

.portfolio main {
  background-color: #fefefe; }
.portfolio .jump {
  text-transform: uppercase;
  font-size: 1.125rem;
  color: #35556a;
  font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  display: block;
  text-align: center;
  margin-top: 2vw; }
.portfolio ul {
  background-color: #35556a;
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0 auto;
  justify-content: space-between;
  width: 100%;
  text-transform: uppercase;
  flex-wrap: wrap; }
  @media screen and (min-width: 728px) {
    .portfolio ul {
      width: 75%;
      flex-wrap: nowrap; } }
  .portfolio ul a {
    color: #fefefe;
    display: flex;
    padding: 0.5vw;
    align-items: center;
    height: 100%;
    justify-content: center;
    text-align: center; }
    .portfolio ul a:hover {
      background-color: #7ca3bd;
      color: #262626; }
    .portfolio ul a img {
      padding: 0vw 2vw; }
  .portfolio ul li {
    flex-basis: 100%; }
  .portfolio ul + ul {
    border-top: 1px solid #7ca3bd; }
  .portfolio ul.port-nav {
    font-size: 1rem;
    font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }
    @media screen and (min-width: 728px) {
      .portfolio ul.port-nav {
        font-size: 0.889rem; } }
  .portfolio ul.port-sub-nav {
    font-size: 1rem;
    font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }
    @media screen and (min-width: 728px) {
      .portfolio ul.port-sub-nav {
        font-size: 0.79rem; } }
.portfolio .entry-header h1 {
  text-align: center;
  background-color: #7ca3bd;
  color: #262626;
  text-transform: uppercase;
  font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 1.602rem;
  letter-spacing: 1px; }
  @media screen and (min-width: 728px) {
    .portfolio .entry-header h1 {
      font-size: 2.027rem; } }
.portfolio #bwc, .portfolio #colorc, .portfolio #illustrations {
  background-color: #7ca3bd;
  color: #262626;
  text-transform: uppercase;
  font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 1.602rem;
  width: 100%;
  margin: 3vw auto 1vw;
  display: flex;
  align-items: center; }
  @media screen and (min-width: 728px) {
    .portfolio #bwc, .portfolio #colorc, .portfolio #illustrations {
      font-size: 2.027rem;
      width: 75%; } }
  .portfolio #bwc strong, .portfolio #colorc strong, .portfolio #illustrations strong {
    background-color: #35556a;
    color: #fefefe;
    margin-right: 1.5vw;
    padding: 0.25vw 1vw; }
.portfolio #illustrations {
  justify-content: center; }
.portfolio .tiled-gallery {
  width: 300px;
  margin: 0 auto !important; }
  @media screen and (min-width: 500px) {
    .portfolio .tiled-gallery {
      width: initial;
      margin: initial; } }
  .portfolio .tiled-gallery .gallery-row {
    width: 100% !important;
    overflow: visible !important;
    display: flex;
    justify-content: center; }
    @media screen and (min-width: 728px) {
      .portfolio .tiled-gallery .gallery-row {
        width: initial;
        overflow: initial; } }
  .portfolio .tiled-gallery .tiled-gallery-item {
    text-align: center;
    width: auto !important; }
    @media screen and (min-width: 728px) {
      .portfolio .tiled-gallery .tiled-gallery-item {
        text-align: initial; } }

.archive .hentry {
  margin: 0; }
.archive article, .archive .page-header {
  border-bottom: 15px solid #262626; }
.archive .page-header h1 {
  text-align: center;
  background-color: #7ca3bd;
  color: #262626;
  text-transform: uppercase;
  font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 1.424rem;
  letter-spacing: 1px; }
  @media screen and (min-width: 728px) {
    .archive .page-header h1 {
      font-size: 2.027rem; } }
.archive .entry-footer, .archive .entry-meta {
  display: flex;
  font-size: 0.79rem;
  letter-spacing: 1px;
  padding: 0.25vw 1vw;
  border-radius: 12px;
  color: #262626;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center; }
  @media screen and (min-width: 728px) {
    .archive .entry-footer, .archive .entry-meta {
      font-size: 0.702rem; } }
  .archive .entry-footer ul, .archive .entry-meta ul {
    margin: 0;
    padding: 0; }
  .archive .entry-footer a, .archive .entry-meta a {
    margin: 0 .5vw;
    color: #35556a; }
    .archive .entry-footer a:hover, .archive .entry-meta a:hover {
      color: #262626; }
.archive .entry-meta {
  margin-top: 1vw; }
.archive .entry-footer {
  margin-bottom: 4vw;
  background-color: #e6e6e6; }
  @media screen and (min-width: 728px) {
    .archive .entry-footer {
      margin-bottom: 2vw; } }
.archive .nav-links {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 1vw 0vw;
  text-transform: uppercase;
  width: 90%;
  font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }
  .archive .nav-links .nav-previous a, .archive .nav-links .nav-next a {
    height: 100%;
    padding: 0.25vw 1vw; }
    .archive .nav-links .nav-previous a:hover, .archive .nav-links .nav-next a:hover {
      background-color: #7ca3bd;
      border-radius: 12px;
      color: #262626; }
  .archive .nav-links.top {
    margin: 1vw auto; }
.archive .entry-header {
  margin-top: 1vw; }
.archive .entry-title {
  text-align: center;
  background-color: #7ca3bd;
  text-transform: uppercase; }
  .archive .entry-title a {
    font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
    letter-spacing: 1px;
    color: #262626;
    display: flex;
    font-size: 1rem;
    padding: 0.25vw 1vw; }
    @media screen and (min-width: 728px) {
      .archive .entry-title a {
        font-size: 1.125rem; } }
  .archive .entry-title:hover {
    background-color: #35556a; }
    .archive .entry-title:hover a {
      color: #fefefe; }

.woocommerce div.product div.images img.wp-post-image, .woocommerce div.product div.images img.size-shop_thumbnail, .woocommerce-cart div.product div.images img.wp-post-image, .woocommerce-cart div.product div.images img.size-shop_thumbnail {
  margin: 0 auto;
  width: auto; }
.woocommerce .woocategory-bar, .woocommerce-cart .woocategory-bar {
  flex-basis: 100%; }
  .woocommerce .woocategory-bar ul, .woocommerce-cart .woocategory-bar ul {
    list-style: none;
    margin: 0;
    padding: 1vw 0;
    display: none;
    justify-content: space-around;
    background-color: #35556a;
    font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
    font-size: 0.702rem;
    text-transform: uppercase;
    letter-spacing: 1px; }
    @media screen and (min-width: 728px) {
      .woocommerce .woocategory-bar ul, .woocommerce-cart .woocategory-bar ul {
        display: flex;
        font-size: 0.79rem; } }
    .woocommerce .woocategory-bar ul a, .woocommerce-cart .woocategory-bar ul a {
      color: #fefefe;
      padding: .5vw 1vw;
      font-size: 0.702rem; }
      @media screen and (min-width: 728px) {
        .woocommerce .woocategory-bar ul a, .woocommerce-cart .woocategory-bar ul a {
          display: flex;
          font-size: 0.79rem;
          padding: .25vw 1vw; } }
      .woocommerce .woocategory-bar ul a:hover, .woocommerce-cart .woocategory-bar ul a:hover {
        background-color: #262626;
        border-radius: 12px; }
.woocommerce #primary .hero, .woocommerce-cart #primary .hero {
  position: relative; }
  .woocommerce #primary .hero:hover, .woocommerce-cart #primary .hero:hover {
    opacity: 0.5; }
.woocommerce #primary .upsells, .woocommerce-cart #primary .upsells {
  text-align: center; }
  .woocommerce #primary .upsells h2, .woocommerce-cart #primary .upsells h2 {
    margin: 1vw 0;
    clear: both; }
  .woocommerce #primary .upsells .products, .woocommerce-cart #primary .upsells .products {
    display: flex;
    justify-content: center; }
.woocommerce #primary main > .products, .woocommerce-cart #primary main > .products {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  padding: 0; }
  @media screen and (min-width: 500px) {
    .woocommerce #primary main > .products, .woocommerce-cart #primary main > .products {
      padding: 0vw 2vw;
      display: flex; } }
  @media screen and (min-width: 500px) {
    .woocommerce #primary main > .products li.product, .woocommerce-cart #primary main > .products li.product {
      margin: 0 3.8% 2.992em 0; } }
.woocommerce #primary main .woocommerce-ordering, .woocommerce #primary main .woocommerce-result-count, .woocommerce-cart #primary main .woocommerce-ordering, .woocommerce-cart #primary main .woocommerce-result-count {
  width: 100%;
  text-align: center;
  padding: 1vw; }
  @media screen and (min-width: 728px) {
    .woocommerce #primary main .woocommerce-ordering, .woocommerce #primary main .woocommerce-result-count, .woocommerce-cart #primary main .woocommerce-ordering, .woocommerce-cart #primary main .woocommerce-result-count {
      width: initial; } }
.woocommerce.single-product main > div, .woocommerce-cart.single-product main > div {
  padding: 1vw; }
  .woocommerce.single-product main > div .tagged_as, .woocommerce-cart.single-product main > div .tagged_as {
    display: none; }
.woocommerce .woocommerce.widget_shopping_cart, .woocommerce-cart .woocommerce.widget_shopping_cart {
  border-left: 1px solid #fefefe;
  border-right: 1px solid #fefefe; }
  .woocommerce .woocommerce.widget_shopping_cart .widget-title, .woocommerce-cart .woocommerce.widget_shopping_cart .widget-title {
    padding: 2vw 0 1.5vw; }
    @media screen and (min-width: 728px) {
      .woocommerce .woocommerce.widget_shopping_cart .widget-title, .woocommerce-cart .woocommerce.widget_shopping_cart .widget-title {
        padding: .5vw 0; } }
  .woocommerce .woocommerce.widget_shopping_cart p.total, .woocommerce-cart .woocommerce.widget_shopping_cart p.total {
    font-size: 1.125rem; }
    @media screen and (min-width: 728px) {
      .woocommerce .woocommerce.widget_shopping_cart p.total, .woocommerce-cart .woocommerce.widget_shopping_cart p.total {
        font-size: 1rem; } }
    @media screen and (min-width: 1000px) {
      .woocommerce .woocommerce.widget_shopping_cart p.total, .woocommerce-cart .woocommerce.widget_shopping_cart p.total {
        font-size: 0.702rem; } }
    .woocommerce .woocommerce.widget_shopping_cart p.total .woocommerce-Price-amount, .woocommerce .woocommerce.widget_shopping_cart p.total .woocommerce-Price-currencySymbol, .woocommerce-cart .woocommerce.widget_shopping_cart p.total .woocommerce-Price-amount, .woocommerce-cart .woocommerce.widget_shopping_cart p.total .woocommerce-Price-currencySymbol {
      color: #262626; }
  .woocommerce .woocommerce.widget_shopping_cart span, .woocommerce-cart .woocommerce.widget_shopping_cart span {
    color: #fefefe; }
  .woocommerce .woocommerce.widget_shopping_cart a, .woocommerce .woocommerce.widget_shopping_cart p.total strong, .woocommerce .woocommerce.widget_shopping_cart p.total span, .woocommerce-cart .woocommerce.widget_shopping_cart a, .woocommerce-cart .woocommerce.widget_shopping_cart p.total strong, .woocommerce-cart .woocommerce.widget_shopping_cart p.total span {
    font-size: 1.125rem; }
    @media screen and (min-width: 728px) {
      .woocommerce .woocommerce.widget_shopping_cart a, .woocommerce .woocommerce.widget_shopping_cart p.total strong, .woocommerce .woocommerce.widget_shopping_cart p.total span, .woocommerce-cart .woocommerce.widget_shopping_cart a, .woocommerce-cart .woocommerce.widget_shopping_cart p.total strong, .woocommerce-cart .woocommerce.widget_shopping_cart p.total span {
        font-size: 1rem; } }
    @media screen and (min-width: 1000px) {
      .woocommerce .woocommerce.widget_shopping_cart a, .woocommerce .woocommerce.widget_shopping_cart p.total strong, .woocommerce .woocommerce.widget_shopping_cart p.total span, .woocommerce-cart .woocommerce.widget_shopping_cart a, .woocommerce-cart .woocommerce.widget_shopping_cart p.total strong, .woocommerce-cart .woocommerce.widget_shopping_cart p.total span {
        font-size: 0.702rem; } }

.woocommerce-checkout .woocategory-bar {
  display: none; }

.woocommerce-checkout #primary main, .woocommerce-cart #primary main {
  padding: 1vw 2vw; }
.woocommerce-checkout aside#secondary section:first-of-type .widget-title, .woocommerce-cart aside#secondary section:first-of-type .widget-title {
  display: none; }
.woocommerce-checkout .jetpack-image-container, .woocommerce-cart .jetpack-image-container {
  text-align: center; }

.page-template-comic-shelf #content #primary {
  flex-basis: 100%; }
  @media screen and (min-width: 728px) {
    .page-template-comic-shelf #content #primary {
      flex-basis: calc(96% - 160px);
      margin: 0 2% 0 0;
      padding: 0 2vw 0 0vw; } }
.page-template-comic-shelf main article .entry-content {
  width: 100%; }
  .page-template-comic-shelf main article .entry-content pre {
    background-color: transparent;
    padding: 0;
    display: flex;
    flex-wrap: wrap; }
  .page-template-comic-shelf main article .entry-content p {
    text-align: center; }
.page-template-comic-shelf main .shelf-title {
  margin: 0 1vw 2vw;
  padding: 0.25vw 15vw;
  background-color: #254a63;
  font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  color: #fefefe;
  border-radius: 12px;
  text-transform: uppercase;
  font-size: 1.125rem;
  text-align: center;
  flex-basis: 100%; }
  @media screen and (min-width: 728px) {
    .page-template-comic-shelf main .shelf-title {
      padding: 0.25vw 3vw; } }
.page-template-comic-shelf main .shelf {
  border-bottom: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
  flex-wrap: wrap;
  position: relative;
  flex-basis: 100%;
  margin-top: 2.5vw; }
  @media screen and (min-width: 728px) {
    .page-template-comic-shelf main .shelf {
      flex-wrap: nowrap;
      border-bottom: 10px solid #7ca3bd;
      align-items: flex-end; } }
  .page-template-comic-shelf main .shelf > a {
    display: flex; }
    .page-template-comic-shelf main .shelf > a img {
      align-self: end;
      height: 100%; }
      .page-template-comic-shelf main .shelf > a img:hover {
        opacity: 0.5; }
  .page-template-comic-shelf main .shelf .cardcontainer {
    position: relative;
    display: flex;
    flex-basis: 100%;
    margin: 0 0 5vw; }
    @media screen and (min-width: 728px) {
      .page-template-comic-shelf main .shelf .cardcontainer {
        height: 220px;
        margin-bottom: 0;
        flex-basis: 50%; } }
    @media screen and (min-width: 900px) {
      .page-template-comic-shelf main .shelf .cardcontainer {
        height: 175px;
        flex-basis: 40%;
        margin: 0 1vw 0; } }
  .page-template-comic-shelf main .shelf .cardfront {
    display: flex;
    flex-wrap: wrap;
    font-family: "overpassregular", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
    align-items: center;
    background-color: #fefefe;
    margin: 0;
    width: 100%;
    z-index: 100;
    overflow: hidden;
    text-align: center;
    height: 100%;
    position: relative; }
    @media screen and (min-width: 728px) {
      .page-template-comic-shelf main .shelf .cardfront {
        margin: 0 1vw;
        text-align: left;
        align-items: flex-start; } }
    @media screen and (min-width: 900px) {
      .page-template-comic-shelf main .shelf .cardfront {
        transform: skewX(-4.5deg); } }
    .page-template-comic-shelf main .shelf .cardfront .button {
      padding: 3vw 0vw;
      color: #262626;
      background-color: #7ca3bd;
      flex-basis: 100%;
      text-transform: uppercase;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0.889rem;
      margin-top: 2vw;
      font-family: "pier_sansregular", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }
      .page-template-comic-shelf main .shelf .cardfront .button:hover {
        color: #fefefe;
        background-color: #35556a; }
      @media screen and (min-width: 728px) {
        .page-template-comic-shelf main .shelf .cardfront .button {
          flex-basis: 48%;
          padding: .25vw 0vw;
          font-size: 0.702rem;
          margin-top: 0;
          margin-left: auto;
          margin-right: auto; } }
    .page-template-comic-shelf main .shelf .cardfront .title {
      width: 100%;
      background-color: #7ca3bd;
      color: #262626;
      padding: .5vw 0;
      text-transform: uppercase;
      font-size: 1.125rem;
      font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
      justify-content: center;
      margin-bottom: 2vw;
      text-align: center;
      white-space: normal; }
      .page-template-comic-shelf main .shelf .cardfront .title:hover {
        color: #fefefe;
        background-color: #35556a; }
      @media screen and (min-width: 728px) {
        .page-template-comic-shelf main .shelf .cardfront .title {
          padding: 0.25vw 0;
          font-size: 0.889rem;
          margin-bottom: 0;
          letter-spacing: 1px; } }
    .page-template-comic-shelf main .shelf .cardfront .description {
      font-size: 0.889rem;
      display: inline-block;
      white-space: normal;
      width: 100%;
      font-family: "overpassregular", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media screen and (min-width: 728px) {
        .page-template-comic-shelf main .shelf .cardfront .description {
          font-size: 0.79rem;
          padding: 1vw; } }
    .page-template-comic-shelf main .shelf .cardfront p {
      margin: 0; }
  .page-template-comic-shelf main .shelf .cardback {
    height: 100%;
    position: absolute;
    right: 1%;
    top: 0;
    width: 90%;
    background-color: #4D4D4D;
    display: none; }
    @media screen and (min-width: 728px) {
      .page-template-comic-shelf main .shelf .cardback {
        display: block; } }
.page-template-comic-shelf main .brackets {
  background-image: url("http://titanzer.com/sorcery201/wp-content/uploads/2017/02/brackets.png");
  margin: 0 auto 2vw;
  height: 35px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: none;
  opacity: 0.5;
  flex-basis: 100%; }
  @media screen and (min-width: 728px) {
    .page-template-comic-shelf main .brackets {
      display: block; } }
.page-template-comic-shelf aside#secondary section:first-of-type h2.widget-title {
  display: none; }

.single.webcomic #webcomic {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-basis: 100%;
  padding: 0;
  margin: 0 2vw; }
  @media screen and (min-width: 728px) {
    .single.webcomic #webcomic {
      flex-basis: calc(96% - 160px);
      margin: 0 2% auto 0;
      padding: 0 2vw 0 0vw; } }
  .single.webcomic #webcomic article {
    width: 100%; }
  .single.webcomic #webcomic nav {
    flex-basis: 100%;
    display: flex;
    justify-content: space-around;
    margin: 1vw 0;
    flex-wrap: wrap; }
    @media screen and (min-width: 728px) {
      .single.webcomic #webcomic nav {
        flex-wrap: nowrap; } }
    .single.webcomic #webcomic nav a, .single.webcomic #webcomic nav button {
      text-align: center;
      padding: 0.25vw 1vw;
      border-radius: 12px;
      color: #262626;
      background-color: #7ca3bd;
      border: 0;
      font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-size: 1.125rem;
      line-height: initial;
      flex-basis: 48%;
      margin: 1vw 1%; }
      @media screen and (min-width: 728px) {
        .single.webcomic #webcomic nav a, .single.webcomic #webcomic nav button {
          font-size: 0.889rem;
          flex-basis: auto;
          margin: 0; } }
      .single.webcomic #webcomic nav a:hover, .single.webcomic #webcomic nav button:hover {
        background-color: #35556a;
        color: #fefefe; }
    .single.webcomic #webcomic nav form, .single.webcomic #webcomic nav button {
      cursor: pointer; }
  .single.webcomic #webcomic .post-content {
    padding: 3vw 2vw;
    background-color: #fefefe; }
    @media screen and (min-width: 728px) {
      .single.webcomic #webcomic .post-content {
        padding: 1vw; } }
    .single.webcomic #webcomic .post-content .post-title {
      font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
      text-transform: uppercase;
      font-size: 1rem; }
      @media screen and (min-width: 728px) {
        .single.webcomic #webcomic .post-content .post-title {
          font-size: 1.125rem;
          width: auto; } }
    .single.webcomic #webcomic .post-content .getprint {
      font-size: 0.889rem;
      align-items: center;
      display: flex;
      justify-content: center; }
      @media screen and (min-width: 728px) {
        .single.webcomic #webcomic .post-content .getprint {
          font-size: 0.79rem; } }
      .single.webcomic #webcomic .post-content .getprint strong {
        margin: 0 .25vw; }
      .single.webcomic #webcomic .post-content .getprint form {
        margin: 0 1vw; }
        .single.webcomic #webcomic .post-content .getprint form button {
          cursor: pointer; }

.archive.webcomic main {
  display: flex;
  flex-wrap: wrap; }
.archive.webcomic img:hover {
  opacity: .5; }
.archive.webcomic .posts-navigation, .archive.webcomic .page-header {
  flex-basis: 100%; }
.archive.webcomic .page {
  flex-basis: 100%;
  padding: 0.5vw; }
  @media screen and (min-width: 728px) {
    .archive.webcomic .page {
      flex-basis: 50%; } }
  @media screen and (min-width: 1000px) {
    .archive.webcomic .page {
      flex-basis: 33.33%; } }

.page-template-tableofcontents .entry-content {
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap; }
.page-template-tableofcontents main h2 {
  flex-basis: 100%;
  background-color: #254a63;
  color: #fefefe;
  padding: .5vw 0; }
.page-template-tableofcontents main figure {
  flex-basis: 100%;
  padding: .5vw; }
  @media screen and (min-width: 500px) {
    .page-template-tableofcontents main figure {
      flex-basis: 50%; } }
  @media screen and (min-width: 728px) {
    .page-template-tableofcontents main figure {
      flex-wrap: no-wrap;
      flex-basis: 33.33%; } }
  .page-template-tableofcontents main figure.alignleft {
    margin-right: auto; }
  .page-template-tableofcontents main figure > a {
    display: flex; }
    .page-template-tableofcontents main figure > a img {
      width: 100%;
      height: 100%; }
      .page-template-tableofcontents main figure > a img:hover {
        opacity: 0.5; }
  .page-template-tableofcontents main figure figcaption {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap; }
    .page-template-tableofcontents main figure figcaption strong, .page-template-tableofcontents main figure figcaption em, .page-template-tableofcontents main figure figcaption del {
      flex-basis: 100%;
      padding: 0; }
      @media screen and (min-width: 728px) {
        .page-template-tableofcontents main figure figcaption strong, .page-template-tableofcontents main figure figcaption em, .page-template-tableofcontents main figure figcaption del {
          padding-left: 0.5vw; } }
    .page-template-tableofcontents main figure figcaption strong {
      background-color: #7ca3bd;
      font-size: 1.266rem;
      color: #262626; }
    .page-template-tableofcontents main figure figcaption em {
      background-color: #afc7d7;
      font-size: 1.125rem;
      color: #262626;
      font-family: "overpassregular", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
      font-style: normal; }
    .page-template-tableofcontents main figure figcaption del {
      color: #262626;
      text-decoration: none;
      background-color: #d1dfe8;
      font-size: 1rem;
      text-transform: uppercase; }
  .page-template-tableofcontents main figure .wp-caption-text {
    margin: 0;
    text-align: center; }
    @media screen and (min-width: 728px) {
      .page-template-tableofcontents main figure .wp-caption-text {
        text-align: left; } }

 /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html {
  font-size: 16px;
  line-height: 1.5; }
  @media screen and (min-width: 728px) {
    html {
      font-size: 17px; } }
  @media screen and (min-width: 1200px) {
    html {
      font-size: 18px;
      line-height: 1.4; } }

body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: "overpassregular", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin: 0; }

#primary h1,
#primary h2,
#primary h3,
#primary h4,
#primary h5,
#primary h6 {
  margin: initial; }

p {
  margin-bottom: 1.5em; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark,
ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

strong {
  font-family: "overpassextrabold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }

em {
  font-family: "overpassitalic", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }

strong em, em strong {
  font-family: "overpassextrabold_italic", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behaviour; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""; }

blockquote,
q {
  quotes: "" ""; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul,
ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

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

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

#wpstats {
  display: none; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa; }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }

select {
  border: 1px solid #ccc; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #7ca3bd;
  text-decoration: none;
  font-weight: 800; }
  a:visited {
    color: #757575; }
  a:hover, a:focus, a:active {
    color: #35556a; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* Small menu. */
.menu-toggle {
  display: block;
  width: 100%;
  font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  text-transform: uppercase;
  background-color: #35556a;
  border: 0;
  color: #fefefe;
  font-size: 1rem;
  cursor: pointer; }
  @media screen and (min-width: 500px) {
    .menu-toggle {
      display: none; } }

.main-navigation.toggled ul {
  display: block; }

.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-family: "pier_sansbold", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  letter-spacing: 1px; }
  .main-navigation ul {
    text-align: center;
    width: 100%;
    background-color: #262626;
    font-size: 1rem;
    list-style: none;
    margin: 0;
    display: none;
    padding: 1vw 0; }
    @media screen and (min-width: 500px) {
      .main-navigation ul {
        display: flex;
        font-size: 0.702rem; } }
    @media screen and (min-width: 728px) {
      .main-navigation ul {
        font-size: 0.79rem; } }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 1.5em;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul a {
        width: 200px; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
  .main-navigation li a {
    color: #fefefe;
    padding: .5vw 1vw; }
    @media screen and (min-width: 500px) {
      .main-navigation li a {
        margin: 0 1vw;
        padding: .25vw 1vw; } }
    .main-navigation li a:hover {
      background-color: #7ca3bd;
      padding: .5vw 1vw; }
      @media screen and (min-width: 500px) {
        .main-navigation li a:hover {
          border-radius: 12px;
          padding: .25vw 1vw;
          color: #262626; } }
  .main-navigation a {
    display: block;
    text-decoration: none; }

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto; }

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%; }

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em; }

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption .wp-caption-text {
  margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }

.jp-carousel-wrap .jp-carousel-comments, .jp-carousel-wrap #jp-carousel-comments-loading {
  display: none !important;
  visibility: hidden; }
  .jp-carousel-wrap .jp-carousel-comments span, .jp-carousel-wrap #jp-carousel-comments-loading span {
    display: none;
    visibility: hidden; }
.jp-carousel-wrap .jp-carousel-titleanddesc {
  border-top: 0;
  margin-top: 0 !important; }

.gallery-row {
  margin: 0 auto; }

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