/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/open-sans-v15-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("/assets/fonts/open-sans-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/open-sans-v15-latin-300.woff2") format("woff2"), url("/assets/fonts/open-sans-v15-latin-300.woff") format("woff"), url("/assets/fonts/open-sans-v15-latin-300.ttf") format("truetype"), url("/assets/fonts/open-sans-v15-latin-300.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/open-sans-v15-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("/assets/fonts/open-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/open-sans-v15-latin-regular.woff2") format("woff2"), url("/assets/fonts/open-sans-v15-latin-regular.woff") format("woff"), url("/assets/fonts/open-sans-v15-latin-regular.ttf") format("truetype"), url("/assets/fonts/open-sans-v15-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url("/assets/fonts/open-sans-v15-latin-800.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("/assets/fonts/open-sans-v15-latin-800.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/open-sans-v15-latin-800.woff2") format("woff2"), url("/assets/fonts/open-sans-v15-latin-800.woff") format("woff"), url("/assets/fonts/open-sans-v15-latin-800.ttf") format("truetype"), url("/assets/fonts/open-sans-v15-latin-800.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* pt-serif-regular - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/pt-serif-v9-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("PT Serif"), local("PTSerif-Regular"), url("/assets/fonts/pt-serif-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/pt-serif-v9-latin-regular.woff2") format("woff2"), url("/assets/fonts/pt-serif-v9-latin-regular.woff") format("woff"), url("/assets/fonts/pt-serif-v9-latin-regular.ttf") format("truetype"), url("/assets/fonts/pt-serif-v9-latin-regular.svg#PTSerif") format("svg");
  /* Legacy iOS */ }
/* pt-serif-italic - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url("/assets/fonts/pt-serif-v9-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("PT Serif Italic"), local("PTSerif-Italic"), url("/assets/fonts/pt-serif-v9-latin-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/pt-serif-v9-latin-italic.woff2") format("woff2"), url("/assets/fonts/pt-serif-v9-latin-italic.woff") format("woff"), url("/assets/fonts/pt-serif-v9-latin-italic.ttf") format("truetype"), url("/assets/fonts/pt-serif-v9-latin-italic.svg#PTSerif") format("svg");
  /* Legacy iOS */ }
/* pt-serif-700 - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/pt-serif-v9-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("PT Serif Bold"), local("PTSerif-Bold"), url("/assets/fonts/pt-serif-v9-latin-700.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/pt-serif-v9-latin-700.woff2") format("woff2"), url("/assets/fonts/pt-serif-v9-latin-700.woff") format("woff"), url("/assets/fonts/pt-serif-v9-latin-700.ttf") format("truetype"), url("/assets/fonts/pt-serif-v9-latin-700.svg#PTSerif") format("svg");
  /* Legacy iOS */ }
/* pt-serif-700italic - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 700;
  src: url("/assets/fonts/pt-serif-v9-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("PT Serif Bold Italic"), local("PTSerif-BoldItalic"), url("/assets/fonts/pt-serif-v9-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/pt-serif-v9-latin-700italic.woff2") format("woff2"), url("/assets/fonts/pt-serif-v9-latin-700italic.woff") format("woff"), url("/assets/fonts/pt-serif-v9-latin-700italic.ttf") format("truetype"), url("/assets/fonts/pt-serif-v9-latin-700italic.svg#PTSerif") format("svg");
  /* Legacy iOS */ }
