@charset "UTF-8";
/*
 * Theme Name: vancouver-international-childrens-festival
 * Theme URI: https://bitbucket.org/out-smarts/childrens-festival/
 * Description: Theme created by Christine Rondeau for Raised Eyebrow Studios
 * Author: Christine Rondeau
 * Version: 1.0.0
 * License: MIT
 * Text Domain: cft
*/
@import url("//hello.myfonts.net/count/2cea73");
.hide {
  display: none;
}

/* @import ( for Clarendon ) must be at top of file, otherwise CSS will not work */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 16, 2014 */
@font-face {
  font-family: "marujoregular";
  src: url("css/webfonts/marujo-webfont.eot");
  src: url("css/webfonts/marujo-webfont.eot?#iefix") format("embedded-opentype"), url("css/webfonts/marujo-webfont.woff2") format("woff2"), url("css/webfonts/marujo-webfont.woff") format("woff"), url("css/webfonts/marujo-webfont.ttf") format("truetype"), url("css/webfonts/marujo-webfont.svg#marujoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ClarendonBT-Roman";
  src: url("css/webfonts/2CEA73_0_0.eot");
  src: url("css/webfonts/2CEA73_0_0.eot?#iefix") format("embedded-opentype"), url("css/webfonts/2CEA73_0_0.woff2") format("woff2"), url("css/webfonts/2CEA73_0_0.woff") format("woff"), url("css/webfonts/2CEA73_0_0.ttf") format("truetype");
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

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

html, body {
  overflow-x: hidden;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

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

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

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

/* 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:hover, .screen-reader-text:active, .screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  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 */
}

body,
button,
input,
select,
textarea {
  color: #333;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
}

p, ul, ol, table, td, th, dl, dd, dt {
  font-size: 16px;
  font-size: 1.6rem;
}

p.button-p {
  margin-bottom: 8px;
}

p {
  margin-bottom: 1.5em;
}

b, strong {
  font-weight: bold;
}

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: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

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

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

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

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

a {
  color: #00458a;
  -webkit-transition: 0.2s, ease-in-out;
  transition: 0.2s, ease-in-out;
}
a:visited {
  color: #00458a;
}
a:hover, a:focus, a:active {
  color: #72ac31;
}
a.more-link, a.comment-reply-link {
  text-transform: uppercase;
  text-decoration: none;
}
a.button {
  -webkit-transition: 0s, ease-in-out;
  transition: 0s, ease-in-out;
  color: #fff;
  text-decoration: none;
}
a.button:hover {
  color: #fff;
  text-decoration: none;
}

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

h1, h2, h3, h4, h5, h6 {
  color: #333;
  font-family: "ClarendonBT-Roman", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, Times, "Times New Roman", serif;
  letter-spacing: 1px;
}

h1 {
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.2;
  margin: 0 0 10px;
}
@media screen and (max-width: 48em) {
  h1 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 37.5em) {
  h1 {
    font-size: 30px;
    font-size: 3rem;
  }
}

a h5,
h2 a,
h2.post-title a {
  color: #00458a;
  margin: 5px 0 10px;
  text-decoration: none;
}
a h5:hover,
h2 a:hover,
h2.post-title a:hover {
  text-decoration: underline;
}

h2 {
  color: #00a2d8;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "marujoregular", "cursive";
  margin: 5px 0 10px;
}
h2.featured-performer-title, .home h2 {
  font-size: 22px;
  font-size: 2.2rem;
}
h2.featured-performer-title a, .home h2 a {
  color: #00a2d8;
}
h3 {
  color: #94c94e;
  font-size: 22px;
  font-size: 2.2rem;
  margin: 5px 0 0;
}

h4 {
  color: #811067;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "marujoregular", "cursive";
  font-weight: 700;
  text-transform: uppercase;
}
h4.sidebar-widget {
  color: #00458a;
  font-family: "ClarendonBT-Roman", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, Times, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: 1.5px;
  margin: 8px 0 0;
  text-transform: none;
}
h4.footer-widget {
  color: #fff;
  font-family: "ClarendonBT-Roman", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, Times, "Times New Roman", serif;
  font-weight: 400;
  margin: 10px 0;
  text-transform: none;
}
h4.supporter-heading {
  padding: 25px 0 5px;
}

h4.ribbon a {
  background: url(images/ribbon_bg.png) top right no-repeat;
  display: inline-block;
  color: #fff;
  height: 49px;
  font-family: "ClarendonBT-Roman", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, Times, "Times New Roman", serif;
  font-size: 15px;
  font-size: 1.5rem;
  margin-left: -3.78378378%;
  /* 28/ 740 */
  padding: 15px 80px 0 30px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
@media screen and (max-width: 37.5em) {
  h4.ribbon a {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 15px 35px 0 20px;
  }
}
h4.ribbon a:hover {
  background: url(images/ribbon_bg_hover.png) top right no-repeat;
}
h4.ribbon a:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 0px;
  top: 100%;
  border-width: 5px 0.5em;
  border-style: solid;
  border-color: #002e2c #002e2c transparent transparent;
}

h5 {
  color: #00a2d8;
  font-size: 20px;
  font-size: 2rem;
}
h5.latest-news-title {
  font-size: 17px;
  font-size: 1.7rem;
}
h5.all-performers a {
  color: #00458a;
  font-family: "marujoregular", "cursive";
  text-decoration: none;
}
h5.all-performers a:hover {
  text-decoration: underline;
}

h6 {
  color: #d9629d;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}

blockquote {
  background: url(images/quote.png) 50% 0 no-repeat;
  color: #333;
  font-family: "ClarendonBT-Roman", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, Times, "Times New Roman", serif;
  margin: 20px 0;
  padding: 40px 15% 0;
  text-align: center;
}
blockquote p {
  font-size: 17px;
  font-size: 1.7rem;
}
blockquote small {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
}

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

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

ul {
  list-style-image: url(images/bullet-star.png);
}
ul ul {
  list-style-image: url(images/bullet-dot.png);
}

ol {
  margin-left: 0;
  padding-right: 0;
  list-style-type: none;
}
ol li {
  counter-increment: step-counter;
}
ol li:before {
  content: counter(step-counter);
  color: #94c94e;
  font-family: "marujoregular", "cursive";
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-right: 5px;
  padding: 3px 8px;
}
ol ul {
  list-style-image: url(images/bullet-dot.png);
}
ol ul li {
  content: none;
}

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

dl {
  margin: 16px 0;
}

dt {
  font-weight: bold;
  margin: 0 0 16px 0;
  padding-left: 40px;
  position: relative;
}
dt .icon {
  position: absolute;
  left: 0;
  top: 4px;
  fill: #811067;
}
dt .icon--audio {
  stroke: #811067;
}
dt .icon--in-person {
  left: 3px;
}

dd {
  margin: 0 0 16px 0;
}

@media screen and (min-width: 48em) {
  dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  dt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    padding-right: 8px;
  }

  dd {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
  }
}
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
}
table td {
  background: #f1f1ee;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  font-weight: bold;
  padding: 10px 20px 8px;
}
table th {
  background: #811067;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #fff;
  padding: 10px 20px;
}

.childrens-schedule-full,
.show-times {
  border: none;
  line-height: 24px;
}
.childrens-schedule-full th,
.show-times th {
  background: none;
  border: none;
  border-bottom: 3px solid #811067;
  color: #2D0624;
  font-weight: bold;
  padding: 8px 16px;
}
.childrens-schedule-full th + th,
.childrens-schedule-full td + td,
.show-times th + th,
.show-times td + td {
  text-align: center;
}
.childrens-schedule-full td,
.show-times td {
  background: none;
  border: none;
  font-weight: normal;
  padding: 12px 16px;
}
.childrens-schedule-full tr + tr th,
.show-times tr + tr th {
  padding-top: 24px;
}
.childrens-schedule-full .icon,
.show-times .icon {
  fill: #811067;
}
.childrens-schedule-full .icon--audio,
.show-times .icon--audio {
  stroke: #811067;
}

.show-times__wrapper {
  max-width: 100%;
  overflow: auto;
}
.show-times__headings .icon {
  position: relative;
  top: 4px;
  left: -5px;
}
.show-times__showing--odd {
  background: #f1eef1;
}
.show-times--recording .show-times__showing td, .show-times--live .show-times__showing td {
  position: relative;
}
.show-times--recording .show-times__showing .btn--buy, .show-times--live .show-times__showing .btn--buy {
  min-width: 110px;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.show-times--recording .show-times__showing .btn--buy:active, .show-times--live .show-times__showing .btn--buy:active {
  margin: 1px 0 0 1px;
}
.lang-french .show-times--recording .show-times__showing .btn--buy, .lang-french .show-times--live .show-times__showing .btn--buy {
  min-width: 185px;
}
.show-times--recording .show-times__showing .btn--buy:focus,
.show-times--recording .show-times__showing .btn--buy:hover, .show-times--recording .show-times__showing:hover .btn--buy, .show-times--live .show-times__showing .btn--buy:focus,
.show-times--live .show-times__showing .btn--buy:hover, .show-times--live .show-times__showing:hover .btn--buy {
  opacity: 1;
}
.show-times--recording .show-times__showing .btn--buy:focus + .check,
.show-times--recording .show-times__showing .btn--buy:hover + .check, .show-times--recording .show-times__showing:hover .btn--buy + .check, .show-times--live .show-times__showing .btn--buy:focus + .check,
.show-times--live .show-times__showing .btn--buy:hover + .check, .show-times--live .show-times__showing:hover .btn--buy + .check {
  opacity: 0;
}
.show-times--recording .show-times__showing .sold-out, .show-times--live .show-times__showing .sold-out {
  font-style: italic;
}
.show-times--recording .show-times__headings th {
  font-weight: normal;
}
.show-times--recording .show-times__headings th:nth-child(2) {
  text-align: left;
}
.show-times--recording .show-times__showing td {
  font-weight: bold;
}
.show-times--recording .show-times__showing td:nth-child(2) {
  text-align: left;
}
.lang-french .show-times--live {
  min-width: 560px;
}
.lang-french .show-times--recording {
  min-width: 560px;
}
@media screen and (max-width: 37.5em) {
  .lang-french .show-times--live {
    min-width: 400px;
  }
  .lang-french .show-times--recording {
    min-width: 400px;
  }
  .show-times--live tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .show-times--live th, .show-times--live td {
    display: block;
    width: 100%;
    text-align: center !important;
  }
  .show-times--live td:nth-child(2),
.show-times--live th:nth-child(2) {
    width: 48%;
    border: none;
  }
  .show-times--live td:last-child,
.show-times--live th:last-child {
    width: 52%;
    border: none;
  }
  .show-times--live td:last-child {
    padding: 3rem 0;
  }
  .show-times--live td {
    padding: 16px 0;
  }
  .show-times--live td:first-child {
    padding: 8px 0 0 0;
    font-weight: bold;
  }
  .show-times--recording .show-times__showing .icon, .show-times--live .show-times__showing .icon {
    display: none;
  }
  .show-times--recording .show-times__showing .btn--buy, .show-times--live .show-times__showing .btn--buy {
    opacity: 1;
  }
}

.childrens-schedule-full .schedule-row--odd {
  background: #f1eef1;
}
.childrens-schedule-full .schedule-row td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.childrens-schedule-full a {
  color: #811067;
  font-weight: bold;
  text-decoration: none;
}
.childrens-schedule-full a:hover {
  text-decoration: underline;
}
.childrens-schedule-full td {
  padding: 0 16px 16px 16px;
}
.childrens-schedule-full td .icon {
  margin-right: 6px;
}
.childrens-schedule-full td .icon--audio {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
.childrens-schedule-full td .icon--in-person {
  margin: 0 8px 0 4px;
}
.childrens-schedule-full td .icon--recording {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
.childrens-schedule-full .performance-image {
  margin: 16px 16px 0 0;
}
.childrens-schedule-full .performance-image img {
  display: block;
  max-width: 128px;
}
.childrens-schedule-full .performance-details {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  min-width: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.childrens-schedule-full .performance-title {
  margin: 8px 0 16px 0;
}
.childrens-schedule-full .performance-time {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  font-weight: bold;
  margin-top: 16px;
}
.childrens-schedule-full .performance-ticket-types {
  list-style: none;
  padding: 0;
  margin: 0;
}
.childrens-schedule-full .performance-ticket-types li + li {
  margin-top: 16px;
}

.venue__map {
  float: left;
  margin: 0 2rem 2rem 0;
}
.venue:after {
  clear: both;
  content: "";
  display: block;
}

/* Main Layout
---------------------------*/
html {
  background: url(images/nav_bg.jpg);
}

body {
  background: url(images/bg.jpg);
  margin-bottom: 10px;
}

.row {
  width: 100%;
}

.container {
  display: block;
  margin: 0 auto;
  padding: 0 14px;
  width: 100%;
  max-width: 1048px;
}
.container:before, .container:after {
  content: "";
  display: table;
}
.container:after {
  clear: both;
}

.site-main {
  background: #fff url(images/page-top.png) top repeat-x;
  margin-top: 20px;
  padding: 50px 0 20px 14px;
  width: 100%;
}
.site-main:before, .site-main:after {
  content: "";
  display: table;
}
.site-main:after {
  clear: both;
}
@media screen and (max-width: 37.5em) {
  .site-main {
    padding: 50px 14px;
  }
}
.home .site-main {
  background: #fff;
  margin-top: -80px;
  padding: 150px 0 90px 0;
}
@media screen and (max-width: 30em) {
  .home .site-main {
    padding-top: 100px;
  }
}

#content {
  float: left;
  margin-left: 1.37254902%;
  /* 14 / 1020 */
  width: 72.5490196%;
  /* 740 / 1020 */
}
@media screen and (max-width: 48em) {
  #content {
    width: 68.627451%;
  }
}
@media screen and (max-width: 37.5em) {
  #content {
    margin: 0;
    width: 100%;
  }
}

#sidebar {
  float: right;
  width: 25%;
  /* 255 / 1020 */
}
@media screen and (max-width: 48em) {
  #sidebar {
    width: 28.9215686%;
  }
}
@media screen and (max-width: 37.5em) {
  #sidebar {
    float: left;
    margin: 2%;
    width: 96%;
  }
}

