@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  box-sizing: border-box;
  font-size: 16px; }

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

::-moz-selection {
  background: #d8e5f3; }

::selection {
  background: #d8e5f3; }

body {
  font-family: "Roboto", Tahoma, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  -webkit-font-smoothing: antialiased;
  color: #333333;
  background: #ffffff;
  letter-spacing: .25px; }

ul,
ol,
li {
  margin: 0px 0px 2px 15px;
  padding: 5px;
  list-style: circle; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 3px 0px 6px 0px; }

p {
  margin-top: 1em;
  margin-bottom: 1em; }
  p:first-child {
    margin-top: 0; }
  p:last-child {
    margin-bottom: 0; }

q:before, q:after {
  content: ''; }

blockquote:before, blockquote:after {
  content: ''; }

img {
  display: block;
  max-width: 100%;
  height: auto; }

iframe {
  max-width: 100%; }

a {
  color: inherit;
  text-decoration: none; }

.invisible {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

/*doc
---
title: Blocks
name: blocks
category: Layout
---

Allows a list of contents to take up space at defined widths similar to columns, but the content flows horizontally instead of vertically. Each block can be of arbitrary height and the tallest one will push the next row down.

```html_example
<ul class="blocks blocks-smallTablet-2 blocks-tablet-3">
  <li class="well">
    <div class="well_container">
      <p>Block 1 This content will flow horizontally without the need for column containers. Eam velit legimus accommodare ne, no sint euismod melioad usu. His impedit ponderum pericula id. No eos diceret molestiae, pro ei meliore reformidans, in mea alii noster pertinacia.</p>
    </div>
  </li>
  <li class="well">
    <div class="well_container">
      <p>Block 2 This content will flow horizontally without the need for column containers. Eam velit legimus accommodare ne, no sint euismod melioad usu. His impedit ponderum pericula id. No eos diceret molestiae, pro ei meliore reformidans, in mea alii noster pertinacia.</p>
    </div>
  </li>
  <li class="well">
    <div class="well_container">
      <p>Block 3 This content will flow horizontally without the need for column containers. Eam velit legimus accommodare ne, no sint euismod melioad usu. Eam velit legimus accommodare ne, no sint euismod melioad usu. His impedit ponderum pericula id. No eos diceret molestiae, pro ei meliore reformidans, in mea alii noster pertinacia.</p>
    </div>
  </li>
  <li class="well">
    <div class="well_container">
      <p>Block 4 This content will flow horizontally without the need for column containers. Eam velit legimus accommodare ne, no sint euismod melioad usu. His impedit ponderum pericula id. No eos diceret molestiae, pro ei meliore reformidans, in mea alii noster pertinacia.</p>
    </div>
  </li>
  <li class="well">
    <div class="well_container">
      <p>Block 5 This content will flow horizontally without the need for column containers. Eam velit legimus accommodare ne, no sint euismod melioad usu. His impedit ponderum pericula id. No eos diceret molestiae, pro ei meliore reformidans, in mea alii noster pertinacia.</p>
    </div>
  </li>
  <li class="well">
    <div class="well_container">
      <p>Block 3 This content will flow horizontally without the need for column containers. Eam velit legimus accommodare ne, no sint euismod melioad usu. Eam velit legimus accommodare ne, no sint euismod melioad usu. His impedit ponderum pericula id. No eos diceret molestiae, pro ei meliore reformidans, in mea alii noster pertinacia.</p>
    </div>
  </li>
</ul>
```

*/
.blocks {
  margin-left: -3.5%;
  margin-bottom: -0.5rem;
  font-size: 0; }
  .blocks > * {
    width: 96.5%;
    margin-left: 3.5%;
    margin-bottom: 0.5rem;
    display: inline-block;
    font-size: 1rem;
    vertical-align: top; }

.blocks-1 > * {
  width: 96.5%; }

.blocks-2 > * {
  width: 46.5%; }

.blocks-3 > * {
  width: 29.83333%; }

.blocks-4 > * {
  width: 21.5%; }

@media (min-width: 32em) {
  .blocks-smallTablet-1 > * {
    width: 96.5%; }

  .blocks-smallTablet-2 > * {
    width: 46.5%; }

  .blocks-smallTablet-3 > * {
    width: 29.83333%; }

  .blocks-smallTablet-4 > * {
    width: 21.5%; } }
@media (min-width: 48em) {
  .blocks-tablet-1 > * {
    width: 96.5%; }

  .blocks-tablet-2 > * {
    width: 46.5%; }

  .blocks-tablet-3 > * {
    width: 29.83333%; }

  .blocks-tablet-4 > * {
    width: 21.5%; } }
@media (min-width: 64em) {
  .blocks-desktop-1 > * {
    width: 96.5%; }

  .blocks-desktop-2 > * {
    width: 46.5%; }

  .blocks-desktop-3 > * {
    width: 29.83333%; }

  .blocks-desktop-4 > * {
    width: 21.5%; } }
.blocks-condensed {
  margin-bottom: 0; }
  .blocks-condensed > * {
    margin-bottom: 0; }

.blocks-small > * {
  font-size: .85rem; }

.blocks-vert-centered {
  vertical-align: inherit; }

.blocks-larger > * {
  margin-bottom: 2.75rem; }
  @media (min-width: 48em) {
    .blocks-larger > * {
      margin-bottom: 4.75rem; } }

.col-main {
  margin-bottom: 3rem; }
  @media (min-width: 48em) {
    .col-main {
      margin-bottom: 0;
      margin-right: -300px;
      float: left;
      width: 100%; } }

@media (min-width: 48em) {
  .col-main_content {
    margin-right: 360px; } }

.col-sidebar {
  position: relative; }
  @media (min-width: 48em) {
    .col-sidebar {
      width: 300px;
      float: left; } }

@media (min-width: 48em) {
  .col-live_content {
    margin-right: 0; } }

.col-sidebar-liveVideo {
  padding-top: 2.2rem; }

.col-liveText {
  padding-bottom: .75rem; }
  @media (min-width: 48em) {
    .col-liveText {
      width: 30%;
      float: left;
      padding-right: 4%;
      padding-top: 1.2rem; } }

@media (min-width: 48em) {
  .col-livePlayer {
    width: 70%;
    float: right; } }

.col-footerMain:before, .col-footerMain:after {
  content: ' ';
  display: table; }
.col-footerMain:after {
  clear: both; }
@media (min-width: 48em) {
  .col-footerMain {
    margin-right: -300px;
    float: left;
    width: 100%; } }
@media (min-width: 64em) {
  .col-footerMain {
    margin-right: -440px; } }

@media (min-width: 48em) {
  .col-footerMain_content {
    margin-right: 360px; } }
@media (min-width: 64em) {
  .col-footerMain_content {
    margin-right: 500px; } }

.col-footerSide {
  position: relative;
  margin-top: 1rem; }
  @media (min-width: 48em) {
    .col-footerSide {
      width: 300px;
      float: left;
      margin-top: 0; } }
  @media (min-width: 64em) {
    .col-footerSide {
      width: 440px; } }

.container-full-width {
  position: relative; }

.container {
  margin: 0 auto;
  max-width: 1200px;
  padding: 1.75rem 0;
  position: relative; }
  @media (min-width: 48em) {
    .container {
      padding: 2rem 5rem 0; } }
  .container a {
    transition: color 0.5s ease;
    color: #6B6C8D;
    text-decoration: underline; }
    .container a:hover {
      color: #6B6C8D;
      cursor: pointer; }

.container-home-first {
  padding: 4rem 2rem 2rem; }
  @media (min-width: 48em) {
    .container-home-first {
      padding: 2rem 5rem 0; } }

.container-openings {
  padding-top: 2rem; }

.container-home {
  padding: 2rem; }
  @media (min-width: 48em) {
    .container-home {
      padding: 2rem 5rem; } }

.container-blog {
  padding: 0; }

.row {
  margin-bottom: 2rem; }
  .row:before, .row:after {
    content: ' ';
    display: table; }
  .row:after {
    clear: both; }

.row-collection {
  margin-bottom: 2rem; }
  @media (min-width: 48em) {
    .row-collection {
      margin-bottom: 4rem; } }

/*doc
---
title: Split
name: split
category: Layout
---

Floats content left or right. Uses the parent `.split` container for clearfix

```html_example
<div class="split">
  <div class="split_first">
    Left-aligned content
  </div>
  <div class="split_last">
    Right-aligned content
  </div>
</div>
```
*/
.split:before, .split:after {
  content: ' ';
  display: table; }
.split:after {
  clear: both; }

.split_first {
  float: left; }

.split_last {
  float: right; }

.tileLayout {
  margin-right: -1px; }
  .tileLayout > * {
    display: inline-block;
    height: 150px;
    width: 100%;
    border-right: 2px solid #ffffff;
    vertical-align: top; }
    .tileLayout > *:last-child {
      border-right: 0; }
    @media (min-width: 32em) {
      .tileLayout > * {
        height: 200px; } }
    @media (min-width: 48em) {
      .tileLayout > * {
        border-right: 4px solid #ffffff;
        width: 100%;
        height: 300px; } }
    @media (min-width: 64em) {
      .tileLayout > * {
        height: 400px; } }

.tileLayout-three > * {
  width: 33.333%; }

.arrow {
  display: none;
  position: relative;
  bottom: -2rem;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  fill: #EC2D25;
  /**
   * Dark Arrow Down
   */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNS44IDEwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNS44IDEwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzhDNjA1OTt9Cjwvc3R5bGU+CjxnPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLjIsMi4zIDIuMywwLjIgNy45LDUuNiAxMy42LDAuMiAxNS42LDIuMyA3LjksOS44IAkiLz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-size: contain; }
  @media (min-width: 23em) {
    .arrow {
      display: block; } }

.arrow-up {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNS44IDEwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNS44IDEwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzhDNjA1OTt9Cjwvc3R5bGU+CjxnPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI3LjksMC4yIDE1LjYsNy43IDEzLjYsOS44IDcuOSw0LjQgMi4zLDkuOCAwLjIsNy43IAkiLz4KPC9nPgo8L3N2Zz4K);
  bottom: -10px;
  left: 0;
  height: 18px;
  margin: auto;
  text-align: center;
  width: 18px; }

.arrow-bounce {
  animation: bounce 2s infinite; }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
/*doc
---
title: Aspect Ratio
name: aspect
category: Media
---

For setting certain aspect ratios on elements.

## Widescreen 16:9 (for video, etc)

Cuts off anything inside of it, and there should only be one element as the child

```slim_example
.aspect.aspect-widescreen
  img src="http://placehold.it/300x300"
```

## Fullscreen 4:3

```slim_example
.aspect.aspect-fullscreen
  img src="http://placehold.it/300x300"
```

*/
.aspect {
  position: relative;
  overflow: hidden; }
  .aspect:before {
    display: block;
    content: '';
    width: 100%; }
  .aspect > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%; }
  .aspect > iframe {
    height: 100%; }

.aspect-widescreen:before {
  padding-top: 56.25%; }

.aspect-fullscreen:before {
  padding-top: 75%; }

.banner {
  width: 100%;
  height: 225px;
  background-color: #423E3D; }

.bbpress .page_section article {
  width: 100%; }
  @media (min-width: 48em) {
    .bbpress .page_section article {
      float: left;
      width: 60%; } }

.bbp-topic-freshness-author {
  float: left; }

.bbp-login-form p {
  font-size: 16px;
  line-height: 1.4; }
.bbp-login-form fieldset {
  border: 0;
  font-family: "Roboto", Tahoma, sans-serif; }
.bbp-login-form label {
  width: 100px; }
.bbp-login-form .bbp-submit-wrapper {
  text-align: left;
  float: none; }
  .bbp-login-form .bbp-submit-wrapper button {
    margin: 24px 0; }
.bbp-login-form .bbp-form {
  margin: 0;
  padding: 0; }

.bbp-remember-me label {
  color: #afafaf;
  font-weight: bold;
  font-size: small;
  padding-left: 2px;
  width: 200px; }

div.bbp-template-notice p {
  font-size: 16px;
  line-height: 1.4;
  padding: 0; }

.bbp-forum-description .bbp-author-avatar {
  display: none; }

#bbpress-forums p.bbp-topic-meta img.avatar {
  float: left;
  border: 0;
  margin-right: 10px; }

#bbpress-forums #bbp-user-wrapper h2.entry-title {
  padding-top: 24px; }