/***************
COLOR VARIABLES
***************/
/***************
CONSISTENT SETTINGS
***************/
/***************
TYPE SETTINGS
***************/
/***************
BUTTON DEFAULTS
***************/
.button, .button-secondary, .button-tertiary, .button__outline {
  background-color: #B8860B;
  display: inline-block;
  position: relative;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
  font-size: 1em;
  line-height: 1.2em;
  font-weight: normal;
  padding: .5em 1.5em;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: .5em;
  -moz-transition: background-color 0.14s ease-in-out;
  -o-transition: background-color 0.14s ease-in-out;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out; }
  .button:hover, .button-secondary:hover, .button-tertiary:hover, .button__outline:hover, .button:focus, .button-secondary:focus, .button-tertiary:focus, .button__outline:focus {
    color: #fff;
    text-decoration: none;
    background-color: #886308; }
  .button:active, .button-secondary:active, .button-tertiary:active, .button__outline:active {
    top: 1px; }

.button-secondary {
  background-color: #B6B80B; }
  .button-secondary:hover {
    background-color: #868808; }
.button-tertiary {
  background-color: #B83C0B; }
  .button-tertiary:hover {
    background-color: #882c08; }

.button__outline {
  background-color: transparent;
  border: 3px solid #B8860B;
  color: #B8860B; }
  .button__outline:hover {
    background-color: #B8860B;
    color: #fff; }

/***************
FORM STYLING
***************/
label {
  display: block;
  margin-bottom: 5px; }

input[type=text], input[type=email], input[type=phone], input[type=password], input[type=number], input[type=search], textarea {
  background: #e6e6e6;
  padding: 5px;
  outline: none;
  border: none;
  height: 44px;
  width: 300px;
  margin-bottom: .5rem; }
  input[type=text]:focus, input[type=email]:focus, input[type=phone]:focus, input[type=password]:focus, input[type=number]:focus, input[type=search]:focus, textarea:focus {
    border: 1px solid #B8860B; }
  input[type=text].full-width, input[type=email].full-width, input[type=phone].full-width, input[type=password].full-width, input[type=number].full-width, input[type=search].full-width, textarea.full-width {
    width: 100%; }

textarea {
  height: 132px; }

form {
  margin-bottom: 40px; }
  form .field {
    margin-bottom: 20px; }
  form .note {
    margin-top: 5px;
    color: #aaa; }
  form .req {
    font-style: italic; }
  form .error .reason {
    margin-top: 5px;
    color: #FF4136; }
  form .error input[type=text], form .error input[type=email], form .error input[type=phone], form .error input[type=password], form .error input[type=number], form .error input[type=search], form .error textarea {
    border-color: #FF4136; }

/***************
TABLE STYLES
***************/
table {
  width: 100%;
  border: 1px solid #d0d0d0;
  margin-bottom: 1.5em; }
  table caption {
    margin: 0 0 7px;
    font-size: 0.75em;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: 1px; }

tr {
  border-bottom: 1px solid #d0d0d0; }
  tr:nth-child(even) {
    background-color: #f7f7f7; }

td {
  padding: 7px;
  border-right: 1px solid #d0d0d0; }
  td:last-child {
    border-right: 0; }

th {
  background-color: #f7f7f7;
  border-bottom: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0; }
  th:last-child {
    border-right: 0; }

/***************
  Darkly Pygments Theme
  (c) 2014 Sourcey
  http://sourcey.com
***************/
.highlight {
  white-space: pre;
  overflow: auto;
  word-wrap: normal;
  /* horizontal scrolling */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 20px;
  background: #343642;
  color: #C1C2C3; }

.highlight .hll {
  background-color: #ffc; }

.highlight .gd {
  color: #2e3436;
  background-color: #0e1416; }

.highlight .gr {
  color: #eeeeec;
  background-color: #c00; }

.highlight .gi {
  color: #babdb6;
  background-color: #1f2b2d; }

.highlight .go {
  color: #2c3032;
  background-color: #2c3032; }

.highlight .kt {
  color: #e3e7df; }

.highlight .ni {
  color: #888a85; }

.highlight .c, .highlight .cm, .highlight .c1, .highlight .cs {
  color: #8D9684; }

.highlight .err, .highlight .g, .highlight .l, .highlight .n, .highlight .x, .highlight .p, .highlight .ge,
.highlight .gp, .highlight .gs, .highlight .gt, .highlight .ld, .highlight .s, .highlight .nc, .highlight .nd,
.highlight .ne, .highlight .nl, .highlight .nn, .highlight .nx, .highlight .py, .highlight .ow, .highlight .w, .highlight .sb,
.highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr,
.highlight .s1, .highlight .ss, .highlight .bp {
  color: #C1C2C3; }

.highlight .k, .highlight .kc, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr,
.highlight .nt {
  color: #729fcf; }

.highlight .cp, .highlight .gh, .highlight .gu, .highlight .na, .highlight .nf {
  color: #E9A94B; }

.highlight .m, .highlight .nb, .highlight .no, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo,
.highlight .il {
  color: #8ae234; }

.highlight .o {
  color: #989DAA; }

.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi {
  color: #fff; }

/***************
A MORE MODERN SCALE
http://typecast.com/blog/a-more-modern-scale-for-web-typography
***************/
body {
  font-size: 1em;
  /* equivalent to 16px */
  line-height: 1.45;
  /* equivalent to 20px */ }
  body .intro {
    font-size: 1.25em;
    line-height: 1.7; }

@media (min-width: 43.75em) {
  body {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */ } }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin: .5rem 0 1.5rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }

h1, .h1 {
  font-size: 2em;
  line-height: 1.25; }

@media (min-width: 43.75em) {
  h1, .h1 {
    font-size: 2.5em;
    line-height: 1.125; } }
@media (min-width: 56.25em) {
  h1, .h1 {
    font-size: 3em;
    line-height: 1.05; } }
h2, .h2 {
  font-size: 1.625em;
  line-height: 1.15384615; }

@media (min-width: 43.75em) {
  h2, .h2 {
    font-size: 2em;
    line-height: 1.25; } }
@media (min-width: 56.25em) {
  h2, .h2 {
    font-size: 2.25em;
    line-height: 1.25; } }
h3, .h3 {
  font-size: 1.375em;
  line-height: 1.13636364; }

@media (min-width: 43.75em) {
  h3, .h3 {
    font-size: 1.5em;
    line-height: 1.25; } }
@media (min-width: 56.25em) {
  h3, .h3 {
    font-size: 1.75em;
    line-height: 1.25; } }
h4, .h4 {
  font-size: 1.125em;
  line-height: 1.11111111; }

@media (min-width: 43.75em) {
  h4, .h4 {
    line-height: 1.22222222; } }
blockquote {
  font-size: 1.25em;
  line-height: 1.25;
  padding: 0; }

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    line-height: 1.45833333; } }
/***************
TRANSITION
***************/
/* @include transition(all 0.2s ease-in-out); */
/***************
BOX SIZING
***************/
/* @include box-sizing(border-box); */
/***************
CLEAR AFTER FLOATS
***************/
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .clearfix:after {
    clear: both; }

/***************
SUSY GRID CONFIGURATION
***************/
/***************
GLOBAL STYLES
***************/
html {
  box-sizing: border-box;
  scroll-behavior: smooth; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  font-family: "PT Serif", Georgia, Times, serif;
  line-height: 1.5;
  font-size: 112.5%;
  color: #111;
  overflow-x: hidden; }
  body p, body ul {
    margin: 0 0 2rem; }

::-moz-selection {
  background: #B8860B;
  color: white; }

::selection {
  background: #B8860B;
  color: white; }

img, video, audio, iframe, object {
  max-width: 100%; }

.container {
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px; }
  .container:after {
    content: " ";
    display: block;
    clear: both; }

/***************
LINK STYLING
***************/
a {
  color: #B8860B; }
  a:hover {
    color: #705107; }

/***************
MENU STYLING
***************/
.nav-collapse {
  z-index: 1;
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }
  .nav-collapse ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    list-style: none; }
    .nav-collapse ul li {
      width: 100%;
      display: block;
      background: #B8860B;
      border-bottom: 2px solid #d0980c; }
      .nav-collapse ul li a {
        color: white;
        text-decoration: none;
        display: block;
        padding: 5px 2rem; }

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
  clear: both;
  width: 100%; }

.nav-collapse.opened {
  max-height: 9999px; }

.nav-toggle {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  float: right;
  line-height: 2em;
  margin-top: .5em;
  background-color: #B8860B;
  border-radius: 4px;
  padding: 0 .5em;
  color: white;
  text-decoration: none;
  position: relative;
  right: 2rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .nav-toggle:hover {
    color: white;
    background-color: #886308; }

/***************
LIST STYLING
***************/
.noList {
  list-style: none;
  padding-left: 0;
  margin-left: 0; }

dt {
  font-weight: bold; }

dd {
  margin: 0 0 1.5rem; }

.post ul ul,
.post ul ol,
.post ol ul,
.post ol ol {
  margin: 0; }

/***************
PAGE STYLES
***************/
.pageTitle {
  margin: 2rem auto 1em; }

.content {
  padding-top: 1em; }

/***************
HEADER STYLING
***************/
.header {
  background-color: #B8860B;
  background-image: url("../img/header.jpg");
  background-size: cover;
  background-position: center center;
  color: white;
  padding: 0;
  height: 3em; }
  .header .container {
    padding: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .header .container:after {
      content: " ";
      display: block;
      clear: both; }
  .header .logoImg {
    height: 2.5em;
    padding-left: .5rem;
    padding-top: .5rem; }
  .header h1 {
    margin: 0;
    float: left;
    padding-left: 2rem;
    font-size: 1em;
    line-height: 3em;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase; }
    .header h1 a {
      color: white;
      text-decoration: none; }

/***************
POST STYLING
***************/
.post .postTitle {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 1rem; }
.post blockquote {
  clear: both;
  margin: 2.5em 0;
  padding: 0;
  line-height: 1.8;
  position: relative; }
  .post blockquote:before {
    content: "";
    position: absolute;
    top: -1.25em;
    background: #B8860B;
    display: block;
    height: 2px;
    width: 150px;
    left: calc(50% - 75px); }
  .post blockquote:after {
    content: "";
    position: absolute;
    bottom: -1.25em;
    background: #B8860B;
    display: block;
    height: 2px;
    width: 150px;
    left: calc(50% - 75px); }
.post .meta {
  text-align: center;
  color: gray;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300; }
.post figure {
  margin: 3rem 0; }
  .post figure figcaption {
    text-align: center;
    font-size: .9em;
    font-style: italic;
    color: #5e5e5e; }
  .post figure img {
    margin: 0 auto;
    display: block; }
.post img {
  margin-bottom: 2rem; }
.post .highlight {
  clear: both;
  margin-bottom: 2rem; }
.post .dropcap {
  color: #B8860B;
  margin-right: .45rem; }
.post .featuredImage {
  position: relative;
  margin-top: 2rem; }
  .post .featuredImage img {
    margin-bottom: 0; }

/***************
POST NAV STYLING
***************/
.postNav {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  overflow: hidden; }
  .postNav .prev, .postNav .next {
    display: block;
    width: 100%;
    height: 5rem;
    overflow: hidden;
    position: relative;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: .9em;
    text-transform: uppercase;
    text-align: center; }
    .postNav .prev img, .postNav .next img {
      z-index: 1;
      display: block;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      width: 100%;
      .
			height: auto; }
    .postNav .prev span, .postNav .next span {
      z-index: 10;
      position: relative;
      padding: .5rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 100%;
      line-height: 1.4; }
    .postNav .prev.image, .postNav .next.image {
      text-decoration: none;
      color: white;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
      padding: 0 .5rem;
      position: relative;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .postNav .prev:hover.image, .postNav .next:hover.image {
      opacity: .8; }
  .postNav .prev span {
    left: 0; }
  .postNav .next span {
    right: 0; }

/***************
FOOTER STYLING
***************/
.footer {
  text-align: center;
  padding: 2rem 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }
  .footer .container {
    border-top: 4px solid #d9d9d9;
    padding-top: .5em;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto; }
    .footer .container:after {
      content: " ";
      display: block;
      clear: both; }
  .footer .copy, .footer .legal, .footer .footer-links {
    font-size: .7em;
    color: #919191; }
  .footer-links ul {
    text-align: center; }
    .footer-links ul li {
      display: inline-block; }
      .footer-links ul li a {
        display: inline-block;
        width: 30px;
        height: 30px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .footer-links ul li a svg {
          display: block;
          width: 100%;
          height: 100%; }
          .footer-links ul li a svg .outer-shape {
            fill: #B8860B; }
          .footer-links ul li a svg .inner-shape {
            fill: white; }
      .footer-links ul li:hover a svg .outer-shape {
        fill: #886308; }

/***************
PAGINATION STYLING
***************/
.pagination .next {
  float: left; }
.pagination .previous {
  float: right; }

/***************
POST LIST STYLING
***************/
.posts li {
  margin-bottom: 4rem;
  position: relative; }
  .posts li:before {
    content: "";
    position: absolute;
    bottom: -2rem;
    left: 0;
    background: #e6e6e6;
    height: 2px;
    width: 60px; }
  .posts li a {
    text-decoration: none; }
    .posts li a:hover {
      text-decoration: underline; }
  .posts li .date {
    color: gray;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: .8em; }
  .posts li h3 {
    margin: 0 0 .5em; }

/***************
Gallery Index
***************/
.gallery-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  /* or space-around */ }
  .gallery-wrapper .img-container {
    overflow: hidden;
    max-height: 11em;
    display: flex;
    align-items: center; }
  .gallery-wrapper a {
    display: inline-block;
    padding: .1em;
    margin-bottom: .2em;
    width: calc(50% - 4px);
    text-decoration: none;
    color: black;
    background: #eee;
    position: relative; }
  .gallery-wrapper a:hover img {
    transform: scale(1.15); }
  .gallery-wrapper figure {
    margin: 0;
    overflow: hidden; }
  .gallery-wrapper figcaption {
    padding: .5em; }
  .gallery-wrapper h5 {
    margin: 0; }
  .gallery-wrapper p {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .7em;
    font-style: italic;
    color: #5e5e5e;
    margin: 0;
    padding-right: .3em; }
  .gallery-wrapper img {
    height: auto;
    width: auto;
    display: block;
    background: #ccc;
    transition: transform .2s ease-in-out; }

.sidebar h4 {
  margin: 0 0 0.7em; }

.introtext {
  margin: 0 0 4em; }

.schedulelink {
  margin: 0 0 4em; }
  .schedulelink a {
    text-decoration: none; }

.calendarentry li {
  margin-bottom: 2rem;
  position: relative; }
  .calendarentry li:last-child {
    margin-bottom: 0; }
  .calendarentry li:not(:last-child):before {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 0;
    background: #e6e6e6;
    height: 2px;
    width: 60px; }
  .calendarentry li .calendartitle {
    margin: 0 0 .5em;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.1em; }
  .calendarentry li .calendardates {
    color: gray;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: .8em; }
  .calendarentry li .calendarinfo {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: .8em;
    margin: 0 0 .5em; }

@media only screen and (min-width: 800px) {
  /***************
  GLOBAL STYLES
  ***************/
  .content {
    padding-top: 0;
    position: relative;
    z-index: 1; }
    .content:after {
      z-index: -1;
      background: white;
      content: "";
      display: block;
      width: 100%;
      height: 10em;
      position: absolute;
      top: -2em;
      left: 0;
      -webkit-transform: skewY(-2deg);
      -ms-transform: skewY(-2deg);
      transform: skewY(-2deg);
      -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
      transform-origin: bottom left; }

  .container {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding: 0; }
    .container:after {
      content: " ";
      display: block;
      clear: both; }

  .flex-container {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: flex; }
    .flex-container:after {
      content: " ";
      display: block;
      clear: both; }

  .main {
    flex: 7;
    padding: 10px 0 10px 10px; }

  .sidebar {
    flex: 3;
    margin-left: 40px;
    position: relative; }

  .sidebar-scroll {
    position: absolute;
    overflow-y: auto;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0;
    --scrollbar-width: 8px;
    --mask-height: 32px;
    --mask-image-content: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 var(--mask-height), #000000 calc(100% - var(--mask-height)), rgba(0, 0, 0, 0));
    --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;
    --mask-image-scrollbar: linear-gradient(#000000, #000000);
    --mask-size-scrollbar: var(--scrollbar-width) 100%;
    -moz-mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    -webkit-mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    -moz-mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
    -webkit-mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
    -moz-mask-position: 0 0, 100% 0;
    -webkit-mask-position: 0 0, 100% 0;
    -moz-mask-repeat: no-repeat, no-repeat;
    -webkit-mask-repeat: no-repeat, no-repeat;
    padding: var(--mask-height) 10px var(--mask-height) 0px;
    scrollbar-width: auto;
    scrollbar-color: gray transparent; }

  .sidebar-scroll::-webkit-scrollbar {
    width: var(--scrollbar-width); }

  .sidebar-scroll::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 9999px; }

  .sidebar-scroll::-webkit-scrollbar-track {
    background-color: transparent; }

  /***************
  HOMEPAGE STYLING
  ***************/
  #home .posts, #home .pageTitle, #home .pagination {
    width: 91.48936%;
    float: left;
    margin-right: 2.12766%;
    float: none;
    margin: 0 auto 1.5em; }
  #home .pageTitle {
    margin: 2rem auto 1em; }

  /***************
  HEADER STYLING
  ***************/
  .header {
    height: 15em;
    position: relative;
    padding-bottom: 2em; }
    .header .container {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      max-width: 1100px;
      margin-left: auto;
      margin-right: auto; }
      .header .container:after {
        content: " ";
        display: block;
        clear: both; }
    .header h1 {
      font-size: 3em;
      line-height: 1;
      letter-spacing: -3px;
      padding-left: 0; }
    .header .logoImg {
      height: 4.5em; }
    .header nav {
      float: left;
      clear: left; }
      .header nav ul {
        margin: 0; }
        .header nav ul li {
          display: inline;
          line-height: 3em;
          background: none;
          padding: 0 5px;
          border: none; }
          .header nav ul li a {
            color: white;
            font-size: .9em;
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            text-decoration: none;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
            padding: 0 .25em; }
            .header nav ul li a:hover {
              color: #cccccc; }
          .header nav ul li.current {
            padding-bottom: .25em;
            border-bottom: 4px solid rgba(255, 255, 255, 0.6); }

  /***************
  MENU STYLING
  ***************/
  .js .nav-collapse {
    position: relative;
    max-height: none; }
    .js .nav-collapse.closed {
      max-height: none; }
    .js .nav-collapse ul li a {
      display: inline-block; }

  .nav-toggle {
    display: none; }

  /***************
  POST STYLING
  ***************/
  .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post p, .post ul, .post ol, .post dl, .post .pageTitle {
    width: 74.46809%;
    float: left;
    margin-right: 2.12766%;
    float: none;
    margin: 0 auto 2rem; }
  .post h1, .post .h1, .post h2, .post .h2, .post h3, .post .h3, .post h4, .post .h4, .post h5, .post .h5, .post h6, .post .h6 {
    margin: 1rem auto; }
  .post .pageTitle {
    margin: 2rem auto 1em; }
  .post .featuredImage {
    position: relative;
    margin-top: 2rem; }
    .post .featuredImage:before {
      background: white;
      content: "";
      display: block;
      width: 100%;
      height: 4em;
      position: absolute;
      top: -2em;
      left: 0;
      -webkit-transform: skewY(-2deg);
      -ms-transform: skewY(-2deg);
      transform: skewY(-2deg);
      -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
      transform-origin: bottom left; }

  /***************
  POST NAV STYLING
  ***************/
  .postNav .prev, .postNav .next {
    width: 50%; }
  .postNav .prev {
    float: left;
    text-align: left; }
  .postNav .next {
    text-align: right;
    float: right; }

  /***************
  FOOTER STYLES
  ***************/
  .footer-links {
    float: right; }
  .footer .copy {
    float: left; }
  .footer .legal {
    float: right; }
  .footer .container {
    padding: 1rem 0;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto; }
    .footer .container:after {
      content: " ";
      display: block;
      clear: both; }

  /***************
  CONTACT PAGE STYLING
  ***************/
  .contactContent {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%; }

  #contact form {
    width: 48.93617%;
    float: right;
    margin-right: 0; }

  /***************
  Gallery Index
  ***************/
  .gallery-wrapper a {
    width: calc(20% - 6px); }
  .gallery-wrapper .img-container {
    max-height: 8em; }

  .sidebar h2 {
    font-size: 1.75em; }

  .schedulelink {
    display: none; }

  .calendarentry li {
    font-size: .9em; } }

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