/* Callout with images and icons on homepage
--------------------------------------------*/
#callouts {
  margin-top: 24px;
}

.home-callout {
  float: left;
  position: relative;
  text-align: center;
  width: 16.6666667%;
  /* 170 x 1020 */
  height: 310px;
}
.home-callout .callout-image {
  height: 155px;
  position: absolute;
  width: 100%;
}
.home-callout .callout-content {
  height: 155px;
  overflow: hidden;
  padding: 20px;
  position: absolute;
  width: 100%;
}
.home-callout .callout-content a {
  color: #fff;
  font-family: "ClarendonBT-Roman", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, Times, "Times New Roman", serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.1;
  display: block;
  text-decoration: none;
}
.home-callout .callout-content a p {
  padding: 5px 10px;
}
@media screen and (max-width: 30em) {
  .home-callout .callout-content a p {
    padding: 0px 10px;
  }
}
.home-callout .callout-content a img.icon {
  opacity: 0.5;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.home-callout .callout-content a img.icon:hover {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.home-callout:nth-child(odd) .callout-content {
  top: 0;
}
.home-callout:nth-child(odd) .callout-image {
  bottom: 0;
}
.home-callout:nth-child(even) {
  margin-top: 20px;
}
.home-callout:nth-child(even) .callout-content {
  bottom: 0;
}
.home-callout:nth-child(even) .callout-image {
  top: 0;
}

/* Colours */
.home-callout:nth-child(1) .callout-content {
  background-color: #d91930;
  background-image: -ms-radial-gradient(circle, #e04457, #d91930);
  background-repeat: no-repeat;
}
.home-callout:nth-child(2) {
  background: #d9629d;
}
.home-callout:nth-child(2) .callout-content {
  background-color: #d9629d;
  background-image: -ms-radial-gradient(circle, #ee67aa, #d9629d);
  background-repeat: no-repeat;
}
.home-callout:nth-child(3) {
  background: #811067;
}
.home-callout:nth-child(3) .callout-content {
  background-color: #811067;
  background-image: -ms-radial-gradient(circle, #9a3f85, #811067);
  background-repeat: no-repeat;
}
.home-callout:nth-child(4) {
  background: #78508e;
}
.home-callout:nth-child(4) .callout-content {
  background-color: #78508e;
  background-image: -ms-radial-gradient(circle, #9260a8, #78508e);
  background-repeat: no-repeat;
}
.home-callout:nth-child(5) {
  background: #00a2d8;
}
.home-callout:nth-child(5) .callout-content {
  background-color: #00a2d8;
  background-image: -ms-radial-gradient(circle, #00b4ef, #00a2d8);
  background-repeat: no-repeat;
}
.home-callout:nth-child(6) {
  background: #453092;
}
.home-callout:nth-child(6) .callout-content {
  background-color: #453092;
  background-image: -ms-radial-gradient(circle, #6655a5, #453092);
  background-repeat: no-repeat;
}

@media screen and (max-width: 64em) {
  .home-callout {
    width: 20%;
  }
  .home-callout:nth-child(6) {
    display: none;
  }
}
@media screen and (max-width: 48em) {
  .home-callout {
    width: 25%;
  }
  .home-callout:nth-child(5) {
    display: none;
  }
}
@media screen and (max-width: 30em) {
  .home-callout {
    width: 50%;
  }
  .home-callout:nth-child(5) {
    display: none;
  }
  .home-callout:nth-child(3) {
    margin-top: -20px;
  }
  .home-callout:nth-child(4) {
    margin-top: -10px;
  }
}
/* Welcome block on homepage
--------------------------------------------*/
.home-intro .feature-image {
  height: 120px;
  float: left;
  width: 21.3513514%;
  /* 158 / 740 */
  background: url(images/stars.png) center center no-repeat;
}
.home-intro article {
  font-size: 17px;
  font-size: 1.7rem;
  font-family: "ClarendonBT-Roman", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, Times, "Times New Roman", serif;
  float: left;
  padding-left: 1.89189189%;
  /* 14 / 740 */
  width: 68.9189189%;
  /* 510 / 740 */
}
@media screen and (max-width: 37.5em) {
  .home-intro .feature-image,
.home-intro article {
    padding: 0 2%;
    text-align: center;
    width: 100%;
  }
}

/* Featured performers
--------------------------------------------*/
.featured-performers, .two-columns {
  background: url(images/border.png) top left no-repeat;
  padding: 20px 0;
  margin: 0;
  margin-bottom: 10px;
}
.featured-performers:before, .two-columns:before, .featured-performers:after, .two-columns:after {
  content: "";
  display: table;
}
.featured-performers:after, .two-columns:after {
  clear: both;
}
.featured-performers li, .two-columns li {
  width: 100%;
}
.featured-performers li:before, .two-columns li:before, .featured-performers li:after, .two-columns li:after {
  content: "";
  display: table;
}
.featured-performers li:after, .two-columns li:after {
  clear: both;
}
.featured-performers .circle-thumb, .two-columns .circle-thumb {
  float: left;
  text-align: center;
  width: 27.027027%;
  /* 200 / 740 */
}
@media screen and (max-width: 37.5em) {
  .featured-performers .circle-thumb, .two-columns .circle-thumb {
    width: 100%;
  }
}
.featured-performers .circle-thumb img, .two-columns .circle-thumb img {
  margin-top: 15px;
}
@media screen and (max-width: 37.5em) {
  .featured-performers .circle-thumb img, .two-columns .circle-thumb img {
    margin-top: 5px;
  }
}
.featured-performers .content-entry, .two-columns .content-entry {
  float: left;
  padding-left: 1.89189189%;
  /* 14 / 740 */
  width: 63.2432432%;
  /* 468 / 740 */
}
@media screen and (max-width: 37.5em) {
  .featured-performers .content-entry, .two-columns .content-entry {
    text-align: center;
    padding: 1% 2%;
    width: 100%;
  }
}
.featured-performers .content-entry h2, .two-columns .content-entry h2 {
  margin: 10px 0;
}

.home .featured-performers, .home .two-columns {
  background: none;
  padding: 0;
}
.home .featured-performers .circle-thumb, .home .two-columns .circle-thumb {
  width: 21.3513514%;
  /* 158 / 740 */
}
@media screen and (max-width: 48em) {
  .home .featured-performers .circle-thumb, .home .two-columns .circle-thumb {
    width: 100%;
  }
}
.home .featured-performers .content-entry, .home .two-columns .content-entry {
  margin-top: 10px;
  padding-left: 1.89189189%;
  /* 14 / 740 */
  width: 68.9189189%;
  /* 510 / 740 */
}
@media screen and (max-width: 48em) {
  .home .featured-performers .content-entry, .home .two-columns .content-entry {
    width: 100%;
  }
}

ul.featured-performers, ul.two-columns {
  list-style: none;
}

#featured-performers .all-performers {
  color: #00458a;
  margin-left: 23.2432432%;
  /*172 / 740 */
  margin-bottom: 20px;
}
@media screen and (max-width: 37.5em) {
  #featured-performers .all-performers {
    text-align: center;
    margin: 0 auto 20px;
  }
}

/* Latest news at the bottom of the home page
--------------------------------------------*/
#latest-news ul {
  list-style: none;
  padding: 0;
  margin-left: 10.8108108%;
  /* 80/740 */
}
@media screen and (max-width: 48em) {
  #latest-news ul {
    margin-left: 2%;
  }
}
#latest-news ul li {
  float: left;
  padding: 1%;
  width: 25%;
}
@media screen and (max-width: 37.5em) {
  #latest-news ul li {
    width: 100%;
  }
}
#latest-news ul li a {
  display: block;
  text-decoration: none;
}
#latest-news ul li a:hover h5 {
  text-decoration: underline;
}