.blog a {
  text-decoration: underline; }
.blog h1 a {
  color: #6B6C8D;
  text-decoration: none; }
  .blog h1 a:hover {
    color: #6B6C8D; }
.blog .page_section {
  padding: 0;
  margin: 0; }

.registered {
  color: #6e1511; }

/* begin: wordpres blog styles */
.alignleft {
  float: left;
  margin: 0.5em 3em 2em 0; }

.alignright {
  float: right;
  margin: 2em 3em 0.5em 0; }

.aligncenter {
  margin: auto; }

.full-width .site-content .hentry.has-post-thumbnail:first-child {
  margin-top: -72px; }

.full-width .hentry {
  max-width: 100%; }

.post-thumbnail {
  background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;
  display: block;
  position: relative;
  width: 100%;
  z-index: 0; }

/* end: wordpres blog styles */
.post-edit-link {
  background-color: #f8f8f8;
  padding: .25rem 2rem;
  border-radius: .25rem;
  font-weight: bold;
  color: #ffffff;
  border: 1px solid #afafaf;
  text-decoration: none;
  position: absolute;
  left: 0px;
  top: -60px; }
  .post-edit-link:hover {
    color: #0033cc; }

.listing li {
  line-height: 1.25;
  list-style-type: disc;
  margin: 0 24px;
  padding: 3px 6px; }

.entry-content {
  margin: 0 auto; }
  .entry-content hr {
    margin-bottom: 30px;
    margin-top: 50px; }

.entry-content > img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  max-height: 100%; }

/*doc
---
title: Box
name: box
category: Interface
---

A bordered element containing content. The `.box` should include proper padding where borders are involved.

Used for collection teasers, etc:

```slim_example
.box Some Content
```

Used for event list in sidebar, for example:

```slim_example
.box.box-ticket Some Content
```

*/
.box {
  display: block;
  border-top: 1px solid #afafaf;
  padding: .75rem 0 0; }

.box-ticket {
  border-right: 1px solid #afafaf;
  padding-right: .75rem; }

/*doc
---
title: Buttons
name: btn
category: Interface
---

Buttons with different sizes

```html_example
<a href="#" class="btn">Regular button</a>
<a href="#" class="btn btn-small">Small button</a>
```

*/
.btn, .bbp-login-form .bbp-submit-wrapper button, .wpcf7-submit {
  display: inline-block;
  padding: .5rem .75rem;
  border: 0;
  border-radius: 3px;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  background: #EC2D25;
  cursor: pointer;
  transition: all 0.175s; }
  .btn:hover, .bbp-login-form .bbp-submit-wrapper button:hover, .wpcf7-submit:hover {
    background: #6e1511;
    cursor: pointer; }

.btn-small {
  padding: 0 .25rem;
  font-size: .875rem; }

.btn-full {
  display: block; }

.btn-separator {
  width: 65%; }
  @media (min-width: 48em) {
    .btn-separator {
      text-transform: uppercase;
      width: 35%; } }

.btn-member-text {
  color: #ffffff;
  fill: #6B6C8D;
  font-weight: 800;
  font-size: 1rem;
  transition: color, background-color 0.175s; }

.btn-member {
  border: 4px solid #6B6C8D;
  border-radius: 6px;
  background-color: #ffffff;
  color: #6B6C8D;
  padding: 8px;
  margin-bottom: 30px; }
  @media (min-width: 120em) {
    .btn-member {
      font-size: 24px; } }
  .btn-member:hover {
    color: #ffffff;
    border: 4px solid #0033cc;
    background: #0033cc;
    fill: #ffffff; }

a.btn-member-link {
  font-family: "Roboto", Tahoma, sans-serif;
  text-align: center;
  font-weight: bolder; }

.wpcf7-submit {
  font-family: "Roboto", Tahoma, sans-serif; }

#tribe-events {
  font-family: "Roboto", Tahoma, sans-serif; }

.cta {
  display: block;
  margin: 0;
  clear: both;
  padding-top: 24px;
  padding-bottom: 6px; }
  .cta:first-child {
    padding-top: 0; }
  .cta:before, .cta:after {
    display: table;
    content: ' ';
    clear: both; }
  .cta a {
    transition: color 0.5s ease;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #6e1511;
    text-decoration: none;
    font-weight: bold; }
    .cta a:hover {
      color: #6e1511; }
  .cta span {
    font-weight: bold; }

.cta-social-icon a {
  line-height: 1.25; }

.cta-social-contain {
  display: block;
  width: 100%; }
  .cta-social-contain:after {
    clear: both; }

.cta-reduce {
  padding-top: 0; }

.carousel {
  width: 100%;
  background-color: #ffffff; }
  @media (min-width: 48em) {
    .carousel {
      max-height: 31.25em;
      overflow: hidden; } }

.carousel-footer {
  width: 100%;
  height: 100%;
  padding-bottom: 3%;
  overflow: hidden;
  background-image: url("images/wave-bg.svg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  margin-top: -1px; }
  @media (min-width: 48em) {
    .carousel-footer {
      margin-top: -10px; } }

.slide-title {
  display: none; }

.content:after {
  content: '';
  display: table;
  clear: both;
  float: none; }
.content header {
  text-align: center; }
  .content header img {
    margin: auto;
    height: auto; }
  .content header > .entry-content {
    margin: 0 auto;
    max-width: 474px;
    margin-top: 2rem; }
.content .entry-content img {
  max-width: 100%;
  height: auto; }
.content figure {
  margin: 0;
  max-width: 100%; }

.highlight_thumb > img {
  margin: auto; }

.content-socialList {
  clear: both;
  padding-top: 24px;
  padding-bottom: 6px; }

.content-socialList-indent {
  padding-top: 12px;
  padding-bottom: 36px;
  padding-left: 12px; }

.content-list {
  border-left: 1px solid #afafaf;
  margin-left: .5rem;
  margin-bottom: 5rem;
  padding-left: 1rem; }

.content-image {
  max-height: 600px;
  overflow: hidden; }
  .content-image > img {
    width: 100%;
    max-width: 100%;
    height: auto; }

.content_larger {
  margin-top: 2rem; }

.content-clear:after {
  clear: both;
  content: '';
  display: table; }

.content-image-footer {
  width: 100%;
  height: 100%;
  padding-bottom: 3%;
  overflow: hidden;
  background-image: url("images/wave-bg.svg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  margin-top: -1px; }
  @media (min-width: 48em) {
    .content-image-footer {
      margin-top: -10px; } }

.content.attachmentPage {
  padding: 0 40px; }
  .content.attachmentPage .hdg-large {
    padding: 0;
    display: block; }
  .content.attachmentPage .entry-meta {
    margin-top: 10px; }
  .content.attachmentPage a {
    text-decoration: underline; }
    .content.attachmentPage a:hover {
      cursor: pointer; }

.entry-meta {
  font-size: .875rem;
  margin-top: 40px;
  text-align: left; }
  .entry-meta a {
    color: #6e1511;
    text-decoration: none; }

.entry-content ul {
  margin: 0 0 24px; }
.entry-content li {
  list-style-type: disc;
  margin: 0 24px;
  padding: 3px 6px;
  line-height: 1.25; }
.entry-content .wp-caption-text {
  color: #8a8c8e;
  font-family: 'Lora', serif;
  font-size: .875rem;
  line-height: normal;
  margin: 1rem 0; }

.entry-footer .cat-links {
  color: #666666;
  font-size: .875rem;
  margin-bottom: 1rem; }
  .entry-footer .cat-links a {
    color: #666666;
    text-decoration: none; }
    .entry-footer .cat-links a:hover {
      color: #333333;
      text-decoration: underline; }
.entry-footer:before, .entry-footer:after {
  clear: both;
  content: '';
  display: table; }
.entry-footer .tag-links {
  color: #666666;
  font-size: .875rem;
  margin-bottom: 1rem; }
  .entry-footer .tag-links a {
    color: #666666;
    text-decoration: none; }
    .entry-footer .tag-links a:hover {
      color: #333333;
      text-decoration: underline; }

.entry-date {
  color: #666666; }

.event-list li.event {
  list-style-type: none; }
.event-list .event-date .start-date {
  background-color: #a67871;
  color: #ffffff;
  padding: 4px 0;
  margin-right: 16px; }
.event-list .event-title > * {
  color: #8C5F58; }
.event-list h2 {
  border-bottom: 1px solid #afafaf;
  padding: 16px 0 24px; }

/*doc
---
title: Form Fields
name: field
category: Interface
---

Form field styling, can sometimes influence buttons (`.btn`)

```slim_example
input.field type="text"
```

*/
.field > input {
  display: inline-block;
  width: 100%;
  padding: 0 5px;
  font-family: "Roboto", Tahoma, sans-serif;
  line-height: 31px;
  vertical-align: top;
  border: 3px solid #6e1511;
  border-radius: 4px; }
  .field > input::-webkit-input-placeholder {
    color: #6e1511;
    text-transform: uppercase;
    font-size: .75rem; }
  .field > input:-moz-placeholder {
    /* Firefox 18- */
    color: #6e1511;
    text-transform: uppercase;
    font-size: .75rem; }
  .field > input::-moz-placeholder {
    /* Firefox 19+ */
    color: #6e1511;
    text-transform: uppercase;
    font-size: .75rem; }
  .field > input:-ms-input-placeholder {
    color: #6e1511;
    text-transform: uppercase;
    font-size: .75rem; }

.field-attached {
  display: flex; }
  .field-attached > input {
    flex-grow: 1;
    width: auto;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .field-attached > .btn, .bbp-login-form .bbp-submit-wrapper .field-attached > button, .field-attached > .wpcf7-submit {
    width: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

figure {
  margin: 0;
  max-width: 100%; }
  figure img {
    height: auto; }

.figure, .story_body figure {
  margin: 0; }
  .figure > *, .story_body figure > * {
    display: block; }
  .figure > img, .story_body figure > img,
  .figure > iframe,
  .story_body figure > iframe,
  .figure > video,
  .story_body figure > video {
    width: 100%; }

.figure-right,
.figure-left {
  width: 50%; }

.figure-right {
  float: right;
  margin-left: 1rem; }

.figure-left {
  float: left;
  margin-right: 1rem; }

.figure_img > * {
  width: 100%; }

* + .figure_caption, .story_body * + figcaption,
.figure_caption + *,
.story_body figcaption + * {
  margin-top: .75rem; }

.figure_caption_info {
  display: inline-block;
  margin: .5rem 2rem 1rem 0;
  border-top: 3px solid #6e1511;
  padding-top: 3px;
  min-width: 125px; }
  @media (min-width: 32em) {
    .figure_caption_info {
      float: left;
      margin-top: 0; } }
  @media (min-width: 48em) {
    .figure_caption_info {
      float: none;
      margin-top: .5rem; } }
  @media (min-width: 64em) {
    .figure_caption_info {
      float: left;
      margin-top: 0; } }

.figure_caption_content {
  overflow: hidden; }

.figure_credit, .story_body figcaption .credit {
  margin-left: 2rem;
  float: right;
  font-family: "Roboto", Tahoma, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-style: italic;
  font-size: .8125rem; }

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/
.gallery-item {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin: 0 0 1.5em;
  padding: 0 1em 0 0;
  width: 50%; }

.gallery-columns-1 .gallery-item {
  width: 100%; }

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

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  display: inline-block;
  max-width: 100%; }

.gallery-item a img {
  display: block;
  -webkit-transition: -webkit-filter 0.2s ease-in;
  transition: -webkit-filter 0.2s ease-in;
  transition: filter 0.2s ease-in;
  transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.gallery-item a:hover img,
.gallery-item a:focus img {
  -webkit-filter: opacity(60%);
  filter: opacity(60%); }

.gallery-caption {
  display: block;
  text-align: left;
  padding: 0 10px 0 0;
  margin-bottom: 0; }

.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; }

.hdg, .story_body h1,
.story_body h2,
.story_body h3,
.story_body h4,
.story_body h5,
.story_body h6 {
  display: block;
  font-family: "Roboto", Tahoma, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased; }

h1 {
  color: #8C5F58;
  font-family: "Roboto", Tahoma, sans-serif;
  font-size: 36px;
  font-weight: 500; }

h2 {
  font-family: "Droid Serif", Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-style: italic;
  line-height: 1.5;
  margin-bottom: 16px; }

h3 {
  color: #423E3D;
  font-family: "Roboto", Tahoma, sans-serif;
  font-size: 24px;
  font-weight: 500; }

h5 {
  color: #423E3D;
  font-family: "Roboto", Tahoma, sans-serif;
  font-size: 18px;
  font-weight: 500; }

.hdg-1 {
  font-size: 1.5rem; }

.hdg-2 {
  font-size: 1.3125rem; }

.hdg-3 {
  font-size: 1.25rem; }

.hdg-4 {
  font-size: 1.125rem; }

.hdg-5 {
  font-size: 1rem; }

.hdg-6 {
  font-size: .8125rem; }

.hdg-tag {
  font-weight: bold;
  text-transform: uppercase; }

.hdg-section-light {
  font-weight: normal; }

.hdg-largest {
  color: #ffffff;
  font-family: "Roboto", Tahoma, sans-serif;
  font-style: normal;
  font-size: 28px;
  text-align: left;
  font-weight: bolder;
  line-height: 10rem;
  padding: 20px 40px 20px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 10px;
  max-width: 514px;
  display: inline-block;
  line-height: 1.2; }
  @media (min-width: 32em) {
    .hdg-largest {
      font-size: 36px; } }
  @media (min-width: 48em) {
    .hdg-largest {
      bottom: 20px;
      border-top: 2px solid #ffffff;
      font-size: 48px;
      text-align: center; } }
  @media (min-width: 120em) {
    .hdg-largest {
      font-size: 68px; } }

.hdg-largest-page {
  border-top: 0;
  max-width: 100%;
  text-align: left;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

.hdg-largest-page-no-thumb {
  border-top: 0;
  color: #8C5F58;
  max-width: 100%;
  position: relative;
  text-align: left;
  padding: 30px 0px 29px 0px;
  bottom: 0; }
  .hdg-largest-page-no-thumb.post {
    padding-top: 10px; }

.hdg-slide {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  text-align: center;
  margin: 25% auto 0;
  max-width: 514px;
  width: 100%; }

.hdg-large {
  color: #8C5F58;
  font-size: 18px;
  margin-top: 1rem;
  font-weight: 500;
  padding: 0 40px;
  text-align: left; }
  @media (min-width: 32em) {
    .hdg-large {
      font-size: 24px;
      margin-top: 2rem; } }
  @media (min-width: 48em) {
    .hdg-large {
      padding: 0; } }
  .hdg-large:after {
    clear: both;
    content: ' ';
    display: table;
    margin: .5rem; }
  .hdg-large:before {
    clear: both;
    content: ' ';
    display: table;
    margin: .5rem; }

.hdg-blog {
  border-bottom: 0;
  display: inline;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 1rem; }
  .hdg-blog:after {
    clear: both;
    content: ' ';
    display: table;
    margin: .5rem; }
  .hdg-blog:before {
    clear: both;
    content: ' ';
    display: table;
    margin: 30px; }
  .hdg-blog a {
    color: #333333;
    display: inline-block;
    text-decoration: none; }
    .hdg-blog a:hover {
      text-transform: underline; }

.hdg-homepage {
  display: block;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.25; }

.hdg-connect {
  clear: both;
  display: block;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.25;
  padding: 24px 0 0; }

.hdg-connect-light {
  font-weight: normal; }

.hdg-homepage-light {
  font-weight: normal; }
  .hdg-homepage-light:after {
    margin: .5rem; }
  .hdg-homepage-light:after {
    clear: both;
    content: ' ';
    display: table;
    margin: .5rem; }

.hdg-section {
  border-bottom: 4px solid #6e1511;
  color: #231F20;
  display: inline;
  font-family: "Roboto", Tahoma, sans-serif;
  font-size: 1.375em;
  font-weight: bold;
  letter-spacing: 0;
  padding-top: 1rem;
  text-transform: uppercase; }
  .hdg-section:after {
    content: ' ';
    display: table;
    margin: 1rem; }

.hdg-light {
  color: #6e1511;
  margin: .5rem 0; }

.hdg-medium {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: .25rem;
  text-transform: uppercase; }

.hdg-medium-lowercase {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: .25rem; }

.hdg-red {
  color: #6e1511;
  font-size: .813em;
  font-weight: bold;
  margin-top: 1rem;
  text-decoration: none;
  text-transform: uppercase; }

/*doc
---
title: Horizontal Lists
name: hList
category: Lists
---

For horizontally spacing small pieces of content.

```html_example
<ul class="hList">
  <li>First Item</li>
  <li>Second Item</li>
  <li>Third Item</li>
  <li>Fourth Item</li>
</ul>
```

It can apply to any type of element, such as the unordered list above, or these nested `<div>`s

```html_example
<div class="hList">
  <div>First Item</div>
  <div>Second Item</div>
  <div>Third Item</div>
  <div>Fourth Item</div>
</div>
```
*/
.hList ul > * {
  display: inline-block;
  margin-right: 1rem; }
  .hList ul > *:last-child {
    margin-right: 0; }

.hList-divided > * {
  padding-right: .75rem;
  margin-right: .75rem;
  border-right: none;
  width: 100%; }
  @media (min-width: 48em) {
    .hList-divided > * {
      padding-right: .75rem;
      margin-right: .75rem;
      border-right: 2px solid #ffffff;
      width: auto;
      display: inline; } }
  .hList-divided > *:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0; }

.hList-social:first-child {
  margin-left: 12px; }
.hList-social:last-child {
  margin-right: 12px; }
.hList-social:before, .hList-social:after {
  display: table;
  content: ' ';
  clear: both; }
.hList-social li {
  margin-left: 1rem;
  list-style-type: disc; }

.icon {
  display: inline-block; }

.icon-footer {
  float: none;
  margin: auto;
  fill: #ffffff;
  height: 46px;
  width: 47px;
  display: block; }
  @media (min-width: 48em) {
    .icon-footer {
      float: left;
      margin: 0 22px; } }

.icon-wrapper {
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 20px;
  z-index: 1000; }
  @media (min-width: 48em) {
    .icon-wrapper {
      display: none; } }

.icon-menu-wrapper {
  display: block; }
  @media (min-width: 48em) {
    .icon-menu-wrapper {
      display: none; } }

.icon-menu {
  display: block;
  cursor: pointer;
  fill: #423E3D;
  height: 40px;
  transition: all 0.5s ease;
  width: 40px; }
  @media (min-width: 48em) {
    .icon-menu {
      display: none; } }
  .icon-menu:hover {
    fill: #afafaf; }
  .icon-menu.not-Active {
    display: none; }

.icon-close {
  cursor: pointer;
  fill: #ffffff;
  height: 24px;
  transition: all 0.5s ease;
  width: 24px; }
  .icon-close:hover {
    fill: #afafaf; }

.icon-close-wrapper {
  display: none;
  z-index: 140; }
  @media (min-width: 48em) {
    .icon-close-wrapper {
      display: none; } }
  .icon-close-wrapper.is-Active {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px; }

.icon-link {
  position: absolute;
  bottom: 10px; }

.icon-arrow-right {
  height: 10.2px;
  width: 16.8px; }

/*doc
---
title: Icon Link
name: iconlink
category: Interface
---

Link containing an icon with text vertically centered

```slim_example
a.iconLink
  span.social
  span Link Text
```

*/
.iconLink {
  font-family: "Roboto", Tahoma, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #cccccc; }
  .iconLink:hover {
    color: #dddddd; }
    .iconLink:hover .social,
    .iconLink:hover .social_icon {
      color: #cccccc;
      border-color: #cccccc;
      fill: #cccccc; }
  .iconLink > * {
    margin-left: 1rem;
    vertical-align: middle; }
    .iconLink > *:first-child {
      margin-left: 0; }

/*doc
---
title: Image Tag
name: imgTag
category: Content
---

A tag overlaying an image

```html_example
.imgTag
  img src="http://fillmurray.com/800/400"
  .imgTag_tag
    .btn.btn-small New
```

*/
.imgTag {
  position: relative; }

.imgTag_tag {
  position: absolute;
  top: .5rem;
  right: .5rem; }

/*doc
---
title: Media Object
name: media
category: Content
---

A structure containing an image (or other media) and some associated text, with the image to one side

```slim_example
.media
  .media_figure
    img src="http://placehold.it/300x300"
  .media_content This is the content area for the media element: A structure containing an image (or other media) and some associated text, with the image to one side
```

*/
.media:before, .media:after {
  content: ' ';
  display: table; }
.media:after {
  clear: both; }

.media_figure {
  transition: opacity 0.5s ease;
  float: left;
  margin-right: 1rem;
  background: #ffffff; }

.media_figure-collection {
  float: none;
  margin-bottom: 1rem;
  margin-right: 0;
  width: 100%; }
  @media (min-width: 48em) {
    .media_figure-collection {
      float: left;
      margin-right: 1rem;
      width: 40%; } }
  .media_figure-collection > * {
    margin-bottom: 1rem;
    width: 100%; }
    @media (min-width: 48em) {
      .media_figure-collection > * {
        width: auto; } }

.media_figure_home {
  width: 100%;
  background-color: transparent; }
  @media (min-width: 48em) {
    .media_figure_home {
      max-width: 300px; } }
  @media (min-width: 56em) {
    .media_figure_home {
      max-width: 400px; } }
  .media_figure_home:after {
    content: '';
    display: table;
    clear: both;
    padding-bottom: 2rem; }

.media_figure_eventListing {
  width: 37.5%;
  margin-right: 2rem; }

.media_content {
  width: 100%;
  overflow: hidden; }
  @media (min-width: 48em) {
    .media_content {
      width: auto; } }

.media_content-space:after {
  clear: both;
  content: ' ';
  display: table;
  float: none;
  margin: .5rem; }
.media_content-space:before {
  clear: both;
  content: ' ';
  display: table;
  float: none;
  margin: .5rem; }

.media_content-collection {
  min-width: 300px; }
  @media (min-width: 20em) {
    .media_content-collection {
      min-width: 0;
      width: auto; } }

.menu-mobile {
  background-color: #6D1511;
  color: #ffffff;
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 120; }
  .menu-mobile.is-Active {
    display: block; }

#menu-shop-nav {
  float: left;
  color: #afafaf; }
  #menu-shop-nav a {
    color: #3366ff;
    transition: all .175s; }
    #menu-shop-nav a:hover {
      color: #0033cc; }
  #menu-shop-nav li:first-child {
    margin-left: 0;
    margin-right: 4px; }
  #menu-shop-nav li:last-child {
    margin-right: 0;
    margin-right: 4px; }

/*doc
---
title: Module
name: mod
category: Interface
---

A generic structure containing a header, body, and footer with spacing. Header and footer are optional.

```slim_example
.mod
  .mod_header Header Content
  .mod_body Body Content
  .mod_footer Footer Content
```

*/
.mod_header {
  display: block;
  margin-bottom: .75rem; }

.mod_image {
  display: block;
  margin-bottom: .75rem; }
  .mod_image > * {
    width: 100%; }

.mod_header-condensed {
  margin-bottom: .375rem; }

.mod_footer {
  display: block;
  margin-top: .75rem; }

.mod_body-collection {
  margin-bottom: 2.4rem; }

.mod_info {
  border-top: 1px solid #afafaf; }

.mod_body-ticket {
  margin-right: -.75rem;
  padding: .75rem;
  background-color: #afafaf; }

#nav-below {
  color: #423E3D;
  font-weight: bold;
  font-size: 1rem;
  line-height: 2.5rem; }

.navigation {
  padding-bottom: 32px; }

.page_header {
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #afafaf; }
  .page_header:before, .page_header:after {
    content: ' ';
    display: table; }
  .page_header:after {
    clear: both; }

.page_header_meta {
  float: right;
  margin-left: 1rem; }

.page_image {
  margin-bottom: 1.5rem; }

.page_content {
  font-family: "Droid Serif", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.5;
  padding-top: 32px;
  max-width: 1200px;
  margin: auto; }
  @media (min-width: 120em) {
    .page_content {
      font-size: 24px;
      line-height: 1.8;
      padding: 68px 0;
      max-width: 1920px; } }
  .page_content:before {
    content: '';
    display: table;
    clear: both;
    float: none; }
  .page_content:after {
    content: '';
    display: table;
    clear: both;
    float: none; }
  .page_content.post-content {
    margin-top: 20px;
    padding-top: 0; }

.page_container {
  height: 125px;
  display: block;
  position: relative; }
  .page_container:before {
    content: '';
    display: table;
    clear: both;
    float: none; }
  .page_container:after {
    content: '';
    display: table;
    clear: both;
    float: none; }
  @media (min-width: 32em) {
    .page_container {
      height: 275px; } }
  @media (min-width: 48em) {
    .page_container {
      height: 323px; } }
  @media (min-width: 56em) {
    .page_container {
      height: 335px; } }
  @media (min-width: 64em) {
    .page_container {
      height: 335px; } }
  @media (min-width: 75em) {
    .page_container {
      height: 375px; } }

.page a {
  color: #3366ff;
  text-decoration: underline;
  transition: all .175s; }
  .page a:hover {
    color: #0033cc; }
.page .link-cta {
  padding: 8px;
  border: solid 2px #3366ff;
  border-radius: 2px; }
  .page .link-cta:hover {
    border-color: #0033cc; }
.page article {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px; }
  @media (min-width: 32em) {
    .page article {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 48em) {
    .page article {
      float: left;
      padding-right: 0;
      width: 100%; } }
  @media (min-width: 56em) {
    .page article {
      width: 100%; } }

.page_home {
  margin-top: 84px; }
  @media (min-width: 32em) {
    .page_home {
      margin-top: 108px; } }

.page_gray {
  background-color: #f8f8f8; }

.page-not-found {
  padding: 32px;
  text-align: center; }

.page-note-found-graphic {
  margin: auto;
  text-align: center;
  width: 100%;
  height: 100%; }

.blog a {
  color: #3366ff;
  transition: all .175s; }
  .blog a:hover {
    color: #0033cc; }

.post {
  margin: auto;
  max-width: 1200px;
  padding-bottom: 0px; }
  @media (min-width: 120em) {
    .post {
      max-width: 1200px; } }
  .post:first-child {
    margin: auto; }
  .post:last-child {
    border-bottom: none; }

/* Shop classes */
.shop {
  max-width: 1200px;
  margin: auto; }
  .shop .quantity .qty {
    padding: 5px; }
  .shop.woocommerce-breadcrumb {
    margin: auto;
    padding: 24px; }
  .shop .related.products {
    border-top: 1px solid #afafaf;
    padding-top: 32px; }
    .shop .related.products h2 {
      padding-bottom: 12px; }

.shop-wrapper {
  padding: 0 24px; }

/* product*/
.product-template-default.single-product .header_wrapper {
  padding-bottom: 0; }

.woocommerce input.button.alt {
  background-color: #3366ff; }
  .woocommerce input.button.alt:hover {
    background-color: #0033cc; }
.woocommerce .woocommerce
.woocommerce-message a.button {
  background-color: #3366ff;
  color: #ffffff; }
  .woocommerce .woocommerce
  .woocommerce-message a.button:hover {
    color: #ffffff;
    background-color: #0033cc; }
.woocommerce #ywcnp_form_name_your_price > * {
  display: block; }
.woocommerce .header_wrapper {
  padding-bottom: 0; }
.woocommerce .posted_in, .woocommerce .tagged_as {
  display: block;
  padding-bottom: 12px;
  color: #afafaf; }
  .woocommerce .posted_in a, .woocommerce .tagged_as a {
    color: #ffffff;
    background-color: #cccccc;
    padding: 1px 8px 4px;
    border-radius: 18px; }
    .woocommerce .posted_in a:hover, .woocommerce .tagged_as a:hover {
      color: #cccccc;
      background-color: #666666; }

.woocommerce-cart .sidebar {
  display: none; }

.woocommerce #content {
  max-width: 1200px;
  margin: auto; }

.woocommerce .woocommerce-breadcrumb a {
  color: #6D1511; }
  .woocommerce .woocommerce-breadcrumb a:hover {
    color: #410d0a; }

.woocommerce-products-header__title.page-title {
  padding-bottom: 24px; }

.woocommerce button.button.alt {
  background-color: #3366ff;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.5);
  transition: all 0.175s; }
  .woocommerce button.button.alt:hover {
    background-color: #0033cc;
    box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.3);
    transform: translate(0, -2px); }

.woocommerce a.button.alt {
  background-color: #3366ff;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.8);
  transition: all 0.175s; }
  .woocommerce a.button.alt:hover {
    background-color: #0033cc;
    box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.9);
    transform: translate(0, -2px); }

.woocommerce-product-details__short-description {
  padding: 24px 0; }

.sidebar {
  padding-right: 40px;
  margin: 20px auto;
  padding-left: 40px;
  padding-bottom: 40px;
  padding-top: 40px;
  height: auto;
  width: 100%; }
  .sidebar a {
    color: #423E3D;
    text-decoration: none; }
    .sidebar a:hover {
      color: #423E3D;
      text-decoration: underline; }
  @media (min-width: 48em) {
    .sidebar {
      float: right;
      padding-right: 40px;
      padding-top: 0;
      width: 35%; } }
  @media (min-width: 56em) {
    .sidebar {
      width: 30%; } }

.singlePage {
  padding: 0 1rem; }
  @media (min-width: 48em) {
    .singlePage {
      padding: 0; } }
  .singlePage .container {
    padding: 0; }
  .singlePage .highlight_thumb > img {
    display: block;
    height: 100%;
    width: 100%; }
  .singlePage .entry-content {
    background-color: #ffffff;
    margin: 0 auto;
    max-width: 1200px; }
    @media (min-width: 120em) {
      .singlePage .entry-content {
        max-width: 1200px; } }
  .singlePage .header_text .entry-content {
    max-width: 1200px;
    text-align: left; }
    .singlePage .header_text .entry-content .entry-title {
      margin-top: 1rem; }
  .singlePage .entry-meta {
    font-size: 18px;
    font-family: "Droid Serif", Georgia, "Times New Roman", serif;
    line-height: 1.5; }
  .singlePage .entry-footer {
    border-bottom: 1px solid #cccccc;
    margin: .25rem auto .5rem;
    max-width: 1200px; }
    @media (min-width: 120em) {
      .singlePage .entry-footer {
        max-width: 1200px; } }

/*doc
---
title: Text Sizes
name: size
category: Content
---

Arbitrary text sizes for various content

```html_example
```

*/
.size-xsmall {
  font-size: .7rem; }

.size-small {
  font-size: .85rem; }

.size-medium {
  font-size: 1rem; }

.size-large {
  font-size: 1.25rem; }

.size-xlarge {
  font-size: 1.5em; }

.slideContent-text {
  font-family: "Droid Serif", Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.3;
  text-align: left;
  margin: 0 40px; }
  @media (min-width: 20em) {
    .slideContent-text {
      font-size: 17px;
      line-height: 1.5; } }
  @media (min-width: 32em) {
    .slideContent-text {
      font-size: 18px; } }
  @media (min-width: 48em) {
    .slideContent-text {
      margin: 0;
      padding: 0; } }

.slideContent {
  padding-bottom: 30px;
  max-width: 514px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 48em) {
    .slideContent {
      border-bottom: 2px solid #979797; } }

.slideImg {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  position: relative; }
  .slideImg.slideImg-1 {
    background-image: url("https://www.arttochangetheworld.org/wp-content/uploads/2017/08/atctw_slide_1.jpg");
    background-size: cover; }
  .slideImg.slideImg-2 {
    background-image: url("https://www.arttochangetheworld.org/wp-content/uploads/2017/08/atctw_slide_2.jpg");
    background-size: cover; }
  .slideImg.slideImg-3 {
    background-image: url("https://www.arttochangetheworld.org/wp-content/uploads/2017/08/atctw_slide_3.jpg");
    background-size: cover; }
  .slideImg.pageImg {
    background-size: cover; }

.slideImg-container {
  height: 125px;
  max-width: 1304px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 32em) {
    .slideImg-container {
      height: 275px; } }
  @media (min-width: 48em) {
    .slideImg-container {
      height: 323px; } }
  @media (min-width: 56em) {
    .slideImg-container {
      height: 335px; } }
  @media (min-width: 64em) {
    .slideImg-container {
      height: 335px; } }
  @media (min-width: 75em) {
    .slideImg-container {
      height: 375px; } }
  @media (min-width: 120em) {
    .slideImg-container {
      max-width: 1920px; } }

.slideImg-container a {
  text-decoration: none;
  color: #423E3D; }
  .slideImg-container a h3 {
    color: #6D1511; }
  .slideImg-container a:hover {
    color: #423E3D; }

.social {
  display: inline-block;
  height: 36px;
  width: 36px;
  padding: 5px;
  border: 3px solid #6e1511;
  border-radius: 50px; }

.social_icon > * {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: .5rem; }
  .social_icon > * a {
    text-indent: -9999px;
    position: absolute;
    text-decoration: none; }
  .social_icon > *:after {
    display: block;
    fill: #333333;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 32px;
    height: 32px;
    padding-right: 2rem; }
  .social_icon > *:hover {
    opacity: .75; }

.social_icon_clear {
  clear: both; }

.facebook {
  width: 32px;
  height: 32px;
  background-image: url("images/social-icon-facebook.svg");
  background-repeat: no-repeat; }

.twitter {
  width: 32px;
  height: 32px;
  background-image: url("images/social-icon-twitter.svg");
  background-repeat: no-repeat; }

.instagram {
  width: 32px;
  height: 32px;
  background-image: url("images/social-icon-instagram.svg");
  background-repeat: no-repeat; }

.youtube {
  width: 40px;
  height: 32px;
  background-image: url("images/social-icon-youtube.svg");
  background-repeat: no-repeat; }

.linkedin {
  width: 40px;
  height: 32px;
  background-image: url("images/social-icon-linkedin.svg");
  background-repeat: no-repeat; }

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

.social__item a {
  color: #ffffff;
  text-decoration: none; }
  .social__item a:hover {
    color: #dddddd;
    text-decoration: none; }

.social__item {
  display: inline-block;
  margin-right: 0.05em; }

[class^="icon--"] {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="social__icon"] {
  position: relative;
  top: 0;
  font-size: 1em;
  width: 2em;
  height: 2em;
  color: white;
  text-decoration: none;
  border-radius: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0.25em -0.25em rgba(0, 0, 0, 0.2);
  transition: background-color 150ms ease-in-out, top 250ms linear, box-shadow 250ms linear; }
  [class^="social__icon"]::before {
    position: absolute;
    background-color: #333;
    font-size: 1rem;
    display: block;
    padding: 0.25em 0.5em;
    top: -3.5em;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: top 250ms linear, opacity 150ms linear 150ms; }
  [class^="social__icon"]::after {
    font-size: 1rem;
    content: '';
    position: absolute;
    top: -1.9em;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.5em 0.5em 0 0.5em;
    border-color: #333 transparent transparent transparent;
    opacity: 0;
    transition: top 250ms linear, opacity 150ms linear 150ms; }
  [class^="social__icon"]:hover, [class^="social__icon"]:focus, [class^="social__icon"]:active {
    top: -0.25em;
    box-shadow: 0 0.5em 0.25em -0.25em rgba(0, 0, 0, 0.3);
    outline: none; }
    [class^="social__icon"]:hover::before, [class^="social__icon"]:focus::before, [class^="social__icon"]:active::before {
      opacity: 1;
      top: -2.5em; }
    [class^="social__icon"]:hover::after, [class^="social__icon"]:focus::after, [class^="social__icon"]:active::after {
      opacity: 1;
      top: -0.9em; }

.icon--vimeo::before {
  content: ""; }

.social__icon--vimeo {
  background-color: #1ab7ea; }
  .social__icon--vimeo::before {
    content: "Vimeo"; }
  .social__icon--vimeo:hover, .social__icon--vimeo:focus, .social__icon--vimeo:active {
    background-color: #169cc7; }

.icon--twitter::before {
  content: ""; }

.social__icon--twitter {
  background-color: #1da1f2; }
  .social__icon--twitter::before {
    content: "Twitter"; }
  .social__icon--twitter:hover, .social__icon--twitter:focus, .social__icon--twitter:active {
    background-color: #1989ce; }

.icon--facebook::before {
  content: ""; }

.social__icon--facebook {
  background-color: #3b5998; }
  .social__icon--facebook::before {
    content: "Facebook"; }
  .social__icon--facebook:hover, .social__icon--facebook:focus, .social__icon--facebook:active {
    background-color: #324c81; }

.icon--googleplus::before {
  content: ""; }

.social__icon--googleplus {
  background-color: #dd4b39; }
  .social__icon--googleplus::before {
    content: "Google+"; }
  .social__icon--googleplus:hover, .social__icon--googleplus:focus, .social__icon--googleplus:active {
    background-color: #bc4030; }

.icon--pintrest::before {
  content: ""; }

.social__icon--pintrest {
  background-color: #bd081c; }
  .social__icon--pintrest::before {
    content: "Pintrest"; }
  .social__icon--pintrest:hover, .social__icon--pintrest:focus, .social__icon--pintrest:active {
    background-color: #a10718; }

.icon--linkedin::before {
  content: ""; }

.social__icon--linkedin {
  background-color: #0077b5; }
  .social__icon--linkedin::before {
    content: "LinkedIn"; }
  .social__icon--linkedin:hover, .social__icon--linkedin:focus, .social__icon--linkedin:active {
    background-color: #00659a; }

.icon--dribble::before {
  content: ""; }

.social__icon--dribble {
  background-color: #ea4c89; }
  .social__icon--dribble::before {
    content: "Dribble"; }
  .social__icon--dribble:hover, .social__icon--dribble:focus, .social__icon--dribble:active {
    background-color: #c74174; }

.icon--stumbleupon::before {
  content: ""; }

.social__icon--stumbleupon {
  background-color: #eb4924; }
  .social__icon--stumbleupon::before {
    content: "StumbleUpon"; }
  .social__icon--stumbleupon:hover, .social__icon--stumbleupon:focus, .social__icon--stumbleupon:active {
    background-color: #c83e1f; }

.icon--lastfm::before {
  content: ""; }

.social__icon--lastfm {
  background-color: #d51007; }
  .social__icon--lastfm::before {
    content: "Last.fm"; }
  .social__icon--lastfm:hover, .social__icon--lastfm:focus, .social__icon--lastfm:active {
    background-color: #b50e06; }

.icon--instagram::before {
  content: ""; }

.social__icon--instagram {
  background-color: #5851db; }
  .social__icon--instagram::before {
    content: "Instagram"; }
  .social__icon--instagram:hover, .social__icon--instagram:focus, .social__icon--instagram:active {
    background-color: #4b45ba; }

.icon--dropbox::before {
  content: ""; }

.social__icon--dropbox {
  background-color: #007ee5; }
  .social__icon--dropbox::before {
    content: "Dropbox"; }
  .social__icon--dropbox:hover, .social__icon--dropbox:focus, .social__icon--dropbox:active {
    background-color: #006bc3; }

.icon--soundcloud::before {
  content: ""; }

.social__icon--soundcloud {
  background-color: #ff8800; }
  .social__icon--soundcloud::before {
    content: "Soundcloud"; }
  .social__icon--soundcloud:hover, .social__icon--soundcloud:focus, .social__icon--soundcloud:active {
    background-color: #d97400; }

.icon--behance::before {
  content: ""; }

.social__icon--behance {
  background-color: #1769ff; }
  .social__icon--behance::before {
    content: "Behance"; }
  .social__icon--behance:hover, .social__icon--behance:focus, .social__icon--behance:active {
    background-color: #1459d9; }

.icon--skype::before {
  content: ""; }

.social__icon--skype {
  background-color: #00aff0; }
  .social__icon--skype::before {
    content: "Skype"; }
  .social__icon--skype:hover, .social__icon--skype:focus, .social__icon--skype:active {
    background-color: #0095cc; }

.icon--github::before {
  content: ""; }

.social__icon--github {
  background-color: #333; }
  .social__icon--github::before {
    content: "GitHub"; }
  .social__icon--github:hover, .social__icon--github:focus, .social__icon--github:active {
    background-color: #2b2b2b; }

.icon--flickr::before {
  content: ""; }

.social__icon--flickr {
  background-color: #0063dc; }
  .social__icon--flickr::before {
    content: "Flickr"; }
  .social__icon--flickr:hover, .social__icon--flickr:focus, .social__icon--flickr:active {
    background-color: #0054bb; }

.icon--rss::before {
  content: ""; }

.social__icon--rss {
  background-color: #f26522; }
  .social__icon--rss::before {
    content: "RSS"; }
  .social__icon--rss:hover, .social__icon--rss:focus, .social__icon--rss:active {
    background-color: #ce561d; }

.social__container {
  font-size: 1em;
  margin-top: 16px;
  margin-bottom: 16px; }
  @media only screen and (min-width: 90em) {
    .social__container {
      font-size: 1.5em; } }
  @media only screen and (min-width: 140em) {
    .social__container {
      font-size: 2em; } }

/*doc
---
title: Story
name: story
category: Story
---

Story

```html_example
```

*/
.story {
  margin-bottom: 3rem; }
  .story:before, .story:after {
    content: ' ';
    display: table; }
  .story:after {
    clear: both; }

.story_header {
  margin-bottom: 2rem; }

.story_meta {
  margin: 1rem 0; }

.story_topic {
  text-transform: uppercase;
  font-size: .75rem; }

.story_subhead {
  margin: 0;
  font-family: "Roboto", Tahoma, sans-serif; }

.story_byline {
  font-size: .875rem; }
  .story_byline a {
    color: #3366ff; }

.story_date {
  font-size: .875rem; }

.story_date_updated {
  color: #666666;
  font-style: italic; }

.story_hero {
  margin: 1rem 0; }
  .story_hero img {
    width: 100%; }

.story_caption, .story_body figcaption {
  font-size: .875rem;
  line-height: 1.25;
  color: #666666; }

.story_body {
  font-family: "Roboto", Tahoma, sans-serif;
  line-height: 1.5; }
  .story_body:before, .story_body:after {
    content: ' ';
    display: table; }
  .story_body:after {
    clear: both; }
  .story_body > * {
    margin-bottom: 1rem; }
  .story_body h1,
  .story_body h2,
  .story_body h3,
  .story_body h4,
  .story_body h5,
  .story_body h6 {
    margin: 1em 0 .5em; }
  .story_body p {
    font-weight: 300;
    margin: 0 0 1rem; }
  .story_body ul {
    margin-bottom: 1rem;
    font-weight: 300; }
    .story_body ul > li {
      list-style: disc;
      margin: 0 0 1rem 1.5rem; }
      .story_body ul > li > ul > li {
        list-style: circle; }
  .story_body ol {
    margin-bottom: 1rem;
    font-weight: 300; }
    .story_body ol > li {
      list-style: decimal;
      margin: 0 0 1rem 1.5rem; }
  .story_body blockquote {
    margin: 1em 0;
    padding-left: 2.5rem;
    position: relative;
    quotes: "“" "”"; }
    .story_body blockquote:before, .story_body blockquote:after {
      font-family: "Roboto", Tahoma, sans-serif;
      font-size: 3.5rem;
      font-weight: bold;
      font-style: italic;
      color: #6e1511; }
    .story_body blockquote:before {
      content: open-quote;
      position: absolute;
      left: 0;
      top: -20px; }
    .story_body blockquote:after {
      content: close-quote;
      display: inline-block;
      margin-top: -3.5rem;
      position: relative;
      top: 2rem; }
    .story_body blockquote > * {
      color: #666666;
      line-height: 1.5; }
  .story_body figure {
    margin-bottom: 2rem; }
    @media (max-width: 32em) {
      .story_body figure {
        margin-bottom: 1.5rem; } }
  .story_body iframe {
    width: 100%; }

.story_body-condensed {
  line-height: normal; }

/*doc
---
title: Text Styles
name: text
category: Content
---

## Basic Paragraphs

```html_example
<p>Eam velit legimus accommodare ne, no sint euismod meliore vis. Cum ei feugiat scriptorem. At qui accusam eleifend, eam nonumy phaedrum. His impedit ponderum pericula id. No eos diceret molestiae, pro ei meliore reformidans, in mea alii noster pertinacia.</p>
<p>Id petentium voluptatibus sea, vel id cibo omnis altera. Ei dicat nusquam denique mel. Iudico option vel te, qui ei augue graeci facilisi, rebum efficiendi eum in. Animal pertinacia eloquentiam an eam, vix eu magna munere omittantur.</p>
```

## Lead paragraph

Use the class `.text-lead`

```html_example_table
<p class="text-lead">Eam velit legimus accommodare ne, no sint euismod meliore vis. Cum ei feugiat scriptorem. At qui accusam eleifend, eam nonumy phaedrum. His impedit ponderum pericula id.</p>
<p>Id petentium voluptatibus sea, vel id cibo omnis altera. Ei dicat nusquam denique mel. Iudico option vel te, qui ei augue graeci facilisi, rebum efficiendi eum in.</p>
```

*/
.text-light {
  color: #cccccc; }

.text-sans {
  font-family: "Roboto", Tahoma, sans-serif; }

.text-bold {
  font-weight: bold; }

.text-em {
  font-style: italic; }

.text-linebreak {
  display: block; }
  @media (min-width: 48em) {
    .text-linebreak {
      display: inline; } }

.text-divider {
  border-right: 1px solid #ffffff;
  padding-right: 5px; }

.text-dividerRemove {
  border-left: 0; }
  @media (min-width: 48em) {
    .text-dividerRemove {
      border-right: 1px solid #ffffff;
      padding-right: 5px; } }

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

.text-maroon {
  color: #8C5F58; }

.text-sans {
  font-family: "Roboto", Tahoma, sans-serif; }

/*doc
---
title: Tile
name: tile
category: Interface
---
*/
.tile {
  display: block;
  float: left;
  height: 150px;
  width: 50%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  position: relative; }
  .tile:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(66, 62, 61, 0); }
  @media (min-width: 32em) {
    .tile {
      width: 33.333333333%;
      height: 200px; } }
  @media (min-width: 48em) {
    .tile {
      height: 300px; } }
  @media (min-width: 64em) {
    .tile {
      height: 400px; } }
  .tile:first-child {
    border-bottom: 2px solid #ffffff;
    float: none;
    width: 100%; }
    @media (min-width: 32em) {
      .tile:first-child {
        border-bottom: 0;
        float: left;
        height: 200px;
        width: 33.333333333%; } }
    @media (min-width: 48em) {
      .tile:first-child {
        height: 300px; } }
    @media (min-width: 64em) {
      .tile:first-child {
        height: 400px; } }

.title {
  position: relative; }

.title-wrapper {
  background: #f8f8f8;
  width: 100%;
  padding-left: 72px;
  padding-top: 24px;
  padding-bottom: 12px; }

.title-wrapper_maxwidth {
  max-width: 1200px;
  margin: auto; }

/*doc
---
title: Vertical Lists
name: vList
category: Lists
---

For vertically spacing content.

```html_example
<ul class="vList">
  <li>First Item</li>
  <li>Second Item</li>
  <li>Third Item</li>
  <li>Fourth Item</li>
</ul>
```

It can apply to any type of element, such as the unordered list above, or these nested `<div>`s

```html_example
<div class="vList">
  <div>First Item</div>
  <div>Second Item</div>
  <div>Third Item</div>
  <div>Fourth Item</div>
</div>
```
*/
.vList > * {
  margin-bottom: 1rem; }
  .vList > *:last-child {
    margin-bottom: 0; }

.vList-condensed > * {
  margin-bottom: .5rem; }

.vList-collection > * {
  margin-bottom: 2rem; }

.vList-bullet > * {
  list-style-type: circle;
  margin-left: 1.5rem;
  padding-left: .25rem; }

h3.widget-title {
  border-radius: 6px;
  color: #423E3D;
  display: block;
  font-family: "Roboto", Tahoma, sans-serif;
  font-weight: 800;
  font-size: 1.2rem;
  padding: 16px 0px 8px;
  transition: color, background-color 0.175s; }

.footer {
  background-color: #6D1511;
  color: #ffffff;
  margin: auto;
  text-align: left;
  margin-top: 30px;
  padding-top: 32px;
  padding-bottom: 38px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: .85rem;
  font-weight: bold; }
  .footer:before, .footer:after {
    content: ' ';
    display: table; }
  .footer:after {
    clear: both; }

.footer-wrapper {
  margin: auto;
  max-width: 1200px; }
  @media (min-width: 120em) {
    .footer-wrapper {
      max-width: 1920px; } }

.footer-links {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 32px;
  text-align: center; }
  @media (min-width: 48em) {
    .footer-links {
      font-size: 0.85rem;
      line-height: 1;
      margin-top: 0;
      margin-left: 108px;
      text-align: left; } }

.footer_colophon {
  margin-bottom: 1rem; }
  .footer_colophon:before, .footer_colophon:after {
    content: ' ';
    display: table; }
  .footer_colophon:after {
    clear: both; }

.footer-navContainer {
  text-align: center; }
  @media (min-width: 48em) {
    .footer-navContainer {
      text-align: left; } }
  .footer-navContainer:before, .footer-navContainer:after {
    content: '';
    clear: both;
    float: none;
    display: table; }

.footer_sitemap:before, .footer_sitemap:after {
  content: ' ';
  display: table; }
.footer_sitemap:after {
  clear: both; }

.footer.singlePage {
  background-color: #ffffff;
  padding-right: 6px;
  padding-left: 6px;
  margin: 0 auto;
  max-width: 1440px; }
  .footer.singlePage .nav-previous {
    float: left;
    margin-bottom: 1rem; }
  .footer.singlePage .nav-next {
    float: right; }

.footer.postListings {
  background-color: #ffffff;
  max-width: 800px; }
  .footer.postListings .navigation {
    margin: auto; }
    .footer.postListings .navigation .nav-previous {
      float: left; }
    .footer.postListings .navigation .nav-next {
      float: right; }

.footer_logoWrapper {
  border-right: 1px solid #ffffff;
  display: block;
  margin: auto;
  max-width: 240px;
  padding-right: 10px;
  width: 100%; }
  @media (min-width: 32em) {
    .footer_logoWrapper {
      border-right: 0;
      max-width: 512px;
      padding-left: 0; } }
  @media (min-width: 48em) {
    .footer_logoWrapper {
      border-bottom: 1px solid #ffffff;
      border-top: 1px solid #ffffff;
      display: block;
      max-width: 695px;
      padding: 6px 0 10px; } }

.footer-apmg-logo {
  fill: #ffffff;
  height: 30px;
  width: 192px; }

.footer-apm-logo {
  fill: #ffffff;
  height: 30px;
  width: 129px; }
  @media (min-width: 48em) {
    .footer-apm-logo {
      width: 146px; } }

.footer-mpr-logo {
  fill: #ffffff;
  height: 30px;
  width: 127px; }
  @media (min-width: 48em) {
    .footer-mpr-logo {
      width: 144px; } }

.footer-scpr-logo {
  fill: #ffffff;
  height: 30px;
  width: 193px; }
  @media (min-width: 32em) {
    .footer-scpr-logo {
      width: 193px; } }

.footer-logoPadding {
  padding: 0 19px; }
  @media (min-width: 32em) {
    .footer-logoPadding {
      border-right: 1px solid #ffffff; } }
  .footer-logoPadding:first-child {
    padding-left: 0;
    padding-right: 19px; }
  .footer-logoPadding:nth-child(2) {
    margin-left: 4px;
    margin-top: 10px;
    padding-left: 0; }
    @media (min-width: 32em) {
      .footer-logoPadding:nth-child(2) {
        border-right: 0; } }
    @media (min-width: 48em) {
      .footer-logoPadding:nth-child(2) {
        border-right: 1px solid #ffffff;
        padding-left: 19px; } }
  .footer-logoPadding:nth-child(3) {
    margin-left: 3px;
    margin-top: 10px;
    padding-left: 0; }
    @media (min-width: 32em) {
      .footer-logoPadding:nth-child(3) {
        margin-left: 46px; } }
    @media (min-width: 48em) {
      .footer-logoPadding:nth-child(3) {
        margin: 0;
        padding-left: 19px; } }
  .footer-logoPadding:last-child {
    border: 0;
    margin-left: 30px;
    margin-top: 10px;
    padding-right: 0; }
    @media (min-width: 32em) {
      .footer-logoPadding:last-child {
        margin: 0;
        padding-left: 19px; } }
  @media (min-width: 48em) {
    .footer-logoPadding:nth-child(3) {
      padding: 0 19px;
      margin: 0; } }

.header {
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
  height: 83px;
  width: 100%;
  z-index: 5; }
  @media (min-width: 32em) {
    .header {
      height: 108px; } }

.header_wrapper {
  color: #333333;
  margin: auto;
  max-width: 1200px;
  padding-top: 20px;
  position: relative;
  z-index: 5; }
  @media (min-width: 32em) {
    .header_wrapper {
      padding-bottom: 85px; } }
  @media (min-width: 48em) {
    .header_wrapper {
      padding-left: 14px;
      padding-right: 14px; } }
  @media (min-width: 64em) {
    .header_wrapper {
      max-width: 1200px; } }
  @media (min-width: 120em) {
    .header_wrapper {
      max-width: 1920px; } }

.header_logo {
  height: 38px;
  width: 90px;
  margin-left: 30px; }
  @media (min-width: 20em) {
    .header_logo {
      height: 44px;
      width: 102px; } }
  @media (min-width: 32em) {
    .header_logo {
      height: 58px;
      width: 136px; } }
  @media (min-width: 64em) {
    .header_logo {
      height: 69px;
      width: 161px; } }

.header_banner_logo {
  text-indent: -9999px; }

.header_banner {
  display: inline; }

.home > .headerPage > .header {
  position: absolute;
  height: 84px;
  top: 0;
  width: 100%;
  z-index: 5; }
  @media (min-width: 32em) {
    .home > .headerPage > .header {
      background: #ffffff;
      height: 108px; } }

.home > .headerPage > .header > .header_wrapper {
  color: #333333;
  margin: auto;
  max-width: 1200px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  padding-top: 20px;
  z-index: 5; }
  @media (min-width: 48em) {
    .home > .headerPage > .header > .header_wrapper {
      padding-left: 14px;
      padding-right: 14px; } }
  @media (min-width: 64em) {
    .home > .headerPage > .header > .header_wrapper {
      max-width: 1200px; } }
  @media (min-width: 120em) {
    .home > .headerPage > .header > .header_wrapper {
      max-width: 1920px; } }

.home > .headerPage > .header_logo {
  height: 58px;
  width: 136px; }
  @media (min-width: 64em) {
    .home > .headerPage > .header_logo {
      height: 69px;
      width: 161px; } }

.home > .headerPage > .header_banner_logo {
  text-indent: -9999px; }

.home > .headerPage > .header_banner {
  display: inline; }

.nav {
  display: none; }
  @media (min-width: 48em) {
    .nav {
      float: right;
      display: inline-block;
      list-style: none;
      text-align: left; } }

.nav-footer {
  display: block; }
  .nav-footer:before {
    content: ' ';
    display: table;
    clear: both;
    float: none; }
  .nav-footer:after {
    content: ' ';
    display: table;
    clear: both;
    float: none; }
  @media (min-width: 48em) {
    .nav-footer {
      float: left; } }

.nav_menu {
  transition: all .175s;
  text-decoration: none; }
  .nav_menu li {
    text-align: center;
    margin-top: 24px;
    padding: 5px; }
    @media (min-width: 48em) {
      .nav_menu li {
        display: inline-block;
        margin: 8px 5px;
        padding: 0;
        text-align: left;
        vertical-align: middle;
        width: auto;
        /*tablet desktop menu */ }
        .nav_menu li .sub-menu {
          background: #f8f8f8;
          display: none;
          transition: all 0.175s;
          position: absolute;
          z-index: 100; }
        .nav_menu li:hover {
          border-top: solid 4px #EC2D25;
          margin-top: 4px;
          /* end: tablet desktop menu */ }
          .nav_menu li:hover .sub-menu {
            display: block; }
          .nav_menu li:hover li {
            padding: 6px 12px;
            margin: 0; }
            .nav_menu li:hover li a {
              padding: 2px 0;
              color: #423E3D;
              text-decoration: none; }
          .nav_menu li:hover li:hover {
            border: 0; }
            .nav_menu li:hover li:hover a {
              color: #EC2D25;
              text-decoration: none; } }
  @media (min-width: 48em) and (min-width: 75em) {
    .nav_menu li {
      margin: 8px 10px; } }
  @media (min-width: 48em) and (min-width: 120em) {
    .nav_menu li {
      margin: 8px 16px; } }

  @media (min-width: 48em) {
    .nav_menu {
      margin: 8px 0px; } }
  .nav_menu:before {
    content: ' ';
    display: table; }
  .nav_menu:after {
    content: ' ';
    display: table; }
  .nav_menu a {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.175s; }
    @media (min-width: 48em) {
      .nav_menu a {
        background-color: transparent;
        border-radius: 6px;
        color: #423E3D;
        display: block;
        font-weight: 500;
        font-size: .75rem;
        padding: 8px 0px;
        transition: all 0.175s; } }
    @media (min-width: 64em) {
      .nav_menu a {
        font-size: 1em; } }
    .nav_menu a:hover {
      background-color: transparent;
      color: #afafaf; }
      @media (min-width: 48em) {
        .nav_menu a:hover {
          color: #EC2D25; } }
    .nav_menu a:first-child {
      padding-left: 0; }
  @media (min-width: 48em) {
    .nav_menu > *:first-child {
      padding-left: 0; } }

.nav_menu-footer {
  text-align: center; }
  @media (min-width: 48em) {
    .nav_menu-footer {
      text-align: left; } }
  .nav_menu-footer li {
    display: inline-block;
    vertical-align: middle;
    text-align: center; }
    @media (min-width: 48em) {
      .nav_menu-footer li {
        float: left;
        margin: 8px 2px;
        text-align: left; } }
  .nav_menu-footer:before {
    content: ' ';
    display: table; }
  .nav_menu-footer:after {
    content: ' ';
    display: table; }
  .nav_menu-footer a {
    background-color: transparent;
    border-radius: 6px;
    color: #ffffff;
    display: block;
    font-weight: 500;
    font-size: 1rem;
    padding: 8px 7px;
    transition: color, background-color 0.175s;
    text-decoration: none; }
    @media (min-width: 48em) {
      .nav_menu-footer a {
        padding: .5rem 8px; } }
    .nav_menu-footer a:hover {
      background-color: transparent;
      color: #ffffff;
      text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.85); }
  .nav_menu-footer .nav_menu-homepage {
    text-align: center;
    padding-top: 30px;
    text-decoration: underline; }
    .nav_menu-footer .nav_menu-homepage:last-child {
      background-color: #ffffff;
      border-radius: 6px; }

.nav-shop-menu {
  position: absolute;
  top: 0;
  right: 14px;
  text-align: right; }
  @media (min-width: 64em) {
    .nav-shop-menu {
      right: 20px; } }
  .nav-shop-menu li a {
    color: #6B6C8D;
    text-decoration: none;
    font-size: .75em;
    padding: 0 8px; }
    .nav-shop-menu li a:last-child {
      padding-right: 0; }
    .nav-shop-menu li a:hover {
      color: #3a3b4a;
      text-decoration: none; }
  @media (min-width: 64em) {
    .nav-shop-menu li a {
      font-size: .9em; } }

.nav-shop-menu li {
  transition: all .175s; }
  .nav-shop-menu li.menu-item-2031 a {
    margin-left: 12px;
    padding-left: 18px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(https://www.arttochangetheworld.org/wp-content/themes/atctw_theme/imgs/key.svg); }
  .nav-shop-menu li.menu-item-166 a {
    margin-left: 12px;
    padding-left: 18px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(https://www.arttochangetheworld.org/wp-content/themes/atctw_theme/imgs/shopping_basket.svg); }
  .nav-shop-menu li:nth-child(3) a {
    margin-left: 12px;
    padding-left: 18px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(https://www.arttochangetheworld.org/wp-content/themes/atctw_theme/imgs/mail4.svg); }
  .nav-shop-menu li.menu-item-2033 a {
    margin-left: 12px;
    padding-left: 18px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(https://www.arttochangetheworld.org/wp-content/themes/atctw_theme/imgs/twitter.svg); }
  .nav-shop-menu li.menu-item-2034 a {
    margin-left: 12px;
    padding-left: 18px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(https://www.arttochangetheworld.org/wp-content/themes/atctw_theme/imgs/facebook2.svg); }
  .nav-shop-menu li.menu-item-2035 a {
    margin-left: 12px;
    padding-left: 18px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(https://www.arttochangetheworld.org/wp-content/themes/atctw_theme/imgs/instagram.svg); }
  .nav-shop-menu li.menu-item-11492 a {
    margin-left: 12px;
    padding-left: 18px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(https://www.arttochangetheworld.org/wp-content/themes/atctw_theme/imgs/youtube_logo_icon.svg); }
  .nav-shop-menu li:last-child a {
    color: #EC2D25;
    margin-left: 12px;
    padding-left: 18px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMy4yIDEwLjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEzLjIgMTAuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNFQTJGMjg7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMSw3LjFjLTEuOCwxLjEtMy4xLDIuMy0zLjksMy4xbC0wLjUsMC41bC0wLjUtMC41QzUuMyw5LjQsNCw4LjIsMi4yLDcuMWMtMy4yLTIuMS0yLjctNi45LDEtNi45CgkJYzEuOSwwLDIuOSwxLDMuNCwxLjhDNy4xLDEuMiw4LjEsMC4yLDEwLDAuMkMxMy42LDAuMiwxNC4xLDUsMTEsNy4xeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwLDAuMmMtMS45LDAtMi45LDEtMy40LDEuOEM2LjEsMS4yLDUuMSwwLjIsMy4yLDAuMmMtMy42LDAtNC4xLDQuOS0xLDYuOUM0LDguMiw1LjMsOS40LDYuMSwxMC4ybDAuNSwwLjUKCQlsMC41LTAuNUM3LjksOS40LDkuMiw4LjIsMTEsNy4xQzE0LjEsNSwxMy42LDAuMiwxMCwwLjJ6Ii8+CjwvZz4KPC9zdmc+Cg==); }
    .nav-shop-menu li:last-child a:hover {
      color: #6e1511; }

.nav_menu-mobile li {
  float: left;
  text-align: left;
  padding: 4px; }
  .nav_menu-mobile li > * {
    font-size: 14px; }

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