/*
Theme Name: Fest
Theme URI: http://www.festivalstillenacht.nl
Author: Menno Luitjes
Author URI: http://mennoluitjes.nl
Description: A pleasant theme for festivals. Builds on the Theater for WordPress plugin.
Version: 0.1
Text Domain: wpt-fest
Tags:

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}
body {
  font-size: 1em;
  line-height: 1.4;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */
}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/**
 * 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;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * 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 Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
p {
  margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
big {
  font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}
blockquote,
q {
  quotes: "" "";
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
ul,
ol {
  margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}
select {
  border: 1px solid #ccc;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
  padding: 3px;
}
textarea {
  padding-left: 3px;
  width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #404040;
}
a:visited {
  color: #404040;
}
a:hover,
a:focus,
a:active {
  color: #404040;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}
.hentry {
  margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-caption {
  display: block;
}
.menu-toggle {
  display: none !important;
}
.main-navigation ul {
  display: block !important;
}
.edit-link {
  display: none;
}
#comments {
  display: none;
}
.main-navigation {
  float: none;
}
.main-navigation li {
  float: none;
}
.main-navigation ul ul {
  box-shadow: none;
}
/* navigation/_links */
a {
  color: inherit;
}
a:visited {
  color: inherit;
}
a:hover,
a:focus,
a:active {
  color: inherit;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
/* typography/_typography */
body,
button,
input,
select,
textarea {
  font-family: 'Istok Web', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
}
/* 1100 + padding */
/* 800 + padding */
/* 620 + padding */
/* 800, no padding */
html body {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  padding: 0;
}
html {
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
h1,
h2,
h3,
h4,
p,
blockquote,
ul {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
}
ul {
  list-style-type: none;
}
img {
  max-width: 100%;
  height: auto;
}
button {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
}
/* Typography */
.site-title {
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 64px;
  line-height: 4rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .site-title {
    font-size: 44.800000000000004px;
    font-size: 2.8000000000000003rem;
    line-height: 51.2px;
    line-height: 3.2rem;
    margin-bottom: 25.6px;
    margin-bottom: 1.6rem;
  }
}
@media (max-width: 599px) {
  .site-title {
    font-size: 33.6px;
    font-size: 2.1rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin-bottom: 19.2px;
    margin-bottom: 1.2rem;
  }
}
.site-title a {
  text-decoration: none;
}
.site-description {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .site-description {
    font-size: 19.200000000000003px;
    font-size: 1.2000000000000002rem;
    line-height: 25.6px;
    line-height: 1.6rem;
  }
}
.main-navigation {
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28.799999999999997px;
  font-size: 1.7999999999999998rem;
  line-height: 32px;
  line-height: 2rem;
}
@media (max-width: 767px) {
  .main-navigation {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
.main-navigation div > ul > li:after {
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28.799999999999997px;
  font-size: 1.7999999999999998rem;
  line-height: 32px;
  line-height: 2rem;
}
@media (max-width: 767px) {
  .main-navigation div > ul > li:after {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
.page-header h1,
.entry-header h1,
.page-header h2,
.entry-header h2 {
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 64px;
  line-height: 4rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .page-header h1,
  .entry-header h1,
  .page-header h2,
  .entry-header h2 {
    font-size: 44.800000000000004px;
    font-size: 2.8000000000000003rem;
    line-height: 51.2px;
    line-height: 3.2rem;
    margin-bottom: 25.6px;
    margin-bottom: 1.6rem;
  }
}
@media (max-width: 599px) {
  .page-header h1,
  .entry-header h1,
  .page-header h2,
  .entry-header h2 {
    font-size: 33.6px;
    font-size: 2.1rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin-bottom: 19.2px;
    margin-bottom: 1.2rem;
  }
}
.entry-content ul,
.entry-content ol {
  margin: 0;
  padding: 0;
  padding-left: 2em;
}
.entry-content ul {
  list-style: disc;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content h1,
.entry-content p,
.entry-content blockquote,
.entry-content ul,
.entry-content ol {
  max-width: 800px;
}
.entry-content h2 {
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 48px;
  line-height: 3rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .entry-content h2 {
    font-size: 28.800000000000004px;
    font-size: 1.8000000000000003rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 12.8px;
    margin-bottom: 0.8rem;
  }
}
.entry-content h3 {
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 33.599999999999994px;
  font-size: 2.0999999999999996rem;
  line-height: 48px;
  line-height: 3rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .entry-content h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 25.6px;
    line-height: 1.6rem;
    margin-bottom: 12.8px;
    margin-bottom: 0.8rem;
  }
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content h1 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .entry-content h4,
  .entry-content h5,
  .entry-content h6,
  .entry-content h1 {
    font-size: 19.200000000000003px;
    font-size: 1.2000000000000002rem;
    line-height: 25.6px;
    line-height: 1.6rem;
  }
}
.entry-content p,
.entry-content ul,
.entry-content ol {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .entry-content p,
  .entry-content ul,
  .entry-content ol {
    font-size: 19.200000000000003px;
    font-size: 1.2000000000000002rem;
    line-height: 25.6px;
    line-height: 1.6rem;
  }
}
.entry-content blockquote {
  margin-top: 48px;
  margin-top: 3rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
  padding: 40px;
  background-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .entry-content blockquote {
    padding: 20px;
  }
}
@media (max-width: 599px) {
  .entry-content blockquote {
    padding: 15px;
  }
}
.entry-content p > iframe {
  margin-top: 32px;
  margin-top: 2rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
.entry-content p > .fluid-width-video-wrapper {
  margin-top: 48px;
  margin-top: 3rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}
.entry-content > figure {
  margin-top: 48px;
  margin-top: 3rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
.entry-content > figure img {
  display: block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.entry-content > figure figcaption {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  font-size: 15px;
  font-size: 0.9375rem;
  text-align: center;
}
@media (max-width: 767px) {
  .entry-content > figure figcaption {
    font-size: 19.200000000000003px;
    font-size: 1.2000000000000002rem;
    line-height: 25.6px;
    line-height: 1.6rem;
  }
}
@media (max-width: 767px) {
  .entry-content > figure figcaption {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 25.6px;
    line-height: 1.6rem;
  }
}
.entry-content p > img {
  display: block;
  margin-top: 48px;
  margin-top: 3rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}
.entry-content > div {
  margin-top: 48px !important;
  margin-top: 3rem !important;
  margin-bottom: 48px !important;
  margin-bottom: 3rem !important;
}
.entry-footer > span:not(.edit-link) {
  display: block;
}
.content-area a,
.widget-area a {
  color: inherit;
}
.content-area a:hover,
.widget-area a:hover {
  opacity: 0.7;
}
.content-area a.tel,
.widget-area a.tel {
  text-decoration: none;
}
.content-area a.button,
.widget-area a.button {
  display: inline-block;
  padding: 15px;
  margin-right: 20px;
  color: #fff;
}
.content-area a.button.tickets,
.widget-area a.button.tickets {
  display: inline-block;
  padding: 15px;
  margin-right: 20px;
  color: #fff;
}
.widget-area .widget h2.widget-title {
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 48px;
  line-height: 3rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .widget-area .widget h2.widget-title {
    font-size: 28.800000000000004px;
    font-size: 1.8000000000000003rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 12.8px;
    margin-bottom: 0.8rem;
  }
}
.widget-area .widget p {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .widget-area .widget p {
    font-size: 19.200000000000003px;
    font-size: 1.2000000000000002rem;
    line-height: 25.6px;
    line-height: 1.6rem;
  }
}
.site-footer h2 {
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 48px;
  line-height: 3rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .site-footer h2 {
    font-size: 28.800000000000004px;
    font-size: 1.8000000000000003rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 12.8px;
    margin-bottom: 0.8rem;
  }
}
.site-header {
  position: relative;
}
.site-header > .inner {
  position: relative;
}
.site-header .header-image {
  max-width: 1180px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
}
@media (max-width: 767px) {
  .site-header .header-image {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 599px) {
  .site-header .header-image {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .site-header .header-image {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 599px) {
  .site-header .header-image {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.site-header .site-branding {
  max-width: 1180px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .site-header .site-branding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 599px) {
  .site-header .site-branding {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .site-header .site-branding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 599px) {
  .site-header .site-branding {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.site-header .site-branding .custom-logo-link img,
.site-header .site-branding .site-logo-link img {
  width: 240px;
  max-width: 40%;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
.site-header .site-branding .main-navigation div > ul > li {
  display: inline-block;
  margin-right: 20px;
}
.site-header .site-branding .main-navigation div > ul > li:last-child {
  margin-right: 0;
}
.site-header .site-branding .main-navigation div > ul > li a {
  display: inline-block;
  text-decoration: none;
}
.site-header .site-branding .main-navigation div > ul > li:after {
  content: '|';
  display: inline-block;
  margin-left: 20px;
  position: relative;
  top: -3px;
  color: inherit;
}
.site-header .site-branding .main-navigation div > ul > li:last-child:after {
  display: none;
}
@media (max-width: 1023px) {
  .site-header .site-branding .main-navigation {
    display: none;
  }
}
@media (max-width: 767px) {
  .site-header .header-image {
    padding-top: 70px;
  }
  .site-header .site-branding {
    padding-top: 20px;
  }
}
@media (max-width: 599px) {
  .site-header .header-image {
    padding-top: 120px;
  }
  .site-header .site-branding {
    padding-top: 15px;
  }
  .site-header .site-branding .main-navigation div > ul > li {
    display: block;
  }
  .site-header .site-branding .main-navigation div > ul > li:after {
    display: none;
  }
}
#content {
  max-width: 1180px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 32px;
  padding-bottom: 2rem;
}
@media (max-width: 767px) {
  #content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 599px) {
  #content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#content .content-area .entry-header img {
  display: block;
  width: 100%;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}
#content .widget-area {
  border-top: 3px solid;
  padding-top: 48px;
  padding-top: 3rem;
}
#content .widget-area .widget {
  margin-bottom: 48px;
  margin-bottom: 3rem;
}
.site-footer {
  padding-top: 64px;
  padding-top: 4rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
}
.site-footer .inner {
  max-width: 1180px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  overflow: auto;
}
@media (max-width: 767px) {
  .site-footer .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 599px) {
  .site-footer .inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.site-footer .inner .col {
  width: 46%;
  float: left;
}
.site-footer .inner .col1 {
  margin-right: 4%;
}
.site-footer .inner .col2 {
  margin-left: 4%;
}
@media (max-width: 767px) {
  .site-footer .inner .col {
    width: 100%;
    float: none;
  }
  .site-footer .inner .col1,
  .site-footer .inner .col2 {
    margin: 0;
  }
  .site-footer .inner .col1 {
    margin-bottom: 48px;
    margin-bottom: 3rem;
  }
}
.site-footer .inner .widget-area .widget {
  margin-bottom: 48px;
  margin-bottom: 3rem;
}
.site-footer .inner .site-info {
  clear: both;
  display: none;
}
header.site-header .slicknav_menu {
  display: none;
  max-width: 1180px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 767px) {
  header.site-header .slicknav_menu {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 599px) {
  header.site-header .slicknav_menu {
    padding-left: 15px;
    padding-right: 15px;
  }
}
header.site-header .slicknav_menu .slicknav_btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  padding: 15px;
  line-height: 1;
  text-decoration: none;
}
header.site-header .slicknav_menu .slicknav_btn .slicknav_icon:before {
  content: '\f0c9';
  font-family: FontAwesome;
}
header.site-header .slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar {
  display: none;
}
header.site-header .slicknav_menu .slicknav_nav {
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28.799999999999997px;
  font-size: 1.7999999999999998rem;
  line-height: 32px;
  line-height: 2rem;
}
@media (max-width: 767px) {
  header.site-header .slicknav_menu .slicknav_nav {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
header.site-header .slicknav_menu .slicknav_nav ul > li a {
  text-decoration: none;
}
@media (max-width: 1023px) {
  header.site-header .slicknav_menu {
    display: block;
  }
}
.wp_theatre_container > a {
  display: block;
}
.wpt_listing > .wp_theatre_prod,
.wpt_listing > .wp_theatre_event {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.wpt_listing > .wp_theatre_prod .wp_theatre_container,
.wpt_listing > .wp_theatre_event .wp_theatre_container {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14.399999999999999px;
  font-size: 0.8999999999999999rem;
  line-height: 24px;
  line-height: 1.5rem;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .wpt_listing > .wp_theatre_prod .wp_theatre_container,
  .wpt_listing > .wp_theatre_event .wp_theatre_container {
    font-size: 19.200000000000003px;
    font-size: 1.2000000000000002rem;
    line-height: 25.6px;
    line-height: 1.6rem;
  }
}
@media (max-width: 767px) {
  .wpt_listing > .wp_theatre_prod .wp_theatre_container,
  .wpt_listing > .wp_theatre_event .wp_theatre_container {
    font-size: 14.399999999999999px;
    font-size: 0.8999999999999999rem;
    line-height: 19.200000000000003px;
    line-height: 1.2000000000000002rem;
  }
}
.wpt_listing > .wp_theatre_prod .wp_theatre_container figure,
.wpt_listing > .wp_theatre_event .wp_theatre_container figure {
  max-height: 180px;
  overflow: hidden;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
.wpt_listing > .wp_theatre_prod .wp_theatre_container figure a,
.wpt_listing > .wp_theatre_event .wp_theatre_container figure a {
  display: block !important;
}
.wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_prod_title,
.wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_prod_title,
.wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_event_title,
.wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_event_title {
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
}
@media (max-width: 767px) {
  .wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_prod_title,
  .wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_prod_title,
  .wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_event_title,
  .wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_event_title {
    font-size: 19.200000000000003px;
    font-size: 1.2000000000000002rem;
    line-height: 25.6px;
    line-height: 1.6rem;
  }
}
.wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_prod_title a,
.wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_prod_title a,
.wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_event_title a,
.wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_event_title a {
  text-decoration: none;
}
.wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_event_datetime .wp_theatre_event_startdate,
.wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_event_datetime .wp_theatre_event_startdate,
.wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_event_datetime .wp_theatre_event_starttime,
.wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_event_datetime .wp_theatre_event_starttime {
  display: inline;
}
.wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_event_datetime .wp_theatre_event_startdate:after,
.wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_event_datetime .wp_theatre_event_startdate:after {
  content: ', ';
}
.wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_event_datetime .wp_theatre_event_starttime,
.wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_event_datetime .wp_theatre_event_starttime {
  white-space: nowrap;
}
.wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_event_tickets .wp_theatre_event_tickets_url,
.wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_event_tickets .wp_theatre_event_tickets_url {
  display: inline-block;
  padding: 15px;
  margin-right: 20px;
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14.399999999999999px;
  font-size: 0.8999999999999999rem;
  line-height: 24px;
  line-height: 1.5rem;
  text-transform: uppercase;
  padding: 2px 8px 0px 8px;
  text-decoration: none;
  margin: 6.4px 0;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_event_tickets .wp_theatre_event_tickets_url,
  .wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_event_tickets .wp_theatre_event_tickets_url {
    font-size: 19.200000000000003px;
    font-size: 1.2000000000000002rem;
    line-height: 25.6px;
    line-height: 1.6rem;
  }
}
@media (max-width: 767px) {
  .wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_event_tickets .wp_theatre_event_tickets_url,
  .wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_event_tickets .wp_theatre_event_tickets_url {
    font-size: 14.399999999999999px;
    font-size: 0.8999999999999999rem;
    line-height: 19.200000000000003px;
    line-height: 1.2000000000000002rem;
  }
}
.wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_event_tickets .wp_theatre_event_prices,
.wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_event_tickets .wp_theatre_event_prices {
  display: inline-block;
}
#page #content .content-area .wpt_listing {
  overflow: auto;
}
#page #content .content-area .wpt_listing > .wp_theatre_prod,
#page #content .content-area .wpt_listing > .wp_theatre_event {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  padding-right: 20px;
  margin-bottom: 20px;
}
#page #content .content-area .wpt_listing > .wp_theatre_prod .wp_theatre_container > a,
#page #content .content-area .wpt_listing > .wp_theatre_event .wp_theatre_container > a {
  text-decoration: none;
  padding: 20px;
  padding-top: 0 !important;
}
@media (max-width: 599px) {
  #page #content .content-area .wpt_listing > .wp_theatre_prod .wp_theatre_container > a,
  #page #content .content-area .wpt_listing > .wp_theatre_event .wp_theatre_container > a {
    padding: 5px;
  }
}
#page #content .content-area .wpt_listing > .wp_theatre_prod .wp_theatre_container > a figure,
#page #content .content-area .wpt_listing > .wp_theatre_event .wp_theatre_container > a figure {
  margin-left: -20px;
  margin-right: -20px;
}
#page #content .content-area .wpt_listing > .wp_theatre_prod .wp_theatre_container > div,
#page #content .content-area .wpt_listing > .wp_theatre_event .wp_theatre_container > div {
  padding: 20px;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 599px) {
  #page #content .content-area .wpt_listing > .wp_theatre_prod .wp_theatre_container > div,
  #page #content .content-area .wpt_listing > .wp_theatre_event .wp_theatre_container > div {
    padding: 5px;
  }
}
#page #content .content-area .wpt_listing > .wp_theatre_prod .wp_theatre_container > div:last-child,
#page #content .content-area .wpt_listing > .wp_theatre_event .wp_theatre_container > div:last-child {
  padding: 20px;
  padding-top: 0;
}
@media (max-width: 599px) {
  #page #content .content-area .wpt_listing > .wp_theatre_prod .wp_theatre_container > div:last-child,
  #page #content .content-area .wpt_listing > .wp_theatre_event .wp_theatre_container > div:last-child {
    padding: 5px;
  }
}
@media (min-width: 767px) {
  #page #content .content-area .wpt_listing > .wp_theatre_prod,
  #page #content .content-area .wpt_listing > .wp_theatre_event {
    width: 33.3%;
  }
}
@media (max-width: 767px) {
  #page #content .content-area .wpt_listing > .wp_theatre_prod,
  #page #content .content-area .wpt_listing > .wp_theatre_event {
    width: 50%;
  }
}
@media (max-width: 599px) {
  #page #content .content-area .wpt_listing > .wp_theatre_prod,
  #page #content .content-area .wpt_listing > .wp_theatre_event {
    padding-right: 10px;
  }
  #page #content .content-area .wpt_listing > .wp_theatre_prod .wp_theatre_container > a figure,
  #page #content .content-area .wpt_listing > .wp_theatre_event .wp_theatre_container > a figure {
    margin-bottom: 6.4px;
    margin-bottom: 0.4rem;
    margin-left: -5px;
    margin-right: -5px;
  }
}
.widget-area .widget_wpt_production_events_widget .wpt_listing > .wp_theatre_prod .wp_theatre_container figure,
.widget-area .widget_wpt_production_events_widget .wpt_listing > .wp_theatre_event .wp_theatre_container figure {
  display: none;
}
.widget-area .widget_wpt_production_events_widget .wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_prod_title,
.widget-area .widget_wpt_production_events_widget .wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_prod_title,
.widget-area .widget_wpt_production_events_widget .wpt_listing > .wp_theatre_prod .wp_theatre_container .wp_theatre_event_title,
.widget-area .widget_wpt_production_events_widget .wpt_listing > .wp_theatre_event .wp_theatre_container .wp_theatre_event_title {
  display: none;
}
.site-footer .inner .fb-container {
  width: 100%;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}
.site-footer .inner .fb-container .fb-page {
  width: 100%;
}
.site-footer .inner .fb-container .fb-page span {
  width: 100% !important;
}
footer .mc4wp-form {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 20px;
}
@media (max-width: 599px) {
  footer .mc4wp-form {
    padding: 5px;
  }
}
@media (max-width: 767px) {
  #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item {
    width: 25%;
  }
}
@media (max-width: 599px) {
  #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item {
    width: 33.333%;
  }
}
.issuuembed {
  position: relative;
  padding-bottom: 70%;
  /* set the aspect ratio here as (height / width) * 100% */
  overflow: hidden;
  width: 100% !important;
  height: 0 !important;
  max-width: 100%;
}
.issuuembed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.post-navigation {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: none;
}
body.blog .entry-title,
body.archive .entry-title,
body.single-post .entry-title,
.wpt_fest_posts .entry-title {
  display: inline;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 33.599999999999994px;
  font-size: 2.0999999999999996rem;
  line-height: 48px;
  line-height: 3rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  body.blog .entry-title,
  body.archive .entry-title,
  body.single-post .entry-title,
  .wpt_fest_posts .entry-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 25.6px;
    line-height: 1.6rem;
    margin-bottom: 12.8px;
    margin-bottom: 0.8rem;
  }
}
body.blog .entry-meta,
body.archive .entry-meta,
body.single-post .entry-meta,
.wpt_fest_posts .entry-meta {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  padding-top: 15px;
  padding-top: 0.9375rem;
}
@media (max-width: 767px) {
  body.blog .entry-meta,
  body.archive .entry-meta,
  body.single-post .entry-meta,
  .wpt_fest_posts .entry-meta {
    font-size: 19.200000000000003px;
    font-size: 1.2000000000000002rem;
    line-height: 25.6px;
    line-height: 1.6rem;
  }
}
body.blog .entry-meta .posted-on,
body.archive .entry-meta .posted-on,
body.single-post .entry-meta .posted-on,
.wpt_fest_posts .entry-meta .posted-on {
  white-space: nowrap;
}
body.blog #content .content-area article,
body.archive #content .content-area article,
body.single-post #content .content-area article,
body #content .content-area .wpt_fest_posts article {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
body.blog #content .content-area article .entry-header img,
body.archive #content .content-area article .entry-header img,
body.single-post #content .content-area article .entry-header img,
body #content .content-area .wpt_fest_posts article .entry-header img {
  width: 40%;
  display: inline;
  float: left;
  padding-right: 20px;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
body.blog #content .content-area article .entry-footer,
body.archive #content .content-area article .entry-footer,
body.single-post #content .content-area article .entry-footer,
body #content .content-area .wpt_fest_posts article .entry-footer {
  display: none;
}
body.blog #content .content-area,
body.archive #content .content-area,
body #content .content-area .wpt_fest_posts {
  width: 70%;
  margin-right: 6%;
}
body.blog #content .content-area article .entry-content,
body.archive #content .content-area article .entry-content,
body #content .content-area .wpt_fest_posts article .entry-content {
  display: none;
}
@media (max-width: 767px) {
  body.blog #content .content-area,
  body.archive #content .content-area,
  body #content .content-area .wpt_fest_posts {
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width: 599px) {
  body.blog #content .content-area article .entry-header .entry-meta,
  body.archive #content .content-area article .entry-header .entry-meta,
  body #content .content-area .wpt_fest_posts article .entry-header .entry-meta {
    display: none;
  }
}
body.single-post #content .content-area article .entry-header img {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
body.single-post #content .content-area article .entry-content {
  margin-top: 32px;
  margin-top: 2rem;
}
body.single #page #content,
body.page:not(.home):not(.page-template-page-full-width) #page #content {
  overflow: auto;
}
body.single #page #content .content-area,
body.page:not(.home):not(.page-template-page-full-width) #page #content .content-area {
  width: 70%;
  float: left;
  margin-right: 6%;
}
body.single #page #content .widget-area,
body.page:not(.home):not(.page-template-page-full-width) #page #content .widget-area {
  width: 24%;
  float: left;
  border-top: none;
  padding-top: 96px;
  padding-top: 6rem;
}
body.single #page #content .widget-area .widget h2.widget-title,
body.page:not(.home):not(.page-template-page-full-width) #page #content .widget-area .widget h2.widget-title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  body.single #page #content .widget-area .widget h2.widget-title,
  body.page:not(.home):not(.page-template-page-full-width) #page #content .widget-area .widget h2.widget-title {
    font-size: 19.200000000000003px;
    font-size: 1.2000000000000002rem;
    line-height: 25.6px;
    line-height: 1.6rem;
  }
}
@media (max-width: 767px) {
  body.single #page #content .content-area,
  body.page:not(.home):not(.page-template-page-full-width) #page #content .content-area,
  body.single #page #content .widget-area,
  body.page:not(.home):not(.page-template-page-full-width) #page #content .widget-area {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  body.single #page #content .widget-area,
  body.page:not(.home):not(.page-template-page-full-width) #page #content .widget-area {
    padding-top: 0;
  }
}
body.error404 section.error-404 {
  margin-bottom: 3em;
}