/* Staff and Board members
--------------------------------------------*/
.member-list {
  list-style: none;
  padding: 0;
  margin: 10px 0 30px;
}
.member-list:before, .member-list:after {
  content: "";
  display: table;
}
.member-list:after {
  clear: both;
}
.member-list li {
  float: left;
  margin: 5px 0 0;
  min-height: 300px;
  max-height: 300px;
  overflow: hidden;
  padding: 5px 5px 0;
  position: relative;
  text-align: center;
  width: 33.333333333%;
}
.member-list li h2 {
  color: #333;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 5px;
}
.member-list li p {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 48em) {
  .member-list li {
    width: 50%;
  }
}
@media screen and (max-width: 30em) {
  .member-list li {
    width: 100%;
    min-height: 0;
    max-height: auto;
    height: auto;
  }
}

/* Sponsors and Supporters logo display
--------------------------------------------*/
.sponsor-list {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}
.sponsor-list li {
  display: table;
  float: left;
  height: 100px;
  margin: 5px 0;
  position: relative;
  text-align: center;
  width: 25%;
}
.sponsor-list li.no-pic {
  min-height: 50px;
  height: auto;
}
@media screen and (max-width: 37.5em) {
  .sponsor-list li {
    width: 50%;
  }
}
@media screen and (max-width: 20em) {
  .sponsor-list li {
    width: 100%;
  }
}
.sponsor-list li p {
  display: table-cell;
  vertical-align: middle;
}
.sponsor-list li p img {
  margin: 0 auto;
}

#fourofour {
  display: block;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 150px;
  width: 50%;
}
@media screen and (max-width: 48em) {
  #fourofour {
    width: 80%;
  }
}
@media screen and (max-width: 37.5em) {
  #fourofour {
    width: 100%;
  }
}

#masthead {
  background: #fff;
  padding: 30px 0;
}
#masthead #festival-dates,
#masthead #tagline,
#masthead #logo {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 33.3333%;
}
#masthead #logo a {
  max-width: 320px;
}
#masthead #festival-dates,
#masthead #tagline {
  color: #00458a;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "ClarendonBT-Roman", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, Times, "Times New Roman", serif;
  margin-top: 50px;
  text-transform: uppercase;
}

@media screen and (max-width: 37.5em) {
  #masthead {
    padding: 10px 0;
  }
  #masthead #festival-dates,
#masthead #tagline,
#masthead #logo {
    display: block;
    float: left;
    margin: 0 auto;
    width: 100%;
  }
  #masthead #festival-dates,
#masthead #tagline {
    padding: 10px 0;
  }
}
.main-navigation {
  background: url(images/nav_bg.jpg);
  position: relative;
  display: block;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.main-navigation ul li {
  position: relative;
  float: left;
}
.main-navigation ul li:hover {
  color: #fff;
  background: #72ac31;
}
.main-navigation ul li:hover ul {
  display: block;
}
.main-navigation ul li a {
  color: #fff;
  font-family: "marujoregular", "cursive";
  font-size: 20px;
  font-size: 2rem;
  display: block;
  letter-spacing: 1px;
  padding: 5px 20px;
  text-decoration: none;
}
@media screen and (max-width: 64em) {
  .main-navigation ul li a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 48em) {
  .main-navigation ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 5px;
  }
}
.main-navigation ul li a:hover {
  background: #72ac31;
  color: #fff;
}
.main-navigation ul li.menu-item-bold a {
  background: #453092;
}
.main-navigation ul li.menu-item-bold a:hover {
  background: #654fb6;
}
.main-navigation ul ul {
  background: #72ac31;
  border-bottom: 10px solid #94c94e;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  left: 0;
  padding: 0;
  position: absolute;
  width: 200px;
  z-index: 99999;
}
.main-navigation ul ul ul {
  top: 0;
  left: 100%;
}
.main-navigation ul ul a {
  color: #fff;
  display: block;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  padding: 8px 10px;
  width: 200px;
}
.main-navigation ul ul a:hover, .main-navigation ul ul a:focus {
  background: #94c94e;
  color: #fff;
}
.main-navigation .current_page_parent a,
.main-navigation .current_page_ancestor a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover,
.main-navigation .current_page_item > a:focus,
.main-navigation .current-menu-item > a:focus {
  background: #72ac31;
  color: #fff;
}
.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
  background: #72ac31;
  color: #fff;
}

.main-navigation ul li.menu-item-bold ul.sub-menu {
  border-bottom: 10px solid #654fb6 !important;
}

.menu-toggle {
  display: none;
  cursor: pointer;
}

@media screen and (max-width: 37.5em) {
  .menu-toggle {
    color: #fff;
    display: inline-block;
    font-family: "marujoregular", "cursive";
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1;
    margin: 0;
    padding: 5px 20px;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
  }
  .menu-toggle a,
.menu-toggle a:hover {
    color: #fff;
    text-decoration: none;
  }
  .menu-toggle:hover {
    background: #72ac31;
  }
  .menu-toggle:before {
    content: "≡";
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 0.8;
    margin-right: 10px;
  }

  .main-navigation.toggled .nav-menu {
    display: block;
  }

  .main-navigation ul {
    display: none;
    padding-left: 0;
    text-align: left;
  }
  .main-navigation ul li {
    width: 100%;
  }
  .main-navigation ul li a {
    background: #94c94e;
    color: #fff;
    padding: 10px 20px;
  }
  .main-navigation ul li a:hover {
    background: #72ac31;
  }
  .main-navigation ul ul,
.main-navigation ul ul ul {
    -webkit-box-shadow: none;
            box-shadow: none;
    position: relative;
    top: inherit;
    left: 0;
    display: block;
    float: none;
    width: 100%;
  }
  .main-navigation ul ul li a,
.main-navigation ul ul ul li a {
    background: #94c94e;
    color: #fff;
    padding-left: 40px;
    width: 100%;
  }
  .main-navigation ul ul li a:hover,
.main-navigation ul ul ul li a:hover {
    background: #72ac31;
  }
  .main-navigation .current_page_parent a,
.main-navigation .current_page_ancestor a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
    background: #94c94e;
    color: #fff;
  }
}
.ai1ec-single-event .ai1ec-actions .ai1ec-btn {
  border-top-right-radius: 0 !important;
  background: url(images/ribbon_bg.png) 100% -8px no-repeat;
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: none;
  color: #fff;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 2px 0;
  padding-right: 30px;
}
.ai1ec-single-event .ai1ec-actions .ai1ec-btn:hover {
  background: url(images/ribbon_bg_hover.png) 100% -8px no-repeat;
}

.ai1ec-single-event .ai1ec-actions .ai1ec-btn.ai1ec-tickets {
  background: url(images/blue_ribbon_bg.png) 100% -8px no-repeat;
}
.ai1ec-single-event .ai1ec-actions .ai1ec-btn.ai1ec-tickets:hover {
  background: url(images/blue_ribbon_bg_hover.png) 100% -8px no-repeat;
}

.ai1ec-field-label {
  color: #333;
}

.ai1ec-single-event .ai1ec-time .ai1ec-field-value, .ai1ec-multi-event .ai1ec-time .ai1ec-field-value {
  font-size: 1em !important;
}

.ai1ec-calendar-toolbar,
.ai1ec-gmap-container,
.ai1ec-single-event .ai1ec-categories,
.ai1ec-single-event .ai1ec-recurrence, .ai1ec-multi-event .ai1ec-recurrence {
  display: none;
}

.childrens-schedule-full .schedule-row.language-hidden, .childrens-schedule-full .schedule-row.date-hidden {
  display: none;
}

.chlidrens-schedule-filter {
  display: none;
  margin-bottom: 24px;
}
.chlidrens-schedule-filter h3 {
  margin: 16px 0 8px;
}
.chlidrens-schedule-filter .type-filter,
.chlidrens-schedule-filter .date-filter,
.chlidrens-schedule-filter .language-filter {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}

.entrymeta {
  color: #5C6772;
  margin: 0.625em 0;
  padding: 0.3125em 0;
}
.entrymeta p {
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0.3125em 0;
}

p.date {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 0;
}

/* Post pagination
----------------------------------------------- */
.paging-navigation {
  padding: 15px 0;
}
.paging-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.paging-navigation ul li {
  display: inline;
}
.paging-navigation a.page-numbers,
.paging-navigation span.page-numbers {
  padding: 3px 8px;
  color: #5C6772;
  text-decoration: none;
}
.paging-navigation a.page-numbers:hover,
.paging-navigation span.page-numbers:hover {
  color: #333;
}
.paging-navigation a.page-numbers.current,
.paging-navigation span.page-numbers.current {
  color: #00458a;
  font-weight: bold;
}

.post-navigation {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 2em 0;
}
.post-navigation a {
  text-decoration: none;
}
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.post-navigation .nav-previous a:before {
  content: "«";
  padding-right: 5px;
}
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.post-navigation .nav-next a:after {
  content: "»";
  padding-left: 5px;
}

/* Comments
----------------------------------------------- */
.avatar {
  display: block;
  float: left;
  padding: 0 1.25em 0.625em 0;
}

.comment-meta a {
  text-decoration: none;
}

#commentlist {
  border-top: 1px solid #b3b3b3;
  list-style: none;
  margin: 0;
  padding: 1.25em 0;
}
#commentlist ul, #commentlist ol {
  padding: 0;
}
#commentlist > li {
  border-bottom: 1px solid #b3b3b3;
}
#commentlist li {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0.625em;
  margin: 0;
}
#commentlist li p {
  margin-bottom: 0;
  padding: 0.625em 0;
}
#commentlist li li > li {
  border: none;
}

#commentlist ul li {
  list-style: disc;
}

#commentlist ol li {
  list-style: decimal;
}

#commentlist .children {
  list-style: none;
  margin: 0.625em 0.625em 0 1.25em;
  padding: 0;
}
#commentlist .children li {
  border-top: 1px solid #b3b3b3;
  list-style: none;
  padding-top: 5px;
}

#respond {
  margin-top: 30px;
}

#commentform {
  padding: 20px 0;
}
#commentform p {
  margin-bottom: 10px;
}
#commentform label {
  display: inline-block;
  width: 90px;
}

/* Hides the content explaining what html tags are allowed */
.form-allowed-tags {
  display: none;
}

/* Sidebar Area
-------------------------------------------*/
.widget {
  background: #f1f1ee;
  margin-bottom: 30px;
  padding: 14px;
  text-align: center;
}
@media screen and (max-width: 37.5em) {
  .widget {
    display: block;
    margin: 0 auto;
    max-width: 255px;
    margin-bottom: 2%;
  }
}
.widget.support {
  background: #f1f1ee url(images/donate_heart_magenta.png) 50% 20px no-repeat;
  padding-top: 60px;
}
.widget.updates {
  background: #f1f1ee url(images/exclamation_pt.png) 50% 20px no-repeat;
  padding-top: 60px;
}
.widget.donors {
  background: #fff;
  padding: 0;
}
.widget.donors h4 {
  background: #f1f1ee;
  margin: 0 0 20px;
  padding: 10px 14px 8px;
}
.widget.donors h4 .fa-heart {
  color: #811067;
}

.advanced-sidebar-menu ul {
  list-style-image: url(images/bullet-star.png);
  margin: 10px 0 0 20px;
  padding: 0;
  text-align: left;
}
.advanced-sidebar-menu ul a {
  background: transparent;
  display: block;
  color: #00b4ae;
  font-weight: 700;
  padding: 3px 10px;
  text-decoration: none;
  width: 100%;
}
.advanced-sidebar-menu ul a:hover {
  color: #94c94e;
}
.advanced-sidebar-menu ul li.current_page_item a {
  color: #94c94e;
}
.advanced-sidebar-menu ul ul {
  margin-top: 0;
  margin-left: 0px;
}
.advanced-sidebar-menu ul ul ul {
  display: none;
}

.widget_search label {
  display: none;
}

#menu-social-media {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
}
#menu-social-media li {
  display: inline-block;
}
#menu-social-media li a {
  display: block;
  display: inline-block;
  margin-right: 0;
  text-decoration: none;
}
#menu-social-media li a:before {
  color: #00b4ae;
  display: block;
  font-family: "FontAwesome";
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  width: 32px;
  height: 32px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  margin: 3px 0;
  padding: 8px 6px 4px;
  text-align: center;
  text-decoration: inherit;
  vertical-align: top;
}
#menu-social-media li a:hover {
  text-decoration: none;
}
#menu-social-media li a:hover:before {
  color: #72ac31;
}
#menu-social-media li a[href*="facebook.com"]:before {
  content: "";
}
#menu-social-media li a[href*="twitter.com"]:before {
  content: "";
}
#menu-social-media li a[href*="pinterest.com"]:before {
  content: "";
}
#menu-social-media li a[href*="flickr.com"]:before {
  content: "";
}
#menu-social-media li a[href*="youtube.com"]:before {
  content: "";
}
#menu-social-media li a[href*="vimeo.com"]:before {
  content: "";
}
#menu-social-media li a[href*="instagram.com"]:before {
  content: "";
}
#menu-social-media li a[href*="childrensfestival.ca"]:before {
  content: "";
}

/* Footer area
---------------------*/
#footer {
  padding: 10px 0;
}
#footer .left-side {
  float: left;
  padding-left: 15px;
  width: 50%;
}
@media screen and (max-width: 37.5em) {
  #footer .left-side {
    width: 100%;
  }
}
#footer .right-side {
  float: left;
  margin-top: 10px;
  width: 50%;
}
@media screen and (max-width: 37.5em) {
  #footer .right-side {
    width: 100%;
  }
}
#footer .right-side form {
  margin-right: 38px;
  float: right;
}
@media screen and (max-width: 37.5em) {
  #footer .right-side form {
    float: left;
  }
}
#footer p {
  color: #333;
}
#footer a {
  color: #333;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .copy {
  text-align: right;
}
@media screen and (max-width: 37.5em) {
  #footer .copy {
    margin-top: 14px;
    text-align: left;
  }
}
#footer .copy p {
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
}

button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
}

select {
  max-width: 100%;
}

.button, button,
input[type=button],
input[type=reset],
input[type=submit] {
  border-radius: 0;
  background-color: #fff;
  background: url(images/button_bg.png) 100% 0 no-repeat;
  border: none;
  color: #fff;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  font-family: "ClarendonBT-Roman", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, Times, "Times New Roman", serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: uppercase;
  line-height: 1;
  padding: 13px 70px 12px 20px;
  text-transform: uppercase;
}
.button:hover, button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background-position: 100% -60px;
}
.button:focus, button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus, .button:active, button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active {
  border-color: #aaa;
}
.button.buy, button.buy,
input.buy[type=button],
input.buy[type=reset],
input.buy[type=submit] {
  background: url(images/button_bg.png) 101% -123px no-repeat;
  padding: 16px 70px 15px 15px;
}
.button.buy:hover, button.buy:hover,
input.buy[type=button]:hover,
input.buy[type=reset]:hover,
input.buy[type=submit]:hover {
  background-position: 100% -185px;
}
.button.ribbon, button.ribbon,
input.ribbon[type=button],
input.ribbon[type=reset],
input.ribbon[type=submit] {
  border: 1px solid #fff;
  background: url(images/ribbon_bg.png) 100% -5px no-repeat;
  padding: 10px 70px 10px 22px;
}
.button.ribbon:hover, button.ribbon:hover,
input.ribbon[type=button]:hover,
input.ribbon[type=reset]:hover,
input.ribbon[type=submit]:hover {
  background: url(images/ribbon_bg_hover.png) 100% -5px no-repeat;
}

.buy-now-button, .showtimes-button {
  background: url(images/buynow_wht_btn.png) 0 0 no-repeat;
  display: block;
  height: 46px;
  width: 209px;
}
.buy-now-button:hover, .showtimes-button:hover {
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.showtimes-button {
  background: url(images/showtimes_wht_btn.png) no-repeat;
  height: 36px;
  width: 203px;
}

.tickets {
  margin-right: 5px;
  vertical-align: bottom;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=button],
.gform_wrapper .gform_footer input[type=reset], .gform_wrapper .gform_footer input[type=submit] {
  font-size: 16px;
  font-size: 1.6rem;
}

#mc_embed_signup .button, #mc_embed_signup button,
#mc_embed_signup input[type=button],
#mc_embed_signup input[type=reset],
#mc_embed_signup input[type=submit] {
  background: #94c94e;
}
#mc_embed_signup .button:hover, #mc_embed_signup button:hover,
#mc_embed_signup input[type=button]:hover,
#mc_embed_signup input[type=reset]:hover,
#mc_embed_signup input[type=submit]:hover {
  background: #00a2d8;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
}

.btn--buy {
  background: #811067;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  padding: 6px 16px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 3px rgba(33, 18, 30, 0.25);
          box-shadow: 0px 2px 3px rgba(33, 18, 30, 0.25);
  font-weight: bold;
}
.btn--buy:focus, .btn--buy:hover {
  color: #fff;
  background: #00a2d8;
}
.btn--buy:visited {
  color: #fff;
}
.btn--buy:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translate(1px, 1px);
          transform: translate(1px, 1px);
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

input[type=search] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
  color: #666;
  border: 1px solid #ccc;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus {
  color: #111;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search] {
  padding: 3px;
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%;
}

/* Search Form
-------------------------------------------*/
#searchform {
  max-width: 300px;
  position: relative;
}
#searchform input {
  height: 40px;
  padding: 0;
  vertical-align: top;
  -webkit-appearance: none;
}
#searchform #s {
  background: #fff;
  border: none;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  margin-right: 138px;
  padding-left: 10px;
  -webkit-transition: 0.07s, ease-in;
  transition: 0.07s, ease-in;
  width: 100%;
}
#searchform #s:focus {
  -webkit-transition: 0.07s, ease-in;
  transition: 0.07s, ease-in;
}
#searchform #searchsubmit {
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  position: absolute;
  z-index: 10;
  padding-right: 30px;
  right: -37px;
  top: 0;
  height: 40px;
  width: 138px;
}

.form--options {
  list-style: none;
  margin: 0;
}
.form--options li {
  display: inline;
  margin-right: 16px;
}
.form--options label {
  cursor: pointer;
}
.form--options .icon {
  fill: #811067;
  margin-right: 6px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.form--options .icon--recording {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
.form--options .icon--audio {
  stroke: #811067;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}
.form--options input {
  margin-right: 6px;
}
.experience-filter .form--options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.experience-filter .form--options li {
  width: 250px;
  margin-bottom: 8px;
}
.experience-filter .form--options li:nth-child(1) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.experience-filter .form--options li:nth-child(2) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.experience-filter .form--options li:nth-child(3) {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.experience-filter .form--options li:nth-child(4) {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.experience-filter .form--options li:nth-child(5) {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
/*.experience-filter .form--options:after {
  content: "";
  display: block;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}*/

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

/* images within main page */
#main img {
  height: auto;
  max-width: 100%;
}

#main img.circular {
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  height: 160px;
  width: 160px;
}
#main img.circular .home {
  height: 120px;
  width: 120px;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.75em;
}

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

.aligncenter {
  display: block;
  margin: 0 auto;
  margin-top: 1em;
  margin-bottom: 1em;
}

@media screen and (max-width: 30em) {
  .alignleft,
.alignright {
    float: none;
    display: block;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 1em;
  }
}
.wp-caption {
  background: #fff;
  border-color: #b3b3b3;
  border-width: 1px;
  border-style: solid;
  padding: 3px;
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin: 0 auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
}

/* Galleries
------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery img {
  border: 1px solid #b3b3b3;
}

.gallery-item {
  display: inline-block;
  margin-top: 10px;
  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;
  font-size: 13px;
  font-size: 1.3rem;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/* Media Print
-------------------------------------- */
@media print {
  h1 {
    page-break-before: always;
  }

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }

  ul, ol, dl {
    page-break-before: avoid;
  }
}
/* Media Queries
------------------------------------- */
@media screen and (max-width: 48em) {
  .hide-on-medium {
    display: none;
  }
}
@media screen and (max-width: 30em) {
  .hide-on-small {
    display: none;
  }
}
/*# sourceMappingURL=style.css.map */